:root {
    --header-bg-color: #1a1a2e;        /* 深空蓝/近黑 - 沉稳且具有科技感的顶部背景 */
    --nav-color: #e0f7fa;              /* 浅冰蓝 - 导航文字，明亮清晰 */
    --nav-bg-color: #2b2b4d;            /* 深紫蓝 - 导航背景，与顶部背景形成层次感 */
    --bg-color: #0f0f1c;                /* 极深灰/近黑 - 主要背景，营造深邃的科技感 */
    --box-bg-color: #1f1f3a;            /* 深靛蓝 - 内容框背景，与主背景区分开 */
    --box-font-color: #e0f7fa;          /* 浅冰蓝 - 内容文字，确保高可读性 */

    /* 新增的配色变量以增强设计完整性 */
    --primary-accent: #00bcd4;          /* 主色调 - 亮青色，常用作科技感的强调色 */
    --secondary-accent: #9c27b0;        /* 次色调 - 亮紫色，提供对比和活力 */
    --highlight-color: #80deea;         /* 高光色 - 浅青色，用于鼠标悬停或强调元素 */
    --border-color: #3f3f6c;            /* 边框色 - 中等深度的蓝紫，比背景稍亮 */
    --shadow-color: rgba(0, 188, 212, 0.2); /* 基于主色的柔和阴影，带有科技感的光泽 */
}