/* ===== Chatbox AI 风格暗色主题 ===== */

[data-bs-theme="dark"] .navbar {
    background: var(--bg-glass) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom-color: var(--border-color);
}

[data-bs-theme="dark"] .hero {
    background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 100%);
}

[data-bs-theme="dark"] .hero::before {
    background: radial-gradient(circle, rgba(167, 139, 250, 0.15) 0%, transparent 70%);
}

[data-bs-theme="dark"] .hero::after {
    background: radial-gradient(circle, rgba(192, 132, 252, 0.08) 0%, transparent 70%);
}

[data-bs-theme="dark"] html {
    background: var(--bg-light);
}

[data-bs-theme="dark"] .page-header {
    background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 100%);
}

[data-bs-theme="dark"] .page-header h1 {
    background: linear-gradient(135deg, #a78bfa, #c4b5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-bs-theme="dark"] .page-header p { color: #9b8fb0; }

[data-bs-theme="dark"] .project-card {
    background: var(--bg-glass);
    backdrop-filter: blur(12px);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .project-card:hover { box-shadow: 0 25px 50px rgba(167, 139, 250, 0.15); }

[data-bs-theme="dark"] .team-card {
    background: var(--bg-glass);
    backdrop-filter: blur(8px);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .team-card:hover { box-shadow: 0 20px 40px rgba(167, 139, 250, 0.12); }

[data-bs-theme="dark"] .service-item {
    background: var(--bg-glass);
    backdrop-filter: blur(8px);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .service-item:hover { box-shadow: 0 15px 35px rgba(167, 139, 250, 0.12); }

[data-bs-theme="dark"] .news-card {
    background: var(--bg-glass);
    backdrop-filter: blur(8px);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .news-row-link:hover { background: rgba(167, 139, 250, 0.06); }

[data-bs-theme="dark"] .leaderboard-table table,
[data-bs-theme="dark"] .violations-table table {
    background: var(--bg-glass);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .leaderboard-table tbody tr:hover,
[data-bs-theme="dark"] .violations-table tbody tr:hover { background: rgba(167, 139, 250, 0.06); }

[data-bs-theme="dark"] .user-dropdown {
    background: var(--bg-glass);
    backdrop-filter: blur(20px);
    border-color: var(--border-color);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .dropdown-item:hover { background: rgba(167, 139, 250, 0.1); }

[data-bs-theme="dark"] .lang-dropdown {
    background: var(--bg-glass);
    backdrop-filter: blur(20px);
    border-color: var(--border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .lang-option:hover { background: rgba(167, 139, 250, 0.08); }
[data-bs-theme="dark"] .lang-option.active { background: rgba(167, 139, 250, 0.12); }

[data-bs-theme="dark"] footer { background: #1a1a2e; border-top-color: #2d2d44; color: #aaa; }

[data-bs-theme="dark"] .grid-bg {
    background-image:
        linear-gradient(rgba(167, 139, 250, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167, 139, 250, 0.1) 1px, transparent 1px);
}

[data-bs-theme="dark"] .square-box {
    background: rgba(167, 139, 250, 0.08);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

[data-bs-theme="dark"] .about-section,
[data-bs-theme="dark"] .team-section,
[data-bs-theme="dark"] .contact-section { background: var(--bg-white); }

[data-bs-theme="dark"] .projects-section,
[data-bs-theme="dark"] .services-section { background: var(--bg-light); }

[data-bs-theme="dark"] #violations { background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 100%); }

[data-bs-theme="dark"] .contact-box { background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%); }
[data-bs-theme="dark"] .contact-method { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); }
[data-bs-theme="dark"] .contact-method:hover { background: rgba(255, 255, 255, 0.15); }
[data-bs-theme="dark"] .contact-link { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .contact-link:hover { background: var(--primary); border-color: var(--primary); }

[data-bs-theme="dark"] .auth-page { background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 50%, #1a1625 100%); }
[data-bs-theme="dark"] .auth-card { background: var(--bg-glass); backdrop-filter: blur(20px); border-color: var(--border-color); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }
[data-bs-theme="dark"] .auth-logo h2 { color: var(--text-dark); }
[data-bs-theme="dark"] .auth-logo p { color: var(--text-muted); }
[data-bs-theme="dark"] .auth-footer { color: var(--text-muted); }
[data-bs-theme="dark"] .auth-footer a { color: var(--primary); }
[data-bs-theme="dark"] .form-submit { background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); box-shadow: 0 4px 15px rgba(167, 139, 250, 0.3); }
[data-bs-theme="dark"] .form-submit:hover { box-shadow: 0 8px 25px rgba(167, 139, 250, 0.5); }
[data-bs-theme="dark"] .send-code-btn { background: var(--primary); color: white; }
[data-bs-theme="dark"] .send-code-btn:hover { background: var(--primary-dark); }
[data-bs-theme="dark"] .send-code-btn:disabled { background: var(--border-color); color: var(--text-muted); }

[data-bs-theme="dark"] .order-page { background: var(--bg-light); }
[data-bs-theme="dark"] .order-header { background: linear-gradient(135deg, #1a0e2e 0%, #2d1b4e 100%); }
[data-bs-theme="dark"] .order-card { background: var(--bg-glass); backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); }
[data-bs-theme="dark"] .user-panel { background: var(--bg-glass); backdrop-filter: blur(8px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .balance-item { background: var(--bg-light); }
[data-bs-theme="dark"] .modal-box { background: var(--bg-glass); backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }

[data-bs-theme="dark"] .msg-success { background: rgba(22, 163, 74, 0.15); color: #4ade80; }
[data-bs-theme="dark"] .msg-error { background: rgba(217, 119, 6, 0.15); color: #fbbf24; }

[data-bs-theme="dark"] .form-input { background: var(--bg-light); border-color: var(--border-color); color: var(--text-dark); }
[data-bs-theme="dark"] .form-input:focus { background: var(--bg-white); border-color: var(--primary); }
[data-bs-theme="dark"] .captcha-trigger { background: var(--bg-light); border-color: var(--border-color); color: var(--text-muted); }
[data-bs-theme="dark"] .captcha-trigger:hover { border-color: var(--primary); color: var(--primary); }

[data-bs-theme="dark"] .rank-header,
[data-bs-theme="dark"] .activity-header,
[data-bs-theme="dark"] .uc-header,
[data-bs-theme="dark"] .news-header,
[data-bs-theme="dark"] .shop-header,
[data-bs-theme="dark"] .download-header { background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 100%); }

[data-bs-theme="dark"] .navbar-light { background: var(--bg-glass) !important; }

[data-bs-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(240, 236, 245, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] body.rank-reference-page,
[data-bs-theme="dark"] .rank-page,
[data-bs-theme="dark"] .rank-section { background: var(--bg-light); color: var(--text-dark); }
[data-bs-theme="dark"] .rank-tabs { border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .tab-btn { background: transparent; color: var(--text-muted); }
[data-bs-theme="dark"] .tab-btn:hover { background: rgba(167, 139, 250, 0.08); color: var(--primary); }
[data-bs-theme="dark"] .tab-btn.active { background: var(--primary); color: white; border-color: var(--primary); }
[data-bs-theme="dark"] .rank-card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .rank-card:hover { box-shadow: 0 4px 16px rgba(167, 139, 250, 0.15); border-color: var(--primary); }
[data-bs-theme="dark"] .rank-card.rank-gold { background: linear-gradient(135deg, rgba(167, 139, 250, 0.08) 0%, rgba(124, 58, 237, 0.04) 100%); }
[data-bs-theme="dark"] .rank-player,
[data-bs-theme="dark"] .rank-stat-value,
[data-bs-theme="dark"] .ban-player { color: var(--text-dark); }
[data-bs-theme="dark"] .ban-card { background: var(--bg-glass); border-color: var(--border-color); }
[data-bs-theme="dark"] .ban-duration { background: rgba(245, 158, 11, 0.16); color: #fbbf24; }
[data-bs-theme="dark"] .page-btn { background: var(--bg-glass); border-color: var(--border-color); color: var(--text-dark); }

[data-bs-theme="dark"] .activity-page { background: var(--bg-light); }
[data-bs-theme="dark"] .activity-page-intro h1 { color: var(--text-dark); }
[data-bs-theme="dark"] .activity-page-intro p { color: var(--text-muted); }
[data-bs-theme="dark"] .activity-tabs { border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .activity-tab { background: transparent; border-color: var(--border-color); color: var(--text-muted); }
[data-bs-theme="dark"] .activity-tab:hover { border-color: var(--primary); color: var(--primary); }
[data-bs-theme="dark"] .activity-tab.active { border-color: transparent; color: #fff; }
[data-bs-theme="dark"] .activity-card { background: var(--bg-white); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .activity-card:hover { box-shadow: 0 8px 24px rgba(167, 139, 250, 0.15); }
[data-bs-theme="dark"] .banner-ongoing { background: #214b43; }
[data-bs-theme="dark"] .banner-upcoming { background: #293b5d; }
[data-bs-theme="dark"] .banner-ended { background: #343943; }
[data-bs-theme="dark"] .activity-image-empty { color: var(--text-muted); }
[data-bs-theme="dark"] .activity-content { background: var(--bg-white); }
[data-bs-theme="dark"] .activity-title { color: var(--text-dark); }
[data-bs-theme="dark"] .activity-date,
[data-bs-theme="dark"] .activity-desc { color: var(--text-muted); }
[data-bs-theme="dark"] .activity-empty { background: var(--bg-white); color: var(--text-muted); }

[data-bs-theme="dark"] .news-section { background: var(--bg-light); }
[data-bs-theme="dark"] .news-grid { background: transparent; }

[data-bs-theme="dark"] .shop-section { background: var(--bg-light); }
[data-bs-theme="dark"] .shop-card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .shop-card:hover { box-shadow: 0 8px 24px rgba(167, 139, 250, 0.15); border-color: var(--primary); }

[data-bs-theme="dark"] .uc-section { background: var(--bg-light); }
[data-bs-theme="dark"] .uc-card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .uc-menu { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .uc-menu-item { color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .uc-menu-item:hover,
[data-bs-theme="dark"] .uc-menu-item.active { background: rgba(167, 139, 250, 0.08); color: var(--primary); border-color: var(--primary); }

[data-bs-theme="dark"] .download-section { background: var(--bg-light); }
[data-bs-theme="dark"] .download-card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .download-card:hover { box-shadow: 0 8px 24px rgba(167, 139, 250, 0.15); border-color: var(--primary); }

[data-bs-theme="dark"] .carousel-news-section,
[data-bs-theme="dark"] .features-section,
[data-bs-theme="dark"] .rank-preview-section,
[data-bs-theme="dark"] .stats-section { background: var(--bg-white); }

[data-bs-theme="dark"] .carousel-item { background: var(--bg-light); }
[data-bs-theme="dark"] .feature-card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .feature-card:hover { box-shadow: 0 8px 24px rgba(167, 139, 250, 0.15); border-color: var(--primary); }

[data-bs-theme="dark"] .card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .btn-outline-primary { color: var(--primary); border-color: var(--primary); }
[data-bs-theme="dark"] .btn-outline-primary:hover { background: var(--primary); color: white; }
[data-bs-theme="dark"] .btn-secondary { background: var(--bg-light); color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .btn-secondary:hover { background: var(--border-color); color: var(--text-dark); }

[data-bs-theme="dark"] .news-page-panel { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .news-page-filters { border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .news-page-filter { color: var(--text-muted); }
[data-bs-theme="dark"] .news-page-filter:hover { color: var(--primary); }
[data-bs-theme="dark"] .news-page-filter.active { color: var(--primary); }
[data-bs-theme="dark"] .news-page-filter.active::after { background: var(--primary); }

[data-bs-theme="dark"] .shop-toolbar,
[data-bs-theme="dark"] .shop-board { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .shop-toolbar-row { border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .shop-toolbar-label { color: var(--text-muted); }
[data-bs-theme="dark"] .shop-toolbar-link { color: var(--text-dark); }
[data-bs-theme="dark"] .shop-toolbar-link:hover,
[data-bs-theme="dark"] .shop-toolbar-link.active { color: var(--primary); }
[data-bs-theme="dark"] .shop-cart-link { color: var(--text-dark); }
[data-bs-theme="dark"] .shop-cart-link:hover { color: var(--primary); }
[data-bs-theme="dark"] .shop-cart-count { background: var(--primary); color: white; }

[data-bs-theme="dark"] .shop-item { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); }
[data-bs-theme="dark"] .shop-item:hover { border-color: var(--primary); box-shadow: 0 4px 16px rgba(167, 139, 250, 0.15); }
[data-bs-theme="dark"] .shop-item-name { color: var(--text-dark); }
[data-bs-theme="dark"] .shop-item-price { color: var(--primary); }
[data-bs-theme="dark"] .shop-item-desc { color: var(--text-muted); }

[data-bs-theme="dark"] .news-detail-page { background: var(--bg-light); }
[data-bs-theme="dark"] .news-detail-card { background: var(--bg-glass); backdrop-filter: blur(12px); border-color: var(--border-color); }
[data-bs-theme="dark"] .news-detail-breadcrumb { color: var(--text-muted); }
[data-bs-theme="dark"] .news-detail-breadcrumb a { color: var(--text-muted); }
[data-bs-theme="dark"] .news-detail-breadcrumb a:hover { color: var(--primary); }
[data-bs-theme="dark"] .news-detail-breadcrumb .current { color: var(--primary); }
[data-bs-theme="dark"] .news-detail-heading { border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .news-detail-title { color: var(--primary); }
[data-bs-theme="dark"] .news-detail-time { color: var(--text-muted); }
[data-bs-theme="dark"] .news-detail-content { color: var(--text-dark); }
[data-bs-theme="dark"] .news-detail-content p { color: var(--text-dark); }
[data-bs-theme="dark"] .news-detail-content a { color: var(--primary); }
[data-bs-theme="dark"] .news-detail-content a:hover { color: var(--primary-light); }
[data-bs-theme="dark"] .news-detail-content table { border-color: var(--border-color); }
[data-bs-theme="dark"] .news-detail-content th,
[data-bs-theme="dark"] .news-detail-content td { border-color: var(--border-color); color: var(--text-dark); }
[data-bs-theme="dark"] .news-detail-content pre { background: var(--bg-light); color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .news-detail-content code { background: var(--bg-light); color: var(--primary); }
[data-bs-theme="dark"] .news-detail-footer { border-top-color: var(--border-color); color: var(--text-muted); }
[data-bs-theme="dark"] .news-detail-footer a { color: var(--primary); }
[data-bs-theme="dark"] .news-detail-footer a:hover { color: var(--primary-light); }

[data-bs-theme="dark"] body.shop-detail-reference-page,
[data-bs-theme="dark"] .shop-detail-page { background: #0f1117; }
[data-bs-theme="dark"] .shop-detail-back { color: #9a8cff; }
[data-bs-theme="dark"] .shop-detail-back:hover { color: #b7adff; }
[data-bs-theme="dark"] .shop-detail-title { color: #f8fafc; }
[data-bs-theme="dark"] .shop-detail-desc { color: #cbd5e1; }
[data-bs-theme="dark"] .shop-detail-media { background: #232638; }
[data-bs-theme="dark"] .shop-detail-media-empty { color: #9ca3af; }
[data-bs-theme="dark"] .shop-detail-price { color: #f08e7b; }
[data-bs-theme="dark"] .shop-detail-meta { color: #94a3b8; }
[data-bs-theme="dark"] .shop-detail-label { color: #cbd5e1; }
[data-bs-theme="dark"] .shop-detail-qty { background: #151926; border-color: #2b3040; }
[data-bs-theme="dark"] .shop-detail-qty button,
[data-bs-theme="dark"] .shop-detail-qty input { color: #f8fafc; }
[data-bs-theme="dark"] .shop-detail-qty button + input,
[data-bs-theme="dark"] .shop-detail-qty input + button { border-left-color: #2b3040; }
[data-bs-theme="dark"] .shop-btn-primary { background: transparent; color: #b7adff; border-color: #8b7dff; }
[data-bs-theme="dark"] .shop-btn-primary:hover { background: rgba(139, 125, 255, 0.12); }
[data-bs-theme="dark"] .shop-btn-danger { background: linear-gradient(135deg, #7d67f1, #6b58e8); color: #fff; box-shadow: 0 10px 18px rgba(95, 76, 221, 0.32); }
[data-bs-theme="dark"] .shop-btn-danger:hover { background: linear-gradient(135deg, #8a75ff, #6b58e8); }
[data-bs-theme="dark"] .shop-detail-content { border-top-color: #262b3d; }
[data-bs-theme="dark"] .shop-detail-content h2 { color: #f8fafc; }
[data-bs-theme="dark"] .shop-detail-content p { color: #cbd5e1; }

[data-bs-theme="dark"] body.order-reference-page,
[data-bs-theme="dark"] .order-page { background: #0f1117; }
[data-bs-theme="dark"] .order-heading h1,
[data-bs-theme="dark"] .order-section h2,
[data-bs-theme="dark"] .order-product-name,
[data-bs-theme="dark"] .order-total-line { color: #f8fafc; }
[data-bs-theme="dark"] .order-heading p,
[data-bs-theme="dark"] .order-price-line,
[data-bs-theme="dark"] .order-submit-total { color: #cbd5e1; }
[data-bs-theme="dark"] .order-empty { background: #171b27; color: #cbd5e1; }
[data-bs-theme="dark"] .order-error { background: rgba(127, 29, 29, 0.22); color: #fecaca; }
[data-bs-theme="dark"] .order-section { background: #171b27; }
[data-bs-theme="dark"] .order-divider { background-color: #293044; }
[data-bs-theme="dark"] .order-price-lines { border-bottom-color: #293044; }
[data-bs-theme="dark"] .order-product-thumb,
[data-bs-theme="dark"] .order-product-thumb span { background: #2a3042; }
[data-bs-theme="dark"] .order-price-line strong { color: #f8fafc; }
[data-bs-theme="dark"] .order-item-price { color: #94a3b8; }
[data-bs-theme="dark"] .order-item-price strong,
[data-bs-theme="dark"] .order-total-line strong,
[data-bs-theme="dark"] .order-submit-total strong { color: #f08e7b; }
[data-bs-theme="dark"] .order-item-delete { color: #94a3b8; }
[data-bs-theme="dark"] .order-item-delete:hover { color: #f08e7b; background: rgba(240, 142, 123, 0.14); }
[data-bs-theme="dark"] .order-pay-option { background: #111827; border-color: #293044; color: #cbd5e1; }
[data-bs-theme="dark"] .order-pay-option.active { background: rgba(139, 125, 255, 0.12); border-color: #8b7dff; color: #b7adff; }
[data-bs-theme="dark"] .order-pay-option i { border-color: #94a3b8; }
[data-bs-theme="dark"] .order-pay-option.active i,
[data-bs-theme="dark"] .order-pay-option.active i::after { border-color: #b7adff; background: #b7adff; }
[data-bs-theme="dark"] .order-submit-bar { background: rgba(15, 17, 23, 0.98); border-top-color: #293044; box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.28); }
[data-bs-theme="dark"] .order-btn.primary { background: linear-gradient(135deg, #7d67f1, #6b58e8); color: #fff; box-shadow: 0 10px 18px rgba(95, 76, 221, 0.32); }
[data-bs-theme="dark"] .order-btn.primary:hover { background: linear-gradient(135deg, #8a75ff, #6b58e8); }

[data-bs-theme="dark"] .order-success-page { background: var(--bg-light); }
[data-bs-theme="dark"] .order-success-card { background: var(--bg-glass); backdrop-filter: blur(12px); border-color: var(--border-color); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); }
[data-bs-theme="dark"] .order-success-icon { background: var(--primary); color: white; }
[data-bs-theme="dark"] .order-success-title { color: var(--text-dark); }
[data-bs-theme="dark"] .order-success-info { color: var(--text-muted); }
[data-bs-theme="dark"] .order-success-detail { background: var(--bg-light); border-color: var(--border-color); }
[data-bs-theme="dark"] .order-success-detail-label { color: var(--text-muted); }
[data-bs-theme="dark"] .order-success-detail-value { color: var(--text-dark); }

[data-bs-theme="dark"] body.order-success-reference-page { background: var(--bg-light); }
[data-bs-theme="dark"] .trade-success,
[data-bs-theme="dark"] .success-page { background: var(--bg-light); }
[data-bs-theme="dark"] .trade-success-card,
[data-bs-theme="dark"] .success-card { background: var(--bg-glass); backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); }
[data-bs-theme="dark"] .trade-success-icon,
[data-bs-theme="dark"] .success-icon { box-shadow: 0 12px 24px rgba(32, 201, 170, 0.16); }
[data-bs-theme="dark"] .trade-success-title,
[data-bs-theme="dark"] .success-card h1 { color: var(--text-dark); }
[data-bs-theme="dark"] .trade-success-sub,
[data-bs-theme="dark"] .success-subtitle { color: var(--text-muted); }
[data-bs-theme="dark"] .trade-detail,
[data-bs-theme="dark"] .success-detail-card,
[data-bs-theme="dark"] .trade-goods-list { background: var(--bg-light); border: 1px solid var(--border-color); }
[data-bs-theme="dark"] .trade-detail-row,
[data-bs-theme="dark"] .success-detail-row,
[data-bs-theme="dark"] .trade-goods-row { border-bottom-color: var(--border-color); color: var(--text-muted); }
[data-bs-theme="dark"] .trade-goods-header { border-bottom-color: var(--border-color); color: var(--text-muted); }
[data-bs-theme="dark"] .trade-detail-label { color: var(--text-muted); }
[data-bs-theme="dark"] .trade-detail-value,
[data-bs-theme="dark"] .success-detail-row strong,
[data-bs-theme="dark"] .trade-goods-row { color: var(--text-dark); }
[data-bs-theme="dark"] .trade-detail-value.price,
[data-bs-theme="dark"] .success-amount,
[data-bs-theme="dark"] .trade-goods-footer .tg-subtotal.price { color: #f08e7b; }
[data-bs-theme="dark"] .trade-detail-value.success-state,
[data-bs-theme="dark"] .success-state { color: #34d399; }
[data-bs-theme="dark"] .trade-goods-footer { color: var(--text-muted); }
[data-bs-theme="dark"] .success-empty { color: var(--text-muted); }
[data-bs-theme="dark"] .trade-success-actions .btn-secondary,
[data-bs-theme="dark"] .success-btn { background: var(--bg-light); color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .trade-success-actions .btn-secondary:hover,
[data-bs-theme="dark"] .success-btn:hover { background: var(--border-color); color: var(--text-dark); }
[data-bs-theme="dark"] .trade-success-actions .btn-primary,
[data-bs-theme="dark"] .success-btn.primary { background: linear-gradient(135deg, #7d67f1, #6b58e8); color: #fff; border-color: #7d67f1; box-shadow: 0 10px 18px rgba(95, 76, 221, 0.32); }
[data-bs-theme="dark"] .trade-success-actions .btn-primary:hover,
[data-bs-theme="dark"] .success-btn.primary:hover { background: linear-gradient(135deg, #8a75ff, #6b58e8); color: #fff; }

[data-bs-theme="dark"] .wheel-header { background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 100%); }
[data-bs-theme="dark"] .wheel-header h1 { color: #a78bfa; }
[data-bs-theme="dark"] .wheel-header p { color: #9b8fb0; }
[data-bs-theme="dark"] .wheel-section { background: var(--bg-light); }
[data-bs-theme="dark"] .user-status-card { background: transparent; }
[data-bs-theme="dark"] .status-item { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .status-label { color: var(--text-muted); }
[data-bs-theme="dark"] .status-value { color: var(--text-dark); }
[data-bs-theme="dark"] .purchase-mini-btn { background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%); box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4); }
[data-bs-theme="dark"] .purchase-mini-btn:hover { box-shadow: 0 4px 12px rgba(245, 158, 11, 0.6); }
[data-bs-theme="dark"] .lottery-box { background: var(--bg-glass); backdrop-filter: blur(12px); border-color: var(--border-color); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); }
[data-bs-theme="dark"] .lottery-item { background: linear-gradient(135deg, var(--bg-light) 0%, var(--border-color) 100%); border-color: var(--border-color); }
[data-bs-theme="dark"] .lottery-item .item-name { color: var(--text-dark); }
[data-bs-theme="dark"] .lottery-item.rare { border-color: #fbbf24; background: linear-gradient(135deg, #422006 0%, #78350f 100%); box-shadow: 0 0 10px rgba(251, 191, 36, 0.6); }
[data-bs-theme="dark"] .lottery-item.rare .item-icon { color: #fbbf24; }
[data-bs-theme="dark"] .lottery-item.rare .item-name { color: #fcd34d; }
[data-bs-theme="dark"] .lottery-item.rolling-active { border: 3px solid #a78bfa !important; background: linear-gradient(135deg, #2d1b4e 0%, #4c1d95 100%) !important; box-shadow: 0 0 20px rgba(167, 139, 250, 0.6), 0 0 40px rgba(167, 139, 250, 0.3) !important; }
[data-bs-theme="dark"] .lottery-item.rolling-active .item-icon { color: #a78bfa; }
[data-bs-theme="dark"] .lottery-btn { background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); box-shadow: 0 4px 12px rgba(167, 139, 250, 0.3); }
[data-bs-theme="dark"] .lottery-btn:hover { box-shadow: 0 6px 16px rgba(167, 139, 250, 0.5); }
[data-bs-theme="dark"] .lottery-btn-ten { background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4); }
[data-bs-theme="dark"] .lottery-btn-ten:hover { box-shadow: 0 6px 16px rgba(245, 158, 11, 0.6); }
[data-bs-theme="dark"] .winner-scroll-card { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .winner-scroll-header { color: var(--text-dark); border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .winner-name { color: var(--primary); }
[data-bs-theme="dark"] .winner-prize { color: #fbbf24; }
[data-bs-theme="dark"] .storage-section { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .storage-title { color: var(--text-dark); }
[data-bs-theme="dark"] .storage-count { color: var(--text-muted); }
[data-bs-theme="dark"] .storage-action-btn { background: var(--bg-light); color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .storage-action-btn:hover { background: var(--border-color); border-color: var(--primary); }
[data-bs-theme="dark"] .storage-action-btn.primary { background: var(--primary); color: white; border-color: var(--primary); }
[data-bs-theme="dark"] .storage-action-btn.danger { background: #d97706; color: white; border-color: #d97706; }
[data-bs-theme="dark"] .storage-item { background: var(--bg-light); border-color: var(--border-color); }
[data-bs-theme="dark"] .storage-item:hover { border-color: var(--primary); }
[data-bs-theme="dark"] .storage-item.selected { border-color: var(--primary); background: rgba(167, 139, 250, 0.08); }
[data-bs-theme="dark"] .storage-item-name { color: var(--text-dark); }
[data-bs-theme="dark"] .storage-item-time { color: var(--text-muted); }
[data-bs-theme="dark"] .storage-empty { color: var(--text-muted); }
[data-bs-theme="dark"] .wheel-tips { background: var(--bg-glass); backdrop-filter: blur(8px); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .wheel-tips h4 { color: var(--text-dark); }
[data-bs-theme="dark"] .wheel-tips li { color: var(--text-muted); }
[data-bs-theme="dark"] .modal-overlay { background: rgba(0, 0, 0, 0.7); }
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .modal-box { background: var(--bg-glass); backdrop-filter: blur(20px); border-color: var(--border-color); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }
[data-bs-theme="dark"] .modal-title,
[data-bs-theme="dark"] .modal-box h3 { color: var(--text-dark); }
[data-bs-theme="dark"] .modal-prize,
[data-bs-theme="dark"] .modal-box p { color: var(--text-muted); }
[data-bs-theme="dark"] .modal-btn { background: var(--bg-light); color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .modal-btn:hover { background: var(--border-color); }
[data-bs-theme="dark"] .modal-btn.secondary { background: var(--primary); color: white; border-color: var(--primary); }

[data-bs-theme="dark"] .news-page-row { border-bottom-color: var(--border-color); }
[data-bs-theme="dark"] .news-page-row-title { color: var(--text-dark); }
[data-bs-theme="dark"] .news-page-row:hover .news-page-row-title { color: var(--primary); }
[data-bs-theme="dark"] .news-page-row-date { color: var(--text-muted); }
[data-bs-theme="dark"] .news-page-tag { color: var(--text-muted); }
[data-bs-theme="dark"] .news-page-empty { color: var(--text-muted); }
[data-bs-theme="dark"] .news-page-breadcrumb { color: var(--text-muted); }
[data-bs-theme="dark"] .news-page-breadcrumb a { color: var(--text-muted); }
[data-bs-theme="dark"] .news-page-breadcrumb a:hover { color: var(--primary); }
[data-bs-theme="dark"] .news-page-breadcrumb .current { color: var(--primary); }
[data-bs-theme="dark"] .news-page-result { color: var(--text-muted); }

[data-bs-theme="dark"] body.news-reference-page,
[data-bs-theme="dark"] .news-page { background: var(--bg-light); }

[data-bs-theme="dark"] .news-page-intro h1 { color: var(--text-dark); }
[data-bs-theme="dark"] .news-page-filter {
    border-color: var(--border-color);
    background: transparent;
    color: var(--text-muted);
}
[data-bs-theme="dark"] .news-page-filter:hover {
    background: var(--bg-glass);
    color: var(--primary);
}
[data-bs-theme="dark"] .news-page-filter.active {
    border-color: transparent;
    background: linear-gradient(135deg, #7564ed, #9384f7);
    color: #fff;
}
[data-bs-theme="dark"] .news-page-row,
[data-bs-theme="dark"] .news-page-empty {
    background: var(--bg-glass);
    border-color: var(--border-color);
}
[data-bs-theme="dark"] .news-page-row:hover {
    background: rgba(167, 139, 250, 0.08);
}
[data-bs-theme="dark"] .news-page-tag {
    background: rgba(167, 139, 250, 0.14);
    color: var(--primary);
}

[data-bs-theme="dark"] body.shop-logs-reference-page { background: var(--bg-light); }
[data-bs-theme="dark"] .order-log-page { background: var(--bg-light); }
[data-bs-theme="dark"] .order-log-title { color: var(--text-dark); }
[data-bs-theme="dark"] .order-log-subtitle { color: var(--text-muted); }
[data-bs-theme="dark"] .order-log-filter { background: var(--bg-glass); color: var(--text-dark); border-color: var(--border-color); }
[data-bs-theme="dark"] .order-log-filter:hover { border-color: #8b7dff; color: #b7adff; }
[data-bs-theme="dark"] .order-log-filter.active { background: linear-gradient(135deg, #7d67f1, #6b58e8); color: #fff; border-color: #7d67f1; box-shadow: 0 8px 18px rgba(95, 76, 221, 0.24); }
[data-bs-theme="dark"] .order-log-divider { background: var(--border-color); }
[data-bs-theme="dark"] .order-log-table-wrap { background: var(--bg-glass); backdrop-filter: blur(10px); border-color: var(--border-color); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.24); }
[data-bs-theme="dark"] .order-log-table tbody tr { background: transparent; }
[data-bs-theme="dark"] .order-log-table tbody tr:hover { background: rgba(167, 139, 250, 0.06); }
[data-bs-theme="dark"] .order-log-table thead th { background: rgba(124, 58, 237, 0.08); color: var(--text-muted); }
[data-bs-theme="dark"] .order-log-table tbody td { border-top-color: var(--border-color); color: var(--text-dark); }
[data-bs-theme="dark"] .order-log-empty { color: var(--text-muted); }
[data-bs-theme="dark"] .order-log-status.completed { background: rgba(52, 211, 153, 0.12); color: #34d399; }
[data-bs-theme="dark"] .order-log-status.pending { background: rgba(251, 146, 60, 0.14); color: #fb923c; }
[data-bs-theme="dark"] .order-log-status.cancelled { background: rgba(148, 163, 184, 0.16); color: #cbd5e1; }
[data-bs-theme="dark"] .order-log-action { color: #b7adff; }
[data-bs-theme="dark"] .order-log-action:hover { color: #d1cbff; }

[data-bs-theme="dark"] .clan-header { background: linear-gradient(135deg, #1a0e2e 0%, #0f0d1a 100%); }

[data-bs-theme="dark"] body.news-detail-reference-page { background: var(--bg-light); }
[data-bs-theme="dark"] .news-detail-adjacent { border-top-color: var(--border-color); }
[data-bs-theme="dark"] .news-detail-adjacent-card { background: var(--bg-glass); color: var(--text-dark); }
[data-bs-theme="dark"] .news-detail-adjacent-card:hover { background: rgba(167, 139, 250, 0.08); }
[data-bs-theme="dark"] .news-detail-adjacent-card.is-disabled:hover { background: var(--bg-glass); }
[data-bs-theme="dark"] .news-detail-adjacent-card strong { color: var(--text-dark); }
[data-bs-theme="dark"] .clan-card { background: var(--bg-glass); backdrop-filter: blur(8px); }
[data-bs-theme="dark"] .clan-user-card { background: var(--bg-glass); backdrop-filter: blur(8px); }
[data-bs-theme="dark"] .clan-user-stats { background: var(--bg-light); }
[data-bs-theme="dark"] .clan-rank-item { background: var(--bg-glass); backdrop-filter: blur(8px); }
[data-bs-theme="dark"] .clan-rank-item:hover { background: rgba(167, 139, 250, 0.08); }
[data-bs-theme="dark"] .clan-members-info { background: var(--bg-glass); backdrop-filter: blur(8px); }
[data-bs-theme="dark"] .clan-members-table th { background: var(--bg-light); }

/* User center contrast fixes: /user /ycoin /inventory */
[data-bs-theme="dark"] .user-center-layout .menu-card,
[data-bs-theme="dark"] .user-center-layout .profile-card {
    background: rgba(17, 24, 39, 0.86);
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
}
[data-bs-theme="dark"] .user-center-layout .card-title,
[data-bs-theme="dark"] .user-center-layout .info-item span,
[data-bs-theme="dark"] .user-center-layout .info-item a,
[data-bs-theme="dark"] .user-center-layout .menu-item,
[data-bs-theme="dark"] .inv-section h3,
[data-bs-theme="dark"] .inv-card .card-name {
    color: #f8fafc !important;
}
[data-bs-theme="dark"] .user-center-layout .info-item {
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.16);
}
[data-bs-theme="dark"] .user-center-layout .info-item label,
[data-bs-theme="dark"] .user-center-layout .info-item small,
[data-bs-theme="dark"] .inv-card .card-date,
[data-bs-theme="dark"] .empty-tip {
    color: #cbd5e1 !important;
}
[data-bs-theme="dark"] .user-center-layout .menu-item:hover {
    background: rgba(167, 139, 250, 0.12);
    color: #c4b5fd !important;
}
[data-bs-theme="dark"] .user-center-layout .menu-item.logout {
    color: #fca5a5 !important;
}
[data-bs-theme="dark"] .user-center-layout .menu-item.logout:hover {
    background: rgba(220, 38, 38, 0.16);
    color: #fecaca !important;
}

/* Shop dark image/background tuning */
[data-bs-theme="dark"] .shop-page {
    background: var(--bg-light);
}
[data-bs-theme="dark"] .shop-page-intro h1,
[data-bs-theme="dark"] .shop-sidebar h2,
[data-bs-theme="dark"] .shop-card-title {
    color: var(--text-dark);
}
[data-bs-theme="dark"] .shop-page-intro p {
    color: var(--text-muted);
}
[data-bs-theme="dark"] .shop-sidebar h2 {
    border-bottom-color: var(--border-color);
}
[data-bs-theme="dark"] .shop-category-link {
    color: var(--text-muted);
}
[data-bs-theme="dark"] .shop-category-link:hover {
    background: rgba(167, 139, 250, 0.08);
    color: var(--primary);
}
[data-bs-theme="dark"] .shop-category-link.active {
    color: #fff;
}
[data-bs-theme="dark"] .shop-toolbar {
    background: transparent;
    border: 0;
}
[data-bs-theme="dark"] .shop-search input,
[data-bs-theme="dark"] .shop-cart-link,
[data-bs-theme="dark"] .shop-currency-filter,
[data-bs-theme="dark"] .shop-page-btn,
[data-bs-theme="dark"] .shop-page-nav {
    background: var(--bg-white);
    border-color: var(--border-color);
    color: var(--text-muted);
}
[data-bs-theme="dark"] .shop-search input {
    color: var(--text-dark);
}
[data-bs-theme="dark"] .shop-search input:focus {
    border-color: var(--primary);
}
[data-bs-theme="dark"] .shop-currency-filter:hover,
[data-bs-theme="dark"] .shop-cart-link:hover {
    background: rgba(167, 139, 250, 0.08);
    color: var(--primary);
}
[data-bs-theme="dark"] .shop-currency-filter.active,
[data-bs-theme="dark"] .shop-page-btn.active {
    border-color: transparent;
    color: #fff;
}
[data-bs-theme="dark"] .shop-item {
    background: var(--bg-white);
    border: 0;
}
[data-bs-theme="dark"] .shop-thumb {
    background: #29263a;
}
[data-bs-theme="dark"] .shop-thumb img {
    filter: none;
}
[data-bs-theme="dark"] .shop-thumb-empty,
[data-bs-theme="dark"] .shop-filter-empty,
[data-bs-theme="dark"] .shop-empty {
    color: var(--text-muted);
}
[data-bs-theme="dark"] .shop-card-body {
    background: var(--bg-white);
}
[data-bs-theme="dark"] .shop-card-actions {
    background: var(--bg-white);
}
[data-bs-theme="dark"] .shop-add-cart-btn {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-muted);
}
[data-bs-theme="dark"] .shop-add-cart-btn:hover,
[data-bs-theme="dark"] .shop-add-cart-btn.is-loading,
[data-bs-theme="dark"] .shop-add-cart-btn.is-added {
    background: rgba(167, 139, 250, 0.08);
    border-color: var(--primary);
    color: var(--primary);
}
[data-bs-theme="dark"] .shop-buy-btn {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}
[data-bs-theme="dark"] .shop-buy-btn:hover {
    background: var(--primary-dark);
    color: #fff;
}
[data-bs-theme="dark"] .shop-cart-count {
    border-color: var(--bg-light);
}
[data-bs-theme="dark"] .shop-page-nav.disabled {
    background: rgba(255, 255, 255, 0.03);
    color: #5f5870;
}

/* Homepage rank preview was too bright in dark mode */
[data-bs-theme="dark"] .rank-preview-section,
[data-bs-theme="dark"] .stats-section {
    background: #0b1020;
}
[data-bs-theme="dark"] .rank-preview-card,
[data-bs-theme="dark"] .rank-preview-card.rank-1,
[data-bs-theme="dark"] .rank-preview-card.rank-2,
[data-bs-theme="dark"] .rank-preview-card.rank-3 {
    background: rgba(17, 24, 39, 0.86);
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}
[data-bs-theme="dark"] .rank-preview-card.rank-1 { border-color: rgba(250, 204, 21, 0.55); }
[data-bs-theme="dark"] .rank-preview-card.rank-2 { border-color: rgba(203, 213, 225, 0.42); }
[data-bs-theme="dark"] .rank-preview-card.rank-3 { border-color: rgba(251, 146, 60, 0.45); }
[data-bs-theme="dark"] .rank-preview-name {
    color: #f8fafc;
}
[data-bs-theme="dark"] .rank-preview-stats,
[data-bs-theme="dark"] .stat-label {
    color: #cbd5e1;
}

[data-bs-theme="dark"] body.download-reference-page,
[data-bs-theme="dark"] .download-reference-page .download-page,
[data-bs-theme="dark"] .download-reference-page .download-page-intro {
    background: var(--bg-light);
}
[data-bs-theme="dark"] .download-reference-page .download-page-intro h1,
[data-bs-theme="dark"] .download-reference-page .rank-header h2,
[data-bs-theme="dark"] .download-reference-page .dl-platform-name,
[data-bs-theme="dark"] .download-reference-page .config-card-title,
[data-bs-theme="dark"] .download-reference-page .config-value {
    color: var(--text-dark);
}
[data-bs-theme="dark"] .download-reference-page .download-page-intro .page-subtitle,
[data-bs-theme="dark"] .download-reference-page .rank-header .rank-note,
[data-bs-theme="dark"] .download-reference-page .dl-meta,
[data-bs-theme="dark"] .download-reference-page .config-card-sub,
[data-bs-theme="dark"] .download-reference-page .config-label,
[data-bs-theme="dark"] .download-reference-page .config-footnote,
[data-bs-theme="dark"] .download-reference-page .download-empty {
    color: var(--text-muted);
}
[data-bs-theme="dark"] .download-reference-page .rank-header {
    background: transparent;
}
[data-bs-theme="dark"] .download-reference-page .dl-card,
[data-bs-theme="dark"] .download-reference-page .config-card,
[data-bs-theme="dark"] .download-reference-page .config-footnote,
[data-bs-theme="dark"] .download-reference-page .download-empty {
    background: var(--bg-white);
}
[data-bs-theme="dark"] .download-reference-page .dl-card:hover {
    background: #201b31;
}
[data-bs-theme="dark"] .download-reference-page .dl-card.recommended,
[data-bs-theme="dark"] .download-reference-page .config-card.recommended {
    background: rgba(167, 139, 250, 0.08);
    border-color: var(--primary);
}
[data-bs-theme="dark"] .download-reference-page .dl-platform-icon,
[data-bs-theme="dark"] .download-reference-page .dl-btn {
    background: var(--bg-light);
    border-color: var(--border-color);
    color: var(--primary);
}
[data-bs-theme="dark"] .download-reference-page .dl-btn:hover {
    background: #211b31;
    color: var(--primary-light);
}
[data-bs-theme="dark"] .download-reference-page .dl-card.recommended .dl-btn {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    color: #fff;
}
[data-bs-theme="dark"] .download-reference-page .config-row {
    border-bottom-color: var(--border-color);
}

/* User center reference pages */
[data-bs-theme="dark"] body.uc-reference-page {
    background: #0f0d1a;
    color: #f8fafc;
}

[data-bs-theme="dark"] body.uc-reference-page .page-header {
    background: none;
}

[data-bs-theme="dark"] body.uc-reference-page .page-header h1,
[data-bs-theme="dark"] body.uc-reference-page .uc-section-title,
[data-bs-theme="dark"] body.uc-reference-page .uc-sidebar-name,
[data-bs-theme="dark"] body.uc-reference-page .uc-profile-value,
[data-bs-theme="dark"] body.uc-reference-page .uc-action-name,
[data-bs-theme="dark"] body.uc-reference-page .uc-form-static,
[data-bs-theme="dark"] body.uc-reference-page .uc-balance-value,
[data-bs-theme="dark"] body.uc-reference-page .uc-inventory-title,
[data-bs-theme="dark"] body.uc-reference-page .uc-wh-name {
    color: #f8fafc;
}

[data-bs-theme="dark"] body.uc-reference-page .page-header .page-subtitle,
[data-bs-theme="dark"] body.uc-reference-page .uc-sidebar-id,
[data-bs-theme="dark"] body.uc-reference-page .uc-profile-label,
[data-bs-theme="dark"] body.uc-reference-page .uc-form-label,
[data-bs-theme="dark"] body.uc-reference-page .uc-form-hint,
[data-bs-theme="dark"] body.uc-reference-page .uc-balance-label,
[data-bs-theme="dark"] body.uc-reference-page .uc-pay-tab span,
[data-bs-theme="dark"] body.uc-reference-page .uc-inventory-count,
[data-bs-theme="dark"] body.uc-reference-page .uc-wh-desc,
[data-bs-theme="dark"] body.uc-reference-page .uc-empty {
    color: #cbd5e1;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-sidebar-card,
[data-bs-theme="dark"] body.uc-reference-page .uc-menu,
[data-bs-theme="dark"] body.uc-reference-page .uc-profile-card,
[data-bs-theme="dark"] body.uc-reference-page .uc-form-card {
    background: rgba(17, 24, 39, 0.86);
}

[data-bs-theme="dark"] body.uc-reference-page .uc-section {
    background: transparent;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-section-title,
[data-bs-theme="dark"] body.uc-reference-page .uc-profile-row,
[data-bs-theme="dark"] body.uc-reference-page .uc-inline-tabs {
    border-color: rgba(148, 163, 184, 0.22);
}

[data-bs-theme="dark"] body.uc-reference-page .uc-menu-item {
    border-color: transparent;
    color: #e5edf7;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-menu-item:hover,
[data-bs-theme="dark"] body.uc-reference-page .uc-menu-item.active {
    background: rgba(108, 92, 231, 0.18);
    color: #c4b5fd;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-menu-item.active {
    border-left-color: #c4b5fd;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-action-card,
[data-bs-theme="dark"] body.uc-reference-page .uc-balance-card,
[data-bs-theme="dark"] body.uc-reference-page .uc-pay-tab,
[data-bs-theme="dark"] body.uc-reference-page .uc-data-table,
[data-bs-theme="dark"] body.uc-reference-page .uc-category-btn,
[data-bs-theme="dark"] body.uc-reference-page .uc-wh-card,
[data-bs-theme="dark"] body.uc-reference-page .uc-pagination a,
[data-bs-theme="dark"] body.uc-reference-page .uc-pagination span,
[data-bs-theme="dark"] body.uc-reference-page .uc-btn-secondary {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.72);
    color: #e5edf7;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-action-card:hover,
[data-bs-theme="dark"] body.uc-reference-page .uc-pay-tab:hover,
[data-bs-theme="dark"] body.uc-reference-page .uc-pay-tab.active,
[data-bs-theme="dark"] body.uc-reference-page .uc-category-btn:hover,
[data-bs-theme="dark"] body.uc-reference-page .uc-category-btn.active {
    border-color: rgba(196, 181, 253, 0.86);
    background: rgba(108, 92, 231, 0.24);
    color: #fff;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-form-input,
[data-bs-theme="dark"] body.uc-reference-page .uc-form-textarea {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(15, 23, 42, 0.78);
    color: #f8fafc;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-form-input:focus,
[data-bs-theme="dark"] body.uc-reference-page .uc-form-textarea:focus {
    border-color: rgba(196, 181, 253, 0.9);
    background: rgba(17, 24, 39, 0.92);
}

[data-bs-theme="dark"] body.uc-reference-page .uc-data-table th {
    background: rgba(30, 41, 59, 0.96);
    color: #cbd5e1;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-data-table td {
    border-color: rgba(148, 163, 184, 0.18);
    color: #e5edf7;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-qrcode-placeholder {
    border-color: rgba(148, 163, 184, 0.28);
    color: #cbd5e1;
}

[data-bs-theme="dark"] body.uc-reference-page .uc-wh-icon {
    background: rgba(30, 41, 59, 0.9);
}

[data-bs-theme="dark"] body.uc-reference-page .uc-pagination .active {
    border-color: rgba(196, 181, 253, 0.86);
    background: rgba(108, 92, 231, 0.9);
    color: #fff;
}

[data-bs-theme="dark"] body.uc-reference-page .modal-box {
    background: #111827;
}

[data-bs-theme="dark"] body.uc-reference-page .modal-box h3 {
    color: #f8fafc;
}

[data-bs-theme="dark"] body.uc-reference-page .modal-box p {
    color: #cbd5e1;
}

@media (max-width: 992px) {
    [data-bs-theme="dark"] body.uc-reference-page .uc-menu-item.active {
        border-bottom-color: #c4b5fd;
        border-left-color: transparent;
    }
}