@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";@font-face{font-family:Alibaba PuHuiTi;src:local("Alibaba PuHuiTi 3.0 85 Bold"),local("AlibabaPuHuiTi-3-85-Bold"),url(/fonts/AlibabaPuHuiTi-3-85-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-primary-light: #60A5FA;--color-primary-bg: rgba(37, 99, 235, .05);--color-secondary: #0F172A;--color-accent: #D97706;--color-success: #059669;--color-fun: #7C3AED;--color-bg: #F8FAFB;--color-surface: #ffffff;--color-surface-2: #F1F5F9;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-secondary: #64748B;--color-text-hint: #94A3B8;--color-dark: #0F172A;--color-dark-surface: #1E293B;--color-dark-text: #F8FAFC;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .05);--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-title: "Alibaba PuHuiTi", "Noto Sans SC", -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--navbar-height: 56px;--tabbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}#root{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.app-container{max-width:480px;width:100%;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--color-bg);overflow:hidden}.navbar{position:sticky;top:0;z-index:100;height:var(--navbar-height);background:var(--color-surface);display:flex;align-items:center;padding:0 var(--space-md);box-shadow:0 1px 0 var(--color-border);gap:var(--space-sm)}.navbar-title{flex:1;font-size:18px;font-weight:700;font-family:var(--font-title);text-align:center;color:var(--color-text)}.navbar-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text);font-size:20px;transition:background .2s}.navbar-action:active{background:var(--color-surface-2)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tabbar-height) + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:flex-start;padding-top:6px;z-index:100}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;color:var(--color-text-hint);font-size:11px;transition:color .2s}.tabbar-item.active{color:var(--color-primary)}.tabbar-icon{font-size:24px;line-height:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.tabbar-item.active .tabbar-icon{background:#2563eb1a}.tabbar-badge{position:relative}.tabbar-badge[data-count]:after{content:attr(data-count);position:absolute;top:-4px;right:-10px;min-width:16px;height:16px;background:var(--color-primary);color:#fff;font-size:10px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px}.page-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 16px)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-md)}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;position:relative;animation:card-enter .4s ease-out both}.product-card:nth-child(1){animation-delay:0ms}.product-card:nth-child(2){animation-delay:60ms}.product-card:nth-child(3){animation-delay:.12s}.product-card:nth-child(4){animation-delay:.18s}.product-card:nth-child(5){animation-delay:.24s}.product-card:nth-child(6){animation-delay:.3s}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.product-card:active{transform:scale(.97);box-shadow:none}.product-card-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:active .product-card-img img{transform:scale(1.03)}.product-card-emoji{font-size:48px}.product-card-badge{position:absolute;top:8px;left:0;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px 2px 6px;border-radius:0 10px 10px 0;letter-spacing:.5px}.product-card-tags{display:flex;gap:4px;margin-bottom:4px;flex-wrap:wrap}.product-card-body{padding:10px;position:relative}.product-card-name{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-cart-btn{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:var(--color-success);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:transform .15s,background .15s;line-height:1}.product-card-cart-btn:active{transform:scale(.9)}.product-card-cart-btn.added{background:var(--color-success);animation:btn-bounce .4s cubic-bezier(.36,1.56,.64,1)}@keyframes btn-bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.92)}to{transform:scale(1)}}.product-card-price{margin-top:6px;display:flex;align-items:baseline;gap:2px}.price-symbol{font-size:12px;color:var(--color-accent);font-weight:600}.price-value{font-size:18px;color:var(--color-accent);font-weight:700}.price-unit{font-size:11px;color:var(--color-text-hint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 var(--space-lg);border-radius:var(--radius-full);font-size:15px;font-weight:600;transition:all .2s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #2563eb4d}.btn-primary:active{box-shadow:none}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-ghost{background:var(--color-surface-2);color:var(--color-text)}.btn-full{width:100%}.btn-sm{height:36px;font-size:13px;padding:0 var(--space-md)}.btn-disabled{opacity:.5;pointer-events:none}.tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.tag-primary{background:#2563eb14;color:var(--color-primary)}.tag-accent{background:#ffa50226;color:#d4820a}.tag-green{background:#2ed57326;color:#1fa054}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg);gap:var(--space-md);color:var(--color-text-secondary)}.empty-icon{font-size:64px;opacity:.5}.empty-text{font-size:15px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.divider{height:8px;background:var(--color-bg);margin:0 -16px}.list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.toast-container{position:fixed;top:calc(var(--navbar-height) + 16px);left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.toast{background:#000c;color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:14px;white-space:nowrap;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;animation:overlay-in .25s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:480px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg) var(--space-md) calc(var(--space-lg) + var(--safe-bottom));animation:sheet-up .3s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary);color:#fff;font-size:11px;border-radius:var(--radius-full);font-weight:700}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;padding:var(--space-xl)}.cart-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.cart-item-img{width:80px;height:80px;border-radius:var(--radius-md);background:var(--color-surface-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px}.cart-item-name{font-size:14px;font-weight:500;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-quantity-ctrl{display:flex;align-items:center;gap:6px;margin-top:8px}.qty-btn{width:28px;height:28px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text);transition:background .15s}.qty-btn:active{background:var(--color-surface-2)}.qty-value{font-size:15px;font-weight:600;min-width:24px;text-align:center}.checkout-bar{position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom));left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--color-surface);border-top:1px solid var(--color-border);padding:10px var(--space-md);display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px #00000014;z-index:50}.checkout-total{font-size:14px;color:var(--color-text-secondary)}.checkout-total strong{font-size:20px;color:var(--color-accent);font-weight:700}.steps{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);gap:0}.step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--color-text-hint);position:relative;z-index:1}.step-dot.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.step-dot.done{border-color:var(--color-success);background:var(--color-success);color:#fff}.step-label{font-size:11px;color:var(--color-text-hint)}.step-label.active{color:var(--color-primary);font-weight:600}.step-line{flex:1;height:2px;background:var(--color-border);margin-bottom:18px}.step-line.done{background:var(--color-success)}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),#27ae60);display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;box-shadow:0 8px 24px #2ed57359;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.banner{height:160px;background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);text-align:center;color:#fff}.banner-title{font-size:24px;font-weight:700}.banner-sub{font-size:13px;opacity:.85;margin-top:4px}.category-bar{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);overflow-x:auto;background:var(--color-surface);-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;height:32px;padding:0 14px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--color-text-secondary);border:1.5px solid var(--color-border);background:var(--color-surface);white-space:nowrap;transition:all .2s}.category-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@keyframes cart-badge-bounce{0%{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.85)}80%{transform:scale(1.15)}to{transform:scale(1)}}.tabbar-badge.cart-bounce:after{animation:cart-badge-bounce .45s cubic-bezier(.34,1.56,.64,1)}:root{--color-profile-green: #7EBF50}.hp-root{min-height:100vh;background:#f7f7f7;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom))}.hp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}.hp-store-info{display:flex;align-items:center;gap:4px;cursor:pointer}.hp-store-pin{font-size:15px;color:var(--color-primary)}.hp-store-name{font-size:15px;font-weight:700}.hp-store-dist{font-size:11px;color:#888;background:#f5f5f5;padding:2px 6px;border-radius:20px;margin-left:4px}.hp-store-arrow{color:#bbb;font-size:14px}.hp-header-actions{display:flex;gap:6px}.hp-header-btn{width:36px;height:36px;border-radius:50%;background:#f5f5f5;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hp-scan-btn{font-size:18px}.hp-banner{background:var(--color-primary);height:170px;display:flex;align-items:center;padding:0 20px;overflow:hidden;position:relative;cursor:pointer}.hp-banner:before{content:"";position:absolute;top:-40px;right:-20px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(255,255,255,.04) 50%,transparent 70%);pointer-events:none;z-index:0}.hp-banner:after{content:"";position:absolute;bottom:-20px;left:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(253,230,138,.12) 0%,transparent 60%);pointer-events:none;z-index:0}.hp-banner-slide{display:flex;align-items:center;justify-content:space-between;width:100%;transition:background .6s ease;position:relative}.hp-banner-content{flex:1;position:relative;z-index:1}.hp-banner-tag{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:10px;padding:3px 10px;border-radius:20px;margin-bottom:8px;font-weight:600;letter-spacing:.5px;border:1px solid rgba(255,255,255,.15)}.hp-banner-title{font-size:24px;font-weight:900;font-family:var(--font-title);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:1px}.hp-banner-sub{font-size:13px;color:#ffffffe6;margin-top:4px;font-weight:400}.hp-banner-decorations{display:flex;gap:4px;flex-shrink:0}.hp-banner-deco-img{height:90px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.hp-banner-deco{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hp-deco-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hp-deco-canvas .hp-deco-shape-1,.hp-deco-canvas .hp-deco-shape-2,.hp-deco-canvas .hp-deco-shape-3{position:absolute}.hp-banner-theme-dg-industry .hp-deco-shape-1{right:10px;bottom:10px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 60%);border-radius:50%;animation:float-slow 6s ease-in-out infinite}.hp-banner-theme-dg-industry .hp-deco-shape-2{right:80px;top:20px;width:8px;height:8px;background:#ffffff59;border-radius:50%;animation:sparkle 3s ease-in-out infinite}.hp-banner-theme-dg-industry .hp-deco-shape-3{right:40px;top:40px;width:5px;height:5px;background:#fde68a66;border-radius:50%;animation:sparkle 4s ease-in-out infinite 1.5s}.hp-banner-theme-dg-factory .hp-deco-shape-1{right:20px;bottom:16px;width:50px;height:56px;border:1.5px solid rgba(255,255,255,.18);border-radius:6px 6px 25px 25px}.hp-banner-theme-dg-factory .hp-deco-shape-2{right:90px;top:16px;width:6px;height:6px;background:#ffffff59;border-radius:50%;animation:sparkle 2.5s ease-in-out infinite}.hp-banner-theme-dg-factory .hp-deco-shape-3{right:50px;top:24px;width:4px;height:4px;background:#ffffff40;border-radius:50%;animation:sparkle 3.5s ease-in-out infinite 1s}.hp-banner-theme-dg-custom .hp-deco-shape-1{right:16px;bottom:16px;width:64px;height:64px;border:1px solid rgba(255,255,255,.15);border-radius:12px;transform:rotate(15deg)}.hp-banner-theme-dg-custom .hp-deco-shape-2{right:70px;top:18px;width:7px;height:7px;background:#ffffff4d;border-radius:50%;animation:float-slow 4s ease-in-out infinite .5s}.hp-banner-theme-dg-custom .hp-deco-shape-3{right:30px;top:14px;width:5px;height:5px;background:#fff3;border-radius:50%;animation:sparkle 3s ease-in-out infinite 1s}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(15deg)}}.hp-search-wrap{padding:10px 12px;background:#f7f7f7d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.hp-search-wrap:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(to bottom,rgba(0,0,0,.04),transparent);pointer-events:none}.hp-search-bar{background:#fff;border-radius:var(--radius-full);display:flex;align-items:center;padding:10px 16px;gap:8px;cursor:text;box-shadow:0 1px 4px #0000000f;border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s}.hp-search-bar--active{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.hp-search-icon{display:flex;align-items:center;color:var(--color-text-hint);flex-shrink:0}.hp-search-placeholder{color:#bbb;font-size:14px;flex:1}.hp-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--color-text)}.hp-search-cancel{font-size:14px;color:var(--color-text-secondary);padding:0 4px;background:none;border:none;cursor:pointer;flex-shrink:0;font-weight:500}.hp-search-results{padding:8px 12px}.hp-search-status{font-size:13px;color:var(--color-text-hint);margin-bottom:8px}.hp-search-more-wrap{text-align:center;padding:12px 0}.hp-search-more-btn{padding:8px 24px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);font-size:14px;cursor:pointer}.hp-search-empty{padding-top:40px}.hp-search-panel{padding:12px 16px}.hp-search-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hp-search-panel-header--hot{margin-top:20px}.hp-search-panel-title{font-size:14px;font-weight:600}.hp-search-panel-clear{font-size:12px;color:var(--color-text-hint);background:none;border:none;cursor:pointer}.hp-search-chip-row{display:flex;flex-wrap:wrap;gap:8px}.hp-search-chip{padding:6px 14px;border-radius:var(--radius-full);font-size:13px;background:var(--color-surface-2);border:none;color:var(--color-text);cursor:pointer}.hp-search-chip--hot{background:#2563eb14;color:var(--color-primary);font-weight:600}.hp-hot-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-primary);vertical-align:middle;margin-right:2px}.hp-coupon-ticket{margin:0 12px 10px;background:linear-gradient(135deg,#fff8e8,#fff3d6);border-radius:10px;display:flex;align-items:center;cursor:pointer;overflow:visible;box-shadow:0 2px 8px #ffa5021f;position:relative}.hp-coupon-ticket:before,.hp-coupon-ticket:after{content:"";position:absolute;width:12px;height:12px;background:var(--color-bg);border-radius:50%;right:68px;z-index:1}.hp-coupon-ticket:before{top:-6px}.hp-coupon-ticket:after{bottom:-6px}.hp-coupon-ticket-left{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px}.hp-coupon-ticket-icon{font-size:20px}.hp-coupon-ticket-text{font-size:13px;font-weight:600;color:#b8860b}.hp-coupon-ticket-divider{width:1px;height:30px;background:repeating-linear-gradient(to bottom,#ffd980 0px,#ffd980 3px,transparent 3px,transparent 6px)}.hp-coupon-ticket-right{display:flex;align-items:center;gap:4px;padding:12px 14px}.hp-coupon-ticket-action{font-size:13px;font-weight:700;color:var(--color-primary)}.hp-coupon-ticket-close{width:20px;height:20px;border-radius:50%;background:#0000000f;border:none;font-size:14px;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.hp-grid2x2{display:flex;gap:8px;padding:0 12px 10px;height:170px}.hp-grid2x2-left{flex:1;background:linear-gradient(145deg,#0f172a,#1e293b 60%,#334155);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;position:relative;overflow:hidden}.hp-grid2x2-left:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(217,119,6,.18) 0%,transparent 70%);pointer-events:none}.hp-grid2x2-left:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#ffffff1a;border-radius:50%}.hp-grid2x2-right{flex:1;display:flex;flex-direction:column;gap:8px}.hp-grid2x2-item{flex:1;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:var(--radius-md);display:flex;align-items:flex-end;padding:12px;cursor:pointer;font-size:13px;color:#fff;font-weight:600;transition:transform .15s;position:relative;overflow:hidden}.hp-grid2x2-item:active{transform:scale(.97)}.hp-grid2x2-small{flex:1}.hp-grid2x2-small:after{content:"";position:absolute;bottom:-12px;right:-12px;width:40px;height:40px;background:#ffffff1a;border-radius:50%;pointer-events:none}.hp-grid2x2-warm{background:linear-gradient(135deg,#d97706,#b45309)}.hp-grid2x2-label{font-size:16px;font-weight:900;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.hp-grid2x2-label svg,.hp-grid2x2-small svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.hp-grid2x2-sub{font-size:11px;color:#ffffffd9;margin-top:4px}.hp-section{background:#fff;margin:0 0 10px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 10px}.section-header-left{display:flex;align-items:baseline;gap:6px}.section-title{font-size:17px;font-weight:800;font-family:var(--font-title);color:var(--color-text);display:flex;align-items:center;gap:6px}.section-title:before{content:"";width:3px;height:16px;background:var(--color-primary);border-radius:2px;flex-shrink:0}.section-subtitle{font-size:12px;color:var(--color-text-hint);font-weight:400}.section-more{font-size:12px;color:var(--color-text-hint);background:none;border:none;cursor:pointer}.hp-sale-banner{background:linear-gradient(135deg,#2d3436,#636e72);height:80px;display:flex;align-items:center;padding:0 20px;margin:0 12px;border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden}.hp-sale-banner:before{content:"";position:absolute;right:-10px;top:-10px;width:100px;height:100px;background:radial-gradient(circle,rgba(217,119,6,.2) 0%,transparent 70%)}.hp-sale-banner-text{position:relative;z-index:1}.hp-sale-banner-title{font-size:17px;font-weight:900;font-family:var(--font-title);color:#fff;letter-spacing:.5px}.hp-sale-banner-desc{font-size:12px;color:#ffffffbf;margin-top:4px}.hp-sale-list{background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden}.hp-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f5f5f5;cursor:pointer}.hp-list-item:last-child{border-bottom:none}.hp-list-img{width:90px;height:90px;background:#f7f7f7;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hp-list-img-el{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.hp-list-emoji{font-size:40px}.hp-list-price-row{display:flex;align-items:center;justify-content:space-between}.hp-list-price{margin:0}.hp-list-info{flex:1;min-width:0}.hp-list-name{font-size:14px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.hp-cart-btn{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hp-tag{font-size:10px;padding:1px 5px;border-radius:4px;background:#2563eb0f;color:var(--color-primary);border:1px solid rgba(37,99,235,.15)}.hp-tag[data-tag=盲盒]{background:#f3e8ff;color:#7c3aed;border-color:#c4b5fd}.hp-tag[data-tag=手办]{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.hp-tag[data-tag=毛绒]{background:#dcfce7;color:#16a34a;border-color:#86efac}.hp-tag[data-tag=限定]{background:#fef3c7;color:#b45309;border-color:#fcd34d}.hp-tag[data-tag=联名]{background:#fff0f6;color:#db2777;border-color:#f9a8d4}.hp-tag[data-tag=潮玩]{background:#fff7ed;color:#ea580c;border-color:#fdba74}.hp-tag[data-tag=国潮]{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.hp-footer{text-align:center;font-size:11px;color:#ccc;padding:20px 0 8px;cursor:default}.ap-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;padding-bottom:0}.ap-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 108px)}.ap-category-rail{width:100px;background:#f3f3f3;overflow-y:auto;flex-shrink:0}.ap-cat-item{width:100%;padding:14px 12px;text-align:left;font-size:13px;color:#666;background:transparent;border-left:3px solid transparent;cursor:pointer;display:block}.ap-cat-item.active{background:#fff;color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.ap-content{flex:1;overflow-y:auto;background:#fff}.ap-cat-title{font-size:15px;font-weight:700;padding:12px 12px 4px}.ap-sort-bar{display:flex;padding:0 12px;gap:8px;border-bottom:1px solid #f0f0f0;margin-bottom:4px}.ap-sort-btn{padding:8px 4px;font-size:13px;color:#666;cursor:pointer;border-bottom:2px solid transparent}.ap-sort-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ap-row{display:flex;gap:10px;padding:12px;border-bottom:1px solid #f5f5f5;cursor:pointer}.ap-row-img{width:90px;height:90px;background:#f7f7f7;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.ap-row-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.ap-row-name{font-size:13px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-row-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.pd-root{min-height:100vh;background:#fff;display:flex;flex-direction:column}.pd-navbar{display:flex;align-items:center;padding:0 8px;height:var(--navbar-height);background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #f5f5f5}.pd-scroll{flex:1;overflow-y:auto;padding-bottom:80px}.pd-main-img{width:100%;height:375px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.pd-price-section{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 14px 8px}.pd-price{display:flex;align-items:baseline;gap:2px;color:var(--color-accent)}.pd-share-btn{display:flex;flex-direction:column;align-items:center;color:var(--color-primary);cursor:pointer}.pd-name{font-size:16px;font-weight:600;padding:0 14px 14px;line-height:1.4}.pd-info-row{display:flex;align-items:center;padding:12px 14px;border-top:1px solid #f5f5f5;gap:10px}.pd-label{font-size:13px;color:#999;width:34px;flex-shrink:0}.pd-arrow{color:#bbb;font-size:16px}.pd-coupon-badge{background:var(--color-primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px}.pd-promo-badge{border:1px solid var(--color-primary);color:var(--color-primary);font-size:11px;padding:2px 8px;border-radius:4px}.pd-tab-bar{display:flex;border-bottom:1px solid #f0f0f0;margin-top:12px}.pd-tab-btn{flex:1;padding:12px;font-size:14px;color:#999;border-bottom:2px solid transparent;cursor:pointer}.pd-tab-btn.active{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:600}.pd-tab-content{min-height:120px}.pd-action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;padding:8px 12px;gap:8px;height:58px}.pd-action-icon{display:flex;flex-direction:column;align-items:center;width:36px;color:#666;font-size:18px;cursor:pointer}.pd-add-cart-btn{flex:1;height:40px;background:#333;color:#fff;border-radius:20px;font-size:14px;cursor:pointer}.pd-buy-btn{flex:1;height:40px;background:var(--color-primary);color:#fff;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer}.sku-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end}.sku-sheet{background:#fff;width:100%;max-width:480px;margin:0 auto;border-radius:20px 20px 0 0;padding:20px 16px 30px;max-height:80vh;overflow-y:auto;position:relative}.sku-close{position:absolute;top:16px;right:16px;font-size:18px;color:#999;cursor:pointer}.sku-header{display:flex;gap:12px;margin-bottom:16px}.sku-header-img{width:70px;height:70px;background:#f5f5f5;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.sku-header-name{font-size:14px;color:#333;line-height:1.4}.sku-section-label{font-size:14px;color:#333;margin:12px 0 8px;font-weight:600}.sku-chips{display:flex;flex-wrap:wrap;gap:8px}.sku-chip{padding:8px 16px;border-radius:6px;background:#f5f5f5;font-size:14px;color:#333;cursor:pointer;border:1px solid transparent}.sku-chip.selected{background:#fff0f0;color:var(--color-primary);border-color:var(--color-primary)}.sku-qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.sku-qty-label{font-size:14px;color:#333}.sku-qty-ctrl{display:flex;align-items:center;gap:16px}.sku-qty-btn{width:30px;height:30px;border:1px solid #ddd;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.sku-qty-val{font-size:16px;font-weight:600;min-width:24px;text-align:center}.cart-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column}.cart-coupon-banner{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;color:#333}.cart-coupon-link{color:var(--color-primary);font-size:13px}.cart-scroll{flex:1;overflow-y:auto;padding-bottom:100px}.cart-item{display:flex;align-items:center;background:#fff;margin-bottom:8px;padding:12px;gap:10px}.cart-check{width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cart-check-icon{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;cursor:pointer}.cart-check-icon.checked{background:var(--color-primary);border-color:var(--color-primary)}.cart-item-img{width:80px;height:80px;background:#f5f5f5;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:13px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-sku-tag{display:inline-block;background:#f5f5f5;color:#999;font-size:11px;padding:2px 8px;border-radius:4px;margin-top:4px}.cart-bar{position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom));left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;padding:8px 12px;gap:8px;height:56px}.cart-select-all{display:flex;align-items:center;flex-shrink:0}.cart-total-area{flex:1;min-width:0}.cart-total-line{font-size:14px;color:#333}.cart-total-price{color:var(--color-primary);font-size:18px;font-weight:700}.cart-saved-line{font-size:11px;color:#999;display:flex;align-items:center;gap:4px;margin-top:2px}.cart-detail-link{color:var(--color-primary);font-size:11px;cursor:pointer}.cart-checkout-btn{background:var(--color-primary);color:#fff;padding:10px 18px;border-radius:24px;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;flex-shrink:0}.discount-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:8px 0}.coupon-card{border:1px solid #f5d0d0;border-radius:12px;padding:14px;margin-bottom:12px;background:#fff9f9;position:relative}.coupon-badge{position:absolute;top:0;left:0;background:var(--color-primary);color:#fff;font-size:10px;padding:2px 8px;border-radius:12px 0}.coupon-left{display:flex;gap:8px;align-items:baseline}.coupon-amount{font-size:24px;color:var(--color-primary)}.coupon-cond{font-size:12px;color:#999}.coupon-name{font-size:14px;font-weight:600}.coupon-expire{font-size:11px;color:#bbb;margin-top:4px}.coupon-mid{width:1px;background:repeating-linear-gradient(to bottom,#f0f0f0 4px,transparent 4px,transparent 8px)}.profile-root{min-height:100vh;background:#f5f5f5;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom))}.profile-header{background:linear-gradient(145deg,#8bce55,var(--color-profile-green));padding:16px 16px 30px}.profile-user-row{display:flex;align-items:center;gap:12px}.profile-avatar{width:54px;height:54px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.profile-user-info{flex:1}.profile-username{color:#fff;font-size:16px;font-weight:700}.profile-member-code{display:inline-block;background:#ffffff40;color:#fff;font-size:11px;padding:2px 8px;border-radius:20px;margin-top:4px}.profile-points-box{text-align:right}.profile-points-label{color:#fffc;font-size:11px}.profile-points-val{color:#fff;font-size:22px;font-weight:700}.profile-coupon-row{text-align:center;margin-top:14px;cursor:pointer}.profile-coupon-num{font-size:22px;font-weight:700;color:#fff}.profile-coupon-label{font-size:12px;color:#fffc;margin-top:2px}.profile-vip-banner{background:linear-gradient(135deg,#d4a047,#f0c878);display:flex;align-items:center;padding:12px 16px;gap:8px;margin:-14px 12px 12px;border-radius:10px;box-shadow:0 2px 8px #0000001f;cursor:pointer;font-size:13px;color:#7b4900;font-weight:600}.profile-vip-icon{width:22px;height:22px;background:#b8831e;color:#ffd88a;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0}.profile-vip-action{margin-left:auto;font-size:12px}.profile-card{background:#fff;margin:0 0 6px}.profile-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px}.profile-card-title{font-size:15px;font-weight:700}.profile-card-more{font-size:12px;color:#999}.profile-order-row{display:flex;padding:0 8px 14px}.profile-order-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:4px 0}.profile-order-icon{font-size:26px}.profile-order-label{font-size:11px;color:#666}.profile-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;text-align:left;background:#fff}.profile-menu-icon{font-size:18px;width:24px;text-align:center}.profile-menu-label{flex:1;font-size:14px;color:#333}.profile-menu-arrow{color:#ccc;font-size:16px}.mc-tab-bar{display:flex;background:#fff;border-bottom:1px solid #f0f0f0}.mc-tab{flex:1;padding:12px 2px;font-size:13px;color:#999;border-bottom:2px solid transparent;cursor:pointer;text-align:center}.mc-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.mc-filter-chip{display:inline-block;background:#f5f5f5;color:#999;font-size:12px;padding:4px 12px;border-radius:20px;cursor:pointer;border:1px solid transparent}.mc-filter-chip.active{background:#fff0f0;color:var(--color-primary);border-color:var(--color-primary)}.mc-coupon-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 1px 6px #0000000f}.mc-badge-type{display:inline-block;background:var(--color-primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-right:4px}.mc-badge-near{display:inline-block;background:#ffe8e8;color:var(--color-primary);font-size:10px;padding:2px 6px;border-radius:4px}.mc-coupon-name{font-size:15px;font-weight:600;margin-top:6px}.points-header{background:linear-gradient(145deg,#ff6b6b,var(--color-primary));padding:24px 16px 36px}.points-score{font-size:48px;font-weight:900;color:#fff}.points-tip{font-size:12px;color:#fffc;margin-top:4px}.points-rule-btn{background:#fff3;color:#fff;font-size:12px;padding:4px 12px;border-radius:20px;cursor:pointer}[data-theme=dark_cool]{--color-primary: #00ff88;--color-primary-dark: #00cc6a;--color-primary-light: #33ffaa;--color-bg: #0a0a0f;--color-surface: #1a1a2e;--color-surface-2: #16213e;--color-border: #2a2a3e;--color-text: #e0e0e0;--color-text-secondary: #8a8a9a;--color-text-hint: #555566;--color-accent: #ff6b35}[data-theme=sweet_pink]{--color-primary: #ff4da6;--color-primary-dark: #e6358f;--color-primary-light: #ff80c0;--color-bg: #fff0f5;--color-surface: #ffffff;--color-surface-2: #fff5f8;--color-border: #ffd6e7;--color-text: #4a2040;--color-text-secondary: #9a6080;--color-text-hint: #c8a0b8;--color-accent: #ffb347}[data-theme=minimal_white]{--color-primary: #1a1a2e;--color-primary-dark: #0f0f1a;--color-primary-light: #2d2d4a;--color-bg: #f7f7f7;--color-surface: #ffffff;--color-surface-2: #f0f0f0;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-hint: #aaaaaa;--color-accent: #4a7cff}[data-theme=guochao_red]{--color-primary: #c0392b;--color-primary-dark: #a93226;--color-primary-light: #e74c3c;--color-bg: #faf5ef;--color-surface: #fffdf8;--color-surface-2: #f5ede0;--color-border: #e8d5be;--color-text: #3c2415;--color-text-secondary: #7a5c46;--color-text-hint: #b8a08a;--color-accent: #d4af37}[data-theme=tech_gray]{--color-primary: #2196f3;--color-primary-dark: #1976d2;--color-primary-light: #64b5f6;--color-bg: #eceff1;--color-surface: #f5f7fa;--color-surface-2: #e3e8ed;--color-border: #cfd8dc;--color-text: #263238;--color-text-secondary: #546e7a;--color-text-hint: #90a4ae;--color-accent: #00bcd4}.hp-banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.hp-banner-dot{width:6px;height:6px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s}.hp-banner-dot.active{width:18px;border-radius:3px;background:#fff}.hp-category-nav{display:flex;justify-content:space-around;padding:14px 12px 10px;background:var(--color-surface)}.hp-category-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;transition:transform .15s}.hp-category-item:active{transform:scale(.92)}.hp-category-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:box-shadow .2s}.hp-category-item:active .hp-category-icon{box-shadow:0 2px 8px #0000001f}.hp-category-label{font-size:12px;color:var(--color-text);font-weight:600;font-family:var(--font-title)}.hp-trust-bar{display:flex;justify-content:space-around;padding:10px 12px;background:linear-gradient(135deg,#fffbeb,#fef3c7,#fffbeb);border-radius:var(--radius-sm);margin:0 12px 6px;border:1px solid rgba(217,119,6,.08)}.hp-trust-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text);font-weight:600}.hp-trust-icon{display:flex;align-items:center;color:var(--color-primary)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.hp-flash-bar{display:flex;align-items:center;gap:10px;margin:8px 12px;padding:12px 16px;background:linear-gradient(135deg,#b45309,#d97706,#f59e0b);border-radius:var(--radius-md);color:#fff;cursor:pointer;box-shadow:0 4px 12px #e74c3c40}.hp-flash-pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse-dot 1.5s infinite;flex-shrink:0}.hp-flash-label{font-size:14px;font-weight:800;white-space:nowrap;letter-spacing:1px}.hp-flash-timer{display:flex;align-items:center;gap:2px}.hp-flash-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#00000059;border-radius:5px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.hp-flash-sep{font-size:14px;font-weight:700;margin:0 1px}.hp-flash-hint{font-size:12px;opacity:.85;margin-left:auto;font-weight:500}.hp-product-grid{padding:0 12px 8px}.hp-skeleton-wrap{padding:0 12px}.hp-skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hp-skeleton-card{border-radius:var(--radius-md);overflow:hidden;background:#fff}.hp-skeleton-img{height:140px;border-radius:0}.hp-skeleton-body{padding:10px 8px}.hp-skeleton-name{height:14px;width:80%;margin-bottom:8px}.hp-skeleton-price{height:18px;width:40%}.hp-brand-promise{margin:16px 12px 0;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.hp-promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.hp-promise-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);font-weight:500}.hp-promise-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pd-social-proof{display:flex;align-items:center;gap:12px;padding:8px 14px;font-size:12px;color:var(--color-text-secondary)}.pd-social-item{display:flex;align-items:center;gap:3px}.pd-social-item .star{color:#ffc107}.pd-social-item .num{font-weight:600;color:var(--color-text)}.pd-trust-row{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:4px 0}.pd-trust-badge{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--color-text-secondary);padding:4px 8px;background:var(--color-surface-2);border-radius:6px}.pd-trust-badge .icon{font-size:12px}.cart-continue-shopping{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;margin:8px 12px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.cart-continue-shopping:active{background:var(--color-surface-2)}.cart-recommend-section{margin:8px 0;padding:12px 0;background:var(--color-surface)}.cart-recommend-title{padding:0 14px 8px;font-size:14px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:4px}.cart-recommend-scroll{display:flex;gap:10px;padding:0 14px;overflow-x:auto;scrollbar-width:none}.cart-recommend-scroll::-webkit-scrollbar{display:none}.merchant-tabs::-webkit-scrollbar{display:none}.cart-recommend-card{flex-shrink:0;width:110px;border-radius:10px;background:var(--color-bg);overflow:hidden;cursor:pointer;transition:transform .2s}.cart-recommend-card:active{transform:scale(.96)}.cart-recommend-card-img{width:100%;height:90px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);font-size:32px}.cart-recommend-card-body{padding:6px 8px}.cart-recommend-card-name{font-size:11px;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-recommend-card-price{margin-top:3px;font-size:12px;color:var(--color-primary);font-weight:600}.pay-address-card{background:var(--color-surface);margin-bottom:8px;position:relative;overflow:hidden}.pay-address-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--color-primary) 0px,var(--color-primary) 8px,var(--color-accent) 8px,var(--color-accent) 16px,var(--color-success) 16px,var(--color-success) 24px)}.pay-address-content{padding:14px 16px;display:flex;align-items:center;gap:12px}.pay-address-icon{font-size:24px;flex-shrink:0}.pay-address-info{flex:1}.pay-address-name-phone{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px}.pay-address-detail{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.pay-address-arrow{font-size:18px;color:var(--color-text-hint)}.pay-delivery-info{background:var(--color-surface);padding:12px 16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.pay-delivery-method{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text)}.pay-delivery-eta{font-size:13px;color:var(--color-success);font-weight:500}.back-to-top{position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 16px);right:16px;width:40px;height:40px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary);cursor:pointer;z-index:50;transition:all .3s;opacity:0;pointer-events:none;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:active{transform:scale(.9)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ap-sort-btn{transition:color .2s,border-color .2s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .35s ease-out}.ap-row-sales{font-size:11px;color:var(--color-text-hint);margin-top:2px}.price-original{font-size:12px;color:var(--color-text-hint);text-decoration:line-through;margin-left:4px}.coupon-right{flex:1;padding:10px 12px}.sku-chip.disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}