/**
 * 基础样式变量定义
 * 用于定义全局CSS变量、颜色、字体等基础配置
 *
 * @version 1.0.0
 * @date 2026-05-09
 *
 * @module Styles
 * @submodule Variables
 */

:root {
    /* 背景颜色 */
    --bg-color: #121212;

    /* 文字颜色 */
    --text-color: #ffffff;

    /* 侧边栏背景 */
    --sidebar-bg: #1e1e1e;

    /* 高亮颜色 */
    --highlight-color: #0066ff;

    /* 主色调 */
    --primary-blue: #0066ff;
    --primary-purple: #4f46e5;
    --primary-green: #4d7c0f;
    --primary-cyan: #0891b2;

    /* 标签颜色 */
    --label-color: #9ca3af;

    /* 卡片样式 */
    --card-bg: #1e1e1e;
    --card-hover: #2a2a2a;

    /* 圆角 */
    --border-radius: 8px;
    --btn-radius: 12px;

    /* 过渡动画 */
    --transition: all 0.3s ease;

    /* 分类标签颜色 */
    --category-all: #6b7280;
    --category-latest: #06b6d4;
    --category-hot: #f59e0b;
}

/* 全局重置样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'PingFang SC', 'Roboto', 'Segoe UI', sans-serif;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    min-height: 100vh;
    line-height: 1.5;
}