:root{--bg:#fff;--bg-2:#f4f4f5;--bg-3:#e4e4e7;--text-1:#111820;--text-2:#3f3f46;--text-3:#71717a;--text-4:#a1a1aa;--text-on-dark:#fff;--border:#e4e4e7;--border-strong:#d4d4d8;--primary:#111820;--primary-press:#18181b;--grad:linear-gradient(160deg,#3b82f6,#2563eb);--brand-blue:#2563eb;--brand-blue-bright:#2b5bff;--brand-blue-tint:#eff4ff;--avatar-grad:linear-gradient(160deg,#3b82f6,#2563eb);--hero-grad:linear-gradient(180deg,#f7f9fc,#fff);--cta:#111820;--cta-press:#18181b;--cta-ink:#fff;--wa:#25d366;--wa-press:#1da851;--wa-deep:#075e54;--wa-tint:#e7f9ef;--amber-bg:#fffbeb;--amber-text:#92400e;--amber-border:#fcd34d;--danger:#dc2626;--danger-bg:#fef2f2;--success:#16a34a;--info:#2563eb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--radius-card:16px;--radius-cta:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--gap-card:12px;--pad-card-sm:10px 12px;--page-pad:16px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-logo:var(--font-sans);--fs-cta:16px;--fs-price:16px;--fs-amount-lg:22px;--touch-min:44px;--h-cta:48px;--h-fab:56px;--h-tabbar:60px;--h-row:48px;--safe-bottom:env(safe-area-inset-bottom);--z-header:50;--z-tabbar:60;--z-fab:65;--z-mask:70;--z-sheet:80;--z-toast:100;--shadow-raised:0 1px 2px #1118200a;--shadow-card:0 2px 8px #1118200a;--shadow-cartbar:0 6px 16px #11182029;--shadow-fab:0 8px 20px #25d36652;--shadow-sheet:0 -8px 24px #11182014;--shadow-overlay:0 8px 24px #1118201f;--dur-press:.12s;--dur-base:.2s;--dur-sheet:.22s;--ease-out:cubic-bezier(.32,.72,0,1);--ease-press:cubic-bezier(.3,.7,.4,1);--trust-bg:#f8fafc;--trust-border:#e4e7ec;--trust-text:#3f3f46;--trust-accent:#2563eb}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-sans);color:var(--text-1);background:var(--bg-2);-webkit-font-smoothing:antialiased;height:100%;line-height:1.5;overflow:hidden}button,a,[role=button]{touch-action:manipulation}a{color:inherit;text-decoration:none}img,svg{display:block}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}input,textarea{color:var(--text-1);font-family:inherit;font-size:16px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid var(--text-1);outline-offset:2px;border-radius:4px}::selection{background:#1118201f}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-root{background:var(--bg);flex-direction:column;width:100%;max-width:768px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (min-width:769px){.app-root{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:52px;z-index:var(--z-header);background:#ffffffeb;flex:none;align-items:center;gap:8px;padding:0 8px 0 16px;display:flex}.tb-left{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.tb-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.tb-right{flex:none;align-items:center;gap:6px;display:flex}.icon-btn{width:44px;height:44px;color:var(--text-1);transition:background var(--dur-press)ease,transform var(--dur-press)var(--ease-press);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{background:var(--bg-2);transform:scale(.94)}.icon-btn.small{width:40px;height:40px}.lang-pill{border:1px solid var(--border-strong);min-height:44px;color:var(--text-2);transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.lang-pill:active{background:var(--bg-2);transform:scale(.96)}.brand-logo{font-family:var(--font-logo);color:var(--text-1);letter-spacing:.01em;font-size:24px;font-style:normal;font-weight:700;line-height:1}.tabbar{height:var(--h-tabbar);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:var(--z-tabbar);background:#ffffffeb;flex:none;display:flex;position:relative}.tab-item{min-height:100%;color:var(--text-3);letter-spacing:.02em;transition:background var(--dur-press)ease,opacity var(--dur-press)ease,color var(--dur-press)ease;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.tab-item:active{background:var(--bg-2);opacity:.7}.tab-item.active{color:var(--brand-blue);font-weight:600}.tab-item.active .tab-icon{stroke-width:2px}.tab-ic-wrap{display:inline-flex;position:relative}.tab-item svg{stroke-width:1.7px;width:24px;height:24px}.tab-badge{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:none;position:absolute;top:-4px;right:-9px}.tab-badge.show{display:inline-flex}.app-main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;position:relative;overflow-y:auto}.page-pad{padding:16px;padding-bottom:calc(84px + var(--safe-bottom));box-sizing:border-box;overflow-x:hidden}.page-pad.plain{padding-bottom:calc(72px + var(--safe-bottom))}.page-inner{box-sizing:border-box;width:100%;min-width:0;max-width:768px;margin:0 auto}.pill{min-height:var(--touch-min);transition:transform var(--dur-press)var(--ease-press),opacity var(--dur-press)ease,background var(--dur-press)ease;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.pill:active{opacity:.85;transform:scale(.97)}.pill-primary{background:var(--primary);color:var(--text-on-dark)}.pill-primary:active{background:var(--primary-press)}.pill-secondary{color:var(--text-1);border:1px solid var(--border-strong);background:#fff}.pill-ghost{background:var(--bg-2);color:var(--text-2)}.pill-sm{min-height:44px;padding:0 14px;font-size:13px}.pill-block{width:100%;display:flex}.pill[disabled]{opacity:.4;pointer-events:none}.pill-danger{background:var(--danger-bg);color:var(--danger)}.cta{min-height:var(--h-cta);font-size:var(--fs-cta);white-space:nowrap;transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease,opacity var(--dur-press)ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.cta:active{transform:scale(.97)}.cta-primary{background:var(--cta);color:var(--cta-ink)}.cta-primary:active{background:var(--cta-press)}.cta-wa{color:var(--wa-deep);border-color:var(--wa);background:#fff}.cta-wa:active{background:var(--wa-tint)}.cta-ghost{color:var(--text-1);border-color:var(--border-strong);background:#fff}.cta-ghost:active{background:var(--bg-2)}.cta[disabled]{opacity:.4;pointer-events:none}.cta-block{width:100%;display:flex}.cta svg{flex:none}.wa-btn{background:var(--wa);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-fab);transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease;border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.wa-btn:active{background:var(--wa-press);transform:scale(.96)}.card{border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.card-pad{padding:16px}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.3;display:inline-flex}.badge-neutral{background:var(--bg-2);color:var(--text-2)}.badge-dark{background:var(--primary);color:#fff}.badge-info{color:var(--info);background:#eff6ff}.badge-success{color:var(--success);background:#f0fdf4}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.chip{background:var(--bg-2);min-height:44px;color:var(--text-2);transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease,color var(--dur-press)ease;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.chip:active{transform:scale(.96)}.chip.active{background:var(--brand-blue);color:#fff}.chip.sm{min-height:32px;padding:0 13px;font-size:12px;position:relative}.chip.sm:before{content:"";border-radius:inherit;position:absolute;inset:-6px}.row-item{min-height:var(--h-row);text-align:left;width:100%;transition:background var(--dur-press)ease;align-items:center;gap:12px;padding:6px 16px;display:flex}.row-item:active{background:var(--bg-2)}.row-item .ri-ic{color:var(--text-3);flex:none;display:flex}.row-item .ri-tx{color:var(--text-2);flex:1;font-size:15px}.row-item .ri-sub{color:var(--text-3);font-size:12px}.row-item .ri-arrow{color:var(--text-4);flex:none}.field{position:relative}.input{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;width:100%;height:48px;padding:0 14px;font-size:16px}.input::placeholder{color:var(--text-4)}.input:focus{border-color:var(--text-1);outline:none;box-shadow:0 0 0 3px #11182014}.input.error{border-color:var(--danger)}textarea.input{resize:none;height:auto;padding:12px 14px;line-height:1.5}.hint-line{min-height:16px;margin-top:6px;font-size:12px}.hint-line.ok{color:var(--success)}.hint-line.err{color:var(--danger)}.toast{left:50%;bottom:calc(84px + var(--safe-bottom));color:#fff;box-shadow:var(--shadow-overlay);z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity var(--dur-base)ease,transform var(--dur-base)ease;white-space:nowrap;text-align:center;background:#111820eb;border-radius:999px;max-width:82vw;padding:10px 18px;font-size:14px;position:absolute;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.mask{z-index:var(--z-mask);opacity:0;pointer-events:none;background:#11182066;transition:opacity .2s;position:absolute;inset:0}.mask.show{opacity:1;pointer-events:auto}.drawer{width:min(300px,84vw);z-index:var(--z-sheet);transition:transform var(--dur-sheet)var(--ease-out);box-shadow:var(--shadow-sheet);background:#fff;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 8px 10px 20px;display:flex}.drawer-body{flex:1;padding:8px 0 24px;overflow-y:auto}.drawer-group-title{color:var(--text-4);letter-spacing:.04em;padding:14px 20px 6px;font-size:12px}.drawer .lang-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.sheet{z-index:var(--z-sheet);border-radius:var(--radius-xl)var(--radius-xl)0 0;max-height:74vh;box-shadow:var(--shadow-sheet);transition:transform var(--dur-sheet)var(--ease-out);background:#fff;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet.open{transform:translateY(0)}.sheet-handle{background:var(--border-strong);border-radius:999px;flex:none;width:32px;height:4px;margin:8px auto 4px}.sheet-head{flex:none;justify-content:space-between;align-items:center;padding:4px 16px 10px;display:flex}.sheet-title{font-size:18px;font-weight:600}.sheet-body{overscroll-behavior:contain;flex:1;padding:0 16px 8px;overflow-y:auto}.sheet-foot{padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--border);flex:none;gap:10px;display:flex}.sheet-foot .pill,.sheet-foot .cta{flex:1}.sheet-group{margin-bottom:20px}.sheet-group h4{color:var(--text-1);margin-bottom:10px;font-size:14px;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.sheet-opt{margin-top:8px}.stkout{opacity:.4;pointer-events:none;position:relative}.stkout .stk-flag{color:var(--danger);margin-left:4px;font-size:10px}.trust-bar{scrollbar-width:none;gap:8px;padding:2px 0 10px;display:flex;overflow-x:auto}.trust-bar::-webkit-scrollbar{display:none}.trust-badge{background:var(--trust-bg);border:1px solid var(--trust-border);min-height:28px;color:var(--trust-text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.trust-badge svg{width:14px;height:14px;color:var(--trust-accent)}.hero-carousel{border-radius:var(--radius-xl);background:var(--hero-grad);border:1px solid var(--border);margin:16px 0 4px;position:relative;overflow:hidden}.hero-track{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.hero-track::-webkit-scrollbar{display:none}.hero-slide{scroll-snap-align:start;min-height:168px;color:var(--text-1);background:var(--hero-grad);flex-direction:column;flex:0 0 100%;justify-content:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.hero-slide:before{content:"";background:radial-gradient(120% 90% at 20% 0,#3b82f61a,#0000 55%),radial-gradient(120% 90% at 100% 80%,#3b82f60d,#0000 55%);position:absolute;inset:0}.hero-slide>*{position:relative}.hero-kicker{letter-spacing:.14em;color:var(--text-3);margin-bottom:8px;font-size:12px;font-weight:500}.hero-title{color:var(--text-1);margin-bottom:6px;font-size:22px;font-weight:700;line-height:1.2}.hero-sub{color:var(--text-3);margin-bottom:14px;font-size:13px}.hero-cta{background:var(--cta);width:max-content;min-height:44px;color:var(--cta-ink);transition:transform var(--dur-press)var(--ease-press),opacity var(--dur-press)ease;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.hero-cta:active{opacity:.85;transform:scale(.96)}.hero-dots{gap:6px;display:flex;position:absolute;bottom:12px;left:20px}.hero-dots i{background:#1118202e;border-radius:999px;width:6px;height:6px;transition:all .2s}.hero-dots i.on{background:var(--text-1);width:18px}.section-h{justify-content:space-between;align-items:center;margin:22px 0 12px;display:flex}.section-h h2{font-size:20px;font-weight:600;line-height:1.25}.section-h .more{color:var(--text-3);align-items:center;gap:2px;min-height:44px;padding:0 6px;font-size:13px;display:inline-flex;position:relative}.section-h .more:active,a.link,.link{color:var(--brand-blue)}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-item{border-radius:var(--radius-lg);border:1px solid var(--border);min-width:0;transition:background var(--dur-press)ease,transform var(--dur-press)var(--ease-press);background:#fff;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;display:flex;overflow:hidden}.quick-item:active{background:var(--bg-2);transform:scale(.96)}.quick-item .qi-ic{background:var(--bg-2);width:44px;height:44px;color:var(--text-2);border-radius:999px;justify-content:center;align-items:center;display:flex}.quick-item .qi-t{color:var(--text-2);font-size:12px;font-weight:500}.promo{background:var(--amber-bg);color:var(--amber-text);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;margin:20px 0;padding:12px 16px;font-size:13px;display:flex}.promo .promo-btn{border:1px solid var(--amber-border);min-height:32px;color:var(--amber-text);border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.promo .promo-btn:before{content:"";border-radius:inherit;position:absolute;inset:-6px}.promo .promo-btn:active{opacity:.8;transform:scale(.96)}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll .hcard{scroll-snap-align:start;flex:0 0 150px}.hscroll .hcard .ph{border-radius:var(--radius-lg)}.hscroll .hcard .hc-t{color:var(--text-1);margin-top:8px;font-size:14px;font-weight:600}.hscroll .hcard .hc-s{color:var(--text-3);margin-top:2px;font-size:12px}.ph{background:var(--bg-3);border-radius:var(--radius-md);color:var(--text-4);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.ph svg{opacity:.55;width:26px;height:26px}.ph span{opacity:.8;letter-spacing:.02em;text-align:center;padding:0 8px;font-size:11px;font-weight:500}.ph .ph-tag{z-index:1;position:absolute;top:8px;left:8px}.search-sticky{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;margin:0 -16px;padding:10px 16px 8px;position:sticky;top:0}.search-box{border:1px solid var(--border);height:44px;box-shadow:var(--shadow-raised);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 14px;display:flex}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:14px}.search-box input::placeholder{color:var(--text-4)}.search-box .s-ic{color:var(--text-3);flex:none;display:flex}.filter-btn{border:1px solid var(--border-strong);min-height:44px;color:var(--text-2);transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.filter-btn:active{background:var(--bg-2);transform:scale(.96)}.model-grid{gap:var(--gap-card);grid-template-columns:1fr;margin-top:12px;display:grid}.model-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:background var(--dur-press)ease,transform var(--dur-press)var(--ease-press);background:#fff;gap:12px;padding:10px;display:flex}.model-card:active{background:var(--bg-2);transform:scale(.985)}.model-card .ph{border-radius:var(--radius-md);flex:none;width:112px;height:84px}.model-card .mc-b{flex-direction:column;flex:1;gap:4px;min-width:0;padding:2px 0;display:flex}.model-card .mc-t{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.model-card .mc-id{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.model-card .mc-s{color:var(--text-3);font-size:12px}.model-card .mc-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}@media (min-width:768px){.model-grid{grid-template-columns:repeat(2,1fr)}.model-card{flex-direction:column}.model-card .ph{aspect-ratio:4/3;width:100%;height:auto}}.detail-hero{margin:-16px -16px 16px;position:relative}.detail-hero .ph{aspect-ratio:4/3;border-radius:0}.detail-actions{gap:8px;display:flex;position:absolute;top:12px;right:12px}.detail-actions .icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-raised);background:#ffffffeb}.detail-title{font-size:22px;font-weight:700;line-height:1.2}.detail-id{color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.spec-table{border-collapse:collapse;width:100%;margin-top:4px}.spec-table td{border-bottom:1px solid var(--border);padding:10px 4px;font-size:14px}.spec-table td:first-child{color:var(--text-3);width:88px}.spec-table td:last-child{color:var(--text-1);font-weight:500}.spec-table tr:last-child td{border-bottom:0}.inquire-bar{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);padding:10px 12px calc(10px + var(--safe-bottom));background:#fffffff5;align-items:center;gap:10px;margin-top:14px;display:flex;position:sticky;bottom:0}.inquire-bar .cta{flex:1}.inquire-bar .cta-ghost{flex:1;min-height:44px;padding:0 12px;font-size:14px}.inquire-bar .ib-main{flex:1.6}.spot-bar{align-items:center;gap:8px;margin:4px 0 12px;display:flex}.spot-bar .search-box{flex:1}.spot-grid{gap:var(--gap-card);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spot-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:background var(--dur-press)ease,transform var(--dur-press)var(--ease-press);background:#fff;flex-direction:column;display:flex;overflow:hidden}.spot-card:active{background:var(--bg-2);transform:scale(.985)}.spot-card.soldout{opacity:.4;pointer-events:none}.spot-card .ph{aspect-ratio:1;border-radius:0}.spot-card .sc-b{padding:var(--pad-card-sm);flex-direction:column;flex:1;gap:5px;display:flex}.spot-card .sc-t{color:var(--text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.spot-card .sc-price{font-size:var(--fs-price);color:var(--brand-blue-bright);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.spot-card .sc-price small{color:var(--text-3);margin-left:2px;font-size:12px;font-weight:400}.spot-card .sc-foot{justify-content:space-between;align-items:center;gap:4px;margin-top:auto;display:flex}.spot-card .sc-min{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}@media (min-width:768px){.spot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cartbar{left:12px;right:12px;bottom:calc(64px + var(--safe-bottom));z-index:40;background:var(--cta);color:#fff;box-shadow:var(--shadow-cartbar);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:none;position:absolute}.cartbar.show{animation:cartIn var(--dur-base)var(--ease-out);display:flex}@keyframes cartIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cartbar .cb-left{align-items:center;gap:10px;min-width:0;display:flex}.cartbar .cb-badge{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:inline-flex}.cartbar .cb-total{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:700}.cartbar .cb-wa{background:var(--wa);color:#fff;width:40px;height:40px;transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.cartbar .cb-wa:active{background:var(--wa-press);transform:scale(.96)}.cartbar .cb-go{min-height:44px;color:var(--text-1);transition:transform var(--dur-press)var(--ease-press),opacity var(--dur-press)ease;background:#fff;border-radius:999px;flex:none;align-items:center;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.cartbar .cb-go:active{opacity:.85;transform:scale(.96)}.qty-row{align-items:center;gap:14px;margin-top:4px;display:flex}.qty-btn{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text-1);transition:background var(--dur-press)ease,transform var(--dur-press)var(--ease-press);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.qty-btn:active{background:var(--bg-2);transform:scale(.92)}.qty-btn[disabled]{opacity:.4;pointer-events:none}.qty-num{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:18px;font-weight:600}.sku-summary{background:var(--bg-2);border-radius:var(--radius-md);color:var(--text-2);margin-top:6px;padding:10px 12px;font-size:13px}.profile-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;align-items:center;gap:14px;padding:20px 16px;display:flex}.avatar{background:var(--avatar-grad);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 1px #ffffff80}.avatar.lg{width:64px;height:64px}.avatar .av-ic{opacity:.95}.profile-card .pc-b{flex:1;min-width:0}.profile-card .pc-t{color:var(--text-1);font-size:18px;font-weight:700}.profile-card .pc-s{color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:3px;font-size:13px}.profile-login{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex}.profile-login .pl-t{color:var(--text-1);font-size:16px;font-weight:600}.profile-login .pl-d{color:var(--text-3);font-size:13px}.entry-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;margin-top:14px;overflow:hidden}.entry-group .row-item{border-bottom:1px solid var(--border)}.entry-group .row-item:last-child{border-bottom:0}.entry-group .count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.order-filter{scrollbar-width:none;gap:8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.order-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;margin-top:12px;padding:14px}.order-card .oc-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.order-card .oc-no{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}.order-card .oc-body{align-items:center;gap:10px;display:flex}.order-card .oc-body .ph{border-radius:var(--radius-md);flex:none;width:64px;height:64px}.order-card .oc-info{flex:1;min-width:0}.order-card .oc-name{color:var(--text-1);font-size:14px;font-weight:500}.order-card .oc-spec{color:var(--text-3);margin-top:2px;font-size:12px}.order-card .oc-amt{color:var(--text-1);font-variant-numeric:tabular-nums;margin-top:10px;font-size:18px;font-weight:700}.order-card .oc-progress{margin-top:8px}.progress{background:var(--bg-2);border-radius:999px;height:4px;margin-top:2px;overflow:hidden}.progress i{background:var(--primary);border-radius:999px;height:100%;transition:width .3s;display:block}.login-wrap{flex-direction:column;gap:16px;padding-top:12px;display:flex}.login-hero{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login-hero .lh-t{font-size:24px;font-weight:700;line-height:1.2}.login-hero .lh-s{color:var(--text-3);margin-top:4px;font-size:13px}.agree-row{min-height:44px;color:var(--text-3);align-items:center;gap:10px;font-size:12px;display:flex}.checkbox{border:1px solid var(--border-strong);color:#fff;width:20px;height:20px;transition:background var(--dur-press)ease;background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.checkbox.on{background:var(--brand-blue);border-color:var(--brand-blue)}.checkbox svg{stroke-width:2.6px;width:14px;height:14px}.divider{color:var(--text-4);align-items:center;gap:12px;margin:10px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.pw-wrap{position:relative}.pw-eye{width:44px;height:44px;color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:2px;right:8px}.pw-eye:active{color:var(--text-1)}.forgot-link{min-height:44px;color:var(--text-3);background:0 0;border:none;align-self:flex-start;align-items:center;margin:-10px 0 2px;padding:0 2px;font-size:12px;display:inline-flex}.forgot-link:active,.forgot-link:hover{color:var(--brand-blue)}.wa-oauth-btn{border-radius:var(--radius-md);background:var(--wa);color:#fff;width:100%;min-height:48px;transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease;border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;display:flex}.wa-oauth-btn svg{flex:none;width:20px;height:20px}.wa-oauth-btn:active{background:var(--wa-press);transform:scale(.97)}.wa-auth-avatar{background:var(--wa);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:6px auto 14px;display:flex}.wa-auth-avatar svg{width:28px;height:28px}.wa-auth-line{text-align:center;color:var(--text-3);font-size:13px}.wa-auth-num{color:var(--text-1);font-variant-numeric:tabular-nums;margin-top:2px;font-size:16px;font-weight:600}.wa-auth-brand{color:var(--text-4);margin-top:2px;font-size:12px}.cta.is-loading{opacity:.7;pointer-events:none}.cta.is-loading .cta-label:after{content:"";vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-left:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pay-methods{flex-direction:column;margin-top:8px;display:flex}.pay-row{border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:56px;transition:background var(--dur-press)ease;align-items:center;gap:12px;padding:8px 4px;display:flex}.pay-row:active{background:var(--bg-2)}.pay-row .pm-ic{background:var(--bg-2);width:40px;height:40px;color:var(--text-2);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.pay-row .pm-b{flex:1;min-width:0}.pay-row .pm-t{color:var(--text-1);font-size:15px;font-weight:500}.pay-row .pm-s{color:var(--text-3);font-size:12px}.radio{border:1px solid var(--border-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.radio:after{content:"";background:var(--brand-blue);opacity:0;width:10px;height:10px;transition:opacity var(--dur-press)ease;border-radius:999px}.pay-row.active .radio:after{opacity:1}.pay-bar{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);padding:10px 12px calc(12px + var(--safe-bottom));background:#fffffff5;flex-direction:column;gap:10px;margin-top:16px;display:flex;position:sticky;bottom:0}.pay-bar .pb-top{color:var(--text-2);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:500;display:flex}.pay-bar .pb-top .num{color:var(--text-1);font-size:20px;font-weight:700}.pay-bar .pay-wa{min-height:40px;color:var(--wa-deep);align-self:flex-start;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.pay-result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 0 24px;display:flex}.pay-result .pr-ic{width:64px;height:64px;color:var(--success);background:#f0fdf4;border-radius:999px;justify-content:center;align-items:center;display:flex}.pay-result .pr-t{font-size:20px;font-weight:700}.pay-result .pr-d{color:var(--text-3);font-size:13px}.share-row{gap:10px;width:100%;display:flex}.case-chips{scrollbar-width:none;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.case-chips::-webkit-scrollbar{display:none}.case-grid{columns:2;column-gap:12px;margin-top:4px}.case-card{break-inside:avoid;border:1px solid var(--border);border-radius:var(--radius-lg);transition:background var(--dur-press)ease,transform var(--dur-press)var(--ease-press);background:#fff;margin-bottom:12px;overflow:hidden}.case-card:active{background:var(--bg-2);transform:scale(.985)}.case-card .ph{border-radius:0}.case-card .cc-b{padding:10px 12px 12px}.case-card .cc-t{color:var(--text-1);font-size:14px;font-weight:600}.case-card .cc-s{color:var(--text-3);margin-top:3px;font-size:12px}.case-card .cc-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}@media (min-width:768px){.case-grid{columns:3;column-gap:14px}.case-card{margin-bottom:14px}}.case-body{padding:0 4px}.case-body h3{margin:18px 0 8px;font-size:18px;font-weight:600}.case-body p{color:var(--text-2);margin-bottom:10px;font-size:14px;line-height:1.7}.wa-fab{right:16px;bottom:calc(20px + var(--safe-bottom));z-index:var(--z-fab);width:var(--h-fab);height:var(--h-fab);background:var(--wa);color:#fff;box-shadow:var(--shadow-fab);transition:transform var(--dur-press)var(--ease-press),background var(--dur-press)ease,opacity var(--dur-base)ease;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute}.wa-fab:active{background:var(--wa-press);transform:scale(.96)}.wa-fab svg{width:28px;height:28px}.wa-fab.fab-hidden{display:none}.ph-page{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.ph-page .pp-ic{background:var(--bg-2);width:72px;height:72px;color:var(--text-3);border-radius:999px;justify-content:center;align-items:center;display:flex}.ph-page .pp-t{font-size:18px;font-weight:600}.ph-page .pp-d{color:var(--text-3);max-width:260px;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-track{scroll-behavior:auto!important}}