:root{--primary: #2ecc71;--bg: #f5f7fa;--card: #ffffff;--text: #2c3e50;--p-color: #ff7675;--c-color: #fab1a0;--cal-color: #00cec9;--shadow: 0 8px 30px rgba(0,0,0,.04)}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg);color:var(--text)}.app-shell{max-width:1100px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{padding:20px;display:flex;justify-content:space-between;align-items:center;background:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;color:var(--primary)}.brand-icon{background:var(--primary);color:#fff;padding:6px;border-radius:10px}.cloud-badge{font-size:.75rem;color:#94a3b8;background:#f1f5f9;padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:5px}.tabs{display:flex;gap:10px;padding:10px 20px;background:#fff;border-bottom:1px solid #edf2f7}.tabs button{border:none;background:none;padding:10px 20px;border-radius:12px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.tabs button.active{background:#f0fff4;color:var(--primary)}.main{padding:25px;flex:1}.layout{display:grid;grid-template-columns:1fr 380px;gap:25px}.filter-bar{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.cat-btn{white-space:nowrap;border:1px solid #e2e8f0;background:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.food-item{background:#fff;padding:15px;border-radius:18px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;box-shadow:var(--shadow);transition:transform .2s}.food-emoji{font-size:2rem;margin-bottom:10px}.food-title{font-weight:600;font-size:.9rem;margin-bottom:4px}.food-cal{font-size:.75rem;color:#94a3b8}.plus-icon{position:absolute;top:10px;right:10px;color:var(--primary);opacity:.4}.plate-card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px}.plate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.plate-header h3{margin:0;font-size:1.1rem}.text-btn{border:none;background:none;color:#ef4444;font-size:.8rem;cursor:pointer}.plate-items{display:flex;flex-wrap:wrap;gap:8px;min-height:60px}.plate-item{background:#f8fafc;padding:6px 12px;border-radius:12px;font-size:.85rem;display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0}.placeholder{color:#cbd5e1;font-size:.85rem;text-align:center;width:100%;padding:20px 0}.stats-card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px}.stat-bar-container{margin-bottom:15px}.stat-info{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;margin-bottom:6px}.bar-bg{height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px}.action-group{display:flex;flex-direction:column;gap:12px}.ai-trigger{background:#f0f9ff;color:#0369a1;border:1px dashed #bae6fd;padding:12px;border-radius:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.ai-box{background:#f8fafc;padding:15px;border-radius:15px;font-size:.85rem;line-height:1.6;color:#475569;border-left:4px solid #3498db}.save-trigger{background:var(--primary);color:#fff;border:none;padding:16px;border-radius:18px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 10px 20px #2ecc7133}.save-trigger:disabled{opacity:.5;filter:grayscale(1)}.history-view{display:flex;flex-direction:column;gap:15px}.history-card{background:#fff;padding:20px;border-radius:20px;box-shadow:var(--shadow)}.h-time{font-size:.75rem;color:#94a3b8;margin-bottom:5px}.h-foods{font-weight:700;font-size:1rem;margin-bottom:10px}.h-stats{font-size:.85rem;color:#64748b}.loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700}