:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#27272a;background:#f7f7f8;font-synthesis:none;--accent:#f45836;--muted:#85858e;--line:#eaeaec;--radius:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fac1b3;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #fbc8bc;outline-offset:1px}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-header{height:86px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1120px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:21px;letter-spacing:.01em}.brand small{display:block;font-size:10px;letter-spacing:.2em;margin-top:3px;color:var(--muted);font-weight:500}.brand-mark{height:42px;width:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:26px;position:relative;font-weight:800}.brand-mark>span{font-size:15px;position:absolute;bottom:-1px;right:9px}.quiet-button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:40px;padding:8px}.workspace{max-width:1120px;margin:0 auto;min-height:calc(100svh - 176px);padding:48px 28px 60px}.catalog-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--muted);font-weight:700;margin:0 0 12px}h1{font-size:32px;letter-spacing:-.04em;font-weight:700;margin:0 0 10px}h2{font-size:16px;margin:0;font-weight:650}.subtle{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.contact-button{background:none;border:0;font-size:13px;padding:12px 0;white-space:nowrap}.contact-button span{margin-left:12px;color:var(--accent)}.platform-tabs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:30px}.platform-tab{padding:13px 24px 17px;background:none;border:0;border-bottom:3px solid transparent;font-size:15px;white-space:nowrap;color:#777780;transition:color .18s,border-color .18s}.platform-tab.active{border-color:var(--accent);color:#25252a;font-weight:650}.platform-tab span{margin-right:9px;font-weight:700;font-size:15px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dedee3;padding:7px 2px;color:#a1a1a8}.search svg{width:16px;height:16px}.search input{border:0;outline:0;background:none;min-width:0;width:140px;font-size:12px;color:#4a4a52}.product-list{background:#fff;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.product-row{display:flex;align-items:center;gap:18px;padding:25px 26px;transition:background .18s,transform .18s;animation:arrive .3s both;animation-delay:calc(var(--i,0)*45ms)}.product-row+.product-row{border-top:1px solid var(--line)}.product-row:hover{background:#fffaf8}.product-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:13px;background:#f5f5f7;font-weight:750;font-size:23px;color:#34343e}.product-icon.dy{background:#202126;color:#fff}.product-icon.wb{background:#fff0ea;color:#e75c3e}.product-icon.ks{background:#fff0e5;color:#eb7838}.product-info{flex:1;min-width:0}.product-info h3{font-size:15px;margin:0 0 7px;line-height:1.5;font-weight:650}.product-info p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.product-buy{display:flex;align-items:center;gap:28px;flex-shrink:0}.product-price{text-align:right;color:var(--accent);font-size:21px;font-weight:700;letter-spacing:-.03em}.product-price small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;margin-top:3px}.buy-button{border:1px solid #ffcabb;color:var(--accent);background:#fff6f2;font-size:12px;font-weight:600;border-radius:8px;padding:10px 17px;transition:background .15s,color .15s}.buy-button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.catalog-note{font-size:11px;color:#9999a1;line-height:1.8;margin:20px 0}.empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:14px}.site-footer{display:flex;max-width:1064px;margin:auto;border-top:1px solid var(--line);padding:25px 0 30px;justify-content:space-between;color:#9a9aa2;font-size:10px;letter-spacing:.02em}.back-button{border:0;background:none;padding:0;display:flex;align-items:center;gap:8px;font-size:26px;color:#9999a1}.back-button span{font-size:12px}.checkout-heading{margin:26px 0}.checkout-heading h1{font-size:27px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.checkout-main{display:grid;gap:18px;min-width:0}.surface{background:#fff;border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.order-product{display:flex;align-items:center;gap:16px}.order-product h2{line-height:1.7}.order-product p{margin:5px 0 0;font-size:12px;color:var(--muted)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:25px}.step-dot{font-size:10px;color:var(--accent);border-radius:50%;background:#fff0ea;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700}.field{margin:0 0 24px}.field>label{display:block;font-size:13px;margin-bottom:10px;font-weight:550}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #dedee4;border-radius:9px;background:#fff;font-size:13px;color:#33333c;resize:vertical}.field textarea{min-height:100px}.quantity-options{display:flex;flex-wrap:wrap;gap:9px}.quantity-option{min-width:59px;padding:11px 15px;background:#fff;border:1px solid #e6e6ec;border-radius:8px;font-size:12px;transition:background .16s,border-color .16s}.quantity-option.selected{background:#fff2ec;border-color:var(--accent);color:var(--accent)}.quantity-line{display:flex;align-items:center;justify-content:space-between;padding:0 0 23px;gap:10px}.quantity-line label{font-size:13px}.quantity-line small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}.stepper{display:flex;border:1px solid #e4e4e9;border-radius:8px;height:39px;overflow:hidden;flex-shrink:0}.stepper button{border:0;background:#f8f8fa;width:34px;font-size:17px}.stepper input{width:74px;border:0;border-left:1px solid #eee;border-right:1px solid #eee;text-align:center;font-size:13px;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.product-note{white-space:pre-wrap;font-size:12px;line-height:1.8;padding:14px;border-radius:8px;background:#fff8f2;color:#a8734d;max-height:200px;overflow:auto;margin:0 0 22px}.product-note:empty{display:none}.agreement{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:22px}.agreement input{accent-color:var(--accent);flex-shrink:0;margin:4px 0 0}.primary-button{display:flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:9px;min-height:46px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;padding:12px 20px;transition:background .16s,transform .16s}.primary-button:hover{background:#e54b29}.primary-button:active{transform:scale(.985)}.full{width:100%}.primary-button span{font-size:20px;font-weight:400}.checkout-aside{position:sticky;top:24px}.summary-box{border-top:2px solid #27272a;background:#fff;padding:27px 25px;border-radius:0 0 12px 12px}.summary-box h2{font-size:18px;margin-bottom:30px}.summary-line{display:flex;justify-content:space-between;font-size:12px;color:#8b8b94;margin:15px 0}.summary-line strong{color:#43434d;font-weight:500}.summary-total{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #dedee4;margin-top:24px;padding-top:22px;font-size:13px}.summary-total strong{color:var(--accent);font-size:20px}.summary-total b{font-size:27px;letter-spacing:-.04em}.summary-box>p:last-child{font-size:10px;color:var(--muted);margin-top:25px}.aside-contact{width:100%;background:none;border:0;color:var(--muted);font-size:12px;padding:20px}.payment-options{margin:25px 0;display:grid;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;border:1px solid #e5e5e9;padding:16px;border-radius:10px;text-align:left;background:#fff;font-size:14px}.payment-option.selected{border-color:var(--accent);background:#fffaf7}.payment-option .radio{margin-left:auto;width:17px;height:17px;border:1px solid #dedee4;border-radius:50%}.payment-option.selected .radio{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px white}.payment-logo{display:flex;align-items:center;justify-content:center;background:#07bf62;color:#fff;height:29px;width:29px;border-radius:8px;font-size:13px;font-weight:700}.payment-logo.alipay{background:#1789ef}.order-summary{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7;color:#7c7c85;overflow-wrap:anywhere}.order-summary:last-child{border:0}.order-summary strong{display:block;color:#32323b;font-weight:500;margin-bottom:5px}.payment-panel{text-align:center}.payment-caption{font-size:15px;margin:18px 0}.payment-caption strong{font-size:28px;color:var(--accent);margin:0 5px}.qr-wrap{padding:10px;border:1px solid var(--line);border-radius:12px;max-width:300px;margin:22px auto 14px;background:white}.qr-wrap img{display:block;width:100%;max-height:430px;object-fit:contain}.qr-tip{font-size:11px}.order-code{font-size:10px;color:#a1a1aa;overflow-wrap:anywhere;margin:14px 0}.payment-instruction{font-size:12px;color:#656570;margin:20px 0}.help-button{border:0;background:none;color:#8c8c96;padding:18px 6px 0;min-height:42px;font-size:12px}.inline-error{padding:12px;border-radius:7px;color:#cf462c;background:#fff2ee;font-size:12px;line-height:1.7;margin:15px 0}.result-panel{text-align:center;padding-top:36px}.result-symbol{width:62px;height:62px;background:#ecf9f0;color:#25a560;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.result-symbol.pending{background:#fff1e9;color:var(--accent)}.result-panel h2{font-size:22px;margin-bottom:12px}.result-panel>p{font-size:13px;line-height:1.8;color:var(--muted)}#resultDetail{font-size:12px;color:#6c6c78;line-height:2.1;margin:25px 0;overflow-wrap:anywhere}.result-panel>.quiet-button{display:flex;margin:18px auto 0}.history-list{display:grid;gap:13px}.history-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;cursor:pointer}.history-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.history-top strong{font-size:14px}.history-top span{font-size:11px;color:var(--accent);white-space:nowrap}.history-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;line-height:1.8}.history-meta code{font:inherit;font-size:10px}dialog{width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 25px 100px #25253025}dialog::backdrop{background:#161b2666;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading button{background:none;border:0;font-size:26px;color:#999}#contactText{white-space:pre-wrap;font-size:14px;line-height:1.9;overflow-wrap:anywhere}#contactOrder{font-size:12px;color:var(--accent);overflow-wrap:anywhere}dialog>.subtle{margin-top:16px;font-size:11px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 20px;color:#fff;background:#33333deb;border-radius:9px;font-size:13px;max-width:90vw;z-index:10}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#checkoutView,#historyView{animation:arrive .24s ease} @media(max-width:720px){.site-header{height:72px}.header-inner{padding:0 20px}.brand{font-size:19px}.brand-mark{width:37px;height:37px;font-size:24px}.quiet-button{font-size:12px}.workspace{padding:30px 16px 40px}.catalog-intro{align-items:flex-start;margin-bottom:23px;gap:6px}h1{font-size:24px;line-height:1.4;letter-spacing:-.05em}.eyebrow{font-size:9px;margin-bottom:10px}.catalog-intro .subtle{font-size:11px}.contact-button{font-size:11px;padding:26px 0 0}.contact-button span{margin-left:2px}.platform-tabs{gap:5px;margin-bottom:23px}.platform-tab{padding:10px 16px 14px;font-size:14px}.platform-tab span{margin-right:6px}.catalog-tools{margin-bottom:15px}.catalog-tools h2{font-size:14px}.search input{width:100px}.product-row{padding:20px 16px;gap:12px;align-items:flex-start}.product-icon{width:39px;height:39px;border-radius:10px;font-size:20px}.product-info h3{font-size:13px;margin:0 0 6px}.product-info p{font-size:10px}.product-buy{gap:10px;flex-direction:column;align-items:flex-end}.product-price{font-size:18px}.product-price small{font-size:9px}.buy-button{padding:7px 11px;font-size:11px}.site-footer{margin:0 18px;padding:23px 0;font-size:9px}.checkout-layout{grid-template-columns:minmax(0,1fr)}.checkout-aside{grid-row:1;position:static}.summary-box{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-top-width:1px;border-radius:12px;gap:10px}.summary-box>.eyebrow,.summary-box>h2,.summary-box>.summary-line,.summary-box>p:last-child{display:none}.summary-total{border:0;margin:0;padding:0;width:100%}.summary-total b{font-size:25px}.aside-contact{display:none}.checkout-layout{gap:14px}.surface{padding:21px 18px;border-radius:13px}.checkout-heading{margin:20px 0}.checkout-heading h1{font-size:24px}.checkout-main{gap:14px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:14px}.order-product h2{font-size:14px}.order-product p{font-size:10px}.quantity-option{min-width:52px;padding:10px 13px}.product-note{font-size:11px}.agreement{font-size:10px}.history-meta{display:block}.history-meta span{display:block}.history-top strong{font-size:13px}.history-row{padding:18px}.qr-wrap{max-width:260px}.catalog-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* quickshop-category-selection */
.category-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:-10px 0 25px;padding:0 0 20px;border-bottom:1px solid var(--line)}.category-tab{border:0;border-radius:6px;background:transparent;color:#7e7e87;padding:8px 13px;font-size:12px;white-space:nowrap;transition:background .16s,color .16s}.category-tab:hover{background:#eeeef1}.category-tab.active{color:var(--accent);background:#fff0e9;font-weight:600}@media(max-width:720px){.category-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-5px 0 20px;padding-bottom:15px;gap:5px}.category-tab{font-size:11px;padding:8px 11px}}
