:root {
  --ink:#18201d; --muted:#68736e; --line:#dce5df; --canvas:#f5f8f6;
  --green:#176b4a; --green-soft:#dcefe6; --blue:#3d7188; --blue-soft:#e1eff4;
  --coral:#c94b36; --coral-soft:#fae4df; --gold:#a66d10; --gold-soft:#f8edcf;
  --violet:#65578e; --violet-soft:#ebe7f5;
  font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas)}
button,a{font:inherit}.product-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}
.product-sidebar{background:#153a2c;color:#fff;padding:22px 16px;display:flex;flex-direction:column}
.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.15)}
.brand-mark{width:40px;height:40px;border-radius:8px;background:#f0c766;color:#153a2c;display:grid;place-items:center;font-weight:800;font-size:20px}
.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{margin-top:4px;color:rgba(255,255,255,.66);font-size:12px}
.product-nav{display:grid;gap:7px;padding-top:20px}.product-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:7px;color:rgba(255,255,255,.75);text-decoration:none}
.product-nav a:hover,.product-nav a.is-active{background:#fff;color:#153a2c;font-weight:700}.product-nav svg{width:18px}
.sidebar-note{margin-top:auto;padding:13px 12px;border-radius:7px;background:rgba(255,255,255,.08);line-height:1.55;font-size:12px;color:rgba(255,255,255,.68)}
.sidebar-note strong{display:block;color:#fff;margin-bottom:4px}.product-main{min-width:0}
.product-topbar{padding:52px clamp(24px,6vw,90px) 44px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.04em}.product-topbar h1{max-width:760px;margin:10px 0 0;font-size:clamp(27px,4vw,48px);line-height:1.15;letter-spacing:0}
.product-topbar p{max-width:640px;margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.7}
.topbar-action,#consultBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:0;border-radius:6px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.topbar-action svg,#consultBtn svg{width:17px}.product-content{max-width:1380px;margin:auto;padding:30px clamp(18px,5vw,78px) 60px}
.intro-band{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:25px 0 34px;border-bottom:1px solid var(--line)}
.intro-band h2,.section-heading h2,.contact-band h2{margin:8px 0 0;font-size:26px;letter-spacing:0}.intro-band p{max-width:720px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.intro-stats{display:flex;gap:25px}.intro-stats div{min-width:68px}.intro-stats strong,.intro-stats span{display:block}.intro-stats strong{font-size:27px}.intro-stats span{margin-top:5px;color:var(--muted);font-size:11px}
.section-block{padding:34px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px}.section-note{color:var(--muted);font-size:11px}.section-subtitle{margin:7px 0 0;color:var(--muted);font-size:12px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.module-card{display:flex;gap:15px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:8px}
.module-icon{width:40px;height:40px;flex:0 0 40px;border-radius:7px;display:grid;place-items:center}.module-icon svg{width:19px}.module-icon.green{background:var(--green-soft);color:var(--green)}.module-icon.blue{background:var(--blue-soft);color:var(--blue)}.module-icon.coral{background:var(--coral-soft);color:var(--coral)}.module-icon.gold{background:var(--gold-soft);color:var(--gold)}.module-icon.violet{background:var(--violet-soft);color:var(--violet)}
.module-copy{min-width:0}.module-copy h3{margin:6px 0 0;font-size:16px}.module-copy p{margin:7px 0 12px;color:var(--muted);font-size:12px;line-height:1.55}.product-code{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em}
.product-chips{display:flex;flex-wrap:wrap;gap:6px}.product-chips span{padding:5px 8px;background:#f1f5f2;border-radius:5px;color:#416053;font-size:11px}.outline-btn{margin-top:14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--green);padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.outline-btn:hover{border-color:var(--green);background:#f5faf6}
.path-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.path-step{flex:1;min-width:0}.path-step span,.path-step strong,.path-step p{display:block}.path-step span{color:var(--green);font-weight:800;font-size:12px}.path-step strong{margin-top:7px;font-size:15px}.path-step p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.path-line>b{color:#94a19a;font-size:20px;font-weight:400}
.standard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.standard-grid article{padding:17px;background:#fff;border:1px solid var(--line);border-radius:8px}.standard-grid svg{width:19px;color:var(--green)}.standard-grid strong{display:block;margin-top:13px;font-size:14px}.standard-grid p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.contact-band{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:27px 0}.contact-band p{margin:8px 0 0;color:var(--muted);font-size:13px}.contact-band button{cursor:pointer}
.qr-panel{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.qr-copy{display:grid;gap:8px;max-width:620px}.qr-copy strong{font-size:16px}.qr-copy p,.qr-copy small{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.qr-copy code{width:max-content;max-width:100%;padding:7px 9px;border-radius:5px;background:#f1f5f2;color:#416053;font-size:11px;overflow-wrap:anywhere}.qr-art{display:grid;justify-items:center;gap:10px;flex:0 0 150px}.qr-art img{display:block;width:132px;height:132px;padding:7px;background:#fff;border:1px solid var(--line);image-rendering:pixelated}.qr-art .outline-btn{margin:0;text-decoration:none}
.flow-status{padding:6px 9px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:700;white-space:nowrap}.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:14px}
.flow-step{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px;text-align:left;color:var(--muted);cursor:pointer}.flow-step span{font-size:10px;font-weight:800}.flow-step strong{font-size:11px}.flow-step.is-active{border-color:var(--green);background:#f0f8f3;color:var(--green)}.flow-step.is-done{color:var(--green)}
.flow-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.flow-view-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.flow-view-head h3{margin:7px 0 0;font-size:20px}.flow-view-head p{max-width:650px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.flow-badge,.match-reason{padding:7px 9px;border-radius:5px;background:var(--blue-soft);color:var(--blue);font-size:11px;white-space:nowrap}
.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.detail-columns h4{margin:0 0 7px;font-size:12px}.detail-columns p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.6}.deliverable-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.deliverable-list li{color:var(--muted);font-size:12px}.deliverable-list li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.flow-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.flow-form label{display:grid;gap:6px;color:var(--muted);font-size:11px}.flow-form label.wide{grid-column:1/-1}.flow-form input,.flow-form select,.flow-form textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:8px 10px;font-size:12px}.flow-form textarea{min-height:76px;resize:vertical}
.form-actions{display:flex;justify-content:flex-end;gap:9px;align-items:center;grid-column:1/-1;margin-top:5px}.primary-flow-btn,.quiet-btn{min-height:39px;border-radius:6px;padding:0 13px;font-size:12px;font-weight:700;cursor:pointer}.primary-flow-btn{border:0;background:var(--green);color:#fff}.quiet-btn{border:1px solid var(--line);background:#fff;color:var(--muted)}
.match-card{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:20px;padding:18px;border:1px solid #b9d6c4;border-radius:7px;background:#f5faf6}.match-card h3{margin:7px 0 0;font-size:17px}.match-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.match-note{display:grid;gap:4px;margin-top:12px;padding:12px 14px;background:#fbfcfb;border:1px solid var(--line);border-radius:6px;font-size:12px}.match-note span{color:var(--muted)}
.confirm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:20px 0;background:var(--line);border:1px solid var(--line)}.confirm-summary div{padding:13px;background:#fbfcfb}.confirm-summary span,.confirm-summary strong{display:block}.confirm-summary span{color:var(--muted);font-size:10px}.confirm-summary strong{margin-top:5px;font-size:12px}.confirm-check{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.confirm-check input{accent-color:var(--green)}
.success-view{text-align:center;padding:16px 0 4px}.success-icon{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.success-icon svg{width:22px}.success-view h3{margin:8px 0;font-size:21px}.success-view p{color:var(--muted);font-size:12px;line-height:1.8}.handoff-box{max-width:460px;margin:16px auto;padding:13px 15px;background:#fbfcfb;border:1px solid var(--line);border-radius:6px}.handoff-box span,.handoff-box strong{display:block}.handoff-box span{color:var(--muted);font-size:10px}.handoff-box strong{margin-top:5px;color:var(--green);font-size:12px}
.toast{position:fixed;right:22px;bottom:22px;transform:translateY(15px);opacity:0;pointer-events:none;padding:12px 15px;border-radius:6px;background:#153a2c;color:#fff;font-size:12px;transition:.2s}.toast.is-visible{transform:translateY(0);opacity:1}
@media(max-width:900px){.product-shell{display:block}.product-sidebar{padding:15px 16px}.product-nav{display:flex;overflow:auto;padding-top:14px}.product-nav a{white-space:nowrap}.sidebar-note{display:none}.product-topbar{padding:36px 20px;align-items:flex-start;flex-direction:column}.product-content{padding:20px 18px 42px}.intro-band{align-items:flex-start;flex-direction:column}.path-line{align-items:flex-start;flex-direction:column}.path-line>b{transform:rotate(90deg);margin-left:10px}.standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-grid{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr 1fr}.flow-step{min-height:42px}.flow-view-head{flex-direction:column}.detail-columns,.flow-form{grid-template-columns:1fr}.flow-form label.wide{grid-column:auto}.form-actions{grid-column:auto;align-items:stretch;flex-direction:column}.form-actions button{width:100%}.confirm-summary{grid-template-columns:1fr 1fr}.match-card{flex-direction:column}}
@media(max-width:700px){.qr-panel{align-items:flex-start;flex-direction:column}.qr-art{align-self:center}}