:root{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:#243b34;background:#f5f6f1;font-synthesis:none;--green:#244c40;--muted:#69776f;--line:#dce2d9;--paper:#fdfdf9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:42px;border:1px solid var(--line);border-radius:7px;padding:8px 14px;background:var(--paper);color:var(--green)}button:hover{background:#e9eee5}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8bb8a4;outline-offset:3px}input,select{min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:10px 12px;color:inherit;min-width:0}input[type=checkbox]{min-height:auto;accent-color:var(--green);width:17px;height:17px;flex-shrink:0}h1,h2,p{margin-top:0}h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin-bottom:0}h2{font-weight:550}small,.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}[hidden]{display:none!important}.login{min-height:100dvh;display:flex;flex-direction:column;padding:36px 6vw;background:radial-gradient(ellipse at 90% 40%,#e0e9dc,transparent 65%),#f5f6f1}.login-brand,.brand{font-family:"Songti SC",Georgia,serif;font-size:32px;letter-spacing:2px;color:var(--green);font-weight:700}.login-brand span,.brand span{font-family:"Avenir Next",sans-serif;display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:7px}.login form{width:min(100%,400px);margin:9vh auto 7vh}.login h1{font-family:"Songti SC",Georgia,serif;font-size:clamp(38px,5vw,56px);line-height:1.4;letter-spacing:1px;margin-bottom:20px}.login label{display:block;font-size:13px;margin:30px 0 9px}.login input,.login button{width:100%;min-height:50px}.primary{background:var(--green);color:#f5f6f1;border-color:var(--green);margin-top:12px;display:flex;justify-content:space-between}.primary:hover{background:#386353}.login small{line-height:1.9}.login footer{font-size:12px;color:var(--muted);margin-top:auto}.login #login-error{color:#9c3c26;font-size:13px;margin:12px 0}#app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.sidebar{padding:34px 20px 22px;background:#e9eee5;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100dvh}.brand{text-decoration:none;margin:0 12px 42px}.brand span{font-size:8px;letter-spacing:1px}nav{display:grid;gap:7px}.nav{border:0;background:transparent;text-align:left;font-size:16px;display:flex;align-items:center;gap:12px}.nav span{font-size:14px}.nav.active{background:var(--green);color:#f4f7ed}.side-note{margin-top:auto;font-size:11px;line-height:1.7}.side-note p{color:var(--muted);font-size:10px;margin:12px 0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4f8565;margin-right:5px}.quiet{border:0;background:transparent;text-align:left;font-size:12px}main{min-width:0;padding:32px 36px 0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.top-actions{display:flex;align-items:center;gap:14px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding-left:12px;flex:1}.search span{font-size:24px;color:var(--muted)}.search input{border:0;background:transparent;width:100%;outline-offset:0}.toolbar select{max-width:230px}.check{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;min-height:40px}.inbox-layout{display:grid;grid-template-columns:minmax(280px,43%) minmax(0,1fr);border-top:1px solid var(--line);height:calc(100dvh - 194px)}.message-column{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:auto}.list-actions{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 0;border-bottom:1px solid var(--line)}.list-actions button{margin-left:auto;font-size:11px;min-height:32px;padding:5px 9px}#messages{flex:1}.message-row{display:flex;gap:8px;align-items:flex-start;padding:18px 16px 16px 0;border-bottom:1px solid var(--line);position:relative}.message-row>input{margin-top:5px}.message-row.active{background:#eaf0e5}.message-open{display:block;border:0;border-radius:0;padding:0;background:transparent;text-align:left;width:100%;min-width:0;color:#36463d}.message-open:hover{background:transparent}.message-row:hover{background:#eef2e9}.message-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-bottom:7px}.message-meta .sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-meta time{white-space:nowrap;font-size:10px}.subject{display:block;font-size:14px;font-weight:450;margin-bottom:6px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.unread .subject{font-weight:650;color:#1e4033}.message-row.unread .subject:before{content:"";display:inline-block;background:#57845f;width:6px;height:6px;border-radius:50%;margin-right:7px}.preview{color:#788379;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.mailbox{display:block;color:#6c806a;font-size:10px;margin-top:9px;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px 8px;font-size:12px}.pagination button{min-height:34px;font-size:11px}.detail{min-width:0;overflow:auto;padding:32px;background:var(--paper)}.detail-empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.envelope{font-size:60px;color:#a1b2a0;line-height:1;margin-bottom:24px}.detail-empty h2{font-family:"Songti SC",Georgia,serif;font-size:24px}.detail-empty p{font-size:12px;color:var(--muted);line-height:1.9}.detail h2{font-size:23px;line-height:1.5;overflow-wrap:anywhere}.detail .meta{font-size:12px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding-bottom:20px}.body{font:14px/1.9 "Avenir Next","PingFang SC",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px;margin-bottom:22px}.detail-actions button{font-size:12px}.mobile-back{display:none}.empty{padding:64px 22px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.notice{padding:12px 16px;background:#f4e9d5;color:#79582f;font-size:13px;line-height:1.6;border-radius:6px}.account-intro{max-width:760px;margin:35px 0 24px}.account-intro h2{font-family:"Songti SC",Georgia,serif;font-size:27px}.account-intro p{font-size:13px;color:var(--muted);line-height:1.9}.account-search{max-width:480px;margin-bottom:20px}.account-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:17px 0}.account-info{flex:1;min-width:0}.account-email{display:block;font-size:14px;overflow-wrap:anywhere;margin-bottom:6px}.account-state{font-size:11px;color:var(--muted);line-height:1.7}.account-state.error{color:#a34f32}.account-row button{font-size:12px}
@media(min-width:1500px){main{padding-left:52px;padding-right:52px}.detail{padding:44px}.inbox-layout{grid-template-columns:minmax(360px,40%) minmax(0,1fr)}}
@media(max-width:1050px){#app{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:28px 12px}.brand{font-size:27px}.brand span{font-size:6px}main{padding:24px 20px 0}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1;max-width:none}.top-actions #status{max-width:140px;line-height:1.6}.inbox-layout{height:calc(100dvh - 240px)}.detail{padding:24px}.account-row{flex-wrap:wrap}.account-info{flex-basis:100%}}
@media(max-width:700px){#app{display:block}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px;display:flex;flex-direction:row;align-items:center;gap:8px}.brand{font-size:25px;margin:0 auto 0 0}.brand span,.side-note{display:none}nav{display:flex;gap:2px}.nav{font-size:0;padding:8px 10px;min-height:40px}.nav span{font-size:12px}.sidebar .quiet{font-size:11px;padding:7px;min-height:40px}#install{font-size:11px;padding:6px}.topbar{margin-bottom:20px;align-items:flex-start}main{padding:24px 18px 0}h1{font-size:26px}.eyebrow{font-size:10px}.top-actions{gap:8px;align-items:flex-end;flex-direction:column}.top-actions #status{font-size:10px;max-width:200px}.top-actions button{min-height:32px;padding:5px 12px;font-size:12px}.toolbar{gap:8px}.toolbar select{font-size:12px;max-width:calc(100% - 105px)}.inbox-layout{display:block;height:auto}.message-column{border:0;min-height:55vh;overflow:visible}.message-row{padding-right:0}.detail{display:none}.detail.open{display:block;position:fixed;inset:0;z-index:10;overflow:auto;padding:calc(20px + env(safe-area-inset-top)) 22px 28px;background:var(--paper)}.mobile-back{display:block}.message-meta{font-size:12px}.subject{font-size:15px}.preview{font-size:13px}.mailbox{font-size:11px}.account-intro{margin-top:22px}.account-row{gap:12px}.login{padding:26px}.login form{margin-top:10vh}}
@media(prefers-reduced-motion:no-preference){.message-row{transition:background .15s ease}.detail.open{animation:enter .18s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:700px){.sidebar{display:grid;grid-template-columns:auto 1fr auto;gap:10px}.brand{white-space:nowrap;margin:0}.sidebar nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.nav{justify-content:center}.nav span,.sidebar button{white-space:nowrap}.sidebar #install{grid-column:2;justify-self:end}.sidebar #logout{grid-column:3}.sidebar .nav{padding:8px 12px}}
.mail-link-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;white-space:normal;margin:5px 0}.mail-link{display:inline-block;color:#244c40;background:#e9eee5;padding:7px 12px;border-radius:6px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;max-width:100%}.copy-link{min-height:36px;padding:5px 9px;font-size:11px;color:#69776f}
.message-content{flex:1;min-width:0}.code-panel{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 20px;margin:20px 0 8px;background:#e9eee5;border-radius:8px}.code-label{font-size:12px;color:#52685c}.code-value{font-family:"SFMono-Regular",Consolas,monospace;font-size:30px;letter-spacing:4px;font-weight:650;color:#244c40;user-select:all;overflow-wrap:anywhere;min-width:0}.code-copy{margin-left:auto;min-height:44px;color:#f5f6f1;background:#244c40;border-color:#244c40;white-space:nowrap}.code-copy:hover{background:#386353}.code-hint{font-size:11px;color:#69776f;line-height:1.7;margin-bottom:24px}.code-panel.compact{margin:12px 0 0;padding:9px 10px;gap:9px}.compact .code-label{font-size:10px}.compact .code-value{font-size:21px;letter-spacing:2px}.compact .code-copy{font-size:11px;padding:5px 10px;min-height:38px}@media(max-width:700px){.compact .code-copy{min-height:44px}.code-panel:not(.compact){padding:16px 12px;gap:10px}.code-value{font-size:27px}}
.import-panel{border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:0 0 24px;max-width:800px;background:var(--paper)}.import-panel summary{cursor:pointer;min-height:32px;font-size:14px;font-weight:600}.import-panel p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0}.import-panel label{display:block;font-size:12px;margin:12px 0 6px}.import-panel textarea{width:100%;resize:vertical;min-height:120px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f5f6f1;font:12px/1.7 monospace;color:inherit}.import-panel input[type=file]{max-width:100%;font-size:12px}.import-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.import-panel #import-result{white-space:pre-wrap;overflow-wrap:anywhere}.import-format{user-select:all}.import-panel textarea:focus-visible{outline:3px solid #8bb8a4;outline-offset:2px}
/* Recipient identity is prominent and never truncated, including on phones. */
.message-row .mailbox{display:flex;align-items:baseline;gap:8px;width:fit-content;max-width:100%;margin-top:12px;padding:7px 10px;border:1px solid #c4d4c5;border-radius:6px;background:#e3eddf;color:#214b36;font-size:13px;font-weight:650;line-height:1.6;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;letter-spacing:.1px}
.mailbox::before{content:"收件";flex-shrink:0;font-size:10px;font-weight:500;color:#45644e;letter-spacing:.5px}
@media(max-width:700px){.message-row .mailbox{font-size:13px;padding:7px 9px;gap:7px}}
.message-row button.mailbox{text-align:left;cursor:pointer;min-height:40px}.message-row button.mailbox:hover{background:#d4e5cf;border-color:#8cab90}.message-row button.mailbox:focus-visible{outline:3px solid #6f9c7d;outline-offset:3px}
.account-picker{position:relative;flex:0 1 260px;min-width:160px}#account-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;text-align:left}#account-picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-picker-panel{position:absolute;right:0;top:calc(100% + 6px);width:360px;max-width:calc(100vw - 36px);z-index:20;padding:14px;border:1px solid #c4d4c5;border-radius:8px;background:var(--paper);box-shadow:0 8px 24px #243b3420}.account-picker-panel label{display:block;font-size:12px;margin-bottom:8px}.account-picker-panel input{width:100%;margin-bottom:10px}.account-picker-panel p{font-size:11px;color:var(--muted);margin:10px 0}.account-picker-options{max-height:280px;overflow-y:auto;overscroll-behavior:contain}.account-picker-option{display:block;min-height:44px;width:100%;text-align:left;overflow-wrap:anywhere;font-size:12px;border:0;border-radius:4px;background:transparent}.account-picker-option[aria-pressed=true]{background:#e3eddf;font-weight:650}#account-picker-all{width:100%;text-align:left;background:#e9eee5}@media(max-width:1050px){.account-picker{flex:1}}@media(max-width:700px){.account-picker{max-width:calc(100% - 105px)}.account-picker-panel{left:0;right:auto;width:calc(100vw - 36px)}.account-picker-options{max-height:240px}}