/* =========================================================================
   八戒影院 - 八戒电影网 · 纯静态企业站样式 (Pure CSS)
   ========================================================================= */

@charset "UTF-8";

/* 基础平滑滚动与字体 */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #0b0c10;
  color: #e2e4e9;
  overflow-x: hidden;
}

/* 品牌英文与数字奢华字型 */
.font-brand {
  font-family: 'Cinzel', 'Outfit', serif;
}

/* 淡黑金专属滚动条 */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #0b0c10;
}
::-webkit-scrollbar-thumb {
  background: #252a38;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4af37;
}

/* 金色渐变文字 */
.gold-gradient-text {
  background: linear-gradient(135deg, #fae084 0%, #d4af37 50%, #aa8421 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 玻璃拟态黑金质感面板 */
.glass-gold-panel {
  background: rgba(18, 22, 30, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(212, 175, 55, 0.2);
}

/* 动态微光呼吸灯 */
@keyframes goldPulse {
  0%, 100% {
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.15);
  }
  50% {
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.35);
  }
}

.animate-gold-pulse {
  animation: goldPulse 3.5s infinite ease-in-out;
}