/* Blue and white styling shared with the public website. */
.qs-preview-page{background:#f4f8fc;color:#122e56;font-family:"Microsoft YaHei",Arial,sans-serif}
.qp-main{padding-top:82px;font-size:15px;line-height:1.8}
.qp-main *{box-sizing:border-box}
.qp-main h1,.qp-main h2,.qp-main h3,.qp-main p,.qp-main figure{margin:0}
.qp-main a{color:inherit}
.qp-wrap{width:min(1240px,calc(100% - 64px));margin-left:auto;margin-right:auto}
.qp-crumb{display:flex;gap:12px;color:#62758b;font-size:12px;padding-top:22px}
.qp-hero{display:grid;grid-template-columns:1fr 284px;gap:64px;align-items:center;padding:32px 0 36px}
.qp-eyebrow{font-size:12px;letter-spacing:1px;color:#126fce;font-weight:600}
.qp-hero h1{font-size:clamp(30px,3.1vw,42px);line-height:1.42;letter-spacing:-.6px;margin:12px 0 16px;font-weight:700;color:#122e56}
.qp-hero h1 span{color:#126fce}
.qp-lead{color:#62758b;max-width:650px;font-size:15px;line-height:1.9}
.qp-hero-note{border-left:2px solid #bcd6ef;padding:4px 0 4px 26px}
.qp-hero-note strong{display:block;font-size:15px;margin:8px 0}
.qp-hero-note p{color:#62758b;font-size:13px}
.qp-hero-note a{display:inline-block;margin-top:15px;font-size:12px;font-weight:700}
.qp-dot{display:block;width:7px;height:7px;border-radius:50%;background:#126fce}
.qp-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid #dbe7f2;border-radius:12px;background:white;box-shadow:0 12px 36px #123b6410;overflow:hidden;align-items:stretch}
.qp-stage-column{min-width:0;background:#f5f9fd;border-right:1px solid #dbe7f2;display:flex;flex-direction:column}
.qp-stage{position:relative;min-height:480px;flex:1;background:radial-gradient(ellipse at 50% 38%,#edf5fc 0,#deebf8 58%,#cfdfef 100%);overflow:hidden}
.qp-stage-heading{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:13px;font-weight:600;pointer-events:none}
.qp-pill{background:#ffffffb8;border:1px solid #cadff2;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:400}
.qp-stage model-viewer{position:absolute;inset:0;width:100%;height:100%;display:block;--poster-color:transparent;touch-action:pan-y}
.qp-model-fallback{position:absolute;inset:72px 0 90px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}
.qp-model-fallback img{width:80%;height:clamp(140px,15vw,190px);object-fit:contain}
.qp-model-fallback p{font-size:12px;color:#62758b;text-align:center;padding:0 20px}
.qp-main [hidden]{display:none!important}
.qp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;border:0;border-radius:6px;background:#126fce;color:#fff!important;padding:12px 20px;font:600 15px/1.6 "Microsoft YaHei",sans-serif;cursor:pointer;text-decoration:none;transition:background .16s}
.qp-button:hover{background:#095bb1}
.qp-button:disabled{opacity:.65;cursor:wait}
.qp-watermark{position:absolute;inset:0;pointer-events:none;opacity:.12;background:url('/style/images/preview-watermark.svg') center / 200px 120px repeat}
.qp-view-controls{position:absolute;bottom:43px;left:20px;right:20px;display:flex;gap:6px;justify-content:center}
.qp-view-controls button{background:#fffffff0;border:1px solid #cbdced;border-radius:5px;min-height:36px;padding:7px 13px;cursor:pointer;color:#365979;font-size:12px}
.qp-view-controls button:disabled{opacity:.45;cursor:default}
.qp-stage-hint{position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:12px;color:#62758b;pointer-events:none}
.qp-sample-note{padding:16px 24px;border-top:1px solid #dbe7f2;background:#eaf3fc}
.qp-sample-note strong{display:block;font-size:12px;color:#365a7e;font-weight:500}
.qp-sample-note span{display:block;font-size:12px;color:#62758b;margin-top:4px}
.qp-colors{padding:22px 24px;display:flex;flex-wrap:wrap;gap:18px 40px;background:white}
.qp-colors fieldset{border:0;padding:0;margin:0}
.qp-colors legend{font-weight:600;font-size:13px;margin-bottom:12px}
.qp-colors fieldset>div{display:flex;gap:18px}
.qp-swatch{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.qp-swatch input,.qp-model-option input{position:absolute;width:1px;height:1px;opacity:0}
.qp-swatch span{display:block;width:28px;height:28px;background:var(--swatch);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #cbd8e5}
.qp-swatch b{font-size:12px;font-weight:400;color:#62758b}
.qp-swatch input:checked+span{box-shadow:0 0 0 2px #126fce}
.qp-swatch input:checked~b{color:#122e56;font-weight:600}
.qp-colors>p{width:100%;font-size:12px;color:#62758b}
.qp-config{min-width:0;padding:28px;color:#122e56}
.qp-step-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.qp-step-heading>span:first-child{font-size:12px;font-weight:700;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#eaf3fd;color:#126fce;border-radius:6px}
.qp-step-heading h2{font-size:18px;font-weight:700;line-height:1.5}
.qp-step-heading a,.qp-unit{margin-left:auto;font-size:12px;color:#62758b;white-space:nowrap}
.qp-models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0 0 12px;min-width:0}
.qp-model-option{position:relative;cursor:pointer;min-width:0}
.qp-model-option>span{display:flex;flex-direction:column;align-items:center;border:1px solid #dbe7f2;border-radius:7px;padding:12px 5px 10px;background:white;min-height:105px;transition:background .16s,border-color .16s}
.qp-model-option img{height:56px;width:100%;max-width:100px;object-fit:contain;display:block}
.qp-model-option b{font-size:12px;line-height:1.5;white-space:nowrap;font-weight:500;margin-top:8px;color:#405d7d}
.qp-model-option input:checked+span{border-color:#126fce;background:#eef6ff;box-shadow:inset 0 0 0 1px #126fce}
.qp-model-option input:checked+span b{color:#095bb1}
.qp-muted{font-size:13px;color:#62758b;line-height:1.8}
.qp-config #qp-style-note{min-height:42px;margin-bottom:20px}
.qp-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.qp-dimensions label,.qp-extra label{font-size:13px;font-weight:500;color:#496482}
.qp-dimensions label>span{display:flex;align-items:center;margin-top:6px;border:1px solid #cfdeed;border-radius:6px;background:#f9fbfe}
.qp-dimensions input{border:0;background:transparent;min-width:0;width:100%;padding:10px 12px;font:400 16px/1.5 sans-serif;color:#122e56}
.qp-dimensions i{font-size:12px;font-style:normal;padding-right:12px;color:#62758b}
.qp-main input:focus-visible,.qp-main textarea:focus-visible,.qp-main select:focus-visible,.qp-main button:focus-visible,.qp-main a:focus-visible,.qp-main summary:focus-visible{outline:2px solid #126fce;outline-offset:3px}
.qp-model-option input:focus-visible+span,.qp-swatch input:focus-visible+span{outline:2px solid #126fce;outline-offset:3px}
.qp-measure{font-size:12px;color:#62758b;margin:11px 0 17px}
.qp-main summary{cursor:pointer;list-style:revert}
.qp-measure p{padding-top:10px;line-height:1.9}
.qp-measure a{color:#126fce;text-decoration:underline}
.qp-extra{border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5;padding:14px 0;font-size:13px;color:#405d7d}
.qp-extra summary span{float:right;color:#62758b;font-size:12px}
.qp-extra label{display:block;margin-top:12px}
.qp-extra input,.qp-extra select,.qp-extra textarea{width:100%;display:block;border:1px solid #cfdeed;background:#f9fbfe;border-radius:5px;padding:10px;margin-top:6px;font:400 16px/1.5 sans-serif;color:#122e56;resize:vertical}
.qp-local-note{font-size:12px;color:#62758b;margin:16px 0 12px}
.qp-primary-cta{width:100%;justify-content:space-between}
.qp-cta-note{font-size:12px;text-align:center;margin-top:9px!important;color:#62758b}
.qp-error{font-size:12px;color:#a31923;padding:8px 0}
.qp-contact-panel{display:grid;grid-template-columns:1fr 260px;gap:48px;margin-top:28px;background:white;border:1px solid #dbe7f2;border-radius:12px;padding:32px}
.qp-contact-panel h2{font-size:25px;margin:8px 0 12px}
.qp-contact-panel p{font-size:13px;color:#62758b}
.qp-contact-panel label{display:block;font-size:12px;margin-top:18px}
.qp-contact-panel textarea{width:100%;resize:vertical;min-height:200px;font:14px/1.8 "Microsoft YaHei",sans-serif;color:#3b5674;border:1px solid #cfdeed;border-radius:6px;padding:14px;background:#f6faff;margin:8px 0 12px}
.qp-contact-panel aside{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border-left:1px solid #dbe7f2;padding-left:30px}
.qp-contact-panel aside>img{width:145px;height:145px;object-fit:contain}
.qp-contact-panel aside a{font-size:12px}
.qp-phone{font-size:23px!important;font-weight:700;white-space:nowrap}
.qp-text-button{background:none;border:0;color:#126fce;text-decoration:underline;cursor:pointer;font-size:12px}
.qp-copy-status{font-size:12px;color:#62758b;margin-left:12px}
.qp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:32px}
.qp-section-heading h2,.qp-faq h2{font-size:30px;line-height:1.5;margin-top:10px}
.qp-section-heading>p{max-width:440px;font-size:13px;color:#62758b;line-height:2}
.qp-section-heading>a{font-size:12px;color:#126fce}
.qp-faq{padding-top:70px;max-width:950px}
.qp-faq h2{margin-bottom:26px}
.qp-faq details{padding:20px 0;border-bottom:1px solid #dbe7f2}
.qp-faq summary{font-size:15px;font-weight:500}
.qp-faq p{font-size:13px;color:#62758b;padding:14px 0 0 17px;line-height:1.9}
.qp-guides{padding-top:64px;padding-bottom:72px}
.qp-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qp-guide-grid>a{display:flex;flex-direction:column;border:1px solid #dbe7f2;border-radius:8px;padding:26px;background:white;transition:border-color .16s,box-shadow .16s}
.qp-guide-grid>a:hover{border-color:#8ab6e1;box-shadow:0 6px 20px #123b6410}
.qp-guide-grid>a>span{font-size:12px;color:#62758b}
.qp-guide-grid h3{font-size:17px;line-height:1.7;margin:13px 0}
.qp-guide-grid p{font-size:12px;line-height:1.9;color:#62758b;margin-bottom:24px}
.qp-guide-grid b{font-size:12px;color:#126fce;margin-top:auto;display:flex;justify-content:space-between}
.qp-guide{max-width:860px;padding-top:55px}
.qp-guide header{padding-bottom:40px;border-bottom:1px solid #dbe7f2}
.qp-guide h1{font-size:36px;line-height:1.5;margin:15px 0 20px}
.qp-guide header>.qp-muted{margin-top:20px}
.qp-guide>section{padding:35px 0;border-bottom:1px solid #dbe7f2}
.qp-guide h2{font-size:22px;margin:8px 0 15px}
.qp-guide>section p{color:#526c86;line-height:2.2}
.qp-number{font-size:12px;color:#126fce}
.qp-guide-action{background:#e8f2fd;border-radius:10px;padding:30px;margin-top:35px}
.qp-guide-action p{margin-bottom:22px}
.qp-skip,.qp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.qp-skip:focus{z-index:10000;clip-path:none;top:10px;left:10px;width:auto;height:auto;background:#fff;padding:15px;color:#126fce}
.qp-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#dce9f5}
.qp-progress span{display:block;height:100%;width:0;background:#126fce;transition:width .15s}
@media(min-width:901px) and (max-width:1150px){
.qp-workspace{grid-template-columns:minmax(0,1fr) 440px}
.qp-config{padding:24px}
.qp-models{grid-template-columns:repeat(3,minmax(0,1fr))}
.qp-hero{gap:36px}}
@media(max-width:900px){
.qp-main{padding-top:70px}
.qp-wrap{width:calc(100% - 36px)}
.qp-hero{grid-template-columns:1fr;gap:22px;padding:26px 0 28px}
.qp-hero h1{font-size:34px}
.qp-hero-note{display:none}
.qp-workspace{grid-template-columns:1fr;overflow:visible;border-radius:10px}
.qp-stage-column{border:0;border-radius:10px 10px 0 0;overflow:hidden}
.qp-stage{min-height:390px;flex:none}
.qp-stage-heading{top:17px;left:18px;right:18px}
.qp-sample-note{padding:14px 18px}
.qp-colors{padding:20px;gap:18px 36px;border-bottom:1px solid #dbe7f2}
.qp-config{padding:26px 22px}
.qp-model-option img{height:60px}
.qp-contact-panel{grid-template-columns:1fr;gap:28px;padding:24px}
.qp-contact-panel aside{border-left:0;border-top:1px solid #dbe7f2;padding:24px 0 0}
.qp-section-heading{display:block}
.qp-section-heading>p{margin-top:18px}
.qp-section-heading h2,.qp-faq h2{font-size:26px}
.qp-faq{padding-top:36px}
.qp-guides{padding:48px 0}
.qp-guide-grid{grid-template-columns:1fr}
.qp-section-heading>a{display:inline-block;margin-top:14px}
.qp-guide{padding-top:28px}
.qp-guide h1{font-size:28px}
.qp-copy-status{display:block;margin:10px 0 0}
.qp-contact-panel h2{font-size:23px}}
@media(max-width:560px){
.qp-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qp-config{padding:24px 18px}
.qp-step-heading{gap:8px}
.qp-step-heading h2{font-size:16px}
.qp-stage{min-height:350px}
.qp-model-fallback{inset:60px 0 85px;gap:12px}
.qp-model-fallback img{height:120px}
.qp-hero h1{font-size:30px}
.qp-lead{font-size:14px}
.qp-colors{gap:18px 28px}
.qp-colors fieldset>div{gap:16px}
.qp-view-controls{gap:4px;left:12px;right:12px}
.qp-view-controls button{padding:7px;min-width:42px;min-height:40px;white-space:nowrap;flex-shrink:0}}
@media(max-width:360px){
.qp-wrap{width:calc(100% - 24px)}
.qp-config{padding:22px 14px}
.qp-step-heading h2{font-size:15px}
.qp-colors{gap:16px 24px;padding:18px 14px}
.qp-colors fieldset>div{gap:14px}
.qp-hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.qp-main *{scroll-behavior:auto!important;transition:none!important}}

.qp-contact-panel{scroll-margin-top:95px}

.qs-preview-page{padding-top:0!important;background:#f4f8fc!important}
.qp-stage-heading{color:#122e56}
.qp-config{color:#122e56}

.qp-model-option:hover>span{border-color:#8ab6e1;background:#f6faff}
.qp-dimensions label>span:focus-within{border-color:#126fce}
.qp-stage-actions{display:flex;align-items:center;gap:14px}
.qp-stage-actions button{pointer-events:auto;border:1px solid #c5d9ed;border-radius:5px;background:#fff;color:#126fce;padding:8px 12px;font:500 13px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;white-space:nowrap}
.qp-view-controls button[aria-pressed="true"]{border-color:#126fce;color:#095bb1;background:#eaf3fd}
html.qp-dialog-open,html.qp-dialog-open body{overflow:hidden!important}
.qp-model-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;box-sizing:border-box;background:#edf5fc;color:#122e56}
.qp-model-dialog::backdrop{background:#142b45a6}
.qp-model-dialog .qp-stage{height:100%;min-height:0;overflow:clip}
.qp-model-dialog .qp-stage-heading{top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}
.qp-model-dialog .qp-view-controls{bottom:calc(44px + env(safe-area-inset-bottom))}
.qp-model-dialog .qp-stage-hint{bottom:calc(16px + env(safe-area-inset-bottom))}
@media(max-width:560px){.qp-stage-actions{gap:8px}.qp-stage-actions button{padding:7px 9px;font-size:12px}.qp-model-dialog .qp-stage-heading{left:16px;right:16px}}