*{box-sizing:border-box;margin:0;padding:0}.dashboard-wrap{width:100vw;height:100vh;min-height:100vh;background:linear-gradient(135deg,#0a1628,#132743,#0d2137);color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.dashboard-header{position:relative;flex:0 0 70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0a1628,#1a3a5c,#0a1628);border-bottom:1px solid rgba(0,212,255,.3);overflow:hidden}.header-bg{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,#ffd700,#00d4ff,transparent);background-size:200% 100%;animation:flow 3s linear infinite}@keyframes flow{0%{background-position:-200% 0}to{background-position:200% 0}}.header-title{font-size:26px;font-weight:700;background:linear-gradient(90deg,#00d4ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.header-time{position:absolute;right:120px;font-size:16px;color:#a0c4ff;font-family:DIN Alternate,Courier New,monospace}.header-status{position:absolute;right:16px;display:flex;align-items:center;gap:6px;font-size:13px;color:#a0c4ff}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.campus-month{font-size:11px;color:gold;white-space:nowrap}.connected{background:#67c23a;box-shadow:0 0 6px #67c23a}.disconnected{background:#f56c6c}.dashboard-main{flex:1;display:flex;gap:12px;padding:12px;min-height:0}.panel{background:#132743b3;border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:12px;display:flex;flex-direction:column;overflow:hidden}.panel-tech{flex:0 0 28%}.panel-summary{flex:1}.panel-right{flex:0 0 28%}.panel-title{font-size:15px;font-weight:700;color:#00d4ff;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(0,212,255,.2)}.recruit-title{margin-top:10px}.dept-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.dept-card{background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-radius:6px;padding:8px 12px;text-align:center}.dept-name{font-size:13px;color:#a0c4ff}.dept-total{font-size:28px;font-weight:700;color:#fff;font-family:DIN Alternate,monospace;margin:4px 0}.dept-delta{display:flex;justify-content:center;gap:12px;font-size:12px}.delta-up{color:#67c23a}.delta-down{color:#f56c6c}.center-cards{display:flex;gap:12px;margin-bottom:12px}.center-card{flex:1;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:16px;text-align:center}.center-label{font-size:14px;color:#a0c4ff;margin-bottom:8px}.center-value{font-size:36px;font-weight:700;background:linear-gradient(180deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:DIN Alternate,monospace}.center-delta{display:flex;justify-content:center;gap:12px;font-size:12px;margin-top:8px}.campus-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.campus-card{background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-radius:6px;padding:8px 12px;text-align:center}.campus-name{font-size:13px;color:#a0c4ff}.campus-total{font-size:28px;font-weight:700;color:#fff;font-family:DIN Alternate,monospace;margin:4px 0}.campus-delta{display:flex;justify-content:center;gap:8px;font-size:12px}.chart-container{flex:1;min-height:0;width:100%}.recruit-table{width:100%;margin-bottom:8px;border:1px solid rgba(0,212,255,.15);border-radius:4px;overflow:hidden}.recruit-row{display:flex;border-bottom:1px solid rgba(0,212,255,.08)}.recruit-row:last-child{border-bottom:none}.recruit-row.header{background:#00d4ff1a}.recruit-cell{flex:1;text-align:center;padding:6px 4px;font-size:13px;color:#a0c4ff}.recruit-cell.label-col{flex:0 0 72px;text-align:left;padding-left:8px;font-size:12px;color:#7a9ec4}.recruit-row.header .recruit-cell{font-size:11px;color:#5a8eb4;font-weight:700}.recruit-cell.total-number{font-size:18px;font-weight:700;color:#fff;font-family:DIN Alternate,monospace}.recruit-cell.today-number{font-size:13px;color:#67c23a;font-weight:700}@media (max-width: 768px){.dashboard-wrap{overflow-y:auto;overflow-x:hidden}.dashboard-header{flex:0 0 50px;padding:0 10px;flex-wrap:wrap}.header-title{font-size:16px;letter-spacing:2px}.header-time{position:static;font-size:12px;margin-left:auto}.header-status{position:static;font-size:12px;margin-left:8px}.status-text{display:none}.dashboard-main{flex-direction:column;gap:10px;padding:8px;overflow-y:auto;overflow-x:hidden}.panel-tech,.panel-summary,.panel-right{flex:none;width:100%}.dept-cards{grid-template-columns:1fr 1fr;gap:6px}.dept-card{padding:8px}.dept-total{font-size:24px}.dept-name{font-size:12px}.dept-delta{font-size:11px;gap:8px}.center-cards{flex-direction:column;gap:8px}.center-card{padding:12px}.center-value{font-size:30px}.center-label{font-size:13px}.campus-cards{grid-template-columns:1fr 1fr;gap:6px}.campus-card{padding:8px}.campus-total{font-size:24px}.campus-name{font-size:12px}.campus-delta{font-size:11px}.chart-container{height:200px!important;flex:none;min-height:200px}.recruit-table{margin-bottom:6px}.recruit-cell{font-size:12px;padding:4px 2px}.recruit-cell.label-col{flex:0 0 56px;font-size:11px;padding-left:4px}.recruit-cell.total-number{font-size:15px}.panel-title{font-size:14px;margin-bottom:8px}}