/* 首页只维护构图与装饰，文字和常规组件尺寸由 site.css 统一提供。 */
.home-page .section { margin-top:var(--section-space); container:home-section / inline-size; }
.home-page .hero { position:relative; isolation:isolate; color:#1d1d1f; background:#f0f0f0; }
.home-page .hero-copy { position:relative; z-index:2; max-width:var(--content-width); margin-inline:auto; padding:calc(5rem + var(--space-8)) var(--shell-gutter) 0; text-align:center; }
.home-page .hero-copy .actions { justify-content:center; }
.home-page .hero-art { position:relative; z-index:1; width:min(calc(100% - 2 * var(--shell-gutter)),50rem); margin:var(--space-6) auto 0; }
.home-page .hero-image { width:100%; height:auto; }
.home-page .tags { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-bottom:var(--space-6); }
.home-page .needs-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:var(--space-12); align-items:end; margin-bottom:var(--space-8); }
.home-page .needs-heading>p { max-width:30em; color:var(--text-muted); }
.home-page .needs-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-2); padding:var(--space-2); border:1px solid white; border-radius:var(--card-radius); background:#f8f8f8; box-shadow:0 .5rem 1.25rem #00000007; }
.home-page .need-list { display:grid; gap:var(--space-2); min-width:0; }
.home-page .need-item h3 { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3); }
.home-page .need-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; width:var(--space-8); height:var(--space-8); border-radius:.5rem; background:#ffffff14; border:1px solid #ffffff2b; }
.home-page .data-art { min-width:0; width:100%; aspect-ratio:1; overflow:hidden; border-radius:calc(var(--card-radius) - var(--space-2)); }
.home-page .data-art img { width:100%; height:100%; object-fit:cover; }
.home-page .centered-heading { max-width:var(--reading-width); margin:0 auto var(--space-10); text-align:center; }
.home-page .centered-heading h2 { margin:var(--space-6) auto 0; }
.home-page .centered-heading p { margin:var(--space-4) auto 0; color:var(--text-muted); }
.home-page .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--grid-gap); }
.home-page .service-art { flex:none; height:calc(2 * var(--space-12)); border-radius:0 0 calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px); }
.home-page .software-art { background:linear-gradient(white,transparent 45%),radial-gradient(ellipse at 30% 55%,#f9e2e1,transparent 75%),linear-gradient(125deg,#e5e4ff,#f6f1ff 60%,#faf8ee); }
.home-page .system-art { background:linear-gradient(#28272a,transparent 50%),radial-gradient(ellipse at 40% 80%,#6d568e,transparent 70%),linear-gradient(120deg,#28272a,#383a55); }
.home-page .assessment-art { background:linear-gradient(white,transparent 40%),radial-gradient(ellipse at 90% 40%,#ececda,transparent 60%),linear-gradient(145deg,#f5f5eb,#b9caa9 65%,#738f69); }
.home-page .assistant { background:linear-gradient(110deg,#ffe4ab,#f3c5d7 70%,#ead7ed); }
.home-page .assistant-art { background:radial-gradient(ellipse at 35% 60%,#ffffffb0,transparent 65%),linear-gradient(135deg,transparent,#f4d7eb 75%); }
.home-page .knowledge-art { background:linear-gradient(white,transparent 55%),linear-gradient(140deg,#e5e3f6,var(--accent-blue-soft)); }
.home-page .sales-art { background:linear-gradient(white,transparent 55%),linear-gradient(120deg,#f4dfec,#e0dff8); }
.home-page .center-actions { margin-top:var(--space-8); text-align:center; }
.home-page .featured-heading { max-width:var(--reading-width); margin-inline:auto; text-align:center; }
.home-page .featured-heading p { margin-top:var(--space-4); color:var(--text-muted); }
.home-page .featured-viewport { margin-top:var(--space-8); }
.home-page .featured-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:var(--grid-gap); margin:0; padding:0; list-style:none; }
.home-page .featured-track>li { display:flex; min-width:0; }
.home-page .featured-image { position:relative; flex:none; height:calc(2 * var(--space-12)); border-radius:calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px) 0 0; }
.home-page .featured-image .tag { position:absolute; top:var(--space-4); left:var(--space-4); max-width:calc(100% - 2 * var(--space-4)); }
.home-page .step-image-one { background:linear-gradient(140deg,#d9ddef,var(--accent-blue-muted)); }
.home-page .step-image-two { background:linear-gradient(140deg,var(--accent-blue-muted),var(--accent-blue-soft) 60%,#e4d2c0); }
.home-page .step-image-three { background:linear-gradient(140deg,#d4e4ce,#b9cec4 65%,#dae6e3); }
.home-page .step-image-four { background:linear-gradient(140deg,#ecd9ea,#d4d7ef 65%,var(--accent-blue-soft)); }
.home-page .featured-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-3); padding-top:var(--space-6); }
.home-page .dream { padding:var(--space-10) var(--card-padding) var(--card-padding); border:2px solid #fbfbff; border-radius:var(--card-radius); background:linear-gradient(var(--accent-blue-soft),#dedff1 60%,#eeeffa); box-shadow:0 .375rem 1.25rem #0000000c,inset 0 1px 2px white; }
.home-page .dream h2 { max-width:18em; margin:0 auto var(--space-8); text-align:center; }
.home-page .glass-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--grid-gap); margin:0; padding:0; list-style:none; }
.home-page .glass-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-3); padding-top:var(--space-4); border-top:1px solid #dddfeb; }
.home-page .insights { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:var(--space-10); }
.home-page .insights h2 { margin-top:var(--space-6); }
.home-page .editorial>p { margin-bottom:var(--space-6); color:var(--text-muted); }
.home-page .home-articles { margin:0 0 var(--space-4); }
.home-page .contact { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-8); }
.home-page .contact>div { flex:1 1 28rem; min-width:0; }
.home-page .contact p { max-width:var(--reading-width); margin-top:var(--space-4); color:var(--text-muted); }
.home-page .contact>.button { flex:none; }

@container home-section (min-width:75rem) {
  .home-page .need-item { padding-block:var(--space-4); }
}
@container home-section (max-width:74.99rem) {
  .home-page .featured-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-page .needs-panel { grid-template-columns:minmax(0,1fr); }
}
@container home-section (max-width:59.25rem) {
  .home-page .service-grid, .home-page .glass-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-page .glass-card:last-child { grid-column:1 / -1; }
  .home-page .needs-heading { grid-template-columns:minmax(0,1fr); gap:var(--space-6); }
  .home-page .insights { grid-template-columns:minmax(0,1fr); gap:var(--space-6); }
}
@container home-section (max-width:39rem) {
  .home-page .service-grid, .home-page .featured-track, .home-page .glass-grid { grid-template-columns:minmax(0,1fr); }
  .home-page .glass-card:last-child { grid-column:auto; }
  .home-page .service-art { height:var(--space-12); }
  .home-page .featured-image { height:calc(var(--space-12) + var(--space-8)); }
}