/* 深色模式（跟随系统 prefers-color-scheme） */
@media (prefers-color-scheme: dark) {
    html {
        color-scheme: dark;
    }

    /* 主题变量（供 hp 等使用了 CSS 变量的页面） */
    :root {
        --secondary-color: #e8e8e8;
        --text-color: #d0d0d0;
        --bg-color: #14161a;
        --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        --gradient-bg: linear-gradient(145deg, #1c1f24, #22262c);
    }

    body {
        background-color: #14161a;
        color: #d0d0d0;
    }

    /* 通用文字 */
    h1 { color: #eaeef4; text-shadow: none; }
    h2 { color: #9db8d9; }
    p { color: #b5b5b5; text-shadow: none; }

    /* 链接通用微调 */
    a { color: #7cb3ff; }

    /* === index / en 导航页 === */
    .overlay {
        background: rgba(15, 17, 22, 0.78);
    }
    .container {
        background: rgba(28, 31, 36, 0.92);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    }
    .footer-box {
        background: rgba(28, 31, 36, 0.92);
        color: #8a97a8;
        text-shadow: none;
    }
    .social-row a {
        background: linear-gradient(135deg, #2a303b 60%, #343b47 100%);
        color: #7cb3ff;
    }
    .social-row a:hover { color: #ffffff; }
    .wechat-qrcode { background: #1c1f24; }

    /* === hp 主页 === */
    .header {
        background: rgba(20, 22, 26, 0.96);
        border-bottom: 2px solid #2e3440;
    }
    .welcome { color: #b0b0b0; }
    .profile-description,
    .translation-note { color: #9a9a9a; }
    .separator { color: #4a4a4a; }
    .footer { background: #0c0e11; }

    /* === socials / links / sponser 等通用白色卡片 === */
    .card,
    .panel,
    .content-box {
        background-color: #1c1f24;
        color: #d0d0d0;
    }
}