/* 选择规格页（spec-choice）—— 从设计稿 ProductList.tsx 内联样式抽出 */
.spec-choice-page{position:relative;min-height:100dvh;background:#f5f6f8;color:#292929;font-family:inherit;padding-bottom:90px;box-sizing:border-box}.spec-choice-page *{box-sizing:border-box}.spec-choice-header{height:64px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #e9ecf1}.spec-choice-header h1{font-size:19px;font-weight:750;margin:0;flex:1}.spec-choice-header button{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#737b89;display:grid;place-items:center;box-shadow:0 3px 10px #1f29370a}.spec-choice-header svg{width:20px;height:20px}.spec-choice-main{padding:14px 10px}.spec-choice-product{display:flex;align-items:center;gap:12px;padding:17px 14px;background:#fff;border-radius:18px;box-shadow:0 5px 15px #202b4010}.spec-choice-product-icon{width:53px;height:53px;flex-shrink:0;display:grid;place-items:center;background:#f5f6f9;border-radius:15px;color:#3e6cff}.spec-choice-product-icon svg{width:27px;height:27px}.spec-choice-product h2{font-size:17px;line-height:1.4;margin:0 0 4px;font-weight:750}.spec-choice-tags{display:flex;gap:5px}.spec-choice-tags span{padding:1px 8px;border-radius:12px;background:#eaf0ff;color:#285be8;font-size:12px;font-weight:700}.spec-choice-product p{font-size:12px;color:#9aa3b3;margin:9px 0 0;line-height:1.5}.spec-choice-product p b{color:#3d6bff}.spec-choice-section-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 2px 11px}.spec-choice-section-heading h2{margin:0;font-size:17px;font-weight:750}.spec-choice-section-heading>span{font-size:12px;color:#9aa3b3}.spec-choice-options{display:grid;gap:8px}.spec-choice-option{display:flex;align-items:center;gap:10px;min-height:72px;width:100%;padding:13px 12px;text-align:left;border:1.5px solid transparent;border-radius:16px;background:#fff;box-shadow:0 4px 12px #202b400b;color:inherit;cursor:pointer;font:inherit}.spec-choice-option.is-selected{border-color:#3e6cff;background:#fafbff}.spec-choice-option-icon{width:39px;height:39px;flex-shrink:0;border-radius:12px;background:#f5f6f9;display:grid;place-items:center;color:#9ba3b0}.spec-choice-option-icon svg{width:20px;height:20px}.spec-choice-option-copy{flex:1;min-width:0;display:grid;gap:4px}.spec-choice-option-copy strong{font-size:14px;font-weight:750;line-height:1.4}.spec-choice-option-copy small{font-size:10px;background:#eaf0ff;color:#285be8;border-radius:9px;padding:2px 6px;margin-left:5px;white-space:nowrap}.spec-choice-option-copy>span{font-size:12px;color:#9aa3b3}.spec-choice-option-price{text-align:right;display:grid;gap:5px;flex-shrink:0}.spec-choice-option-price strong{font-size:17px;font-weight:800;color:#f04450}.spec-choice-option-price>span{font-size:10px;color:#9aa3b3}.spec-choice-radio{width:21px;height:21px;border-radius:50%;background:#eceff4;display:grid;place-items:center;flex-shrink:0;color:white;font-size:17px;line-height:1}.is-selected .spec-choice-radio{background:#3e6cff}.spec-choice-note{display:flex;align-items:flex-start;gap:9px;border:1px solid #ffe0a0;border-radius:15px;background:#fff9ed;color:#a74a0c;margin-top:15px;padding:13px 15px}.spec-choice-note>span{font-size:13px;padding-top:1px}.spec-choice-note p{margin:0;font-size:12px;line-height:1.8}.spec-choice-footer{position:sticky;bottom:0;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:11px 14px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #202b4007;z-index:20}.spec-choice-page{display:flex;flex-direction:column;padding-bottom:0}.spec-choice-main{flex:1}.spec-choice-footer>div>span{color:#9aa3b3;font-size:11px}.spec-choice-footer p{margin:3px 0 0;font-size:13px;font-weight:750}.spec-choice-footer p strong{color:#f04450;margin-left:3px}.spec-choice-footer>button{background:#3c69f5;border:0;border-radius:16px;color:#fff;font:inherit;font-size:17px;font-weight:750;min-width:135px;min-height:47px;padding:12px 20px;box-shadow:0 6px 16px #3c69f52b}.spec-choice-option:focus-visible,.spec-choice-header button:focus-visible,.spec-choice-footer button:focus-visible{outline:3px solid #9bb6ff;outline-offset:3px}@media(max-width:360px){.spec-choice-option{gap:7px;padding:12px 10px}.spec-choice-option-icon{width:32px}.spec-choice-option-copy strong{font-size:12px}.spec-choice-option-price strong{font-size:15px}}body:has(.spec-choice-page) nav[aria-label="主导航"]{display:none}
.spec-choice-main{padding-bottom:138px}.spec-choice-footer{position:fixed;inset:auto 0 0;width:100%;max-width:393px;transform:none;margin:0 auto;padding:12px 16px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;align-items:stretch;border:0;border-radius:0;background:#f5f6f8;box-shadow:none;z-index:40}.spec-choice-footer .spec-dock-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;color:#53627a;font-size:12px;line-height:18px;font-weight:500}.spec-dock-summary>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.spec-dock-summary svg{width:14px;height:14px;color:#335eea;flex-shrink:0}.spec-dock-summary>small{font-size:11px;color:#697586;flex-shrink:0}.spec-choice-footer>button.spec-dock-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:60px;margin:0;padding:14px 18px;border:0;border-radius:14px;background:#183c80;box-shadow:0 6px 16px #183c801a;color:#fff;letter-spacing:0;font-size:16px;font-weight:600;transition:background .15s,transform .15s}.spec-dock-button .spec-dock-amount{display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.spec-dock-button .spec-dock-amount small{font-size:13px;font-weight:500}.spec-dock-button .spec-dock-amount strong{font-size:25px;line-height:1;font-weight:650;letter-spacing:-.5px}.spec-dock-button .spec-dock-action{display:flex;align-items:center;gap:16px;line-height:24px;border-left:1px solid #ffffff33;padding-left:22px}.spec-dock-action svg{width:20px;height:20px}.spec-choice-footer>button.spec-dock-button:hover{background:#12316c}.spec-choice-footer>button.spec-dock-button:active{background:#10295b;transform:scale(.99)}.spec-choice-footer>button.spec-dock-button:focus-visible{outline:3px solid #a3c7ff;outline-offset:3px}@media(max-width:350px){.spec-choice-footer{padding-left:12px;padding-right:12px}.spec-dock-button .spec-dock-action{gap:10px;padding-left:16px}}.spec-choice-footer{gap:10px;padding:12px 16px max(20px,env(safe-area-inset-bottom))}.spec-choice-footer .spec-dock-summary{padding:0 3px;font-size:12px;color:#526079}.spec-dock-summary>small{font-size:11px;color:#69768a}.spec-dock-summary svg{color:#46699f}.spec-choice-footer>button.spec-dock-button{min-height:60px;padding:14px 20px;border-radius:14px;background:#1d417f;box-shadow:0 4px 12px #183c8012}.spec-dock-button .spec-dock-amount{gap:3px;line-height:1}.spec-dock-button .spec-dock-amount small{font-size:14px;font-weight:500;opacity:.9}.spec-dock-button .spec-dock-amount strong{display:flex;align-items:baseline;font-size:28px;line-height:1;font-weight:650;letter-spacing:-.5px}.spec-dock-amount .spec-dock-decimal{font-size:20px;letter-spacing:0;font-weight:550}.spec-dock-button .spec-dock-action{position:relative;border:0;min-width:120px;padding-left:24px;gap:18px;justify-content:flex-end;font-size:16px;line-height:24px;font-weight:600}.spec-dock-action::before{content:"";position:absolute;left:0;top:3px;height:18px;width:1px;background:#ffffff38}.spec-dock-action svg{width:18px;height:18px}.spec-choice-footer>button.spec-dock-button:hover{background:#183a74}.spec-choice-footer>button.spec-dock-button:active{background:#143264}@media(max-width:350px){.spec-dock-button .spec-dock-action{min-width:110px;gap:12px;padding-left:18px}}

/* 选中角标（第一段样式块尾部，抽取时漏掉） */
.spec-choice-selected-label{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;min-width:36px;height:19px;padding:0 8px;border-radius:0 13px 0 9px;background:#1d417f;color:#fff;font-size:10px;font-weight:600;line-height:19px;letter-spacing:.3px}

/* 设计稿第 2 段样式块（ProductList.tsx L99）—— 合并时漏掉的 3 个声明 */
.spec-choice-option{position:relative;padding-right:14px}
.spec-choice-option-price{padding-top:7px}