:root{--bg:#f2f4f8;--surface:#fff;--surface-soft:#f5f8fc;--text:#1c2838;--muted:#7b899c;--line:#dbe3ed;--primary:#496f9b;--primary-hover:#3c618c;--shadow:0 24px 70px rgba(50,72,101,.14)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}.grain{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.login-shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.story-panel{background:rgba(255,255,255,.96);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;position:relative;z-index:2}.brand{height:52px;display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;padding:0 12px;font-size:16px}.brand>span,.mini-brand span{width:34px;height:34px;border:1px solid #cfd9e5;border-radius:10px;display:grid;place-items:center;color:var(--primary);font-weight:700;background:#f7f9fc}.brand b{font-size:16px}.preview-nav{display:grid;gap:7px;margin-top:30px}.preview-nav div{display:flex;align-items:center;gap:13px;height:46px;padding:0 14px;border-radius:10px;color:#66758a;font-size:13px}.preview-nav div.active{background:#edf3fa;color:#294d75;font-weight:600}.preview-nav i{width:20px;text-align:center;font-style:normal;font-size:17px;color:#8290a1}.side-insight{margin-top:auto;padding:16px 14px;border:1px solid #e3e9f1;border-radius:12px;background:#f8fafc}.side-insight span{font-size:10px;color:#8090a5}.side-insight p{font-size:11px;line-height:1.7;color:#5e6e81;margin:7px 0 0}.market-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:18px 12px 3px;color:#8a97a8;font-size:10px}.market-note i{width:7px;height:7px;background:#54a77d;border-radius:50%;box-shadow:0 0 0 4px rgba(84,167,125,.1)}.market-note b{font-size:10px;color:#607c6d}.form-panel{position:relative;min-width:0;display:flex;flex-direction:column;padding:28px 5%;background:radial-gradient(circle at 50% 13%,rgba(209,221,237,.72),transparent 34%),linear-gradient(145deg,#f7f9fc 0%,#edf2f8 100%)}.login-toolbar{display:flex;align-items:center;justify-content:flex-end;min-height:44px}.mini-brand{display:none}.login-theme-toggle{display:flex;align-items:center;gap:2px;border:1px solid #d8e0e9;background:rgba(255,255,255,.72);padding:4px;border-radius:22px;box-shadow:0 3px 12px rgba(63,81,105,.05)}.login-theme-toggle span{padding:7px 13px;border-radius:17px;font-size:10px;color:#718095}.login-theme-toggle span.active{background:#dfe8f3;color:#243c58;font-weight:600}.form-wrap{width:min(400px,100%);margin:auto;background:rgba(255,255,255,.94);border:1px solid rgba(220,228,237,.95);border-radius:18px;padding:42px 40px 30px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.form-intro{text-align:center;margin-bottom:30px;position:relative}.seal{position:absolute;right:-13px;top:-19px;width:32px;height:32px;border:1px solid #b9c9d9;color:var(--primary);display:grid;place-items:center;border-radius:9px;font:600 14px "Noto Serif SC";background:#f7f9fc}.eyebrow{color:#7f95ae;font-size:9px;font-weight:700;letter-spacing:.16em}.form-intro h2{font-size:25px;letter-spacing:.01em;margin:9px 0;color:#1d2a3b}.form-intro>p:last-child{color:var(--muted);font-size:11px}form{display:grid;gap:16px}form.hidden{display:none}label{font-size:10px;font-weight:600;color:#607084;display:grid;gap:7px}input{width:100%;height:52px;border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;outline:none;color:var(--text);transition:.2s}input:focus{border-color:#91a9c3;background:#fff;box-shadow:0 0 0 3px rgba(73,111,155,.08)}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:transparent;color:#8996a6;font-size:10px;cursor:pointer}.submit{height:46px;border:0;background:linear-gradient(180deg,#5279a4,#426991);color:white;border-radius:10px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px rgba(62,99,141,.18);transition:.2s}.submit:hover{background:var(--primary-hover);transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.form-error{margin:-5px 0 0;color:#bd5148;font-size:10px;min-height:13px}.security-note{border:1px solid #e2e8f0;background:#f7f9fc;border-radius:10px;margin-top:24px;padding:13px;display:flex;gap:10px;color:#8290a0}.security-note>span{color:#6e8cac;font-size:16px}.security-note p{font-size:9px;line-height:1.65;margin:0}.security-note b{color:#5f6f82}.first-login{background:#eef4fa;border-left:3px solid #6384a9;padding:10px 11px;font-size:10px;color:#516d8c;border-radius:0 7px 7px 0}.password-rule{font-size:9px;color:#8d98a6;margin-top:-8px}.form-panel footer{display:flex;justify-content:center;gap:20px;font-size:9px;color:#9aa4b1;margin-top:23px}.form-panel footer a{color:#8895a5;text-decoration:none}body[data-theme="dark"]{--bg:#0d1118;--surface:#171d27;--surface-soft:#111720;--text:#eef3f8;--muted:#8e9aad;--line:#2a3442;--primary:#668bb7;--primary-hover:#7597be;--shadow:0 26px 80px rgba(0,0,0,.38)}body[data-theme="dark"] .story-panel{background:#111720;border-color:#27303d}body[data-theme="dark"] .brand>span,body[data-theme="dark"] .mini-brand span,body[data-theme="dark"] .seal{background:#18202b;border-color:#344153}body[data-theme="dark"] .preview-nav div.active{background:#1b2a3c;color:#c5d8ed}body[data-theme="dark"] .side-insight,body[data-theme="dark"] .security-note{background:#141b25;border-color:#283342}body[data-theme="dark"] .form-panel{background:radial-gradient(circle at 50% 13%,rgba(62,82,108,.3),transparent 34%),linear-gradient(145deg,#121823,#0d121a)}body[data-theme="dark"] .form-wrap{background:rgba(22,29,39,.96);border-color:#2c3745}body[data-theme="dark"] input:focus{background:#151d28}body[data-theme="dark"] .login-theme-toggle{background:#151c26;border-color:#2e3948}body[data-theme="dark"] .login-theme-toggle span.active{background:#283a50;color:#eef4fb}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.story-panel{display:none}.form-panel{padding:14px 17px 24px;min-height:100vh}.login-toolbar{justify-content:space-between}.mini-brand{display:block;border:0;background:none;padding:0}.form-wrap{margin:auto;padding:34px 20px 24px;border-radius:16px}.form-intro h2{font-size:23px}.seal{right:0}.login-theme-toggle span{padding:7px 11px}}