/* ============================================================
 * pc28企业级预测网 - 公共样式
 * 单站单页结构，页面由 js/data.js 中的开奖数据块驱动。
 * 主题色：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);
}

/* Hero 背景光斑 */
.hero-blob { position: absolute; border-radius: 9999px; filter: blur(90px); opacity: .32; 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;
}

/* 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);
}

/* 评价轮播 */
#cWrap { overflow: hidden; }
#cTrack { display: flex; transition: transform .55s cubic-bezier(.4, 0, .2, 1); }
.c-slide { flex: 0 0 100%; padding: 0 2px; box-sizing: border-box; }
.c-dot { width: 10px; height: 10px; border-radius: 9999px; background: #cbd5e1; transition: all .35s ease; cursor: pointer; }
.c-dot.active { width: 26px; background: #2563eb; }

/* 返回顶部 */
#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; }