:root{--screen-bg:#080b12;--screen-panel:#111722;--screen-panel-2:#0d131d;--screen-line:#202a39;--screen-text:#eef3fa;--screen-muted:#77859a;--screen-coral:#ff5d69;--screen-cyan:#42d6ce;--screen-violet:#8b7cf6;--screen-blue:#4e9cff;--screen-amber:#f6b94a}
.monitor-body{min-height:100vh;background:var(--screen-bg);color:var(--screen-text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}.monitor-backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% -10%,rgba(78,156,255,.12),transparent 30%),radial-gradient(circle at 85% 0,rgba(255,93,105,.1),transparent 26%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 72%);z-index:0}.monitor-header{height:68px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:0 28px;border-bottom:1px solid rgba(121,145,177,.16);background:rgba(8,11,18,.86);backdrop-filter:blur(18px)}.monitor-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.monitor-logo{width:34px;height:34px;border:1px solid rgba(255,93,105,.55);border-radius:9px;display:grid;place-items:center;background:rgba(255,93,105,.08);box-shadow:0 0 24px rgba(255,93,105,.15)}.monitor-logo:before,.monitor-logo:after,.monitor-logo i{content:"";display:block;position:absolute;border-radius:50%}.monitor-logo:before{width:16px;height:16px;border:1px solid var(--screen-coral)}.monitor-logo:after{width:4px;height:4px;background:var(--screen-coral);box-shadow:0 0 10px var(--screen-coral)}.monitor-brand strong{display:block;font-size:14px;letter-spacing:.02em}.monitor-brand small{display:block;margin-top:3px;color:#5f6c80;font:700 8px/1 Inter,sans-serif;letter-spacing:.18em}.monitor-nav{justify-self:center;display:flex;gap:4px;padding:4px;border:1px solid rgba(121,145,177,.12);border-radius:10px;background:rgba(255,255,255,.025)}.monitor-nav button{border:0;border-radius:7px;padding:8px 16px;background:transparent;color:#758399;font-size:11px;font-weight:700;transition:.2s}.monitor-nav button:hover{color:#cdd7e5}.monitor-nav button.active{background:#1a2331;color:#f7f9fc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.monitor-actions{display:flex;align-items:center;gap:14px;font-size:10px}.monitor-actions time{min-width:58px;color:#a8b5c7;font:700 11px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.06em}.monitor-actions>a{color:#8f9db0;text-decoration:none;border-left:1px solid var(--screen-line);padding-left:14px}.monitor-actions>a:hover{color:#fff}.system-live{display:flex;align-items:center;gap:6px;color:var(--screen-cyan);font:800 9px/1 Inter,sans-serif;letter-spacing:.12em}.system-live i,.refresh-state b i{width:6px;height:6px;border-radius:50%;background:var(--screen-cyan);box-shadow:0 0 0 4px rgba(66,214,206,.08),0 0 12px rgba(66,214,206,.5)}
.monitor-main{position:relative;z-index:1;max-width:1580px;margin:auto;padding:24px 28px 60px}.monitor-body .public-page{display:none}.monitor-body .public-page.active{display:block}.command-row,.page-command{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.screen-kicker{margin:0 0 7px;color:var(--screen-blue);font:800 9px/1 Inter,sans-serif;letter-spacing:.18em}.command-row h1,.page-command h1{margin:0;font-size:26px;letter-spacing:-.035em}.screen-subtitle,.page-command>div>p:last-child{margin:7px 0 0;color:var(--screen-muted);font-size:11px}.command-controls{display:flex;align-items:stretch;gap:8px}.command-controls>label,.refresh-state{min-width:142px;border:1px solid var(--screen-line);border-radius:9px;padding:8px 11px;background:rgba(17,23,34,.8)}.command-controls label{display:grid;gap:4px;color:#647289;font-size:8px;font-weight:800;letter-spacing:.1em}.command-controls select{border:0;outline:0;background:transparent;color:#e9eff8;font-size:11px;font-weight:700;padding:0}.command-controls option{color:#111}.refresh-state{display:grid;gap:4px}.refresh-state>span{color:#647289;font-size:8px;font-weight:800;letter-spacing:.1em}.refresh-state b{display:flex;align-items:center;gap:7px;color:#cdd7e5;font-size:11px}.refresh-state b i{width:5px;height:5px}
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px}.kpi-card{position:relative;overflow:hidden;min-height:118px;padding:15px 16px 13px;border:1px solid var(--screen-line);border-radius:11px;background:linear-gradient(145deg,rgba(18,25,38,.96),rgba(12,18,28,.96))}.kpi-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}.kpi-card.coral{--accent:var(--screen-coral)}.kpi-card.violet{--accent:var(--screen-violet)}.kpi-card.cyan{--accent:var(--screen-cyan)}.kpi-card.amber{--accent:var(--screen-amber)}.kpi-card.blue{--accent:var(--screen-blue)}.kpi-top,.kpi-bottom{display:flex;align-items:center;justify-content:space-between}.kpi-top span{color:#8a98ab;font-size:10px;font-weight:700}.kpi-top i{width:25px;height:25px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-style:normal;font-size:11px}.kpi-card>strong{display:block;margin:12px 0 9px;color:#fff;font:750 28px/1 Inter,sans-serif;letter-spacing:-.04em}.kpi-bottom span{color:#59667a;font-size:8px}.kpi-bottom b{color:#384558;font:700 9px/1 "SFMono-Regular",monospace}
.monitor-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.screen-card{border:1px solid var(--screen-line);border-radius:11px;background:linear-gradient(145deg,rgba(17,23,34,.97),rgba(12,18,27,.97));box-shadow:0 12px 30px rgba(0,0,0,.12)}.screen-card-head{min-height:54px;padding:13px 15px 11px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(121,145,177,.12)}.screen-card-head p{margin:0 0 5px;color:#536177;font:800 8px/1 Inter,sans-serif;letter-spacing:.15em}.screen-card-head h2{margin:0;color:#dfe7f1;font-size:13px}.trend-card{grid-column:span 8;min-height:330px}.mix-card{grid-column:span 4;min-height:330px}.ranking-card{grid-column:span 8;min-height:430px}.latest-card{grid-column:span 4;min-height:430px}.author-performance{grid-column:1/-1}.chart-summary{display:flex;gap:16px}.chart-summary span{color:#66758b;font-size:8px}.chart-summary b{display:block;margin-top:4px;color:#c9d4e2;font-size:11px}.trend-legend{display:flex;gap:15px;padding:11px 15px 0;color:#6d7b90;font-size:8px}.trend-legend span{display:flex;align-items:center;gap:6px}.trend-legend i{width:12px;height:2px;border-radius:3px}.trend-legend i.coral{background:var(--screen-coral)}.trend-legend i.blue{background:var(--screen-blue);border-top:1px dashed var(--screen-blue);height:0}.trend-chart{height:248px;padding:0 10px 10px}.trend-chart svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#263143;stroke-width:1;stroke-dasharray:3 5}.axis-label{fill:#59677c;font-size:10px;font-family:Inter,sans-serif}.interaction-line{fill:none;stroke:var(--screen-coral);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,93,105,.35))}.note-line{fill:none;stroke:var(--screen-blue);stroke-width:1.5;stroke-dasharray:5 5;stroke-linejoin:round}.interaction-dot{fill:#111722;stroke:var(--screen-coral);stroke-width:2}.mix-visual{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:4px;padding:22px 18px}.monitor-donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;box-shadow:0 0 30px rgba(78,156,255,.08)}.monitor-donut:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:#101722;border:1px solid #263143}.monitor-donut>div{position:relative;z-index:1;text-align:center}.monitor-donut b{display:block;color:#f2f6fb;font-size:20px}.monitor-donut span{display:block;margin-top:4px;color:#5f6d80;font-size:8px}.monitor-legend{display:grid;gap:12px}.legend-row{display:grid;grid-template-columns:1fr 42px;gap:5px}.legend-label{grid-column:1/-1;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;color:#8b98aa;font-size:9px}.legend-label i{width:6px;height:6px;border-radius:2px}.legend-label b{color:#c8d2df}.legend-track{height:3px;border-radius:3px;background:#202a39;overflow:hidden}.legend-track span{display:block;height:100%;border-radius:3px}.legend-row small{text-align:right;color:#67758a;font:700 8px/1 "SFMono-Regular",monospace}
.screen-link{border:0;background:transparent;color:#6f7f95;font-size:9px}.screen-link:hover{color:#fff}.screen-link span{color:var(--screen-coral)}.ranking-header{display:grid;grid-template-columns:minmax(0,1fr) 260px 62px;gap:14px;padding:10px 15px;border-bottom:1px solid rgba(121,145,177,.1);color:#4f5d71;font:800 7px/1 Inter,sans-serif;letter-spacing:.12em}.ranking-header span:nth-child(2),.ranking-header span:last-child{text-align:center}.monitor-ranking{padding:0 15px}.monitor-rank-row{display:grid;grid-template-columns:minmax(0,1fr) 260px 62px;align-items:center;gap:14px;min-height:49px;border-bottom:1px solid rgba(121,145,177,.09)}.monitor-rank-row:last-child{border-bottom:0}.rank-identity{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.rank-index{font:700 11px/1 "SFMono-Regular",monospace;color:#4b586c}.rank-index.top{color:var(--screen-coral)}.rank-identity a{display:block;color:#d6deea;font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-identity a:hover{color:#fff}.rank-identity p{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:#59677b;font-size:8px}.rank-identity p i{width:2px;height:2px;border-radius:50%;background:#455267}.rank-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.rank-metrics span{text-align:right;color:#c2ccd9;font:650 9px/1 "SFMono-Regular",monospace}.rank-metrics small{margin-right:3px;color:#4f5d71;font-family:Inter,sans-serif}.heat-score{text-align:center}.heat-score b{display:block;color:#ff7a83;font:750 13px/1 Inter,sans-serif}.heat-score span{display:block;margin-top:3px;color:#4f5c70;font:800 6px/1 Inter,sans-serif;letter-spacing:.1em}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--screen-coral);box-shadow:0 0 0 5px rgba(255,93,105,.08),0 0 14px rgba(255,93,105,.55)}.latest-stream{padding:2px 15px}.stream-row{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;min-height:45px;padding:9px 0;border-bottom:1px solid rgba(121,145,177,.09)}.stream-row:last-child{border-bottom:0}.stream-row time{padding-top:2px;color:#536178;font:700 8px/1.4 "SFMono-Regular",monospace}.stream-row a{display:block;color:#cbd5e2;font-size:9px;font-weight:650;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-row p{margin:5px 0 0;color:#59677b;font-size:8px}.author-bars{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:12px 15px 15px}.author-bar-row{display:grid;grid-template-columns:28px 130px minmax(100px,1fr) 54px;align-items:center;gap:9px;min-height:34px}.author-order{color:#4d5a6d;font:700 8px/1 "SFMono-Regular",monospace}.author-name{min-width:0}.author-name b{display:block;color:#bdc7d5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-name small{display:block;margin-top:3px;color:#4f5d71;font-size:7px}.author-track{height:4px;border-radius:4px;background:#202a39;overflow:hidden}.author-track span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--screen-blue),var(--screen-cyan));box-shadow:0 0 8px rgba(66,214,206,.25)}.author-bar-row>strong{text-align:right;color:#8e9caf;font:700 8px/1 "SFMono-Regular",monospace}
.page-command{padding-top:6px}.page-command>div>p:last-child{color:#65738a}.page-count{display:flex;align-items:baseline;gap:7px;border-left:1px solid var(--screen-line);padding-left:20px}.page-count b{font-size:27px;color:#fff}.page-count span{color:#66748a;font-size:9px}.monitor-filter{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:8px;padding:11px;margin-bottom:10px}.monitor-filter label{display:grid;gap:5px;color:#59677d;font-size:8px;font-weight:800;letter-spacing:.06em}.monitor-filter input,.monitor-filter select{min-width:0;border:1px solid #253144;border-radius:7px;outline:0;background:#0b111a;color:#d8e0eb;padding:8px 9px;font-size:10px}.monitor-filter option{color:#111}.monitor-filter button{align-self:end;border:1px solid rgba(78,156,255,.42);border-radius:7px;background:rgba(78,156,255,.12);color:#93bfff;padding:9px 16px;font-size:10px;font-weight:800}.works-table-card{padding:4px 12px 10px}.monitor-table{width:100%;border-collapse:collapse;min-width:900px}.monitor-table th{height:36px;padding:0 10px;text-align:left;border-bottom:1px solid var(--screen-line);color:#4f5c70;font:800 7px/1 Inter,sans-serif;letter-spacing:.11em}.monitor-table td{height:48px;padding:6px 10px;border-bottom:1px solid rgba(121,145,177,.09);color:#aeb9c8;font:650 9px/1.3 "SFMono-Regular",monospace}.monitor-table tr:last-child td{border-bottom:0}.monitor-table td:nth-child(n+4),.monitor-table th:nth-child(n+4){text-align:right}.table-rank{color:#526075}.monitor-work-title{max-width:390px}.monitor-work-title a{display:block;color:#d6deea;font-family:Inter,sans-serif;font-size:10px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-table td small{display:block;margin-top:4px;color:#536075;font-family:Inter,sans-serif;font-size:7px}.monitor-table td b{font-family:Inter,sans-serif;color:#aeb9c8;font-size:9px}.table-score{display:inline-grid;place-items:center;min-width:38px;padding:4px 6px;border:1px solid rgba(255,93,105,.24);border-radius:5px;background:rgba(255,93,105,.07);color:#ff7a83}.author-analysis-chart{margin-bottom:10px}.author-bars.expanded{grid-template-columns:1fr 1fr 1fr}.monitor-author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.monitor-author-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--screen-line);border-radius:9px;background:linear-gradient(145deg,rgba(17,23,34,.96),rgba(12,18,27,.96))}.author-initial{width:34px;height:34px;border:1px solid rgba(78,156,255,.28);border-radius:8px;display:grid;place-items:center;background:rgba(78,156,255,.08);color:#8bbcff;font-weight:800}.author-card-copy{min-width:0}.author-card-copy h3{margin:0;color:#cbd5e2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-card-copy p{margin:5px 0 7px;color:#58667b;font-size:7px}.author-card-copy>div{height:3px;background:#202a39;border-radius:3px;overflow:hidden}.author-card-copy>div span{display:block;height:100%;background:linear-gradient(90deg,var(--screen-blue),var(--screen-violet))}.monitor-author-card>strong{color:#475468;font:700 8px/1 "SFMono-Regular",monospace}.screen-empty{padding:34px 12px;text-align:center;color:#526075;font-size:10px}.monitor-body .toast{background:#151d29;border:1px solid #29364a;color:#dce4ef}.monitor-body .toast.error{border-color:rgba(255,93,105,.4);color:#ff9aa1}
@media(max-width:1180px){.monitor-header{grid-template-columns:210px 1fr auto}.monitor-actions time{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.trend-card,.ranking-card{grid-column:span 7}.mix-card,.latest-card{grid-column:span 5}.mix-visual{grid-template-columns:130px 1fr}.monitor-donut{width:116px;height:116px}.monitor-donut:after{width:76px;height:76px}.ranking-header,.monitor-rank-row{grid-template-columns:minmax(0,1fr) 210px 56px}.rank-metrics{grid-template-columns:1fr 1fr}.author-bars.expanded{grid-template-columns:1fr 1fr}.monitor-author-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.monitor-header{grid-template-columns:1fr auto;height:auto;padding:12px 16px}.monitor-nav{grid-row:2;grid-column:1/-1;width:100%;margin-top:10px}.monitor-nav button{flex:1}.monitor-actions .system-live,.monitor-actions>a{display:none}.monitor-main{padding:18px 14px 50px}.command-row,.page-command{align-items:flex-start;flex-direction:column}.command-controls{width:100%;overflow:auto}.command-controls>label,.refresh-state{min-width:135px}.kpi-grid{grid-template-columns:1fr 1fr}.trend-card,.mix-card,.ranking-card,.latest-card{grid-column:1/-1}.monitor-grid{display:grid;grid-template-columns:1fr}.monitor-rank-row,.ranking-header{grid-template-columns:minmax(0,1fr) 54px}.rank-metrics,.ranking-header span:nth-child(2){display:none}.author-bars,.author-bars.expanded{grid-template-columns:1fr}.monitor-filter{grid-template-columns:1fr 1fr}.monitor-filter button{grid-column:1/-1}.monitor-author-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.monitor-brand small{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{min-height:104px}.kpi-card>strong{font-size:23px}.kpi-card:last-child{grid-column:1/-1}.mix-visual{grid-template-columns:1fr}.monitor-legend{grid-template-columns:1fr 1fr}.monitor-filter{grid-template-columns:1fr}.monitor-filter button{grid-column:auto}.monitor-author-grid{grid-template-columns:1fr}.author-bar-row{grid-template-columns:24px 100px minmax(70px,1fr) 44px}.screen-card-head{padding:12px}.monitor-ranking{padding:0 10px}.monitor-rank-row{gap:8px}.rank-identity{grid-template-columns:28px minmax(0,1fr)}}

/* Dense desktop viewport: keep KPI, charts and the first ranking rows visible together. */
@media(min-width:821px){.monitor-header{height:60px}.monitor-main{padding-top:18px}.command-row{margin-bottom:14px}.kpi-card{min-height:100px;padding:12px 15px 10px}.kpi-card>strong{margin:9px 0 7px;font-size:25px}.kpi-top i{width:23px;height:23px}.trend-card,.mix-card{min-height:288px}.trend-chart{height:205px}.mix-visual{padding:15px 18px}.screen-card-head{min-height:50px;padding-top:11px;padding-bottom:9px}}