.cockpit-shell{--cp-bg:#030b16;--cp-panel:rgba(7,23,41,0.82);--cp-panel-strong:rgba(8,27,48,0.96);--cp-line:rgba(106,169,203,0.16);--cp-line-bright:rgba(54,243,200,0.32);--cp-text:#e8f8ff;--cp-muted:#7592a9;--cp-teal:#36f3c8;--cp-blue:#48b9ff;position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:74px 104px minmax(0,1fr) 34px;min-width:1120px;overflow:hidden;color:var(--cp-text);background:radial-gradient(circle at 50% 42%,rgba(19,82,109,.26),transparent 32%),radial-gradient(circle at 8% 12%,rgba(54,243,200,.08),transparent 25%),linear-gradient(145deg,#020914,#061322 50%,#020813);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}.cockpit-shell *{box-sizing:border-box}.cockpit-grid{inset:0;opacity:.22;background-image:linear-gradient(rgba(81,145,178,.08) 1px,transparent 0),linear-gradient(90deg,rgba(81,145,178,.08) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000 20%,transparent 82%)}.cockpit-ambient,.cockpit-grid{position:absolute;pointer-events:none}.cockpit-ambient{width:480px;height:480px;border:1px solid rgba(54,243,200,.07);border-radius:50%}.cockpit-ambient:after,.cockpit-ambient:before{content:"";position:absolute;inset:52px;border:1px solid rgba(72,185,255,.06);border-radius:inherit}.cockpit-ambient:after{inset:116px}.cockpit-ambient-one{top:-280px;left:-180px}.cockpit-ambient-two{right:-240px;bottom:-300px}.cockpit-header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid var(--cp-line);background:linear-gradient(180deg,rgba(3,12,23,.96),rgba(3,12,23,.72))}.cockpit-header:after{content:"";position:absolute;bottom:-1px;left:32%;width:36%;height:1px;background:linear-gradient(90deg,transparent,var(--cp-teal),transparent);box-shadow:0 0 18px var(--cp-teal)}.brand-lockup,.brand-mark,.date-block,.header-center,.header-meta,.live-chip{display:flex;align-items:center}.brand-lockup{gap:13px}.brand-mark{width:44px;height:44px;justify-content:center;color:#021714;background:linear-gradient(135deg,#87ffe7,#23cdb0);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);box-shadow:0 0 30px rgba(54,243,200,.3)}.brand-overline{margin-bottom:2px;color:#6e93a8;font-family:var(--font-jetbrains-mono),monospace;font-size:8px;letter-spacing:.22em}.brand-lockup h1{margin:0;font-size:clamp(20px,1.45vw,28px);font-weight:600;letter-spacing:.16em}.header-center{gap:10px;color:#9bb2c2;font-size:11px;letter-spacing:.1em}.header-tabs{gap:3px;padding:3px;border:1px solid var(--cp-line);background:rgba(5,19,33,.72)}.header-tabs button{display:flex;align-items:center;gap:6px;padding:7px 13px;border:0;color:#6e8da0;background:transparent;font-size:10px;cursor:pointer}.header-tabs button.is-active{color:#061610;background:var(--cp-teal);box-shadow:0 0 18px rgba(54,243,200,.2)}.header-line{width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(54,243,200,.36))}.header-line:last-child{transform:rotate(180deg)}.live-chip{gap:5px;padding:4px 7px;border:1px solid rgba(54,243,200,.3);color:var(--cp-teal);font-family:var(--font-jetbrains-mono),monospace;font-size:9px}.header-meta{justify-content:flex-end;gap:15px}.demo-badge{padding:5px 8px;border:1px solid rgba(255,187,85,.3);color:#ffcc7b;background:rgba(255,187,85,.07);font-size:10px}.date-block{min-width:118px;flex-direction:column;align-items:flex-end;line-height:1.1}.date-block strong{font-family:var(--font-jetbrains-mono),monospace;font-size:18px;font-weight:500;letter-spacing:.08em}.date-block span{margin-top:4px;color:var(--cp-muted);font-size:9px}.metric-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 18px}.cockpit-panel,.metric-card{position:relative;overflow:hidden;border:1px solid var(--cp-line);background:linear-gradient(135deg,rgba(19,51,73,.18),transparent 52%),var(--cp-panel);backdrop-filter:blur(16px)}.cockpit-panel:before,.metric-card:before{content:"";position:absolute;top:-1px;left:-1px;width:24px;height:1px;background:var(--cp-teal);box-shadow:0 0 12px rgba(54,243,200,.5)}.metric-card{display:grid;grid-template-columns:44px 1fr;align-items:center;min-height:80px;padding:12px 14px}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(54,243,200,.18);color:var(--cp-teal);background:rgba(54,243,200,.06);transform:rotate(45deg)}.metric-icon svg{transform:rotate(-45deg)}.metric-delta,.metric-label{display:block}.metric-label{color:var(--cp-muted);font-size:10px;letter-spacing:.08em}.metric-value{margin:2px 0 1px;font-family:var(--font-jetbrains-mono),monospace;font-size:clamp(22px,1.7vw,31px);font-weight:500;line-height:1;letter-spacing:-.04em;text-shadow:0 0 26px rgba(72,185,255,.25)}.metric-value small{margin-left:5px;color:#a7c1d0;font-family:inherit;font-size:10px;letter-spacing:0}.metric-delta{display:flex;align-items:center;gap:3px;color:#71d6bc;font-size:9px}.metric-scan{position:absolute;right:0;bottom:0;width:36%;height:1px;background:linear-gradient(90deg,transparent,rgba(72,185,255,.36))}.cockpit-main{position:relative;z-index:2;grid-template-columns:minmax(250px,.74fr) minmax(520px,1.8fr) minmax(280px,.86fr);padding:0 18px 10px}.center-stage,.cockpit-main,.left-rail,.right-rail{display:grid;gap:10px;min-height:0}.left-rail{grid-template-rows:1.12fr .92fr .86fr}.right-rail{grid-template-rows:1.1fr 1fr .8fr}.center-stage{grid-template-rows:minmax(0,1.82fr) minmax(158px,.68fr)}.cockpit-panel{min-height:0;padding:14px}.map-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{margin-bottom:11px}.map-heading span,.panel-title span{display:block;margin-bottom:2px;color:#5d849b;font-family:var(--font-jetbrains-mono),monospace;font-size:8px;letter-spacing:.18em}.map-heading h2,.panel-title h2{margin:0;color:var(--cp-text);font-size:14px;font-weight:500;letter-spacing:.06em}.live-pulse,.panel-tag{padding:3px 6px;border:1px solid var(--cp-line);color:#8ea8b8!important;font-size:8px!important;letter-spacing:0!important}.accent-icon{color:var(--cp-teal)}.province-list{display:grid;gap:4px}.province-row{display:grid;grid-template-columns:25px 56px 1fr 24px 14px;align-items:center;gap:5px;width:100%;min-height:30px;padding:3px 5px;border:0;color:#a9c0cd;background:transparent;cursor:pointer;transition:background .18s ease,color .18s ease}.province-row.is-active,.province-row:hover{color:#fff;background:linear-gradient(90deg,rgba(54,243,200,.09),transparent)}.province-rank{color:#42647a;font-family:var(--font-jetbrains-mono),monospace;font-size:9px}.province-name{display:flex;align-items:center;gap:5px;font-size:11px}.province-name i{width:4px;height:4px;border-radius:50%;box-shadow:0 0 7px currentColor}.province-bar{height:2px;background:rgba(119,160,185,.11)}.province-bar i{display:block;height:100%;box-shadow:0 0 6px currentColor}.province-row small,.province-row strong{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:500}.province-row small{color:#617e91;font-size:8px}.quality-core{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:12px;height:calc(100% - 55px)}.gauge-ring{position:relative;width:94px;height:94px;padding:8px;border-radius:50%;background:conic-gradient(var(--cp-teal) 0 92.8%,rgba(88,131,157,.16) 92.8% 100%);box-shadow:0 0 34px rgba(54,243,200,.1)}.gauge-ring:before{content:"";position:absolute;inset:3px;border:1px dashed rgba(54,243,200,.22);border-radius:50%;animation:gaugeSpin 18s linear infinite}.gauge-inner{position:relative;z-index:1;display:grid;place-items:center;align-content:center;height:100%;border-radius:50%;background:#07192c}.gauge-inner strong{font-family:var(--font-jetbrains-mono),monospace;font-size:22px;font-weight:500;line-height:1}.gauge-inner span{margin-top:5px;color:#66869a;font-size:8px}.quality-metrics{display:grid;gap:8px}.quality-metrics div{padding-bottom:6px;border-bottom:1px solid rgba(104,160,189,.1)}.quality-metrics span,.quality-metrics strong{display:block}.quality-metrics span{color:var(--cp-muted);font-size:9px}.quality-metrics strong{margin-top:1px;color:#dceef5;font-family:var(--font-jetbrains-mono),monospace;font-size:13px;font-weight:500}.quality-definition{margin:3px 0 0;padding-top:6px;border-top:1px solid rgba(104,160,189,.09);color:#58798d;font-size:7px;line-height:1.4}.subject-bars{display:grid;gap:8px}.subject-row{display:grid;grid-template-columns:30px 1fr 29px;align-items:center;gap:7px;color:#90aab9;font-size:9px}.subject-row>div{height:5px;overflow:hidden;background:rgba(104,160,189,.1)}.subject-row i{display:block;height:100%;min-width:12px;box-shadow:0 0 8px currentColor}.subject-row strong{color:#b9ced9;font-family:var(--font-jetbrains-mono),monospace;font-size:9px;font-weight:400;text-align:right}.map-panel{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(54,243,200,.17);background:radial-gradient(circle at 50% 46%,rgba(34,123,145,.16),transparent 40%),linear-gradient(180deg,rgba(8,28,48,.74),rgba(3,13,25,.42))}.map-panel:after,.map-panel:before{content:"";position:absolute;width:42px;height:42px;border-color:rgba(54,243,200,.58);pointer-events:none}.map-panel:before{top:6px;left:6px;border-top:1px solid;border-left:1px solid}.map-panel:after{right:6px;bottom:6px;border-right:1px solid;border-bottom:1px solid}.map-heading{position:absolute;z-index:4;top:16px;left:20px;right:20px}.map-heading h2{font-size:clamp(17px,1.35vw,24px);letter-spacing:.1em}.period-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--cp-line);background:rgba(3,13,25,.7)}.period-switch button{padding:5px 9px;border:0;color:#6f8fa1;background:transparent;font-size:9px;cursor:pointer}.period-switch button.is-active{color:#061610;background:var(--cp-teal);box-shadow:0 0 14px rgba(54,243,200,.24)}.map-wrap{position:absolute;inset:52px 0 0}.china-map{width:100%;height:100%;overflow:visible}.map-grid-lines line{stroke:rgba(105,171,200,.08);stroke-width:1;stroke-dasharray:2 8}.map-province{fill:url(#mapFill);stroke:rgba(89,149,182,.34);stroke-width:.8;transition:fill .18s ease,stroke .18s ease,opacity .18s ease}.map-province.is-covered{fill:color-mix(in srgb,var(--province-color) 14%,#0a2034);stroke:color-mix(in srgb,var(--province-color) 56%,transparent);cursor:pointer}.map-province.is-covered:hover,.map-province.is-selected{fill:color-mix(in srgb,var(--province-color) 24%,#0b2034);stroke:var(--province-color);stroke-width:1.4;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--province-color) 42%,transparent))}.map-node{cursor:pointer}.map-node-core{stroke:rgba(255,255,255,.86);stroke-width:1}.map-node-label rect{fill:rgba(4,17,31,.92);stroke:rgba(106,169,203,.22)}.map-node-label text{fill:#c9dce5;font-family:PingFang SC,sans-serif;font-size:10px}.map-node-label .map-node-value{fill:#7898aa;font-family:var(--font-jetbrains-mono),monospace;font-size:8px}.map-node.is-selected .map-node-label rect{stroke:rgba(54,243,200,.58)}.map-node.is-selected .map-node-label text:first-of-type{fill:#fff}.map-focus-card{position:absolute;left:18px;bottom:18px;width:210px;padding:12px 13px;border-left:2px solid var(--cp-teal);background:linear-gradient(90deg,rgba(5,20,35,.96),rgba(5,20,35,.68));box-shadow:12px 0 30px rgba(0,0,0,.16)}.map-focus-card>span{display:flex;align-items:center;gap:6px;color:#8aa7b7;font-size:9px}.map-focus-card>span i{width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px currentColor}.map-focus-card>strong{display:block;margin:4px 0 6px;font-size:18px;font-weight:500}.map-focus-card>div{display:flex;flex-wrap:wrap;gap:4px 10px}.map-focus-card em{color:#9bb2c0;font-family:var(--font-jetbrains-mono),monospace;font-size:8px;font-style:normal}.map-focus-card p{margin:7px 0 0;padding-top:7px;border-top:1px solid rgba(105,171,200,.12);color:#5f8194;font-size:8px}.map-legend{position:absolute;right:18px;bottom:18px;display:flex;gap:13px;color:#67879a;font-size:8px}.map-legend span{display:flex;align-items:center;gap:5px}.legend-core,.legend-wave{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cp-teal);box-shadow:0 0 8px var(--cp-teal)}.legend-wave{border:1px solid var(--cp-blue);background:transparent;box-shadow:none}.trend-panel{padding-bottom:8px}.trend-chart{height:calc(100% - 35px);min-height:110px}.trend-legend{display:flex;gap:10px;color:#7190a2;font-size:8px}.trend-legend span{display:flex;align-items:center;gap:4px;margin:0;letter-spacing:0}.trend-legend i{width:12px;height:2px}.trend-legend .graded{background:var(--cp-teal)}.trend-legend .manual{background:#8e7dff}.live-pulse{display:flex!important;align-items:center;gap:4px;color:#6fe3c7!important}.live-pulse i{width:5px;height:5px;border-radius:50%;background:var(--cp-teal);box-shadow:0 0 8px var(--cp-teal);animation:liveBlink 1.4s ease-in-out infinite}.live-events{display:grid;gap:5px}.live-event{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:7px;min-height:45px;padding:5px 0;border-bottom:1px solid rgba(104,160,189,.09);animation:eventIn .34s ease both}.event-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(54,243,200,.16);color:var(--cp-teal);background:rgba(54,243,200,.05)}.live-event>div:last-child small,.live-event>div:last-child strong,.live-event>div:nth-child(2) span,.live-event>div:nth-child(2) strong{display:block}.live-event strong{color:#cde0e8;font-size:9px;font-weight:500}.live-event small,.live-event span{margin-top:2px;color:#5c7d91;font-size:8px}.live-event>div:last-child{text-align:right}.live-event>div:last-child strong{color:#82ead0;font-family:var(--font-jetbrains-mono),monospace}.school-row,.school-table{display:grid}.school-row{grid-template-columns:23px 1fr auto 12px;align-items:center;gap:7px;min-height:40px;border-bottom:1px solid rgba(104,160,189,.09)}.school-rank{display:grid;place-items:center;width:19px;height:19px;color:#6e8da0;background:rgba(86,137,164,.09);font-family:var(--font-jetbrains-mono),monospace;font-size:8px}.school-rank.rank-1{color:#071b17;background:var(--cp-teal);box-shadow:0 0 13px rgba(54,243,200,.22)}.school-row span,.school-row strong{display:block}.school-row strong{overflow:hidden;color:#bfd5df;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.school-row div span{margin-top:2px;color:#58798d;font-size:7px}.school-row em{color:#8eacba;font-family:var(--font-jetbrains-mono),monospace;font-size:8px;font-style:normal}.school-row svg{color:#42687e}.workload-chart{height:calc(100% - 56px);min-height:65px}.workload-foot{display:flex;align-items:center;gap:5px;padding-top:3px;color:#66869a;font-size:8px}.workload-foot svg{color:var(--cp-teal)}.workload-foot strong{color:#a9d8cd;font-family:var(--font-jetbrains-mono),monospace;font-weight:400}.touchpoint-main{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr minmax(190px,.72fr);gap:10px;min-height:0;padding:0 18px 10px}.touchpoint-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:72px;padding:10px 16px;border-left:2px solid var(--cp-teal);background:linear-gradient(90deg,rgba(9,34,55,.82),rgba(6,19,34,.18))}.touchpoint-overline{color:#5f879d;font-family:var(--font-jetbrains-mono),monospace;font-size:8px;letter-spacing:.18em}.touchpoint-hero h2{margin:2px 0 3px;font-size:20px;font-weight:500;letter-spacing:.1em}.touchpoint-hero p{margin:0;color:#6d8a9c;font-size:9px}.touchpoint-summary{display:flex;align-items:center;gap:32px}.touchpoint-summary div{min-width:96px;padding-left:12px;border-left:1px solid rgba(54,243,200,.2)}.touchpoint-summary span,.touchpoint-summary strong{display:block}.touchpoint-summary strong{font-family:var(--font-jetbrains-mono),monospace;font-size:20px;font-weight:500}.touchpoint-summary span{color:#6f8da0;font-size:8px}.touchpoint-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0}.touchpoint-card{position:relative;min-height:0;overflow:hidden;padding:16px;border:1px solid var(--cp-line);background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--touchpoint-color) 12%,transparent),transparent 28%),linear-gradient(145deg,rgba(11,35,56,.92),rgba(5,17,31,.9))}.touchpoint-card:after{content:"";position:absolute;left:0;right:42%;bottom:0;height:1px;background:linear-gradient(90deg,var(--touchpoint-color),transparent);box-shadow:0 0 14px var(--touchpoint-color)}.touchpoint-card-head{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.touchpoint-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--touchpoint-color) 30%,transparent);color:var(--touchpoint-color);background:color-mix(in srgb,var(--touchpoint-color) 8%,transparent)}.touchpoint-card-head span{display:block;color:#607f92;font-size:8px}.touchpoint-card h3{margin:2px 0 0;font-size:14px;font-weight:500}.touchpoint-live{align-self:start;padding:3px 5px;color:var(--touchpoint-color);background:color-mix(in srgb,var(--touchpoint-color) 8%,transparent);font-size:7px;font-style:normal}.touchpoint-number{margin:24px 0 3px}.touchpoint-number strong{font-family:var(--font-jetbrains-mono),monospace;font-size:clamp(30px,2.7vw,50px);font-weight:500;letter-spacing:-.06em;text-shadow:0 0 26px color-mix(in srgb,var(--touchpoint-color) 28%,transparent)}.touchpoint-number span{margin-left:8px;color:#718fa1;font-size:9px}.touchpoint-daily{display:flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--touchpoint-color) 68%,#94aab8);font-size:9px}.role-mix{margin-top:20px}.role-track{display:flex;height:6px;gap:2px;background:rgba(99,145,171,.08)}.role-track i{height:100%;background:var(--touchpoint-color)}.role-labels{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:7px;color:#647f91;font-size:8px}.role-labels strong{color:#a6bdc9;font-family:var(--font-jetbrains-mono),monospace;font-weight:400}.touchpoint-card>p{position:absolute;right:16px;bottom:16px;left:16px;margin:0;padding-top:9px;border-top:1px solid rgba(104,160,189,.1);color:#58778a;font-size:8px}.touchpoint-bottom{display:grid;grid-template-columns:1.65fr .85fr;gap:10px;min-height:0}.touchpoint-trend-chart{height:calc(100% - 34px);min-height:130px}.touchpoint-scenes{display:grid;grid-template-rows:auto repeat(4,1fr)}.scene-row{display:grid;grid-template-columns:122px 1fr 24px;align-items:center;gap:9px;border-bottom:1px solid rgba(104,160,189,.08)}.scene-row span,.scene-row strong{display:block}.scene-row strong{color:#bdd1db;font-size:9px;font-weight:500}.scene-row span{margin-top:2px;color:#58778a;font-size:7px}.scene-bar{height:4px;background:rgba(104,160,189,.09)}.scene-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cp-blue),var(--cp-teal))}.scene-row em{color:#7d9bad;font-family:var(--font-jetbrains-mono),monospace;font-size:8px;font-style:normal;text-align:right}.cockpit-footer{position:relative;z-index:2;display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:18px;padding:0 18px;border-top:1px solid var(--cp-line);color:#58778a;background:rgba(3,11,21,.86);font-size:8px}.cockpit-footer>div{display:flex;align-items:center;gap:5px}.cockpit-footer strong{color:#78ad9f;font-weight:400}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--cp-teal);box-shadow:0 0 7px var(--cp-teal)}.cockpit-footer .footer-center{justify-self:center;color:#7898aa;letter-spacing:.08em}.footer-center svg{color:var(--cp-teal)}.footer-right{justify-self:end;font-family:var(--font-jetbrains-mono),monospace}@keyframes liveBlink{0%,to{opacity:.4}50%{opacity:1}}@keyframes eventIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes gaugeSpin{to{transform:rotate(1turn)}}@media (max-width:1280px){.cockpit-shell{min-width:1024px}.cockpit-main{grid-template-columns:240px minmax(490px,1.6fr) 265px}.brand-overline,.header-center span:last-of-type{display:none}.map-node-label{transform:translate(10px,-14px) scale(.9)}}@media (max-height:760px){.cockpit-shell{grid-template-rows:64px 92px minmax(0,1fr) 30px}.metric-card{min-height:66px}.cockpit-panel{padding:10px}.panel-title{margin-bottom:7px}.province-row{min-height:25px}.live-event{min-height:35px}.school-row{min-height:33px}.gauge-ring{width:82px;height:82px}.quality-core{grid-template-columns:90px 1fr}.touchpoint-main{grid-template-rows:62px 1fr minmax(160px,.65fr)}.touchpoint-card{padding:12px}.touchpoint-number{margin-top:12px}.role-mix{margin-top:11px}.touchpoint-card>p{right:12px;bottom:10px;left:12px}}@media (prefers-reduced-motion:reduce){.cockpit-shell *,.cockpit-shell :after,.cockpit-shell :before{animation-duration:.001ms!important;animation-iteration-count:1!important}}