/* ========================================
   dark.css - 深色主题（柔和薄荷绿风格）
   ======================================== */

[data-theme="dark"],
html:not([data-theme]) body:not([data-theme="light"]) {
    --bg-color: #0d2620;
    --bg-secondary: #143530;
    --bg-gradient: linear-gradient(135deg, #0f2e27 0%, #1a453c 50%, #1f5549 100%);

    --text-color: #E8F6F2;
    --text-secondary: #B8DDD3;
    --text-muted: #8BCBB8;

    --card-bg: rgba(20, 53, 48, 0.65);
    --card-border: rgba(46, 184, 143, 0.18);
    --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --card-hover-shadow: 0 16px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);

    --primary-color: #2eb88f;
    --primary-hover: #43c6a8;
    --primary-light: rgba(46, 184, 143, 0.18);
    --primary-glow: rgba(46, 184, 143, 0.35);

    --success-color: #5dd3b0;
    --danger-color: #ef7b76;
    --warning-color: #ffd166;
    --info-color: #5bc0be;

    --input-bg: rgba(255, 255, 255, 0.08);
    --input-border: rgba(46, 184, 143, 0.3);
    --input-focus: #2eb88f;
    --nav-bg: rgba(13, 38, 32, 0.65);
    --sidebar-bg: rgba(15, 42, 36, 0.62);
}

/* 深色特殊样式 */
[data-theme="dark"] body {
    background: var(--bg-gradient);
}

/* 深色模式装饰光球 */
[data-theme="dark"] body::before {
    background: radial-gradient(circle, rgba(67, 198, 168, 0.28) 0%, transparent 70%);
    opacity: 0.75;
}
[data-theme="dark"] body::after {
    background: radial-gradient(circle, rgba(142, 217, 199, 0.24) 0%, transparent 70%);
    opacity: 0.65;
}

[data-theme="dark"] .card {
    background: rgba(20, 53, 48, 0.65);
    backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(46, 184, 143, 0.18);
}

[data-theme="dark"] .navbar {
    background: rgba(13, 38, 32, 0.72);
    backdrop-filter: blur(30px) saturate(200%);
    border-bottom: 1px solid rgba(46, 184, 143, 0.12);
}

[data-theme="dark"] .mobile-tab {
    background: rgba(13, 38, 32, 0.72);
    backdrop-filter: blur(30px) saturate(200%);
    border-top: 1px solid rgba(46, 184, 143, 0.12);
}

[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, rgba(38, 160, 125, 0.78) 0%, rgba(46, 184, 143, 0.75) 50%, rgba(93, 211, 176, 0.70) 100%);
    border-color: rgba(46, 184, 143, 0.25);
}

[data-theme="dark"] .stat-card,
[data-theme="dark"] .quick-item {
    background: rgba(20, 53, 48, 0.65);
    border-color: rgba(46, 184, 143, 0.18);
}

[data-theme="dark"] .stat-card:hover,
[data-theme="dark"] .quick-item:hover {
    background: rgba(28, 68, 60, 0.75);
}

[data-theme="dark"] .mat-card {
    background: rgba(20, 53, 48, 0.65);
    border-color: rgba(46, 184, 143, 0.18);
}

[data-theme="dark"] .mat-card:hover {
    background: rgba(28, 68, 60, 0.75);
    border-color: rgba(46, 184, 143, 0.32);
}

[data-theme="dark"] .auth-card {
    background: rgba(20, 53, 48, 0.65);
    border-color: rgba(46, 184, 143, 0.22);
}

[data-theme="dark"] .auth-tabs {
    background: rgba(13, 38, 32, 0.58);
    border-color: rgba(46, 184, 143, 0.12);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] select,
[data-theme="dark"] textarea,
html body:not([data-theme="light"]) input[type="text"],
html body:not([data-theme="light"]) input[type="password"],
html body:not([data-theme="light"]) input[type="email"],
html body:not([data-theme="light"]) input[type="number"],
html body:not([data-theme="light"]) input[type="url"],
html body:not([data-theme="light"]) input[type="tel"],
html body:not([data-theme="light"]) select,
html body:not([data-theme="light"]) textarea {
    background: #1a332e !important;
    color: #d0ebe3 !important;
    border-color: rgba(46, 184, 143, 0.4) !important;
    padding: 16px 20px !important;
    min-height: 56px !important;
    font-size: 1.02em !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus,
html body:not([data-theme="light"]) input:focus {
    box-shadow: 0 0 0 4px rgba(46, 184, 143, 0.22);
    background: rgba(255, 255, 255, 0.14);
    border-color: #2eb88f;
}

[data-theme="dark"] .btn-outline,
html body:not([data-theme="light"]) .btn-outline {
    border-color: rgba(93, 211, 176, 0.40);
    color: #B8DDD3;
}

[data-theme="dark"] .btn-outline:hover {
    background: rgba(46, 184, 143, 0.18) !important;
    border-color: #2eb88f;
    color: #fff !important;
}

[data-theme="dark"] .badge-success { background: rgba(93, 211, 176, 0.18); color: #5dd3b0; border-color: rgba(93, 211, 176, 0.28); }
[data-theme="dark"] .badge-danger  { background: rgba(239, 123, 118, 0.18); color: #ef7b76; border-color: rgba(239, 123, 118, 0.28); }
[data-theme="dark"] .badge-warning { background: rgba(255, 209, 102, 0.18); color: #ffd166; border-color: rgba(255, 209, 102, 0.28); }
[data-theme="dark"] .badge-info    { background: rgba(46, 184, 143, 0.18); color: #5dd3b0; border-color: rgba(46, 184, 143, 0.28); }

[data-theme="dark"] .stats-pill {
    background: rgba(46, 184, 143, 0.14);
    color: #B8DDD3;
    border-color: rgba(46, 184, 143, 0.22);
}

[data-theme="dark"] .theme-toggle {
    background: rgba(20, 53, 48, 0.6);
    border-color: rgba(46, 184, 143, 0.22);
}

[data-theme="dark"] .theme-toggle:hover {
    background: rgba(28, 68, 60, 0.72);
}

/* 深色滚动条 */
[data-theme="dark"] ::-webkit-scrollbar,
html body:not([data-theme="light"]) ::-webkit-scrollbar {
    width: 8px; height: 8px;
}
[data-theme="dark"] ::-webkit-scrollbar-track,
html body:not([data-theme="light"]) ::-webkit-scrollbar-track {
    background: rgba(46, 184, 143, 0.05);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb,
html body:not([data-theme="light"]) ::-webkit-scrollbar-thumb {
    background: rgba(46, 184, 143, 0.18); border-radius: 4px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
html body(not([data-theme="light"])) ::-webkit-scrollbar-thumb:hover {
    background: rgba(46, 184, 143, 0.32);
}