:root{--bg:#f4f2ec;--s0:#efece4;--s1:#fff;--s2:#fff;--tx:#211f1a;--tx2:#6b6960;--txm:#9a988f;--br:#e4e1d8;--brs:#d3d0c6;--acc:#185fa5;--accbg:#e6f1fb;--accf:#378add;--font:Calibri,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--serif:Calibri,"Segoe UI",system-ui,sans-serif;--radius:12px;--radius-sm:10px;--radius-lg:16px;--danger:#e24b4a;--warn:#c47b15;--ok:#2e9e6c;--on-acc:#fff;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--ic-sm:18px;--ic-md:20px;--ic-lg:24px;--tap:44px;--col:520px;--content-max:1180px}@media (prefers-color-scheme:dark){:root{--bg:#17161a;--s0:#1d1c20;--s1:#26252b;--s2:#26252b;--tx:#ecebe8;--tx2:#a3a19a;--txm:#77756e;--br:#34333a;--brs:#42414a;--acc:#85b7eb;--accbg:#0c2740;--accf:#378add}}[data-theme=dark]{--bg:#17161a;--s0:#1d1c20;--s1:#26252b;--s2:#26252b;--tx:#ecebe8;--tx2:#a3a19a;--txm:#77756e;--br:#34333a;--brs:#42414a;--acc:#85b7eb;--accbg:#0c2740;--accf:#378add}[data-theme=light]{--bg:#f4f2ec;--s0:#efece4;--s1:#fff;--s2:#fff;--tx:#211f1a;--tx2:#6b6960;--txm:#9a988f;--br:#e4e1d8;--brs:#d3d0c6;--acc:#185fa5;--accbg:#e6f1fb;--accf:#378add}.pipeline{justify-content:space-between;gap:3px;margin:14px 0 12px;display:flex}.pipeline-step{color:var(--txm);text-align:center;flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.pipeline-step span{background:var(--s0);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;font-weight:600;display:flex}.pipeline-step small{white-space:nowrap;font-size:9px}.pipeline-step.active{color:var(--acc)}.pipeline-step.active span{background:var(--accf);color:#fff}.mode-switch{gap:6px;display:flex}.mode-switch button{border:1px solid var(--brs);background:var(--s2);color:var(--tx);cursor:pointer;border-radius:10px;flex:1;padding:10px 5px}.mode-switch button.selected{border-color:var(--accf);background:var(--accbg);color:var(--acc);font-weight:600}.mode-help{margin-top:8px}.mode-switch.wrap{flex-wrap:wrap}.mode-switch.wrap button{flex:0 auto;padding:8px 12px}.slider{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:26px;margin:2px 0 0;padding:0}.slider::-webkit-slider-runnable-track{border:1px solid var(--brs);background:linear-gradient(to right, var(--accf) 0 calc(var(--pct,0)*1%), var(--s1) calc(var(--pct,0)*1%) 100%);border-radius:99px;height:12px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accf);border:3px solid var(--s2);cursor:pointer;border-radius:50%;width:24px;height:24px;margin-top:-7px;box-shadow:0 1px 5px #0000004d}.slider::-moz-range-track{border:1px solid var(--brs);background:var(--s1);border-radius:99px;height:12px}.slider::-moz-range-progress{background:var(--accf);border-radius:99px;height:12px}.slider::-moz-range-thumb{background:var(--accf);border:3px solid var(--s2);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 5px #0000004d}.slider-ticks{color:var(--txm);justify-content:space-between;margin:2px 0;font-size:12px;display:flex}.settings-disclosure{border:1px solid var(--br);border-radius:var(--radius);background:var(--s2);padding:2px var(--sp-3);margin:var(--sp-3) 0 var(--sp-2)}.settings-disclosure summary{padding:var(--sp-3) 0;color:var(--tx2);cursor:pointer;min-height:var(--tap);align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}.settings-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure summary:after{content:"▾";color:var(--txm);margin-left:auto}.settings-disclosure[open] summary{border-bottom:1px solid var(--br);margin-bottom:4px}.settings-disclosure[open] summary:after{content:"▴"}.settings-disclosure .sec:first-of-type{margin-top:2px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--tx);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{width:100%;max-width:var(--col);background:var(--s0);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000000f}.siderail{display:none}.stage{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.topbar{z-index:4;height:54px;padding:0 var(--sp-4);border-bottom:1px solid var(--br);background:var(--s2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar button{color:var(--tx);cursor:pointer;padding:var(--sp-1);min-width:var(--tap);min-height:var(--tap);background:0 0;border:none;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.title{font-size:17px;font-weight:600}.avatar{background:var(--accbg);width:34px;height:34px;color:var(--acc);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.main{padding:var(--sp-3) var(--sp-3) 86px;flex:1;width:100%}.tabbar{z-index:4;border-top:1px solid var(--br);background:var(--s2);flex-shrink:0;height:66px;display:flex;position:sticky;bottom:0}.tab{cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-1);color:var(--tx2);background:0 0;border:none;flex-direction:column;flex:1;display:flex;position:relative}.tab i{font-size:24px}.tab span{font-size:11px}.tab.on{color:var(--acc)}.tab.center span{color:var(--acc);margin-top:28px;font-weight:600}.addbtn{background:var(--accf);color:#fff;border:4px solid var(--s0);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #185fa580}.addbtn i{font-size:32px}.tab .badge{background:var(--accf);color:#fff;text-align:center;box-sizing:border-box;border-radius:50%;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:2px;left:50%;transform:translate(6px)}.hint{align-items:flex-start;gap:var(--sp-2);background:var(--accbg);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.hint i{font-size:var(--ic-md);color:var(--acc);flex-shrink:0}.hint p{color:var(--acc);font-size:14px;line-height:1.4}.dropzone{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:2px dashed var(--brs);border-radius:var(--radius);background:var(--s2);cursor:pointer;margin-bottom:var(--sp-2);text-align:left;display:flex}.dropzone.over{border-color:var(--accf);background:var(--accbg)}.dropzone i{color:var(--acc);flex-shrink:0;font-size:28px}.dropzone b{color:var(--tx);font-size:14px;font-weight:600;display:block}.dropzone span{color:var(--tx2);margin-top:2px;font-size:12px;line-height:1.35;display:block}.card{background:var(--s2);border:1px solid var(--br);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-2);cursor:pointer;display:block;position:relative}.card:active{transform:scale(.99)}.card-del{width:var(--tap);height:var(--tap);color:var(--txm);font-size:var(--ic-sm);border-radius:var(--radius-sm);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.card-del:active{background:var(--s0);color:var(--danger)}.card h3{margin-bottom:3px;font-size:15px;font-weight:600}.card p.full{-webkit-line-clamp:unset;display:block;overflow:visible}.card p{color:var(--tx2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.pill{background:var(--accbg);color:var(--acc);padding:var(--sp-1) var(--sp-3);border-radius:99px;font-size:12px;font-weight:500;display:inline-block}.info-btn{color:var(--txm);font-size:var(--ic-md);cursor:pointer;background:0 0;border:none;padding:2px;line-height:1;display:flex}.info-btn:active{color:var(--acc)}.bar{background:var(--s0);height:8px;margin-top:var(--sp-3);border-radius:99px;overflow:hidden}.bar>div{background:var(--accf);border-radius:99px;height:100%}.sec{color:var(--tx2);margin:var(--sp-3) 0 var(--sp-2);font-size:13px;font-weight:600}.btn{width:100%;padding:var(--sp-3);border:1px solid var(--brs);background:var(--s2);border-radius:var(--radius);color:var(--tx);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:15px;font-weight:600;display:flex}.btn i{font-size:var(--ic-md);color:var(--acc)}.btn.primary{background:var(--accf);color:#fff;border:none}.btn.primary i{color:#fff}.btn.sm{padding:var(--sp-2);gap:var(--sp-2);font-size:14px}.btn.sm i{font-size:var(--ic-sm)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.danger i{color:var(--danger)}.btn:disabled{opacity:.6;cursor:default}input,textarea,select{width:100%;padding:var(--sp-3);border:1px solid var(--br);border-radius:var(--radius);background:var(--s1);color:var(--tx);margin-bottom:var(--sp-2);font-family:inherit;font-size:16px}textarea{resize:vertical}.row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--br);border-radius:var(--radius);margin-bottom:var(--sp-2);background:var(--s2);cursor:pointer;display:flex}.row i.lead{font-size:var(--ic-md)}.row .t{flex:1;font-size:15px}.chev{color:var(--txm)}.row input,.row textarea{flex:1;width:auto;margin:0}.row.static,.card.static{cursor:default}.card.static:active{transform:none}.row.selected{border-color:var(--accf);background:var(--accbg)}.icon-btn{width:var(--tap);height:var(--tap);font-size:var(--ic-md);color:var(--tx2);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.icon-btn.acc{color:var(--acc)}.icon-btn.danger{color:var(--danger)}.icon-btn.sm{width:38px;height:38px;font-size:var(--ic-sm)}.btn-row{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.btn-row .btn{white-space:nowrap;flex:1 1 0;width:auto;min-width:0;margin-top:0;overflow:hidden}.chip-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.status-row{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);color:var(--tx2);font-size:13px;display:flex}.status-row.ok{color:var(--acc)}.status-row.warn{color:var(--warn)}.status-row i{font-size:var(--ic-sm)}.screen-title{margin-bottom:var(--sp-2);font-size:19px;font-weight:600}.section-sep{margin-top:var(--sp-5);border-top:1px solid var(--br);padding-top:var(--sp-3)}.qchip:disabled{opacity:.6;cursor:default}.qchip i{color:var(--acc)}.qchip.over{border-color:var(--accf);background:var(--accbg)}.chips{gap:var(--sp-2);margin:var(--sp-1) 0;flex-wrap:wrap;display:flex}.muted{color:var(--tx2);margin:var(--sp-1) 0 var(--sp-2);font-size:13px}.stat{background:var(--s2);border:1px solid var(--br);border-radius:var(--radius-lg);padding:var(--sp-4);text-align:center;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;flex:1;text-decoration:none;display:block}.stat:hover{border-color:var(--acc)}.stat .n{font-size:24px;font-weight:600}.stat .l{color:var(--tx2);font-size:12px}.statrow{gap:var(--sp-3);display:flex}.empty{text-align:center;color:var(--tx2);padding:var(--sp-5) var(--sp-3)}.empty i{color:var(--txm);margin-bottom:var(--sp-3);font-size:42px;display:block}.book-viewport{perspective:1400px;margin-bottom:10px}.book-page{background:var(--s2);border:1px solid var(--br);min-height:52vh;max-height:60vh;transform-style:preserve-3d;transform-origin:0;border-radius:14px;padding:18px;overflow-y:auto;box-shadow:0 2px 10px #0000000d}.book-page.flip-out-next{animation:.26s ease-in forwards bookFlipOutNext}.book-page.flip-in-next{animation:.26s ease-out forwards bookFlipInNext}.book-page.flip-out-prev{transform-origin:100%;animation:.26s ease-in forwards bookFlipOutPrev}.book-page.flip-in-prev{transform-origin:100%;animation:.26s ease-out forwards bookFlipInPrev}@keyframes bookFlipOutNext{0%{opacity:1;transform:rotateY(0)}to{opacity:.35;transform:rotateY(-92deg)}}@keyframes bookFlipInNext{0%{opacity:.35;transform:rotateY(92deg)}to{opacity:1;transform:rotateY(0)}}@keyframes bookFlipOutPrev{0%{opacity:1;transform:rotateY(0)}to{opacity:.35;transform:rotateY(92deg)}}@keyframes bookFlipInPrev{0%{opacity:.35;transform:rotateY(-92deg)}to{opacity:1;transform:rotateY(0)}}.book-title-page{text-align:center;height:100%;min-height:48vh;font-family:var(--serif);flex-direction:column;justify-content:center;align-items:center;display:flex}.book-title-page .t{margin-bottom:8px;font-size:24px;font-weight:700}.book-page-label{color:var(--tx2);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;font-size:12px;font-weight:600}.book-page-body{font-family:var(--serif);white-space:pre-wrap;font-size:15px;line-height:1.7}.book-nav{justify-content:center;align-items:center;gap:16px;margin-bottom:10px;display:flex}.book-nav button{border:1px solid var(--brs);background:var(--s2);width:44px;height:44px;color:var(--tx);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.book-nav button:disabled{opacity:.35;cursor:default}.book-nav .pageno{color:var(--tx2);text-align:center;min-width:64px;font-size:13px}.player-art{background:var(--accbg);border-radius:20px;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 18px;display:flex}.player-art i{color:var(--acc);font-size:76px}.scrim{z-index:8;opacity:0;pointer-events:none;background:#00000073;transition:opacity .22s;position:fixed;inset:0}.scrim.show{opacity:1;pointer-events:auto}.info-modal{z-index:11;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:24px;transition:opacity .22s;display:flex;position:fixed;inset:0}.info-modal.show{opacity:1;pointer-events:auto}.info-modal .box{background:var(--s2);border:1px solid var(--brs);border-radius:16px;width:100%;max-width:360px;max-height:80vh;padding:20px;overflow-y:auto;box-shadow:0 12px 40px #00000040}.drawer{background:var(--s2);border-right:1px solid var(--brs);z-index:9;width:264px;max-width:82vw;height:100%;padding:var(--sp-3) 0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.show{transform:translate(0)}.drawer .head{padding:var(--sp-1) var(--sp-4) var(--sp-3);align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--br);margin-bottom:var(--sp-1);flex-shrink:0;display:flex}.ditem{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);min-height:var(--tap);cursor:pointer;color:var(--tx);flex-shrink:0;font-size:15px;display:flex}.ditem i{font-size:var(--ic-md);color:var(--tx2)}.bubble{background:var(--accf);color:#fff;z-index:7;cursor:grab;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:fixed;box-shadow:0 6px 20px #185fa580}.bubble i{font-size:30px}.bubble .rdot{background:var(--danger);border:2px solid var(--accf);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;right:4px}.chat{background:var(--bg);z-index:10;flex-direction:column;max-width:520px;margin:0 auto;transition:transform .28s;display:flex;position:fixed;inset:0;transform:translateY(100%)}.chat.open{transform:translateY(0)}.chead{border-bottom:1px solid var(--br);background:var(--s2);flex-shrink:0;align-items:center;gap:11px;height:58px;padding:0 14px;display:flex}.chead .ai{background:var(--accf);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;display:flex}.chead .nm{flex:1;font-size:16px;font-weight:600}.chead button{color:var(--tx2);cursor:pointer;background:0 0;border:none;padding:5px;font-size:25px}.chead .spk.on{color:var(--acc)}.chead .vc.on{color:var(--ok)}.chead .vc.on.speaking{color:var(--danger);animation:.9s infinite pulse}.ctx{background:var(--accbg);color:var(--acc);border-radius:12px;align-items:center;gap:8px;margin:12px 14px 4px;padding:10px 13px;font-size:13px;display:flex}.ctx i{font-size:16px}.cmsgs{flex:1;padding:12px 14px;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:16px;max-width:86%;margin-bottom:11px;padding:12px 14px;font-size:15px;line-height:1.55}.msg.ai{background:var(--s2);border:1px solid var(--br);border-bottom-left-radius:5px}.msg.me{background:var(--accf);color:#fff;border-bottom-right-radius:5px;margin-left:auto}.mode{color:var(--acc);background:var(--accbg);border-radius:99px;align-items:center;gap:6px;margin-bottom:9px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.cinput{border-top:1px solid var(--br);background:var(--s2);flex-shrink:0;padding:11px 12px;position:relative}.slash{background:var(--s2);border:1px solid var(--brs);border-radius:16px;position:absolute;bottom:70px;left:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #00000029}.scmd{cursor:pointer;border-bottom:1px solid var(--br);align-items:center;gap:12px;padding:13px 15px;display:flex}.scmd:last-child{border-bottom:none}.scmd i{color:var(--acc);text-align:center;width:24px;font-size:20px}.scmd .c{font-size:14px;font-weight:600}.scmd .d{color:var(--tx2);font-size:13px}.qchips{gap:8px;padding:2px 0 9px;display:flex;overflow-x:auto}.qchip{padding:var(--sp-2) var(--sp-3);border:1px solid var(--brs);background:var(--s2);color:var(--tx);cursor:pointer;white-space:nowrap;border-radius:99px;flex-shrink:0;font-size:13px}.switch{background:var(--br);cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:40px;height:24px;padding:0;transition:background .18s;display:inline-block;position:relative}.switch .knob{background:var(--s2);border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}button.switch-row{color:var(--tx2);align-items:center;gap:8px;width:auto;height:auto;font-size:13px;font-weight:600;display:flex}.switch-row[aria-checked=true] .switch{background:var(--acc)}.switch-row[aria-checked=true] .switch .knob{transform:translate(16px)}.crow{align-items:center;gap:9px;display:flex}.crow input{border-radius:24px;margin:0}.iconbtn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.mic{background:var(--s0);color:var(--acc);border:1px solid var(--brs)}.mic.listening{background:var(--danger);color:var(--on-acc);border:none;animation:1s infinite pulse}.send{background:var(--accf);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}.editor{width:100%;min-height:52vh;padding:var(--sp-4);border:1px solid var(--br);border-radius:var(--radius);background:var(--s2);color:var(--tx);font-family:var(--serif);font-size:17px;line-height:1.75}.savebar{color:var(--tx2);margin-top:var(--sp-2);justify-content:space-between;font-size:13px;display:flex}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.login .logo{background:var(--accf);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:38px;display:flex}.form-title{margin-bottom:5px;font-size:19px;font-weight:650}.field-label{color:var(--tx2);margin:var(--sp-3) 2px var(--sp-2);font-size:13px;font-weight:600;display:block}.writer-form textarea{margin-bottom:0;line-height:1.5}.writer-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.writer-card-head .pill{flex-shrink:0}.writer-genres{margin-top:10px}.writer-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.writer-actions form{display:contents}.writer-actions .btn{margin-top:0;padding:11px 8px}.list-grid{gap:var(--sp-2);grid-template-columns:1fr;display:grid}.list-grid>*{margin-bottom:0}.icon-row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.railbtn{width:100%;color:var(--tx2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.railbtn i{flex-shrink:0;font-size:22px}.railbtn:hover{background:var(--s0)}.railbtn.on{background:var(--accbg);color:var(--acc)}.railbtn.add{background:var(--accf);color:#fff;margin:6px 0}.railbtn.add i{color:#fff}.railbtn .rbadge{background:var(--accf);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;display:flex}.railbtn.on .rbadge,.railbtn.add .rbadge{background:var(--acc);color:#fff}.rail-brand{color:var(--tx);align-items:center;gap:10px;padding:4px 12px 12px;font-size:17px;font-weight:700;display:flex}.rail-spacer{flex:1;min-height:12px}@media (min-width:620px) and (max-width:899px){.app{max-width:720px}.list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.app{max-width:var(--content-max);flex-direction:row;align-items:stretch}.siderail{border-right:1px solid var(--br);background:var(--s2);flex-direction:column;flex-shrink:0;gap:2px;width:212px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.tabbar{display:none}.main{max-width:940px;padding:var(--sp-4) var(--sp-5) var(--sp-5);margin:0 auto}.list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-height:520px) and (max-width:899px){.topbar{height:46px}.tabbar{height:52px}.tab i{font-size:20px}.tab span{font-size:10px}.addbtn{border-width:3px;width:48px;height:48px;top:-14px}.addbtn i{font-size:26px}.main{padding-bottom:66px}}