:root {
        /* 主体颜色 */
        --bg-color: #10182F;
        --bg-cover: radial-gradient(ellipse at top left,
                        #101c3d 20%,
                        #0f172a 70%,
                        #0f172a 90%);

        /* 字体颜色 */
        --f1-color: #d8dee7;
        --f2-color: #8892b0;
        --f3-color: #ccd6f6;

        /* 导航栏颜色 */
        --nav-color: rgb(100, 116, 139, 0.8);
        --nav-hover: #fff;

        /* 词汇高亮颜色 */
        --about-span-color: #e2e8f0;

        /* 线条颜色 */
        --line-color: #64ffda;

        /* 工作卡片背景颜色 */
        --project-card: rgb(17, 34, 64, 0.5);
        --project-card-shadow: rgba(2, 12, 27, 0.7);
        --project-card-hover: rgb(17, 34, 64, 1);
        --project-tag-backgroud: rgb(94, 234, 212, 0.1);
        --project-tag-color: #5eead4;

        /* 手机端card样式 */
        --mobile-card-backgroud: rgb(17, 34, 64, 0.3);

        --modal-backgroud: #112240;
        --modal-shadow: rgba(0, 0, 0, 0.4);
        --moda-close: #fff;

        /* 鼠标跟随颜色 */
        --curosr-color: radial-gradient(circle, rgba(29, 78, 216, 0.3) 0%, rgba(15, 23, 42, 0.2) 60%, rgba(15, 23, 42, 0) 100%);
        --curosr-shadow: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(15, 23, 42, 0) 80%);

        /* 手机端标题样式 */
        --sticky-title-backgroud: rgb(15, 23, 42, 0.5);
        --sticky-title-shadow: rgba(0, 0, 0, 0.15);

        --project-img-cover: rgba(18, 30, 56, 0);
        --project-img-border: rgb(204, 214, 246, 0.5);
        --project-img-border-hover: #ccd6f6;
}

:root.light-theme {
        /* 主体颜色 */
        /* --bg-color: #f5f7fa; */
        --bg-color: radial-gradient(ellipse at top left,
                        #e6e9f0 30%,
                        #d6e0f0 70%,
                        #f0f4f9 100%);

        --bg-cover: radial-gradient(ellipse at top left,
                        #e6e9f0 30%,
                        #d6e0f0 70%,
                        #f0f4f9 100%);

        /* 字体颜色 */
        --f1-color: #2d3748;
        --f2-color: #4a5568;
        --f3-color: #1a202c;

        /* 导航栏颜色 */
        --nav-color: rgba(113, 128, 150, 0.8);
        --nav-hover: #2d3748;

        /* 词汇高亮颜色 */
        --about-span-color: #2b6cb0;

        /* 线条颜色 */
        --line-color: #4299e1;

        /* 工作卡片背景颜色 */
        --project-card: rgba(237, 242, 247, 0.7);
        --project-card-shadow: rgba(160, 174, 192, 0.3);
        --project-card-hover: rgba(237, 242, 247, 1);
        --project-tag-backgroud: rgba(66, 153, 225, 0.15);
        --project-tag-color: #2b6cb0;

        /* 手机端card样式 */
        --mobile-card-backgroud: rgba(237, 242, 247, 0.6);

        /* 模态框 */
        --modal-backgroud: #edf2f7;
        --modal-shadow: rgba(0, 0, 0, 0.1);
        --moda-close: #718096;

        /* 鼠标跟随颜色 */
        --curosr-color: radial-gradient(circle, rgba(66, 153, 225, 0.2) 0%, rgba(237, 242, 247, 0.1) 60%, rgba(255, 255, 255, 0) 100%);
        --curosr-shadow: radial-gradient(circle, rgba(160, 174, 192, 0.1) 0%, rgba(255, 255, 255, 0) 80%);

        /* 手机端标题样式 */
        --sticky-title-backgroud: rgba(255, 255, 255, 0.7);
        --sticky-title-shadow: rgba(160, 174, 192, 0.2);

        --project-img-cover: transparent;
        --project-img-border: rgb(66, 153, 225, 0.5);
        --project-img-border-hover: #4299e1;

}