:root{--mail-paper:#f3f0e9;--mail-ink:#17201d;--mail-muted:#68716c;--mail-line:#d9d5ca;--mail-red:#b63b2d;--mail-green:#2f7258;--mail-card:#fffdf8}.mail-page{font-family:IBM Plex Sans,Microsoft YaHei,sans-serif;color:var(--mail-ink);background:radial-gradient(circle at 90% 0,rgba(182,59,45,.08),transparent 24%),linear-gradient(90deg,rgba(23,32,29,.025) 1px,transparent 1px),var(--mail-paper);background-size:auto,32px 32px,auto;min-height:calc(100vh - 32px);padding:26px 30px 40px}.mail-page h1,.mail-page h2,.mail-page h3{font-family:"Noto Serif SC",Songti SC,serif}.mail-page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 20px;max-width:1540px}.mail-page-top>div:last-child{display:flex;gap:8px}.mail-page-top span{font-size:11px;letter-spacing:.16em;color:var(--mail-red);font-weight:600}.mail-page-top h1{font-size:30px;margin:4px 0}.mail-page-top p{margin:0;color:var(--mail-muted);font-size:13px}.mail-health{display:inline-block;width:8px;height:8px;border-radius:50%;background:#999;margin-right:6px}.mail-health.healthy{background:var(--mail-green);box-shadow:0 0 0 4px #2f72581f}.mail-button{border:1px solid var(--mail-line);background:var(--mail-card);color:var(--mail-ink);border-radius:8px;padding:9px 13px;display:inline-flex;gap:7px;align-items:center;justify-content:center;cursor:pointer;font-weight:600}.mail-button.primary{background:var(--mail-ink);color:#fff;border-color:var(--mail-ink)}.mail-button:disabled{opacity:.45}.mail-workbench{max-width:1540px;margin:auto;min-height:670px;display:grid;grid-template-columns:210px minmax(300px,420px) minmax(420px,1fr);background:#fffdf8e0;border:1px solid var(--mail-line);box-shadow:0 24px 70px #1e231f17;overflow:hidden;border-radius:2px}.mail-folders{padding:22px 14px;background:#202925;color:#e9e5dc}.mail-folders button{width:100%;border:0;background:transparent;color:#c5cbc6;display:grid;grid-template-columns:20px 1fr auto;align-items:center;text-align:left;gap:8px;padding:10px;border-radius:7px;cursor:pointer}.mail-folders button svg{width:17px}.mail-folders button b{font-size:11px}.mail-folders button:hover,.mail-folders button.active{background:#35413c;color:#fff}.mail-folder-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#849088;margin:18px 10px 7px}.mail-folder-label:first-child{margin-top:2px}.mail-list{border-right:1px solid var(--mail-line);min-width:0;background:#ffffff80}.mail-search{margin:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--mail-line);padding:8px 3px}.mail-search input{border:0;outline:0;background:transparent;width:100%}.mail-list-scroll{height:610px;overflow:auto}.mail-list-scroll>button{position:relative;width:100%;display:grid;grid-template-columns:8px 1fr;padding:17px 15px;border:0;border-bottom:1px solid #e7e3da;background:transparent;text-align:left;cursor:pointer}.mail-list-scroll>button:hover,.mail-list-scroll>button.active{background:#fff}.mail-list-scroll header{display:flex;justify-content:space-between;gap:12px}.mail-list-scroll header strong{font-size:13px}.mail-list-scroll time,.mail-list-scroll p{font-size:11px;color:var(--mail-muted)}.mail-list-scroll h3{font-size:14px;margin:6px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-list-scroll p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-unread-dot{width:6px;height:6px;border-radius:50%;background:transparent;margin-top:6px}.unread .mail-unread-dot{background:var(--mail-red)}.unread h3,.unread strong{font-weight:700}.mail-paperclip{position:absolute;right:14px;bottom:11px;color:var(--mail-muted)}.mail-empty,.mail-loading{padding:60px;text-align:center;color:var(--mail-muted)}.mail-reader{padding:34px 38px;min-width:0;overflow:auto}.mail-reader.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mail-muted)}.mail-reader.empty svg{width:54px;height:54px;stroke-width:1}.mail-reader-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--mail-line);padding-bottom:22px}.mail-reader-head p,.mail-reader-head span{font-size:12px;color:var(--mail-muted);margin:0}.mail-reader-head h1{font-size:24px;margin:5px 0 10px}.mail-remote-note{font-size:11px;color:var(--mail-muted);display:flex;gap:6px;margin:14px 0}.mail-reader iframe,.mail-approval iframe{width:100%;min-height:380px;border:1px solid var(--mail-line);background:#fff}.mail-plain-body{white-space:pre-wrap;font:14px/1.8 IBM Plex Sans;padding:22px 0}.mail-attachments{border-top:1px solid var(--mail-line);padding-top:16px;color:var(--mail-muted);display:flex;gap:8px}.mail-mobile-back{display:none}.mail-process{grid-column:2/4;padding:28px;overflow:auto}.mail-process-empty{text-align:center;padding:100px 20px;color:var(--mail-muted)}.mail-approval>header{display:flex;justify-content:space-between;border-bottom:2px solid var(--mail-ink)}.mail-approval>header svg{color:var(--mail-red);width:36px;height:36px}.mail-approval h2{margin:4px 0}.mail-approval header p{font-size:11px}.mail-approval-actions{display:flex;gap:8px;padding:15px 0}.mail-approval-actions button{border:1px solid var(--mail-line);background:var(--mail-card);padding:8px 12px;display:flex;gap:6px;cursor:pointer}.mail-approval-actions .danger{color:var(--mail-red)}.mail-approval-list{display:grid;gap:12px}.mail-approval-list article{background:var(--mail-card);border:1px solid var(--mail-line);border-left:4px solid var(--mail-red);padding:15px}.mail-approval-list article.resolved{opacity:.55;border-left-color:var(--mail-green)}.mail-approval-list label{display:flex;gap:9px;align-items:center}.mail-approval-list label b{margin-left:auto;font-size:10px;text-transform:uppercase}.mail-approval-list h3{margin:13px 0 8px}.mail-source{font-size:11px;color:var(--mail-muted);display:flex;gap:6px;align-items:center}.mail-source small{margin-left:auto}.mail-approval details{margin-top:12px}.mail-approval summary{cursor:pointer;font-size:12px}.mail-deliveries header{border-bottom:2px solid var(--mail-ink)}.mail-deliveries article{display:grid;grid-template-columns:10px 1fr auto auto;gap:12px;align-items:center;border-bottom:1px solid var(--mail-line);padding:16px 4px}.mail-deliveries article i{width:8px;height:8px;border-radius:50%;background:#888}.mail-deliveries article i.succeeded,.mail-deliveries article i.reconciled{background:var(--mail-green)}.mail-deliveries article i.failed,.mail-deliveries article i.outcome_unknown{background:var(--mail-red)}.mail-deliveries article span{display:block;font-size:10px;color:var(--mail-muted)}.mail-deliveries time,.mail-deliveries code{font-size:11px}.mail-setup{max-width:1050px;margin:auto;background:var(--mail-card);border:1px solid var(--mail-line);padding:30px}.mail-setup-intro{display:flex;gap:18px;border-bottom:2px solid var(--mail-ink);padding-bottom:20px;margin-bottom:25px}.mail-setup-intro>svg{width:40px;height:40px;color:var(--mail-red)}.mail-setup-intro h2{margin:4px 0}.mail-setup-intro p{margin:0;color:var(--mail-muted)}.mail-config-grid,.mail-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mail-config-grid label,.mail-compose-grid label{font-size:11px;color:var(--mail-muted);display:grid;gap:5px}.mail-config-grid input,.mail-config-grid select,.mail-compose-grid input,.mail-compose-grid select,.mail-compose-grid textarea{border:1px solid var(--mail-line);background:#fff;padding:10px;border-radius:5px;color:var(--mail-ink)}.mail-config-grid .wide,.mail-compose-grid .wide{grid-column:1/-1}.mail-config-grid fieldset{border:1px solid var(--mail-line);display:grid;gap:11px;padding:17px}.mail-config-grid legend{font-family:"Noto Serif SC";font-weight:700}.mail-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-setup-actions{display:flex;gap:9px;align-items:center;margin-top:20px}.mail-setup-actions>span{font-size:11px;color:var(--mail-muted)}.mail-result{white-space:pre-wrap;background:#f0eee7;padding:12px}.mail-modal{position:fixed;inset:0;z-index:2500;background:#0e1411a8;display:grid;place-items:center;padding:20px}.mail-composer{width:min(900px,95vw);max-height:92vh;overflow:auto;background:var(--mail-card);padding:25px;box-shadow:0 30px 100px #0006}.mail-composer>header{display:flex;justify-content:space-between}.mail-composer>header h2{margin:3px 0 20px}.mail-composer>header button{border:0;background:transparent}.mail-mode{display:flex;margin-top:16px}.mail-mode button{border:1px solid var(--mail-line);padding:8px 12px;background:transparent;display:flex;gap:5px}.mail-mode .active{background:var(--mail-ink);color:#fff}.mail-body-editor{width:100%;min-height:240px;border:1px solid var(--mail-line);padding:14px;font-family:ui-monospace,monospace;resize:vertical;box-sizing:border-box}.mail-ai-strip{display:grid;grid-template-columns:22px 180px 1fr auto;gap:8px;align-items:center;background:#eee9dc;padding:10px;margin-top:12px}.mail-ai-strip input{border:0;background:#fff;padding:9px}.mail-ai-strip button{padding:9px;border:0;background:var(--mail-red);color:#fff}.mail-compose-notice{font-size:12px;color:var(--mail-green);padding:10px 0}.mail-composer footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:1000px){.mail-page{padding:18px 12px}.mail-workbench{grid-template-columns:170px 1fr}.mail-reader,.mail-workbench.has-reader .mail-folders,.mail-workbench.has-reader .mail-list{display:none}.mail-workbench.has-reader .mail-reader{display:block;grid-column:1/-1}.mail-mobile-back{display:flex;border:0;background:transparent;gap:6px}.mail-process{grid-column:2}.mail-page-top{align-items:flex-start}.mail-page-top>div:last-child{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:680px){.mail-page-top{display:block}.mail-page-top>div:last-child{justify-content:flex-start;margin-top:12px}.mail-workbench{display:block}.mail-folders{display:flex;overflow:auto;padding:8px}.mail-folders .mail-folder-label{display:none}.mail-folders button{min-width:135px}.mail-list-scroll{height:calc(100vh - 290px)}.mail-process{padding:15px}.mail-config-grid,.mail-compose-grid{grid-template-columns:1fr}.mail-config-grid .wide,.mail-compose-grid .wide{grid-column:auto}.mail-config-grid fieldset{grid-column:1}.mail-ai-strip{grid-template-columns:1fr}.mail-ai-strip>svg{display:none}.mail-reader{padding:20px}.mail-reader-head{display:block}.mail-setup{padding:18px}}