/* ============================================================
 * 实时预测结果查询网 · 全站样式
 * 主题色：blue #2563eb / 辅助色：#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: #bfdbfe; color: #1e3a8a; }

/* ---------- 导航栏：透明 -> 白色悬浮 ---------- */
#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, #eff6ff 0%, #e0f2fe 45%, #fefce8 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(37, 99, 235, .22);
  border-color: #bfdbfe;
}

/* ---------- 评价卡片 ---------- */
.t-card { transition: transform .3s ease, box-shadow .3s ease; }
.t-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -16px rgba(15, 23, 42, .16); }

/* ---------- 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: #bfdbfe; border-radius: 8px; }