/* 全局过渡效果 */
*:not(.md-header *):not(.md-content *) {
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
}

/* 主题色定义 */
:root {
    /* 蓝色主题 */
    --theme-blue-primary: oklch(55% 0.2 260);
    --theme-blue-rgb: 41, 98, 255;
    --theme-blue-light: oklch(70% 0.2 260);
    --theme-blue-dark: oklch(40% 0.2 260);
    --theme-blue-surface: oklch(98% 0.02 260);
    --theme-blue-accent: oklch(60% 0.18 280);
    
    /* 绿色主题 */
    --theme-green-primary: oklch(55% 0.18 160);
    --theme-green-rgb: 0, 200, 83;
    --theme-green-light: oklch(70% 0.18 160);
    --theme-green-dark: oklch(40% 0.18 160);
    --theme-green-surface: oklch(98% 0.02 160);
    --theme-green-accent: oklch(60% 0.16 140);
    
    /* 紫色主题 */
    --theme-purple-primary: oklch(55% 0.2 300);
    --theme-purple-rgb: 171, 71, 188;
    --theme-purple-light: oklch(70% 0.2 300);
    --theme-purple-dark: oklch(40% 0.2 300);
    --theme-purple-surface: oklch(98% 0.02 300);
    --theme-purple-accent: oklch(60% 0.18 320);

    /* 红色主题 */
    --theme-red-primary: oklch(55% 0.22 25);
    --theme-red-rgb: 244, 67, 54;
    --theme-red-light: oklch(70% 0.22 25);
    --theme-red-dark: oklch(40% 0.22 25);
    --theme-red-surface: oklch(98% 0.02 25);
    --theme-red-accent: oklch(60% 0.2 40);

    /* 橙色主题 */
    --theme-orange-primary: oklch(65% 0.2 60);
    --theme-orange-rgb: 255, 152, 0;
    --theme-orange-light: oklch(75% 0.2 60);
    --theme-orange-dark: oklch(50% 0.2 60);
    --theme-orange-surface: oklch(98% 0.02 60);
    --theme-orange-accent: oklch(70% 0.18 80);

    /* 黄色主题 */
    --theme-yellow-primary: oklch(85% 0.15 90);
    --theme-yellow-rgb: 255, 235, 59;
    --theme-yellow-light: oklch(90% 0.15 90);
    --theme-yellow-dark: oklch(75% 0.15 90);
    --theme-yellow-surface: oklch(98% 0.02 90);
    --theme-yellow-accent: oklch(80% 0.14 110);

    /* 默认使用橙色主题 */
    --md-primary-fg-color: #ff7043;
    --md-primary-fg-color--light: #ff8a65;
    --md-primary-fg-color--dark: #f4511e;
    --md-accent-fg-color: #ff5722;
}

/* 确保404页面也应用主题色 */
.md-404 {
    --md-primary-fg-color: var(--md-primary-fg-color);
    --md-primary-fg-color--light: var(--md-primary-fg-color--light);
    --md-primary-fg-color--dark: var(--md-primary-fg-color--dark);
    --md-accent-fg-color: var(--md-accent-fg-color);
}

/* 主题色样式优化 */
[data-md-theme="orange"] {
    --md-primary-fg-color: #ff7043;
    --md-primary-fg-color--light: #ff8a65;
    --md-primary-fg-color--dark: #f4511e;
    --md-accent-fg-color: #ff5722;
}

/* 蓝色主题 */
body.md-theme-blue {
    --md-primary-fg-color: var(--theme-blue-primary);
    --md-primary-fg-color--light: var(--theme-blue-light);
    --md-primary-fg-color--dark: var(--theme-blue-dark);
    --md-accent-fg-color: var(--theme-blue-accent);
}

/* 绿色主题 */
body.md-theme-green {
    --md-primary-fg-color: var(--theme-green-primary);
    --md-primary-fg-color--light: var(--theme-green-light);
    --md-primary-fg-color--dark: var(--theme-green-dark);
    --md-accent-fg-color: var(--theme-green-accent);
}

/* 紫色主题 */
body.md-theme-purple {
    --md-primary-fg-color: var(--theme-purple-primary);
    --md-primary-fg-color--light: var(--theme-purple-light);
    --md-primary-fg-color--dark: var(--theme-purple-dark);
    --md-accent-fg-color: var(--theme-purple-accent);
}

/* 红色主题 */
body.md-theme-red {
    --md-primary-fg-color: var(--theme-red-primary);
    --md-primary-fg-color--light: var(--theme-red-light);
    --md-primary-fg-color--dark: var(--theme-red-dark);
    --md-accent-fg-color: var(--theme-red-accent);
}

/* 橙色主题 */
body.md-theme-orange {
    --md-primary-fg-color: var(--theme-orange-primary);
    --md-primary-fg-color--light: var(--theme-orange-light);
    --md-primary-fg-color--dark: var(--theme-orange-dark);
    --md-accent-fg-color: var(--theme-orange-accent);
}

/* 黄色主题 */
body.md-theme-yellow {
    --md-primary-fg-color: var(--theme-yellow-primary);
    --md-primary-fg-color--light: var(--theme-yellow-light);
    --md-primary-fg-color--dark: var(--theme-yellow-dark);
    --md-accent-fg-color: var(--theme-yellow-accent);
}

/* 暗色模式调整 */
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: oklch(65% 0.2 var(--md-hue));
    --md-primary-fg-color--light: oklch(80% 0.2 var(--md-hue));
    --md-primary-fg-color--dark: oklch(50% 0.2 var(--md-hue));
}

[data-md-color-scheme="slate"] .md-theme-blue {
    --md-hue: 260;
}

[data-md-color-scheme="slate"] .md-theme-green {
    --md-hue: 160;
}

[data-md-color-scheme="slate"] .md-theme-purple {
    --md-hue: 300;
}

[data-md-color-scheme="slate"] .md-theme-red {
    --md-hue: 25;
}

[data-md-color-scheme="slate"] .md-theme-orange {
    --md-hue: 60;
}

[data-md-color-scheme="slate"] .md-theme-yellow {
    --md-hue: 90;
}

/* 主题展示域 */
.theme-showcase {
    --content-width: calc(100vw - var(--md-sidebar-width) * 2);
    width: calc(var(--content-width) * 0.9);
    margin-left: calc((var(--content-width) - width) / 2);
    padding: 4rem 2rem;
    background: linear-gradient(to bottom, 
        color-mix(in oklch, var(--md-primary-fg-color) 5%, transparent),
        transparent
    );
}

.theme-showcase__content {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
}

.theme-showcase__content h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--md-primary-fg-color);
}

.theme-showcase__content p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    opacity: 0.8;
}

/* 主题选择器 */
.theme-selector {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin: 2rem auto;
    max-width: min(100%, 48rem);
}

/* 主题按钮 */
.theme-button {
    --glow-x: 50%;
    --glow-y: 50%;
    display: flex;
    align-items: center;
    padding: 1.2rem;
    border: none;
    border-radius: 1rem;
    background: var(--md-default-bg-color);
    backdrop-filter: blur(20px);
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.05),
        0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-button:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 
        0 8px 24px rgba(0, 0, 0, 0.08),
        0 4px 8px rgba(0, 0, 0, 0.04);
}

.theme-button::before {
    content: '';
    position: absolute;
    inset: -50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

/* 蓝色主题按钮光泽 */
.theme-button[data-theme="blue"]::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        color-mix(in oklch, var(--theme-blue-primary) 12%, transparent),
        color-mix(in oklch, var(--theme-blue-primary) 4%, transparent) 40%,
        transparent 60%
    );
}

/* 绿色主题按钮光泽 */
.theme-button[data-theme="green"]::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        color-mix(in oklch, var(--theme-green-primary) 12%, transparent),
        color-mix(in oklch, var(--theme-green-primary) 4%, transparent) 40%,
        transparent 60%
    );
}

/* 紫色主题按钮光泽 */
.theme-button[data-theme="purple"]::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        color-mix(in oklch, var(--theme-purple-primary) 12%, transparent),
        color-mix(in oklch, var(--theme-purple-primary) 4%, transparent) 40%,
        transparent 60%
    );
}

/* 红色主题按钮光泽 */
.theme-button[data-theme="red"]::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        color-mix(in oklch, var(--theme-red-primary) 12%, transparent),
        color-mix(in oklch, var(--theme-red-primary) 4%, transparent) 40%,
        transparent 60%
    );
}

/* 橙色主题按钮光泽 */
.theme-button[data-theme="orange"]::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        color-mix(in oklch, var(--theme-orange-primary) 12%, transparent),
        color-mix(in oklch, var(--theme-orange-primary) 4%, transparent) 40%,
        transparent 60%
    );
}

/* 黄色主题按钮光泽 */
.theme-button[data-theme="yellow"]::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        color-mix(in oklch, var(--theme-yellow-primary) 12%, transparent),
        color-mix(in oklch, var(--theme-yellow-primary) 4%, transparent) 40%,
        transparent 60%
    );
}

.theme-button:hover::before {
    opacity: 1;
}

/* 主题按钮颜色示例 */
.theme-button__color {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.8rem;
    margin-right: 1.2rem;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 2;
}

.theme-button:hover .theme-button__color {
    transform: scale(1.1) rotate(-8deg);
}

/* 主题按钮文本 */
.theme-button__label {
    flex: 1;
    position: relative;
    z-index: 2;
}

.theme-button__name {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.theme-button:hover .theme-button__name {
    transform: translateX(4px);
}

.theme-button__desc {
    display: block;
    font-size: 0.9rem;
    opacity: 0.7;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-button:hover .theme-button__desc {
    opacity: 0.9;
    transform: translateX(4px);
}

/* 主题按钮图标 */
.theme-button__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

/* 暗色模式特殊处理 */
[data-md-color-scheme="slate"] .theme-button::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        rgba(255, 255, 255, 0.04),
        rgba(255, 255, 255, 0.02) 40%,
        transparent 60%
    );
}

/* 标题栏的特殊处理 */
.md-header {
    transition: none;
}

/* 切换按钮的特殊过渡 */
.md-header__button.md-icon {
    transition: transform 0.4s ease !important;
}

/* 切换按钮悬停效果 */
.md-header__button.md-icon:hover {
    transform: rotate(180deg);
}

/* 搜索框的特殊处理 */
.md-search__input {
    transition: none !important;
}

/* 响应式调整 */
@media screen and (min-width: 76.25em) {
    .theme-showcase {
        --md-sidebar-width: 12.1rem;
    }
}

@media screen and (min-width: 125em) {
    .theme-showcase {
        --md-sidebar-width: 16.1rem;
    }
}

@media screen and (max-width: 76.1875em) {
    .theme-showcase {
        width: 90vw;
        margin-left: 5vw;
        padding: 3rem 1rem;
    }
    
    .theme-button {
        padding: 1rem;
    }
    
    .theme-button__color {
        width: 2.8rem;
        height: 2.8rem;
    }
    
    .theme-button__name {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 600px) {
    .theme-showcase__content h2 {
        font-size: 1.5rem;
    }
    
    .theme-showcase__content p {
        font-size: 1rem;
    }
    
    .theme-selector {
        grid-template-columns: 1fr;
    }
}

[data-md-color-scheme="slate"] .theme-button {
    background: rgba(30, 32, 35, 0.6);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.03);
}

[data-md-color-scheme="slate"] .theme-button:hover {
    background: rgba(35, 37, 40, 0.7);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 
        0 8px 24px rgba(0, 0, 0, 0.3),
        0 4px 8px rgba(0, 0, 0, 0.2),
        inset 0 1px 2px rgba(255, 255, 255, 0.05);
}

[data-md-color-scheme="slate"] .theme-button::before {
    background: radial-gradient(
        circle at var(--glow-x) var(--glow-y),
        rgba(255, 255, 255, 0.12) 0%,
        rgba(255, 255, 255, 0.08) 20%,
        rgba(255, 255, 255, 0.02) 40%,
        transparent 60%
    );
    mix-blend-mode: overlay;
    filter: blur(8px);
}

[data-md-color-scheme="slate"] .theme-button__color {
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.1);
    position: relative;
}

[data-md-color-scheme="slate"] .theme-button__color::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.12),
        transparent 50%,
        rgba(0, 0, 0, 0.1)
    );
    border-radius: inherit;
}

[data-md-color-scheme="slate"] .theme-button.active {
    background: rgba(40, 42, 45, 0.8);
    box-shadow: 
        0 4px 16px rgba(0, 0, 0, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.06);
    position: relative;
}

/* 蓝色主题辉光 */
[data-md-color-scheme="slate"] .theme-button.active[data-theme="blue"] {
    box-shadow:
        0 0 12px rgba(var(--theme-blue-rgb), 0.15),
        0 0 24px rgba(var(--theme-blue-rgb), 0.08),
        0 4px 16px rgba(0, 0, 0, 0.4);
}

/* 绿色主题辉光 */
[data-md-color-scheme="slate"] .theme-button.active[data-theme="green"] {
    box-shadow:
        0 0 12px rgba(var(--theme-green-rgb), 0.15),
        0 0 24px rgba(var(--theme-green-rgb), 0.08),
        0 4px 16px rgba(0, 0, 0, 0.4);
}

/* 紫色主题辉光 */
[data-md-color-scheme="slate"] .theme-button.active[data-theme="purple"] {
    box-shadow:
        0 0 12px rgba(var(--theme-purple-rgb), 0.15),
        0 0 24px rgba(var(--theme-purple-rgb), 0.08),
        0 4px 16px rgba(0, 0, 0, 0.4);
}

/* 红色主题辉光 */
[data-md-color-scheme="slate"] .theme-button.active[data-theme="red"] {
    box-shadow:
        0 0 12px rgba(var(--theme-red-rgb), 0.15),
        0 0 24px rgba(var(--theme-red-rgb), 0.08),
        0 4px 16px rgba(0, 0, 0, 0.4);
}

/* 橙色主题辉光 */
[data-md-color-scheme="slate"] .theme-button.active[data-theme="orange"] {
    box-shadow:
        0 0 12px rgba(var(--theme-orange-rgb), 0.15),
        0 0 24px rgba(var(--theme-orange-rgb), 0.08),
        0 4px 16px rgba(0, 0, 0, 0.4);
}

/* 黄色主题辉光 */
[data-md-color-scheme="slate"] .theme-button.active[data-theme="yellow"] {
    box-shadow:
        0 0 12px rgba(var(--theme-yellow-rgb), 0.15),
        0 0 24px rgba(var(--theme-yellow-rgb), 0.08),
        0 4px 16px rgba(0, 0, 0, 0.4);
}

/* 选中状态的额外辉光效果 */
[data-md-color-scheme="slate"] .theme-button.active::after {
    content: '';
    position: absolute;
    inset: -1px;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.08),
        transparent
    );
    border-radius: inherit;
    z-index: 0;
    animation: glow-shift 3s ease-in-out infinite;
    filter: blur(1.5px);
}

@keyframes glow-shift {
    0%, 100% {
        opacity: 0.2;
        transform: translateX(-5%) scale(1.005);
    }
    50% {
        opacity: 0.4;
        transform: translateX(5%) scale(1.01);
    }
}

/* 颜色示例的样式 */
.theme-button[data-theme="blue"] .theme-button__color {
    background: var(--theme-blue-primary);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 -2px 2px rgba(0, 0, 0, 0.1),
        inset 0 2px 2px rgba(255, 255, 255, 0.2);
}

.theme-button[data-theme="green"] .theme-button__color {
    background: var(--theme-green-primary);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 -2px 2px rgba(0, 0, 0, 0.1),
        inset 0 2px 2px rgba(255, 255, 255, 0.2);
}

.theme-button[data-theme="purple"] .theme-button__color {
    background: var(--theme-purple-primary);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 -2px 2px rgba(0, 0, 0, 0.1),
        inset 0 2px 2px rgba(255, 255, 255, 0.2);
}

.theme-button[data-theme="red"] .theme-button__color {
    background: var(--theme-red-primary);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 -2px 2px rgba(0, 0, 0, 0.1),
        inset 0 2px 2px rgba(255, 255, 255, 0.2);
}

.theme-button[data-theme="orange"] .theme-button__color {
    background: var(--theme-orange-primary);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 -2px 2px rgba(0, 0, 0, 0.1),
        inset 0 2px 2px rgba(255, 255, 255, 0.2);
}

.theme-button[data-theme="yellow"] .theme-button__color {
    background: var(--theme-yellow-primary);
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 -2px 2px rgba(0, 0, 0, 0.1),
        inset 0 2px 2px rgba(255, 255, 255, 0.2);
}

/* 选中状态的标 */
.theme-button__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.theme-button.active .theme-button__icon::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.theme-button.active::before {
    opacity: 0.5;
}

/* 为特定文本添加加粗样式 - 基础样式 */
.theme-showcase__content p strong {
    font-weight: 900;
    font-size: 1.2em;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    padding: 0 4px;
    transition: all 0.3s ease;
}

/* 主题色适配 */
.md-theme-blue .theme-showcase__content p strong {
    color: var(--theme-blue-primary);
    text-decoration-color: var(--theme-blue-primary);
}

.md-theme-green .theme-showcase__content p strong {
    color: var(--theme-green-primary);
    text-decoration-color: var(--theme-green-primary);
}

.md-theme-purple .theme-showcase__content p strong {
    color: var(--theme-purple-primary);
    text-decoration-color: var(--theme-purple-primary);
}

.md-theme-red .theme-showcase__content p strong {
    color: var(--theme-red-primary);
    text-decoration-color: var(--theme-red-primary);
}

.md-theme-orange .theme-showcase__content p strong {
    color: var(--theme-orange-primary);
    text-decoration-color: var(--theme-orange-primary);
}

.md-theme-yellow .theme-showcase__content p strong {
    color: var(--theme-yellow-primary);
    text-decoration-color: var(--theme-yellow-primary);
}

/* 主题色适配 */
.md-theme-blue .bug-fix-button {
    background: rgba(var(--theme-blue-rgb), 0.1);
    color: var(--theme-blue-primary);
}

.md-theme-green .bug-fix-button {
    background: rgba(var(--theme-green-rgb), 0.1);
    color: var(--theme-green-primary);
}

.md-theme-purple .bug-fix-button {
    background: rgba(var(--theme-purple-rgb), 0.1);
    color: var(--theme-purple-primary);
}

.md-theme-red .bug-fix-button {
    background: rgba(var(--theme-red-rgb), 0.1);
    color: var(--theme-red-primary);
}

.md-theme-orange .bug-fix-button {
    background: rgba(var(--theme-orange-rgb), 0.1);
    color: var(--theme-orange-primary);
}

.md-theme-yellow .bug-fix-button {
    background: rgba(var(--theme-yellow-rgb), 0.1);
    color: var(--theme-yellow-primary);
}

/* 悬停效果 */
.bug-fix-button:hover {
    transform: translateY(-2px);
    background: rgba(var(--theme-blue-rgb), 0.15);
}

.bug-fix-button:active {
    transform: translateY(0px);
}

.bug-fix-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.bug-fix-icon svg {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.bug-fix-button:hover .bug-fix-icon svg {
    transform: rotate(180deg);
}

.bug-fix-button.loading .bug-fix-icon svg {
    animation: spin 1s linear infinite;
}

.bug-fix-button.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 响应式设计 */
@media (max-width: 768px) {
    .bug-fix-text {
        display: none;
    }
    
    .bug-fix-button {
        padding: clamp(12px, 3vw, 16px);
        border-radius: 50%;
    }
    
    .bug-fix-icon {
        margin: 0;
    }
}

/* 减少动效 */
@media (prefers-reduced-motion: reduce) {
    .bug-fix-button {
        transition: none;
    }
    .bug-fix-icon svg {
        transition: none;
    }
    .bug-fix-button.loading .bug-fix-icon svg {
        animation: none;
    }
}

/* CV 优化设计 */
.cv-container {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 0 auto;
    padding: 3rem 2rem;
    background: color-mix(in srgb, var(--md-default-bg-color) 98%, transparent);
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* 头部设计 */
.cv-header {
    position: relative;
    z-index: 3;
    text-align: center;
    margin-bottom: 2.5rem;
}

.cv-header h1 {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    background: linear-gradient(135deg, 
        var(--md-primary-fg-color) 0%,
        var(--md-accent-fg-color) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2rem;
    letter-spacing: -0.03em;
    line-height: 1.5;
    transition: all 0.3s ease;
    position: relative;
    z-index: 3;
    mix-blend-mode: normal;
}

.cv-contact {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
}

.cv-contact p {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--md-primary-fg-color) 5%, transparent);
    transition: all 0.3s ease;
}

.cv-contact svg {
    width: 1.25em;
    height: 1.25em;
    stroke: var(--md-primary-fg-color);
    transition: transform 0.3s ease;
    vertical-align: middle;
    margin-top: -0.1em;
}

.cv-contact p:hover {
    background: color-mix(in srgb, var(--md-primary-fg-color) 10%, transparent);
    transform: translateY(-2px);
}

.cv-contact p:hover svg {
    transform: scale(1.1);
}

/* 章节设计 */
.cv-section {
    margin-bottom: 2rem;
    animation: fadeInUp 0.8s ease both;
    animation-play-state: paused;
    animation-delay: calc(var(--section-index, 0) * 0.1s);
}

.cv-section:nth-child(1) { --section-index: 1; }
.cv-section:nth-child(2) { --section-index: 2; }
.cv-section:nth-child(3) { --section-index: 3; }
.cv-section:nth-child(4) { --section-index: 4; }
.cv-section:nth-child(5) { --section-index: 5; }

.cv-section.visible {
    animation-play-state: running;
}

.cv-section h2 {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 600;
    color: var(--md-primary-fg-color);
    margin: 1.5rem 0 1rem;
    letter-spacing: -0.02em;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.cv-section h2::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 2em;
    height: 3px;
    background: linear-gradient(90deg,
        var(--md-primary-fg-color) 0%,
        var(--md-accent-fg-color) 100%);
    border-radius: 2px;
    transform: scaleX(0.7);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.cv-section h2:hover::after {
    transform: scaleX(1);
}

/* 统一卡片样式 */
.cv-item,
.skill-category {
    margin-bottom: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-default-bg-color) 50%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.cv-item:hover,
.skill-category:hover {
    background: color-mix(in srgb, var(--md-primary-fg-color) 5%, transparent);
    transform: translateX(4px);
    border-color: color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
}

/* 统标题样式 */
.cv-item-header h3,
.skill-category h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--md-default-fg-color);
    margin: 0 0 1rem 0;
    letter-spacing: -0.01em;
}

/* 统一列表样式 */
.cv-container ul {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0;
}

.cv-container li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
    color: var(--md-default-fg-color--light);
    transition: all 0.3s ease;
    line-height: 1.6;
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
    letter-spacing: -0.011em;
}

.cv-container li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 6px;
    height: 6px;
    background: var(--md-primary-fg-color);
    border-radius: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
    transition: all 0.3s ease;
}

.cv-container li:hover {
    color: var(--md-default-fg-color);
    transform: translateX(4px);
}

.cv-container li:hover::before {
    opacity: 1;
    transform: translateY(-50%) scale(1.2);
    background: var(--md-accent-fg-color);
}

/* 技能网格布局优化 */
.cv-skills {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.skill-category {
    width: 100%;
    margin-bottom: 0.5rem;
    padding: 1.25rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-default-bg-color) 97%, transparent);
    border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.skill-category:hover {
    transform: translateX(4px);
    background: color-mix(in srgb, var(--md-primary-fg-color) 5%, transparent);
    border-color: color-mix(in srgb, var(--md-primary-fg-color) 25%, transparent);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.skill-category h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--md-primary-fg-color);
    margin-bottom: 1rem;
    letter-spacing: -0.01em;
}

/* 日期样式 */
.cv-date {
    font-size: 0.9rem;
    color: var(--md-accent-fg-color);
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* 机构名称样式优化 */
.cv-institution {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--md-primary-fg-color);
    margin: 0.5rem 0;
    letter-spacing: -0.01em;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    .cv-container {
        padding: 2rem 1.5rem;
    }

    .cv-section {
        margin-bottom: 1.5rem;
    }

    .cv-item,
    .skill-category {
        padding: 1rem;
        margin-bottom: 0.75rem;
    }

    .cv-contact {
        gap: 1rem;
    }
}

/* 暗色模式适配 */
[data-md-color-scheme="slate"] .cv-item,
[data-md-color-scheme="slate"] .skill-category {
    background: color-mix(in srgb, var(--md-primary-fg-color) 5%, transparent);
    border-color: color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
}

[data-md-color-scheme="slate"] .cv-item:hover,
[data-md-color-scheme="slate"] .skill-category:hover {
    background: color-mix(in srgb, var(--md-primary-fg-color) 8%, transparent);
    border-color: color-mix(in srgb, var(--md-primary-fg-color) 30%, transparent);
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 打印优化 */
@media print {
    .cv-container {
        padding: 0;
        box-shadow: none;
    }

    .cv-header h1 {
        color: var(--md-primary-fg-color);
        -webkit-text-fill-color: initial;
    }

    .cv-section h2::after {
        display: none;
    }
}

/* 头像式 */
.cv-avatar {
    width: min(180px, 30vw);
    height: min(180px, 30vw);
    margin: 0 auto 2rem;
    border-radius: 50%;
    overflow: hidden;
    border: min(3px, 0.5vw) solid color-mix(in srgb, var(--md-primary-fg-color) 20%, transparent);
    position: relative;
    background: color-mix(in srgb, var(--md-primary-fg-color) 5%, transparent);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 min(4px, 1vw) min(20px, 4vw) rgba(0, 0, 0, 0.1);
}

.cv-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.cv-avatar:hover img {
    transform: scale(1.1);
}

.cv-avatar::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 min(20px, 4vw) rgba(0, 0, 0, 0.1);
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
}

.cv-avatar:hover::after {
    box-shadow: inset 0 0 min(30px, 6vw) rgba(0, 0, 0, 0.2);
}

/* 暗色模式适配 */
[data-md-color-scheme="slate"] .cv-avatar {
    border-color: color-mix(in srgb, var(--md-primary-fg-color) 30%, transparent);
    box-shadow: 0 min(4px, 1vw) min(20px, 4vw) rgba(0, 0, 0, 0.3);
}

[data-md-color-scheme="slate"] .cv-avatar:hover {
    border-color: color-mix(in srgb, var(--md-primary-fg-color) 40%, transparent);
}

/* 响应式断点 */
@media screen and (max-width: 1200px) {
    .cv-avatar {
        width: min(160px, 35vw);
        height: min(160px, 35vw);
        margin-bottom: 1.75rem;
    }
}

@media screen and (max-width: 768px) {
    .cv-avatar {
        width: min(140px, 40vw);
        height: min(140px, 40vw);
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    .cv-avatar {
        width: min(120px, 45vw);
        height: min(120px, 45vw);
        margin-bottom: 1.25rem;
    }
}

/* 打印样式 */
@media print {
    .cv-avatar {
        width: 120px;
        height: 120px;
        margin-bottom: 1rem;
        border-width: 2px;
        box-shadow: none;
    }
}

/* CV 页面渐变背景 */
.cv-gradient-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: 
        radial-gradient(circle at 70% 20%, 
            var(--md-primary-fg-color--light) 0%, 
            transparent 60%),
        radial-gradient(circle at 30% 80%, 
            var(--md-accent-fg-color) 0%, 
            transparent 60%);
    opacity: 0.08;
    pointer-events: none;
}

[data-md-color-scheme="slate"] .cv-gradient-bg {
    opacity: 0.12;
}

/* 玻璃拟态卡片效果 */
.cv-item,
.skill-category {
    background: color-mix(in srgb, var(--md-default-bg-color) 50%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

[data-md-color-scheme="slate"] .cv-item,
[data-md-color-scheme="slate"] .skill-category {
    background: color-mix(in srgb, var(--md-default-bg-color) 40%, transparent);
    border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 20%, transparent);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* 修复背景渐变断层 */
.md-main {
    background: transparent !important;
}

.md-main__inner {
    margin-top: 0 !important;
}

.md-content {
    background: transparent !important;
}

.md-content__inner {
    margin: 0 !important;
    padding: 0 !important;
}

/* 调整标题和导航栏间距 */
.md-content__inner {
    padding-top: 2.5rem !important;
}

.md-content__inner h1:first-child {
    margin-top: 0;
    margin-bottom: 2rem;
}

/* CV 页面特殊处理 */
.cv-container {
    margin-top: 1.5rem;
    padding: 3rem 2rem;
}

/* 隐藏 reset page 按钮 */
.bug-fix-container {
    display: none !important;
}