.ab-context{border:1px solid var(--line,#e5ded6);background:#fffdf9;border-radius:24px;padding:32px;margin:38px 0;color:#392d2b}.ab-experience-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:28px}.ab-experience-heading>div{max-width:700px}.ab-experience-heading h2{font-size:clamp(26px,2.6vw,37px)}.ab-experience-heading h2>.zh-sub{font-size:14px;margin-top:12px}.ab-experience-heading p{margin-top:15px;max-width:650px}.ab-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.ab-field select{background:#fff;border:1px solid #ddd4cc;padding:10px;border-radius:8px;min-width:150px;max-width:100%}.ab-context-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}.ab-context-side{display:flex;flex-direction:column;gap:20px;min-width:0}.ab-context-side h3{font-size:22px}.ab-range-map{width:100%;height:auto;touch-action:pan-y}.ab-range-map [data-ab-range-drag]{touch-action:none}.ab-range-map text{font:10px Arial,sans-serif;letter-spacing:1px;fill:#75675c}.ab-range-map text.ab-map-caption{font-size:9px;fill:#8a8075}.ab-segment{display:flex;gap:5px;margin-bottom:15px;border-radius:12px;background:#eee8e0;padding:5px;width:max-content;max-width:100%}.ab-segment button{padding:9px 17px;border-radius:8px;font-size:12px}.ab-segment button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #392d2b10}.ab-range-presets{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.ab-range-presets button{border:1px solid #e5ded6;border-radius:9px;padding:8px 12px;background:white;font-size:11px}.ab-range-presets button:hover{border-color:#bf715c;background:#fff0e9}.ab-fine{font-size:11px;line-height:1.6;color:#7b7068}.ab-fine>.zh-sub{font-size:10px}.ab-range-reading{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #e5ded6}.ab-range-reading>strong{font-size:48px;font-weight:600;line-height:1;color:#9c5946}.ab-range-reading>span{font-size:13px}.ab-field input[type=range]{width:100%;accent-color:#b56853}.ab-field>span:has(output){align-self:flex-end;color:#a15a47;font-size:20px}.ab-router{display:flex;gap:10px;align-items:center;padding:12px;background:#f5f2eb;border-radius:10px;text-align:left;font-size:12px}.ab-router>span:last-child{margin-left:auto}.ab-router .zh-sub{font-size:10px}.ab-router-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#ae8475}.ab-router-dot.on{background:#5e8b70}.ab-link-cards{display:grid;gap:10px}.ab-link-cards>article{border:1px solid #dce5dc;background:#f3f7f0;border-radius:12px;padding:15px}.ab-link-label{font-size:9px;letter-spacing:.12em;color:#527260}.ab-link-cards h3{font-size:14px;margin:6px 0}.ab-link-cards p{font-size:11px}.ab-link-cards .zh-sub{font-size:10px}.ab-link-cards>article.ab-link-off{background:#f5efe9;border-color:#ddd3ca}.ab-context-side>.btn{align-self:flex-start}.ab-experience-note{margin-top:22px;padding-top:14px;border-top:1px solid #e5ded6;font-size:10px;line-height:1.6;color:#8b7d72}.ab-experience-note .zh-sub{font-size:10px}.ab-link-path{animation:ab-link-flow 2s linear infinite}@keyframes ab-link-flow{to{stroke-dashoffset:-30}}.ab-install-diagram svg{width:100%;height:auto}.ab-install-halo{stroke:#bc6b52;stroke-width:2;fill:none;stroke-dasharray:5 6;animation:ab-link-flow 5s linear infinite}.ab-install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.ab-install-steps button{text-align:left;padding:15px;border:1px solid #ded5ca;border-radius:12px;background:white;font-size:11px}.ab-install-steps button b{display:block;font-size:18px;margin-bottom:9px;color:#aa705b}.ab-install-steps button[aria-pressed=true]{background:#fae6dc;border-color:#cd9179}.ab-install-steps .zh-sub{font-size:10px}.ab-install-copy{font-size:13px;line-height:1.8}.ab-guide-product{display:flex;gap:18px;align-items:center;padding:12px;background:white;border:1px solid #e5ded6;border-radius:12px}.ab-guide-product img{width:115px;height:115px;object-fit:contain}.ab-guide-product strong{font-size:17px}.ab-guide-product p{font-size:11px}.ab-guide-next{display:flex;gap:10px}.ab-experience-host:empty{display:none}.ab-tools-jump{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.ab-tools-jump button{padding:8px 12px;border-radius:8px;border:1px solid #dbcabf;background:#fffaf4;font-size:11px}.ab-tools-jump button:hover{border-color:#bf715c}.ab-tool-launch{background:#f5eee7;padding:22px;border:1px solid #e5ded6;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.ab-tool-launch h3{font-size:18px}.ab-tool-launch p{font-size:12px;margin-top:7px}.ab-brief-fields{font-size:11px;margin:10px 0}.ab-brief-fields div{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;padding:5px 0}.ab-brief-fields dt{color:#857266}.ab-brief-fields dd{overflow-wrap:anywhere}.ab-quote-calculator summary{cursor:pointer;padding:14px;border:1px solid #dfd4ca;border-radius:10px;background:#f5eee7;font-weight:600}.ab-quote-calculator{margin-bottom:20px}.ab-tool-heading{margin-top:40px}.ab-tool-heading .zh-sub{font-size:14px}
@media(max-width:980px){.ab-context-grid{grid-template-columns:1fr}.ab-context-side{gap:17px}.ab-link-cards{grid-template-columns:1fr 1fr}.ab-context{padding:24px}.ab-experience-heading{gap:18px}.ab-range-reading{max-width:280px}.ab-guide-product{max-width:430px}}@media(max-width:600px){.ab-context{padding:18px;margin:25px 0;border-radius:17px}.ab-experience-heading{flex-direction:column;gap:20px}.ab-experience-heading h2{font-size:27px}.ab-context-grid{gap:22px}.ab-link-cards{grid-template-columns:1fr}.ab-install-steps{gap:5px}.ab-install-steps button{padding:10px;font-size:10px}.ab-install-steps button b{font-size:15px}.ab-install-steps .zh-sub{font-size:9px}.ab-tool-launch{flex-direction:column;align-items:flex-start}.ab-tool-launch .btn{width:100%}.ab-range-map text{font-size:11px}.ab-guide-product img{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){.ab-link-path,.ab-install-halo{animation:none}}

.ab-experience-host{scroll-margin-top:100px}.quote-drawer .ab-carton-layout{grid-template-columns:1fr}.quote-drawer .ab-carton-summary{position:static}.quote-drawer .ab-carton-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
