:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#app{min-height:100vh}:root{--bg-color: #0b0f29;--panel-bg: rgba(16, 24, 64, .8);--accent-color: #00f2ff;--text-color: #ffffff}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden;background-image:radial-gradient(circle at center,#1a2a6c,#0b0f29)}.page{min-height:100vh}header{height:80px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,rgba(0,242,255,.2),transparent);border-bottom:2px solid var(--accent-color);position:relative}header h1{font-size:32px;letter-spacing:5px;margin:0;text-shadow:0 0 15px var(--accent-color)}.header-info{position:absolute;right:24px;top:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:#c9f7ff}.header-info .time{font-weight:600;letter-spacing:.5px}.header-info .weather{opacity:.9}.container{display:grid;grid-template-columns:350px 1fr 350px;grid-template-rows:120px 1fr;grid-template-areas:"stats stats stats" "left center right";gap:15px;padding:20px;height:calc(100vh - 120px)}.stats-bar{grid-area:stats;display:flex;justify-content:space-around;align-items:center;background:var(--panel-bg);border:1px solid rgba(0,242,255,.3);border-radius:8px}.stat-item{text-align:center}.stat-value{font-size:40px;font-weight:700;color:var(--accent-color);font-family:Arial,sans-serif}.stat-label{font-size:14px;opacity:.8}.left-stack{grid-area:left;display:flex;flex-direction:column;gap:15px}.center-stack{grid-area:center;display:flex;flex-direction:column;gap:15px}.right-stack{grid-area:right;display:flex;flex-direction:column;gap:15px}.panel{background:var(--panel-bg);border:1px solid rgba(0,242,255,.2);border-radius:5px;padding:15px}.panel-title{font-size:16px;margin-bottom:10px;border-left:4px solid var(--accent-color);padding-left:10px;font-weight:700}.chart-small{height:200px}.chart-medium{height:240px}.chart-note{margin-top:8px;font-size:12px;color:#a0a0a0}.map-panel{display:flex;flex-direction:column;flex:1.2}.map-chart{width:100%;height:100%;min-height:400px}.funnel-chart{width:100%;height:220px}.honor-roll{height:280px;overflow:hidden;position:relative}.scroll-content{display:flex;flex-direction:column;gap:10px;transition:transform .3s}.honor-item{display:flex;align-items:center;padding:6px 8px;background:#ffffff0d;border-radius:4px}.avatar{width:30px;height:30px;border-radius:50%;background:#444;margin-right:10px;border:1px solid var(--accent-color)}.student-info{font-size:12px;display:flex;flex-direction:column;gap:2px}.student-work{color:#aaa}.rank-list{display:flex;flex-direction:column;gap:10px;font-size:12px}.rank-item{display:flex;align-items:center;gap:8px}.rank-name{flex:1}.rank-score{color:var(--accent-color)}.rank-king{color:#ff4500;text-shadow:0 0 5px #ff4500;font-weight:700}.info-icon{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;margin-left:8px;border-radius:50%;border:1px solid var(--accent-color);color:var(--accent-color);font-size:12px;cursor:default}.rank-platinum{color:#e5e4e2}.rank-gold{color:gold}.live-feed{height:180px;font-size:12px;color:#a0a0a0;overflow:hidden;display:flex;flex-direction:column;gap:6px}.feed-line{display:flex;gap:6px;border-bottom:1px dotted #333;padding-bottom:4px}.feed-time{color:var(--accent-color);min-width:70px}@media (max-width: 1200px){.container{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"stats" "center" "left" "right";height:auto}header h1{font-size:24px;letter-spacing:2px}.stats-bar{flex-direction:column;gap:10px;padding:10px 0}.map-chart{min-height:320px}}