/* 主题切换相关样式 */
:root {
    --primary-color: #0067b8;
    --primary-light: rgba(0, 103, 184, 0.1);
    --background-light: #f5f7fa;
    --background-dark: #1a1a2e;
    --text-light: #333;
    --text-dark: #f0f0f0;
    --card-light: #ffffff;
    --card-dark: #2d3748;
    --border-light: rgba(0, 0, 0, 0.1);
    --border-dark: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] {
    --primary-color: #00a4ef;
    --primary-light: rgba(0, 164, 239, 0.1);
    --background-color: var(--background-dark);
    --text-color: var(--text-dark);
    --card-color: var(--card-dark);
    --border-color: var(--border-dark);
}

[data-theme="light"] {
    --primary-color: #0067b8;
    --primary-light: rgba(0, 103, 184, 0.1);
    --background-color: var(--background-light);
    --text-color: var(--text-light);
    --card-color: var(--card-light);
    --border-color: var(--border-light);
}

/* 平滑主题切换 */
body, .header, .waline-container, .announcement-content, .window-preview {
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* 深色模式下的特定样式 */
.dark .nav-link {
    color: #f0f0f0;
}

.dark .feature {
    color: #f0f0f0;
}

.dark .note {
    color: #bbb;
}

.dark .footer-links a {
    color: #bbb;
}

.dark .footer-links a:hover {
    color: #00a4ef;
}

/* 主题切换按钮动态图标 */
#theme-toggle i {
    transition: transform 0.3s;
}

.dark #theme-toggle i {
    transform: rotate(30deg);
}