:root{--bg: oklch(97.2% .018 8);--surface: oklch(100% 0 0);--fg: oklch(28% .045 8);--muted: oklch(52% .028 8);--border: oklch(89% .035 2);--accent: oklch(67% .235 350);--secondary: oklch(78% .12 25);--positive: oklch(64% .13 155);--warning: oklch(75% .16 75);--danger: oklch(58% .22 25);--accent-soft: color-mix(in oklch, var(--accent) 11%, var(--surface));--accent-mid: color-mix(in oklch, var(--accent) 28%, var(--surface));--fg-soft: color-mix(in oklch, var(--fg) 7%, transparent);--shadow: 0 18px 48px color-mix(in oklch, var(--accent) 10%, transparent);--font-display: "Avenir Next Rounded", "Arial Rounded MT Bold", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--container: 1240px;--gutter: clamp(16px, 4vw, 40px);--radius-sm: 12px;--radius: 18px;--radius-lg: 28px;--bg-overlay: radial-gradient( circle at 15% 25%, var(--accent-mid), transparent 34% ), radial-gradient( circle at 84% 10%, color-mix(in oklch, var(--secondary) 22%, transparent), transparent 28% )}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:280px;z-index:-1;background:var(--bg-overlay);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}h1,h2,h3,h4{margin:0;font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-mid);outline-offset:3px}.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:var(--gutter)}.page{min-height:calc(100vh - 146px);padding-block:28px 76px}.section{padding-block:clamp(36px,6vw,72px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font-size:clamp(26px,3.5vw,40px);letter-spacing:-.03em}.section-head p{margin:6px 0 0;color:var(--muted)}.eyebrow{margin:0 0 8px;color:var(--accent);font:700 12px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hidden{display:none!important}.btn{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease;cursor:pointer;background:transparent;color:inherit;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{color:var(--surface);background:var(--accent);border-color:var(--accent);box-shadow:0 10px 26px color-mix(in oklch,var(--accent) 22%,transparent)}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 88%,var(--fg))}.btn-secondary{color:var(--accent);background:var(--surface);border-color:var(--accent-mid)}.btn-secondary:hover{background:var(--accent-soft)}.btn-ghost{color:var(--muted);background:transparent;border-color:var(--border)}.btn-ghost:hover{color:var(--fg);border-color:var(--muted)}.btn[disabled]{cursor:not-allowed;opacity:.52;transform:none}.input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:12px;color:var(--fg);background:var(--surface);font-family:inherit}.input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}@media (max-width: 820px){body{padding-bottom:66px}}:root{--s-bg: oklch(99% .005 0);--s-surface: oklch(100% 0 0);--s-surface-2: oklch(97% .008 0);--s-fg: oklch(20% .018 0);--s-muted: oklch(50% .012 0);--s-muted-2: oklch(64% .01 0);--s-border: oklch(92% .008 0);--s-border-2: oklch(86% .01 0);--s-accent: oklch(72% .16 0);--s-accent-strong: oklch(64% .2 0);--s-accent-soft: oklch(96% .04 0);--s-accent-tint: oklch(88% .1 0);--s-success: oklch(60% .15 145);--s-warn: oklch(70% .16 60);--s-danger: oklch(58% .2 25);--s-font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--s-font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--s-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--s-shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.05);--s-shadow-md: 0 4px 14px rgba(255,107,157,.12), 0 2px 4px rgba(0,0,0,.04);--s-shadow-lg: 0 10px 30px rgba(255,107,157,.18);--s-modal-shadow: 0 20px 60px rgba(0, 0, 0, .25);--s-r-sm: 8px;--s-r-md: 12px;--s-r-lg: 16px;--s-r-xl: 20px;--s-r-pill: 999px;--s-gap-1: 4px;--s-gap-2: 8px;--s-gap-3: 12px;--s-gap-4: 16px;--s-gap-5: 20px;--s-gap-6: 24px;--s-gap-7: 32px;--s-gap-8: 48px;--s-backdrop: rgba(15, 12, 24, .55);--s-text-on-accent: #fff;--s-safe-bottom: env(safe-area-inset-bottom, 0px);--s-motion-fast: .15s;--s-motion-mid: .25s;--s-motion-slow: .35s;--s-ease-pop: cubic-bezier(.2, .8, .2, 1);--s-ease-out: ease;--s-fs-xs: 11px;--s-fs-sm: 12px;--s-fs-base: 14px;--s-fs-md: 15px;--s-fs-lg: 18px;--s-fs-xl: 22px;--s-lh-tight: 1.2;--s-lh-normal: 1.5;--s-lh-loose: 1.6}.s-page *,.s-page *:before,.s-page *:after{box-sizing:border-box;margin:0;padding:0}.s-page{font:var(--s-fs-base)/var(--s-lh-loose) var(--s-font-body);background:var(--s-surface-2);color:var(--s-fg);-webkit-font-smoothing:antialiased}.s-page button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}.s-page button:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.s-page a{color:inherit;text-decoration:none}.s-page input,.s-page textarea{font:inherit}.s-page .s-container{max-width:720px;margin:0 auto;padding:0 var(--s-gap-4) calc(96px + var(--s-safe-bottom));min-height:100vh;position:relative}.s-page .s-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:52px;padding:0 var(--s-gap-4);background:#ffffffeb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--s-border)}.s-page .s-topbar__back{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:18px;color:var(--s-fg);transition:background var(--s-motion-fast)}.s-page .s-topbar__back:hover{background:var(--s-surface-2)}.s-page .s-topbar__title{flex:1;text-align:center;font:600 16px/1 var(--s-font-display);letter-spacing:-.01em}.s-page .s-topbar__action{width:36px;height:36px;display:grid;place-items:center;font-size:18px;color:var(--s-muted)}.s-page .s-page-main{padding:var(--s-gap-4);display:flex;flex-direction:column;gap:var(--s-gap-4)}.s-page .s-section-title{font:600 14px/1 var(--s-font-display);color:var(--s-fg);display:flex;align-items:center;gap:var(--s-gap-2);margin-bottom:var(--s-gap-3)}.s-page .s-section-title__count{font:400 12px/1 var(--s-font-body);color:var(--s-muted-2)}.s-page .s-card{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-r-lg);padding:var(--s-gap-5);box-shadow:var(--s-shadow-sm)}.s-page .s-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-gap-2);height:40px;padding:0 var(--s-gap-5);border-radius:var(--s-r-pill);font:600 14px/1 var(--s-font-display);letter-spacing:.02em;transition:transform .12s ease,background var(--s-motion-fast),box-shadow var(--s-motion-mid);white-space:nowrap}.s-page .s-btn:active{transform:scale(.97)}.s-page .s-btn--primary{background:var(--s-accent);color:var(--s-text-on-accent);box-shadow:var(--s-shadow-md)}.s-page .s-btn--primary:hover{background:var(--s-accent-strong)}.s-page .s-btn--ghost{background:var(--s-surface);border:1px solid var(--s-border-2);color:var(--s-fg)}.s-page .s-btn--ghost:hover{background:var(--s-surface-2)}.s-page .s-btn--soft{background:var(--s-accent-soft);color:var(--s-accent-strong)}.s-page .s-btn--lg{height:48px;padding:0 var(--s-gap-6);font-size:var(--s-fs-md)}.s-page .s-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.s-page .s-chip{display:inline-flex;align-items:center;gap:var(--s-gap-1);height:22px;padding:0 10px;border-radius:var(--s-r-pill);font:500 11px/1 var(--s-font-display);letter-spacing:.02em;background:var(--s-accent-soft);color:var(--s-accent-strong)}.s-page .s-chip--neutral{background:var(--s-surface-2);color:var(--s-muted)}.s-page .s-chip--success{background:#d6fad6;color:var(--s-success)}.s-page .s-chip--warn{background:#ffeada;background:oklch(95% .06 60);color:var(--s-warn)}.s-page .s-chip--danger{background:#ffe7e4;background:oklch(95% .06 25);color:var(--s-danger)}.s-page .s-address-card{display:flex;align-items:center;gap:var(--s-gap-3);background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-r-lg);padding:var(--s-gap-4) var(--s-gap-5);position:relative;overflow:hidden}.s-page .s-address-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--s-accent)}.s-page .s-address-card__pin{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--s-accent-soft);color:var(--s-accent-strong);font-size:18px}.s-page .s-address-card__body{flex:1;min-width:0}.s-page .s-address-card__row1{display:flex;align-items:baseline;gap:var(--s-gap-3);font:600 14px/1.3 var(--s-font-display);margin-bottom:var(--s-gap-1)}.s-page .s-address-card__phone{font-weight:400;color:var(--s-muted);font-size:13px}.s-page .s-address-card__addr{font-size:13px;color:var(--s-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s-page .s-address-card__edit{font:500 13px/1 var(--s-font-display);color:var(--s-accent-strong);padding:var(--s-gap-2) var(--s-gap-2)}.s-page .s-product-line{display:flex;gap:var(--s-gap-3);padding:var(--s-gap-3) 0}.s-page .s-product-line+.s-product-line{border-top:1px dashed var(--s-border)}.s-page .s-product-line__img{flex-shrink:0;width:72px;height:72px;border-radius:var(--s-r-md);background:var(--s-accent-soft);display:grid;place-items:center;font-size:28px;color:var(--s-accent-strong);overflow:hidden;position:relative}.s-page .s-product-line__img img{width:100%;height:100%;object-fit:cover}.s-page .s-product-line__body{flex:1;min-width:0}.s-page .s-product-line__name{font:500 13.5px/1.4 var(--s-font-display);color:var(--s-fg);margin-bottom:var(--s-gap-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s-page .s-product-line__sku{font-size:12px;color:var(--s-muted-2);margin-bottom:var(--s-gap-2)}.s-page .s-product-line__row{display:flex;justify-content:space-between;align-items:center}.s-page .s-product-line__price{font:600 14px/1 var(--s-font-display);color:var(--s-fg);font-variant-numeric:tabular-nums}.s-page .s-product-line__qty{font-size:12px;color:var(--s-muted);font-variant-numeric:tabular-nums}.s-page .s-method-list{display:flex;flex-direction:column;gap:var(--s-gap-2)}.s-page .s-method{display:flex;align-items:center;gap:var(--s-gap-3);padding:var(--s-gap-3) var(--s-gap-4);border:1.5px solid var(--s-border);border-radius:var(--s-r-md);cursor:pointer;transition:border-color var(--s-motion-fast),background var(--s-motion-fast);position:relative}.s-page .s-method:hover{background:var(--s-surface-2)}.s-page .s-method input{position:absolute;opacity:0;pointer-events:none}.s-page .s-method__icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--s-text-on-accent);font:600 14px/1 var(--s-font-display)}.s-page .s-method__icon--wechat{background:#31983d}.s-page .s-method__icon--alipay{background:#0080ca;background:oklch(58% .18 245)}.s-page .s-method__icon--card{background:#32669a}.s-page .s-method__icon--balance{background:var(--s-accent)}.s-page .s-method__body{flex:1;min-width:0}.s-page .s-method__name{font:600 14px/1.2 var(--s-font-display);margin-bottom:2px}.s-page .s-method__hint{font-size:12px;color:var(--s-muted)}.s-page .s-method__radio{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--s-border-2);position:relative;transition:border-color var(--s-motion-fast)}.s-page .s-method:has(input:checked){border-color:var(--s-accent);background:var(--s-accent-soft)}.s-page .s-method:has(input:checked) .s-method__radio{border-color:var(--s-accent)}.s-page .s-method:has(input:checked) .s-method__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--s-accent)}.s-page .s-row-item{display:flex;justify-content:space-between;align-items:center;padding:var(--s-gap-3) 0;font-size:var(--s-fs-base)}.s-page .s-row-item+.s-row-item{border-top:1px solid var(--s-border)}.s-page .s-row-item__label{color:var(--s-fg)}.s-page .s-row-item__value{color:var(--s-fg);font-variant-numeric:tabular-nums}.s-page .s-row-item__value--muted{color:var(--s-muted)}.s-page .s-row-item__value--discount{color:var(--s-accent-strong)}.s-page .s-row-item__value--total{font:600 18px/1 var(--s-font-display);color:var(--s-accent-strong)}.s-page .s-row-item__chev{display:inline-block;margin-left:var(--s-gap-2);color:var(--s-muted-2);font-size:12px}.s-page .s-note-input{width:100%;min-height:64px;padding:var(--s-gap-3);border:1px solid var(--s-border);border-radius:var(--s-r-md);background:var(--s-surface-2);font-size:13px;resize:vertical;color:var(--s-fg)}.s-page .s-note-input::placeholder{color:var(--s-muted-2)}.s-page .s-note-input:focus{outline:0;border-color:var(--s-accent);background:var(--s-surface)}.s-page .s-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--s-surface);border-top:1px solid var(--s-border);padding:12px 16px max(12px,var(--s-safe-bottom));display:flex;align-items:center;gap:var(--s-gap-3);max-width:720px;margin:0 auto;box-shadow:0 -4px 20px #0000000a}.s-page .s-cta-bar__amount{flex:1;font:600 22px/1 var(--s-font-display);color:var(--s-accent-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.s-page .s-cta-bar__label{font:400 11px/1.4 var(--s-font-body);color:var(--s-muted);margin-top:var(--s-gap-1)}.s-page .s-order-hero{background:linear-gradient(135deg,#ffecf1,#ffe2ee);background:linear-gradient(135deg,color(xyz 0.929 0.864 0.942),color(xyz 0.903 0.804 0.953));border-radius:var(--s-r-lg);padding:var(--s-gap-6);position:relative;overflow:hidden}.s-page .s-order-hero__icon{position:absolute;right:-16px;top:-16px;font-size:96px;opacity:.15;line-height:1}.s-page .s-order-hero__title{font:600 22px/1.2 var(--s-font-display);letter-spacing:-.01em;color:var(--s-fg);margin-bottom:var(--s-gap-2)}.s-page .s-order-hero__desc{font-size:13px;color:var(--s-muted);margin-bottom:var(--s-gap-5)}.s-page .s-timeline{display:flex;align-items:flex-start;position:relative;margin-top:var(--s-gap-2)}.s-page .s-timeline:before{content:"";position:absolute;left:9px;right:9px;top:9px;height:2px;background:var(--s-border)}.s-page .s-timeline__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-gap-2);position:relative;z-index:1}.s-page .s-timeline__dot{width:18px;height:18px;border-radius:50%;background:var(--s-surface);border:2px solid var(--s-border-2);display:grid;place-items:center}.s-page .s-timeline__dot--done{background:var(--s-accent);border-color:var(--s-accent)}.s-page .s-timeline__dot--done:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--s-text-on-accent)}.s-page .s-timeline__dot--current{border-color:var(--s-accent);background:var(--s-accent-soft);box-shadow:0 0 0 4px var(--s-accent-soft);animation:s-timeline-pulse 1.8s ease-in-out infinite}@keyframes s-timeline-pulse{0%,to{box-shadow:0 0 0 4px var(--s-accent-soft)}50%{box-shadow:0 0 0 8px transparent}}.s-page .s-timeline__label{font:500 11px/1.2 var(--s-font-display);color:var(--s-muted);text-align:center}.s-page .s-timeline__step--done .s-timeline__label{color:var(--s-fg)}.s-page .s-timeline__step--current .s-timeline__label{color:var(--s-accent-strong);font-weight:600}.s-page .s-timeline__time{display:block;font:400 10px/1.2 var(--s-font-body);color:var(--s-muted-2);margin-top:2px}.s-page .s-logistics{display:flex;align-items:center;gap:var(--s-gap-3);padding:var(--s-gap-4);background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-r-lg)}.s-page .s-logistics__icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--s-accent-soft);display:grid;place-items:center;font-size:20px;color:var(--s-accent-strong)}.s-page .s-logistics__body{flex:1}.s-page .s-logistics__title{font:600 14px/1.3 var(--s-font-display)}.s-page .s-logistics__sub{font-size:12px;color:var(--s-muted);margin-top:var(--s-gap-1)}.s-page .s-logistics__chev{color:var(--s-muted-2);font-size:14px}.s-page .s-action-row{display:flex;gap:var(--s-gap-3);flex-wrap:wrap}.s-page .s-action-row .s-btn{flex:1;min-width:0}.s-page .s-meta-card{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:var(--s-gap-3) 0}.s-page .s-meta-card+.s-meta-card{border-top:1px solid var(--s-border)}.s-page .s-meta-card__label{color:var(--s-muted)}.s-page .s-meta-card__value{font-family:var(--s-font-mono);color:var(--s-fg);font-size:12.5px}.s-page .s-meta-card__copy{margin-left:var(--s-gap-2);font-size:11px;color:var(--s-accent-strong);cursor:pointer}@media (max-width: 540px){.s-page .s-page-main{padding:var(--s-gap-3);gap:var(--s-gap-3)}.s-page .s-order-hero{padding:var(--s-gap-4)}.s-page .s-order-hero__title,.s-page .s-cta-bar__amount{font-size:18px}.s-page .s-timeline__label{font-size:10px}.s-page .s-product-line__img{width:64px;height:64px}}@media (prefers-reduced-motion: reduce){.s-page .s-timeline__dot--current{animation:none}}