/**
 * 统一主题变量文件
 * 版本: v1.0
 * 说明: 包含所有页面共用的CSS变量，包括颜色、字体、间距、阴影等
 * 优化日期: 2026-01-06
 */

/* ===== 基础重置 ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ===== 暗色主题变量（默认）===== */
:root {
    /* 布局尺寸 */
    --sidebar-width: 250px;
    
    /* 背景色 */
    --bg-body: #0d1117;
    --bg-primary: #0d1117;
    --bg-sidebar: #161b22;
    --bg-secondary: #1c2128;
    --bg-card: #21262d;
    --bg-hover: #30363d;
    
    /* 边框颜色 */
    --border-color: #30363d;
    
    /* 文字颜色 */
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    
    /* 品牌主色 */
    --accent-blue: #58a6ff;
    --accent-green: #3fb950;
    --accent-yellow: #f0b429;
    --accent-orange: #ff8800;
    --accent-red: #f85149;
    --accent-purple: #a371f7;
    
    /* VIP等级色 */
    --vip-bronze: #cd7f32;
    --vip-silver: #c0c0c0;
    --vip-gold: #ffd700;
    
    /* 支付方式颜色 */
    --wechat-green: #07c160;
    --alipay-blue: #1677ff;
    
    /* 悬停效果 */
    --hover-bg: rgba(255, 255, 255, 0.05);
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    
    /* 过渡动画 */
    --transition-fast: 0.15s;
    --transition-normal: 0.3s;
    --transition-slow: 0.5s;
}

/* ===== 亮色主题变量 ===== */
[data-theme="light"] {
    /* 背景色 */
    --bg-body: #f6f8fa;
    --bg-primary: #ffffff;
    --bg-sidebar: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-card: #ffffff;
    --bg-hover: #f3f4f6;
    
    /* 边框颜色 */
    --border-color: #d0d7de;
    
    /* 文字颜色 */
    --text-primary: #24292f;
    --text-secondary: #57606a;
    --text-muted: #6e7781;
    
    /* 品牌主色 */
    --accent-blue: #0969da;
    --accent-green: #1a7f37;
    --accent-yellow: #d4a106;
    --accent-orange: #ff6b00;
    --accent-red: #cf222e;
    --accent-purple: #8250df;
    
    /* 悬停效果 */
    --hover-bg: rgba(0, 0, 0, 0.04);
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
}

/* ===== 全局字体设置 ===== */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    background: var(--bg-body);
    color: var(--text-primary);
    transition: background var(--transition-normal), color var(--transition-normal);
}