/* 暗黑主题样式 */
[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --card-bg: #2d2d2d;
    --border-color: #444;
}

[data-theme="dark"] body {
    background-color: #1a1a1a;
    color: #f0f0f0;
}

[data-theme="dark"] .navbar {
    background: rgba(26, 26, 26, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .logo {
    color: #6c6cff;
}

[data-theme="dark"] .nav-menu ul li a {
    color: #f0f0f0;
}

[data-theme="dark"] .nav-menu ul li a:hover {
    color: #6c6cff;
}

[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #2d2d2d, #1a1a1a);
}

[data-theme="dark"] .hero-content h1 {
    color: #f0f0f0;
}

[data-theme="dark"] .hero-content p {
    color: #ccc;
}

[data-theme="dark"] .features {
    background-color: #1a1a1a;
}

[data-theme="dark"] .features h2 {
    color: #f0f0f0;
}

[data-theme="dark"] .feature-card {
    background: #2d2d2d;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .feature-card h3 {
    color: #6c6cff;
}

[data-theme="dark"] .feature-card p {
    color: #ccc;
}

[data-theme="dark"] .download-section {
    background: linear-gradient(135deg, #2d2d50, #404080);
}

[data-theme="dark"] .download-card {
    background: rgba(45, 45, 45, 0.5);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .download-card:hover {
    background: rgba(60, 60, 60, 0.7);
}

[data-theme="dark"] .footer {
    background: #000;
}

/* 修复黑夜模式下logo的显示问题 */
[data-theme="dark"] #logo-img,
[data-theme="dark"] .footer-logo img {
    /* 移除滤镜效果，让logo显示原始颜色 */
}

[data-theme="dark"] .footer-links a {
    color: #ccc;
}

[data-theme="dark"] .footer-links a:hover {
    color: #fff;
}

/* 黑夜模式下的公告样式 */
[data-theme="dark"] .announcement-bar {
    background: linear-gradient(135deg, #2d2d50, #404080);
}

[data-theme="dark"] .announcement-bar.warning {
    background: linear-gradient(135deg, #b36a00, #c69500);
}

[data-theme="dark"] .announcement-bar.error {
    background: linear-gradient(135deg, #aa2f26, #a31545);
}

[data-theme="dark"] .announcement-bar.success {
    background: linear-gradient(135deg, #357a38, #608f30);
}

/* 黑夜模式下的公告弹窗样式 */
[data-theme="dark"] .modal.announcement-modal .modal-content {
    background: #2d2d2d;
    color: #f0f0f0;
}

[data-theme="dark"] .modal.announcement-modal .announcement-title {
    color: #f0f0f0;
}

[data-theme="dark"] .modal.announcement-modal .announcement-content p {
    color: #ccc;
}

[data-theme="dark"] .modal.announcement-modal .announcement-features {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .modal.announcement-modal .announcement-features h3 {
    color: #6c6cff;
}

[data-theme="dark"] .modal.announcement-modal .announcement-features li {
    color: #ccc;
}

[data-theme="dark"] .modal.announcement-modal .announcement-features li:before {
    color: #6c6cff;
}

[data-theme="dark"] .modal.announcement-modal .close {
    color: #ccc;
}

[data-theme="dark"] .modal.announcement-modal .close:hover {
    color: #fff;
}

/* 黑夜模式下的验证码模态框样式 */
[data-theme="dark"] .modal-content {
    background-color: #2d2d2d;
    color: #f0f0f0;
}

[data-theme="dark"] .close {
    color: #ccc;
}

[data-theme="dark"] .close:hover,
[data-theme="dark"] .close:focus {
    color: #fff;
}

[data-theme="dark"] .captcha-input {
    background-color: #1a1a1a;
    border-color: #444;
    color: #f0f0f0;
}

[data-theme="dark"] .captcha-input:focus {
    border-color: #6c6cff;
    box-shadow: 0 0 0 3px rgba(108, 108, 255, 0.3);
}

/* 黑夜模式下拖拽验证码样式 */
[data-theme="dark"] #drag-target,
[data-theme="dark"] #drag-track {
    color: #f0f0f0;
}

[data-theme="dark"] #drag-track {
    background: #4e50ff;
}

[data-theme="dark"] #drag-target {
    background: #4CAF50;
}

/* 黑夜模式下拼图验证码样式 */
[data-theme="dark"] #puzzle-piece {
    background: #1a1a1a;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] #puzzle-piece > div {
    background: #6c6cff;
}

[data-theme="dark"] #puzzle-target {
    border-color: #f0f0f0;
}

/* 黑夜模式下滑块验证码样式 */
[data-theme="dark"] #slider-track {
    background: #4CAF50;
}

[data-theme="dark"] #slider-handle {
    background: #4e50ff;
    color: #f0f0f0;
}

/* 黑夜模式下旋转验证码样式 */
[data-theme="dark"] #rotate-target {
    background: linear-gradient(135deg, #2d2d50, #404080);
    color: #f0f0f0;
}

[data-theme="dark"] #rotate-handle {
    background: #4e50ff;
    color: #f0f0f0;
}

/* 黑夜模式下选择验证码样式 */
[data-theme="dark"] .select-option {
    background: #1a1a1a;
    color: #f0f0f0;
}

[data-theme="dark"] .select-option:hover {
    background: #444;
}

/* 黑夜模式下序列验证码样式 */
[data-theme="dark"] .sequence-number {
    background: #1a1a1a;
    color: #f0f0f0;
}

[data-theme="dark"] .sequence-number:hover {
    background: #444;
}

/* 黑夜模式下记忆验证码样式 */
[data-theme="dark"] .memory-color {
    filter: brightness(0.8);
}

[data-theme="dark"] .memory-sequence {
    background: #1a1a1a;
}