/* 八戒影院 - 官方纯静态全站样式表 */

:root {
  --bg-primary: #0A0B0E;
  --bg-card: #12141A;
  --bg-card-hover: #171A23;
  --gold-primary: #E5C158;
  --gold-light: #F6E2A3;
  --gold-dark: #B89230;
  --border-dark: #20232F;
}

/* 页面通用基底 */
body {
  background-color: var(--bg-primary);
  color: #E2E4E9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  overflow-x: hidden;
}

/* 自定义金色文字渐变 */
.gold-gradient-text {
  background: linear-gradient(135deg, #FFF6D6 0%, #E5C158 50%, #B89230 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 金色按钮质感 */
.gold-btn {
  background: linear-gradient(135deg, #F5DC9A 0%, #E5C158 50%, #B89230 100%);
  color: #0A0B0E;
  font-weight: 700;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gold-btn:hover {
  box-shadow: 0 0 24px rgba(229, 193, 88, 0.45);
  transform: translateY(-2px);
}

.gold-btn:active {
  transform: translateY(0);
}

/* 暗色卡片边框与内嵌微光 */
.card-border {
  border: 1px solid rgba(229, 193, 88, 0.15);
  background: radial-gradient(circle at top left, rgba(229, 193, 88, 0.04), transparent 70%), #12141A;
  transition: all 0.3s ease;
}

.card-border:hover {
  border-color: rgba(229, 193, 88, 0.4);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(229, 193, 88, 0.12);
}

/* 浮动APP下载按钮脉冲动画 */
@keyframes goldPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(229, 193, 88, 0.7);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(229, 193, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(229, 193, 88, 0);
  }
}

.floating-download-btn {
  animation: goldPulse 2.5s infinite;
}

/* 平滑滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0A0B0E;
}

::-webkit-scrollbar-thumb {
  background: #252836;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #E5C158;
}

/* 标签切换显隐 */
.view-panel {
  display: none;
}

.view-panel.active {
  display: block;
}

/* 模态弹窗遮罩 */
.modal-backdrop {
  background-color: rgba(6, 7, 10, 0.85);
  backdrop-filter: blur(8px);
}

/* 影视卡片海报悬浮变焦 */
.movie-poster-container {
  overflow: hidden;
  position: relative;
}

.movie-poster-container img {
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.movie-card:hover .movie-poster-container img {
  transform: scale(1.08);
}

/* 模拟播放器扫描线动效 */
.video-screen-glow {
  box-shadow: inset 0 0 80px rgba(0,0,0,0.8), 0 0 30px rgba(229, 193, 88, 0.1);
}

/* 动态微发光 */
.glow-tag {
  background: rgba(229, 193, 88, 0.12);
  border: 1px solid rgba(229, 193, 88, 0.3);
  color: #F3D794;
}