*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#454b5e;font:14px PingFang SC,Microsoft YaHei,system-ui,sans-serif}.app{padding-bottom:76px;min-height:100vh;background:#f2f5fa}.site-head{position:sticky;top:0;z-index:30;background:#fff}.top-strip{height:42px;background:#000;color:#fff;font-size:13px}.head-inner{width:min(1300px,calc(100% - 24px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.strip-left,.strip-right{display:flex;align-items:center;height:42px}.app .site-head button{margin:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}.app .top-strip button{height:42px;padding:0;color:#fff;font-size:13px}.app .top-strip button+button:before{content:"|";margin:0 12px;color:#ffffff73;font-weight:400}.nav-wrap{height:88px;background:#fff;box-shadow:0 1px #eef1f6}.nav-row{height:80px;gap:8px}.brand{display:flex;align-items:center;gap:8px;width:200px;flex:0 0 auto;text-align:left}.brand-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#ff4d4f,#1789f9);color:#fff;font-size:22px;font-weight:700;display:grid;place-items:center}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:20px;color:#1789f9;letter-spacing:1px}.brand-text em{font-style:normal;font-size:12px;color:#8c93a3}.main-menu{display:none;align-items:flex-end;height:52px;flex:1;min-width:0}.app .menu-link{position:relative;flex:0 0 auto;padding:0 14px 8px;color:#111;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;background:transparent}.app .menu-link.on{color:#1789f9}.app .menu-link.on:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:2px;background:#1789f9}.menu-tag{position:absolute;top:-16px;right:2px;background:#f30;color:#fff;font-size:12px;font-weight:400;line-height:15px;padding:0 4px;white-space:nowrap;border-radius:2px}.menu-tag:after{content:"";position:absolute;left:0;bottom:-3px;border:3px solid transparent;border-top-color:#f30;border-left-color:#f30}.more{position:relative}.more-pop{display:none;position:absolute;top:100%;right:0;min-width:140px;padding:6px;background:#fff;border:1px solid #e6ebf2;border-radius:8px;box-shadow:0 8px 24px #17203314}.more:hover .more-pop,.more:focus-within .more-pop{display:block}.app .more-pop button{display:block;width:100%;padding:8px 10px;text-align:left;color:#172033;border-radius:6px}.app .more-pop button:hover{background:#f2f5fa}.head-search{display:flex;width:min(260px,42vw);height:36px;margin-left:auto;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;background:#fff;flex:0 0 auto}.head-search input{flex:1;min-width:0;border:0;outline:0;padding:0 12px;font-size:14px}.app .head-search button{width:68px;background:#1789f9;color:#fff;font-size:14px}.content{width:min(1300px,calc(100% - 24px));margin:0 auto}.wechat-card .info-body{color:#454b5e;text-align:left;line-height:1.7}.app section{padding:18px}.app h2{font-size:20px}.app article{margin:12px 0;padding:16px;border:1px solid #e2e8f0;border-radius:10px}.app article h3{margin:0 0 8px}.sku{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px 0;border-top:1px solid #e2e8f0}.sku strong{color:#dc2626}.sku em{font-style:normal;color:#64748b}.app button,.login button{border:0;border-radius:7px;background:#e2e8f0;color:#0f172a;padding:8px 12px;margin:3px;cursor:pointer}.app button.primary,.primary,.login button{background:#2563eb;color:#fff}.app button:disabled{opacity:.45}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px;background:#fff;border-top:1px solid #e2e8f0;z-index:20}.tabbar button{background:transparent}.tabbar button.active{color:#2563eb;font-weight:700}.login{min-height:100vh;display:grid;place-items:center}.login section{width:min(380px,90vw);padding:28px;background:#fff;border-radius:12px;box-shadow:0 10px 35px #0002}.login input{display:block;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:7px;margin:12px 0}.error,.login small{display:block;padding:8px;color:#dc2626}.hint{color:#64748b;line-height:1.6}.catalog{display:block}.cat-side{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.cat-side h2{display:none}.app button.cat-btn{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;background:#fff;border:1px solid #e2e8f0}.app button.cat-btn.active,.chip.active{background:#e8f1ff;color:#1d4ed8;border-color:#b9d4fb}.cat-btn img{width:28px;height:28px;border-radius:8px;object-fit:cover}.subcats{display:flex;gap:8px;overflow:auto;margin-bottom:8px}.chip{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:6px 10px;white-space:nowrap}.goods-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-buy{display:grid;gap:16px}.content>section{background:#fff;border-radius:16px;margin-top:16px}.app button.goods-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;padding:8px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.goods-card img,.detail-image{width:100%;height:140px;object-fit:contain;background:#f8fafc;border-radius:8px}.goods-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;color:#1f2937}.goods-card strong,.price{color:#dc2626}.detail-image{height:220px}.back{background:transparent;color:#2563eb;padding:0}.rich{margin-top:16px;overflow:auto;line-height:1.7}.rich img{max-width:100%}.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0f172a73}.wechat-card{width:min(360px,100%);padding:22px 18px 18px;background:#fff;border-radius:16px;text-align:center;box-shadow:0 16px 40px #0002}.wechat-card h2{margin:0 0 12px;font-size:18px}.wechat-card img{width:min(260px,100%);height:auto;margin:0 auto}.wechat-card p{margin:10px 0 0;color:#94a3b8}.wechat-card .phone{color:#334155;font-size:16px;font-weight:700}@media (min-width:960px){.app{padding-bottom:32px}.main-menu{display:flex}.app .menu-link{font-size:18px}.tabbar{display:none}.catalog{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.cat-side{display:block;position:sticky;top:146px;max-height:calc(100vh - 162px);overflow:auto;margin:0}.cat-side h2{display:block}.app button.cat-btn{width:100%;margin:0 0 6px;text-align:left}.goods-grid{grid-template-columns:repeat(3,1fr)}.goods-card img{height:180px}.detail-buy{grid-template-columns:420px 1fr;align-items:start}.detail-image{height:420px}}@media (max-width:959px){.strip-left button:nth-child(n+4){display:none}.brand{width:auto}.brand-text em{display:none}.nav-wrap,.nav-row{height:64px}.buy-card{grid-template-columns:1fr}.phone-qr img{width:140px}}.content>section.detail-page{background:transparent;padding:8px 0 24px;box-shadow:none}.crumb{display:flex;align-items:center;gap:8px;min-height:36px;color:#8d8e99;font-size:14px}.app .crumb button,.rule{margin:0;padding:0;background:transparent;color:#1789f9}.crumb em{font-style:normal;color:#454b5e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buy-card{display:grid;grid-template-columns:1fr;gap:20px;padding:16px;background:#fff;border-radius:8px}.buy-left{min-width:0}.detail-page .detail-image{width:100%;height:auto;max-height:400px;object-fit:contain;background:#f7f8fa;border-radius:4px}.id-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#8d8e99;font-size:13px}.app .share{margin:0;padding:2px 10px;border-radius:999px;background:#e8f3ff;color:#1789f9}.phone-qr{display:flex;flex-direction:column;align-items:flex-start;margin-top:16px}.phone-qr img{width:168px;height:auto;background:#fff}.phone-qr p{margin:8px 0 0;color:#8d8e99;font-size:13px}.buy-right h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#454b5e}.describe{margin:0 0 12px;color:#454b5e}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:16px;color:#fff;font-size:12px}.pill.green{background:#7ed321}.pill.peach{background:#fff2e8;color:#d4380d}.price-box{padding:14px 16px;background:#f7f8fa;border-radius:6px}.price-line{display:flex;align-items:center;gap:8px}.price-line b{color:#fa2c19;font-size:18px}.app .follow{margin-left:auto;padding:4px 12px;border-radius:6px;background:#1789f9;color:#fff}.app .follow.on{background:#e8f3ff;color:#1789f9}.price-box p{margin:8px 0 0;color:#454b5e}.price-box em{font-style:normal;color:#8d8e99;font-size:12px}.services{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.service{display:inline-flex;align-items:center;gap:4px}.service img{width:16px;height:16px}.field-box,.qty-box{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:16px;background:#f7f8fa;border-radius:6px}.field-box{flex-direction:column;align-items:stretch}.field-box label{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:8px}.field-box input,.qty-box input{height:36px;padding:0 10px;border:1px solid #d9d9d9;border-radius:6px;background:#fff}.qty-box input{width:88px}.pay-box{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:18px 16px 14px;background:#fff7f0;border:1px solid #ffd8bf;border-radius:8px}.pay-box label{position:relative;display:flex;align-items:center;gap:6px;min-width:120px;height:40px;padding:0 12px;background:#fff;border:1px solid #e6ebf2;border-radius:6px}.pay-box label.on{border-color:#1789f9}.pay-box .flag{position:absolute;top:-10px;left:28px;padding:0 6px;border-radius:8px;background:#7ed321;color:#fff;font-style:normal;font-size:12px;line-height:16px}.pay-box .flag.hot{background:#ff4d4f}.agree{display:flex;align-items:center;gap:6px;margin-top:14px;color:#454b5e}.app .rule{color:#1789f9}.buy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.app .buy-now,.app .ghost{height:40px;margin:0;padding:0 18px;border-radius:6px;font-size:16px}.app .buy-now{background:#1789f9;color:#fff}.app .ghost{background:#fff;color:#454b5e;border:1px solid #d9d9d9}.detail-tabs{display:flex;gap:28px;margin-top:16px;padding:0 16px;background:#fff;border-radius:8px 8px 0 0}.app .detail-tabs button{margin:0;padding:14px 0 10px;background:transparent;color:#454b5e;border-radius:0;border-bottom:2px solid transparent}.app .detail-tabs button.on{color:#1789f9;border-bottom-color:#1789f9}.detail-page .rich,.detail-page>.hint{margin:0;padding:16px;background:#fff;border-radius:0 0 8px 8px}.rich span{font-size:inherit;color:inherit}@media (min-width:960px){.buy-card{grid-template-columns:412px minmax(0,1fr);align-items:start;padding:20px}.detail-page .detail-image{width:400px;height:400px}}