:root{--bg:#f5f7fa;--surface:#fff;--line:#e5e9ef;--text:#202938;--muted:#748094;--blue:#315fca;--blue-soft:#edf3ff;--green:#188758;--amber:#a56d16}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.brand-home-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.brand-home-link:hover,.brand-home-link:focus{color:inherit;text-decoration:none}
.yx-lang{position:fixed;top:16px;right:18px;z-index:90;font-size:11px}.yx-lang-btn{min-width:96px;height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(205,214,226,.95);border-radius:10px;background:rgba(255,255,255,.94);color:#425069;box-shadow:0 6px 18px rgba(31,41,55,.07);backdrop-filter:blur(10px);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.yx-lang-btn:hover{border-color:#aebfe7;background:#fff;box-shadow:0 8px 22px rgba(49,95,202,.10);transform:translateY(-1px)}.yx-lang-globe{font-size:14px;color:#315fca}.yx-lang-arrow{font-size:11px;color:#8993a2}.yx-lang-menu{display:none;position:absolute;right:0;top:43px;width:166px;padding:7px;background:rgba(255,255,255,.98);border:1px solid #dce2ea;border-radius:11px;box-shadow:0 18px 40px rgba(31,41,55,.14);backdrop-filter:blur(12px)}.yx-lang.open .yx-lang-menu{display:grid;gap:2px}.yx-lang-menu button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;color:#536074;font-size:11px;cursor:pointer;transition:background .16s,color .16s}.yx-lang-menu button:hover{background:#f3f6fb;color:#2f4f91}.yx-lang-menu button.active{background:#edf3ff;color:#2954b4;font-weight:700}
.auth-error{display:flex;align-items:flex-start;gap:7px;margin:10px 0 12px;padding:9px 10px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#b42318;font-size:11px;line-height:1.5;font-weight:600}.auth-error:before{content:"!";display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-size:10px;font-weight:800;margin-top:1px}.field input.input-error{border-color:#dc2626;background:#fffafa}.field input.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #fee2e2}
.login-page{min-height:100vh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(circle at 18% 22%,rgba(49,95,202,.08),transparent 28%),radial-gradient(circle at 82% 78%,rgba(82,179,191,.08),transparent 30%),linear-gradient(145deg,#f8fafd 0%,#f4f7fb 48%,#f7f9fc 100%);position:relative;overflow:hidden}.site-login-page{background:linear-gradient(rgba(248,250,253,.24),rgba(248,250,253,.24)),url('/assets/login-background.webp') center center/cover no-repeat}.site-login-page:before,.site-login-page:after{display:none}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.login-page:before{width:260px;height:260px;left:-120px;bottom:-130px;background:rgba(49,95,202,.035);border:1px solid rgba(49,95,202,.06)}.login-page:after{width:220px;height:220px;right:-90px;top:-100px;background:rgba(79,180,190,.035);border:1px solid rgba(79,180,190,.06)}.login-wrap{width:min(960px,100%);display:grid;grid-template-columns:1fr 420px;gap:82px;align-items:center;position:relative;z-index:1}.product{padding:20px 0}.product b,.product small{display:block}.product b{font-size:24px;letter-spacing:-.02em;color:#1f2937}.product b:after{content:"";display:block;width:34px;height:3px;border-radius:999px;background:linear-gradient(90deg,#315fca,#4eb6bc);margin-top:10px}.product small{color:#6f7d91;margin-top:11px;font-size:12px;line-height:1.7;max-width:280px}.login-card{background:rgba(255,255,255,.94);border:1px solid rgba(219,226,235,.95);border-radius:18px;padding:30px;box-shadow:0 24px 64px rgba(37,49,72,.10),0 4px 16px rgba(37,49,72,.04);backdrop-filter:blur(12px)}.login-card h1{font-size:22px;letter-spacing:-.02em;margin:0 0 7px;color:#182335}.login-card p{font-size:12px;color:#758197;margin:0 0 22px;line-height:1.65}.field{margin:13px 0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f8;border:1px solid #edf0f4;border-radius:10px;padding:3px;margin-bottom:24px}.auth-tabs button{border:0;background:transparent;border-radius:8px;padding:9px;color:#6b7687;font-size:11px;font-weight:650;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.auth-tabs button:hover{color:#3559a7}.auth-tabs button.active{background:#fff;color:#2e5dc2;box-shadow:0 2px 7px rgba(31,41,55,.08)}.field small{display:block;font-size:9px;color:#8c96a5;line-height:1.6;margin-top:6px}.field label{display:block;font-size:11px;font-weight:700;color:#344054;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d6dde7;border-radius:9px;outline:none;background:#fff;transition:border-color .18s,box-shadow .18s,background .18s}.field input,.field select{height:43px;padding:0 12px}.field input::placeholder,.field textarea::placeholder{color:#a0a9b8}.field textarea{min-height:170px;padding:10px;resize:vertical}.field input:hover,.field textarea:hover{border-color:#c5cfdd}.field input:focus,.field textarea:focus{border-color:#7e9ee3;box-shadow:0 0 0 4px rgba(49,95,202,.09);background:#fff}.btn{border:1px solid transparent;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.primary{background:linear-gradient(135deg,#3566d2,#2f5bc2);color:#fff;box-shadow:0 8px 18px rgba(49,95,202,.18)}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(49,95,202,.23)}.primary:active{transform:translateY(0)}.secondary{background:#fff;border-color:#d9dee6;color:#4d596c}.wide{width:100%;height:44px}.hint{font-size:10px;color:#8c96a5;border-top:1px solid var(--line);margin-top:15px;padding-top:13px;line-height:1.6}
.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:0 10px 22px}.brand b,.brand small{display:block}.brand b{font-size:15px}.brand small{font-size:10px;color:var(--muted);margin-top:3px}.nav-label{font-size:9px;color:#9ba5b5;padding:10px 11px 5px;text-transform:uppercase;letter-spacing:.09em}.nav button{width:100%;border:0;background:transparent;text-align:left;padding:9px 11px;border-radius:7px;color:#556176;font-size:12px;cursor:pointer}.nav button.active{background:var(--blue-soft);color:#2954b4;font-weight:650}.side-user{margin-top:auto;border-top:1px solid var(--line);padding:14px 10px 0}.side-user b,.side-user span{display:block}.side-user b{font-size:11px}.side-user span{font-size:9px;color:var(--muted);margin-top:3px}.side-user button{margin-top:9px;border:0;background:transparent;padding:0;color:#315fca;font-size:10px;cursor:pointer}
.main{min-width:0}.top{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.top h1{font-size:19px;margin:0}.top small{color:var(--muted);font-size:10px}.content{padding:26px 28px 50px;max-width:1320px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.page-head h2{font-size:18px;margin:0}.page-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.metric{padding:16px}.metric span{display:block;font-size:10px;color:var(--muted)}.metric b{display:block;font-size:24px;margin-top:10px}.panel{overflow:hidden}.panel-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:13px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.panel-body{padding:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{background:#fafbfd;color:#818b9c;font-size:10px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;font-size:11px;border-bottom:1px solid #eef1f4}tbody tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px}.status:before{content:"";width:6px;height:6px;border-radius:50%}.ok{color:var(--green)}.ok:before{background:#1d9a64}.warn{color:var(--amber)}.warn:before{background:#d39931}.expired-text{color:#dc2626;font-weight:700}.expiring-text{color:#dc2626;font-weight:700}.expiry-absolute{display:block;margin-top:3px}.expiry-absolute.expiry-alert{color:#dc2626;font-weight:600}.code{font:10px ui-monospace,Consolas,monospace;background:#f7f8fa;border:1px solid var(--line);padding:8px;border-radius:7px;word-break:break-all}.notice{padding:12px 14px;border-left:3px solid #4f74d1;background:#f8faff;color:#58657a;font-size:11px;margin-bottom:16px}.grid2{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.rule-row,.setting-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f4}.rule-row:last-child,.setting-row:last-child{border-bottom:0}.rule-row b,.rule-row small{display:block}.rule-row b{font-size:11px}.rule-row small{font-size:9px;color:var(--muted);margin-top:3px}
.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.38);display:grid;place-items:center;padding:18px;z-index:30}.modal{width:min(520px,100%);background:#fff;border-radius:12px;border:1px solid #dfe4ea}.modal-head{padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:15px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.modal-body{padding:18px}.modal-actions{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#fafbfd}.toast{position:fixed;right:22px;bottom:22px;background:#202938;color:#fff;border-radius:7px;padding:10px 13px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}
.toast.toast-success{left:50%;right:auto;top:50%;bottom:auto;min-width:380px;max-width:min(560px,calc(100vw - 32px));padding:16px 20px;border:1px solid #86efac;border-radius:12px;background:#f0fdf4;color:#166534;box-shadow:0 18px 50px rgba(15,23,42,.18);display:flex;align-items:center;justify-content:center;gap:11px;font-size:14px;font-weight:700;line-height:1.5;text-align:left;opacity:0;transform:translate(-50%,-50%) scale(.96);z-index:9999;pointer-events:none}.toast.toast-success.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast-success-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#fff;font-size:15px;font-weight:800;box-shadow:0 4px 12px rgba(34,197,94,.24)}.toast-success-text{display:block}@media(max-width:600px){.toast.toast-success{min-width:0;width:calc(100vw - 28px);padding:14px 16px;font-size:13px}.toast-success-icon{flex-basis:24px;width:24px;height:24px;font-size:14px}}
.user-log-toolbar{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.user-log-search{flex:1 1 360px;min-width:280px;max-width:520px;height:38px;padding:0 12px;border:1px solid #d6dde7;border-radius:9px;background:#fff;font-size:11px;color:var(--text);outline:none;box-sizing:border-box}.user-log-search::placeholder{color:#8e98a8}.user-log-search:focus{border-color:#7e9ee3;box-shadow:0 0 0 3px rgba(49,95,202,.08)}.user-log-type{flex:0 0 120px;min-width:120px;height:38px;padding:0 10px;border:1px solid #d6dde7;border-radius:9px;background:#fff;color:var(--text);font-size:11px;outline:none;box-sizing:border-box}.user-log-type:focus{border-color:#7e9ee3;box-shadow:0 0 0 3px rgba(49,95,202,.08)}@media(max-width:720px){.user-log-toolbar{align-items:stretch}.user-log-search,.user-log-type{width:100%;max-width:none;flex:1 1 100%}}

.confirm-modal{width:min(430px,100%);overflow:hidden;box-shadow:0 24px 64px rgba(15,23,42,.18)}.confirm-content{display:flex;gap:14px;padding:22px 22px 18px}.confirm-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#315fca}.confirm-copy{min-width:0}.confirm-copy h3{margin:1px 0 7px;font-size:16px;color:var(--text)}.confirm-copy p{margin:0;color:#5f6b7d;font-size:11px;line-height:1.65}.confirm-note{margin-top:11px;padding:9px 10px;border-radius:7px;background:#f7f9fc;color:#738096;font-size:10px;line-height:1.5}.confirm-actions{padding:13px 22px}.confirm-actions .btn{min-width:88px}.confirm-actions .btn:disabled{opacity:.65;cursor:not-allowed}.danger-confirm-modal{width:min(460px,100%)}.danger-confirm-icon{background:#fff1f2;color:#dc2626}.delete-mailbox-address{margin-top:10px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7;color:#991b1b;font-size:12px;font-weight:700;line-height:1.45;word-break:break-all}.danger-confirm-note{background:#fff8f1;color:#8a5a22;border:1px solid #fed7aa}.danger-btn{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 6px 16px rgba(220,38,38,.18)}.danger-btn:hover{background:#c81e1e;border-color:#c81e1e}.danger-btn:active{transform:translateY(1px)}.danger-btn:disabled{opacity:.62;cursor:not-allowed;transform:none}@media(max-width:600px){.confirm-content{padding:18px 16px 15px}.confirm-actions{padding:12px 16px}.confirm-actions .btn{min-width:0;flex:1}}
.mail-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#fff}.mail-side{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column}.mail-brand{padding:0 8px 18px}.mail-brand b,.mail-brand small{display:block}.mail-brand small{font-size:10px;color:var(--muted);margin-top:3px}.compose-btn{width:100%;margin-bottom:14px}.folders button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px;color:#556176;font-size:12px}.folders button.active{background:var(--blue-soft);color:#2954b4}.mail-account{margin-top:auto;border-top:1px solid var(--line);padding:14px 8px 0}.mail-account b,.mail-account small{display:block}.mail-account b{font-size:10px;word-break:break-all}.mail-account small{font-size:9px;color:var(--muted);margin-top:4px}.mail-account button{border:0;background:transparent;color:#315fca;font-size:9px;padding:8px 0 0}.mail-main{min-width:0}.mail-top{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.mail-list-item{display:grid;grid-template-columns:190px 1fr 90px;gap:12px;padding:12px 16px;border-bottom:1px solid #eef1f4;cursor:pointer}.mail-list-item:hover{background:#fafbfd}.mail-list-item.unread{background:#f8faff}.mail-list-item.unread b{font-weight:700}.mail-list-item span,.mail-list-item b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-list-item time{text-align:right;font-size:9px;color:var(--muted)}.empty{padding:60px 20px;text-align:center;color:#8d97a7;font-size:11px}.reader{padding:24px}.reader h2{font-size:19px;margin:0 0 14px}.reader-meta{font-size:10px;color:var(--muted);display:grid;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.reader-body{font-size:13px;line-height:1.8;white-space:pre-wrap}

.mail-top>div:first-child{display:grid;gap:3px}.mail-top>div:first-child small{font-size:9px;color:var(--muted)}.mail-top-actions{display:flex;align-items:center;gap:8px}.mail-search{width:260px;height:34px;border:1px solid #d8dee7;border-radius:7px;padding:0 10px;font-size:10px;outline:none}.mail-search:focus{border-color:#88a6e8;box-shadow:0 0 0 3px #eef3ff}.folders{display:grid;gap:2px}.folders button{cursor:pointer}.mail-list-item b{font-weight:500}.mail-list-item.unread b,.mail-list-item.unread span{font-weight:700}.reader .reader-body{min-height:110px}.modal-actions{flex-wrap:wrap}
.mail-list-item.unread{background:#eef4ff;box-shadow:inset 3px 0 0 #315fca}.mail-list-item.unread:hover{background:#e8f0ff}.mail-list-item.read{background:#fff;color:#657184}.mail-list-item.read:hover{background:#fafbfd}.mail-list-item.unread time{color:#315fca;font-weight:700}.mail-subject-line{display:flex!important;align-items:center;gap:6px;min-width:0}.mail-unread-pill{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;padding:2px 6px;border-radius:999px;background:#315fca;color:#fff;font-size:9px!important;font-weight:700!important;line-height:1.2}.mail-subject-text{min-width:0}
/* Mail toolbar: make refresh, search and language controls visually aligned. */
.mail-shell:not(.hidden) .mail-top{height:62px;padding:0 138px 0 18px;gap:18px;align-items:center;box-sizing:border-box}
.mail-shell:not(.hidden) .mail-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}
.mail-shell:not(.hidden) .mail-top-actions>.btn.secondary{height:36px;min-width:56px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;line-height:1}
.mail-shell:not(.hidden) .mail-search{width:230px;max-width:30vw;height:36px;padding:0 12px;border-radius:10px;box-sizing:border-box;font-size:10px;line-height:36px}
.mail-shell:not(.hidden)~.yx-lang{top:13px;right:16px}
.mail-shell:not(.hidden)~.yx-lang .yx-lang-btn{height:36px;min-width:94px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
@media(max-width:980px){.mail-shell:not(.hidden) .mail-top{height:auto;min-height:62px;padding:58px 16px 12px;align-items:flex-start;flex-wrap:wrap}.mail-shell:not(.hidden) .mail-top-actions{width:100%;margin-left:0;flex-wrap:wrap}.mail-shell:not(.hidden) .mail-search{width:auto;max-width:none;flex:1 1 220px;min-width:180px}.mail-shell:not(.hidden)~.yx-lang{top:12px;right:16px}}
@media(max-width:600px){.mail-shell:not(.hidden) .mail-top{padding:56px 14px 12px}.mail-shell:not(.hidden) .mail-top-actions{gap:8px}.mail-shell:not(.hidden) .mail-search{flex-basis:100%;width:100%}.mail-shell:not(.hidden)~.yx-lang{top:10px;right:10px}}

.mail-address-card{border:1px solid var(--line);background:#fafbfd;border-radius:10px;padding:12px;margin-bottom:14px}.mail-address-card>small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.mail-address-card>b{display:block;font-size:11px;word-break:break-all;line-height:1.5;margin-bottom:9px}.mail-address-card>.btn{width:100%;padding:7px 9px;font-size:10px}.mail-expiry{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.mail-expiry b{font-size:10px;color:var(--text)}.refresh-state{font-size:9px;color:var(--muted);white-space:nowrap}.folders button{display:flex;justify-content:space-between;align-items:center}.folders button span{min-width:18px;text-align:center;font-size:9px;font-weight:700;color:#fff;background:#315fca;border-radius:10px;padding:1px 5px}.folders button span:empty{display:none}
.mail-address-card>.mail-copy-btn{position:relative;transition:transform .1s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.mail-address-card>.mail-copy-btn:hover{border-color:#9db3e7;background:#f8fbff;box-shadow:0 5px 12px rgba(49,95,202,.10)}.mail-address-card>.mail-copy-btn:active,.mail-address-card>.mail-copy-btn.is-pressing{transform:translateY(2px) scale(.985);box-shadow:inset 0 2px 5px rgba(31,41,55,.12)}.mail-address-card>.mail-copy-btn.is-copied{background:#edf8f3;border-color:#9fd7bd;color:#177553;box-shadow:0 5px 12px rgba(24,135,88,.10)}
.mail-shell:not(.hidden)~.toast{left:50%;right:auto;top:76px;bottom:auto;z-index:120;min-width:190px;max-width:min(420px,calc(100vw - 28px));padding:12px 17px;border-radius:10px;background:rgba(24,39,64,.96);box-shadow:0 12px 34px rgba(15,23,42,.22);font-size:12px;font-weight:700;text-align:center;transform:translate(-50%,-10px) scale(.97);pointer-events:none}.mail-shell:not(.hidden)~.toast.show{transform:translate(-50%,0) scale(1)}
@media(max-width:600px){.mail-shell:not(.hidden)~.toast{top:58px;min-width:170px;font-size:11px;padding:11px 14px}}

.mail-reader-modal{width:min(760px,100%);max-height:92vh;display:flex;flex-direction:column}.mail-reader-modal .modal-body{overflow:auto}.verification-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f4f7ff;border:1px solid #d9e3fb;border-radius:10px;padding:14px 16px;margin-bottom:16px}.verification-card small{display:block;font-size:10px;color:#687386;margin-bottom:5px}.verification-card b{display:block;font:700 26px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:5px;color:#234a9f}.reader-meta b{color:#3a4556;margin-right:5px}.html-mail-note{font-size:9px;color:#7b8798;background:#fafbfd;border:1px solid #edf0f4;border-radius:7px;padding:7px 9px;margin-bottom:10px}.email-html-frame{display:block;width:100%;min-height:260px;border:0;background:#fff}.attachment-block{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.attachment-title{font-size:11px;font-weight:700;margin-bottom:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#fafbfd;border-radius:8px;padding:10px 11px;margin-top:7px}.attachment-item b,.attachment-item small{display:block}.attachment-item b{font-size:11px;word-break:break-all}.attachment-item small{font-size:9px;color:var(--muted);margin-top:3px}.attachment-hint{display:block;font-size:9px;color:var(--muted);margin-top:8px}

.mail-subject-line{display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle}.mail-preview{color:#778397}.mail-tags{display:inline-flex;gap:4px;margin-left:5px}.mail-tag{display:inline-flex!important;align-items:center;flex:0 0 auto;font-size:8px!important;line-height:1.4;padding:1px 5px;border:1px solid #d9dee7;border-radius:9px;color:#687386;background:#fff;font-weight:600!important}.mail-tag.code-tag{border-color:#cbd9fb;background:#f2f6ff;color:#315fca}.mail-security-note{display:flex;gap:10px;align-items:flex-start;background:#fff9ee;border:1px solid #f0dfba;border-radius:9px;padding:10px 12px;margin-bottom:14px}.mail-security-note b{font-size:10px;color:#95651a;white-space:nowrap}.mail-security-note span{font-size:10px;line-height:1.6;color:#715d3a;white-space:normal}

.mail-load-more{display:flex;justify-content:center;padding:16px;border-top:1px solid #eef1f4;background:#fafbfd}.mail-load-more .btn{min-width:180px}
/* Homepage login visual — matches the approved mockup without changing auth behavior. */
#loginView.site-login-page{background:#eef2f6;isolation:isolate}
#loginView.site-login-page:before{display:block;content:"";position:absolute;inset:-28px;width:auto;height:auto;left:-28px;right:-28px;top:-28px;bottom:-28px;border:0;border-radius:0;background:url('/assets/login-background.webp') center center/cover no-repeat;filter:blur(10px) brightness(1.08) saturate(.88);transform:scale(1.04);pointer-events:none;z-index:-2}
#loginView.site-login-page:after{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;left:0;right:0;top:0;bottom:0;border:0;border-radius:0;background:rgba(248,250,253,.44);filter:none;pointer-events:none;z-index:-1}
#loginView.site-login-page .login-wrap{width:min(1220px,calc(100% - 72px));grid-template-columns:minmax(0,1fr) 436px;gap:110px}
#loginView.site-login-page .product{padding:12px 0;text-shadow:0 1px 1px rgba(255,255,255,.45)}
#loginView.site-login-page .product b{font-size:72px;line-height:1;font-weight:800;letter-spacing:-.045em;color:#182a43}
#loginView.site-login-page .product b:after{width:94px;height:5px;margin-top:22px;background:linear-gradient(90deg,#2f66d0 0%,#31b9c6 100%);box-shadow:0 5px 14px rgba(49,95,202,.13)}
#loginView.site-login-page .product small{max-width:520px;margin-top:24px;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:28px;line-height:1.45;font-weight:400;color:#7188aa;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.72)}
#loginView.site-login-page .login-card{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.86);border-radius:20px;padding:32px;box-shadow:0 28px 68px rgba(30,43,62,.15),0 8px 22px rgba(30,43,62,.06);backdrop-filter:blur(18px) saturate(112%);transform:translate(-25px,-14px)}
#loginView.site-login-page .login-card h1{font-size:23px;color:#17263b;margin-bottom:7px}
#loginView.site-login-page .login-card p{font-size:12px;color:#728098;margin-bottom:24px}
#loginView.site-login-page .auth-tabs{background:rgba(238,242,247,.9);border-color:rgba(228,234,241,.94);margin-bottom:26px}
#loginView.site-login-page .auth-tabs button{padding:10px 9px}
#loginView.site-login-page .field{margin:14px 0}
#loginView.site-login-page .field input{height:45px;background:rgba(255,255,255,.95)}
#loginView.site-login-page .primary{height:46px;box-shadow:0 10px 22px rgba(49,95,202,.22)}
@media(max-width:850px){.shell{grid-template-columns:76px 1fr}.side{padding:18px 8px}.brand small,.nav-label,.nav button span,.side-user{display:none}.nav button{text-align:center;font-size:0}.nav button:before{content:"•";font-size:20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.login-page{padding:76px 20px 32px}.login-wrap{grid-template-columns:1fr;max-width:440px;gap:20px}.login-wrap>.product{text-align:center;padding:0 16px 4px}.login-wrap>.product b:after{margin:9px auto 0}.login-wrap>.product small{margin:10px auto 0}.mail-shell{grid-template-columns:180px 1fr}}@media(max-width:600px){.yx-lang{top:10px;right:10px}.yx-lang-btn{min-width:92px;height:34px;padding:0 9px}.yx-lang-menu{width:150px}.login-page{padding:64px 14px 24px}.login-card{padding:24px 20px;border-radius:16px}.content{padding:20px 14px}.metrics{grid-template-columns:1fr 1fr}.page-head{flex-direction:column}.mail-shell{grid-template-columns:1fr}.mail-side{height:auto;border-right:0;border-bottom:1px solid var(--line)}.folders{display:flex}.mail-account{display:none}.mail-list-item{grid-template-columns:110px 1fr}.mail-list-item time{display:none}}
@media(max-width:850px){#loginView.site-login-page .login-wrap{width:100%;max-width:456px;grid-template-columns:1fr;gap:20px}#loginView.site-login-page .product{padding:0 16px 8px;text-align:center}#loginView.site-login-page .product b{font-size:42px}#loginView.site-login-page .product b:after{width:72px;height:4px;margin:13px auto 0}#loginView.site-login-page .product small{margin:14px auto 0;font-size:15px}#loginView.site-login-page .login-card{padding:28px;transform:none}}@media(max-width:600px){#loginView.site-login-page .product b{font-size:36px}#loginView.site-login-page .product small{font-size:14px}#loginView.site-login-page .login-card{padding:24px 20px;border-radius:16px}}