/* =============================================================================
 * hero.css — 全屏首屏（巨大 16 + 暖色光波）
 * ========================================================================== */

.hero {
  position: relative; height: 100vh; min-height: 600px; max-height: 900px;
  display: flex; align-items: center; justify-content: center;
  background: #08070a; overflow: hidden;
}
.hero__wave {
  position: absolute; inset: 0; z-index: 0;
}
.hero__wave svg { width: 100%; height: 100%; }
.hero__wave::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 30%, rgba(255,120,50,.22), transparent 65%);
}

/* 视频背景（替换原光波） */
.hero__video {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%; object-fit: cover;
}
.hero__overlay {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.16) 45%, rgba(0,0,0,.62) 100%);
}

.hero__inner {
  position: relative; z-index: 1; width: 100%; max-width: var(--maxw);
  padding: 0 24px; text-align: center; color: #fff;
  margin-top: -2vh;
}

.hero__brand {
  font-size: 16px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: rgba(255,255,255,.65); margin-bottom: 6px;
}
.hero__number {
  font-size: clamp(120px, 22vw, 260px); font-weight: 900; line-height: .85;
  background: linear-gradient(180deg, #fff7ed 0%, #ffd6a5 50%, #ff8a6c 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  letter-spacing: -8px; margin-bottom: 10px;
  text-shadow: 0 20px 80px rgba(255,120,40,.35);
}

/* Logo 替换大数字 16，保持同尺寸并带微光 */
.hero__logo-img {
  display: block;
  width: clamp(72px, 13.2vw, 156px);
  height: clamp(72px, 13.2vw, 156px);
  object-fit: contain;
  margin: 0 auto 40px;
  /* 用 drop-shadow 让光晕只沿 Logo 图形边缘，不会出现矩形色块 */
  filter: drop-shadow(0 0 22px rgba(100, 200, 255, .45))
          drop-shadow(0 0 48px rgba(100, 200, 255, .28));
  animation: logoShimmer 3.2s ease-in-out infinite;
  transform-origin: center;
}

/* 柔和微闪：几乎不缩放，仅光晕轻微强弱 */
@keyframes logoShimmer {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 20px rgba(100, 200, 255, .38))
            drop-shadow(0 0 42px rgba(100, 200, 255, .2));
  }
  50% {
    transform: scale(1.008);
    filter: drop-shadow(0 0 28px rgba(100, 200, 255, .52))
            drop-shadow(0 0 56px rgba(100, 200, 255, .3));
  }
}
.hero__title {
  font-size: clamp(26px, 4.5vw, 52px); font-weight: 700; line-height: 1.25;
  letter-spacing: -1px; margin-bottom: 28px;
}
.hero__title span { display: inline-block; margin-top: 12px; font-weight: 400; opacity: .92; }

.hero__btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 28px; border-radius: var(--r-pill); font-size: 15px; font-weight: 600;
  color: #fff; background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px); transition: transform .25s, background .25s, box-shadow .25s;
}
.hero__btn:hover { transform: translateY(-2px); background: rgba(0,0,0,.65); box-shadow: 0 14px 36px rgba(0,0,0,.4); }