/* style/about.css */
:root {
  --primary-color: #CC0000;
  --secondary-color: #FFD700;
  --text-light: #ffffff;
  --text-dark: #333333;
  --bg-dark: #000;
  --card-bg-dark: rgba(255, 255, 255, 0.08);
  --card-bg-dark-hover: rgba(255, 255, 255, 0.15);
  --border-dark: rgba(255, 255, 255, 0.1);
}

.page-about {
  font-family: 'Arial', sans-serif;
  line-height: 1.6;
  color: var(--text-light); /* Body background is dark, so text is light */
  background-color: var(--bg-dark);
  padding-bottom: 60px; /* Add space above footer */
}

.page-about__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 🚨 桌面端视频区域样式（必须严格遵守） */
.page-about__video-section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  /* 🚨 必须添加桌面端padding-top，确保内容不被固定导航栏遮挡 */
  padding-top: 10px; /* 桌面端：根据导航栏实际高度调整 */
  text-align: center;
}