/* ===== HOME · 沉稳商务高端 ===== */

/* HERO */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: var(--color-bg-dark) url("../../images/hero-bg.svg") center/cover no-repeat;
  padding: calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-3xl);
}
.hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--color-accent); }
.hero__grid { position: relative; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-4xl); align-items: center; width: 100%; }
.hero__eyebrow { display: inline-block; font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-accent); margin-bottom: var(--space-lg); }
.hero h1 { color: #fff; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.16; margin-bottom: var(--space-lg); }
.hero h1 em { font-style: italic; color: var(--color-accent); }
.hero p { color: rgba(255,255,255,0.82); font-size: var(--font-size-md); margin-bottom: var(--space-2xl); max-width: 480px; }
.hero__actions { display: flex; gap: var(--space-md); flex-wrap: wrap; }

/* 金框图片 */
.hero__visual { position: relative; }
.hero__visual img { width: 100%; aspect-ratio: 4/5; object-fit: cover; position: relative; z-index: 1; }
.hero__visual::before { content: ''; position: absolute; top: 24px; right: -24px; width: 100%; height: 100%; border: 1px solid var(--color-accent); z-index: 0; }
@media (max-width: 992px) {
  .hero { min-height: auto; }
  .hero__grid { grid-template-columns: 1fr; gap: var(--space-3xl); }
  .hero__visual { max-width: 420px; }
  .hero__visual::before { right: -16px; top: 16px; }
}

/* 数据条（金线分隔）*/
.figures { display: grid; grid-template-columns: repeat(4, 1fr); }
.figures .fig { padding: var(--space-xl) var(--space-lg); border-left: 1px solid var(--color-border); }
.figures .fig:first-child { border-left: none; padding-left: 0; }
.figures .fig .n { font-family: var(--font-display); font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); color: var(--color-primary); line-height: 1; }
.figures .fig .n .suffix { font-size: 0.5em; color: var(--color-accent-dark); }
.figures .fig .t { margin-top: var(--space-sm); color: var(--color-text-light); font-size: var(--font-size-sm); }
@media (max-width: 768px) { .figures { grid-template-columns: 1fr 1fr; gap: var(--space-md); } .figures .fig { border-left: none; padding-left: 0; } }

/* ABOUT 引文式介绍 */
.intro__grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--space-4xl); align-items: center; }
.intro__visual { position: relative; }
.intro__visual img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.intro__visual::before { content: ''; position: absolute; bottom: -20px; left: -20px; width: 70%; height: 70%; border: 1px solid var(--color-accent); z-index: -1; }
.intro__content p { color: var(--color-text); margin-bottom: var(--space-lg); }
.intro__list { margin: var(--space-xl) 0; display: grid; gap: var(--space-md); }
.intro__list li { display: flex; align-items: flex-start; gap: var(--space-md); }
.intro__list .icon { color: var(--color-accent-dark); margin-top: 4px; flex-shrink: 0; }
@media (max-width: 992px) { .intro__grid { grid-template-columns: 1fr; gap: var(--space-3xl); } }

/* SERVICES 网格 */
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--color-border); border: 1px solid var(--color-border); }
.services-grid .service-card { border: none; }
@media (max-width: 992px) { .services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .services-grid { grid-template-columns: 1fr; } }

.lead-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-xl); margin-bottom: var(--space-3xl); }
@media (max-width: 768px) { .lead-head { flex-direction: column; align-items: flex-start; gap: var(--space-md); } }