:root {
  --primary: #3D8B6E;
  --primary-dark: #2A6B52;
  --primary-light: #5DB38E;
  --secondary: #F5A623;
  --accent: #E8534A;
}

/* 科技直播暗蓝风 · 网格直角布局 */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #1e293b; }
::-webkit-scrollbar-thumb:hover { background: #3b82f6; }
::selection { background: #3b82f6; color: #fff; }

/* 网格卡片 */
.grid-card {
  transition: border-color .25s ease, background-color .25s ease, transform .25s ease;
}
.grid-card:hover {
  border-color: #3b82f6;
  background-color: rgba(59,130,246,.06);
  transform: translateY(-3px);
}

/* 图片缩放 */
.zoom-img { overflow: hidden; }
.zoom-img img { transition: transform .5s ease; }
.zoom-img:hover img { transform: scale(1.06); }

/* 直播标记脉冲 */
.live-dot {
  display: inline-block; width: 7px; height: 7px;
  background: #ef4444; border-radius: 50%;
  animation: pulse 1.4s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
  50% { opacity: .6; box-shadow: 0 0 0 6px rgba(239,68,68,0); }
}

/* 移动端抽屉导航 */
.nav { transition: transform .35s ease; }
@media (max-width: 1023px) {
  .nav {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: 84%; max-width: 340px;
    flex-direction: column; align-items: flex-start;
    background: #020617; padding: 5.5rem 1.25rem 2rem;
    transform: translateX(100%);
    z-index: 60; overflow-y: auto; gap: .15rem;
    display: flex !important;
    border-left: 1px solid #1e293b;
  }
  .nav.active { transform: translateX(0); }
  .nav a { width: 100%; }
  .menu-overlay {
    position: fixed; inset: 0;
    background: rgba(2,6,23,.85);
    opacity: 0; visibility: hidden;
    transition: opacity .3s ease; z-index: 55;
  }
  .menu-overlay.active { opacity: 1; visibility: visible; }
  body.menu-open { overflow: hidden; }
}

/* FAQ 折叠 */
.faq-answer {
  max-height: 0; overflow: hidden; opacity: 0;
  transition: max-height .35s ease, opacity .35s ease;
}
.faq-icon { transition: transform .3s ease; }

/* 回到顶部 */
.back-to-top { opacity: 0; visibility: hidden; transition: opacity .3s ease; }
.back-to-top.visible { opacity: 1; visibility: visible; }

/* 入场动画 */
@keyframes slideIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.slide-in { animation: slideIn .6s ease both; }

@media print {
  header, footer, .nav, .no-print { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
}