:root{--ink:#101820;--red:#b3262d;--paper:#f5f2ec;--gold:#b89b66;--muted:#72777e;--line:#e8e4dc}*{box-sizing:border-box}body{margin:0;background:#d9dde0;color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}.phone-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:#faf9f6;position:relative;padding-bottom:78px;box-shadow:0 0 45px #18232d20;overflow:hidden}.topbar{height:68px;padding:12px 18px;display:flex;align-items:center;gap:11px;background:#fff}.topbar strong{display:block;font-size:17px;letter-spacing:.08em}.topbar small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;font-family:serif;font-weight:700;box-shadow:inset 0 0 0 2px #fff7}.round{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px}.page{display:none;animation:fade .22s ease}.page.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(4px)}}.search{margin:5px 18px 14px;height:44px;border-radius:22px;background:#f0eee9;color:#8a8b8c;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:13px}.search span:nth-child(2){flex:1}.search kbd{border:0;color:var(--red);background:none;font-family:inherit}.search.compact{margin-top:0}.hero{height:265px;margin:0 14px;border-radius:3px;overflow:hidden;background:var(--ink);position:relative;color:white}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101820 0%,#101820ed 39%,transparent 76%)}.hero img{width:62%;height:100%;float:right;object-fit:cover}.hero-copy{position:absolute;z-index:2;left:25px;top:32px}.hero-copy small,.section-head small,.detail-copy small{font-size:9px;letter-spacing:.2em;color:#c9ad78}.hero-copy h1{font-family:serif;font-size:31px;line-height:1.25;margin:9px 0}.hero-copy p{font-size:12px;color:#d2d5d6}.hero-copy button,.empty button{background:var(--red);color:#fff;border:0;padding:10px 20px;margin-top:9px}.hero-stamp{position:absolute;z-index:3;right:15px;top:15px;border:1px solid #fff8;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;text-align:center;font:11px serif}.service-strip{height:42px;margin:0 14px;background:#fff;display:flex;align-items:center;justify-content:space-around;color:#53585d;font-size:11px;border:1px solid var(--line);border-top:0}.section-head{display:flex;align-items:end;justify-content:space-between;padding:24px 18px 13px}.section-head h2{font:700 20px serif;margin:2px 0 0}.section-head button{border:0;background:none;color:#777}.category-grid{display:flex;gap:10px;overflow:auto;padding:0 18px 4px;scrollbar-width:none}.category-grid button{min-width:72px;border:0;background:none;padding:0;color:#333}.category-grid img{width:64px;height:64px;object-fit:cover;border-radius:50%;background:#eee;display:block;margin:auto}.category-grid span{font-size:12px;display:block;margin-top:7px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;text-align:left;padding:0}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}.product-card .body{padding:10px}.product-card h3{font-size:13px;line-height:1.4;margin:0;height:38px;overflow:hidden}.product-card p{margin:7px 0 0;display:flex;justify-content:space-between;align-items:center}.product-card strong{color:var(--red);font-size:16px}.product-card b{background:var(--ink);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.page-title{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.page-title h1{font-size:17px}.page-title button,.page-title i{width:50px;border:0;background:none;color:#555}.catalog{display:grid;grid-template-columns:94px 1fr;min-height:720px;border-top:1px solid var(--line)}.catalog aside{background:#f0eee9}.catalog aside button{width:100%;padding:17px 6px;border:0;background:none;color:#64666a;font-size:13px;border-left:3px solid transparent}.catalog aside button.active{background:#fff;color:var(--red);font-weight:700;border-left-color:var(--red)}.catalog-content{padding:14px}.catalog-banner{height:95px;background:linear-gradient(90deg,#17232e,#17232eaa),url('assets/tuna.jpg') center/cover;color:#fff;padding:20px}.catalog-banner small,.catalog-banner strong{display:block}.catalog-banner strong{font:20px serif;margin-top:8px}.catalog-content h3{font-size:15px;margin:20px 0 12px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px}.catalog-grid button{border:0;background:none;padding:0;font-size:11px}.catalog-grid img{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#eee}.cart-list{padding:12px 16px}.cart-item{display:grid;grid-template-columns:78px 1fr 65px;gap:12px;background:#fff;padding:12px;margin-bottom:10px}.cart-item img{width:78px;height:78px;object-fit:cover}.cart-item h3{font-size:13px;margin:2px 0}.cart-item small{color:#888}.cart-item strong{display:block;color:var(--red);margin-top:14px}.qty{display:flex;align-items:end;gap:7px}.qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff}.empty{text-align:center;padding:100px 20px;display:none}.empty span{display:grid;place-items:center;margin:auto;width:72px;height:72px;border-radius:50%;background:#eee;font-size:28px}.empty p{color:#888}.cart-summary{position:fixed;bottom:70px;width:min(100%,480px);background:#fff;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);z-index:5}.cart-summary strong{display:block;color:var(--red);font-size:20px}.cart-summary button{background:var(--red);color:#fff;border:0;border-radius:24px;padding:13px 24px}.profile-head{background:var(--ink);color:#fff;padding:28px 18px 70px;display:flex;align-items:center;gap:12px}.avatar{width:54px;height:54px;border-radius:50%;background:var(--red);display:grid;place-items:center;font:24px serif}.profile-head h2{margin:0}.profile-head p{margin:5px 0;color:#aeb4b8;font-size:11px}.profile-head button{margin-left:auto;border:1px solid #ffffff55;color:#fff;background:none;border-radius:18px;padding:7px 11px}.member-card{margin:-48px 18px 16px;padding:20px;background:linear-gradient(135deg,#d7c299,#a88954);color:#2b251c;box-shadow:0 12px 30px #0002;position:relative}.member-card small,.member-card strong,.member-card p{display:block}.member-card strong{font:22px serif;margin:8px 0}.member-card button{position:absolute;right:16px;bottom:18px;border:0;background:#171b20;color:#fff;padding:8px 12px}.orders,.menu-list{margin:12px 18px;background:#fff}.orders .section-head{padding:16px}.orders>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 5px 18px}.orders>div button{border:0;background:none;font-size:20px}.orders>div span{display:block;font-size:11px;margin-top:7px}.menu-list button{width:100%;display:flex;justify-content:space-between;padding:17px;border:0;border-bottom:1px solid var(--line);background:#fff}.detail-page{padding-bottom:84px;background:#f3f1ed}.detail-hero{height:390px;background:#fff;position:relative}.detail-hero>img{width:100%;height:100%;object-fit:contain}.detail-hero button{position:absolute;top:15px;width:38px;height:38px;border-radius:50%;border:0;background:#0008;color:#fff}.detail-hero .back{left:15px}.detail-hero .share{right:15px}.dots{position:absolute;bottom:15px;left:50%;display:flex;gap:5px}.dots i,.dots b{width:6px;height:6px;border-radius:50%;background:#ccc}.dots b{background:var(--red);width:17px;border-radius:4px}.detail-info,.spec,.detail-copy{background:#fff;margin-top:9px;padding:18px}.detail-price{display:flex;align-items:center;justify-content:space-between}.detail-price strong{font-size:26px;color:var(--red)}.detail-price span{font-size:10px;background:#f4e5e4;color:var(--red);padding:5px 8px}.detail-info h1{font-size:19px;line-height:1.45}.detail-info p,.detail-copy p{font-size:12px;color:#777;line-height:1.7}.tags{display:flex;gap:7px}.tags span{font-size:10px;border-right:1px solid #ddd;padding-right:8px}.spec button{width:100%;display:grid;grid-template-columns:50px 1fr 15px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.spec button span{color:#888}.detail-copy{text-align:center}.detail-copy h2{font:21px serif}.detail-actions{position:fixed;bottom:0;width:min(100%,480px);height:70px;background:#fff;display:flex;align-items:center;padding:8px 12px;z-index:10}.detail-actions button{height:48px;border:0;background:#fff;min-width:48px}.detail-actions button span{display:block;font-size:10px}.detail-actions .outline,.detail-actions .solid{flex:1;font-weight:700}.detail-actions .outline{border:1px solid var(--red);color:var(--red)}.detail-actions .solid{background:var(--red);color:#fff}.bottom-nav{position:fixed;bottom:0;width:min(100%,480px);height:70px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:8;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:#fff;color:#80858a;font-size:10px}.bottom-nav button>span{display:block;font-size:19px;margin-bottom:3px;position:relative}.bottom-nav button.active{color:var(--red)}.bottom-nav .scan span{width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;margin:-24px auto 0;border:5px solid #fff}.bottom-nav i{position:absolute;background:var(--red);color:#fff;border-radius:10px;font:9px sans-serif;padding:2px 5px;top:-5px}.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%) translateY(20px);background:#111d;color:#fff;padding:10px 18px;border-radius:22px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width:700px){body{padding:24px}.phone-shell{min-height:900px;border-radius:26px}.bottom-nav,.cart-summary,.detail-actions{bottom:24px}.bottom-nav{border-radius:0 0 26px 26px}}