*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #76b4ff;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:18px;letter-spacing:-.4px}.header{height:68px;background:rgba(255,255,255,.9);border-bottom:1px solid #e9e9ed}.header-inner{max-width:1200px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650}.brand-divider{height:17px;width:1px;background:#d8d8de;margin:0 3px}.brand-sub{font-size:14px;font-weight:400;color:#6e6e73}.header-link{font-size:13px;color:#6e6e73;padding:10px 0}.header-link span{margin-left:10px}.container{max-width:1200px;margin:auto;padding:0 32px}.intro{padding:57px 0 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{font-size:12px;color:#71717a;letter-spacing:.8px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#0071e3;border-radius:50%}h1{font-size:43px;letter-spacing:-1.9px;line-height:1.24;margin:12px 0 14px;font-weight:650}.intro-desc{color:#6e6e73;font-size:15px}.mobile-break{display:none}.intro-note{display:flex;gap:13px;align-items:center;padding-bottom:5px;font-size:11px;color:#86868b;white-space:nowrap}.intro-note i{width:22px;height:1px;background:#cfd0d5}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.draft-tag{border:1px solid #dce3ef;background:#f0f4fb;color:#61748f;font-size:11px;border-radius:6px;padding:3px 8px;white-space:nowrap}.model-section{margin-bottom:37px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.model-card{position:relative;text-align:left;border:1.5px solid #e0e0e5;border-radius:15px;background:#fff;padding:22px 20px;display:flex;align-items:center;gap:17px;min-height:105px;color:#1d1d1f;transition:border-color .15s,background .15s}.model-card:hover{border-color:#b6c5da}.model-card.selected{border-color:#0071e3;background:#f8fbff;box-shadow:0 0 0 .5px #0071e3}.model-card strong{display:block;font-size:19px;font-weight:650;line-height:1.4;letter-spacing:-.5px}.model-card small{display:block;font-size:11px;color:#6e6e73;margin-top:3px}.model-check{position:absolute;top:13px;right:13px;width:16px;height:16px;border:1px solid #d4d4d9;border-radius:50%;display:grid;place-items:center;font-size:10px;line-height:1;background:#fff;color:transparent}.selected .model-check{background:#0071e3;border-color:#0071e3;color:#fff}.controller{width:64px;height:47px;flex:none;color:#737a86}.selected .controller{color:#3c5e85}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:30px;align-items:start}.config-column{min-width:0}.config-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.config-heading span{font-size:12px;color:#86868b}.panel{background:white;border:1px solid #e5e5e9;border-radius:15px;margin-bottom:18px;padding:25px}.section-desc{font-size:12px;color:#86868b;margin:6px 0 15px;line-height:1.65}.service-panel{padding:20px 23px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-row h3{font-size:15px}.segmented{background:#f3f3f6;border-radius:8px;padding:3px;display:flex;gap:3px}.segmented button{font-size:12px;border-radius:6px;padding:7px 15px;background:transparent;color:#6e6e73;min-height:37px}.segmented button.active{background:white;color:#1d1d1f;box-shadow:0 1px 4px #00000012}.base-choice{display:flex;gap:8px;margin-top:16px}.base-choice button{flex:1;text-align:left;background:#fafafa;border:1px solid #e5e5e9;border-radius:9px;padding:11px 12px;font-size:12px}.base-choice button.active{border-color:#0071e3;background:#f5f9ff;color:#0066cc}.base-choice strong{margin-left:7px}.small-note{font-size:11px;color:#86868b;margin-top:11px;line-height:1.8}.dse-note{color:#8e6d36;background:#fbf7ef;border-radius:7px;padding:9px 12px;margin-top:13px;font-size:12px}.category-nav{position:sticky;top:10px;z-index:5;display:flex;gap:7px;margin:0 -3px 17px;background:rgba(245,245,247,.95);padding:8px 3px;backdrop-filter:blur(14px)}.category-nav a{font-size:12px;color:#6e6e73;padding:7px 15px;border-radius:20px;white-space:nowrap;min-height:36px}.category-nav a.active{background:#1d1d1f;color:#fff}.category-nav a:hover{background:#e6e6eb;color:#1d1d1f}.option-section{scroll-margin-top:74px}.subheading{font-size:11px;color:#86868b;margin:20px 0 8px}.option-row{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid #f0f0f3;padding:14px 0}.option-row:last-child{border-bottom:0;padding-bottom:0}.option-title{font-size:14px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.option-description{font-size:11px;color:#86868b;line-height:1.7;margin-top:3px}.option-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.check{width:19px;height:19px;flex:none;border:1.5px solid #d4d4da;border-radius:5px;background:#fff;display:grid;place-items:center;color:transparent;font-size:12px;line-height:1}.option-row.chosen .check{background:#0071e3;color:#fff;border-color:#0071e3}.check.radio{border-radius:50%}.option-row.included .check{background:#e8f0fc;color:#0071e3;border-color:#d7e6fa}.option-toggle{width:100%;text-align:left;color:inherit;background:transparent;padding:0;display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:40px}.option-price{font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.option-price small{font-size:10px;color:#86868b;font-weight:400;margin-left:3px}.pending-price{font-size:12px;color:#9a743a;font-weight:500}.included-label{color:#0071e3;background:#eff5ff;font-size:10px;padding:3px 7px;border-radius:5px;white-space:nowrap}.stick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #f0f0f3;padding:14px 0}.stick-row:last-child{border:0;padding-bottom:0}.stick-info{display:flex;align-items:center;gap:10px;min-width:0}.stick-price{color:#6e6e73;font-size:12px;margin-top:4px}.stick-price strong{color:#1d1d1f;font-size:14px;font-weight:550}.side-buttons{display:flex;gap:7px}.side-buttons button{border:1px solid #e1e1e6;background:#fff;color:#6e6e73;border-radius:7px;padding:7px 12px;font-size:11px;min-height:40px;min-width:48px}.side-buttons button.active{border-color:#0071e3;background:#eff6ff;color:#0066cc}.stick-dot{width:7px;height:7px;border:1px solid #d2d2d7;flex:none;border-radius:50%}.stick-dot.active{background:#0071e3;border-color:#0071e3}.qty-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f3;padding-top:18px;margin-top:18px;font-size:12px;color:#6e6e73}.stepper{display:flex;align-items:center;gap:15px;border:1px solid #e5e5e9;border-radius:7px}.stepper button{background:transparent;color:#1d1d1f;width:36px;height:36px;font-size:18px}.stepper output{min-width:14px;text-align:center;color:#1d1d1f}.empty-category{padding:18px;background:#f8f8fa;border:1px dashed #e0e0e5;border-radius:9px;font-size:12px;color:#86868b;line-height:1.9}.note-panel textarea{border:1px solid #e4e4e9;border-radius:9px;background:#fafafa;width:100%;padding:13px 14px;min-height:110px;resize:vertical;color:#1d1d1f;font-size:13px;line-height:1.8}.note-panel textarea::placeholder{color:#a4a4aa}.char-count{text-align:right;font-size:10px;color:#a1a1a8;margin-top:4px}.summary-column{position:sticky;top:24px;padding-top:0}.summary-panel{background:#fff;border:1px solid #e1e1e6;border-radius:16px;padding:24px;box-shadow:0 10px 32px #00000004}.summary-heading{display:flex;align-items:center;justify-content:space-between}.summary-heading h2{font-size:18px}.text-button{background:transparent;color:#86868b;font-size:11px;padding:7px}.summary-model{font-size:11px;color:#86868b;margin-top:5px}.summary-count{display:inline-flex;font-size:10px;background:#f4f4f6;color:#86868b;padding:3px 8px;border-radius:6px;margin-top:14px}.summary-empty{text-align:center;padding:32px 0 29px;color:#a1a1aa}.empty-icon{font-size:28px;font-weight:200;line-height:1.4;color:#c9c9d1;margin-bottom:10px}.summary-empty strong{font-size:13px;color:#6e6e73;font-weight:450}.summary-empty p{font-size:11px;margin-top:5px}.summary-items{margin:17px 0 18px;max-height:360px;overflow:auto;scrollbar-width:thin}.summary-item{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;font-size:11px;padding:8px 0;line-height:1.65}.summary-item .amount{white-space:nowrap;font-variant-numeric:tabular-nums}.summary-item .remove{width:20px;height:24px;background:transparent;color:#a3a3ae;line-height:1;padding:0;font-size:15px;flex:none}.summary-item .item-name{flex:1}.summary-item.is-included{color:#86868b;font-size:10px}.summary-costs{border-top:1px solid #eeeeF1;padding:14px 0}.cost-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:7px 0;color:#6e6e73}.cost-line span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.cost-detail{font-size:10px;color:#a1a1aa;margin-top:3px}.shipping-note{font-size:10px;color:#8a8a92;margin-top:8px;line-height:1.8}.shipping-note.free{color:#4d7d64}.total-block{padding:17px 0 20px;border-top:1px solid #eeeeF1}.total-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.total-row span{font-size:12px;font-weight:550}.total-row strong{font-size:32px;font-weight:600;line-height:1.4;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.total-row strong small{font-size:19px;font-weight:500;margin-right:3px;letter-spacing:0}.total-hint{font-size:10px;color:#96969d;margin-top:7px}.pending-alert{background:#fbf7ef;color:#99743d;font-size:11px;padding:9px 11px;border-radius:7px;margin:10px 0 0}.primary{background:#0071e3;color:#fff;border-radius:9px;min-height:45px;padding:12px 18px;font-size:13px;font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:background .15s}.primary:hover:not(:disabled){background:#0064ce}.summary-panel .primary{width:100%}.summary-caption{font-size:10px;color:#96969d;text-align:center;margin-top:10px}.contact-box{margin:20px 9px;display:flex;align-items:flex-start;gap:12px}.contact-box strong{font-size:11px;font-weight:550}.contact-box p{font-size:10px;color:#86868b;margin-top:3px}.contact-box button{font-size:10px;background:transparent;color:#0071e3;padding:4px 5px}.muted{color:#86868b;font-size:11px}.guide{padding:12px 3px 0}.guide h3{font-size:15px;margin-bottom:15px}.guide details{border-bottom:1px solid #e4e4e9;padding:14px 0}.guide summary{cursor:pointer;font-size:12px;list-style:none;position:relative;padding-right:24px}.guide summary::-webkit-details-marker{display:none}.guide summary:after{content:'＋';position:absolute;right:2px;color:#86868b;font-size:15px}.guide details[open] summary:after{content:'−'}.guide details p{font-size:11px;color:#86868b;line-height:1.9;margin-top:12px;max-width:590px}footer{margin-top:55px;border-top:1px solid #e0e0e6;padding:26px 0 40px;display:flex;justify-content:space-between;font-size:10px;color:#96969d}.mobile-bar{display:none}dialog{border:1px solid #e5e5e9;max-width:580px;width:calc(100% - 32px);padding:27px;border-radius:20px;color:#1d1d1f;box-shadow:0 20px 90px #00000022;max-height:90dvh;overflow:auto}dialog::backdrop{background:#13151b80;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-header h2{font-size:22px}.dialog-header .eyebrow{font-size:10px;margin-bottom:5px;color:#0071e3}.close{width:32px;height:32px;flex:none;border-radius:50%;background:#f3f3f5;color:#86868b;font-size:25px;line-height:1;display:grid;place-items:center}.dialog-desc{font-size:12px;color:#86868b;line-height:1.8;margin:12px 0 20px}.quote-preview{padding:21px;background:#f7f8fa;border:1px solid #ededf1;border-radius:12px}.quote-preview .summary-items{max-height:none;margin:12px 0}.quote-preview .summary-model{font-size:12px}.quote-preview .summary-item{font-size:12px}.quote-preview .total-row strong{font-size:28px}.quote-preview .total-block{padding-bottom:0}.quote-meta{font-size:10px;color:#96969d;margin-top:8px}.text-toggle{display:flex;justify-content:space-between;font-size:11px;margin-top:20px;margin-bottom:8px;color:#6e6e73}.text-toggle span{font-size:10px;color:#96969d}#quote-text{width:100%;height:120px;border:1px solid #e5e5e9;background:#fff;border-radius:8px;padding:12px;font-size:11px;line-height:1.8;resize:vertical;color:#6e6e73}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions>*{flex:1}.secondary{background:#f1f1f4;color:#1d1d1f;border:1px solid #e8e8ed;border-radius:9px;min-height:45px;font-size:12px;padding:10px 15px}.dialog-foot{font-size:10px;color:#96969d;text-align:center;margin-top:12px;line-height:1.8}#quote-image{width:100%;height:auto;border:1px solid #e8e8ed;border-radius:10px;display:block}#image-dialog{max-width:520px}.download{width:100%;margin-top:20px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#25252beF;color:white;padding:11px 20px;border-radius:9px;font-size:12px;z-index:200;max-width:calc(100% - 30px);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only,.skip{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{clip:auto;width:auto;height:auto;margin:10px;padding:10px;background:#fff;z-index:100}.noscript{position:fixed;inset:0;z-index:200;background:white;padding:80px 30px;text-align:center}
@media(min-width:1500px){.intro{padding-top:66px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:20px}.container,.header-inner{padding-left:24px;padding-right:24px}.model-card{padding:19px 15px;gap:10px}.controller{width:49px}.model-card strong{font-size:17px}.model-card small{font-size:10px}.intro-note{display:none}.panel{padding:22px}.summary-panel{padding:21px}}@media(max-width:760px){html{scroll-padding-top:75px}.header{height:58px}.header-inner{padding:0 20px}.brand{font-size:14px;gap:9px}.brand-sub{font-size:12px}.header-link{font-size:11px}.container{padding:0 20px}.intro{padding:36px 0 28px}.eyebrow{font-size:10px}h1{font-size:35px;letter-spacing:-1.4px;line-height:1.28;margin:11px 0 13px}.intro-desc{font-size:12px;line-height:1.9}.intro .mobile-break{display:inline}.intro h1 .mobile-break{display:none}.section-title h2{font-size:18px}.draft-tag{font-size:9px;padding:3px 6px}.model-grid{gap:8px;margin-top:13px}.model-card{padding:17px 8px 12px;flex-direction:column;gap:7px;align-items:flex-start;min-height:124px;border-radius:11px}.model-card .controller{width:46px;height:31px;margin:2px auto 4px;align-self:center}.model-card>div{width:100%;text-align:center}.model-card strong{font-size:13px;letter-spacing:-.3px}.model-card small{font-size:9px;line-height:1.5;margin:3px 0 0;min-height:27px}.model-check{width:13px;height:13px;right:8px;top:8px;font-size:8px}.model-section{margin-bottom:25px}.workspace{display:block}.config-heading{margin-bottom:13px}.config-heading h2{font-size:18px}.config-heading span{font-size:10px}.panel{padding:20px 18px;border-radius:12px;margin-bottom:14px}.service-panel{padding:17px}.service-row h3{font-size:13px}.segmented button{font-size:10px;padding:5px 10px;min-height:34px}.category-nav{top:0;padding:9px 0;margin:0 -2px 12px;gap:4px}.category-nav a{font-size:11px;padding:7px 13px}.section-title h3{font-size:17px}.section-desc{font-size:11px;margin:5px 0 12px}.option-title{font-size:13px}.option-description{font-size:10px}.option-row{min-height:66px;padding:12px 0}.option-left{gap:10px}.option-price{font-size:14px}.option-price small{font-size:9px}.pending-price{font-size:11px}.included-label{font-size:9px}.stick-row{padding:13px 0;gap:8px}.stick-info{gap:8px}.stick-price{font-size:10px}.stick-price strong{font-size:12px}.side-buttons{gap:5px}.side-buttons button{min-width:43px;padding:6px 8px;font-size:10px;min-height:40px}.summary-column{position:static;padding:13px 0 0}.summary-panel{padding:23px;border-radius:13px}.summary-items{max-height:none}.summary-item{font-size:12px}.summary-count{font-size:10px}.cost-line{font-size:12px}.summary-panel .primary{display:none}.summary-caption{display:none}.summary-heading h2{font-size:19px}.total-row strong{font-size:31px}.total-hint{font-size:11px}.summary-model{font-size:11px}.contact-box{margin:18px 3px}.contact-box strong{font-size:12px}.contact-box p{font-size:11px}.contact-box button{font-size:11px}.guide{margin-top:27px}.guide h3{font-size:15px}.guide summary{font-size:12px}.guide details p{font-size:11px}footer{margin-top:20px;padding:24px 0 115px;display:block;line-height:2.1}footer span{display:block}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e5e5e9;backdrop-filter:blur(15px);box-shadow:0 -5px 20px #00000003}.mobile-bar>div{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:7px;max-width:55%}.mobile-bar span{font-size:10px;color:#86868b}.mobile-bar strong{font-size:25px;letter-spacing:-.8px;line-height:1.3;font-variant-numeric:tabular-nums}.mobile-bar small{display:block;flex-basis:100%;font-size:9px;color:#96969d;margin-top:2px}.mobile-bar .primary{font-size:12px;min-height:44px;padding:11px 16px;white-space:nowrap}.mobile-bar .primary span{color:white;font-size:15px}.toast{bottom:105px;font-size:11px}dialog{padding:22px 19px;max-height:88dvh;border-radius:16px}.dialog-header h2{font-size:20px}.dialog-actions{gap:8px}.dialog-actions .primary{font-size:12px;padding:11px 12px}.dialog-actions .secondary{font-size:11px;padding:11px 10px}.quote-preview{padding:17px}.quote-preview .summary-item{font-size:11px}.base-choice{gap:6px}.base-choice button{font-size:10px;padding:9px}.base-choice strong{display:block;margin:2px 0 0}.small-note{font-size:10px}}@media(max-width:370px){.container{padding:0 14px}.header-inner{padding:0 14px}h1{font-size:30px}.model-card strong{font-size:12px}.model-card small{font-size:8px}.panel{padding:18px 15px}.option-title{font-size:12px}.category-nav a{padding:7px 11px}.side-buttons button{padding:5px 6px;min-width:39px}.mobile-bar{padding-left:14px;padding-right:14px}.mobile-bar .primary{padding:11px 12px;font-size:11px}.mobile-bar strong{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.header,.intro,.model-section,.config-column,.contact-box,.mobile-bar,footer{display:none}.workspace{display:block}.summary-column{position:static}.summary-panel{box-shadow:none}.summary-panel .primary,.text-button,.remove{display:none}body{background:#fff}}

/* PS4 简版：型号固定，使用更紧凑的项目行与独立数量。 */
.intro{padding:45px 0 32px}.intro .eyebrow{letter-spacing:0;line-height:1.8;color:#6e6e73}h1{font-size:40px}.back-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #f0f0f3;padding:16px 0}.back-row:last-of-type{border-bottom:0}.back-info{min-width:0}.back-row.selected .option-title{color:#0066cc}.back-row .stepper{gap:0;flex-shrink:0}.back-row .stepper button{width:34px;height:40px}.qty-input{appearance:textfield;-moz-appearance:textfield;width:38px;height:40px;padding:0;border:0;background:transparent;text-align:center;font-size:13px;color:#1d1d1f;border-radius:0}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:2px solid #76b4ff;outline-offset:-2px;border-radius:3px}.line-price{display:block;color:#96969d;font-size:10px;line-height:1.7;margin-top:2px}.summary-item .amount{padding-top:1px}.summary-item .remove{margin-top:-1px}.contact-box p{line-height:1.9;overflow-wrap:anywhere}.quote-preview .line-price{font-size:10px}
@media(max-width:760px){.intro{padding:29px 0 26px}h1{font-size:33px;margin-top:8px}.intro .eyebrow{font-size:10px}.intro .intro-desc{font-size:12px}.config-heading{margin-bottom:12px}.back-row{gap:10px;padding:15px 0}.back-row .stepper button{width:32px;height:42px}.qty-input{width:32px;height:42px;font-size:12px}.back-info .option-title{font-size:12px}.line-price{font-size:10px}.service-row{align-items:flex-start;flex-direction:column;gap:12px}.segmented{width:100%}.segmented button{flex:1;font-size:12px;min-height:39px}.category-nav{justify-content:space-between;gap:0}.category-nav a{padding:7px 13px}.brand{font-size:13px}.brand-sub{font-size:11px}.brand-divider{margin:0}.summary-panel{scroll-margin-top:20px}.contact-box p{font-size:10px}}
@media(max-width:370px){.back-row .stepper button{width:28px}.qty-input{width:27px}.back-info .option-title{font-size:11px}.brand{gap:7px;font-size:12px}.brand-sub{font-size:10px}.header-link{font-size:10px}h1{font-size:30px}}

/* 个人品牌与左右背键选配 */
.brand-title{display:flex;gap:8px;align-items:baseline;white-space:nowrap;letter-spacing:.1px}.brand-title>span{font-size:13px;font-weight:450;color:#6e6e73}.selection-required{font-size:11px;color:#996d2d;background:#fbf7ef;border-radius:7px;padding:9px 11px;margin:0 0 12px;line-height:1.7}.back-placement-controls{display:flex;gap:18px;align-items:center;flex-shrink:0}.side-quantity{display:flex;flex-direction:column;align-items:center;gap:6px}.quantity-label{font-size:11px;color:#86868b}.split-back-row{gap:12px}.split-back-row .back-info{max-width:46%}.split-back-row .stepper button{width:28px;height:38px}.split-back-row .qty-input{width:30px;height:38px}.placement-note{background:#fbf7ef;border:1px solid #eee5d4;border-radius:9px;padding:12px 14px;font-size:11px;color:#896829;margin:10px 0}.placement-note .option-row{padding:0 0 9px;min-height:44px;border:0}.placement-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.placement-actions button{background:white;border:1px solid #e5d9c1;color:#896829;padding:7px 12px;border-radius:6px;min-height:36px;font-size:11px}.category-nav{overflow-x:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}
@media(max-width:760px){.brand{gap:8px}.brand-title{gap:5px;font-size:13px}.brand-title>span{font-size:11px}.brand-divider{margin:0}.brand-sub{font-size:10px}.back-placement-controls{gap:12px}.split-back-row{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0}.split-back-row .back-info{max-width:none;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.split-back-row .stick-price{margin:0;flex-shrink:0}.split-back-row .back-placement-controls{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.split-back-row .side-quantity{flex-direction:row;justify-content:space-between;gap:6px;padding:9px;background:#f8f8fa;border-radius:8px}.split-back-row .stepper{background:white}.split-back-row .stepper button{width:28px;height:38px}.split-back-row .qty-input{width:27px;height:38px}.quantity-label{font-size:10px;white-space:nowrap}.category-nav a{padding:7px 10px}.selection-required{font-size:10px}.paired-back-row .side-quantity{flex-direction:row;gap:10px}}
@media(max-width:370px){.brand{gap:6px}.brand-title{font-size:12px;gap:4px}.brand-title>span{font-size:10px}.brand-divider,.brand-sub{display:none}.split-back-row .side-quantity{padding:8px 6px;gap:4px}.split-back-row .back-placement-controls{gap:8px}.split-back-row .stepper button{width:23px}.split-back-row .qty-input{width:24px}}

.brand-logo{display:block;width:40px;height:40px;flex:0 0 auto}@media(max-width:760px){.brand-logo{width:32px;height:32px}}@media(max-width:370px){.brand-logo{width:28px;height:28px}}

/* 本体选项字色和套件内含外壳颜色 */
.base-choice button.active[data-id=original]{color:#1d1d1f}.base-choice button.active[data-id=kit]{color:#000}.kit-shell-colors{display:flex;gap:8px;margin-top:8px}.kit-shell-colors button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #e1e1e6;border-radius:8px;background:#fff;color:#1d1d1f;font-size:12px}.kit-shell-colors button.active{border-color:#1d1d1f;background:#f5f5f7;box-shadow:0 0 0 .5px #1d1d1f}.shell-swatch{width:13px;height:13px;flex:none;border-radius:50%;border:1px solid #d1d1d6}.shell-swatch[data-color=black]{background:#1d1d1f}.shell-swatch[data-color=white]{background:#fff}.shell-swatch[data-color=purple]{background:#b49bcf}.kit-shell-included{font-size:10px;color:#86868b}@media(max-width:760px){.kit-shell-colors button{gap:5px;padding:8px 6px;font-size:11px}.kit-shell-included{font-size:9px}}

.kit-shell-colors button{white-space:nowrap}@media(max-width:370px){.kit-shell-included{display:none}}