/* ==========================================
   关键基础样式 - 合并版本 v1.0
   包含: variables.css + base.css + footer.css
   ========================================== */

/* ==========================================
   CSS 变量定义
   ========================================== */

:root {
  --primary-color: #003366;
  --secondary-color: #003366;
  --accent-color: #FF6600;
  --text-color: #333;
  --light-bg: #f8f9fa;
  --dark-bg: #1a1a2e;
  --border-color: #e0e0e0;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --bs-font-sans-serif: 'Segoe UI', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* 统一标题尺寸规范 */
  --hero-title-size: 2.5rem;           /* 页面主标题 (40px) */
  --hero-title-weight: 700;            /* 主标题字重 */
  --hero-title-tablet: 2rem;           /* 平板 (32px) */
  --hero-title-mobile: 1.6rem;         /* 手机 (25.6px) */

  --section-title-size: 2rem;          /* 区块标题 (32px) */
  --section-title-weight: 600;         /* 区块标题字重 */
  --section-title-tablet: 1.75rem;     /* 平板 (28px) */
  --section-title-mobile: 1.5rem;      /* 手机 (24px) */

  --subtitle-size: 1.4rem;             /* 副标题 (22.4px) */
  --subtitle-weight: 400;              /* 副标题字重 */
}

/* ==========================================
   基础样式和重置
   ========================================== */

/* 强制所有元素使用 Segoe UI 字体 */
*,*::before,*::after {
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

/* Bootstrap 图标例外 */
.bootstrap-icons,.bi::before {
  font-family: 'bootstrap-icons' !important;
}

/* ==================== 统一品牌色样式 ==================== */
/* 强制所有 badge 使用品牌色 #003366 */
.badge,
.badge-primary,
.badge-secondary,
.badge-success,
.badge-info,
.badge-warning,
.badge-danger {
  background-color: #003366 !important;
  color: #ffffff !important;
}

/* 图片标签使用品牌色 */
img + .badge,
.card-img-top + .badge,
.position-absolute.badge {
  background-color: #003366 !important;
}

/* 按钮使用品牌色 */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-dark:not(.btn-outline-dark) {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-dark:not(.btn-outline-dark):hover {
  background-color: #004080 !important;
  border-color: #004080 !important;
}

/* ==================== 通用重置样式 ==================== */

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

html {
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100vw !important;
}

body {
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  color: var(--text-color);
  line-height: 1.6;
  padding-top: 0;
  margin: 0 !important;
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* 覆盖 Bootstrap 的 text-muted 颜色，提高可读性 */
.text-muted {
  color: #495057 !important;
}

/* ==========================================
   Footer 样式
   ========================================== */

.footer-section {
  background: var(--dark-bg);
  color: white;
}

.footer-section h4 {
  color: white;
  margin-bottom: 1.5rem;
}

.footer-section a {
  color: #ccc;
  text-decoration: none;
  transition: all 0.3s ease;
}

.footer-section a:hover {
  color: var(--accent-color);
}

.footer-section ul {
  list-style: none;
}

.footer-section ul li {
  margin-bottom: 0.5rem;
}

.social-links {
  display: flex;
  gap: 1rem;
}

.social-link {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}

.social-link:hover {
  background: var(--accent-color);
  transform: translateY(-3px);
}