:root{--bg:#f5f7fb;--surface:rgba(255,255,255,.78);--solid:#fff;--text:#172033;--muted:#7d8798;--line:#e8ebf1;--accent:#5e5ce6;--accent-soft:#eeedff;--danger:#c43738;--shadow:0 18px 45px rgba(28,38,72,.08);font-family:Inter,ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--bg:#11131c;--surface:rgba(28,31,44,.82);--solid:#1c1f2c;--text:#f2f4fb;--muted:#9ca5ba;--line:#303546;--accent:#9c9aff;--accent-soft:#2b2a50;--shadow:0 18px 45px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);overflow:hidden}.ambient{position:fixed;z-index:-1;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.22}.ambient-one{background:#908cff;top:-18vw;left:-12vw}.ambient-two{background:#51d4bb;right:-18vw;bottom:-18vw}.topbar{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);backdrop-filter:blur(20px)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#716df0,#54cfbe);color:#fff;font-weight:800}.brand b,.brand small{display:block}.brand small{color:var(--muted);font-size:11px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.live{display:flex;gap:7px;align-items:center}.live i,.sidebar-footer i{width:7px;height:7px;border-radius:50%;background:#40c490;display:inline-block}.pulse{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.65)}}button,input{font:inherit}.icon-button{border:1px solid var(--line);background:var(--solid);color:var(--text);width:34px;height:34px;border-radius:10px;cursor:pointer}.sync-button{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.sync-button:disabled{opacity:.6}.shell{height:calc(100vh - 76px);display:grid;grid-template-columns:260px minmax(350px,38%) 1fr;gap:16px;padding:16px}.sidebar,.inbox-panel,.reader{background:var(--surface);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.sidebar{display:flex;flex-direction:column;padding:18px;overflow:hidden}.sidebar-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center}.sidebar-heading small,.panel-heading small{display:block;color:var(--muted);font-size:11px;letter-spacing:.05em}.sidebar-heading h2,.panel-heading h1{font-size:20px;margin:4px 0 0}.count-pill{background:var(--accent-soft);color:var(--accent);font-weight:700;border-radius:99px;padding:5px 9px}.accounts{padding:18px 0;overflow:auto;flex:1}.account{position:relative;display:flex;width:100%;align-items:center;gap:9px;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.account:hover,.account.active{background:var(--accent-soft)}.avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd29b,#e896b6);color:#5e3956;font-weight:800;font-size:13px}.account b,.account small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account b{font-size:13px}.account small{font-size:10px;color:var(--muted);margin-top:2px}.account em{margin-left:auto;color:var(--muted);font-size:11px;font-style:normal}.search-wrap{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:var(--solid);color:var(--muted)}.search-wrap input{width:100%;border:0;outline:0;padding:11px 0;background:transparent;color:var(--text)}.sidebar-footer{padding-top:16px;margin-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-footer span{display:flex;align-items:center;gap:7px}.inbox-panel{overflow:hidden;display:flex;flex-direction:column}.panel-heading{padding:20px 22px 14px;border-bottom:1px solid var(--line)}.muted{color:var(--muted);font-size:12px}.mail-list{overflow:auto}.mail{position:relative;display:flex;gap:10px;width:100%;padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.mail:hover{background:var(--accent-soft)}.mail-dot{width:7px;height:7px;flex:none;margin-top:6px;border-radius:50%;background:var(--accent)}.mail-dot.read{background:transparent}.mail-main{min-width:0;flex:1}.mail strong,.mail-main span,.mail p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail strong{font-size:13px}.mail-main span,.mail p{font-size:11px;color:var(--muted);margin-top:4px}.mail p{margin-bottom:0}time{font-size:10px;color:var(--muted);white-space:nowrap}.list-empty{text-align:center;padding:60px 20px;color:var(--muted)}.list-empty b{font-size:24px}.reader{padding:32px;overflow:auto;background:var(--solid)}.reader-empty{text-align:center;margin-top:20vh;color:var(--muted)}.empty-orb{display:grid;place-items:center;margin:0 auto 16px;width:54px;height:54px;border-radius:18px;background:var(--accent-soft);color:var(--accent);font-size:24px}.reader-empty h2{color:var(--text);font-size:18px}.reader-actions{float:right}.delete{border:1px solid #d99;border-radius:9px;background:transparent;color:var(--danger);padding:8px 11px;cursor:pointer}.reader-account{color:var(--accent);font-size:12px;font-weight:700;margin:0 0 8px}.reader h2{font-size:25px;margin:0 70px 23px 0;line-height:1.35}.reader dl{display:grid;grid-template-columns:72px 1fr;gap:8px;font-size:13px;border-block:1px solid var(--line);padding:15px 0}.reader dt{color:var(--muted)}.attachments{font-size:12px;color:var(--muted)}.content{margin-top:24px}.content iframe{border:1px solid var(--line);border-radius:12px;width:100%;min-height:520px;background:white}.content pre{white-space:pre-wrap;font:14px/1.7 inherit}.login-page{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:min(390px,100%);padding:32px;border-radius:20px;background:var(--solid);border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h1{margin:0}.login-card p{color:var(--muted);font-size:13px}.login-card label{display:block;margin:16px 0;color:var(--muted);font-size:12px}.login-card input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text)}.login-card button{width:100%;border:0;border-radius:9px;padding:12px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}#error{color:var(--danger)}@media(max-width:950px){.shell{grid-template-columns:220px 1fr}.reader{position:fixed;inset:92px 16px 16px 236px;display:none}.reader:not(:has(.reader-empty)){display:block}.top-actions time,.live{display:none}}@media(max-width:650px){body{overflow:auto}.topbar{padding:0 16px}.shell{height:auto;min-height:calc(100vh - 76px);grid-template-columns:1fr;padding:10px}.sidebar{min-height:260px}.inbox-panel{min-height:500px}.reader{position:static;display:block;min-height:500px}.reader-empty{margin-top:80px}.top-actions{gap:8px}.sync-button{font-size:0}.sync-button span{font-size:16px}}
.secondary-button{border:1px solid var(--line);border-radius:9px;background:var(--solid);color:var(--text);padding:8px 11px;cursor:pointer;white-space:nowrap}.secondary-button:disabled,.delete:disabled{opacity:.55;cursor:wait}.notice{position:fixed;z-index:30;top:84px;right:25px;max-width:min(480px,calc(100vw - 32px));padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--solid);color:var(--text);box-shadow:var(--shadow);font-size:13px;overflow-wrap:anywhere}.notice-error{border-color:#c43738;color:var(--danger)}.notice-success{border-color:#3aa77c}.notice[hidden],.account-summary[hidden]{display:none}.account-name{min-width:0;flex:1}.account .account-state{display:block;margin-top:4px;font-size:10px;font-weight:500;color:var(--muted)}.account .account-state-ready{color:#23865f}.account .account-state-connecting{color:var(--accent)}.account .account-state-auth_hold,.account .account-state-cooldown{color:#b57a14}.account-state-disabled{opacity:.7}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:12px;background:var(--accent-soft);color:var(--text);overflow-wrap:anywhere}.account-summary b{font-size:12px}.account-summary p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.account-summary-auth_hold,.account-summary-cooldown{border-left:3px solid #c58b26}.account-summary-disabled{background:transparent}.live.is-warning i{background:#c58b26}.live.is-error i{background:var(--danger)}.mail.selected{background:var(--accent-soft)}.reader .reader-actions{display:flex;gap:8px;float:none;justify-content:flex-end;margin-bottom:16px}.reader .reader-back{display:none}.reader dd{margin:0;overflow-wrap:anywhere}.reader .content pre{font-family:inherit;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.sidebar-footer #status{line-height:1.5;align-items:flex-start;overflow-wrap:anywhere}.sidebar-footer #status i{flex:none;margin-top:4px}.login-theme{position:fixed;top:24px;right:24px}.login-brand{display:flex;align-items:center;gap:12px}.login-card #error{min-height:20px;line-height:1.5;color:var(--danger)}.login-card button:disabled{opacity:.65;cursor:wait}.panel-heading>div{min-width:0}.panel-heading small{overflow-wrap:anywhere}.top-actions button:focus-visible,.mail:focus-visible,.account:focus-visible,.reader button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:950px){.reader .reader-back{display:block}.notice{right:16px}}@media(max-width:650px){.account-summary{flex-wrap:wrap}.topbar .top-actions{gap:7px}.topbar .brand small{display:none}.topbar .brand b{font-size:14px}.topbar .brand-mark{width:30px;height:30px}.topbar .brand{gap:7px}.reader h2{margin-right:0}.reader{padding:22px}.reader dl{grid-template-columns:60px 1fr}.notice{top:80px}}