*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Microsoft YaHei,Arial,sans-serif;background:#06111f}.screen-shell{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,rgba(36,156,255,.2),transparent 30%),radial-gradient(circle at 8% 58%,rgba(35,233,168,.08),transparent 28%),linear-gradient(180deg,#07182b 0%,#081527 48%,#06101e 100%)}.screen-stage-wrap{position:relative;flex:none}.screen-stage{position:absolute;left:0;top:0;transform-origin:left top;padding:30px;color:#eaf6ff;background:linear-gradient(180deg,rgba(18,64,105,.42),rgba(8,20,37,.78)),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 1px,transparent 54px)}.dashboard-page,.media-page{width:100%;height:100%}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .55s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.hero-panel,.panel,.metric-card{border:1px solid rgba(109,197,255,.24);background:rgba(7,25,45,.82);box-shadow:0 14px 34px #00000038,inset 0 0 26px #38a6ff0f}.hero-panel{height:160px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between}.hero-copy{min-width:0}.screen-kicker{color:#69dfff;font-size:20px;letter-spacing:0}h1,h2,p{margin:0}h1{margin-top:8px;font-size:42px;line-height:1.05;letter-spacing:0}.screen-subtitle{margin-top:10px;color:#ffdc76;font-size:20px}.clock-card{min-width:250px;text-align:right}.clock-time{color:#fff;font-size:42px;line-height:1;font-weight:700}.clock-date,.clock-update{margin-top:8px;color:#9ec8f5;font-size:16px}.metric-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{height:112px;padding:16px 18px}.metric-card span{display:block;color:#9ec8f5;font-size:16px}.metric-card strong{display:inline-block;margin-top:10px;color:#fff;font-size:36px;line-height:1}.metric-card em{margin-left:6px;color:#6fe7ff;font-style:normal;font-size:16px}.panel{margin-top:14px;padding:16px}.panel-head{height:30px;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.panel-head h2{font-size:24px;line-height:1}.panel-head span{color:#87afd9;font-size:14px}.training-panel{height:386px}.training-content{height:312px;display:grid;grid-template-columns:36% 1fr;gap:18px}.chart-box{width:100%;height:100%}.level-list{display:grid;gap:14px}.level-item{min-height:86px;padding:14px;background:rgba(255,255,255,.035);border:1px solid rgba(122,190,255,.14)}.level-title,.contractor-title,.ratio-row{display:flex;align-items:center;justify-content:space-between}.level-title strong,.contractor-title strong,.ratio-row span{min-width:0;font-size:17px}.level-title span{color:#6fe7ff;font-size:16px}.dual-bars{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.dual-bars div{display:grid;grid-template-columns:34px 1fr 56px;align-items:center;gap:8px;color:#87afd9;font-size:13px}.dual-bars i,.ratio-track{height:9px;overflow:hidden;background:rgba(136,175,217,.16)}.dual-bars b,.ratio-track i{display:block;height:100%;background:linear-gradient(90deg,#35e9a8,#31d8ff)}.dual-bars .exam-bar{background:linear-gradient(90deg,#ffcf5a,#31d8ff)}.dual-bars em{color:#eaf6ff;font-style:normal;text-align:right}.split-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.split-grid .panel{margin-top:0}.compact-panel{height:426px}.compact-chart{height:350px}.ratio-list{height:350px;display:grid;align-content:start;gap:11px}.ratio-row{display:grid;grid-template-columns:170px 1fr 80px;gap:10px}.ratio-row span,.contractor-title strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ratio-row strong{text-align:right;color:#fff;font-size:16px}.ratio-track{margin-top:4px;height:12px}.progress-panel{height:412px}.progress-list{display:grid;gap:10px}.progress-card{height:58px;padding:9px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(122,190,255,.16)}.contractor-title{gap:10px}.contractor-title strong{flex:1}.status-pill{flex:none;padding:3px 9px;font-size:13px;color:#05131f;background:#35e9a8}.status-pill.warning{background:#ffcf5a}.status-pill.danger{color:#fff;background:#ff5c66}.progress-columns{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.progress-columns div{display:flex;align-items:center;justify-content:space-between;min-width:0}.progress-columns span{color:#87afd9;font-size:13px}.progress-columns b{color:#fff;font-size:17px}.bottom-grid{margin-top:14px}.bottom-grid .panel{margin-top:0;height:250px}.warning-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.warning-panel li{min-height:38px;padding:8px 11px;color:#eaf6ff;font-size:15px;line-height:1.45;background:rgba(255,255,255,.04);border-left:4px solid #31d8ff}.warning-panel .warn-warning{border-left-color:#ffcf5a}.warning-panel .warn-danger{border-left-color:#ff5c66}.empty-line{padding:18px;text-align:center;color:#87afd9;font-size:16px;background:rgba(255,255,255,.035);border:1px dashed rgba(122,190,255,.18)}.media-page{position:relative;overflow:hidden;background:#02060b;border:1px solid rgba(109,197,255,.28);box-shadow:inset 0 0 80px #1f8bdb1f}.media-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-content img,.media-content video{width:100%;height:100%;object-fit:contain;background:#000}.page-dots{position:absolute;z-index:5;left:50%;bottom:12px;display:flex;gap:8px;transform:translate(-50%)}.page-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}.page-dots i.active{width:24px;border-radius:5px;background:#55dcff}