:root{--bg: #0b111c;--bg-soft: #0f1725;--panel: #131c2c;--panel-2: #18233a;--panel-3: #1e2b45;--field: #0d1524;--border: rgba(148, 183, 235, .14);--border-strong: rgba(148, 183, 235, .3);--text: #e8eefb;--text-dim: #a3b3cf;--text-mute: #71829f;--primary: #38d0f0;--primary-2: #3d8bfd;--primary-soft: rgba(56, 208, 240, .14);--accent: #6ee7ff;--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--danger-border: rgba(248, 113, 113, .4);--badge-neutral-bg: rgba(148, 163, 184, .16);--badge-neutral-fg: #c3cddd;--badge-neutral-border: rgba(148, 163, 184, .32);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 10px 30px rgba(0, 0, 0, .34);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .22);--glow: 0 0 0 3px rgba(56, 208, 240, .16);--font: "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", Consolas, "SF Mono", Menlo, "Courier New", monospace;--header-h: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(900px 520px at 12% -8%,rgba(56,208,240,.1),transparent 62%),radial-gradient(760px 480px at 92% 4%,rgba(61,139,253,.1),transparent 60%),radial-gradient(600px 400px at 50% 110%,rgba(56,208,240,.05),transparent 70%)}#app{position:relative;z-index:1}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94b7eb38;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#94b7eb5c;background-clip:padding-box}::selection{background:#38d0f04d}.page{padding:22px 24px 64px;margin:0 auto;max-width:1680px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.spacer{flex:1 1 auto}.wrap{flex-wrap:wrap}.muted{color:var(--text-mute)}.dim{color:var(--text-dim)}.mono{font-family:var(--mono)}.center-msg{text-align:center;color:var(--text-mute);padding:48px 16px}.panel{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-soft) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.section{margin-top:20px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.section-head h2{font-size:16px;font-weight:600;letter-spacing:.02em}.section-head .hint{font-size:12px;color:var(--text-mute)}.title-bar{width:3px;height:15px;border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--primary-2));box-shadow:0 0 10px #38d0f080}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-family:inherit;font-size:13px;line-height:1;padding:9px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .08s ease,box-shadow .16s ease,color .16s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--panel-3);border-color:#38d0f073}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--glow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:#04121d;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),var(--primary));border-color:transparent;color:#04121d}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.btn-danger{background:var(--danger-soft);border-color:var(--danger-border);color:#ffc9c9}.btn-danger:hover:not(:disabled){background:#f871713d;border-color:var(--danger)}.btn-xs{padding:5px 10px;font-size:12px;border-radius:7px}.btn-block{width:100%;padding:11px 14px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;color:var(--text-dim);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.field .tip{font-size:12px;color:var(--text-mute);line-height:1.5}.input,input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;background:var(--field);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);padding:9px 11px;font-family:inherit;font-size:13.5px;transition:border-color .16s ease,box-shadow .16s ease}input::placeholder,textarea::placeholder{color:#5d6d88}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--glow)}input:disabled{opacity:.55;cursor:not-allowed}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 16px) 51%,calc(100% - 11px) 51%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}select option{background:var(--panel);color:var(--text)}.check{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:13px;color:var(--text-dim)}.check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;min-width:17px;margin:1px 0 0;border:1px solid var(--border-strong);border-radius:5px;background:var(--field);cursor:pointer;position:relative;transition:background .14s ease,border-color .14s ease}.check input[type=checkbox]:checked{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent}.check input[type=checkbox]:checked:after{content:"";position:absolute;left:5.5px;top:1.5px;width:4px;height:9px;border:solid #04121d;border-width:0 2px 2px 0;transform:rotate(42deg)}.check input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--glow)}.check:hover{color:var(--text)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;line-height:1.7;padding:2px 9px;border-radius:999px;white-space:nowrap;border:1px solid transparent;font-weight:500}.badge-primary{background:var(--primary-soft);color:var(--accent);border-color:#38d0f052}.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);border-color:var(--badge-neutral-border)}.badge-ok{background:var(--ok-soft);color:var(--ok);border-color:#34d39952}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:#fbbf2452}.badge-danger{background:var(--danger-soft);color:#ffb4b4;border-color:var(--danger-border)}.badge-sm{font-size:11px;padding:1px 7px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-mute);display:inline-block;flex:none}.dot-on{background:var(--ok);box-shadow:0 0 8px #34d399cc;animation:pulse 2s ease-in-out infinite}.dot-off{background:var(--danger);box-shadow:0 0 8px #f8717199}.dot-warn{background:var(--warn);box-shadow:0 0 8px #fbbf2499}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table.data{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}table.data thead th{text-align:left;font-weight:600;font-size:12px;color:var(--text-dim);letter-spacing:.04em;padding:11px 12px;border-bottom:1px solid var(--border-strong);background:#ffffff05;white-space:nowrap}table.data tbody td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:hover{background:#38d0f00b}table.data tbody tr.row-hidden{opacity:.62}table.data tbody tr:last-child td{border-bottom:none}table.data .col-actions{text-align:right;white-space:nowrap}.app-header{position:sticky;top:0;z-index:30;height:var(--header-h);display:flex;align-items:center;gap:16px;padding:0 22px;background:#0b111cdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#04121d;font-weight:800;font-size:15px;box-shadow:0 0 16px #38d0f066}.brand .brand-name{font-size:15px;font-weight:700;letter-spacing:.02em}.brand .brand-sub{font-size:11px;color:var(--text-mute);letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;gap:6px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:11px}.nav a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-dim);padding:6px 14px;border-radius:8px;transition:background .16s ease,color .16s ease}.nav a:hover{color:var(--text);background:var(--panel-2)}.nav a.router-link-active{color:#04121d;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:600}.header-right{display:flex;align-items:center;gap:10px;margin-left:auto}.role-chip{font-size:12px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:4px 11px;display:inline-flex;align-items:center;gap:7px;background:var(--panel)}.gate{min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:40px 20px}.gate-card{width:100%;max-width:390px;padding:30px 28px 26px;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--panel) 0%,var(--bg-soft) 100%);border:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.gate-icon{width:46px;height:46px;border-radius:13px;background:var(--primary-soft);border:1px solid rgba(56,208,240,.3);display:grid;place-items:center;font-size:21px}.gate h1{font-size:20px;font-weight:700;letter-spacing:.01em}.gate .gate-sub{font-size:12.5px;color:var(--text-mute);margin-top:4px;line-height:1.6}.gate-error{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#ffb4b4;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-sm);padding:9px 11px}.toast-stack{position:fixed;top:14px;right:14px;z-index:200;display:flex;flex-direction:column;gap:9px;width:min(370px,calc(100vw - 28px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:var(--radius-sm);background:#131c2cf5;border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:13px;animation:toast-in .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast .toast-icon{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}.toast .toast-text{flex:1 1 auto;word-break:break-word;line-height:1.5}.toast .toast-close{flex:none;background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:15px;line-height:1;padding:0 2px}.toast .toast-close:hover{color:var(--text)}.toast-info{border-left:3px solid var(--primary)}.toast-info .toast-icon{background:var(--primary-soft);color:var(--accent)}.toast-success{border-left:3px solid var(--ok)}.toast-success .toast-icon{background:var(--ok-soft);color:var(--ok)}.toast-warn{border-left:3px solid var(--warn)}.toast-warn .toast-icon{background:var(--warn-soft);color:var(--warn)}.toast-error{border-left:3px solid var(--danger)}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#050910a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade-in .16s ease}.modal{width:100%;max-width:430px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:1px solid var(--border-strong);box-shadow:var(--shadow);padding:20px 20px 16px;animation:modal-in .18s ease}.modal h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.modal .modal-body{margin-top:10px;font-size:13px;color:var(--text-dim);line-height:1.65;word-break:break-word;max-height:46vh;overflow-y:auto}.modal .modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:9px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.code-block{position:relative;background:#080e18;border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;overflow:auto;max-height:340px}.code-block pre{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#cfe3f7;white-space:pre}.code-block .tok-key{color:#79d6ff}.code-block .tok-str{color:#9ff2b8}.code-block .tok-num{color:#ffd479}.code-block .tok-bool{color:#ff9ecb}.code-block .tok-cmt{color:#64748b;font-style:italic}.readonly-box{display:flex;align-items:center;gap:8px;background:var(--field);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px}.readonly-box .value{flex:1 1 auto;font-family:var(--mono);font-size:13px;color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all}@media(max-width:760px){.app-header{gap:10px;padding:0 12px}.brand .brand-sub,.role-chip .role-text{display:none}.page{padding:16px 12px 48px}.nav a{padding:6px 10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}