/* ========== CSS Variables ========== */
/* 全局 CSS 变量定义：字体、颜色、尺寸等 */

:root {
  /* Brand Colors */
  --color-primary: #145FFB;
  --color-black: rgba(16, 16, 16, 1);
  --color-primary-alpha: rgba(20, 95, 251, .1);
  --navy: #003C78;

  /* Text Colors */
  --color-gray: rgba(221, 221, 221, 1);
  --color-gray-light: #f5f5f5;
  --color-gray-mid: #999;
  --color-footer-bg: #1a1a1a;

  /* Fonts */
  --font-body: "Noto Sans SC", "PingFang SC", sans-serif;
  --font-en: "Misans", "Inter", "Helvetica Neue", sans-serif;
  --fw-title: 800;
  --fw-body: 400;
  --fw-desc: 300;

  /* Layout */
  --wrap-max: 85%;
  --wrap-pad-x: 60px;
  --wrap-pad: 0 var(--wrap-pad-x);

  /* Aliases for modular CSS compatibility */
  --bg-soft: #E7F1FC;
  --ghost: #D9E8FB;
  --ink: var(--color-black);
  --body: #4A4E57;
  --muted: var(--color-gray-mid);
  --line: var(--color-gray);
  --footer: var(--color-footer-bg);
  --white: #FFFFFF;
  --brand-soft: var(--bg-soft);
  --ink-dim: #555A63;
  --wrap: var(--wrap-max);
  --font: var(--font-body);

  /* Effects */
  --shadow-card: 0 10px 34px rgba(10, 60, 120, .07);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --radius: 14px;

  /* Additional variables for news/about modules */
  --border: #e8e8e8;
  --light: #aaa;
  --fnum: var(--font-en);

  /* Screen height (viewport - header 64px) */
  --vh-screen: calc(100vh - 64px);
}

/* Responsive Variables */
@media (max-width: 1280px) {
  :root { --wrap-pad-x: 40px; }
}
@media (max-width: 980px) {
  :root { --wrap-pad-x: 22px; }
}
@media (max-width: 768px) {
  :root { --wrap-pad-x: 22px; }
}