/* ============================================================
 * pc28走势网 全站样式（Tailwind 之外的组件级样式）
 * ============================================================ */
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-link { color: #1e293b; }
#navbar .logo-text { color: #0f172a; }
#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; }
.hero-blob-a { background: #6366f1; }
.hero-blob-b { background: #22d3ee; }

/* ---------- 浮动卡片 ---------- */
.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;
}

/* ---------- 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; display: none; background: #fff;
  border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px 14px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .14);
  pointer-events: none; z-index: 20; min-width: 176px;
}

/* ---------- 返回顶部 ---------- */
#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; }
::-webkit-scrollbar-thumb:hover { background: #a5b4fc; }