:root{--bg:#f4f6f8;--panel:#fff;--panel-soft:#f9fafb;--ink:#17202a;--muted:#667085;--line:#dfe4ea;--accent:#1f7a5a;--accent-strong:#166044;--danger:#c24135;--warn:#b7791f;--sidebar:#17202a;--shadow:0 16px 42px #131c2814;color:var(--ink);background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 12px}textarea{resize:vertical;min-height:320px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f7a5a1f}label span{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:650;display:block}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.login-shell{background:linear-gradient(135deg, #1f7a5a1f, transparent 42%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:8px;padding:30px}.brand-mark{background:var(--accent);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login-panel h1{letter-spacing:0;margin:18px 0 8px;font-size:26px}.login-panel p{color:var(--muted);margin:0 0 24px;line-height:1.6}.login-panel label{margin-bottom:15px;display:block}.login-panel small{color:var(--muted);margin-top:14px;display:block}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:#edf2f7;flex-direction:column;gap:18px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:4px 8px 18px;display:flex}.side-brand strong,.side-brand span{display:block}.side-brand span{color:#edf2f794;margin-top:3px;font-size:12px}nav{gap:4px;display:grid}nav button,.logout{color:#edf2f7bd;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}nav button:hover,nav button.active{color:#fff;background:#ffffff14}.logout{color:#ffb4aa;margin-top:auto}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.topbar h1{letter-spacing:0;margin:0 0 4px;font-size:24px}.topbar p{color:var(--muted);margin:0}.broadcast-panel{background:radial-gradient(circle at 10% 0, #ffcd5038, transparent 34%), var(--panel)}.broadcast-preview{color:#4c2304;background:linear-gradient(#fff4c7,#f3b33a 55%,#a85512);border:1px solid #b7791f47;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px 13px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #a8551229}.broadcast-preview:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);position:absolute;inset:-80% -20%;transform:rotate(12deg)}.bp-badge{z-index:1;color:#ffe9a6;background:#79320b;border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-weight:900;position:relative}.broadcast-preview div:last-child{z-index:1;min-width:0;position:relative}.broadcast-preview strong,.broadcast-preview span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.broadcast-preview strong{font-size:15px;font-weight:900}.broadcast-preview span{color:#fff7dd;text-shadow:0 1px 1px #4c230473;margin-top:3px;font-size:13px;font-weight:750}.broadcast-grid{grid-template-columns:220px minmax(260px,1fr) auto;align-items:end}.broadcast-content textarea{min-height:78px;font-family:inherit;line-height:1.5}.notice-workspace{gap:18px}.notice-hero{background:radial-gradient(circle at 0 0,#e8a8302e,#0000 34%),linear-gradient(#fff,#fbfcfd);justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{height:24px;color:var(--accent-strong);background:#1f7a5a1a;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.notice-hero h2{letter-spacing:0;margin:10px 0 6px;font-size:24px}.notice-hero p{color:var(--muted);margin:0}.notice-stat-strip{grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;min-width:330px;display:grid}.notice-stat-strip div{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:14px 16px}.notice-stat-strip strong,.notice-stat-strip span{display:block}.notice-stat-strip strong{letter-spacing:0;font-size:24px}.notice-stat-strip span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700}.redeem-workspace{gap:18px}.redeem-template-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.redeem-template-row button{color:#8a5200;background:#fff7e6;border:1px solid #e8a83059;border-radius:8px;padding:9px 12px;font-weight:800}.redeem-json-label textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-pill{color:#fff7cf;letter-spacing:0;background:#1f2937;border-radius:8px;align-items:center;min-height:26px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:900;display:inline-flex}.notice-ops-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;display:grid}.notice-editor-panel,.notice-side-panel,.notice-list-panel{overflow:hidden}.notice-preview-card,.player-notice-mock{color:#4b2205;background:linear-gradient(#fff0a8 0%,#f0a52d 52%,#91470e 100%);border:2px solid #ffdf79e6;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:82px;margin-bottom:18px;padding:17px 18px;display:grid;position:relative;box-shadow:0 7px #70390d9e,0 16px 28px #7e410d2e,inset 0 1px #ffffffb3}.notice-preview-card:before,.player-notice-mock:before{content:"";background:linear-gradient(90deg,#0000,#ffffff61,#0000);border-radius:999px;height:12px;position:absolute;inset:6px 12px auto}.np-ribbon,.mock-badge{color:#5d2904;background:linear-gradient(#fff0a0,#e89216);border:1px solid #ffec97db;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:900;position:absolute;top:-10px;left:18px}.np-icon,.mock-icon{z-index:1;background:radial-gradient(circle at 35% 25%,#fff8cd,#d9851c 72%);border-radius:8px;place-items:center;width:48px;height:48px;font-size:24px;display:grid;position:relative;box-shadow:inset 0 2px 2px #ffffff73,0 4px 9px #572b0533}.notice-preview-card div:last-child,.player-notice-mock div:last-child{z-index:1;min-width:0;position:relative}.notice-preview-card strong,.player-notice-mock strong{color:#4b2106;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #fff0a9d1;font-size:16px;font-weight:950;display:block;overflow:hidden}.notice-preview-card p,.player-notice-mock p{color:#462005c7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;font-weight:750;line-height:1.35;display:-webkit-box;overflow:hidden}.notice-form-grid{gap:14px;display:grid}.notice-form-grid textarea{min-height:96px;font-family:inherit;font-size:14px;line-height:1.5}.notice-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.notice-editor-actions,.notice-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice-guides{gap:10px;display:grid}.notice-guides div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:13px}.notice-guides strong,.notice-guides span{display:block}.notice-guides strong{font-size:13px}.notice-guides span{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.notice-card-list{gap:10px;display:grid}.notice-admin-card{border:1px solid var(--line);background:#fff;border-left:4px solid #cbd5e1;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.notice-admin-card:hover{border-color:#1f7a5a38;transform:translateY(-1px);box-shadow:0 12px 24px #131c2814}.notice-admin-card.is-live{border-left-color:var(--accent)}.notice-admin-card.is-offline{opacity:.72}.notice-admin-card.is-pinned{background:linear-gradient(90deg,#fff4cdb8,#0000 36%),#fff}.notice-card-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.notice-type-chip,.notice-pin-chip{border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.notice-type-chip{color:var(--accent-strong);background:#1f7a5a1a}.notice-pin-chip{color:var(--warn);background:#b7791f21}.notice-card-top time{color:var(--muted);margin-left:auto;font-size:12px}.notice-admin-card h3{letter-spacing:0;margin:0 0 5px;font-size:16px}.notice-admin-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.stack{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.panel,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px}.metric{padding:18px}.metric span{color:var(--muted);font-size:13px;font-weight:650}.metric strong{letter-spacing:0;margin-top:9px;font-size:28px;display:block}.panel{padding:18px}.split{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head span{color:var(--muted);font-size:12px}.bars{gap:11px;display:grid}.bar-row{grid-template-columns:42px 1fr 52px;align-items:center;gap:12px;display:grid}.bar-row span,.bar-row strong{font-size:13px}.bar-row div{background:#edf1f4;border-radius:999px;height:10px;overflow:hidden}.bar-row i{border-radius:inherit;background:var(--accent);height:100%;display:block}.ops-card{border-left:1px solid var(--line);padding-left:20px}.ops-card h2{margin:0 0 8px;font-size:17px}.ops-card p{color:var(--muted);margin:0 0 18px;line-height:1.55}.quick-actions{gap:8px;display:grid}.quick-actions button,.ghost,.primary,.danger.solid,.editor-actions button,.pager button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-weight:700;display:inline-flex}.quick-actions button,.ghost,.editor-actions button,.pager button{border:1px solid var(--line);color:var(--ink);background:#fff}.primary{color:#fff;background:var(--accent)}.primary:hover{background:var(--accent-strong)}.danger.solid{color:#fff;background:var(--danger)}.full{width:100%}.toolbar,.form-grid{grid-template-columns:repeat(5,minmax(120px,1fr));align-items:end;gap:10px;display:grid}.toolbar{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.align-end{align-self:end}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 14px;font-size:13px}th{z-index:1;background:var(--panel-soft);color:var(--muted);font-size:12px;font-weight:800;position:sticky;top:0}tr:last-child td{border-bottom:0}.empty{color:var(--muted);text-align:center;padding:36px}.status{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;display:inline-flex}.status.ok{color:var(--accent-strong);background:#e8f5ef}.status.bad{color:var(--danger);background:#fff0ee}.link{color:var(--accent);background:0 0;padding:0;font-weight:750}.link.danger{color:var(--danger)}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.form-panel{gap:4px;display:grid}.config-layout{grid-template-columns:290px minmax(0,1fr);gap:14px;display:grid}.config-list{align-content:start;gap:8px;max-height:470px;display:grid;overflow:auto}.config-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;padding:11px}.config-list button.active{border-color:var(--accent);box-shadow:0 0 0 3px #1f7a5a1a}.config-list strong,.config-list span{display:block}.config-list span{color:var(--muted);margin-top:5px;font-size:12px}.editor-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.rate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.rate-grid label{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px;padding:12px;display:grid}.rate-grid label span{margin:0}.boss-live-card{border:1px solid var(--line);background:#fff7ed;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.boss-live-card div{gap:4px;display:grid}.boss-live-card span,.boss-live-card small{color:var(--muted);font-size:12px}.boss-live-card strong{font-size:20px}.boss-grid{grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;margin-top:14px;display:grid}.boss-admin-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:12px;padding:12px;display:grid}.boss-admin-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.boss-admin-head strong{font-size:15px}.form-grid.compact{gap:10px}.form-grid.compact label{gap:5px}.boss-settings{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}.json-label{gap:8px;margin-top:14px;display:grid}.json-label textarea{min-height:210px}.toast{z-index:10;color:#fff;background:var(--accent);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-weight:700;position:fixed;top:18px;right:24px}.toast.bad{background:var(--danger)}@media (width<=1180px){.metric-grid,.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.config-layout,.notice-ops-grid{grid-template-columns:1fr}.ops-card{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:16px}.topbar,.panel-head,.pager{flex-direction:column;align-items:stretch}.metric-grid,.toolbar,.form-grid,.form-grid.two,.rate-grid,.notice-form-row{grid-template-columns:1fr}.notice-hero,.notice-admin-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.notice-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.notice-card-actions{justify-content:flex-start}}.modal-mask,.drawer-mask{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a080699;display:flex;position:fixed;inset:0}.modal-mask{justify-content:center;align-items:center;padding:24px}.modal-card{background:var(--surface,#fff);border-radius:16px;width:100%;max-width:440px;padding:24px;box-shadow:0 24px 60px #00000059}.modal-card h2{margin:0 0 8px;font-size:18px}.modal-desc{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.6}.modal-field{flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.modal-field span{color:#374151;font-weight:600}.modal-field input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.drawer-mask{justify-content:flex-end}.drawer{background:var(--surface,#fff);width:min(560px,92vw);height:100%;padding:24px;animation:.22s drawerIn;overflow-y:auto;box-shadow:-10px 0 40px #00000040}@keyframes drawerIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-head h2{margin:0;font-size:18px}.drawer-body h3{color:#374151;margin:20px 0 10px;font-size:14px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-grid>div{background:#00000008;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.detail-grid span{color:#9ca3af;font-size:11px}.detail-grid strong{word-break:break-all;font-size:14px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#b9831a;background:#e8a83024;border-radius:6px;padding:2px 8px;font-size:12px}.trend-tabs{gap:6px;display:flex}.trend-tabs button{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;padding:4px 12px;font-size:12px}.trend-tabs button.active{color:#fff;background:#e8a830;border-color:#e8a830}.trend-chart{margin-top:12px}.trend-chart svg{width:100%;height:160px}.trend-meta{color:#9ca3af;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.empty-tip{color:#9ca3af;padding:16px 0;font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.row-actions{gap:8px;display:inline-flex}