:root{--bg:#fff;--bg-2:#fff;--surface:#fff;--surface-2:#fafbfc;--surface-3:#f4f5f7;--line:#e9ebf0;--line-strong:#dcdfe7;--text:#101318;--text-dim:#2a2f3a;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eef3ff;--accent-2:#7c3aed;--ok:#12855b;--ok-soft:#eaf7f0;--warn:#b45309;--err:#d92d20;--err-soft:#fef3f2;--radius:14px;--radius-sm:10px;--shadow-1:0 1px 2px #1018280d, 0 8px 20px -16px #10182838;--shadow-2:0 1px 3px #10182812, 0 20px 40px -30px #1018284d;--ring:0 0 0 3px #2563eb26;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ui-sans-serif, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--text);font:15px/1.6 var(--font);letter-spacing:.004em;-webkit-font-smoothing:antialiased;background:#fff;margin:0}::selection{background:#cfe0ff}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover);text-underline-offset:2px;text-decoration:underline}.wrap{max-width:880px;margin:0 auto;padding:52px 22px 96px}.wrap.wide{max-width:1120px}.wrap.narrow{max-width:452px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:40px;display:flex}.brand{letter-spacing:-.012em;color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:650;display:inline-flex}.brand:before{content:"";background:linear-gradient(135deg,#3b82f6,#6366f1 58%,#a855f7);border-radius:7px;width:20px;height:20px;box-shadow:0 1px 2px #2563eb59,0 0 0 1px #2563eb1f}.brand span{color:var(--muted);font-weight:420}.nav{color:var(--muted);align-items:center;gap:18px;font-size:13.5px;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--accent)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:11.5px;font-weight:560;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg,#0000,#b9c2d4);width:22px;height:1px}h1{letter-spacing:-.028em;color:#0b0e14;margin:0 0 14px;font-size:clamp(29px,4.2vw,40px);font-weight:680;line-height:1.15}h1.sm{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,27px)}h2{letter-spacing:-.01em;color:var(--text);margin:0 0 10px;font-size:15.5px;font-weight:650}h3{margin:0 0 8px;font-size:14px;font-weight:620}p{margin:0 0 14px}p.lead{color:var(--muted);max-width:62ch;margin-bottom:28px;font-size:15.5px}.hint{color:var(--muted);margin:0;font-size:12.8px;line-height:1.7}.err{color:var(--err);background:var(--err-soft);border:1px solid #f7c9c4;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13.2px}.ok{color:var(--ok)}code,.mono{font-family:var(--mono);letter-spacing:-.01em;font-size:12.8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);margin-bottom:16px;padding:24px}.card.flat{box-shadow:none;background:var(--surface-2)}.card.tight{padding:18px 20px}.card.tight .card-head{margin-bottom:10px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.card-head h2{margin:0}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{color:var(--text-dim);letter-spacing:.01em;margin:16px 0 7px;font-size:12.4px;font-weight:540;display:block}input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),select,textarea{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:100%;color:var(--text);background:#fff;outline:none;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9aa3b2}input:hover,select:hover{border-color:#c2cad8}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7d8695 50%),linear-gradient(135deg,#7d8695 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row>*{flex:190px}.flex{align-items:center;gap:12px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13.6px;font-weight:560;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 1px #10182808}.btn:hover{background:var(--surface-2);border-color:#c2cad8}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn.primary{color:#fff;background:linear-gradient(#3b82f6,#2563eb);border-color:#1d4ed8;font-weight:620;box-shadow:0 1px 2px #1018281f,0 8px 20px -12px #2563ebb3}.btn.primary:hover{background:linear-gradient(#2f74ea,#1d4ed8)}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.small{border-radius:9px;padding:7px 11px;font-size:12.6px}.btn.danger{color:var(--err);background:#fff;border-color:#f2c2bd}.btn.danger:hover{background:var(--err-soft)}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn.primary:disabled{color:#97a0b1;box-shadow:none;opacity:1;filter:none;background:#e3e8f2;border-color:#dfe4ee}.pill{letter-spacing:.01em;border:1px solid var(--line-strong);color:var(--muted);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.8px;font-weight:520;display:inline-flex}.pill.ok{color:var(--ok);background:var(--ok-soft);border-color:#bfe6d3}.pill.off{color:var(--muted);background:var(--surface-3);border-color:var(--line)}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}table{border-collapse:collapse;width:100%;font-size:13.4px}th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:#8b93a3;border-bottom:1px solid var(--line);padding:0 12px 10px;font-size:11.4px;font-weight:560}td{vertical-align:middle;border-bottom:1px solid #eef0f4;padding:12px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:#fafbfd}td.mono,.mono{font-family:var(--mono)}.kv td:first-child{color:var(--muted);width:34%;font-size:12.6px}.kv td{border-bottom:1px solid #eef0f4}.mono-box{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;font-family:var(--mono);color:#1d2534;margin-top:12px;padding:14px 16px;font-size:12.8px;line-height:1.75}.steps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);border-color:var(--line-strong);padding:14px}.step .n{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:10px;font-size:11.5px;font-weight:650;display:inline-flex}.step p{color:var(--muted);margin:0;font-size:12.8px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;padding:7px 13px;font-size:12.8px;font-weight:520;transition:all .15s}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{color:#133a9c;background:var(--accent-soft);border-color:#c7d7ff;font-weight:620}.mail-list{flex-direction:column;margin:0 -4px;display:flex}.mail-row{cursor:pointer;border-bottom:1px solid #eef0f4;border-radius:8px;grid-template-columns:38px 1fr auto;gap:14px;padding:14px 8px;transition:background .12s;display:grid}.mail-row:hover{background:#f7f9fd}.mail-row:last-child{border-bottom:none}.avatar{color:#1b3a8a;background:linear-gradient(140deg,#dfe9ff,#eae2ff);border:1px solid #d9e2ff;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:640;display:flex}.avatar.dim{color:#6a7383;background:linear-gradient(140deg,#f1f3f7,#e9ecf3);border-color:#e6e9f0}.mail-subj{color:#171c26;margin-bottom:3px;font-size:14px;font-weight:560}.mail-row.unread .mail-subj{color:#0b0e14;font-weight:680}.mail-row.unread .mail-subj:before{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.mail-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12.4px;display:flex}.mail-preview{color:#7c8494;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:5px;font-size:12.8px;display:-webkit-box;overflow:hidden}.mail-time{color:#98a0af;white-space:nowrap;padding-top:2px;font-size:12px}.reader-head{margin-bottom:18px}.reader-subj{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(20px,2.6vw,25px)}.reader-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12.8px;display:flex}.frame{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);background:#fff;overflow:hidden}.frame iframe{background:#fff;border:0;width:100%;height:620px;display:block}pre.body{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);color:var(--text-dim);margin:0;font-size:13px;line-height:1.75}.empty{text-align:center;color:var(--muted);padding:44px 20px;font-size:13.4px}.empty:before{content:"";background:var(--surface-2);border:1.5px dashed #cfd6e3;border-radius:10px;width:32px;height:32px;margin:0 auto 14px;display:block}.stat{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-1);padding:14px 16px}.stat .k{letter-spacing:.08em;text-transform:uppercase;color:#8b93a3;font-size:11.2px;font-weight:560}.stat .v{letter-spacing:-.02em;color:#0b0e14;margin-top:6px;font-size:22px;font-weight:660}.auth{place-items:center;min-height:68vh;display:grid}.auth-card{width:100%;max-width:400px}.auth-card .card{padding:26px}.auth-foot{color:var(--muted);text-align:center;margin-top:18px;font-size:12.6px}@media (max-width:640px){.wrap{padding:32px 16px 72px}.card{padding:18px}h1{font-size:27px}.mail-row{grid-template-columns:34px 1fr}.mail-time{grid-column:2;padding-top:0}}