/* ========================================
    暗黑模式 - 深蓝科技风
    ======================================== */

[data-theme="dark"] {
    /* 主色调 - 深蓝 */
    --primary: #60a5fa;
    --primary-dark: #3b82f6;
    --primary-light: #93c5fd;
    --secondary: #38bdf8;
    --accent: #22d3ee;
    
    /* 功能色 */
    --success: #b8ecd8;
    --danger: #ffa0a8;
    --warning: #ffe066;
    --info: #b8ddf0;
    
    /* 文本色 */
    --text-primary: #e0f2fe;
    --text-secondary: #bae6fd;
    --text-muted: #7dd3fc;
    
    /* 背景色 */
    --bg-primary: #0c1929;
    --bg-secondary: #1e293b;
    --bg-card: #1e3a5f;
    
    /* 边框 */
    --border: #1e40af;
    --border-light: #1e3a5f;
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(37, 99, 235, 0.08);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(37, 99, 235, 0.1);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.35), 0 8px 20px rgba(37, 99, 235, 0.12);
    --shadow-xl: 0 24px 56px rgba(0, 0, 0, 0.4);
}

/* 暗黑模式下的特殊样式 */
[data-theme="dark"] body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] body::before {
    background: 
        radial-gradient(circle at 15% 85%, rgba(37, 99, 235, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 85% 15%, rgba(59, 130, 246, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.04) 0%, transparent 60%);
}

[data-theme="dark"] .header {
    background: rgba(15, 30, 55, 0.95);
    border-bottom: 1px solid rgba(30, 64, 175, 0.4);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .logo-text {
    color: var(--text-primary);
    -webkit-text-fill-color: var(--text-primary);
}

[data-theme="dark"] .nav a {
    color: var(--text-secondary);
}

[data-theme="dark"] .nav a:hover {
    color: var(--primary-light);
}

[data-theme="dark"] .nav .nav-btn {
    background: var(--primary);
    border: none;
    color: #fff !important;
}

[data-theme="dark"] .nav .nav-btn:hover {
    background: var(--primary-dark);
    color: #fff !important;
}

[data-theme="dark"] .goods-item {
    background: var(--bg-card);
    border: 1px solid var(--border);
}

[data-theme="dark"] .goods-item:hover {
    border-color: rgba(96, 165, 250, 0.4);
}

[data-theme="dark"] .goods-image {
    background: linear-gradient(135deg, var(--bg-secondary), var(--bg-primary));
}

[data-theme="dark"] .form-section,
[data-theme="dark"] .goods-detail,
[data-theme="dark"] .order-summary,
[data-theme="dark"] .bill-header,
[data-theme="dark"] .bill-info,
[data-theme="dark"] .bill-actions,
[data-theme="dark"] .bill-status,
[data-theme="dark"] .query-form,
[data-theme="dark"] .order-item {
    background: var(--bg-card);
    border: 1px solid var(--border);
}

[data-theme="dark"] .form-group input[type="text"],
[data-theme="dark"] .form-group input[type="email"],
[data-theme="dark"] .form-group input[type="number"],
[data-theme="dark"] .form-group textarea {
    background: var(--bg-secondary);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
    background: var(--bg-card);
    border-color: var(--primary);
}

[data-theme="dark"] .footer {
    background: rgba(15, 30, 55, 0.9);
    border-top: 1px solid var(--border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .notice {
    background: linear-gradient(135deg, rgba(255, 224, 102, 0.1), rgba(255, 200, 80, 0.08));
    border: 1px solid rgba(255, 224, 102, 0.2);
    color: #ffe066;
}

[data-theme="dark"] .card-item {
    background: linear-gradient(135deg, var(--bg-secondary), var(--bg-primary));
    border: 1px solid var(--border);
}

[data-theme="dark"] .order-status.status-0 { 
    background: linear-gradient(135deg, rgba(255, 224, 102, 0.15), rgba(255, 200, 80, 0.12)); 
    color: #ffe066; 
}

[data-theme="dark"] .order-status.status-1,
[data-theme="dark"] .order-status.status-3 { 
    background: linear-gradient(135deg, rgba(184, 236, 216, 0.15), rgba(168, 230, 207, 0.12)); 
    color: #b8ecd8; 
}

[data-theme="dark"] .order-status.status-2 { 
    background: linear-gradient(135deg, rgba(184, 221, 240, 0.15), rgba(160, 210, 235, 0.12)); 
    color: #b8ddf0; 
}

[data-theme="dark"] .order-status.status--1 { 
    background: linear-gradient(135deg, rgba(255, 160, 168, 0.15), rgba(255, 139, 148, 0.12)); 
    color: #ffa0a8; 
}

/* 暗黑模式切换按钮 */
.theme-toggle {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(96, 165, 250, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: var(--transition);
    z-index: 999;
}

.theme-toggle:hover {
    transform: scale(1.1) rotate(15deg);
    box-shadow: 0 12px 32px rgba(96, 165, 250, 0.45);
}

.theme-toggle:active {
    transform: scale(0.95);
}

.theme-toggle .icon-light,
.theme-toggle .icon-dark {
    position: absolute;
    transition: var(--transition);
}

[data-theme="light"] .theme-toggle .icon-dark,
:root .theme-toggle .icon-dark {
    opacity: 0;
    transform: rotate(-90deg) scale(0);
}

[data-theme="light"] .theme-toggle .icon-light,
:root .theme-toggle .icon-light {
    opacity: 1;
    transform: rotate(0) scale(1);
}

[data-theme="dark"] .theme-toggle .icon-light {
    opacity: 0;
    transform: rotate(90deg) scale(0);
}

[data-theme="dark"] .theme-toggle .icon-dark {
    opacity: 1;
    transform: rotate(0) scale(1);
}

/* 后台暗黑模式 */
[data-theme="dark"] .admin-sidebar {
    background: #150f24;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .admin-header {
    background: rgba(15, 30, 55, 0.95);
    border-bottom: 1px solid var(--border);
}

[data-theme="dark"] .admin-content {
    background: var(--bg-primary);
}

[data-theme="dark"] .stat-card,
[data-theme="dark"] .panel {
    background: var(--bg-card);
    border: 1px solid var(--border);
}

[data-theme="dark"] .data-table th {
    background: linear-gradient(135deg, var(--bg-secondary), var(--bg-primary));
    color: var(--text-secondary);
}

[data-theme="dark"] .data-table tr:hover {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.05), rgba(56, 189, 248, 0.05));
}

[data-theme="dark"] .form-control {
    background: var(--bg-secondary);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .form-control:focus {
    background: var(--bg-card);
    border-color: var(--primary);
}

[data-theme="dark"] .modal {
    background: var(--bg-card);
}

[data-theme="dark"] .modal-header {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.05), rgba(56, 189, 248, 0.05));
    border-bottom: 1px solid var(--border);
}

[data-theme="dark"] .modal-footer {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
}

[data-theme="dark"] .toolbar {
    background: var(--bg-card);
    border: 1px solid var(--border);
}

[data-theme="dark"] .badge-success { 
    background: linear-gradient(135deg, rgba(184, 236, 216, 0.15), rgba(168, 230, 207, 0.12)); 
    color: #b8ecd8; 
}

[data-theme="dark"] .badge-danger { 
    background: linear-gradient(135deg, rgba(255, 160, 168, 0.15), rgba(255, 139, 148, 0.12)); 
    color: #ffa0a8; 
}

[data-theme="dark"] .badge-warning { 
    background: linear-gradient(135deg, rgba(255, 224, 102, 0.15), rgba(255, 200, 80, 0.12)); 
    color: #ffe066; 
}

[data-theme="dark"] .badge-info { 
    background: linear-gradient(135deg, rgba(184, 221, 240, 0.15), rgba(160, 210, 235, 0.12)); 
    color: #b8ddf0; 
}

[data-theme="dark"] .badge-secondary { 
    background: var(--bg-secondary); 
    color: var(--text-secondary); 
}

[data-theme="dark"] .login-page {
    background: linear-gradient(135deg, #9b8ad4 0%, #b8a9e8 50%, #e8a0bf 100%);
}

[data-theme="dark"] .login-box {
    background: rgba(15, 30, 55, 0.95);
    border: 1px solid var(--border);
}

[data-theme="dark"] .login-header h1 {
    background: linear-gradient(135deg, var(--primary-light), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 平滑过渡 */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* 排除某些元素的过渡 */
.theme-toggle,
.theme-toggle *,
.btn,
.btn::before,
.goods-item,
.stat-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}