/* ========================================
   variables.css — 全局CSS变量
   v1: 颜色、字号、间距、圆角、动画
   ======================================== */

:root {
    /* 背景色 */
    --bg-primary: #0a0a1a;
    --bg-secondary: #111128;
    --bg-card: rgba(255, 255, 255, 0.03);

    /* 文字色 */
    --text-primary: #e0e0e0;
    --text-dim: #888888;
    --text-accent: #8ab4f8;

    /* 边框 */
    --border-color: #2a2a4a;
    --border-hover: #3a3a5a;
    --border-active: #5a5a8a;

    /* 字体 */
    --font-main: 'PingFang SC', 'Microsoft YaHei', -apple-system, sans-serif;
    --font-size-sm: 20px;
    --font-size-md: 24px;
    --font-size-lg: 28px;
    --font-size-xl: 36px;

    /* 间距 */
    --space-xs: 6px;
    --space-sm: 12px;
    --space-md: 18px;
    --space-lg: 28px;
    --space-xl: 40px;

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

    /* 动画 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-main);
    min-height: 100vh;
    overflow: hidden;
}

.hidden {
    display: none !important;
}