/* Public theme navigation and footer stay outside this scoped stylesheet. */
#baole-selector-page{--bl-blue:#0665f6;--bl-blue-dark:#0054d5;--bl-ink:#1f2d3d;--bl-muted:#6b7788;--bl-line:#e3e8ef;--bl-white:#fff;--bl-background:#f5f7fa;--bl-warning:#8b6020;box-sizing:border-box;margin:0;background:var(--bl-background);color:var(--bl-ink);font:14px/1.65 "PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,"Microsoft YaHei UI","Microsoft YaHei",BaoleSans,Arial,sans-serif}
#baole-selector-page *{box-sizing:border-box}
#baole-selector-page button,#baole-selector-page input,#baole-selector-page select,#baole-selector-page textarea{font:inherit}
#baole-selector-page a{color:var(--bl-blue);text-decoration:none}
#baole-selector-page a:hover{text-decoration:underline}
#baole-selector-page button{cursor:pointer}
#baole-selector-page button:disabled{cursor:not-allowed}
#baole-selector-page button,#baole-selector-page a{touch-action:manipulation}
#baole-selector-page [hidden]{display:none!important}
#baole-selector-page :focus-visible{outline:2px solid #80b2fa;outline-offset:3px}
#baole-selector-page .page-width{width:min(1320px,calc(100% - 64px));margin-inline:auto}
#baole-selector-page .hero{position:relative;overflow:hidden;background:#eaf3ff}
#baole-selector-page .hero-art{position:absolute;top:0;right:0;bottom:0;width:74%;max-width:1320px;pointer-events:none;overflow:hidden}
#baole-selector-page .hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eaf3ff 0%,rgba(234,243,255,.91) 13%,rgba(234,243,255,0) 58%)}
#baole-selector-page .orbit-scene{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:60% 50%;animation:bl-orbit-float-r4 18s ease-in-out infinite;animation-play-state:paused;will-change:transform}
#baole-selector-page .orbit-runner{stroke-dasharray:58 942;stroke-dashoffset:0;opacity:0;animation:bl-orbit-flow-r4 14s linear infinite;animation-play-state:paused}
#baole-selector-page .orbit-runner-two{animation-duration:18s;animation-delay:-6s;stroke-dasharray:40 960}
#baole-selector-page .orbit-runner-three{animation-duration:16s;animation-delay:-11s;stroke-dasharray:30 970}
#baole-selector-page .orbit-halo{stroke-width:11;opacity:.5;filter:url(#bl-orbit-glow-r4)}
#baole-selector-page .orbit-ray{stroke-width:2.6}
#baole-selector-page .hero-art.is-running .orbit-scene,#baole-selector-page .hero-art.is-running .orbit-runner{animation-play-state:running}
@keyframes bl-orbit-float-r4{0%,100%{transform:translate3d(0,2px,0) scale(1.018)}50%{transform:translate3d(-4px,-4px,0) scale(1.032)}}
@keyframes bl-orbit-flow-r4{0%{stroke-dashoffset:0;opacity:0}12%{opacity:.8}86%{opacity:.65}100%{stroke-dashoffset:-1000;opacity:0}}
#baole-selector-page .hero-inner{position:relative;min-height:220px;display:flex;align-items:center;padding-block:38px}
#baole-selector-page .hero-copy{max-width:62%}
#baole-selector-page h1{font-size:36px;font-weight:500;line-height:1.4;margin:0}
#baole-selector-page .hero-description{font-size:14px;color:#5f6f82;line-height:1.8;margin:12px 0 0}
#baole-selector-page .preview-label{position:absolute;top:18px;right:0;color:#8090a2;font-size:11px}
#baole-selector-page .preview-label span{display:none}
#baole-selector-page .main-content{padding-top:30px;padding-bottom:32px}
#baole-selector-page h2{font-size:19px;line-height:1.5;font-weight:500;margin:0}
#baole-selector-page .section-heading{margin-bottom:15px}
#baole-selector-page .purpose-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--bl-line);background:#fff}
#baole-selector-page .purpose-choice{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-content:center;align-items:center;column-gap:10px;row-gap:5px;min-width:0;min-height:92px;padding:15px 15px 16px;border:0;border-right:1px solid #edf0f4;background:#fff;color:#364659;text-align:left;border-radius:0}
#baole-selector-page .purpose-choice:last-child{border-right:0}
#baole-selector-page .purpose-choice:hover{background:#f8faff;color:var(--bl-blue)}
#baole-selector-page .purpose-choice.selected{color:var(--bl-blue);background:#f8fbff}
#baole-selector-page .purpose-choice.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--bl-blue)}
#baole-selector-page .purpose-icon{grid-column:1;grid-row:1;width:22px;height:22px;display:block;margin:0}
#baole-selector-page .purpose-choice strong{grid-column:2;grid-row:1;font-size:14px;line-height:1.5;font-weight:500}
#baole-selector-page .purpose-choice>span{grid-column:2;grid-row:2;color:#7d8794;font-size:11px;line-height:1.5}
#baole-selector-page .choice-check,#baole-selector-page .step-number{display:none!important}
#baole-selector-page .selector-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start;margin-top:26px}
#baole-selector-page .requirements-panel{padding:20px;background:#fff;border:1px solid var(--bl-line);border-radius:2px}
#baole-selector-page .panel-description{font-size:12px;line-height:1.8;color:var(--bl-muted);margin:8px 0 18px}
#baole-selector-page .field{min-width:0;margin-bottom:15px}
#baole-selector-page .field>label,#baole-selector-page .field-legend{display:block;font-size:13px;font-weight:400;color:#3b495c;margin-bottom:6px}
#baole-selector-page .field select,#baole-selector-page .field input[type="text"],#baole-selector-page .field input[type="number"],#baole-selector-page .field textarea{width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #d8dfe8;border-radius:2px;background:#fff;color:var(--bl-ink);line-height:1.5}
#baole-selector-page .field select{padding-right:28px}
#baole-selector-page .field textarea{min-height:84px;resize:vertical}
#baole-selector-page .field small{display:block;font-size:11px;line-height:1.6;color:#86909e;margin-top:5px}
#baole-selector-page .field input::placeholder,#baole-selector-page .field textarea::placeholder{color:#9aa5b3}
#baole-selector-page .field-error{color:#a84133!important}
#baole-selector-page .check-field{margin:0 0 15px}
#baole-selector-page .check-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#46566b}
#baole-selector-page .check-label input{width:16px;height:16px;margin:3px 0 0;accent-color:var(--bl-blue);flex-shrink:0}
#baole-selector-page .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:8px 19px;border:1px solid var(--bl-blue);border-radius:2px;background:var(--bl-blue);color:#fff;font-size:14px;line-height:1.5;text-decoration:none}
#baole-selector-page .primary-button:hover{background:var(--bl-blue-dark);border-color:var(--bl-blue-dark);color:#fff;text-decoration:none}
#baole-selector-page .primary-button:disabled{opacity:.5}
#baole-selector-page .update-button{width:100%;margin-top:4px}
#baole-selector-page .results-panel{min-width:0}
#baole-selector-page .results-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:29px}
#baole-selector-page .text-button{border:0;background:none;color:#7c8796;font-size:12px;padding:2px 0}
#baole-selector-page .text-button:hover{color:var(--bl-blue)}
#baole-selector-page .selection-summary{font-size:12px;color:#85909e;line-height:1.7;margin:7px 0 9px}
#baole-selector-page .result-status{font-size:12px;line-height:1.7;color:#7c8796;margin:0 0 12px;outline:0}
#baole-selector-page .result-status:empty{display:none}
#baole-selector-page .result-status.dirty{padding:9px 12px;border:1px solid #efdfbe;background:#fffaf0;color:#866121}
#baole-selector-page .result-status.error{padding:9px 12px;border:1px solid #eed9d2;background:#fff8f5;color:#a04e39}
#baole-selector-page .recommendation{padding:20px 22px;background:#fff;border:1px solid var(--bl-line);border-radius:2px;margin-bottom:12px;overflow:hidden}
#baole-selector-page .result-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
#baole-selector-page .result-badge{font-size:12px;color:#788698;line-height:1.5}
#baole-selector-page .availability{font-size:11px;color:#8994a2}
#baole-selector-page .availability.soldout{color:#ab5140}
#baole-selector-page .result-main{display:flex;align-items:center;justify-content:space-between;gap:22px}
#baole-selector-page .result-details{flex:1;min-width:0}
#baole-selector-page .product-name{margin:0;font-size:21px;line-height:1.5;font-weight:500;color:#24374e;overflow-wrap:anywhere}
#baole-selector-page .secondary .product-name{font-size:19px}
#baole-selector-page .product-region{font-size:12px;color:#86909e;margin:5px 0 0}
#baole-selector-page .product-specs{display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;padding:0;margin:14px 0 0;font-size:13px;color:#536277}
#baole-selector-page .product-specs li{display:inline-flex;align-items:center;gap:5px;line-height:1.6}
#baole-selector-page .spec-dot{width:3px;height:3px;background:#a1adbd;flex-shrink:0}
#baole-selector-page .product-action{min-width:150px;flex-shrink:0;text-align:right}
#baole-selector-page .product-price{white-space:nowrap;line-height:1.3;margin:0 0 10px}
#baole-selector-page .currency{font-size:15px;color:#e87329}
#baole-selector-page .price-number{font-size:32px;font-weight:500;color:#e87329}
#baole-selector-page .price-unit{font-size:12px;color:#84909f;margin-left:3px}
#baole-selector-page .price-pending{font-size:13px;color:#83909e}
#baole-selector-page .buy-link{font-size:13px;min-height:38px;padding:8px 18px;white-space:nowrap}
#baole-selector-page .secondary .buy-link{background:#fff;color:var(--bl-blue);border-color:#bdcfe8}
#baole-selector-page .secondary .buy-link:hover{background:#f6f9fe}
#baole-selector-page .buy-link[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none;background:#edf0f4!important;color:#8994a3!important;border-color:#dce2ea!important}
#baole-selector-page .product-reason{font-size:12px;line-height:1.8;color:#7a8594;margin:14px 0 0;padding-top:12px;border-top:1px solid #edf0f4}
#baole-selector-page .reason-label{color:#657489;margin-right:7px}
#baole-selector-page .product-restrictions{list-style:none;padding:0;margin:12px 0 0;font-size:12px;color:#87919e;line-height:1.8}
#baole-selector-page .product-restrictions li{margin-top:2px}
#baole-selector-page .quote-note{font-size:11px;color:#8b95a2;line-height:1.8;margin:13px 0 0}
#baole-selector-page .empty-state{padding:27px 24px;min-height:220px;border:1px solid var(--bl-line);border-radius:2px;background:#fff}
#baole-selector-page .empty-symbol{display:none}
#baole-selector-page .empty-state h3{font-size:18px;font-weight:500;margin:0 0 10px}
#baole-selector-page .empty-state p{font-size:13px;line-height:1.8;color:#7a8798;margin:0}
#baole-selector-page .empty-state a{display:inline-block;font-size:13px;margin-top:16px}
#baole-selector-page .review-summary{white-space:pre-line;font-size:12px;line-height:1.8;padding:12px 14px;background:#f6f8fb;color:#617187;margin-top:15px}
#baole-selector-page .tutorial-section{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e1e7ef;margin-top:27px;padding:23px 0 5px}
#baole-selector-page .tutorial-intro h2{font-size:15px}
#baole-selector-page .tutorial-intro p{font-size:12px;color:#8a95a3;line-height:1.7;margin:4px 0 0}
#baole-selector-page .tutorial-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}
#baole-selector-page .tutorial-links span{margin-left:7px}
#baole-selector-page .page-note{font-size:11px;line-height:1.8;color:#9ba4af;margin:18px 0 0}
@media(max-width:1120px){
#baole-selector-page .purpose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#baole-selector-page .purpose-choice:nth-child(3){border-right:0}
#baole-selector-page .purpose-choice:nth-child(-n+3){border-bottom:1px solid #edf0f4}
#baole-selector-page .selector-layout{grid-template-columns:290px minmax(0,1fr);gap:20px}
#baole-selector-page .recommendation{padding:18px}
#baole-selector-page .result-main{flex-wrap:wrap;gap:16px}
#baole-selector-page .product-action{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}
#baole-selector-page .product-price{margin:0}
#baole-selector-page .tutorial-links{gap:12px;flex-direction:column}
}
@media(max-width:740px){
#baole-selector-page .page-width{width:calc(100% - 32px)}
#baole-selector-page .hero-inner{min-height:172px;padding-block:28px}
#baole-selector-page .hero-copy{max-width:100%}
#baole-selector-page .hero-art{width:100%;max-width:none;opacity:.38}
#baole-selector-page .hero-art:after{background:linear-gradient(90deg,#eaf3ff 0%,rgba(234,243,255,.75) 70%,transparent)}
#baole-selector-page h1{font-size:28px}
#baole-selector-page .hero-description{font-size:13px;margin-top:9px;max-width:295px}
#baole-selector-page .preview-label{top:10px;font-size:10px}
#baole-selector-page .main-content{padding-top:24px;padding-bottom:25px}
#baole-selector-page h2{font-size:18px}
#baole-selector-page .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#baole-selector-page .purpose-choice{min-height:88px;padding:13px 11px;column-gap:8px}
#baole-selector-page .purpose-choice strong{font-size:13px}
#baole-selector-page .purpose-choice>span{font-size:10px}
#baole-selector-page .purpose-choice:nth-child(3){border-right:1px solid #edf0f4}
#baole-selector-page .purpose-choice:nth-child(2n){border-right:0}
#baole-selector-page .purpose-choice:nth-child(-n+4){border-bottom:1px solid #edf0f4}
#baole-selector-page .selector-layout{display:block;margin-top:22px}
#baole-selector-page .requirements-panel{padding:18px 16px}
#baole-selector-page .field{margin-bottom:15px}
#baole-selector-page .field select,#baole-selector-page .field input[type="text"],#baole-selector-page .field input[type="number"],#baole-selector-page .field textarea{font-size:16px;min-height:44px}
#baole-selector-page .check-label{min-height:32px}
#baole-selector-page .primary-button{min-height:44px}
#baole-selector-page .results-panel{margin-top:26px}
#baole-selector-page .text-button{min-height:32px}
#baole-selector-page .recommendation{padding:18px 16px}
#baole-selector-page .product-name{font-size:20px}
#baole-selector-page .secondary .product-name{font-size:18px}
#baole-selector-page .product-specs{font-size:12px;gap:7px 12px}
#baole-selector-page .price-number{font-size:30px}
#baole-selector-page .product-action{min-width:0;gap:15px;flex-wrap:wrap}
#baole-selector-page .product-reason,#baole-selector-page .product-restrictions{font-size:12px}
#baole-selector-page .tutorial-section{display:block;margin-top:24px;padding-top:20px}
#baole-selector-page .tutorial-links{margin-top:14px;gap:0}
#baole-selector-page .tutorial-links a{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-bottom:1px solid #e6ebf2}
}
@media(prefers-reduced-motion:reduce){#baole-selector-page *{scroll-behavior:auto;transition:none!important}}