/* ============================================
 * 变量定义文件 - 全局统一样式规范
 * ============================================ */

/* 颜色系统 */
:root {
    /* 主题色 */
    --primary-color: #008F98;          /* 主色调 */
    --primary-hover: #007a82;          /* 主色调悬浮 */
    --primary-light: #E6F2F3;          /* 主色调浅背景 */
    
    /* 中性色 */
    --text-title: #040000;             /* 标题颜色 */
    --text-primary: #4D4D4D;           /* 正文颜色 */
    --text-secondary: #898989;         /* 次要文字颜色 */
    --text-disabled: #ccc;             /* 禁用文字颜色 */
    
    /* 背景色 */
    --bg-primary: #ffffff;             /* 主背景 */
    --bg-secondary: #F7F8F8;           /* 次背景/卡片背景 */
    --bg-tertiary: #E2E2E2;            /* 三级背景/标签背景 */
    
    /* 边框色 */
    --border-light: #eee;              /* 浅边框 */
    --border-medium: #E2E2E2;          /* 中边框 */
    --border-dark: #bbb;               /* 深边框 */
    --border-primary: #BDE0E2;         /* 主色调边框 */
    
    /* 功能色 */
    --success-color: #52c41a;          /* 成功色 */
    --warning-color: #faad14;          /* 警告色 */
    --error-color: #f5222d;            /* 错误色 */
    
    /* 金色系（荣誉/奖章使用） */
    --gold-light: #F2D880;             /* 浅金色 */
    --gold-medium: #C9973E;            /* 中金色 */
    --gold-dark: #7A4A1E;              /* 深金色 */

    /* ============================================
     * 间距系统（0/5规范）
     * ============================================ */
    --spacing-base: 5px;             /* 基准单位 */
    --space-xs: 5px;                 /* 紧凑间距 */
    --space-sm: 10px;                /* 小间距 */
    --space-md: 15px;                /* 中间距 */
    --space-lg: 25px;                /* 大间距 */
    --space-xl: 30px;                /* 特大间距 */
    --space-2xl: 50px;               /* 超大间距（全站统一：头部/尾部/模块间隔） */
    --space-xxl: 50px;               /* 极大间距（页面级） */
    --space-3xl: 60px;               /* 超大间距（首页模块级） */
    --module-gap: 30px;              /* 模块间间距 */
    --inline-gap: 15px;              /* 同行模块间距 */
    --padding-section: 25px;         /* 内容区内边距 */
    --padding-card: 15px;            /* 卡片内边距 */

    /* ============================================
     * 字体系统
     * ============================================ */
    --font-family: "Microsoft YaHei", "微软雅黑", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-size-xs: 12px;            /* 极小字号 */
    --font-size-sm: 14px;            /* 小字号 */
    --font-size-base: 16px;          /* 基础字号 */
    --font-size-lg: 18px;            /* 大字号 */
    --font-size-xl: 20px;            /* 特大字号 */
    --font-size-xxl: 28px;           /* 超大字号 */
    --font-size-title: 36px;         /* 标题字号 */
    
    --line-height-base: 1.5;         /* 基础行高 */
    --line-height-title: 1.3;        /* 标题行高 */
    
    --font-weight-normal: 400;       /* 常规字重 */
    --font-weight-medium: 500;       /* 中等字重 */
    --font-weight-bold: 600;         /* 粗体 */

    /* ============================================
     * 圆角系统
     * ============================================ */
    --radius-sm: 2px;                /* 小圆角 */
    --radius-base: 4px;              /* 基础圆角 */
    --radius-lg: 8px;                /* 大圆角 */
    --radius-full: 9999px;           /* 圆形 */

    /* ============================================
     * 阴影系统
     * ============================================ */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

/* ============================================
 * 过渡动画
 * ============================================ */
--transition-fast: 0.2s ease;    /* 快速过渡 */
--transition-base: 0.3s ease;    /* 基础过渡 */
--transition-slow: 0.5s ease;    /* 慢速过渡 */

}