.board-page{margin:0;padding:0;min-height:100vh;background:radial-gradient(ellipse at top,#0a2540,#050a1a,#02050f);color:#e6f1ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden;overflow-y:auto}.board-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,220,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,220,255,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.board-container{position:relative;z-index:1;padding:18px 28px;display:grid;grid-template-rows:auto auto minmax(420px,1fr) auto;gap:16px;min-height:100vh;height:auto;box-sizing:border-box;overflow:visible}.board-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(90deg,#0b6e4f40,#0891b22e);border:1px solid rgba(0,220,255,.25);border-radius:8px;box-shadow:0 0 24px #00dcff26 inset}.board-title{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700;background:linear-gradient(90deg,#00dcff,#0b6e4f);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px}.board-title .school-name{color:#fff;-webkit-text-fill-color:#fff;font-size:22px}.board-title:before{content:"📊";-webkit-text-fill-color:initial;font-size:24px}.board-header-right{display:flex;align-items:center;gap:18px;font-size:16px;color:#8ed1ff}.board-clock{font-family:Courier New,monospace;font-size:22px;font-weight:700;color:#00dcff;text-shadow:0 0 12px rgba(0,220,255,.5);letter-spacing:2px}.board-refresh-tick{font-size:12px;padding:2px 8px;border:1px solid rgba(0,220,255,.4);border-radius:4px;color:#00dcff}.board-error{position:fixed;top:20px;right:20px;z-index:999;background:#dc2626e6;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px}.board-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{position:relative;padding:14px 18px;background:linear-gradient(135deg,#0b6e4f2e,#0891b214);border:1px solid rgba(0,220,255,.3);border-radius:8px;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00dcff,transparent);animation:kpi-glow 3s ease-in-out infinite}.kpi-card.kpi-add{border-color:#52c41a66}.kpi-card.kpi-add:before{background:linear-gradient(90deg,transparent,#52c41a,transparent)}.kpi-card.kpi-deduct{border-color:#ff4d4f66}.kpi-card.kpi-deduct:before{background:linear-gradient(90deg,transparent,#ff4d4f,transparent)}.kpi-card.kpi-net{border-color:#faad1466}.kpi-card.kpi-net:before{background:linear-gradient(90deg,transparent,#faad14,transparent)}@keyframes kpi-glow{0%,to{opacity:.6;transform:translate(-30%)}50%{opacity:1;transform:translate(30%)}}.kpi-label{font-size:13px;color:#8ed1ff;margin-bottom:6px;letter-spacing:1px}.kpi-value{font-family:Courier New,monospace;font-size:40px;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(0,220,255,.4);line-height:1}.kpi-card.kpi-add .kpi-value{color:#73d13d;text-shadow:0 0 12px rgba(82,196,26,.5)}.kpi-card.kpi-deduct .kpi-value{color:#ff7875;text-shadow:0 0 12px rgba(255,77,79,.5)}.kpi-card.kpi-net .kpi-value{color:#ffd666;text-shadow:0 0 12px rgba(250,173,20,.5)}.kpi-unit{font-size:14px;margin-left:4px;opacity:.7}.board-middle{display:grid;grid-template-columns:1.3fr 2.3fr 1fr;gap:16px;min-height:0;height:100%;overflow:hidden}.board-panel{display:flex;flex-direction:column;min-height:0;background:linear-gradient(135deg,#0b6e4f1a,#08183080);border:1px solid rgba(0,220,255,.25);border-radius:8px;padding:14px 16px;overflow:hidden;box-sizing:border-box}.board-panel.board-panel-highlight{border-color:#00dcff73;box-shadow:0 0 28px #00dcff1f inset}.board-panel-title{flex-shrink:0;font-size:16px;font-weight:600;color:#00dcff;margin-bottom:12px;display:flex;align-items:center;gap:8px;letter-spacing:1px;text-shadow:0 0 6px rgba(0,220,255,.4)}.board-panel-title:before{content:"◆";color:#00dcff;font-size:10px}.board-panel-body{flex:1;min-height:160px;position:relative;display:flex;flex-direction:column;overflow:hidden}.echart-fit{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;min-height:140px!important}.echart-fit>div,.echart-fit canvas{width:100%!important;height:100%!important;min-height:140px!important}.board-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8ed1ff;opacity:.5;font-size:14px}.ranking-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.ranking-item{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:56px;max-height:76px;flex:1 1 auto;background:#00dcff0f;border-left:4px solid transparent;border-radius:6px;transition:all .2s;position:relative;overflow:hidden}.ranking-item:hover{background:#00dcff1f}.ranking-item.top-1{border-left-color:gold;background:linear-gradient(90deg,#ffd7002e,#ffd7000d)}.ranking-item.top-2{border-left-color:silver;background:linear-gradient(90deg,#c0c0c024,#c0c0c00a)}.ranking-item.top-3{border-left-color:#cd7f32;background:linear-gradient(90deg,#cd7f3224,#cd7f320a)}.ranking-rank{font-size:22px;font-weight:700;width:34px;text-align:center;flex-shrink:0;color:#fff}.ranking-item.top-1 .ranking-rank{filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.ranking-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ranking-name-row{display:flex;align-items:baseline;gap:8px;overflow:hidden}.ranking-grade{color:#8ed1ff;font-size:13px;flex-shrink:0}.ranking-name{font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 6px rgba(255,255,255,.15)}.ranking-count{margin-left:auto;font-size:12px;color:#8ed1ff;opacity:.8;flex-shrink:0}.ranking-bar-bg{height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.ranking-bar{height:100%;border-radius:5px;background:linear-gradient(90deg,#52c41a,#95de64);box-shadow:0 0 10px #52c41a80;transition:width .8s ease-out}.ranking-bar.negative{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 0 8px #ff4d4f66}.ranking-score{font-family:Courier New,monospace;font-size:26px;font-weight:900;color:#73d13d;text-shadow:0 0 10px rgba(82,196,26,.5);flex-shrink:0;min-width:64px;text-align:right}.ranking-score.negative{color:#ff7875;text-shadow:0 0 10px rgba(255,77,79,.5)}.ranking-item.top-1 .ranking-score{color:gold;text-shadow:0 0 14px rgba(255,215,0,.7)}.ranking-item.top-2 .ranking-score{color:#e8e8e8;text-shadow:0 0 12px rgba(255,255,255,.45)}.ranking-item.top-3 .ranking-score{color:#f0b27a;text-shadow:0 0 12px rgba(205,127,50,.55)}.board-recent{height:15vh;min-height:130px;max-height:200px;display:flex;flex-direction:column;background:linear-gradient(135deg,#0b6e4f1a,#08183080);border:1px solid rgba(0,220,255,.25);border-radius:8px;padding:12px 16px;overflow:hidden}.recent-list{list-style:none;margin:0;padding:0;flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.recent-track{display:flex;flex-direction:column;gap:6px;animation:scroll-up 25s linear infinite}.recent-list:hover .recent-track{animation-play-state:paused}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.recent-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#c7d8eb;padding:4px 6px;border-radius:3px}.recent-item:hover{background:#00dcff14}.recent-time{font-family:Courier New,monospace;color:#8ed1ff;font-size:12px;width:44px;flex-shrink:0}.recent-icon{width:22px;text-align:center;flex-shrink:0}.recent-teacher{color:#fff;font-weight:500;width:70px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-class{color:#00dcff;width:90px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;flex-shrink:0}.recent-tag.add{background:#52c4c433;color:#73d13d}.recent-tag.deduct{background:#ff4d4f33;color:#ff7875}.recent-comment{color:#c7d8eb;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes number-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.kpi-value.pulse{animation:number-pop .6s ease-out}@media (max-width: 1280px){.board-kpis{grid-template-columns:repeat(2,1fr)}.board-middle{grid-template-columns:1fr 1.2fr}.kpi-value{font-size:36px}}@media (max-width: 1024px){.board-middle{grid-template-columns:1fr}.board-recent{height:160px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#000000d9}a{text-decoration:none;color:inherit}.page-container{padding:16px}.page-title{font-size:20px;font-weight:600;margin-bottom:16px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0}.stat-card .stat-value{font-size:28px;font-weight:700;line-height:1.2}.stat-card .stat-label{font-size:13px;color:#999;margin-top:4px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1890ff,#0050b3)}.login-card{width:380px;background:#fff;border-radius:12px;padding:40px 36px;box-shadow:0 12px 40px #0003}.login-logo{text-align:center;margin-bottom:28px}.login-logo .logo-icon{width:56px;height:56px;border-radius:14px;background:#1890ff;color:#fff;font-size:28px;display:inline-flex;align-items:center;justify-content:center}.login-logo h1{font-size:20px;font-weight:600;margin-top:12px}.login-logo p{font-size:13px;color:#999;margin-top:4px}.section-divider{height:1px;background:#f0f0f0;margin:16px 0}