/**
* 统一主题变量文件
* 版本: 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;
}
/* ===== 亮色主题变量 ===== */
body[data-theme="light"],
[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);
}
/**
* 全站统一样式
* 用于替代各HTML页面内联的公共CSS
* 版本: 1.0.0
* 更新: 2026-01-07
*
* 使用方法：
* 在HTML的中添加：
*
*
*
* 可以删除页面内大部分内联