:root{--bg: #f4f6fb;--surface: #ffffff;--surface-alt: #f8fafc;--border: #d8dee9;--border-strong: #b9c2d0;--text: #121926;--muted: #5b6675;--primary: #1d4ed8;--primary-dark: #1a3fb0;--danger: #b3261e;--danger-bg: #fdecea;--warn: #9a6700;--warn-bg: #fff8e1;--good: #146c2e;--good-bg: #e8f5ec;--info: #1e5f8a;--info-bg: #e8f2f8;--radius: 10px;--shadow: 0 1px 2px rgba(18, 25, 38, .06), 0 4px 14px rgba(18, 25, 38, .06);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55}h1{font-size:1.45rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .25rem}h3{font-size:1rem;margin:.75rem 0 .35rem}h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .25rem}p{margin:.25rem 0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--mono);font-size:.85rem}.muted{color:var(--muted)}.small{font-size:.82rem}.nowrap{white-space:nowrap}.right{text-align:right}.self-end{align-self:flex-end}.grid-span{grid-column:1 / -1}.app-shell,.auth-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.7rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:.6rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:var(--primary);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.02em}.topbar-nav{display:flex;gap:.35rem;flex-wrap:wrap;margin-left:auto}.topbar-nav a,.admin-nav a{display:block;padding:.4rem .7rem;border-radius:8px;color:var(--text);text-decoration:none}.topbar-nav a:hover,.admin-nav a:hover{background:var(--surface-alt);text-decoration:none}.topbar-nav a.active{background:#e7edfb;color:var(--primary-dark);font-weight:600}.topbar-user{display:flex;align-items:center;gap:.6rem}.topbar-error{flex-basis:100%}.app-main,.auth-main,.admin-content{width:100%;max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 3rem;flex:1}.auth-main{max-width:520px;padding-top:3rem}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem 0}.auth-foot{padding:1.25rem;text-align:center;border-top:1px solid var(--border);background:var(--surface)}.page-center{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.85rem}.stack-lg{gap:1.5rem}.row{display:flex;gap:.6rem;align-items:flex-end}.row-wrap{flex-wrap:wrap}.row-end{justify-content:flex-end}.row-between{justify-content:space-between;align-items:center}.grid-2,.grid-3,.grid-4{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem 1.25rem}.card-wide{overflow-x:auto}.card-narrow{max-width:460px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card-body{display:flex;flex-direction:column;gap:.85rem}.empty{color:var(--muted);padding:.75rem 0}.field{display:flex;flex-direction:column;gap:.25rem}.field-label{font-size:.85rem;font-weight:600}.field-hint{font-size:.78rem;color:var(--muted)}input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=datetime-local],select,textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);font:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background:var(--surface-alt);color:var(--muted)}.fieldset{border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem .9rem;margin:0;display:flex;flex-direction:column;gap:.6rem}.fieldset legend{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 .35rem}.check{display:flex;align-items:flex-start;gap:.45rem;font-size:.88rem}.check input{margin-top:.2rem}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.3rem .9rem}.perm-groups{display:flex;flex-direction:column;gap:.75rem}.perm-list{columns:2;margin:.25rem 0;padding-left:1.1rem}.plain-list{margin:.25rem 0;padding-left:1.1rem}.plain-list li{margin-bottom:.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .9rem;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);text-decoration:none}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt);text-decoration:none}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92);text-decoration:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary)}.btn-ghost:hover:not(:disabled){background:#eef2fb;text-decoration:none}.btn-small{padding:.2rem .55rem;font-size:.78rem}.alert{border-radius:8px;padding:.6rem .8rem;border:1px solid;font-size:.88rem}.alert-error{background:var(--danger-bg);border-color:#f2b8b5;color:#6f1d18}.alert-warn{background:var(--warn-bg);border-color:#f0d79b;color:#6a4a00}.alert-info{background:var(--info-bg);border-color:#b6d5e8;color:#164a6b}.alert-success{background:var(--good-bg);border-color:#a9d9b8;color:#10562a}.spinner{color:var(--muted);font-size:.88rem;padding:.5rem 0}.badge{display:inline-block;padding:.08rem .42rem;border-radius:999px;font-size:.74rem;font-weight:600;border:1px solid transparent;margin-right:.25rem;white-space:nowrap}.badge-good{background:var(--good-bg);border-color:#a9d9b8;color:var(--good)}.badge-warn{background:var(--warn-bg);border-color:#f0d79b;color:var(--warn)}.badge-danger{background:var(--danger-bg);border-color:#f2b8b5;color:var(--danger)}.badge-info{background:var(--info-bg);border-color:#b6d5e8;color:var(--info)}.badge-muted,.badge-neutral{background:var(--surface-alt);border-color:var(--border);color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface-alt)}.table-compact th,.table-compact td{padding:.35rem .45rem}.audit-detail-row td{background:var(--surface-alt)}.audit-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.audit-detail pre{background:#fff;border:1px solid var(--border);border-radius:6px;padding:.5rem;max-height:220px;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word}.defs{margin:0}.def-row{display:flex;gap:.75rem;padding:.25rem 0;border-bottom:1px dashed var(--border)}.def-row dt{min-width:160px;color:var(--muted);font-size:.85rem}.def-row dd{margin:0}.once{border:2px solid var(--warn);background:var(--warn-bg);border-radius:var(--radius);padding:.9rem 1rem 1rem}.once-head h3{margin-top:.3rem}.once-flag{display:inline-block;background:var(--warn);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.1rem .45rem;border-radius:4px}.once-values{display:flex;flex-direction:column;gap:.7rem;margin:.7rem 0}.once-value-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.2rem}.once-label{font-size:.82rem;font-weight:600}.once-code{display:block;background:#fff;border:1px solid var(--border-strong);border-radius:6px;padding:.5rem .6rem;word-break:break-all;-webkit-user-select:all;user-select:all}.once-code-multiline{white-space:pre-wrap;max-height:220px;overflow:auto}.once-warning{font-size:.8rem;color:#6a4a00;margin:0}.recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem;margin:.6rem 0}.posture{border:2px solid var(--warn);border-left-width:8px;background:var(--warn-bg);border-radius:var(--radius);padding:.9rem 1.1rem 1rem}.posture-flag{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--warn)}.posture-zh{font-size:1.05rem;font-weight:700;color:#6a4a00;margin:.2rem 0}.posture-en{font-weight:600;color:#6a4a00;margin:0 0 .5rem}.posture-detail{margin:.4rem 0 .5rem;padding-left:1.1rem;font-size:.86rem}.posture-detail li{margin-bottom:.2rem}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;max-width:1320px;margin:0 auto;padding:1.25rem;align-items:start}.admin-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;position:sticky;top:5rem}.admin-nav-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem .4rem}.admin-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.admin-nav-desc{display:block;font-size:.74rem;color:var(--muted)}.admin-nav a.active{background:#e7edfb}.admin-nav a.active .admin-nav-label{color:var(--primary-dark);font-weight:700}.admin-nav-label{display:flex;align-items:center;gap:.35rem;font-weight:600;font-size:.9rem}.stepup-dot{width:7px;height:7px;border-radius:50%;background:var(--warn);display:inline-block}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.app-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.app-tile h3{margin:0 0 .25rem}.app-tile footer{margin-top:auto;padding-top:.4rem}.app-tile-disabled{opacity:.72}.quick-links{display:flex;flex-wrap:wrap;gap:.4rem}.quick-links a{border:1px solid var(--border-strong);border-radius:999px;padding:.25rem .7rem;font-size:.85rem}.danger-zone{border:1px solid #f2b8b5;background:#fff7f6;border-radius:8px;padding:.7rem .85rem .85rem;margin-top:.8rem}.quota{display:flex;flex-direction:column;gap:.15rem}.quota-head{display:flex;justify-content:space-between;font-size:.82rem}.quota-track{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.quota-fill{height:100%}.quota-good{background:#2e7d4f}.quota-warn{background:#c58a00}.quota-danger{background:var(--danger)}.modal-backdrop{position:fixed;inset:0;background:#12192680;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--surface);border-radius:var(--radius);padding:1.15rem 1.25rem 1.25rem;width:100%;max-width:460px;box-shadow:0 20px 50px #1219264d;display:flex;flex-direction:column;gap:.6rem}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-nav{position:static}.admin-nav ul{flex-direction:row;flex-wrap:wrap}.admin-nav-desc{display:none}.perm-list{columns:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.guide-steps{margin:.5rem 0 0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.guide-steps>li{line-height:1.6}.guide-pre{margin:.5rem 0;padding:.75rem .9rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);font-size:.82rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.guide-warn{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;padding:.85rem 1rem;background:var(--warn-bg);border:1px solid var(--border-strong);border-left:4px solid var(--warn);border-radius:var(--radius)}.guide-warn p{margin:0;line-height:1.6}.policy-row{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius)}.policy-row-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.policy-value{font-family:var(--mono);font-size:.9rem}.policy-row .check{margin:0}