@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=JetBrains+Mono:wght@400;600&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg: #0e1418;--bg-raise: #131b21;--panel: #161e24;--panel-head: #1b252c;--line: #2a353d;--line-soft: #222c33;--ink: #dde5ea;--ink-dim: #8b979f;--ink-faint: #5a666e;--amber: #f5a623;--amber-deep: #c98a1a;--signal: #e5493d;--ok: #4caf7d;--cyan: #56b8d0;--font-display: "Barlow Condensed", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(1200px 500px at 70% -10%,rgba(86,184,208,.05),transparent 60%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.03em}.mono{font-family:var(--font-mono)}.app-shell{min-height:100vh;background:transparent!important}.side-rail{background:#0a0f13!important;border-right:1px solid var(--line-soft)}.side-brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--line-soft);color:var(--ink)}.side-brand .mark{width:30px;height:30px;background:var(--amber);color:#14100a;font-family:var(--font-display);font-weight:700;font-size:15px;display:grid;place-items:center;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.side-brand .name{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.15;color:#f2f6f8}.side-brand .sub{font-size:10px;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.top-bar{background:#0e1418d9!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);padding:0 24px!important;display:flex;align-items:center;justify-content:space-between;height:56px;color:var(--ink)}.live-dot{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #4caf7d80}50%{opacity:.6;box-shadow:0 0 0 5px #4caf7d00}}@media (prefers-reduced-motion: reduce){.live-dot:before{animation:none}}.content-wrap{margin:20px 24px 32px}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.page-head h2{font-size:27px;font-weight:600;color:#f2f6f8;margin:0}.page-head .hint{font-size:12px;color:var(--ink-faint);font-family:var(--font-mono)}.panel{position:relative;background:var(--panel);border:1px solid var(--line)}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:1}.panel:before{top:-1px;left:-1px;border-top:2px solid var(--amber);border-left:2px solid var(--amber)}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--amber);border-right:2px solid var(--amber)}.panel-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:11px 16px;border-bottom:1px solid var(--line);background:var(--panel-head);display:flex;justify-content:space-between;align-items:center}.panel-title .idx{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.08em}.panel-body{padding:16px}.hazard-top{height:4px;background:repeating-linear-gradient(-45deg,var(--amber) 0 10px,#14100a 10px 20px)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-row.six{grid-template-columns:repeat(6,1fr)}@media (max-width: 1100px){.kpi-row.six{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.bs-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 20px 16px;margin-bottom:14px;background:linear-gradient(90deg,rgba(245,166,35,.08),transparent 35%),var(--panel);border:1px solid var(--line);overflow:hidden}.bs-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(-45deg,var(--amber) 0 10px,transparent 10px 20px);opacity:.6}.bs-header h1{font-size:30px;font-weight:700;color:#f2f6f8;letter-spacing:.06em;margin:0}.bs-header .sub{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.18em;text-transform:uppercase;margin-top:2px}.bs-score{display:flex;align-items:center;gap:18px;padding:0 28px;border-left:1px solid var(--line);border-right:1px solid var(--line);align-self:stretch}.bs-score .ring{position:relative;width:74px;height:74px;flex-shrink:0}.bs-score .ring svg{transform:rotate(-90deg)}.bs-score .ring .val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:26px;font-weight:700;color:#f2f6f8}.bs-score .meta .cap{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}.bs-score .meta .name{font-size:15px;color:var(--ink);font-weight:500;margin:2px 0 6px}.bs-score .grade{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:1px 10px;border:1px solid currentColor;letter-spacing:.2em}.bs-clock{text-align:right;font-variant-numeric:tabular-nums}.bs-clock .time{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--amber);line-height:1}.bs-clock .date{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);margin-top:4px;letter-spacing:.1em}.bs-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:12px}@media (max-width: 1200px){.bs-grid{grid-template-columns:1fr}}.bs-col{display:flex;flex-direction:column;gap:12px}.rank-item{margin-bottom:12px}.rank-item .rank-line{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-dim);margin-bottom:5px}.rank-item .rank-line b{color:var(--ink);font-weight:500}.rank-item .rank-line .num{font-family:var(--font-mono);color:var(--amber)}.rank-item .bar{height:6px;background:var(--line-soft);position:relative}.rank-item .bar>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--amber-deep),var(--amber))}.rank-item:first-child .bar>span{background:linear-gradient(90deg,#a33329,var(--signal))}.rank-item .rank-sub{display:flex;gap:14px;margin-top:4px;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.06em}.rank-item .rank-sub b{font-weight:500}.rank-item .rank-sub .crit b{color:var(--signal)}.rank-item .rank-sub .open b{color:var(--amber)}.mod-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 900px){.mod-cards{grid-template-columns:1fr}}.mod-card{position:relative;border:1px solid var(--line);background:var(--panel);padding:14px 16px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.mod-card:hover{border-color:var(--amber-deep)}.mod-card.active{border-color:var(--amber);background:#f5a6230d}.mod-card .mod-code{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase}.mod-card.active .mod-code{color:var(--amber)}.mod-card .mod-name{font-size:15px;font-weight:600;color:var(--ink);margin:4px 0 6px}.mod-card .mod-desc{font-size:12px;color:var(--ink-dim);line-height:1.6;min-height:38px}.mod-card .mod-check{position:absolute;top:12px;right:12px;width:16px;height:16px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent}.mod-card.active .mod-check{border-color:var(--amber);background:var(--amber);color:#14191d}.mod-hero{position:relative;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--mod-accent, var(--amber)) 8%,transparent),transparent 45%),var(--panel);padding:18px 22px 16px;margin-bottom:14px;overflow:hidden}.mod-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(-45deg,var(--mod-accent, var(--amber)) 0 10px,transparent 10px 20px);opacity:.55}.mod-hero .code{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--mod-accent, var(--amber));text-transform:uppercase}.mod-hero h2{font-size:26px;font-weight:700;color:#f2f6f8;margin:4px 0 6px;letter-spacing:.04em}.mod-hero .req{font-size:13px;color:var(--ink-dim);max-width:720px;line-height:1.7;margin:0}.mod-hero .live-badge{position:absolute;top:18px;right:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ok);display:flex;align-items:center;gap:8px}.mod-hero .live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:live-pulse 2s ease-in-out infinite}.mod-hero .live-badge.off{color:var(--ink-faint)}.mod-hero .live-badge.off:before{background:var(--ink-faint);animation:none}.mod-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px}@media (max-width: 1100px){.mod-grid{grid-template-columns:1fr}}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 1400px){.live-grid{grid-template-columns:1fr}}.live-card{border:1px solid var(--line);background:#10161b}.live-card .vp{position:relative;aspect-ratio:16 / 9;background:#0b1014;overflow:hidden}.live-card .vp img{width:100%;height:100%;object-fit:cover;display:block}.live-card .vp .no-signal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-faint);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.015) 3px 4px),#0b1014}.live-card .vp .osd{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#f0f5f8d9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.live-card .vp .osd .rec{color:var(--signal)}.live-card .live-meta{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--line-soft)}.live-card .live-meta .nm{font-size:13px;color:var(--ink);font-weight:500}.live-card .live-meta .loc{font-size:11px;color:var(--ink-faint);margin-left:8px}.live-card .live-stats{display:flex;gap:16px;padding:0 12px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-faint)}.live-card .live-stats b{color:var(--ink);font-weight:500}.bs-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}@media (max-width: 1100px){.bs-mods{grid-template-columns:1fr}}.bs-mod{position:relative;border:1px solid var(--line);background:var(--panel);padding:12px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .15s ease}.bs-mod:hover{border-color:var(--mod-accent, var(--amber))}.bs-mod:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--mod-accent, var(--amber))}.bs-mod .mhead{flex:1;min-width:0}.bs-mod .mcode{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--mod-accent, var(--amber))}.bs-mod .mname{font-size:14px;font-weight:600;color:var(--ink);margin-top:1px;white-space:nowrap}.bs-mod .mrun{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);margin-top:3px;letter-spacing:.06em}.bs-mod .mrun .on{color:var(--ok)}.bs-mod .mnum{text-align:center;min-width:44px}.bs-mod .mnum .v{font-family:var(--font-display);font-size:24px;font-weight:700;color:#f2f6f8;line-height:1.1}.bs-mod .mnum.warn .v{color:var(--amber)}.bs-mod .mnum .k{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}.cam-list{display:flex;flex-direction:column}.cam-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.cam-item:last-child{border-bottom:none}.cam-item .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--ink-faint)}.cam-item.online .dot{background:var(--ok);animation:live-pulse 2.4s ease-in-out infinite}.cam-item .cam-name{color:var(--ink);flex:1}.cam-item .cam-loc{color:var(--ink-faint);font-size:11px}.cam-item .cam-state{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-faint)}.cam-item.online .cam-state{color:var(--ok)}.feed-list{display:flex;flex-direction:column;max-height:300px;overflow:hidden}.feed-item{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:12px;cursor:pointer}.feed-item:hover{background:#f5a6230a}.feed-item .t{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);flex-shrink:0}.feed-item .lvl{width:6px;height:6px;flex-shrink:0;transform:rotate(45deg);background:var(--cyan)}.feed-item .lvl.critical{background:var(--signal)}.feed-item .lvl.warning{background:var(--amber)}.feed-item .txt{color:var(--ink);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gauge-wrap{display:flex;align-items:center;gap:16px;justify-content:space-around}.gauge-meta .big{font-family:var(--font-display);font-size:34px;font-weight:700;color:#f2f6f8;line-height:1.1}.gauge-meta .cap{font-size:11px;color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.1em}.kpi{position:relative;background:var(--panel);border:1px solid var(--line);padding:16px 18px 14px;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--amber)}.kpi.danger:before{background:var(--signal)}.kpi.ok:before{background:var(--ok)}.kpi.cyan:before{background:var(--cyan)}.kpi .label{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase}.kpi .value{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1.05;margin-top:6px;color:#f2f6f8;font-variant-numeric:tabular-nums}.kpi.danger .value{color:var(--signal)}.kpi.ok .value{color:var(--ok)}.kpi .foot{margin-top:6px;font-size:11px;color:var(--ink-faint)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--bg)}@media (max-width: 860px){.login-page{grid-template-columns:1fr}.login-visual{display:none}}.login-visual{position:relative;background:linear-gradient(150deg,#0a0f138c,#0a0f13eb 75%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(86,184,208,.05) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(86,184,208,.05) 47px 48px),#0a0f13;color:var(--ink);padding:48px 56px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.login-visual:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(-45deg,var(--amber) 0 12px,#14100a 12px 24px)}.login-visual .login-hero{margin-bottom:auto;align-self:flex-start;width:min(100%,560px);border:1px solid var(--line);background:#0b1014;padding:6px}@media (max-height: 760px){.login-visual .login-hero{width:min(100%,420px)}}@media (max-height: 620px){.login-visual .login-hero{display:none}}.login-visual .login-hero img{display:block;width:100%;height:auto}.login-visual .login-hero .hero-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-faint);padding:8px 4px 2px;display:flex;align-items:center;gap:8px}.login-visual .login-hero .hero-tag:before{content:"";width:6px;height:6px;background:var(--ok);border-radius:50%;animation:live-pulse 2s ease-in-out infinite}.login-visual .brand-mark{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-bottom:18px}.login-visual h1{font-size:clamp(38px,5vw,56px);font-weight:700;line-height:1.04;max-width:11em;margin-bottom:18px;color:#f2f6f8}.login-visual p{font-size:14px;color:var(--ink-dim);max-width:30em;line-height:1.7}.login-visual .meta-strip{margin-top:28px;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;gap:32px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.login-visual .meta-strip b{display:block;color:var(--ink);font-size:16px;font-family:var(--font-display);letter-spacing:.04em}.login-form-side{background:var(--bg-raise);border-left:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-box{width:100%;max-width:360px}.login-box h2{font-size:30px;margin-bottom:6px;color:#f2f6f8}.login-box .lead{color:var(--ink-dim);font-size:13px;margin-bottom:28px}.login-hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--ink-faint);font-family:var(--font-mono)}.detection-result-img{max-width:100%;border:1px solid var(--line);display:block}.ant-layout-sider-trigger{background:#070b0e!important;border-top:1px solid var(--line-soft)}.stream-preview,.empty-preview{width:100%;aspect-ratio:16 / 10;background:#0a0f13;border:1px solid var(--line)}.stream-preview{object-fit:contain;display:block}.empty-preview{color:var(--ink-faint);display:grid;place-items:center;font-size:12px;font-family:var(--font-mono)}.ant-table-tbody>tr:hover>td{background:#f5a6230d!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#3a464f}.violation-item{padding:10px 12px;margin:8px 0;background:#e5493d12;border-left:3px solid var(--signal)}.violation-item.warn{background:#f5a62312;border-left-color:var(--amber)}