:root {
    /* 主色调 */
    --color-bg-primary: #0a0a0c;
    --color-bg-secondary: #111318;
    --color-bg-tertiary: #1a1d24;
    --color-bg-card: #1f2128;
    --color-bg-card-hover: #252830;
    
    /* 强调色 */
    --color-accent-red: #e53935;
    --color-accent-red-dark: #b71c1c;
    --color-accent-orange: #ff6d00;
    --color-accent-cyan: #00e5ff;
    --color-accent-yellow: #ffd600;
    
    /* 文字色 */
    --color-text-primary: #ffffff;
    --color-text-secondary: #b0b3b8;
    --color-text-muted: #6b7280;
    --color-text-accent: var(--color-accent-red);
    
    /* 边框与分隔 */
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-accent: rgba(229, 57, 53, 0.4);
    --color-divider: rgba(255, 255, 255, 0.1);
    
    /* 字体 */
    --font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
    --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    
    /* 间距 */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4rem;
    --spacing-2xl: 6rem;
    
    /* 容器 */
    --container-max: 1280px;
    --container-padding: 1.5rem;
    
    /* 圆角 */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    
    /* 过渡 */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-glow-red: 0 0 24px rgba(229, 57, 53, 0.25);
    --shadow-glow-cyan: 0 0 24px rgba(0, 229, 255, 0.2);
}

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

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: var(--font-body);
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

.text-accent {
    color: var(--color-accent-red);
}