/* Author: yiyun */
:focus-visible { outline: 2px solid #9fb930; outline-offset: 5px; }
.popup-form, .popup-about { overscroll-behavior: contain; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; }
}

/* ---- 按钮配色（甲方反馈：主按钮改为品牌蓝） ----
   站内 token：accent = #2E6AE7（蓝）。常态/悬停/按下都用蓝色体系。 */
:root {
  --btn-blue: #2E6AE7;
  --btn-blue-hover: #245BD1;
  --btn-blue-active: #1B4AB0;
}

/* 常态：导航「注册」、区块 CTA「探索新思维」、弹窗「确认」等主按钮 */
.primary-button {
  background-color: var(--btn-blue);
  border-color: var(--btn-blue);
  color: #fff;
}

.primary-button:hover {
  background-color: var(--btn-blue-hover);
  border-color: var(--btn-blue-hover);
  color: #fff;
}

.primary-button:active {
  background-color: var(--btn-blue-active);
  border-color: var(--btn-blue-active);
  color: #fff;
}

/* 隐藏 Webflow 徽章（外部平台标识，不属于本站内容） */
.w-webflow-badge,
a.w-webflow-badge,
a[href*="webflow.com"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ---------- 响应式 & 跨浏览器适配 ---------- */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }

/* 中文标题不在词中间断行（配合 index.html 的 .nowrap 包裹） */
.nowrap { white-space: nowrap; }

/* iOS Safari 动态视口：用 svh 避免顶部地址栏把首屏顶出可视区 */
@supports (height: 100svh) {
  .section-hero { min-height: 100svh; }
}

/* 刘海屏 / 底部手势条安全区 */
.hero-stats { bottom: max(1.5rem, env(safe-area-inset-bottom)); }

/* 手机（含 iPhone SE / 安卓常见 360~430） */
@media screen and (max-width: 767px) {
  .heading-h1 { font-size: clamp(28px, 8.8vw, 44px); line-height: 1.18; }
  .hero-stats { padding-left: 1.25rem; padding-right: 1.25rem; gap: 1rem; }
  .hero-stats > * { min-width: 0; }
  .primary-button { min-height: 46px; padding-left: 1.25rem; padding-right: 1.25rem; }
}

/* 超小屏安卓 320~360 */
@media screen and (max-width: 360px) {
  .heading-h1 { font-size: clamp(23px, 8.2vw, 30px); line-height: 1.2; }
  .hero-stats { padding-left: 1rem; padding-right: 1rem; }
}

/* 平板竖屏 768~991 */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .heading-h1 { font-size: clamp(44px, 6.4vw, 64px); line-height: 1.12; }
}

/* 大屏 1920+ 防止文字过度拉伸 */
@media screen and (min-width: 1920px) {
  .heading-h1 { font-size: clamp(88px, 6.2vw, 132px); }
}

/* Safari 旧版毛玻璃兜底 */
.u-frost { -webkit-backdrop-filter: blur(6px); }

/* 小屏手机：首屏底部数据改上下堆叠，避免和说明文字挤在一行 */
@media screen and (max-width: 479px) {
  .hero-stats { flex-direction: column; align-items: flex-start; gap: 0.35rem; }
  .hero-stats > div:last-child { font-size: 12px; line-height: 1.6; max-width: 100%; }
  .hero-stats .u-text-size-large { font-size: 34px; line-height: 1; }
}