:root{--bg1: #fff7ed;--bg2: #f0fdf4;--card: rgba(255,255,255,.9);--text: #0f172a;--muted: #64748b;--line: rgba(148,163,184,.18);--primary: #d97706;--primary-2: #059669;--chip: #f8fafc;--shadow: 0 18px 45px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg1),#fff 45%,var(--bg2))}button{font:inherit}.app{max-width:760px;margin:0 auto;padding:18px 16px 32px}.hero,.card{backdrop-filter:blur(10px);background:var(--card);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.hero{overflow:hidden;margin-bottom:16px}.hero-top{padding:20px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2))}.eyebrow{font-size:12px;opacity:.88;letter-spacing:.08em}h1{margin:10px 0 8px;font-size:28px;line-height:1.15}.hero-desc,.desc,.install-banner,.footer-note,.tip-text{line-height:1.7}.hero-desc{margin:0;font-size:14px;opacity:.92}.hero-body,.card{padding:18px}.stats,.plate-grid,.stat-grid{display:grid;gap:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat,.plate-main,.plate-item{border-radius:18px;border:1px solid var(--line);background:#ffffffd1;padding:12px 14px}.stat-label,.plate-label,.tag-title,.menu-id{color:var(--muted);font-size:11px}.stat-value{font-size:16px;font-weight:700}.section-title{margin:0 0 10px;font-size:14px;font-weight:700}.chips,.tag-list{display:flex;flex-wrap:wrap;gap:8px}.chips{margin-bottom:16px}.chip,.badge,.tag{border-radius:999px}.chip{border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:13px;cursor:pointer}.chip.active,.random-btn{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent}.random-btn,.secondary-btn{width:100%;border:0;padding:16px 18px;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer}.random-btn{box-shadow:0 12px 28px #d9770638}.secondary-btn{margin-top:10px;background:#fff;border:1px solid var(--line)}.menu-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.menu-id{letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.menu-name{margin:0;font-size:26px;line-height:1.2}.badge{padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.desc{margin:10px 0 0;font-size:14px;color:#475569}.plate{margin-top:16px;padding:14px;border-radius:22px;background:#f8fafc;border:1px solid var(--line)}.plate-main{margin-bottom:10px}.plate-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.plate-value{font-size:16px;font-weight:700;line-height:1.4}.plate-item .plate-value{font-size:14px;font-weight:600}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.tag-group{margin-top:16px}.tag-title{margin-bottom:8px;font-weight:700;font-size:12px}.tag{background:var(--chip);border:1px solid var(--line);padding:8px 12px;font-size:12px}.tip{margin-top:16px;border-radius:20px;border:1px solid #fde68a;background:#fffbeb;padding:14px}.tip-title{font-size:14px;font-weight:800;color:#92400e;margin-bottom:6px}.tip-text{margin:0;font-size:14px;color:#78350f}.tip-sub{margin-top:8px;font-size:12px;color:#78350f;opacity:.85}.install-banner{margin-top:12px;padding:14px;border-radius:20px;border:1px dashed #fdba74;background:#ffffffd9;font-size:13px;color:#7c2d12}.footer-note{margin-top:14px;font-size:12px;color:var(--muted);text-align:center}@media (max-width: 640px){.app{padding:12px 12px 28px}h1{font-size:24px}.menu-name{font-size:22px}.plate-grid,.stat-grid{grid-template-columns:1fr}.menu-head{flex-direction:column}.badge{align-self:flex-start}}