*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.school-screen{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{height:72px;background:linear-gradient(90deg,#1e3a5f,#0f2744);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:2px solid #3B82F6}.title{font-size:26px;font-weight:700}.school-info{display:flex;flex-direction:column;align-items:center}.school-name{font-size:16px;font-weight:600}.school-stats{font-size:12px;color:#94a3b8}.header-right{text-align:right}.date{font-size:13px;color:#94a3b8}.time{font-size:28px;font-weight:700;color:#3b82f6;font-family:Consolas,monospace}.view-tabs{display:flex;gap:16px;padding:16px 32px;background:#1e293b80}.tab{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .3s}.tab.active{background:#3b82f6}.tab-icon{font-size:18px}.tab-text{font-size:14px;font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px 32px;overflow:hidden}.main-content.week-view{gap:12px}.top-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:#1e293bcc;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid #64748B}.kpi-card.good{border-left-color:#10b981}.kpi-card.bad{border-left-color:#ef4444}.kpi-card.alert{border-left-color:#f59e0b}.kpi-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.kpi-label{font-size:13px;color:#94a3b8}.kpi-value{font-size:32px;font-weight:700}.kpi-value.good{color:#10b981}.kpi-value.warn{color:#f59e0b}.kpi-value.alert{color:#ef4444}.kpi-value .unit{font-size:14px;font-weight:500}.kpi-trend{font-size:12px;color:#64748b}.kpi-trend.up{color:#10b981}.kpi-trend.down{color:#ef4444}.kpi-trend.warn{color:#f59e0b}.kpi-detail{margin-left:auto;font-size:12px;color:#94a3b8}.detail-item{display:flex;justify-content:space-between;gap:16px;padding:2px 0}.kpi-chart{display:flex;align-items:flex-end;gap:4px;height:50px}.mini-bar{width:8px;background:linear-gradient(to top,#10b981,#34d399);border-radius:2px}.mini-bar.bad{background:linear-gradient(to top,#ef4444,#f87171)}.alert-badge{display:flex;align-items:center;gap:8px;margin-left:auto}.pulse{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.alert-text{font-size:12px;color:#ef4444;font-weight:500}.middle-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;flex:1}.panel{background:#1e293bcc;border-radius:12px;padding:16px;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h3{font-size:15px;font-weight:600}.alert-count,.feedback-count,.terminal-count{font-size:12px;background:#ef444433;color:#f87171;padding:4px 12px;border-radius:10px}.alert-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1e293b;border-radius:8px;border-left:3px solid #64748B}.alert-item.pending{border-left-color:#ef4444;background:#ef44441a}.alert-item.handling{border-left-color:#f59e0b}.alert-item.done{border-left-color:#10b981;opacity:.7}.alert-left{text-align:center;min-width:50px}.alert-time{font-size:12px;color:#94a3b8}.alert-type{font-size:11px;color:#64748b;margin-top:2px}.alert-content{flex:1}.alert-title{font-size:14px;font-weight:500}.alert-desc{font-size:12px;color:#94a3b8;margin-top:2px}.status-badge{font-size:11px;padding:4px 10px;border-radius:10px}.status-badge.pending{background:#fee2e2;color:#dc2626}.status-badge.handling{background:#fef3c7;color:#d97706}.status-badge.done{background:#d1fae5;color:#059669}.btn-handle{padding:6px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.dish-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dish-item{display:flex;align-items:center;gap:12px;padding:10px;background:#1e293b;border-radius:8px}.dish-info{display:flex;align-items:center;gap:8px;min-width:120px}.dish-icon{font-size:20px}.dish-name{font-size:13px}.dish-stats{flex:1;display:flex;align-items:center;gap:8px}.stat{display:flex;align-items:center;gap:4px;min-width:50px}.stat-icon{font-size:12px}.stat-value{font-size:13px;font-weight:500}.stat.good .stat-value{color:#10b981}.stat.bad .stat-value{color:#ef4444}.stat-bar{flex:1;height:6px;background:#334155;border-radius:3px;overflow:hidden}.bar-fill.good{height:100%;background:#10b981;border-radius:3px}.stat-rate{font-size:12px;color:#10b981;font-weight:500;min-width:40px;text-align:right}.terminal-demo{flex:1;display:flex;flex-direction:column;gap:16px}.terminal-screen{background:#1e293b;border-radius:12px;padding:16px;border:2px solid #334155}.terminal-display{background:#0f172a;border-radius:8px;padding:16px;margin-bottom:12px;text-align:center}.display-dish{font-size:18px;font-weight:600;margin-bottom:8px}.display-nutrition{display:flex;justify-content:center;gap:16px;font-size:12px;color:#94a3b8;margin-bottom:8px}.display-allergy{font-size:11px;color:#f59e0b}.terminal-buttons{display:flex;justify-content:center;gap:16px}.term-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border-radius:8px;cursor:pointer}.term-btn.good-btn{background:#10b98133;border:2px solid #10B981}.term-btn.bad-btn{background:#ef444433;border:2px solid #EF4444}.term-btn.alert-btn{background:#f59e0b33;border:2px solid #F59E0B}.btn-icon{font-size:20px}.btn-label{font-size:11px}.terminal-stats{display:flex;justify-content:space-around}.term-stat{text-align:center}.term-value{display:block;font-size:20px;font-weight:700}.term-value.good{color:#10b981}.term-value.warn{color:#f59e0b}.term-value.alert{color:#ef4444}.term-label{font-size:11px;color:#64748b}.feedback-stream{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.feedback-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1e293b;border-radius:6px;font-size:12px}.feedback-item.good{border-left:3px solid #10B981}.feedback-item.bad{border-left:3px solid #EF4444}.feedback-item.alert{border-left:3px solid #F59E0B;background:#f59e0b1a}.feedback-time{color:#64748b;min-width:50px}.feedback-type{min-width:40px;font-weight:500}.feedback-item.good .feedback-type{color:#10b981}.feedback-item.bad .feedback-type{color:#ef4444}.feedback-item.alert .feedback-type{color:#f59e0b}.feedback-content{flex:1}.feedback-dish{color:#64748b;font-size:11px}.nutrition-gauges{display:flex;flex-direction:column;gap:12px}.gauge-item{display:flex;flex-direction:column;gap:6px}.gauge-header{display:flex;justify-content:space-between}.gauge-name{font-size:13px;color:#94a3b8}.gauge-value{font-size:13px;font-weight:600}.gauge-value.good{color:#10b981}.gauge-value.normal{color:#f59e0b}.gauge-value.warning{color:#ef4444}.gauge-bar{height:8px;background:#334155;border-radius:4px;overflow:hidden}.gauge-fill{height:100%;border-radius:4px}.gauge-fill.good{background:#10b981}.gauge-fill.normal{background:#f59e0b}.gauge-fill.warning{background:#ef4444}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.week-view .middle-row{grid-template-columns:1fr 1fr 1fr}.week-view .bottom-row{grid-template-columns:1fr 1fr}.trend-panel{grid-column:span 2}.chart-legend{display:flex;gap:16px}.legend-item{font-size:12px;color:#94a3b8}.legend-item:before{content:"";display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:middle}.legend-item.good:before{background:#10b981}.legend-item.bad:before{background:#ef4444}.chart-container{flex:1;display:flex;align-items:flex-end}.chart-bars{display:flex;justify-content:space-around;width:100%;height:100%;align-items:flex-end}.bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.bar-group .bar{width:30px;border-radius:4px 4px 0 0}.bar-group .bar.good{background:linear-gradient(to top,#10b981,#34d399)}.bar-group .bar.bad{background:linear-gradient(to top,#ef4444,#f87171)}.bar-label{font-size:11px;color:#64748b}.top-dish-list{display:flex;flex-direction:column;gap:10px}.top-dish-item{display:flex;align-items:center;gap:12px}.rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#334155;border-radius:50%}.rank.rank-1{background:#f59e0b;color:#1e293b}.rank.rank-2{background:#94a3b8;color:#1e293b}.rank.rank-3{background:#b45309;color:#fff}.dish-bar{flex:1;height:8px;background:#334155;border-radius:4px;overflow:hidden}.dish-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px}.dish-rate{font-size:13px;font-weight:600;color:#10b981;min-width:45px;text-align:right}.shortage-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.shortage-item{display:flex;flex-direction:column;gap:4px}.shortage-header{display:flex;justify-content:space-between}.shortage-name{font-size:13px}.shortage-value{font-size:13px;font-weight:600}.shortage-bar{height:8px;background:#334155;border-radius:4px;position:relative;overflow:hidden}.shortage-fill{height:100%;background:#ef4444;border-radius:4px}.target-line{position:absolute;top:0;bottom:0;width:2px;background:#10b981}.shortage-target{font-size:11px;color:#64748b}.shortage-suggest{display:flex;align-items:center;gap:8px;padding:10px;background:#f59e0b1a;border-radius:8px}.suggest-icon{font-size:16px}.suggest-text{font-size:12px;color:#f59e0b}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-item{display:flex;align-items:center;gap:12px;padding:10px;background:#1e293b;border-radius:8px}.rank-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#334155;border-radius:50%}.rank-num.top-1{background:#f59e0b;color:#1e293b}.rank-num.top-2{background:#94a3b8;color:#1e293b}.rank-num.top-3{background:#b45309;color:#fff}.rank-info{flex:1}.rank-name{font-size:13px;font-weight:500;display:block}.rank-teacher{font-size:11px;color:#64748b}.rank-score{font-size:16px;font-weight:700;color:#10b981}.rank-trend{font-size:11px}.rank-trend.up{color:#10b981}.rank-trend.down{color:#ef4444}.alert-type-list{display:flex;flex-direction:column;gap:10px}.alert-type-item{display:flex;align-items:center;gap:10px}.type-icon{font-size:16px}.type-name{min-width:70px;font-size:13px}.type-bar{flex:1;height:6px;background:#334155;border-radius:3px;overflow:hidden}.type-fill{height:100%;background:#f59e0b;border-radius:3px}.type-count{font-size:12px;color:#94a3b8;min-width:40px;text-align:right}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}