/* 极速影院 - 纯静态样式表 (Subtle Black & Gold Theme) */
:root {
  --bg-primary: #090a0d;
  --bg-secondary: #10121a;
  --bg-tertiary: #161924;
  --gold-primary: #d4af37;
  --gold-light: #f5df97;
  --gold-dark: #aa8024;
  --gold-glow: rgba(212, 175, 55, 0.25);
  --border-subtle: rgba(212, 175, 55, 0.18);
  --border-dark: #232733;
  --text-main: #e5e7eb;
  --text-muted: #94a3b8;
  --text-dark: #64748b;
  --font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-cinzel: 'Cinzel', serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  background-color: var(--bg-primary);
  color: var(--text-main);
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background-color: var(--bg-primary);
}

::selection {
  background-color: rgba(212, 175, 55, 0.35);
  color: #faeed1;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090a0d;
}
::-webkit-scrollbar-thumb {
  background: #232733;
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4af37;
}

/* Utility Typography */
.font-cinzel {
  font-family: var(--font-cinzel);
}

.text-gold {
  color: var(--gold-primary);
}

.text-gold-gradient {
  background: linear-gradient(135deg, #fceda6 0%, #d4af37 50%, #aa8024 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gold-gradient {
  background: linear-gradient(135deg, #fae084 0%, #d4af37 60%, #b38b25 100%);
  color: #090a0d;
}

.gold-border {
  border: 1px solid var(--border-subtle);
}

.gold-glow {
  box-shadow: 0 0 25px var(--gold-glow);
}

/* Animations */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.3), 0 0 30px rgba(212, 175, 55, 0.1);
  }
  50% {
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.55), 0 0 45px rgba(212, 175, 55, 0.25);
  }
}

.animate-gold-pulse {
  animation: pulseGlow 2.8s ease-in-out infinite;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.25s ease-out forwards;
}

/* Tab Views management */
.view-tab {
  display: none;
}

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