/* 1. 定义全局变量：默认（浅色）模式 */
:root {
    /* 浅色模式变量 */
    --bg-color: #f4f7f6;
    --card-bg: #ffffff;
    --text-color: #333333;
    --border-color: #dddddd;
    --link-color: #2c3e50;
    --input-bg: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* 深色模式变量 */
        --bg-color: #1a1a1a;
        --card-bg: #2d2d2d;
        --text-color: #e0e0e0;
        --border-color: #404040;
        --link-color: #3498db;
        --input-bg: #333333;
    }
}