/* ========================================
   variables.css — CSS 变量集中管理
   主题色、字号、间距、断点
   修改全站风格只需修改本文件
   ======================================== */
:root {
  /* ---- 品牌主色（严格对齐 pinlive.com） ---- */
  --primary-color: #C6000B;          /* 品牌红：唯一彩色品牌色 */
  --primary-dark: #A00009;           /* 深红色：hover/active */
  --primary-light: rgba(198, 0, 11, 0.08); /* 浅红背景：标签/悬停底 */

  /* ---- 文字色 ---- */
  --text-primary: rgba(0, 0, 0, 0.85);  /* 主文字黑 ≈ #262626 */
  --text-secondary: #333333;            /* 次文字深灰 */
  --text-muted: #484848;                /* 辅助文字中灰 */
  --text-light: #888888;                /* 弱化文字 */
  --text-white: #FFFFFF;                /* 反白文字 */

  /* ---- 背景色 ---- */
  --bg-white: #FFFFFF;                  /* 主背景纯白 */
  --bg-light: #F8F8F8;                  /* 浅灰板块底色 */
  --bg-dark: #000000;                   /* 深色背景（导航下拉） */
  --bg-banner-overlay: rgba(0, 0, 0, 0.2); /* Banner黑色遮罩 */

  /* ---- 边框/分割线 ---- */
  --border-light: #EEEEEE;              /* 浅分割线 */
  --border: #CCCCCC;                    /* 中边框 */

  /* ---- 字号（PC） ---- */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 28px;
  --fs-h4: 20px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  /* ---- 间距（8px基数） ---- */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ---- 板块内边距 ---- */
  --section-py: 96px;   /* PC */
  --section-py-m: 56px; /* 移动 */

  /* ---- 容器宽度 ---- */
  --container-max: 1200px;
  --container-px: 20px;
  --container-px-m: 16px;

  /* ---- 导航 ---- */
  --nav-h: 80px;
  --nav-h-m: 60px;

  /* ---- Banner ---- */
  --banner-h: clamp(400px, 55vh, 600px);
  --banner-h-m: 50vh;

  /* ---- 圆角 ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ---- 阴影 ---- */
  --shadow-card: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.08);

  /* ---- 断点（仅用于 JS 读取、实际媒体查询写死） ---- */
  --breakpoint-mobile: 767px;
  --breakpoint-tablet: 1023px;

  /* ---- 过渡 ---- */
  --transition-base: 0.3s ease;
}