/* thermo page specific */
.hero-title-ch { white-space:normal; text-align:center; }
.hero-chips { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin:22px 0 28px; }
.hero-chip { display:inline-flex; align-items:center; background:rgba(255,255,255,.18); color:#fff; border:1px solid rgba(255,255,255,.35); padding:8px 16px; border-radius:999px; font-size:14px; backdrop-filter:blur(4px); }
.hero--light .hero-actions { display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }
.thermo-pain-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:48px; }
.thermo-pain-card { background:#fff; border-radius:var(--radius-lg); padding:28px; box-shadow:0 12px 40px rgba(11,31,58,.08); }
.thermo-pain-card h4 { color:var(--navy-900); font-size:17px; margin-bottom:12px; }
.thermo-pain-card p { color:var(--gray-500); font-size:14px; line-height:1.7; }
.section--warm { background:var(--cream-100); }
.thermo-kit-grid { display:grid; gap:28px; margin-top:48px; }
.thermo-kit-card { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 12px 40px rgba(11,31,58,.08); }
.thermo-kit-card:nth-child(even) { direction:rtl; }
.thermo-kit-card:nth-child(even) > * { direction:ltr; }
.thermo-kit-img { min-height:280px; aspect-ratio:3/2; }
.thermo-kit-img img { width:100%; height:100%; object-fit:cover; display:block; }
.thermo-kit-text { padding:36px; display:flex; flex-direction:column; justify-content:center; }
.thermo-kit-num { color:var(--gold-300); font-family:var(--font-en); font-size:52px; font-weight:700; line-height:1; margin-bottom:14px; }
.thermo-kit-title { font-size:22px; color:var(--navy-900); margin-bottom:12px; }
.thermo-kit-desc { font-size:15px; color:var(--gray-500); line-height:1.8; }
.thermo-data-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.thermo-data-card { background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-800) 100%); color:#fff; border-radius:var(--radius-lg); padding:28px; }
.thermo-data-card .data-number { font-size:40px; color:var(--gold-400); font-weight:700; line-height:1; margin-bottom:10px; }
.thermo-data-card .data-label { font-size:14px; line-height:1.5; opacity:.9; }
.thermo-data-card small { opacity:.7; font-size:12px; }
.thermo-season { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
.thermo-season-card { position:relative; border-radius:var(--radius-lg); overflow:hidden; min-height:440px; }
.thermo-season-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.thermo-season-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,18,35,.15) 0%,rgba(7,18,35,.6) 100%); }
.thermo-season-text { position:absolute; bottom:0; left:0; right:0; padding:32px; color:#fff; }
.thermo-season-text h3 { font-size:28px; margin-bottom:10px; }
.thermo-season-text p { font-size:15px; line-height:1.7; opacity:.95; }
.thermo-cases-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
.thermo-case-card { background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 12px 40px rgba(11,31,58,.08); text-decoration:none; color:inherit; transition:transform .3s var(--ease-out-quart),box-shadow .3s var(--ease-out-quart); }
.thermo-case-card:hover { transform:translateY(-6px); box-shadow:0 20px 60px rgba(11,31,58,.14); }
.thermo-case-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.thermo-case-body { padding:22px; }
.thermo-case-title { font-size:17px; color:var(--navy-900); margin-bottom:6px; }
.thermo-case-loc { font-size:13px; color:var(--gold-500); margin-bottom:8px; }
.thermo-case-short { font-size:13px; color:var(--gray-500); line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.section-footer { text-align:center; margin-top:40px; }
.thermo-process { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:48px; counter-reset:step; }
.thermo-step { background:#fff; border-radius:var(--radius-lg); padding:28px; position:relative; box-shadow:0 12px 40px rgba(11,31,58,.08); }
.thermo-step::before { counter-increment:step; content:counter(step); position:absolute; top:14px; right:18px; font-size:48px; font-weight:700; color:var(--gold-300); font-family:var(--font-en); line-height:1; }
.thermo-step h3 { font-size:17px; color:var(--navy-900); margin-bottom:8px; padding-right:40px; }
.thermo-step p { font-size:13px; color:var(--gray-500); line-height:1.7; }
.thermo-faq { display:grid; gap:16px; max-width:920px; margin:48px auto 0; }
.thermo-faq-item { background:#fff; border-radius:var(--radius-lg); padding:24px; box-shadow:0 12px 40px rgba(11,31,58,.08); }
.thermo-faq-q { font-size:16px; font-weight:600; color:var(--navy-900); margin-bottom:10px; }
.thermo-faq-a { font-size:14px; color:var(--gray-500); line-height:1.8; }
.thermo-cta { background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-800) 100%); border-radius:24px; padding:64px 32px; text-align:center; color:#fff; }
.thermo-cta h3 { font-size:32px; margin-bottom:14px; }
.thermo-cta p { font-size:16px; opacity:.85; margin-bottom:28px; }
/* ====== 各方案子页差异化布局 ====== */
.silent-spectrum { background:#fff; border-radius:var(--radius-lg); padding:40px; box-shadow:0 12px 40px rgba(11,31,58,.08); margin-top:48px; }
.spectrum-row { margin-bottom:28px; }
.spectrum-row:last-child { margin-bottom:0; }
.spectrum-label { display:flex; justify-content:space-between; font-size:14px; color:var(--gray-500); margin-bottom:10px; }
.spectrum-track { height:16px; background:var(--cream-100); border-radius:999px; overflow:hidden; position:relative; }
.spectrum-fill { position:absolute; left:0; top:0; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--gold-400),var(--gold-500)); }
.spectrum-value { font-weight:700; color:var(--navy-900); }
.spectrum-config { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:32px; }
.spectrum-config-card { background:var(--cream-100); border-radius:var(--radius-md); padding:20px; }
.spectrum-config-card h4 { font-size:15px; color:var(--navy-900); margin-bottom:6px; }
.spectrum-config-card p { font-size:13px; color:var(--gray-500); line-height:1.6; }
.panoramic-bars { background:#fff; border-radius:var(--radius-lg); padding:40px; box-shadow:0 12px 40px rgba(11,31,58,.08); margin-top:48px; }
.bar-row { margin-bottom:24px; }
.bar-row:last-child { margin-bottom:0; }
.bar-label { display:flex; justify-content:space-between; font-size:14px; color:var(--gray-500); margin-bottom:8px; }
.bar-track { height:18px; background:var(--cream-100); border-radius:999px; overflow:hidden; }
.bar-fill { height:100%; border-radius:999px; background:linear-gradient(90deg,var(--gold-400),var(--gold-500)); }
.bar-value { font-weight:700; color:var(--navy-900); }
.giant-timeline { position:relative; margin-top:48px; padding-left:28px; }
.giant-timeline::before { content:''; position:absolute; left:10px; top:8px; bottom:8px; width:2px; background:var(--gold-300); }
.giant-timeline-item { position:relative; margin-bottom:28px; padding-left:36px; }
.giant-timeline-item:last-child { margin-bottom:0; }
.giant-timeline-item::before { content:''; position:absolute; left:-22px; top:4px; width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--gold-500); }
.giant-timeline-item h4 { font-size:18px; color:var(--navy-900); margin-bottom:8px; }
.giant-timeline-item p { font-size:14px; color:var(--gray-500); line-height:1.7; }
.curved-path { display:flex; align-items:stretch; gap:16px; margin-top:48px; counter-reset:cpath; }
.curved-path-step { flex:1; background:#fff; border-radius:var(--radius-lg); padding:28px; box-shadow:0 12px 40px rgba(11,31,58,.08); position:relative; }
.curved-path-step:not(:last-child)::after { content:'→'; position:absolute; right:-22px; top:50%; transform:translateY(-50%); font-size:24px; color:var(--gold-400); }
.curved-path-step::before { counter-increment:cpath; content:counter(cpath); display:block; width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; background:var(--navy-900); color:#fff; font-family:var(--font-en); font-weight:700; margin-bottom:14px; }
.curved-path-step h4 { font-size:16px; color:var(--navy-900); margin-bottom:8px; }
.curved-path-step p { font-size:13px; color:var(--gray-500); line-height:1.7; }
@media (max-width:1024px) { .thermo-pain-grid { grid-template-columns:repeat(2,1fr); } .thermo-data-grid { grid-template-columns:repeat(2,1fr); } .thermo-season { grid-template-columns:1fr; } .thermo-cases-grid { grid-template-columns:repeat(2,1fr); } .thermo-process { grid-template-columns:repeat(2,1fr); } .thermo-kit-card { grid-template-columns:1fr; } .thermo-kit-card:nth-child(even) { direction:ltr; } .thermo-kit-img { min-height:220px; } .curved-path { flex-wrap:wrap; } .curved-path-step { flex:1 1 calc(50% - 12px); } .curved-path-step:not(:last-child)::after { display:none; } }
@media (max-width:640px) { .hero.hero--compact { min-height:90svh; } .hero-title-ch { white-space:normal; } .hero-chips { flex-direction:column; align-items:center; gap:8px; } .hero-chip { width:fit-content; max-width:100%; font-size:13px; padding:6px 14px; } .hero--light .hero-actions { flex-direction:column; align-items:center; width:100%; } .hero--light .hero-actions .btn { width:min(100%, 280px); } .thermo-pain-grid, .thermo-data-grid, .thermo-cases-grid, .thermo-process { grid-template-columns:1fr; } .thermo-cta { padding:44px 20px; } .thermo-cta h3 { font-size:24px; } .thermo-season-card { min-height:360px; } .silent-spectrum { padding:24px; } .spectrum-config { grid-template-columns:1fr; } .panoramic-bars { padding:24px; } .giant-timeline { padding-left:16px; } .giant-timeline-item { padding-left:28px; } .curved-path { flex-direction:column; } .curved-path-step:not(:last-child)::after { content:'↓'; right:auto; left:50%; bottom:-22px; top:auto; transform:translateX(-50%); } }