/* ───── 模块:hero — 安静的大标题区(暖白 Apple 极简,无炫技动效) ─────
   居中布局,上方为固定导航留白;标题后方一团静态暖色柔光,无打字机/终端。 */

.hero {
  position: relative;
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 140px 22px 56px;
  min-height: 64vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* 标题后方的静态暖色径向柔光:低透明度、无动画 */
.hero-glow {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(720px, 92vw);
  height: 460px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, var(--glow), transparent 62%),
    radial-gradient(circle at 50% 55%, var(--accent-soft), transparent 70%);
  filter: blur(8px);
  opacity: .9;
}

/* 眉标:小圆点 + 一行说明 */
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: var(--text-2);
  letter-spacing: .2px;
  margin-bottom: 22px;
}
.hero-eyebrow .pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  flex: none;
  animation: hero-pulse 2.8s var(--ease) infinite;
}
@keyframes hero-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .55; transform: scale(.85); }
}

/* 主标题:大字号、收紧字距、紧凑行高 */
.hero h1 {
  font-size: clamp(34px, 7vw, 60px);
  font-weight: 680;
  letter-spacing: -1px;
  line-height: 1.12;
  max-width: 16em;
}

/* 强调词:赤陶色文字 + 极淡下划线衬底 */
.hero h1 .accent-word {
  color: var(--accent);
  background-image: linear-gradient(var(--accent-soft), var(--accent-soft));
  background-repeat: no-repeat;
  background-position: 0 88%;
  background-size: 100% .32em;
}

/* 副标题 */
.hero-sub {
  margin-top: 22px;
  max-width: 620px;
  font-size: clamp(15px, 2vw, 17px);
  color: var(--text-2);
  line-height: 1.7;
}

/* 行动按钮:横排 */
.hero-actions {
  margin-top: 34px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

/* ── 响应式 ── */
@media (max-width: 760px) {
  .hero { padding-top: 124px; min-height: 56vh; }
  .hero-glow { height: 380px; }
}
@media (max-width: 600px) {
  .hero { padding: 108px 20px 44px; min-height: 50vh; }
  .hero-sub { margin-top: 18px; }
  .hero-actions { margin-top: 28px; flex-direction: column; align-items: stretch; width: 100%; max-width: 320px; }
  .hero-actions .btn,
  .hero-actions .btn-ghost { justify-content: center; }
}

/* ── 无障碍:减少动态 ── */
@media (prefers-reduced-motion: reduce) {
  .hero-eyebrow .pulse { animation: none; }
}