:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#2f302c;background:#f7f4ed;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:34px 28px}header{display:flex;align-items:center;gap:18px}.mark{display:grid;place-items:center;background:#9b3126;border-radius:16px;width:72px;height:72px;color:#fff4dd;font:bold 44px Georgia}h1,h2,p{margin-top:0}h1{font-size:30px;margin:2px 0 0}.eyebrow{color:#776d5f;font-size:13px;margin:0}.tag{margin-left:auto;background:#eae3d6;color:#655942;padding:8px 12px;border-radius:30px;font-size:13px}.intro{padding:44px 0 30px;border-bottom:1px solid #ddd6c8}.intro h2{font-size:27px;line-height:1.5}.intro p{color:#6a655d;line-height:1.8}#status{display:inline-block;background:#fff;padding:10px 15px;border-radius:8px;font-size:14px;margin-bottom:0}.menu{padding:30px 0}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-head h2{font-size:22px;margin-bottom:0}label{font-size:13px}select{border:1px solid #c9bfae;border-radius:7px;padding:9px;background:#fff;color:#34332d;max-width:100%;margin-left:7px}.muted{font-size:13px;color:#817767;margin-top:15px;line-height:1.8}.dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dish{background:#fff;border:1px solid #e7e0d4;border-radius:10px;padding:18px;display:flex;justify-content:space-between;gap:12px}.dish h3{font-size:16px;margin:0 0 9px}.dish p{font-size:12px;color:#8b8275;margin:0}.price{color:#a23629;font-size:18px;white-space:nowrap}.category{grid-column:1/-1;font-size:15px;color:#786e5a;font-weight:600;margin:14px 0 1px}footer{border-top:1px solid #ddd6c8;padding:25px 0 10px;color:#8b8275;font-size:12px;line-height:1.7}footer a{color:inherit;text-decoration:none}footer p{margin-bottom:6px}@media(max-width:660px){main{padding:22px 18px}.mark{width:56px;height:56px;font-size:35px}header{gap:12px}h1{font-size:26px}.intro{padding:32px 0 24px}.intro h2{font-size:23px}.tag{padding:6px 10px;font-size:12px}.menu-head{align-items:flex-start;flex-direction:column;gap:15px}.dishes{grid-template-columns:1fr 1fr;gap:9px}.dish{padding:14px 12px;gap:8px}.dish h3{font-size:15px}.price{font-size:16px}}@media(max-width:360px){.dishes{grid-template-columns:1fr}}
