:root{--commerce-ink:#10233f;--commerce-blue:#1769ff;--commerce-soft:#eef5ff;--commerce-line:#d8e3f2;--commerce-good:#087a54;--commerce-warn:#9a5a00}

/* 公共容器 ---------------------------------------------------------------- */
.commerce-hero{max-width:1040px}.commerce-hero h1{max-width:900px;text-wrap:balance}.commerce-hero>p{max-width:780px}
.commerce-hero .promise-line{display:inline-block;margin-top:18px;padding:10px 16px;border-radius:999px;background:var(--commerce-soft);color:var(--commerce-blue);font-weight:800}
.commerce-shell,.commerce-checkout{width:min(1120px,calc(100% - 40px));margin:0 auto 72px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;align-items:start}
.commerce-checkout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}
.commerce-shell{grid-template-columns:1fr}
.commerce-card,.benefit-card,.order-form,.checkout-product,.order-lookup>form,.order-lookup>aside,.commerce-result,.commerce-note,.order-live,.quick-result{border:1px solid var(--commerce-line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 22px 70px rgba(25,67,124,.08)}
.commerce-card,.benefit-card,.order-form,.checkout-product,.order-lookup>form,.order-lookup>aside,.commerce-result,.order-live,.quick-result{padding:30px}

/* 表单 -------------------------------------------------------------------- */
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid .wide{grid-column:1/-1}
.field-grid label,.order-lookup label{display:grid;gap:8px;color:#53647a;font-size:14px;font-weight:700}
.field-grid label{grid-template-columns:auto auto 1fr}
.field-grid label input,.field-grid label select{grid-column:1/-1}
.field-grid input,.field-grid select,.lead-form input,.order-lookup input,.inline-form input,.inline-form textarea,.order-inline-lookup input{width:100%;min-height:52px;padding:0 14px;border:1px solid #cbd8e9;border-radius:12px;background:#fff;color:var(--commerce-ink);font:16px/1.5 inherit;font-family:inherit}
.inline-form textarea{padding:12px;min-height:88px;resize:vertical}
.field-note{margin:6px 0 16px;color:#5a6c83}
.button.wide{width:100%;justify-content:center;text-align:center}
.commerce-card>.button,.order-form>.button{margin-top:18px}
.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#44576e}.consent input{width:18px;height:18px;margin-top:4px;flex:none}
.config-unavailable{opacity:.75}
.lead-form,.inline-form{display:grid;gap:12px;margin-top:16px}

/* 状态块 ------------------------------------------------------------------ */
.commerce-state{margin-top:18px;padding:18px;border-radius:16px;background:var(--commerce-soft);color:#40546d}
.commerce-state b{display:block;color:var(--commerce-ink);font-size:18px}.commerce-state p{margin:6px 0 0}
.commerce-state.error{background:#fff0ef;color:#8a3630}.commerce-state.success{background:#eaf9f2;color:var(--commerce-good)}
.commerce-state.loading{background:#f2f6fc}.commerce-state.empty{background:#f7f9fc}
.handoff-recap{margin-top:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.7);font-size:14px}

/* 门店确认 ---------------------------------------------------------------- */
.store-choice{width:100%;display:grid;gap:5px;margin-top:10px;padding:16px;text-align:left;border:1px solid var(--commerce-line);border-radius:14px;background:#fff;color:var(--commerce-ink);cursor:pointer;font:inherit}
.store-choice span,.store-choice small{color:#61738a}
.store-choice.selected{border-color:var(--commerce-blue);box-shadow:0 0 0 3px rgba(23,105,255,.1)}
.confirm-store{margin-top:14px;padding-top:16px;border-top:1px solid var(--commerce-line)}

/* 门店登记表：字段带标签、单列全宽、必填标记，与小程序 pages/request 一致。 */
.lead-slot{margin-top:18px}
.lead-card{padding:24px;border:1px solid #f0c98a;border-radius:18px;background:#fffbf3}
.lead-card>b{display:block;font-size:19px;margin-bottom:6px}
.lead-card>p{margin:0 0 18px;color:#5a6c83}
.lead-card.done{border-color:#a9dcc4;background:#f2fbf6}
.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lead-fields .wide{grid-column:1/-1}
.lead-fields label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;color:#53647a;font-size:14px;font-weight:700}
.lead-fields label input{grid-column:1/-1}
.lead-fields input{width:100%;min-height:52px;padding:0 14px;border:1px solid #d9c39a;border-radius:12px;background:#fff;color:var(--commerce-ink);font-size:16px;font-family:inherit}
.lead-fields input::placeholder{color:#9aa8bb}
.lead-card .button{margin-top:18px}
.lead-privacy{display:block;margin-top:12px;color:#6b7c92}
.req{margin-left:6px;padding:2px 7px;border-radius:999px;background:#fdece0;color:#a24d12;font-style:normal;font-size:11px;font-weight:800}
.field-grid label .req{justify-self:start}

/* 免费快检结果 ------------------------------------------------------------ */
.quick-result{width:min(1120px,calc(100% - 40px));margin:0 auto 32px}
.quick-result h2{font-size:clamp(26px,4vw,36px);margin:6px 0}
.quick-result>span{color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.quick-conclusion{font-size:19px;font-weight:700;color:var(--commerce-ink)}
.quick-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.quick-kpis article{padding:20px;border-radius:16px;background:#f5f8fd}
.quick-kpis b{display:block;font-size:30px;color:var(--commerce-blue)}.quick-kpis small{color:#607188}
.platform-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.platform-mini div{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--commerce-line)}
.business-use{margin:22px 0;padding:18px;border-left:4px solid var(--commerce-blue);background:var(--commerce-soft)}
.quick-note{color:#61738a;font-size:14px}
.result-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.quick-metrics,.quick-next{width:min(1120px,calc(100% - 40px));margin:0 auto}
.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.metric-cards article{padding:24px;border:1px solid var(--commerce-line);border-radius:18px;background:#fff}
.metric-cards b{display:block;font-size:19px;color:var(--commerce-ink);margin-bottom:8px}
.metric-cards p{color:#5a6c83;margin:0}
.compare-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.compare-two article{padding:28px;border:1px solid var(--commerce-line);border-radius:22px;background:#fff}
.compare-two article>b{display:block;font-size:20px;margin-bottom:14px}
.compare-two .featured{background:#102f63;color:#fff;border-color:#102f63}
.compare-two .featured li,.compare-two .featured b{color:#dce8ff}
.compare-two ul{padding-left:20px}.compare-two li{margin:8px 0}
.compare-two span{display:inline-block;margin-top:10px;color:#61738a}

/* 服务与价格 -------------------------------------------------------------- */
.product-compare{width:min(1120px,calc(100% - 40px));margin:0 auto 40px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.product-compare article{padding:30px;border:1px solid var(--commerce-line);border-radius:22px;background:#fff}
.product-compare .featured{background:#102f63;color:#fff;border-color:#102f63}
.product-compare .featured p,.product-compare .featured li,.product-compare .featured h2{color:#dce8ff}
.product-compare .featured h2{color:#fff}
.product-compare article>span{color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.product-compare .featured>span{color:#9dc0ff}
.product-compare article>a{display:inline-flex;margin:8px 16px 0 0}
.product-compare .featured>a:not(.button){color:#bcd1ff}
.compare-two .featured p,.compare-two .featured span{color:#c8daf7}
.compare-two .featured>a:not(.button){color:#bcd1ff}
.service-price{display:flex;align-items:baseline;gap:10px;margin:12px 0}
.service-price del{color:#93a7c4}.service-price b{font-size:44px;line-height:1}
.deliverable-section,.pdf-section,.rule-strip,.service-boundary,.service-faq,.checkout-flow,.checkout-aftersales,.order-help,.sample-preview,.legal-grid,.rule-flow,.contact-grid,.order-list-section,.handoff-section,.notfound-grid,.service-cta{width:min(1120px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.deliverable-grid,.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.deliverable-grid article,.sample-grid article{padding:26px;border:1px solid var(--commerce-line);border-radius:20px;background:#fff}
.deliverable-grid span,.sample-grid span{display:inline-block;color:var(--commerce-blue);font:800 13px/1 ui-monospace,monospace;letter-spacing:.1em}
.deliverable-grid h3,.sample-grid h3{margin:10px 0 8px;font-size:22px}
.deliverable-grid b,.sample-grid b{display:block;color:var(--commerce-ink);margin-bottom:6px}
.deliverable-grid p,.sample-grid p{color:#5a6c83;margin:0}
.checklist-box{margin-top:24px;padding:26px;border:1px solid var(--commerce-line);border-radius:20px;background:#f7faff}
.checklist-box>b{display:block;margin-bottom:14px}
.plan-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;list-style:none;padding:0;margin:0}
.plan-checklist li{position:relative;padding-left:22px;color:#42566e}
.plan-checklist li:before{content:"✓";position:absolute;left:0;color:var(--commerce-blue);font-weight:800}
.pdf-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}
.pdf-facts article{padding:22px;border:1px solid var(--commerce-line);border-radius:18px;background:#fff}
.pdf-facts b{display:block;font-size:18px;margin-bottom:8px}.pdf-facts p{color:#5a6c83;margin:0}
.delivery-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:0}
.delivery-steps li{padding:22px 18px;border-top:3px solid var(--commerce-blue);background:#f7faff;border-radius:0 0 14px 14px}
.delivery-steps span{color:var(--commerce-blue);font:800 12px ui-monospace,monospace}
.delivery-steps b{display:block;margin:10px 0 6px;font-size:18px}.delivery-steps p{margin:0;color:#5a6c83}
.rule-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rule-strip article{padding:22px;border-radius:18px;background:var(--commerce-soft)}
.rule-strip b{display:block;color:var(--commerce-blue);margin-bottom:8px}.rule-strip p{margin:0;color:#40546d}
.service-boundary>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-boundary article{padding:22px;border:1px solid var(--commerce-line);border-radius:18px;background:#fff}
.service-boundary b{display:block;font-size:18px;margin-bottom:8px}
.service-faq details{border-bottom:1px solid var(--commerce-line);padding:14px 0}
.service-faq summary{cursor:pointer;font-weight:700}

/* 199 下单页 -------------------------------------------------------------- */
.checkout-layout{display:grid}
.rule-flow{padding:56px 0}
.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0;margin:0}
.flow-steps li{padding:24px;border:1px solid var(--commerce-line);border-radius:20px;background:#fff}
.flow-steps span{color:var(--commerce-blue);font:800 13px ui-monospace,monospace}
.flow-steps b{display:block;margin:10px 0 6px;font-size:19px}.flow-steps p{margin:0;color:#5a6c83}
.checkout-product>span{display:block;color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.checkout-product>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.checkout-product del{color:#93a7c4}.checkout-product b{font-size:44px;line-height:1}
.checkout-product small{width:100%;color:#5a6c83}
.checkout-product li{margin:12px 0;color:#42566e}
.pdf-badge{margin:18px 0;padding:16px;border-radius:14px;background:var(--commerce-soft);font-weight:800;color:var(--commerce-blue)}
.pdf-badge small{display:block;margin-top:6px;font-weight:500;color:#40546d}
.checkout-product>a{display:block;margin-top:10px}
.order-form>span{color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.order-form h2{margin:8px 0 18px;font-size:28px}
.order-form [data-view="contact-step"]{margin-top:28px;padding-top:26px;border-top:1px solid var(--commerce-line)}

/* 深色下单卡：放在浅色基础规则之后，保证文字对比度。 */
.checkout-product{background:#07162d;color:#fff;border-color:#07162d;box-shadow:0 30px 80px rgba(7,22,45,.22)}
.checkout-product>span{color:#8fb4ff}
.checkout-product h2,.checkout-product>div b{color:#fff}
.checkout-product del{color:#7d95b7}
.checkout-product>div small{color:#9fb3cc}
.checkout-product li{color:#d5e2f1}
.checkout-product>a{color:#bcd1ff}
.checkout-product .pdf-badge{background:rgba(143,180,255,.16);color:#dbe7ff}
.checkout-product .pdf-badge small{color:#c8d8ef}

/* 小程序衔接 -------------------------------------------------------------- */
.mini-entry{width:min(1120px,calc(100% - 40px));margin:0 auto 60px;display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;padding:32px;border:1px solid var(--commerce-line);border-radius:24px;background:linear-gradient(135deg,#f5f9ff,#fff)}
.mini-entry-code{display:grid;gap:10px;justify-items:center;text-align:center}
.mini-entry-code img{width:180px;height:180px;border-radius:16px;border:1px solid var(--commerce-line);background:#fff}
.mini-entry-code span{color:#5a6c83;font-size:13px}
.mini-entry-copy b{display:block;font-size:22px;margin-bottom:8px}
.mini-entry-copy ol{margin:14px 0;padding-left:22px}.mini-entry-copy li{margin:8px 0;color:#42566e}
.mini-entry-path{padding:14px;border-radius:12px;background:var(--commerce-soft);color:#33496a;font-size:14px}
.handoff-section.active .mini-entry{border-color:var(--commerce-blue);box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.mini-inline{display:flex;gap:18px;align-items:center;margin-top:16px;flex-wrap:wrap}
.mini-inline img{width:132px;height:132px;border-radius:12px;border:1px solid var(--commerce-line);background:#fff}
.mini-inline p{margin:0 0 12px}

/* 我的订单 / 订单详情 ------------------------------------------------------ */
.order-lookup{width:min(1120px,calc(100% - 40px));margin:0 auto 40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px;align-items:start}
.order-lookup>form{display:grid;gap:14px}
.order-lookup>form>span{color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.lookup-help b{display:block;font-size:18px;margin-bottom:10px}
.lookup-help p{color:#5a6c83;font-size:14px}
.order-list{display:grid;gap:18px;margin-bottom:40px}
.order-card{padding:24px;border:1px solid var(--commerce-line);border-radius:20px;background:#fff}
.order-card>div:first-child{display:inline-block}
.order-card h2{margin:4px 0;font-size:24px}
.status-pill{float:right;padding:8px 12px;border-radius:999px;background:var(--commerce-soft);color:var(--commerce-blue)}
.order-card.error{border-color:#f3c8c4;background:#fffaf9}
.progress-track,.progress-detail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0;padding-top:13px}
.progress-track:before,.progress-detail:before{content:"";position:absolute;left:12.5%;right:12.5%;top:2px;height:5px;border-radius:9px;background:#dce5f1}
.progress-track>i,.progress-detail>i{position:absolute;left:12.5%;top:2px;width:calc((var(--step) - 1) * 25%);max-width:75%;height:5px;border-radius:9px;background:var(--commerce-blue)}
.progress-track span,.progress-detail div{text-align:center;color:#65758a;font-size:12px}
.progress-detail div b{display:grid;place-items:center;width:28px;height:28px;margin:-26px auto 8px;border-radius:50%;background:#fff;border:2px solid var(--commerce-line);color:#8496ad}
.progress-detail div.done b{border-color:var(--commerce-blue);color:var(--commerce-blue)}
.order-detail{width:min(900px,calc(100% - 40px));margin:0 auto 56px}
.order-live-head{display:flex;justify-content:space-between;gap:20px}
.order-live-head h2{font-size:clamp(24px,4vw,32px);margin:6px 0}
.order-live-head>b{align-self:start;flex:none;padding:9px 13px;border-radius:999px;background:var(--commerce-soft);color:var(--commerce-blue)}
.delivery-promise,.action-panel{padding:18px;border-radius:14px;background:var(--commerce-soft)}
.action-panel{margin:18px 0}.action-panel b{display:block;font-size:19px;margin-bottom:6px}
.report-file-card{margin:20px 0;padding:26px;border:1px solid var(--commerce-blue);border-radius:20px;background:linear-gradient(135deg,#f2f7ff,#fff)}
.report-file-card>span{color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.report-file-card>b{display:block;margin:8px 0;font-size:24px}
.report-file-card>small{display:block;margin-bottom:16px;color:#5a6c83}
.report-file-card .button[disabled]{opacity:.5;cursor:not-allowed}
.online-only-note{margin:12px 0 0;color:#5a6c83;font-size:14px}
.pdf-fallback{display:block;margin-top:10px;font-weight:700}
.report-waiting{margin:20px 0;padding:22px;border:1px dashed var(--commerce-line);border-radius:18px;background:#f7f9fc}
.report-waiting b{display:block;font-size:19px;margin-bottom:6px}
.inline-form.required{margin:20px 0;padding:22px;border:1px solid #f0c98a;border-radius:18px;background:#fffbf3}
.inline-form>b{font-size:19px}.inline-form>p{margin:6px 0 0;color:#5a6c83}
.consult-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}
.consult-row button,.inline-form button,[data-retry]{padding:12px 16px;border:1px solid var(--commerce-line);border-radius:10px;background:#fff;cursor:pointer;font:inherit;min-height:44px}
.refund-note{margin:18px 0;padding:16px;border-radius:14px;background:#fff8ee;color:var(--commerce-warn)}
.order-inline-lookup{display:grid;gap:14px;padding:30px;border:1px solid var(--commerce-line);border-radius:24px;background:#fff}
.order-inline-lookup>b{font-size:20px}.order-inline-lookup>p{margin:0;color:#5a6c83}
.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.help-grid article{padding:22px;border:1px solid var(--commerce-line);border-radius:18px;background:#fff}
.help-grid b{display:block;margin-bottom:8px;font-size:18px}.help-grid p{margin:0;color:#5a6c83}

/* 规则页 / 联系页 / 404 ---------------------------------------------------- */
.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.legal-grid article{padding:28px;border:1px solid var(--commerce-line);border-radius:20px;background:#fff}
.legal-grid span{color:var(--commerce-blue);font:800 13px ui-monospace,monospace;letter-spacing:.08em}
.legal-grid h2{margin:10px 0 8px;font-size:22px}.legal-grid p{margin:0;color:#42566e}
.rule-flow h2{margin-bottom:22px}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.contact-grid article{padding:28px;border:1px solid var(--commerce-line);border-radius:20px;background:#fff}
.contact-grid span{color:var(--commerce-blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.contact-grid h2{margin:10px 0 8px;font-size:22px}
.contact-grid .button{margin-right:14px}
.notfound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:60px}
.notfound-grid a{padding:24px;border:1px solid var(--commerce-line);border-radius:18px;background:#fff;text-decoration:none}
.notfound-grid b{display:block;font-size:19px;margin-bottom:6px;color:var(--commerce-blue)}
.notfound-grid span{color:#5a6c83}

/* 数据页统一的下一步入口 --------------------------------------------------- */
.service-cta{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:24px;align-items:center;margin:40px auto;padding:32px;border:1px solid var(--commerce-line);border-radius:24px;background:linear-gradient(135deg,#f5f9ff,#fff)}
.service-cta h2{margin:8px 0;font-size:clamp(24px,3vw,32px)}
.service-cta p{margin:0;color:#42566e}
.service-cta-actions{display:grid;gap:12px;justify-items:stretch;text-align:center}
.service-cta>small{grid-column:1/-1;color:#5a6c83}

/* 首页 199 区块 ------------------------------------------------------------ */
.home-offer{padding:80px 0}
.offer-price{display:inline-flex;align-items:baseline;gap:10px;margin-left:6px}
.offer-price del{font-size:24px;color:#93a7c4}
.offer-price b{font-size:clamp(40px,6vw,58px);color:var(--commerce-blue)}
.offer-price small{font-size:15px;color:#5a6c83}
.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.offer-grid article{padding:24px;border:1px solid var(--commerce-line);border-radius:18px;background:#fff}
.offer-grid span{color:var(--commerce-blue);font:800 13px ui-monospace,monospace}
.offer-grid h3{margin:10px 0 8px;font-size:20px}
.offer-grid b{display:block;margin-bottom:6px}
.offer-grid p{margin:0;color:#5a6c83}
.offer-foot small{display:block;margin-top:16px;color:#5a6c83}

/* 页头页脚 ---------------------------------------------------------------- */
.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:32px 0;border-top:1px solid var(--commerce-line)}
.footer-nav div{display:grid;gap:8px;align-content:start}
.footer-nav b{color:var(--commerce-ink);font-size:15px}
.footer-nav a{color:#5a6c83;text-decoration:none}
.footer-nav a:hover{color:var(--commerce-blue)}
.footer-trust{display:grid;gap:8px}

/* 移动端 ------------------------------------------------------------------ */
@media(max-width:900px){
  .metric-cards,.pdf-facts,.service-boundary>div,.help-grid,.offer-grid,.delivery-steps{grid-template-columns:1fr 1fr}
  .plan-checklist{grid-template-columns:1fr 1fr}
  .notfound-grid{grid-template-columns:1fr 1fr}
  .commerce-checkout{grid-template-columns:1fr}
  .order-lookup{grid-template-columns:1fr}
  .service-cta{grid-template-columns:1fr}
}
@media(max-width:760px){
  .commerce-hero h1{font-size:clamp(32px,9vw,46px);line-height:1.14}
  .commerce-shell,.commerce-checkout{width:calc(100% - 24px);grid-template-columns:1fr;gap:16px;margin-bottom:42px}
  .commerce-card,.benefit-card,.order-form,.checkout-product,.commerce-result,.order-live,.quick-result,.order-lookup>form,.order-lookup>aside,.order-inline-lookup{padding:20px;border-radius:18px}
  .lead-fields,.field-grid,.quick-kpis,.product-compare,.compare-two,.deliverable-grid,.sample-grid,.metric-cards,.pdf-facts,.delivery-steps,.rule-strip,.service-boundary>div,.flow-steps,.legal-grid,.contact-grid,.help-grid,.offer-grid,.notfound-grid,.plan-checklist{grid-template-columns:1fr}
  .field-grid .wide,.lead-fields .wide{grid-column:auto}
  .quick-result,.commerce-note,.product-compare,.order-lookup,.order-detail,.deliverable-section,.pdf-section,.rule-strip,.service-boundary,.service-faq,.checkout-flow,.checkout-aftersales,.order-help,.sample-preview,.legal-grid,.rule-flow,.contact-grid,.order-list-section,.handoff-section,.notfound-grid,.service-cta,.quick-metrics,.quick-next,.mini-entry{width:calc(100% - 24px)}
  .quick-kpis{gap:8px}.quick-kpis article{padding:15px}.quick-kpis b{font-size:25px}
  .platform-mini{grid-template-columns:1fr}
  .progress-track span{font-size:10px}
  .order-live-head{display:block}.order-live-head>b{display:inline-block;margin-top:10px}
  .progress-detail{gap:3px}.progress-detail div span{font-size:10px}
  .consult-row{align-items:stretch;flex-direction:column}
  .consult-row button{width:100%}
  .mini-entry{grid-template-columns:1fr;justify-items:center;text-align:left;padding:22px;gap:22px}
  .mini-entry-code img{width:160px;height:160px}
  .mini-inline{justify-content:center}
  .delivery-steps li{border-radius:14px}
  .footer-nav{grid-template-columns:1fr;gap:20px}
  .result-actions,.hero-actions{width:100%}
  .result-actions .button,.checkout-aftersales .button,.service-cta .button{width:100%;text-align:center}
  .home-offer{padding:56px 0}
  .status-pill{float:none;display:inline-block;margin-top:10px}
}

/* 深色 CTA 通栏（.contact）里的次级链接需要浅色，否则是深色字压深色底。 */
.contact .text-link{color:#bcd1ff}
.contact .hero-actions{justify-content:center;flex-wrap:wrap}
.contact .hero-actions .button{margin:0}

/* ===========================================================================
   官网闭环新增：快检结果、购买面板、扫码付款、订单进度、找回
   =========================================================================== */

/* --- 免费快检结果 --------------------------------------------------------- */
.quick-result{margin-top:20px;border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}
.quick-head span{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.08em}
.quick-head h2{font-size:24px;margin:6px 0 2px;line-height:1.3}
.quick-head p{margin:0;color:var(--muted);font-size:14px}
.quick-verdict{margin:18px 0 14px;font-size:17px;line-height:1.6;font-weight:650}
.quick-score{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:var(--paper);margin-bottom:18px}
.quick-score b{font:800 40px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.04em}
.quick-score span{display:block;font-weight:800}
.quick-score small{color:var(--muted)}
.platform-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.platform-result{border:1px solid var(--line);border-radius:12px;padding:14px}
.platform-result b{display:block;font-size:15px}
.platform-result span{display:block;font-weight:700;font-size:14px;margin:4px 0 2px}
.platform-result small{color:var(--muted);font-size:12px;line-height:1.5;display:block}
.platform-result.hit{border-color:#a6f4c5;background:#f6fef9}
.platform-result.hit span{color:#027a48}
.platform-result.miss{border-color:#fecdca;background:#fffbfa}
.platform-result.miss span{color:#b42318}
.platform-result.none span{color:var(--muted)}
.quick-source{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.6}
.business-use.next{margin-top:10px}

/* --- 平台徽标条 ----------------------------------------------------------- */
.platform-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.platform-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);
  border-radius:99px;font-weight:700;background:#fff;min-height:44px}
.platform-chip img{width:24px;height:24px;border-radius:6px}

/* --- 销售页板块 ----------------------------------------------------------- */
.sale-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:18px 0 4px}
.sale-price del{color:#98a2b3}
.sale-price b{font:800 44px/1 ui-monospace,monospace;color:var(--blue);letter-spacing:-.04em}
.sale-price small{color:var(--muted);width:100%}
.loss-grid,.solve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.solve-grid{grid-template-columns:repeat(2,1fr)}
.loss-grid article,.solve-grid article{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}
.loss-grid b,.solve-grid b{display:block;font-size:18px;margin:6px 0 8px}
.loss-grid p,.solve-grid p{margin:0;color:var(--muted)}
.solve-grid span{color:var(--blue);font-size:13px;font-weight:800}
.found-block{border:1px solid var(--line);border-radius:16px;padding:26px;background:var(--paper)}
.pdf-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.pdf-frame{border:1px solid var(--line);border-radius:14px;padding:40px 24px;background:#fff;text-align:center;
  box-shadow:0 18px 44px #10182814}
.pdf-frame span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}
.pdf-frame b{display:block;font-size:20px;margin:10px 0}
.pdf-frame small{color:#98a2b3;letter-spacing:.06em}
.plain-list{padding-left:20px;color:var(--muted)}
.plain-list li{margin-bottom:8px}

/* --- 购买面板 ------------------------------------------------------------- */
.buy-panel{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.buy-panel h3{font-size:19px;margin:0 0 14px}
.rule-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;margin:16px 0;
  padding:10px 0;min-height:44px}
.rule-check input{width:20px;height:20px;min-height:20px;margin:2px 0 0;flex:none}
.buy-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-top:1px solid var(--line)}
.buy-total b{font:800 28px ui-monospace,monospace;color:var(--blue)}

/* --- 扫码付款 ------------------------------------------------------------- */
.pay-panel{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--paper)}
.pay-panel.blocked{background:#fffcf5;border-color:#fec84b}
.pay-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:16px}
.pay-head span{color:var(--muted);font-size:13px;font-family:ui-monospace,monospace;width:100%}
.pay-head h3{margin:0;font-size:19px;flex:1}
.pay-head b{font:800 24px ui-monospace,monospace;color:var(--blue)}
.pay-qr{display:flex;gap:24px;align-items:flex-start}
.qr-box{flex:none;width:200px;height:200px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}
.qr-box svg{display:block;width:100%;height:100%}
.qr-fallback{font-size:12px;line-height:1.5}
.qr-fallback code{display:block;word-break:break-all;margin-top:6px;font-size:11px}
.pay-guide b{display:block;font-size:17px;margin-bottom:8px}
.pay-guide ol{padding-left:20px;margin:0 0 10px;color:var(--muted)}
.pay-guide li{margin-bottom:6px}
.pay-tip{color:var(--muted);font-size:13px;margin:6px 0}
.pay-status{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.handoff-card{display:flex;gap:20px;align-items:flex-start;margin-top:16px;padding:18px;background:#fff;
  border:1px solid var(--line);border-radius:14px}
.handoff-card img{flex:none;width:150px;height:150px;border-radius:10px}
.handoff-card b{display:block;font-size:17px;margin-bottom:8px}
.handoff-card ol{padding-left:20px;margin:0 0 10px;color:var(--muted)}
.handoff-note{color:var(--muted);font-size:13px;margin:0 0 12px}

/* --- 订单进度 ------------------------------------------------------------- */
.order-live{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}
.order-live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}
.order-live-head h2{font-size:22px;margin:0 0 4px;line-height:1.3}
.order-live-head p{margin:0;color:var(--muted);font-size:14px}
.status-pill{flex:none;padding:7px 13px;border-radius:99px;font-size:13px;font-weight:800;background:var(--paper);color:var(--ink)}
.status-pill.status-delivered{background:#ecfdf3;color:#027a48}
.status-pill.status-failed{background:#fef3f2;color:#b42318}
.status-pill.status-awaiting_payment{background:#fffaeb;color:#b54708}
.progress-detail{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:0 0 16px}
.progress-detail li{border-top:3px solid var(--line);padding-top:10px;color:var(--muted);font-size:13px}
.progress-detail li b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:99px;background:var(--line);color:#fff;font-size:12px;margin-right:6px}
.progress-detail li.done{border-color:#12b76a;color:var(--ink)}
.progress-detail li.done b{background:#12b76a}
.progress-detail li.current{border-color:var(--blue);color:var(--ink);font-weight:700}
.progress-detail li.current b{background:var(--blue)}
.status-detail{color:var(--muted);margin:0 0 18px}
.order-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;margin:0 0 20px;padding:16px;
  background:var(--paper);border-radius:12px}
.order-facts div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.order-facts dt{color:var(--muted);margin:0}
.order-facts dd{margin:0;font-weight:700;text-align:right;word-break:break-all}
.action-panel.warn{border-color:#fec84b;background:#fffcf5}
.refund-block{border:1px solid var(--line);border-radius:12px;padding:0 16px;margin-top:18px}
.refund-block summary{padding:14px 0;font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center}
.refund-block p{color:var(--muted);font-size:14px}
.refund-block button{margin:12px 0 16px}

/* --- 找回 ---------------------------------------------------------------- */
.lookup-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;max-width:620px}
.lookup-card>b{display:block;font-size:19px;margin-bottom:6px}
.lookup-card>p{color:var(--muted);margin:0 0 16px}
.lookup-card .field-grid{margin-bottom:16px}
.lookup-note{display:block;color:var(--muted);font-size:13px;margin-top:12px}

/* --- 手机端 -------------------------------------------------------------- */
@media(max-width:900px){
  .quick-result{padding:18px;border-radius:14px}
  .quick-head h2{font-size:20px}
  .platform-results{grid-template-columns:repeat(2,1fr)}
  .loss-grid,.solve-grid,.pdf-layout,.order-facts{grid-template-columns:1fr}
  .progress-detail{grid-template-columns:repeat(2,1fr)}
  .sale-price b{font-size:36px}
  .pay-qr{flex-direction:column;align-items:center;text-align:left}
  .qr-box{width:min(260px,72vw);height:min(260px,72vw)}
  .pay-guide{width:100%}
  .handoff-card{flex-direction:column;align-items:center;text-align:center}
  .handoff-card ol{text-align:left}
  .order-live{padding:18px}
  .order-live-head{flex-direction:column}
  .order-facts div{flex-direction:column;gap:2px}
  .order-facts dd{text-align:left}
  .buy-total b{font-size:24px}
  .loss-grid article,.solve-grid article,.found-block{padding:18px}
}
@media(max-width:430px){
  .platform-results{grid-template-columns:1fr}
}

/* 旧的 .lookup-card input 规则把输入框设成了 flex 且继承 13px；找回卡片按表单本来的样子来 */
.lookup-card input{display:block;text-align:left;font-size:16px;padding:12px 14px}
.lookup-card label{font-size:14px;margin:0 0 6px}