:root {
    /* 浅色模式 - 保持你原有的 Apple 风格底色 */
    --bg-color: #f5f5f7;
    --text-main: #000000;
    --text-muted: #6e6e73;
    --card-bg: #ffffff;
    /* 浅色模式下，边框建议稍微淡化，或者保持你的纯黑工业风 */
    --card-border: rgba(0, 0, 0, 1);
    --accent-blue: #0071e3;
    --pro-accent: #f59e0b;
    --transition-speed: 0.6s;

    /* 新增：浅色模式下的柔和阴影 */
    --card-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.06);
}

.dark, .dark-mode {
    /* 深色模式 */
    --bg-color: #050505;
    --text-main: #ffffff;
    --text-muted: #a1a1a6;
    --card-bg: #121212;
    /* 深色模式下，边框改为白色透明度，看起来更高级 */
    --card-border: rgba(255, 255, 255, 0.15);
    --accent-blue: #2997ff;
    --pro-accent: #fbbf24;

    /* 深色模式下通常不需要阴影，靠边框区分 */
    --card-shadow: none;
}

body {
    background-color: var(--bg-color);
    color: var(--text-main);
    /* 确保背景色切换也是丝滑的 */
    transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease;
}