/* ===========================
   主题: CC 29 (柔和中性)
   配色来源: colors/cc-29.txt (29 色, 全部使用)
   风格: 现代简洁 — 适中圆角、清晰层次、专业利落
   =========================== */

:root[data-theme="cc-29"] {
    /* 背景色 */
    --bg-primary: #f2f0e5;       /* 1 */
    --bg-secondary: #e5ceb4;     /* 20 */
    --bg-tertiary: #ede19e;      /* 13 */
    --hero-bg: #e5ceb4;          /* 20 */
    --section-alt-bg: #edc8c4;   /* 27 */

    /* 卡片 */
    --card-bg: #ffffff;
    --card-bg-hover: #f2f0e5;    /* 1 */
    --card-shadow: rgba(75, 65, 88, 0.15);
    --hover-shadow: rgba(78, 88, 74, 0.25);

    /* 文字 */
    --text-primary: #212123;     /* 7 */
    --text-secondary: #646365;   /* 4 */
    --text-muted: #868188;       /* 3 */
    --nickname-color: #4b80ca;   /* 10 */
    --tagline-color: #6a536e;    /* 16 */

    /* 强调色 */
    --accent: #4b80ca;           /* 10 */
    --accent-hover: #68c2d3;     /* 11 */
    --accent-text: #f2f0e5;      /* 1 */
    --accent-2: #6a536e;         /* 16 */

    /* 边框 & 阴影 */
    --border: #b8b5b9;           /* 2 */
    --border-hover: #45444f;     /* 5 */
    --shadow: rgba(53, 43, 66, 0.12);

    /* 导航栏 */
    --nav-bg: #3a3858;           /* 6 */
    --nav-text: #f2f0e5;         /* 1 */
    --nav-link-hover: #68c2d3;   /* 11 */

    /* 页脚 */
    --footer-bg: #352b42;        /* 8 */
    --footer-text: #8ab060;      /* 22 */

    /* 装饰 */
    --section-underline: #c2d368; /* 21 */
    --avatar-border: #80493a;    /* 18 */

    /* 爱好卡片 */
    --hobby-accent-1: #a2dcc7;   /* 12 */
    --hobby-accent-2: #ede19e;   /* 13 */
    --hobby-accent-3: #d3a068;   /* 14 */
    --hobby-accent-4: #b45252;   /* 15 */
    --hobby-icon-bg-1: #ede19e;  /* 13 */
    --hobby-icon-bg-2: #e5ceb4;  /* 20 */
    --hobby-icon-bg-3: #8ab060;  /* 22 */
    --hobby-icon-bg-4: #7b7243;  /* 25 */
    --hobby-accent-5: #cf8acb;   /* 28 */
    --hobby-icon-bg-5: #edc8c4;  /* 27 */

    /* 社交链接 */
    --social-hover-1: #a77b5b;   /* 19 */
    --social-hover-2: #b2b47e;   /* 26 */
    --social-hover-3: #edc8c4;   /* 27 */
    --social-hover-4: #cf8acb;   /* 28 */
    --social-hover-5: #5f556a;   /* 29 */
    --social-hover-6: #567b79;   /* 23 */

    /* 额外 */
    --bg-secondary-alt: #43436a; /* 9 */
}

/* ---- 独特风格: 现代简洁 ---- */

/* 字体: 乐迷小语体 — 现代简洁, 契合中性主题 */
[data-theme="cc-29"] body {
    font-family: "Lemi Xiaoyuti", system-ui, -apple-system, sans-serif;
}

/* 导航栏: 底部细线 */
[data-theme="cc-29"] header {
    border-bottom: 1px solid #43436a;
}

/* 卡片: 适中圆角 + 顶部色条 */
[data-theme="cc-29"] .hobby-card {
    border-radius: 12px;
    border-top: 5px solid var(--hobby-accent-1);
}
[data-theme="cc-29"] .hobby-card:nth-child(1) { border-top-color: var(--hobby-accent-1); }
[data-theme="cc-29"] .hobby-card:nth-child(2) { border-top-color: var(--hobby-accent-2); }
[data-theme="cc-29"] .hobby-card:nth-child(3) { border-top-color: var(--hobby-accent-3); }
[data-theme="cc-29"] .hobby-card:nth-child(4) { border-top-color: var(--hobby-accent-4); }
[data-theme="cc-29"] .hobby-card:nth-child(5) { border-top-color: var(--hobby-accent-5); }

[data-theme="cc-29"] .hobby-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px var(--hover-shadow);
}

/* 图标: 圆角方形 (现代感) */
[data-theme="cc-29"] .hobby-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
}

/* 关于我: 左侧色条装饰 */
[data-theme="cc-29"] .about-content {
    border-radius: 12px;
    border-left: 5px solid var(--accent);
    text-align: left;
    padding-left: 2.5rem;
}

/* 社交链接: 简洁, 图标背景框 */
[data-theme="cc-29"] .social-link {
    border-radius: 10px;
}

[data-theme="cc-29"] .social-link img {
    border-radius: 8px;
    padding: 6px;
    background-color: var(--bg-tertiary);
}

[data-theme="cc-29"] .social-link:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px var(--hover-shadow);
}

/* 标题下划线: 中等, 干净 */
[data-theme="cc-29"] .section-header h2::after {
    width: 50px;
    height: 3px;
}

/* Hero 区域: 底部细线 (与页脚一致) */
[data-theme="cc-29"] #home {
    border-bottom: 1px solid #43436a;
}

/* 头像: 适中边框 */
[data-theme="cc-29"] .avatar img {
    border-width: 4px;
    border-radius: 50%;
}

/* 页脚: 顶部细线 */
[data-theme="cc-29"] footer {
    border-top: 1px solid #43436a;
}

/* Hero 标语: 无斜体, 更正式 */
[data-theme="cc-29"] .hero-text .tagline {
    font-style: normal;
    font-weight: 500;
}

/* 语言切换器: 现代简洁 */
[data-theme="cc-29"] .lang-trigger {
    border-radius: 6px;
    border-color: #43436a;
    letter-spacing: -0.2px;
}

[data-theme="cc-29"] .lang-trigger:hover {
    border-color: #4b80ca;
    box-shadow: 0 4px 12px rgba(75, 128, 202, 0.15);
}

[data-theme="cc-29"] .lang-dropdown {
    border-radius: 8px;
    border-color: #43436a;
}

[data-theme="cc-29"] .lang-option {
    border-radius: 5px;
}

[data-theme="cc-29"] .lang-option:hover {
    background-color: rgba(75, 128, 202, 0.1);
}

[data-theme="cc-29"] .lang-option.active {
    background-color: #4b80ca;
}