@charset "UTF-8";
:root{--paper:#f7f8f7;--white:#fff;--ink:#202b2d;--muted:#7d878a;--line:#e4e8e7;--accent:#24594d;--accent-soft:#edf3ef;--nav:#f0f3f1;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased;background:var(--paper)}[hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.42}button,input,textarea,a{outline:none}button:focus-visible,a:focus-visible{outline:2px solid #4c8674;outline-offset:3px}input:focus-visible,textarea:focus-visible{outline:0}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}button{border:0;background:none}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.01em}kbd{font:10px var(--mono);font-weight:400;border:1px solid #dce2de;border-radius:3px;padding:1px 4px;color:#8b9490;line-height:15px;white-space:nowrap}.section-index{font:9px/1.4 var(--mono);letter-spacing:.17em;color:#819087}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:4px;color:#7b8682;transition:background .15s,color .15s}.icon-button:hover{background:#e9eeeb;color:var(--ink)}.icon-button svg{width:15px;height:15px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:4px;padding:10px 20px;font-size:12px;font-weight:550;transition:background .15s}.primary:hover{background:#193f36}.primary svg{width:14px;height:14px}.wide{width:100%;justify-content:space-between}.login-view{display:grid;grid-template-columns:minmax(340px,46%) 1fr;min-height:100dvh;background:#fcfcfa}.login-aside{background:#e8ede7;position:relative;padding:48px 52px;display:flex;gap:13px;align-items:flex-start;overflow:hidden}.brand-mark{width:33px;height:33px;display:grid;place-items:center;border:1px solid #b6c5b7;border-radius:8px;color:#345a49}.brand-mark svg{width:20px;height:20px}.wordmark{font-size:11px;font-weight:600;letter-spacing:.12em;line-height:33px;color:#52705c}.login-statement{position:absolute;left:52px;right:32px;top:36%}.eyebrow{font:9px var(--mono);letter-spacing:.16em;color:#829386}.login-statement h1{font-size:clamp(29px,3.4vw,47px);font-weight:450;line-height:1.55;letter-spacing:-.065em;margin:23px 0 20px;color:#324c3b}.login-statement p{font-size:12px;line-height:2;color:#7c8d7e}.login-foot{position:absolute;left:52px;bottom:40px;font-size:10px;letter-spacing:.12em;color:#87978b}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:310px;max-width:100%}.login-card h2{font-size:28px;font-weight:500;letter-spacing:-.05em;margin:22px 0 8px}.login-card>p{font-size:12px;margin:0 0 35px}.login-card label{display:block;font-size:11px;font-weight:550;margin:20px 0 8px}.login-card input{width:100%;padding:11px 12px;border:1px solid #dfe4de;background:transparent;border-radius:4px;color:var(--ink);font-size:12px;transition:border .15s,box-shadow .15s}.login-card input:focus{border-color:#789b83;box-shadow:0 0 0 3px #e8efe9}.login-card input::placeholder{color:#a0a7a0}.form-error{font-size:11px;color:#a04a3e;min-height:18px;margin:12px 0}.login-card .login-note{font-size:10px;color:#9da59d;margin:27px 0 0;text-align:center}.demo-hint{font-size:10px;color:#7f856c;border:1px solid #e4e6d7;background:#f3f4ea;padding:10px 12px;margin-top:18px;border-radius:4px;line-height:1.8}
.mail-view{height:100dvh;display:grid;grid-template-columns:173px 357px minmax(320px,1fr);grid-template-rows:51px minmax(0,1fr);overflow:hidden;max-width:2200px;margin:auto;background:white}.app-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 20px;gap:20px;background:#fbfcfb}.app-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.mini-mark{display:grid;place-items:center;width:25px;height:25px;color:var(--accent);background:#edf2ed;border:1px solid #dce5dc;border-radius:5px}.mini-mark svg{width:16px;height:16px}.app-brand strong{font-size:13px;font-weight:650;letter-spacing:.04em}.header-slash{color:#c6ceca;font-size:13px;padding:0 3px}.header-caption{color:#8c9591;font-size:10px;letter-spacing:.05em}.header-right{display:flex;align-items:center;gap:16px}.connection{color:#8c9690;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.connection i{height:5px;width:5px;border-radius:50%;background:#71a788}.connection.busy i{background:#b8a471}.account-name{font-family:var(--mono);font-size:10px;color:#6d7971;border-left:1px solid var(--line);padding-left:16px}.demo-badge{border:1px solid #e5e4d5;border-radius:3px;padding:2px 6px;color:#928b60;font-size:9px;white-space:nowrap}.sidebar{grid-column:1;grid-row:2;background:var(--nav);padding:21px 12px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.compose-button{display:flex;align-items:center;gap:9px;background:var(--accent);color:#fff;height:35px;padding:0 11px;margin:0 3px 30px;border-radius:4px;box-shadow:0 1px 2px #10372712;font-size:11px;font-weight:550}.compose-button svg{height:15px;width:15px}.compose-button kbd{margin-left:auto;color:#bacfc3;border-color:#577869;background:#ffffff06;padding:0 4px}.nav-caption{padding:0 13px;margin-bottom:10px;color:#9aa69d;font-size:9px;letter-spacing:.08em}#folders{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.folder{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 13px;border-radius:4px;text-align:left;font-size:12px;color:#738177;flex-shrink:0;transition:background .12s}.folder svg{width:14px;height:14px;opacity:.8}.folder:hover{background:#e7ede7}.folder.active{color:#244c36;background:#e1e9e0;font-weight:600}.folder.active svg{opacity:1}.folder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder .folder-count{font:10px var(--mono);margin-left:auto;color:#718c76;background:#d3e0d1;border-radius:3px;min-width:19px;text-align:center;padding:0 4px}.sidebar-bottom{margin-top:auto;padding:18px 7px 0;display:flex;align-items:center;gap:6px;color:#9aa69e;font-size:9px;white-space:nowrap}.tiny-dot{width:4px;height:4px;background:#90aa95;border-radius:50%}.shortcut-button{margin-left:auto;border:1px solid #ced9cf;border-radius:4px;font-size:9px;width:17px;height:17px;color:#87978a;padding:0}.mailbox{grid-column:2;grid-row:2;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#fff}.mailbox-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 15px}.mailbox-heading .section-index{font-size:8px;letter-spacing:.19em;color:#a0aba4}.mailbox-heading h1{font-size:19px;letter-spacing:-.04em;font-weight:600;margin:4px 0 0;line-height:1.4}.mailbox-heading h1 span{font:10px var(--mono);color:#9da9a1;letter-spacing:0;margin-left:8px}.mailbox-heading>.icon-button{margin-top:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e4e9e5;border-radius:4px;background:#f9fbf9;margin:0 20px 17px;height:31px;padding:0 8px;transition:border .15s}.search:focus-within{border-color:#8ca793}.search svg{width:13px;height:13px;color:#9ba79f}.search input{width:100%;min-width:0;border:0;background:none;font-size:10px;color:var(--ink);height:100%;padding:0}.search input::placeholder{color:#a4ada6}.search kbd{border-color:#e2e8e2;font-size:9px;line-height:12px;padding:0 3px}.list-label{display:flex;justify-content:space-between;padding:0 20px 9px;font-size:9px;color:#a4aea6;letter-spacing:.03em;border-bottom:1px solid #edf0ed}.mail-list{overflow:auto;flex:1;min-height:0;padding:3px 8px;scrollbar-width:thin;scrollbar-color:#dbe2db transparent}.mail-row{display:flex;gap:9px;align-items:flex-start;width:100%;text-align:left;padding:9px 11px 8px;min-height:58px;border-bottom:1px solid #f0f2ef;position:relative;transition:background .12s;border-radius:3px}.mail-row:hover{background:#f7f9f6}.mail-row.selected{background:#eff4ed;border-bottom-color:transparent}.mail-row.selected:before{position:absolute;content:"";left:-8px;top:12px;bottom:12px;width:2px;border-radius:2px;background:#557e59}.read-dot{width:5px;height:5px;border-radius:50%;background:#507d5b;flex-shrink:0;margin-top:6px}.mail-row.seen .read-dot{background:transparent}.row-main{flex:1;min-width:0}.row-top{display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:16px;margin-bottom:4px}.row-sender{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;letter-spacing:-.01em}.seen .row-sender{font-weight:450;color:#69756e}.row-date{font:9px var(--mono);color:#9ca69e;white-space:nowrap;flex-shrink:0}.row-subject{font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#364b3b;letter-spacing:-.015em}.seen .row-subject{color:#738172}.row-subject.empty-subject{font-style:italic}.list-footer{height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:0 17px;color:#a1aaa3;font-size:9px;background:#fcfdfb}.pagination{display:flex;align-items:center;gap:5px;font:9px var(--mono)}.pagination .icon-button{height:23px;width:23px}.pagination svg{height:12px;width:12px}.list-empty{padding:35px 15px;color:#a1aaa3;text-align:center;font-size:11px;line-height:1.9}.reader{grid-column:3;grid-row:2;overflow:auto;background:#fdfefd;scrollbar-width:thin;scrollbar-color:#dbe2db transparent;min-width:0}.reader-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 max(40px,10%);color:#93a092;background:radial-gradient(ellipse at 65% 40%,#f1f4ed55,transparent 70%)}.empty-line{width:33px;height:2px;background:#9cab96;margin-bottom:28px}.reader-empty .section-index{font-size:8px;color:#acb7a7}.reader-empty h2{font-size:31px;font-weight:350;line-height:1.7;letter-spacing:-.05em;margin:20px 0 11px;color:#81907d}.reader-empty p{font-size:10px;color:#adb6a7;margin:0}.empty-shortcuts{display:flex;gap:17px;margin-top:35px;color:#a9b3a5;font-size:9px}.empty-shortcuts kbd{font-size:9px;margin-right:3px;border-color:#dfe6dc;color:#9aab91}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 29px;border-bottom:1px solid #edf0eb;color:#a1aca2}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#788a79;padding:5px 0}.text-button:hover{color:#244c36}.text-button svg{width:13px;height:13px}.text-button kbd{font-size:8px;line-height:12px;border-color:#e2e8df}.back-list{display:none}.message-content{max-width:930px;margin:auto;padding:30px 36px 55px}.message-category{font:8px var(--mono);letter-spacing:.2em;color:#a2b09f;margin-bottom:11px}.message-content h2{font-size:23px;line-height:1.5;letter-spacing:-.04em;font-weight:550;color:#293f2e;margin:0 0 24px;overflow-wrap:anywhere}.sender-line{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid #e9eee7;min-width:0}.avatar{height:31px;width:31px;border-radius:50%;background:#e8eee3;display:grid;place-items:center;color:#68805d;font-size:12px;font-weight:550;flex-shrink:0}.sender-detail{min-width:0;flex:1}.sender-detail strong{font-size:11px;font-weight:550;color:#586952;display:block;overflow-wrap:anywhere}.sender-detail>div{font-size:9px;margin-top:3px;overflow-wrap:anywhere}.sender-line time{align-self:flex-start;font:9px/1.7 var(--mono);color:#a1ac9b;text-align:right;flex-shrink:0;margin-top:3px}.message-body{font-size:14px;line-height:1.9;letter-spacing:.005em;color:#4b5a48;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;margin:27px 0 30px}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.attachment{display:flex;align-items:center;gap:9px;border:1px solid #dde5d7;border-radius:4px;padding:9px 11px;background:#f6f9f3;max-width:100%;transition:border .15s}.attachment:hover{border-color:#9cb190}.attachment svg{color:#879c76;width:15px;height:15px}.attachment strong{font-size:10px;font-weight:500;display:block;overflow-wrap:anywhere}.attachment small{font:9px var(--mono);color:#a0ad94}.reply-button{border:1px solid #dce4d6;border-radius:4px;display:flex;gap:9px;align-items:center;color:#7b8c70;padding:10px 13px;font-size:10px;min-width:195px;transition:background .15s}.reply-button:hover{background:#eff4e8}.reply-button svg{height:14px;width:14px}.reply-button span{margin-left:auto;color:#b0bba6;font:8px var(--mono);padding-left:22px}
dialog{padding:0;border:1px solid #d9e1da;border-radius:7px;color:var(--ink);box-shadow:0 24px 90px #172c2330}dialog::backdrop{background:#253b3150;backdrop-filter:blur(3px)}.compose-dialog{width:min(650px,calc(100vw - 36px));max-height:calc(100dvh - 60px);background:#fff;overflow:auto}.compose-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px 16px;background:#f8faf6;border-bottom:1px solid var(--line)}.compose-header .section-index{font-size:8px;color:#a0ad98}.compose-header h2{margin:4px 0 0;font-size:17px;letter-spacing:-.04em;font-weight:550}.compose-fields{padding:4px 25px 0}.compose-fields label{display:flex;align-items:center;border-bottom:1px solid #edf0e9;min-height:39px;gap:16px}.compose-fields label>span{width:38px;flex-shrink:0;color:#93a08d;font-size:10px}.compose-fields input{border:0;background:transparent;flex:1;width:0;font-size:11px;padding:9px 0;color:#415139}.compose-fields input::placeholder{color:#b6bfb0;font-size:10px}.compose-fields .subject-field input{font-size:13px;font-weight:550}.compose-dialog textarea{display:block;width:100%;min-height:245px;max-height:50dvh;resize:vertical;padding:21px 25px;border:0;font-size:13px;line-height:1.9;color:#4b5a44}.compose-dialog textarea::placeholder{color:#adb8a6}.compose-footer{display:flex;align-items:center;gap:12px;padding:15px 24px;border-top:1px solid var(--line);background:#fafbf8}.compose-footer .primary{font-size:11px;padding:9px 14px;gap:8px}.compose-key{color:#adb8a3;font:8px var(--mono)}.attach-button{margin-left:auto;display:flex;gap:5px;align-items:center;color:#829374;cursor:pointer;font-size:10px}.attach-button svg{width:14px;height:14px}.attach-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.attachment-limit{font:8px var(--mono);color:#b2bda7}.selected-files{padding:0 25px;display:flex;gap:6px;flex-wrap:wrap}.selected-files:empty{display:none}.file-chip{display:flex;gap:6px;align-items:center;font-size:10px;background:#f0f4ea;border-radius:3px;padding:4px 6px;color:#829273;margin-bottom:9px;max-width:100%}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip button{padding:0;color:#97a48b}.send-result{font-size:11px;color:#a36939;line-height:1.7;margin:0;padding:0 25px 12px;overflow-wrap:anywhere}.send-result:empty{display:none}.send-result.success{color:var(--accent)}.shortcut-dialog{padding:31px;width:350px;background:#fdfefb}.shortcut-dialog>#close-shortcuts{position:absolute;right:14px;top:14px}.shortcut-dialog h2{font-size:23px;font-weight:450;letter-spacing:-.04em;margin:13px 0 22px}.shortcut-dialog dl{margin:0}.shortcut-dialog dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0e8;font-size:11px;color:#809073}.shortcut-dialog dd{margin:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263e31;color:#eef4e8;border:1px solid #52684d;border-radius:5px;font-size:11px;line-height:1.7;padding:10px 17px;z-index:10;max-width:min(550px,90vw);box-shadow:0 4px 15px #12301820}.loading{opacity:.58;pointer-events:none}.spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.mail-view{grid-template-columns:190px 410px minmax(320px,1fr)}.message-content{padding:38px 55px 65px}.mail-row{min-height:60px}.row-subject,.row-sender{font-size:12px}}
@media(max-width:1100px){.mail-view{grid-template-columns:150px 310px minmax(290px,1fr)}.sidebar{padding-left:8px;padding-right:8px}.message-content{padding:25px}.message-content h2{font-size:20px}.header-right{gap:10px}.sender-line{gap:8px;flex-wrap:wrap}.sender-line time{width:100%;padding-left:39px;text-align:left;margin-top:0}.account-name{font-size:9px}.header-caption,.header-slash{display:none}.mailbox-heading{padding-left:17px;padding-right:17px}.search{margin-left:17px;margin-right:17px}}
@media(max-width:850px){.mail-view{grid-template-columns:138px minmax(0,1fr)}.reader{display:none;grid-column:2}.mailbox{grid-column:2}.mail-view.reading .mailbox{display:none}.mail-view.reading .reader{display:block}.back-list{display:flex}.reader-toolbar{padding:0 22px}.reader-toolbar #message-position{margin-left:auto;margin-right:15px}.mailbox-heading{padding-top:20px}.row-subject{font-size:12px}.mail-row{min-height:60px}.sidebar{padding-top:20px}.connection{display:none}}
@media(max-width:550px){.login-view{grid-template-columns:1fr}.login-aside{display:none}.login-panel{padding:32px;min-height:100dvh}.login-card{width:100%;max-width:330px}.mail-view{grid-template-columns:53px minmax(0,1fr);grid-template-rows:47px minmax(0,1fr)}.app-header{padding:0 12px;gap:8px}.header-right{gap:7px}.account-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding:0}.app-brand{gap:8px}.app-brand strong{font-size:12px}.mini-mark{width:23px;height:23px}.demo-badge{font-size:8px;padding:2px 4px}.sidebar{padding:15px 5px 10px}.compose-button{justify-content:center;margin:0 1px 20px;padding:0;height:33px}.compose-button span,.compose-button kbd,.nav-caption,.folder>span,.sidebar-bottom{display:none}.folder{padding:0;justify-content:center;min-height:37px}.folder svg{height:16px;width:16px}.folder .folder-count{display:none}.mailbox-heading{padding:18px 17px 13px}.mailbox-heading h1{font-size:18px}.list-label{padding-left:18px;padding-right:18px}.mail-list{padding-left:6px;padding-right:6px}.mail-row{padding:10px;min-height:59px}.row-sender,.row-subject{font-size:12px}.message-content{padding:23px 20px 45px}.message-content h2{font-size:19px}.message-body{font-size:13px;line-height:2}.compose-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 20px)}.compose-header{padding:17px 19px}.compose-fields{padding-left:19px;padding-right:19px}.compose-dialog textarea{padding-left:19px;padding-right:19px;min-height:220px}.compose-footer{padding:12px 17px;gap:10px}.compose-key{display:none}.attachment-limit{font-size:7px}.reader-toolbar{padding:0 15px}.reader-toolbar #message-position{font-size:8px}.text-button kbd{display:none}.selected-files{padding:0 19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}dialog::backdrop{backdrop-filter:none}}

.message-body a{color:#326345;text-decoration:underline;text-decoration-color:#b8cbb1;text-underline-offset:3px}.message-body a:hover{text-decoration-color:#326345}

.password-dialog{width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 30px);background:#fff;overflow:auto}.password-fields{padding:20px 25px 4px}.password-account{display:flex;flex-direction:column;gap:5px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.password-account span{font-size:10px;color:var(--muted)}.password-account strong{font:11px var(--mono);color:var(--accent);overflow-wrap:anywhere}.password-fields label{display:block;font-size:11px;margin:15px 0 7px}.password-fields input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:4px;font-size:12px;background:#fcfdfb}.password-fields input:focus{border-color:#789b83;box-shadow:0 0 0 3px #e8efe9}.password-fields input::placeholder{color:#a0aaa0}.password-note{font-size:10px;color:#89947f;line-height:1.8;margin:17px 0 0}.password-only-self{font-size:10px;color:#9aa68f;margin-left:auto}.password-dialog .compose-footer{justify-content:space-between}.password-dialog .primary{font-size:11px;padding:9px 14px}