:root{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f7f9fb;--ink: #1d2633;--ink-2: #4b5563;--ink-3: #8a94a3;--ink-on: #ffffff;--line: #dfe4eb;--line-2: #edf0f4;--primary: #355c7d;--primary-600: #2c4d69;--primary-soft: #e9eff5;--primary-ring: rgba(53, 92, 125, .2);--ok: #1f7a4d;--ok-soft: #e6f4ec;--warn: #9a5b00;--warn-soft: #fdf3e1;--danger: #b42318;--danger-soft: #fdecea;--radius: 8px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px -14px rgba(16, 24, 40, .2);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);font-size:14px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,p{margin:0}button{font-family:inherit}a{color:var(--primary)}.mono{font-family:var(--mono)}.icon{flex:none;vertical-align:-2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:13.5px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2);border-color:#cfd6df}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--ink-on)}.btn.primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.btn.ghost{background:transparent}.btn.small{height:30px;padding:0 10px;font-size:13px}.btn.block{display:flex;width:100%;height:40px;font-size:14.5px}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.muted-card{color:var(--ink-3)}.notice{display:flex;align-items:flex-start;gap:8px;margin:12px 0;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;text-align:left}.notice .icon{margin-top:2px}.notice.danger{background:var(--danger-soft);color:var(--danger)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:380px;padding:28px 24px 20px;text-align:center}.brand-mark{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.brand-mark.warn{background:var(--warn-soft);color:var(--warn)}.login-title{font-size:20px;font-weight:700;letter-spacing:1px}.login-title.small{font-size:17px;letter-spacing:0}.login-sub{margin:6px 0 20px;color:var(--ink-2);font-size:13px}.login-foot{margin-top:16px;color:var(--ink-3);font-size:12px}.spinner{width:30px;height:30px;margin:4px auto 16px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.topbar{background:var(--surface);border-bottom:1px solid var(--line-2)}.topbar-inner{max-width:880px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--primary)}.content{max-width:880px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.profile{display:flex;align-items:center;gap:16px}.avatar{flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-main{min-width:0}.display-name{font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account{margin-top:2px;color:var(--ink-2);font-size:13px}.hint{margin-top:4px;color:var(--ink-3);font-size:12px}.section-title{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;margin-bottom:4px}.section-desc{color:var(--ink-3);font-size:12.5px;margin-bottom:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-2)}.row:first-of-type{border-top:none}.row-text{min-width:0}.row-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px}.row-desc{margin-top:2px;color:var(--ink-2);font-size:12.5px}.sites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s}.site:hover{border-color:#cfd6df;background:var(--surface)}.site:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.site-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.site-name{font-weight:600;font-size:13.5px}.site-desc{color:var(--ink-2);font-size:12.5px}.site-host{color:var(--ink-3);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{flex:none;padding:0 6px;border-radius:4px;font-size:11.5px;line-height:18px}.tag-open{background:var(--ok-soft);color:var(--ok)}.tag-role{background:var(--warn-soft);color:var(--warn)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--ink-on)}.btn.danger:hover{background:#9a1e14;border-color:#9a1e14}.btn.danger.ghost{background:transparent;color:var(--danger);border-color:#f0b9b3}.btn.danger.ghost:hover{background:var(--danger-soft)}.tag-off{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line-2)}.reset-card{max-width:420px;text-align:left}.reset-card .brand-mark,.reset-card .login-title{text-align:center}.reset-card .login-title{margin-bottom:12px}.reset-card .login-sub,.reset-card .login-foot{text-align:center}.reset-form{display:flex;flex-direction:column;gap:12px}.reset-lead{color:var(--ink-2);font-size:13px;margin:8px 0 4px}.reset-steps{margin:12px 0 0;padding-left:18px;color:var(--ink-2);font-size:13px;display:flex;flex-direction:column;gap:6px}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field-hint{color:var(--ink-3);font-size:12px;margin:0}.input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:14px}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.input:disabled{background:var(--surface-2);color:var(--ink-3)}.input-wrap{position:relative;display:block}.input-wrap .input{padding-right:40px}.input-eye{position:absolute;top:0;right:0;width:38px;height:38px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;justify-content:center}.input-eye:focus-visible{outline:none;color:var(--primary)}.code-input{letter-spacing:2px;font-size:16px}.code-box{margin:8px 0 4px;padding:12px;border:1px dashed var(--primary);border-radius:var(--radius);background:var(--primary-soft);display:flex;flex-direction:column;align-items:center;gap:2px}.code-label{font-size:12px;color:var(--ink-2)}.code-value{font-size:28px;font-weight:700;letter-spacing:4px;color:var(--primary)}.kv{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px 12px;margin:8px 0 0;font-size:13.5px}.kv dt{color:var(--ink-3)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.alert-strong{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);border:1px solid #f1d39a;font-size:13px;margin-bottom:12px}.alert-strong .icon{margin-top:1px}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;margin-bottom:12px;cursor:pointer}.check{width:16px;height:16px;margin-top:2px;accent-color:var(--primary);flex:none}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.inline-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--danger)}@media (max-width: 640px){.content{padding:12px 16px 24px}.card{padding:14px}.profile{gap:12px}.avatar{width:56px;height:56px}.display-name{font-size:16.5px}.row{flex-direction:column;align-items:stretch}.row .btn{width:100%}.sites{grid-template-columns:minmax(0,1fr)}.kv{grid-template-columns:76px minmax(0,1fr)}.actions .btn{flex:1 1 auto}}