/* 基础变量 */
:root {
    /* 颜色 */
    --primary-color: #333;
    --border-color: #e0e0e0;
    --text-color: #27272a;
    --text-light: #888;
    --transition-fast: all 0.3s ease;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    --color-black: #1a1a1a;
    /* 深黑色，主文字色 */
    --color-dark-gray: #333333;
    /* 深灰色，标题、重要元素 */
    --color-gray: #666666;
    /* 中灰色，次要文字 */
    --color-light-gray: #cccccc;
    /* 浅灰色，边框、分割线 */
    --color-lighter-gray: #f5f5f5;
    /* 极浅灰，背景色 */
    --color-white: #ffffff;
    /* 纯白色，背景或高亮 */

    /* 布局 */
    --content-width: 600px;

    /* 字体 */
    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 重置样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    line-height: 1.6;
    color: var(--primary-color);
    background: var(--background-color);
}