*{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}.canteen-screen{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{height:80px;background:linear-gradient(90deg,#1e3a5f,#0f2744);display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:2px solid #10B981}.header-left{display:flex;align-items:center;gap:16px}.logo{width:48px;height:48px}.title{font-size:28px;font-weight:700;color:#f8fafc;letter-spacing:2px}.header-center{display:flex;align-items:center}.weather{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 20px;border-radius:20px}.weather-icon{font-size:24px}.weather-temp{font-size:20px;font-weight:600}.weather-desc{font-size:14px;color:#94a3b8}.header-right{text-align:right}.date{font-size:14px;color:#94a3b8;margin-bottom:4px}.time{font-size:32px;font-weight:700;color:#10b981;font-family:Consolas,monospace}.main-content{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px;overflow:hidden}section{display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h2{font-size:20px;font-weight:600;color:#f8fafc}.meal-type{background:#10b981;color:#fff;padding:4px 16px;border-radius:12px;font-size:14px;font-weight:500}.menu-section{background:#1e293bcc;border-radius:16px;padding:20px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1;overflow-y:auto}.menu-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid #334155;transition:all .3s}.menu-card.highlight{border-color:#10b981;background:linear-gradient(135deg,#064e3b,#1e293b)}.dish-icon{font-size:32px}.dish-info{flex:1}.dish-name{font-size:16px;font-weight:600;color:#f8fafc;margin-bottom:6px}.dish-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;padding:2px 8px;border-radius:4px;background:#334155;color:#94a3b8}.tag.protein{background:#7c3aed;color:#fff}.tag.vitamin{background:#f59e0b;color:#fff}.tag.mineral{background:#ec4899;color:#fff}.tag.fiber{background:#10b981;color:#fff}.tag.carb{background:#3b82f6;color:#fff}.tag.energy{background:#ef4444;color:#fff}.tag.light{background:#64748b;color:#fff}.tag.fresh{background:#22c55e;color:#fff}.dish-nutrition{display:flex;gap:16px;padding-top:8px;border-top:1px solid #334155}.nutrition-item{display:flex;flex-direction:column}.nutrition-value{font-size:16px;font-weight:600;color:#10b981}.nutrition-label{font-size:11px;color:#64748b}.dish-progress{margin-top:4px}.progress-bar{height:4px;background:#334155;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px}.progress-text{font-size:11px;color:#64748b;margin-top:4px;display:block}.stats-section{display:flex;flex-direction:column;gap:16px}.stats-card{background:#1e293bcc;border-radius:16px;padding:20px}.stats-card h3{font-size:16px;font-weight:600;color:#f8fafc;margin-bottom:16px}.progress-card{flex:1;display:flex;flex-direction:column;align-items:center}.progress-circle{position:relative;width:160px;height:160px;margin:20px 0}.progress-circle svg{transform:scale(1.5)}.progress-circle circle:last-child{stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value{display:block;font-size:36px;font-weight:700;color:#10b981}.progress-label{display:block;font-size:14px;color:#64748b}.progress-stats{display:flex;gap:40px;margin-top:16px}.stat-item{text-align:center}.stat-value{display:block;font-size:28px;font-weight:700;color:#f8fafc}.stat-label{display:block;font-size:13px;color:#64748b}.nutrition-card{flex:1}.nutrition-gauges{display:flex;flex-direction:column;gap:12px}.gauge-item{display:flex;align-items:center;gap:12px}.gauge-bar{flex:1;height:8px;background:#334155;border-radius:4px;overflow:hidden}.gauge-fill{height:100%;border-radius:4px;transition:width .5s ease}.gauge-fill.good{background:#10b981}.gauge-fill.normal{background:#f59e0b}.gauge-fill.warning{background:#ef4444}.gauge-info{width:100px;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}.feedback-card{flex:1}.feedback-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.feedback-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#1e293b;border-radius:8px;border-left:3px solid #334155}.feedback-item.positive{border-left-color:#10b981}.feedback-item.neutral{border-left-color:#f59e0b}.feedback-item.negative{border-left-color:#ef4444}.feedback-avatar{width:36px;height:36px;background:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.feedback-content{flex:1}.feedback-text{font-size:13px;color:#e2e8f0;margin-bottom:4px}.feedback-meta{display:flex;gap:12px;font-size:11px;color:#64748b}.feedback-rating{font-size:20px}.info-section{display:flex;flex-direction:column;gap:16px}.info-card{background:#1e293bcc;border-radius:16px;padding:20px}.info-card h3{font-size:16px;font-weight:600;color:#f8fafc;margin-bottom:16px}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1e293b;border-radius:8px}.tip-icon{font-size:20px}.tip-text{font-size:13px;color:#e2e8f0}.notice-list{display:flex;flex-direction:column;gap:10px}.notice-item{display:flex;gap:12px;padding:12px;background:#1e293b;border-radius:8px}.notice-time{font-size:12px;color:#10b981;font-weight:600;white-space:nowrap}.notice-text{font-size:13px;color:#e2e8f0}.satisfaction-card{flex:1;display:flex;flex-direction:column}.satisfaction-score{text-align:center;margin-bottom:16px}.score-value{font-size:48px;font-weight:700;color:#10b981}.score-unit{font-size:18px;color:#64748b;margin-left:4px}.satisfaction-trend{text-align:center;margin-bottom:16px}.trend-icon{margin-right:8px}.trend-text{font-size:14px;color:#10b981}.satisfaction-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag-good{font-size:12px;padding:4px 12px;background:#10b98133;color:#10b981;border-radius:12px}.tag-normal{font-size:12px;padding:4px 12px;background:#f59e0b33;color:#f59e0b;border-radius:12px}.footer{height:40px;background:linear-gradient(90deg,#1e3a5f,#0f2744);display:flex;align-items:center;overflow:hidden}.scroll-text{display:flex;gap:60px;animation:scroll 20s linear infinite;white-space:nowrap}.scroll-text span{font-size:14px;color:#94a3b8}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}