/* ============================================================
 * 加拿大28近期预测参考网 · 全站样式
 * 主题色：indigo #4f46e5 / 辅助色：#f59e0b
 * ============================================================ */

html { scroll-behavior: smooth; }

body {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::selection { background: #c7d2fe; color: #312e81; }

/* ---------- 导航栏：透明 -> 白色悬浮 ---------- */
#navbar { background: transparent; transition: background .3s ease, box-shadow .3s ease; }
#navbar.nav-solid {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 4px 24px rgba(15, 23, 42, .07);
}

/* ---------- 内页头部渐变 ---------- */
.page-hero {
  background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 45%, #fffbeb 100%);
}

/* ---------- Hero 光斑 ---------- */
.hero-blob { position: absolute; border-radius: 9999px; filter: blur(90px); opacity: .3; pointer-events: none; }

.float-slow { animation: floatY 5s ease-in-out infinite; }
.float-delay { animation: floatY 5.6s ease-in-out 1.3s infinite; }
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

/* ---------- 功能卡片 ---------- */
.feature-card { transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 44px -14px rgba(79, 70, 229, .22);
  border-color: #c7d2fe;
}

/* ---------- 评价轮播 ---------- */
.c-viewport { overflow: hidden; }
.c-track { display: flex; transition: transform .5s ease; }
.c-slide { flex: 0 0 100%; }
.c-dot { width: 8px; height: 8px; border-radius: 9999px; background: #c7d2fe; transition: all .3s ease; }
.c-dot.active { width: 26px; background: #4f46e5; }

/* ---------- FAQ 手风琴 ---------- */
.faq-panel { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-icon { transition: transform .3s ease; }
.faq-icon.rotate-45 { transform: rotate(45deg); }

/* ---------- 走势图悬浮提示 ---------- */
#trendTip {
  position: absolute; pointer-events: none; display: none;
  background: #0f172a; color: #fff; font-size: 12px; line-height: 1.6;
  padding: 8px 12px; border-radius: 10px; white-space: nowrap; z-index: 10;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .25);
}

/* ---------- 返回顶部 ---------- */
#backTop { opacity: 0; pointer-events: none; transition: opacity .3s ease, transform .3s ease; transform: translateY(8px); }
#backTop.show { opacity: 1; pointer-events: auto; transform: translateY(0); }

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #c7d2fe; border-radius: 8px; }