.workflow-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:52px;align-items:center;margin-bottom:54px}.workflow-hero h1{font-size:62px;line-height:.96;letter-spacing:-.07em;max-width:690px}.workflow-hero-panel{min-height:300px;background:#edf3ff;padding:38px;display:flex;flex-direction:column;justify-content:flex-end}.workflow-hero-panel strong{font-size:29px;line-height:1.12}.workflow-hero-panel p{color:var(--muted);line-height:1.6}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:42px 0 54px}.workflow-steps article{background:#fff;padding:25px}.workflow-steps article.active{background:#eef4ff}.workflow-steps b{display:block;color:var(--blue);font-size:23px}.workflow-steps span{display:block;font-weight:bold;margin:15px 0 7px}.workflow-steps p{color:var(--muted);line-height:1.5;margin:0}.artwork-layout,.request-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:36px;background:var(--paper);padding:36px;margin:50px 0}.artwork-copy h2,.request-copy h2{font-size:38px}.artwork-copy p,.request-copy p{color:var(--muted);line-height:1.6}.artwork-layout .config-form,.request-layout .config-form{max-width:none;background:#fff;border:1px solid var(--line)}.upload-file-state{border-left:4px solid var(--blue);background:#eef4ff;padding:16px 18px;color:var(--muted);line-height:1.5}.upload-file-state b{display:block;color:var(--ink);margin-bottom:5px}.workflow-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:48px 0}.workflow-checks article{border-top:2px solid var(--blue);padding:22px 3px}.workflow-checks span{font-size:10px;letter-spacing:.13em;color:var(--blue);font-weight:bold}.workflow-checks h2{font-size:23px}.workflow-checks p{color:var(--muted);line-height:1.55}.workflow-note{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:400!important;line-height:1.45}.workflow-note input{width:auto!important;margin:2px 0 0}.guide-explorer{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;background:var(--paper);padding:36px;margin:45px 0}.guide-explorer .guide-tabs{display:grid;align-content:start;margin:0}.guide-explorer .guide-tabs button{text-align:left}.guide-depth-panel{background:#fff;border-left:4px solid var(--blue);padding:34px}.guide-depth-panel h2{font-size:35px}.guide-depth-panel>p{color:var(--muted);line-height:1.65}.guide-depth-panel ol{line-height:1.75}.guide-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:28px}.guide-facts div{background:#fff;padding:18px}.guide-facts b{display:block;color:var(--blue);font-size:10px;letter-spacing:.1em;margin-bottom:8px}.guide-facts span{color:var(--muted);line-height:1.45}.guide-library{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:48px 0}.guide-library article{border:1px solid var(--line);padding:26px}.guide-library h2{font-size:24px}.guide-library p{color:var(--muted);line-height:1.55}.guide-library a{color:var(--blue);font-weight:bold}.template-tools-depth{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end;margin:36px 0 22px}.template-tools-depth label{display:grid;gap:7px;color:var(--muted);font-size:12px}.template-tools-depth input{border:1px solid #cbd2dc;padding:13px;font:inherit}.template-result{color:var(--muted);font-size:12px}.template-grid.depth{grid-template-columns:repeat(3,1fr);max-width:none}.template-grid.depth article{display:flex;flex-direction:column;min-width:0}.template-grid.depth article p{min-height:72px;flex:1}.template-spec{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 5px}.template-spec small{background:var(--paper);padding:10px;color:var(--muted)}.status-layout-depth{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:34px;align-items:start}.status-detail-depth{border-left:4px solid var(--blue);background:#eef4ff;padding:28px;min-height:205px}.status-detail-depth strong{font-size:25px}.status-detail-depth p{color:var(--muted);line-height:1.6}.status-detail-depth dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin-top:20px}.status-detail-depth dt{color:var(--blue);font-size:10px;letter-spacing:.1em;font-weight:bold}.status-detail-depth dd{margin:0;color:var(--muted)}.status-support{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.status-support article{background:#fff;padding:23px}.status-support h2{font-size:22px}.status-support p{color:var(--muted);line-height:1.5}.status-support a{color:var(--blue);font-weight:bold}@media(max-width:900px){.workflow-hero,.artwork-layout,.request-layout,.guide-explorer,.status-layout-depth{grid-template-columns:1fr}.workflow-hero h1{font-size:49px}.workflow-hero-panel{min-height:230px}.workflow-checks,.guide-library,.template-grid.depth{grid-template-columns:1fr 1fr}.artwork-layout,.request-layout,.guide-explorer{padding:25px}}@media(max-width:560px){.workflow-steps,.workflow-checks,.guide-library,.template-grid.depth,.guide-facts{grid-template-columns:1fr}.template-tools-depth{grid-template-columns:1fr}.template-spec{grid-template-columns:1fr}.workflow-hero h1{font-size:44px}.guide-depth-panel{padding:24px}}
.quote-brief{display:grid;gap:16px;border:1px solid var(--line);padding:20px;margin:0}
.quote-brief legend{padding:0 8px;color:var(--blue);font-size:10px;letter-spacing:.14em;font-weight:bold}
.quote-brief-note{font-size:12px!important;margin:0!important;color:var(--muted)}
.quote-brief .config-pair{margin:0}
.quote-integrity-note{font-size:11px!important;color:var(--muted)!important;margin:0!important}

/* ---------- 询价页视觉参考与公司背景 ---------- */
.quote-reference-gallery{margin:18px 0 56px}
.quote-reference-gallery .section-head{margin-bottom:18px}
.quote-reference-gallery h2{font-size:35px;margin:8px 0 0}
.gallery-hint{color:var(--muted);font-size:12px}
.quote-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.quote-reference-card{display:grid;gap:10px;padding:0 0 13px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.quote-reference-card:hover{transform:translateY(-4px);border-color:#b5c4ea;box-shadow:0 10px 24px rgba(23,32,51,.09)}
.quote-reference-card:focus-visible{outline:3px solid rgba(23,75,209,.25);outline-offset:2px}
.quote-reference-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(23,75,209,.13),0 10px 24px rgba(23,75,209,.11)}
.quote-reference-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#f4f6f9}
.quote-reference-card span{padding:0 13px;font-size:12px;font-weight:700}
.quote-context{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:34px;align-items:center;background:var(--paper);padding:30px;margin:0 0 54px}
.quote-context-media{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr);gap:12px;min-width:0}
.quote-context figure{margin:0;background:#fff;border:1px solid var(--line)}
.quote-context-main img{display:block;width:100%;height:260px;object-fit:cover}
.quote-context figcaption{padding:10px 12px;color:var(--muted);font-size:11px;line-height:1.4}
.quote-context-stack{display:grid;gap:12px}
.quote-context-stack img{display:block;width:100%;height:124px;object-fit:cover;background:#fff;border:1px solid var(--line)}
.quote-context-copy h2{font-size:35px;margin:8px 0 10px}
.quote-context-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:0 0 19px}
.quote-context-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:18px}
.quote-context-points{display:flex;flex-wrap:wrap;gap:8px}
.quote-context-points span{border:1px solid #cbd2dc;background:#fff;padding:8px 10px;color:var(--blue);font-size:11px;font-weight:700}
@media(max-width:900px){.quote-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-context{grid-template-columns:1fr}.quote-context-main img{height:300px}}
@media(max-width:560px){.quote-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-reference-gallery h2,.quote-context-copy h2{font-size:29px}.gallery-hint{font-size:11px}.quote-context{padding:20px}.quote-context-media{grid-template-columns:1fr}.quote-context-stack{grid-template-columns:1fr 1fr}.quote-context-stack img{height:110px}.quote-context-main img{height:230px}}

/* Mobile overflow guard: long select options and form labels must not widen
   the single-column request/support layout beyond the viewport. */
@media(max-width:900px){
  .request-layout,
  .support-form-layout,
  .artwork-layout,
  .partner-application {
    grid-template-columns:minmax(0,1fr);
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .request-layout > *,
  .support-form-layout > *,
  .artwork-layout > *,
  .partner-application > * { min-width:0; max-width:100%; }
  .request-layout .config-form,
  .support-form-layout .config-form,
  .request-layout .config-form > *,
  .support-form-layout .config-form > * { min-width:0; max-width:100%; }
  .request-layout .config-form { grid-template-columns:minmax(0,1fr); }
}