@font-face{font-family:Kaiti SC;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/STKaiti.woff2)format("woff2")}@font-face{font-family:楷体;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/STKaiti.woff2)format("woff2")}@font-face{font-family:KaiTi;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/STKaiti.woff2)format("woff2")}@font-face{font-family:STKaiti;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/STKaiti.woff2)format("woff2")}@font-face{font-family:Kaiti TC;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/STKaiti.woff2)format("woff2")}:root{--chrome:#fcfcfc;--sidebar:#f3f3f3;--surface:#fcfcfc;--line-highlight:#eaeaea;--ink:#141414;--body:#141414;--muted:#141414b3;--faint:#14141452;--hover:#14141414;--active:#14141424;--border:#1414140d;--border-strong:#1414141f;--good:#007041;--good-bg:#e6f4ee;--warn:#a46700;--warn-bg:#f6ecd9;--bad:#be1744;--bad-bg:#fce6ea;--btn-primary:#141414;--btn-primary-hover:#000;--on-primary:#fff;--scrim:#00000080;--bg:var(--chrome);--bg-sidebar:var(--sidebar);--text:var(--ink);--hairline:var(--border);--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-base:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--list-w:30%;--dialog-sm:320px;--dialog-w:360px;--dialog-md:400px;--dialog-lg:480px;--dialog-xl:560px;--dialog-xxl:640px;--sheet-max:480px;--prefs-max:720px;--toast-w:320px;--menu-min:120px;--menu-max:320px;--avatar:20px;--titlebar-h:36px;--sidebar-w:20%;--control-h:32px;--nav-h:32px;--row-h:32px;--row-pref:48px;--meta-key:64px;--reply-min:36px;--reply-max:200px;--attach-w:96px;--attach-h:60px;--focus:3px;--scroll:6px;--shadow:0 2px 8px #1414141e;--z-menu:2;--toast-hold:5s;--mail-poll:5s;--loader:1.6s;--font:"Kaiti SC", 楷体, KaiTi, STKaiti, "Kaiti TC", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--icon-xs:12px;--icon-sm:14px;--icon:16px;--icon-stroke:1.5;--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.15s}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--chrome);color:var(--body);letter-spacing:0;flex-direction:column;font-size:14px;font-weight:400;line-height:22px;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}.email,.when{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:22px}.shell{flex-direction:column;height:100%;display:flex}.topbar{height:var(--titlebar-h);background:var(--chrome);border-bottom:1px solid var(--border-strong);flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex}.brand{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:400;line-height:22px}.drawer-btn,.drawer-scrim{display:none}.body{flex:1;min-height:0;display:flex}.sidebar{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border-strong);flex-direction:column;min-width:0;padding:8px;display:flex;overflow:auto}.nav-group{color:var(--muted);margin:8px;font-size:12px;font-weight:400;line-height:16px}.nav-group:first-child{margin-top:0}.nav-item{height:var(--nav-h);color:var(--muted);border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;display:flex}.nav-item+.nav-item{margin-top:2px}.nav-item:hover,.nav-item.active{background:var(--hover);color:var(--ink);text-decoration:none}.nav-item svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-stroke);flex-shrink:0}.account{margin-top:auto;position:relative}.account-btn{border-radius:4px;align-items:center;gap:6px;width:100%;height:32px;padding:0 8px;display:flex}.account-btn:hover,.account-btn.open{background:var(--hover)}.avatar{width:var(--avatar);height:var(--avatar);background:var(--hover);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-stroke)}.account-who{min-width:0;font-family:var(--font-mono);color:var(--muted);flex:1;align-items:baseline;font-size:13px;line-height:18px;display:flex;overflow:hidden}.account-role{flex:none}.account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-btn svg.chevron{width:var(--icon-xs);height:var(--icon-xs);stroke-width:var(--icon-stroke);color:var(--muted)}.menu{min-width:var(--menu-min);max-width:var(--menu-max);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:var(--z-menu);border-radius:12px;margin-bottom:4px;padding:8px;position:absolute;bottom:100%;left:0;right:0}.menu-item{width:100%;height:var(--nav-h);color:var(--ink);border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:14px;line-height:22px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-stroke)}.main{flex:0 0 calc(100% - var(--sidebar-w));width:calc(100% - var(--sidebar-w));background:var(--chrome);min-width:0;padding:16px 20px;overflow:auto}.main.prefs{background:var(--sidebar)}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-title{color:var(--ink);margin:0;font-size:16px;font-weight:700;line-height:24px}.btn svg{width:16px;height:16px;stroke-width:var(--icon-stroke);flex-shrink:0}.btn{border:1px solid var(--border-strong);background:var(--surface);height:32px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;line-height:22px;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn-primary{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000;font-weight:700}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn-danger{background:var(--surface);border-color:var(--bad);color:var(--bad)}.btn-danger:hover:not(:disabled){background:var(--bad-bg)}.btn-sm{height:24px;padding:0 8px;font-size:13px;line-height:18px}.icon-btn{width:32px;height:32px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.icon-btn svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-stroke)}.icon-btn.sm{width:20px;height:20px}.icon-btn.sm svg{width:var(--icon-sm);height:var(--icon-sm)}.icon-btn.drawer-btn{display:none}.btn-row{align-items:center;gap:8px;margin-top:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field+.field,.field+.error{margin-top:12px}.field-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.field-label{color:var(--muted);font-size:13px;font-weight:400;line-height:18px}.field-opts{gap:6px;display:flex}.field-opt{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:18px}.field-opt:hover{text-decoration:underline}.control{height:var(--control-h);border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;align-items:center;padding:0 10px;display:flex;position:relative}.control:focus-within{border-color:var(--ink);box-shadow:0 0 0 var(--focus) var(--hover)}.control input{width:100%;min-width:0;height:100%;font-size:14px;font-weight:400;line-height:22px;font-family:var(--font);background:0 0;border:0;outline:0}.control input::placeholder{color:var(--faint)}.control.has-eye input{padding-right:24px}.select{width:max-content;max-width:240px;position:relative}.select-btn{gap:6px;width:auto;max-width:240px}.select-menu{min-width:max(100%, var(--menu-min));margin:0;inset:calc(100% + 4px) auto auto 0}.select:has(.select-menu){z-index:var(--z-menu)}.card:has(.select-menu){z-index:var(--z-menu);position:relative}.menu-item.active{background:var(--hover);color:var(--ink)}.suggest{position:relative}.suggest-menu{width:100%;max-width:var(--menu-max);max-height:var(--reply-max);margin:0;inset:calc(100% + 4px) auto auto 0;overflow:auto}.prefs .select{margin-left:auto}.control .icon-btn{position:absolute;right:4px}.error{background:var(--bad-bg);color:var(--bad);border-radius:6px;padding:8px 10px;font-size:14px;line-height:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:visible}.table{border-collapse:collapse;width:100%;min-width:max-content}.table th{text-align:left;color:var(--muted);background:var(--sidebar);border-bottom:1px solid var(--border);white-space:nowrap;height:32px;padding:0 12px;font-size:12px;font-weight:400;line-height:16px}.table thead th:first-child{border-radius:12px 0 0}.table thead th:last-child{border-radius:0 12px 0 0}.table td{border-bottom:1px solid var(--border);white-space:nowrap;height:32px;padding:0 12px;font-size:14px;line-height:22px}.table tr:last-child td{border-bottom:0}.field.compact{gap:0}.field.compact .select-btn{border-radius:4px;height:20px;padding:0 8px;font-size:13px;line-height:18px}.field.compact .select-btn svg{width:var(--icon-xs);height:var(--icon-xs)}.table .field{margin:0}.table .field+.field{margin-top:0}.table .actions{text-align:right;white-space:nowrap}.table .actions .icon-btn svg{width:14px;height:14px}.table .actions .icon-btn+.icon-btn{margin-left:2px}.table .order{width:44px;padding-left:8px;padding-right:4px}.table .order .icon-btn+.icon-btn{margin-left:2px}.pill{white-space:nowrap;background:var(--sidebar);height:20px;color:var(--muted);border-radius:9999px;flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.pill-good{background:var(--good-bg);color:var(--good)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-bad{background:var(--bad-bg);color:var(--bad)}.empty{background:var(--surface);border:1px solid var(--border-strong);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px;display:flex}.empty svg{width:20px;height:20px;stroke-width:var(--icon-stroke);color:var(--muted)}.empty-title{color:var(--ink);font-size:14px;font-weight:700;line-height:22px}.empty-say{color:var(--muted);font-size:13px;line-height:18px}.empty .btn{margin-top:10px}.login{flex-direction:column;height:100%;display:flex}.login-body{background:var(--sidebar);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-box{width:var(--dialog-w);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:12px;padding:16px}.login-title{margin:0 0 16px;font-size:16px;font-weight:700;line-height:24px}.login-box .btn-primary{width:100%;margin-top:16px}.scrim{background:var(--scrim);z-index:var(--z-menu);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:12px;padding:16px;font-size:14px;line-height:22px}.dialog-sm{width:var(--dialog-sm)}.dialog-md{width:var(--dialog-md)}.dialog-lg{width:var(--dialog-lg)}.dialog-mail{width:var(--prefs-max)}.dialog-mail .sheet{max-width:none;min-height:200px}.dialog-head{align-items:center;gap:12px;min-height:20px;margin-bottom:12px;display:flex}.dialog-title{min-width:0;color:var(--ink);flex:1;margin:0;font-size:16px;font-weight:700;line-height:24px}.dialog-say{color:var(--ink);margin:0;font-size:16px;line-height:24px}.dialog-foot{align-items:center;gap:6px;margin-top:16px;display:flex}.prefs-col{max-width:var(--prefs-max)}.prefs-col .loader-wrap{height:auto;min-height:var(--row-pref)}.reply .error{margin:0 8px 8px}.prefs-col .page-title{margin-bottom:16px}.prefs-group{color:var(--muted);margin:16px 0 8px;font-size:12px;font-weight:400;line-height:16px}.prefs-group:first-of-type{margin-top:0}.prefs-card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.prefs-row{min-height:var(--row-pref);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.prefs-row:last-child{border-bottom:0}.prefs-label{color:var(--ink);font-size:14px;font-weight:400;line-height:22px}.prefs-say{color:var(--muted);margin-top:4px;font-size:13px;line-height:18px}.prefs-value{color:var(--ink);align-items:center;gap:6px;font-size:14px;line-height:22px;display:flex}.toasts{width:var(--toast-w);z-index:var(--z-menu);flex-direction:column;gap:12px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:flex-start;gap:6px;padding:12px;display:flex}.toast svg{width:20px;height:20px;stroke-width:var(--icon-stroke);flex-shrink:0}.toast-good{color:var(--good)}.toast-title{color:var(--ink);font-size:14px;font-weight:400;line-height:22px}.toast-close{margin-left:auto}.loader-wrap{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;line-height:18px;display:flex}.loader{width:16px;height:16px;position:relative}.loader i{background:var(--ink);opacity:.1;transform-origin:50% 8px;width:2px;height:4px;animation:loader var(--loader) linear infinite;border-radius:2px;margin-left:-1px;position:absolute;top:0;left:50%}.loader i:first-child{animation-delay:0s;transform:rotate(0)}.loader i:nth-child(2){animation-delay:calc(var(--loader) / 8);transform:rotate(45deg)}.loader i:nth-child(3){animation-delay:calc(var(--loader) / 8 * 2);transform:rotate(90deg)}.loader i:nth-child(4){animation-delay:calc(var(--loader) / 8 * 3);transform:rotate(135deg)}.loader i:nth-child(5){animation-delay:calc(var(--loader) / 8 * 4);transform:rotate(180deg)}.loader i:nth-child(6){animation-delay:calc(var(--loader) / 8 * 5);transform:rotate(225deg)}.loader i:nth-child(7){animation-delay:calc(var(--loader) / 8 * 6);transform:rotate(270deg)}.loader i:nth-child(8){animation-delay:calc(var(--loader) / 8 * 7);transform:rotate(315deg)}@keyframes loader{0%,to{opacity:.1}12.5%{opacity:1}}.grow{flex:1}.muted{color:var(--muted)}.main.split{padding:0;display:flex;overflow:hidden}.mail-split{flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.mail-back{display:none}.mail-list{background:var(--sidebar);border-right:1px solid var(--border-strong);flex-direction:column;flex:0 0 37.5%;width:37.5%;min-width:0;padding:8px;display:flex;overflow:auto}.mail-search,.mail-switch{margin-bottom:8px}.mail-folders{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mail-folders .field-opt.current{color:var(--ink)}.mail-search .control{gap:6px;padding-left:8px}.mail-row-wrap{position:relative}.mail-row-wrap+.mail-row-wrap{margin-top:4px}.mail-row{text-align:left;border-radius:4px;width:100%;padding:8px}.mail-row-actions{gap:4px;display:none;position:absolute;top:8px;right:8px}.mail-row-wrap:hover .mail-row-actions,.mail-row-wrap:focus-within .mail-row-actions{display:flex}.mail-row:hover,.mail-row.active{background:var(--hover)}.mail-row-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:22px;overflow:hidden}.mail-row.unread .mail-row-title{font-weight:700}.mail-row-sub{font-family:var(--font);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;line-height:22px;overflow:hidden}.mail-more{margin-top:8px}.mail-detail{flex-direction:column;flex:0 0 62.5%;width:62.5%;min-width:0;padding:16px 20px;display:flex;overflow:auto}.mail-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.mail-subject{flex:1;min-width:0;margin:0;font-size:16px;font-weight:700;line-height:24px}.mail-tools{flex-shrink:0;align-items:center;gap:4px;height:24px;display:flex}.mail-kv{grid-template-columns:var(--meta-key) 1fr;gap:8px 12px;margin-bottom:16px;display:grid}.mail-kv dt{color:var(--muted);font-size:14px;line-height:22px}.mail-kv dd{margin:0;font-size:14px;line-height:22px}.reply-tools{border-left:1px solid var(--border-strong);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px;display:flex}.attach-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.attach-list.pad{margin:8px 8px 0}.attach-tile{box-sizing:border-box;width:var(--attach-w);height:var(--attach-h);border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;text-decoration:none;display:flex;position:relative;overflow:hidden}.attach-tile:hover{background:var(--hover);color:var(--ink);text-decoration:none}.attach-name{justify-content:center;width:100%;min-width:0;font-size:12px;line-height:16px;display:flex}.attach-stem{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attach-ext{white-space:nowrap;flex:none}.attach-off{position:absolute;top:2px;right:2px}.mail-body{flex:1 0 auto;min-width:0}.mail-html{background:0 0;border:0;width:100%;min-width:0;display:block}.reply{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;flex-direction:row;align-items:stretch;margin-top:16px;display:flex}.reply-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.reply textarea{width:100%;min-height:var(--reply-min);max-height:var(--reply-max);resize:none;font:inherit;background:0 0;border:0;outline:0;padding:8px 12px;display:block}.sheet{min-height:72px;max-width:var(--sheet-max);border:1px solid var(--border-strong);background:var(--surface);resize:vertical;border-radius:12px;padding:8px 10px}.sheet:focus{border-color:var(--ink);box-shadow:0 0 0 var(--focus) var(--hover);outline:0}.btn-xs{border-radius:4px;height:20px;padding:0 8px;font-size:13px;line-height:18px}@media (max-width:720px){.icon-btn.drawer-btn{display:inline-flex}.drawer-scrim{top:var(--titlebar-h);z-index:var(--z-menu);background:var(--scrim);border:0;border-radius:0;width:auto;height:auto;padding:0;display:block;position:fixed;bottom:0;left:0;right:0}.sidebar{top:var(--titlebar-h);z-index:var(--z-menu);border-right:1px solid var(--border-strong);border-bottom:0;flex-direction:column;flex:none;align-items:stretch;width:min(320px,100% - 32px);display:none;position:fixed;bottom:0;left:0;overflow:auto}.sidebar.open{display:flex}.main{flex:auto;width:100%;min-height:0;padding:16px}.main.split{flex-direction:column;padding:0}.mail-split{flex-direction:column}.mail-list{border-right:0;flex:auto;width:100%}.mail-detail,.mail-split.open .mail-list{display:none}.mail-split.open .mail-detail{flex:auto;width:100%;display:flex}.mail-back,.mail-row-actions{display:flex}.scrim{padding:16px}.dialog-sm,.dialog-md,.dialog-lg,.dialog-mail{width:min(var(--dialog-lg), calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto}.dialog-mail{width:min(var(--prefs-max), calc(100% - 32px))}.toast{width:min(320px,100% - 32px)}.card{overflow:visible}input,select,textarea,.control input,.sheet,.reply textarea{font-size:16px;line-height:22px}}