:root{--navy:#0b1739;--blue:#2f66f6;--blue-dark:#1f4fd4;--ink:#172033;--muted:#69758a;--line:#dfe5ee;--canvas:#f3f6fb;--danger:#b42318;--success:#187b55}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);font:14px/1.6 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}button,input{font:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}.brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(38px,6vw,76px);color:#fff;background:var(--navy)}.brand-panel:after{content:"";width:430px;height:430px;position:absolute;right:-235px;bottom:-245px;border:72px solid rgba(94,138,255,.09);border-radius:50%}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--blue);border-radius:11px;font-size:19px;font-weight:800;box-shadow:0 8px 24px rgba(47,102,246,.35)}.brand strong{display:block;font-size:18px}.brand small{color:#899abe;letter-spacing:.13em}.brand-message{max-width:560px;position:relative;z-index:1}.brand-message span{color:#87a9ff;font-size:11px;font-weight:800;letter-spacing:.2em}.brand-message h1{margin:16px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.025em}.brand-message p{max-width:510px;margin:0;color:#b6c4df;line-height:1.9}.security-notes{display:flex;gap:20px;position:relative;z-index:1;color:#8f9fbd;font-size:11px}.security-notes b{color:#3fd395}.form-panel{display:grid;place-items:center;padding:28px;background:#fff}.form-card{width:min(430px,100%)}.form-card .eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.15em}.form-card h2{margin:8px 0 7px;font-size:28px}.form-card .intro{margin:0 0 18px;color:var(--muted)}.service-status{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;background:#f2fbf7;border:1px solid #ccebdd;border-radius:10px}.service-status .status-dot{width:9px;height:9px;flex:0 0 auto;background:#20a56f;border-radius:50%;box-shadow:0 0 0 4px rgba(32,165,111,.12)}.service-status strong,.service-status small{display:block}.service-status strong{color:#155f45;font-size:12px}.service-status small{color:#5d7b6e;font-size:10px}.service-status.offline{background:#fff6f4;border-color:#f2d1cb}.service-status.offline .status-dot{background:var(--danger);box-shadow:0 0 0 4px rgba(180,35,24,.1)}.service-status.offline strong{color:var(--danger)}.workspace-preview{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}.workspace-preview span{padding:4px 9px;color:#55627a;background:#f5f7fb;border:1px solid #e7ebf2;border-radius:999px;font-size:10px}.form-grid{display:grid;gap:17px}.field{display:grid;gap:7px}.field>span{font-size:12px;font-weight:700}.input-wrap{height:46px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:9px}.input-wrap:focus-within{border-color:#9bb5fb;box-shadow:0 0 0 3px rgba(47,102,246,.09)}.input-wrap input{min-width:0;flex:1;padding:0;background:transparent;border:0;outline:0}.toggle-password{padding:4px;color:var(--muted);background:transparent;border:0;cursor:pointer;font-size:12px}.primary{height:46px;color:#fff;background:var(--blue);border:0;border-radius:9px;cursor:pointer;font-weight:800;box-shadow:0 9px 19px rgba(47,102,246,.22)}.primary:hover{background:var(--blue-dark)}.primary:disabled{opacity:.65;cursor:wait}.message{min-height:22px;margin:0;color:var(--danger);font-size:12px}.message.success{color:var(--success)}.support{margin-top:24px;padding-top:18px;color:#8a95a8;border-top:1px solid #edf0f5;font-size:11px}.version{margin-top:26px;color:#a2aaba;font-size:10px}.password-rules{margin:0;padding:13px 16px;color:#687388;background:#f7f9fc;border:1px solid #e8edf4;border-radius:8px;font-size:11px;list-style-position:inside}.simple-page{min-height:100vh;display:grid;place-items:center;padding:26px}.simple-card{width:min(560px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 48px rgba(25,43,83,.09);text-align:center}.simple-card .code{font-size:56px;font-weight:800;color:var(--blue)}.simple-card h1{margin:4px 0 8px}.simple-card p{color:var(--muted)}.simple-card a{display:inline-flex;align-items:center;min-height:40px;margin-top:14px;padding:0 16px;color:#fff;background:var(--blue);border-radius:8px;text-decoration:none;font-weight:700}@media(max-width:820px){.auth-layout{grid-template-columns:1fr}.brand-panel{min-height:260px;padding:30px}.brand-message{margin-top:54px}.brand-message h1{font-size:30px}.brand-message p,.security-notes{display:none}.form-panel{padding:40px 24px}}@media(max-width:480px){.brand-panel{min-height:210px}.brand-message{margin-top:35px}.form-panel{align-items:start}.form-card h2{font-size:24px}}
