/** * 800BUS Dark Theme — Pornhub 经典黑橙配色 * 黑色背景 + 橙色高亮 + 紧凑布局 * 通过 激活 */ /* ── CSS 变量（全局覆盖） ── */ [data-theme="dark"] { --ink: #ffffff; --ink-soft: #e0e0e0; --muted: #b0b0b0; --mute: #8a8a8a; --line: #2a2a2a; --line-strong: #3a3a3a; --accent: #ff9000; --accent-hover: #ffaa33; --accent-soft: rgba(255,144,0,0.12); --gold: #ff9000; --rose: #ff3838; --surface: #1a1a1a; --surface-2: #232323; --surface-3: #2c2c2c; --bg: #0f0f0f; --bg-deep: #000000; /* admin 后台 CSS 变量覆盖 */ --primary: #ff9000; --primary-light: #ffaa33; --primary-dark: #e68000; --card: #1a1a1a; --text: #f0f0f0; --text-muted: #999; --border: #2a2a2a; --sidebar-hover: #1e1e1e; --shadow-sm: 0 1px 2px rgba(0,0,0,0.4); --shadow: 0 4px 8px rgba(0,0,0,0.5); --shadow-lg: 0 10px 24px rgba(0,0,0,0.6); } /* ── 全局 ── */ [data-theme="dark"] body { background-color: #0f0f0f !important; background-image: none !important; color: var(--ink); font-feature-settings: "tnum"; } [data-theme="dark"] ::selection { background: var(--accent); color: #000; } /* ── 顶部导航（紧凑黑色横条） ── */ [data-theme="dark"] .nav, [data-theme="dark"] header.navbar, [data-theme="dark"] .top-bar, [data-theme="dark"] .topnav { background: #0a0a0a !important; border-bottom: 1px solid var(--line) !important; height: 44px !important; padding: 0 20px !important; box-shadow: 0 1px 0 rgba(255,144,0,0.08); } @media(max-width:768px){ [data-theme="dark"] .nav { height: 42px !important; padding: 0 12px !important; } } [data-theme="dark"] .nav .logo, [data-theme="dark"] header.navbar .logo { color: var(--accent) !important; font-weight: 800 !important; letter-spacing: 0.06em !important; font-size: 16px !important; } [data-theme="dark"] .logo-800, [data-theme="dark"] .nav .logo-800, [data-theme="dark"] h1 .logo-800, [data-theme="dark"] .hero h1 .logo-800 { color: #fff !important; } [data-theme="dark"] .logo-bus, [data-theme="dark"] .nav .logo-bus, [data-theme="dark"] h1 .logo-bus, [data-theme="dark"] .hero h1 .logo-bus { background: #ff9000 !important; color: #000 !important; -webkit-text-fill-color: #000 !important; box-shadow: 0 0 8px rgba(255,144,0,0.3); } [data-theme="dark"] .nav .logo::before { background: var(--accent) !important; box-shadow: 0 0 8px var(--accent) !important; } [data-theme="dark"] .nav .links { gap: 0 !important; } [data-theme="dark"] .nav .links a { color: #cfcfcf !important; font-size: 12px !important; font-weight: 600 !important; padding: 6px 10px !important; border-radius: 2px !important; text-transform: uppercase; letter-spacing: 0.02em; } [data-theme="dark"] .nav .links a:hover { color: var(--accent) !important; background: var(--accent-soft) !important; } [data-theme="dark"] .nav .links a.admin-tag { background: var(--rose) !important; color: #fff !important; text-transform: uppercase; } [data-theme="dark"] .nav .links a.admin-tag:hover { background: #ff5555 !important; color: #fff !important; } [data-theme="dark"] .menu-btn { color: var(--ink) !important; } /* ── 通知铃铛 ── */ [data-theme="dark"] .noti-bell-btn:hover { background: var(--accent-soft) !important; color: var(--accent) !important; } [data-theme="dark"] .noti-dropdown { background: var(--surface) !important; border: 1px solid var(--line) !important; box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important; } [data-theme="dark"] .noti-dropdown-header { border-bottom: 1px solid var(--line) !important; background: #161616 !important; } [data-theme="dark"] .noti-dropdown-header > span { color: var(--ink) !important; } [data-theme="dark"] .noti-dropdown-header button { color: var(--accent) !important; } [data-theme="dark"] .noti-dropdown-header button:hover { background: var(--accent-soft) !important; } [data-theme="dark"] .noti-item { border-bottom-color: var(--line) !important; } [data-theme="dark"] .noti-item:hover { background: #222 !important; } [data-theme="dark"] .noti-item.unread { background: var(--accent-soft) !important; border-left: 2px solid var(--accent) !important; } [data-theme="dark"] .noti-item .noti-title { color: var(--ink) !important; } [data-theme="dark"] .noti-item .noti-content { color: var(--muted) !important; } [data-theme="dark"] .noti-item .noti-time { color: var(--mute) !important; } [data-theme="dark"] .noti-type-system { background: #2a2a2a !important; color: var(--muted) !important; } [data-theme="dark"] .noti-type-approved { background: rgba(34,197,94,0.15) !important; color: #4ade80 !important; } [data-theme="dark"] .noti-type-rejected { background: rgba(239,68,68,0.15) !important; color: #ff6b6b !important; } [data-theme="dark"] .noti-type-reply { background: var(--accent-soft) !important; color: var(--accent) !important; } [data-theme="dark"] .noti-dropdown-footer { border-top: 1px solid var(--line) !important; background: #161616 !important; } [data-theme="dark"] .noti-dropdown-footer a { color: var(--accent) !important; } @media(max-width:640px){ [data-theme="dark"] .noti-dropdown-inner { background: var(--surface) !important; border-color: var(--line) !important; } } /* ── HERO（紧凑深色背景） ── */ [data-theme="dark"] .hero { background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%) !important; padding: 40px 0 28px !important; border-bottom: 1px solid var(--line); } [data-theme="dark"] .hero h1 { color: #fff !important; text-shadow: 0 0 24px rgba(255,144,0,0.25); } [data-theme="dark"] .hero h1::after { content: ''; } [data-theme="dark"] .hero .subtitle { color: var(--accent) !important; text-transform: uppercase; letter-spacing: 0.15em; font-size: 12px !important; font-weight: 600; } /* ── SEARCH（橙色按钮黑底） ── */ [data-theme="dark"] .search-bar { background: #000 !important; border: 1px solid var(--line) !important; border-radius: 2px !important; box-shadow: 0 0 0 1px transparent; transition: border-color .15s, box-shadow .15s; } [data-theme="dark"] .search-bar:focus-within { border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent) !important; } [data-theme="dark"] .search-bar input { color: var(--ink) !important; font-weight: 500 !important; } [data-theme="dark"] .search-bar input::placeholder { color: #666 !important; text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; } [data-theme="dark"] .search-bar button { background: var(--accent) !important; color: #000 !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 2px !important; } [data-theme="dark"] .search-bar button:hover { background: var(--accent-hover) !important; box-shadow: 0 0 12px rgba(255,144,0,0.4); } /* ── SECTION NAV（分类导航：黑底橙字标签） ── */ [data-theme="dark"] .section-nav { gap: 4px !important; } [data-theme="dark"] .section-nav a { background: #1a1a1a !important; color: #ccc !important; border: 1px solid #2a2a2a !important; border-radius: 2px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.05em; padding: 6px 14px !important; transition: all .12s !important; } [data-theme="dark"] .section-nav a:hover { border-color: var(--accent) !important; color: var(--accent) !important; background: var(--accent-soft) !important; } [data-theme="dark"] .section-nav a.active { background: var(--accent) !important; color: #000 !important; border-color: var(--accent) !important; box-shadow: 0 0 12px rgba(255,144,0,0.3); } /* ── TAGS CLOUD ── */ [data-theme="dark"] .tags-cloud { gap: 4px !important; margin-top: 10px !important; } [data-theme="dark"] .tags-cloud a { background: transparent !important; color: #999 !important; border: 1px solid #2a2a2a !important; border-radius: 2px !important; font-size: 11px !important; padding: 3px 9px !important; text-transform: lowercase; } [data-theme="dark"] .tags-cloud a:hover { background: var(--accent) !important; color: #000 !important; border-color: var(--accent) !important; } /* ── NOTICE BAR（公告） ── */ [data-theme="dark"] .notice-bar > details { background: rgba(255,144,0,0.08) !important; border: 1px solid rgba(255,144,0,0.3) !important; border-left: 3px solid var(--accent) !important; } [data-theme="dark"] .notice-bar.banned > details { background: rgba(239,68,68,0.08) !important; border-color: rgba(239,68,68,0.3) !important; border-left: 3px solid var(--rose) !important; } [data-theme="dark"] .notice-bar .notice-content { color: #d0d0d0 !important; } [data-theme="dark"] .notice-bar summary { color: var(--accent) !important; text-transform: uppercase; font-size: 12px !important; letter-spacing: 0.05em; } [data-theme="dark"] .notice-bar.banned summary { color: var(--rose) !important; } [data-theme="dark"] .notice-bar .notice-label-extra a { color: var(--accent) !important; } [data-theme="dark"] .notice-bar.banned .notice-label-extra a { color: var(--rose) !important; } /* ── STATS CARD（统计卡片：黑底大数字） ── */ [data-theme="dark"] .stats-card { background: linear-gradient(180deg, #1a1a1a 0%, #141414 100%) !important; border: 1px solid var(--line) !important; border-radius: 3px !important; box-shadow: 0 1px 0 rgba(255,144,0,0.05) inset; } [data-theme="dark"] .stat-item + .stat-item::before { background: var(--line) !important; } [data-theme="dark"] .stat-value { color: #fff !important; font-weight: 800 !important; text-shadow: 0 0 16px rgba(255,144,0,0.15); } [data-theme="dark"] .stat-item.blue .stat-value { color: #4dabff !important; } [data-theme="dark"] .stat-item.green .stat-value { color: #4ade80 !important; } [data-theme="dark"] .stat-item.orange .stat-value { color: var(--accent) !important; } [data-theme="dark"] .stat-item.purple .stat-value { color: #b07cff !important; } [data-theme="dark"] .stat-item.teal .stat-value { color: #2dd4bf !important; } [data-theme="dark"] .stat-label { color: #888 !important; letter-spacing: 0.08em; } /* ── ADMIN GRID ── */ [data-theme="dark"] .admin-grid { gap: 8px !important; } [data-theme="dark"] .admin-grid > div { background: #1a1a1a !important; border: 1px solid var(--line) !important; border-left: 3px solid var(--accent) !important; color: var(--ink) !important; border-radius: 2px !important; transition: all .15s; } [data-theme="dark"] .admin-grid > div:hover { border-color: var(--accent) !important; background: #222 !important; transform: translateX(2px); } /* ── PHOTO GRID（核心：紧凑黑色缩略图网格） ── */ [data-theme="dark"] .photo-grid { gap: 6px !important; } [data-theme="dark"] .photo-grid .photo-card, [data-theme="dark"] .archive-grid .photo-card, [data-theme="dark"] .fav-grid .photo-card { background: #1a1a1a !important; border: 1px solid #252525 !important; border-radius: 2px !important; transition: all .15s ease; } [data-theme="dark"] .photo-card:hover { border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent), 0 8px 24px rgba(0,0,0,0.5) !important; transform: translateY(-2px); } [data-theme="dark"] .photo-card .photo-img { background: #0a0a0a !important; } [data-theme="dark"] .photo-card .photo-info { background: #1a1a1a !important; padding: 8px 10px 10px !important; border-top: 1px solid #222; } [data-theme="dark"] .photo-card .photo-brand { color: #fff !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.02em; } [data-theme="dark"] .photo-card .photo-meta { color: #888 !important; font-size: 10px !important; text-transform: uppercase; letter-spacing: 0.04em; } [data-theme="dark"] .photo-card .photo-meta::before { content: '⏱ '; color: var(--accent); } /* ── FEATURED SCROLL（精选横滚） ── */ [data-theme="dark"] .featured-item { background: #1a1a1a !important; border: 1px solid #252525 !important; border-radius: 2px !important; } [data-theme="dark"] .featured-item:hover { border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent) !important; } [data-theme="dark"] .featured-item .featured-badge { background: var(--accent) !important; color: #000 !important; font-weight: 800 !important; text-transform: uppercase; font-size: 9px !important; letter-spacing: 0.08em; border-radius: 1px !important; } /* ── EXPLORE CARD（探索 CTA：深色渐变） ── */ [data-theme="dark"] .explore-card { background: linear-gradient(135deg, #ff9000 0%, #ff5500 100%) !important; border: 1px solid var(--accent) !important; color: #000 !important; border-radius: 3px !important; position: relative; overflow: hidden; } [data-theme="dark"] .explore-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.2) 100%); pointer-events: none; } [data-theme="dark"] .explore-card:hover { box-shadow: 0 0 24px rgba(255,144,0,0.4) !important; transform: translateY(-1px); } [data-theme="dark"] .explore-card .ec-icon { background: rgba(0,0,0,0.25) !important; border-color: rgba(0,0,0,0.3) !important; color: #000 !important; } [data-theme="dark"] .explore-card .ec-text h3 { color: #000 !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0.02em; } [data-theme="dark"] .explore-card .ec-text p { color: rgba(0,0,0,0.7) !important; font-weight: 600; } [data-theme="dark"] .explore-card .ec-arrow { color: #000 !important; font-weight: 700; } /* ── RANK GRID（排行榜：黑底金/银/铜数字） ── */ [data-theme="dark"] .rank-grid { gap: 6px !important; } [data-theme="dark"] .rank-card { background: #1a1a1a !important; border: 1px solid #252525 !important; border-radius: 2px !important; } [data-theme="dark"] .rank-card:hover { border-color: var(--accent) !important; background: #222 !important; } [data-theme="dark"] .rank-num { color: #555 !important; font-family: "Inter", monospace; font-weight: 800 !important; } [data-theme="dark"] .rank-card:nth-child(1) { background: linear-gradient(90deg, rgba(255,144,0,0.1) 0%, #1a1a1a 50%) !important; border-left: 3px solid #ff9000 !important; } [data-theme="dark"] .rank-card:nth-child(1) .rank-num { color: #ff9000 !important; } [data-theme="dark"] .rank-card:nth-child(2) { background: linear-gradient(90deg, rgba(192,192,192,0.08) 0%, #1a1a1a 50%) !important; border-left: 3px solid #c0c0c0 !important; } [data-theme="dark"] .rank-card:nth-child(2) .rank-num { color: #c0c0c0 !important; } [data-theme="dark"] .rank-card:nth-child(3) { background: linear-gradient(90deg, rgba(205,127,50,0.08) 0%, #1a1a1a 50%) !important; border-left: 3px solid #cd7f32 !important; } [data-theme="dark"] .rank-card:nth-child(3) .rank-num { color: #cd7f32 !important; } [data-theme="dark"] .rank-info b { color: #fff !important; font-weight: 700; } [data-theme="dark"] .rank-info span { color: #888 !important; } /* ── PENDING BANNER ── */ [data-theme="dark"] .pending-banner { background: rgba(255,144,0,0.08) !important; border: 1px solid rgba(255,144,0,0.3) !important; border-left: 3px solid var(--accent) !important; } [data-theme="dark"] .pending-banner .icon { color: var(--accent) !important; } [data-theme="dark"] .pending-banner .text strong { color: #fff !important; } [data-theme="dark"] .pending-banner .text span { color: #aaa !important; } /* ── NEWS CARD（资讯：黑底悬浮） ── */ [data-theme="dark"] .news-card { background: #1a1a1a !important; border: 1px solid #252525 !important; border-radius: 2px !important; } [data-theme="dark"] .news-card:hover { border-color: var(--accent) !important; box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important; } [data-theme="dark"] .news-card .news-title { color: #fff !important; font-weight: 700; } [data-theme="dark"] .news-card .news-meta, [data-theme="dark"] .news-card .news-content { color: #aaa !important; } /* ── SECTION HEADER ── */ [data-theme="dark"] .section-title { color: #fff !important; text-transform: uppercase; letter-spacing: 0.04em; font-size: 14px !important; font-weight: 800 !important; padding-left: 10px; border-left: 3px solid var(--accent); line-height: 1.2; } [data-theme="dark"] .section-link { background: #1a1a1a !important; color: #ccc !important; border: 1px solid #2a2a2a !important; border-radius: 2px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 12px !important; } [data-theme="dark"] .section-link:hover { color: var(--accent) !important; border-color: var(--accent) !important; background: var(--accent-soft) !important; } /* ── FOOTER（页脚：深黑） ── */ [data-theme="dark"] footer { background: #0a0a0a !important; border-top: 2px solid var(--accent) !important; padding: 32px 32px 20px !important; } [data-theme="dark"] footer p { color: #888 !important; } [data-theme="dark"] footer a { color: #ccc !important; } [data-theme="dark"] footer a:hover { color: var(--accent) !important; } [data-theme="dark"] .footer-logo { color: #fff !important; font-weight: 800; letter-spacing: 0.04em; } [data-theme="dark"] .footer-logo::before { background: var(--accent) !important; box-shadow: 0 0 8px var(--accent); } [data-theme="dark"] .footer-links { border-bottom-color: var(--line) !important; } [data-theme="dark"] .footer-links a { color: #999 !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.05em; } [data-theme="dark"] .footer-links a:hover { color: var(--accent) !important; } /* ── DONATE BANNER（赞助条：橙色高亮） ── */ [data-theme="dark"] .donate-banner { background: linear-gradient(90deg, #ff9000 0%, #ff5500 100%) !important; color: #000 !important; border-top: none !important; font-weight: 600; padding: 18px 32px !important; } [data-theme="dark"] .donate-banner a { background: #000 !important; color: var(--accent) !important; border-radius: 2px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0.05em; } [data-theme="dark"] .donate-banner a:hover { background: #1a1a1a !important; color: var(--accent-hover) !important; box-shadow: 0 0 16px rgba(0,0,0,0.4); } /* ── CAROUSEL（轮播） ── */ [data-theme="dark"] .carousel-wrap { border: 1px solid var(--line) !important; background: #000 !important; border-radius: 2px !important; } [data-theme="dark"] .carousel-dot { background: #444 !important; } [data-theme="dark"] .carousel-dot.active { background: var(--accent) !important; box-shadow: 0 0 6px var(--accent); } /* ── EMPTY STATE ── */ [data-theme="dark"] .empty-state { color: #666 !important; } /* ── SCROLLBAR 滚动条（橙色细条） ── */ [data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #0a0a0a; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 0; border: 2px solid #0a0a0a; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--accent); } /* ── COOKIE OVERLAY ── */ [data-theme="dark"] #cookieOverlay > div { background: var(--surface) !important; border: 1px solid var(--accent) !important; border-radius: 4px !important; box-shadow: 0 0 40px rgba(255,144,0,0.2); } [data-theme="dark"] #cookieOverlay h2 { color: #fff !important; text-transform: uppercase; letter-spacing: 0.04em; } [data-theme="dark"] #cookieOverlay p { color: #aaa !important; } [data-theme="dark"] #cookieOverlay button { background: var(--accent) !important; color: #000 !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 2px !important; } [data-theme="dark"] #cookieOverlay button:hover { background: var(--accent-hover) !important; } /* ── gRedirectModal ── */ [data-theme="dark"] #gRedirectModal > div { background: var(--surface) !important; border: 1px solid var(--accent) !important; border-radius: 6px !important; } [data-theme="dark"] #gRedirectModal h2 { color: #fff !important; } [data-theme="dark"] #gRedirectModal p { color: #aaa !important; } [data-theme="dark"] #gRedirectModal div[style*="background:#f3f4f6"] { background: #0a0a0a !important; color: #ccc !important; border: 1px solid var(--line); } [data-theme="dark"] #gRedirectModal #gCountdown { color: var(--accent) !important; } /* ── INPUT / SELECT / TEXTAREA ── */ [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="search"], [data-theme="dark"] textarea, [data-theme="dark"] select { background: #0a0a0a !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 2px !important; } [data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus, [data-theme="dark"] select:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent) !important; outline: none; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #555 !important; } [data-theme="dark"] label { color: #ccc !important; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; font-weight: 600; } /* ── BUTTONS（橙色 CTA） ── */ [data-theme="dark"] .btn-primary, [data-theme="dark"] button[type="submit"], [data-theme="dark"] .btn { background: var(--accent) !important; color: #000 !important; border: none !important; border-radius: 2px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0.05em; transition: all .15s; } [data-theme="dark"] .btn-primary:hover, [data-theme="dark"] button[type="submit"]:hover, [data-theme="dark"] .btn:hover { background: var(--accent-hover) !important; box-shadow: 0 0 16px rgba(255,144,0,0.4); } /* 例外：admin 后台保留按钮原有颜色 */ [data-theme="dark"] .btn-blue { background: #10b981 !important; color: #fff !important; } [data-theme="dark"] .btn-blue:hover { background: #059669 !important; box-shadow: 0 0 12px rgba(16,185,129,0.4); } [data-theme="dark"] .btn-red { background: #dc2626 !important; color: #fff !important; } [data-theme="dark"] .btn-red:hover { background: #b91c1c !important; box-shadow: 0 0 12px rgba(220,38,38,0.4); } [data-theme="dark"] .btn-green { background: #16a34a !important; color: #fff !important; } [data-theme="dark"] .btn-green:hover { background: #15803d !important; } [data-theme="dark"] .btn-dark { background: #1a1c1e !important; color: #fff !important; border: 1px solid #333 !important; } [data-theme="dark"] .btn-dark:hover { background: #2a2c2e !important; } /* ── USER/ 侧边栏 ── */ [data-theme="dark"] .sidebar, [data-theme="dark"] .left-sidebar { background: #0a0a0a !important; border-right: 1px solid var(--line) !important; border-left: 1px solid var(--line) !important; } [data-theme="dark"] .sidebar h2 { color: #fff !important; text-transform: uppercase; letter-spacing: 0.04em; font-size: 13px !important; } [data-theme="dark"] .sidebar a { color: #b0b0b0 !important; font-size: 12px; font-weight: 600; } [data-theme="dark"] .sidebar a:hover { color: var(--accent) !important; background: var(--accent-soft) !important; } [data-theme="dark"] .sidebar a.active { background: var(--accent) !important; color: #000 !important; font-weight: 800; } [data-theme="dark"] .sidebar a.upload-btn { background: var(--accent) !important; color: #000 !important; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } [data-theme="dark"] .sidebar a.logout-link { color: var(--rose) !important; } /* ── USER/ CONTENT ── */ [data-theme="dark"] .content, [data-theme="dark"] .main-content, [data-theme="dark"] #mainContent { background: #0f0f0f !important; color: var(--ink) !important; } [data-theme="dark"] .card, [data-theme="dark"] .info-card, [data-theme="dark"] .stats-box { background: var(--surface) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; border-radius: 3px; } /* ── ADMIN/ TABS ── */ [data-theme="dark"] .admin-tabs, [data-theme="dark"] .tab-nav { background: #0a0a0a !important; border-bottom: 2px solid var(--line) !important; } [data-theme="dark"] .admin-tabs a, [data-theme="dark"] .admin-tabs button, [data-theme="dark"] .tab-nav a { color: #aaa !important; text-transform: uppercase; font-size: 12px !important; letter-spacing: 0.05em; font-weight: 700; } [data-theme="dark"] .admin-tabs a:hover, [data-theme="dark"] .admin-tabs button:hover { color: var(--accent) !important; } [data-theme="dark"] .admin-tabs a.active, [data-theme="dark"] .admin-tabs button.active { color: var(--accent) !important; border-bottom: 2px solid var(--accent) !important; } /* ── PHOTO.PHP 详情页 ── */ [data-theme="dark"] .detail-card, [data-theme="dark"] .info-panel { background: var(--surface) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; border-radius: 3px; } [data-theme="dark"] .detail-card h1, [data-theme="dark"] .detail-card h2, [data-theme="dark"] .detail-card h3 { color: #fff !important; } [data-theme="dark"] .breadcrumb, [data-theme="dark"] .detail-meta { color: #999 !important; } /* ── MODALS / OVERLAYS ── */ [data-theme="dark"] .modal, [data-theme="dark"] .overlay, [data-theme="dark"] [style*="background:rgba(0,0,0,0.5)"], [data-theme="dark"] [style*="background:rgba(0,0,0,0.4)"] { background: rgba(0,0,0,0.85) !important; backdrop-filter: blur(2px); } [data-theme="dark"] .modal-content, [data-theme="dark"] .dialog { background: var(--surface) !important; border: 1px solid var(--accent) !important; color: var(--ink) !important; border-radius: 4px; box-shadow: 0 0 40px rgba(255,144,0,0.15); } /* ── UPLOAD 页 ── */ [data-theme="dark"] .card, [data-theme="dark"] .upload-card { background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: 3px; } [data-theme="dark"] h2 { color: #fff !important; } [data-theme="dark"] .upload-area { background: #0a0a0a !important; border: 2px dashed #3a3a3a !important; border-radius: 3px; } [data-theme="dark"] .upload-area:hover { border-color: var(--accent) !important; background: var(--accent-soft) !important; } /* ── TOAST ── */ [data-theme="dark"] .toast, [data-theme="dark"] [style*="position:fixed"][style*="top:20px"][style*="background:#111"] { background: var(--accent) !important; color: #000 !important; font-weight: 700; border-radius: 2px; } /* ── LOADING / PROGRESS ── */ [data-theme="dark"] .progress-overlay, [data-theme="dark"] #progressOverlay { background: rgba(0,0,0,0.92) !important; } /* ── TAG MANAGEMENT ── */ [data-theme="dark"] .user-tag { color: #fff !important; } /* ── TABLES ── */ [data-theme="dark"] table { border-color: var(--line) !important; background: var(--surface); } [data-theme="dark"] th { background: #0a0a0a !important; color: var(--accent) !important; border-bottom: 2px solid var(--accent) !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.05em; } [data-theme="dark"] td { border-bottom-color: var(--line) !important; color: var(--ink) !important; } [data-theme="dark"] tr:hover td { background: var(--accent-soft) !important; } /* ── PAGINATION ── */ [data-theme="dark"] .pagination a, [data-theme="dark"] .page-nav a, [data-theme="dark"] .page-btn { background: #1a1a1a !important; color: #ccc !important; border: 1px solid var(--line) !important; border-radius: 2px !important; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; } [data-theme="dark"] .pagination a:hover, [data-theme="dark"] .page-nav a:hover, [data-theme="dark"] .page-btn:hover { border-color: var(--accent) !important; color: var(--accent) !important; background: var(--accent-soft) !important; } [data-theme="dark"] .pagination a.active, [data-theme="dark"] .page-nav a.active, [data-theme="dark"] .page-btn.active { background: var(--accent) !important; color: #000 !important; border-color: var(--accent) !important; font-weight: 800; } /* ── FORM GROUP ── */ [data-theme="dark"] .form-group label { color: #ccc !important; } [data-theme="dark"] .form-group input, [data-theme="dark"] .form-group select, [data-theme="dark"] .form-group textarea { background: #0a0a0a !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 2px; } /* ── 通用链接悬停为品牌色 ── */ [data-theme="dark"] a:not(.photo-card):not(.nav a):not(.sidebar a):not(.footer-links a):not(.tags-cloud a):not(.section-nav a):not(.btn):not(.section-link):not(.admin-grid > div):not(.rank-card):not(.page-btn):not(.donate-banner a):hover { color: var(--accent) !important; } /* ── 封禁公示卡片（内联样式覆盖） ── */ [data-theme="dark"] div[style*="background:#fef2f2"] { background: rgba(239,68,68,0.08) !important; border: 1px solid rgba(239,68,68,0.2); } [data-theme="dark"] div[style*="color:#2d3748"] { color: #fff !important; } [data-theme="dark"] div[style*="color:#e53e3e"] { color: var(--rose) !important; } [data-theme="dark"] div[style*="background:#fffbeb"] { background: rgba(255,144,0,0.08) !important; border-color: rgba(255,144,0,0.3) !important; } [data-theme="dark"] div[style*="color:#c02020"] { color: var(--rose) !important; } /* ── 统计卡片内的内联样式 ── */ [data-theme="dark"] div[style*="color:#a0aec0"] { color: #888 !important; } [data-theme="dark"] div[style*="color:#9ae6b4"] { color: #4ade80 !important; } [data-theme="dark"] div[style*="color:#38a169"] { color: #4ade80 !important; } [data-theme="dark"] div[style*="color:#94a3b8"] { color: #888 !important; } [data-theme="dark"] div[style*="color:#dd6b20"] { color: var(--accent) !important; } [data-theme="dark"] div[style*="color:#1e293b"] { color: #fff !important; } [data-theme="dark"] div[style*="color:#718096"] { color: #aaa !important; } [data-theme="dark"] div[style*="color:#1e40af"] { color: #4dabff !important; } [data-theme="dark"] div[style*="color:#166534"] { color: #4ade80 !important; } [data-theme="dark"] div[style*="color:#64748b"] { color: #aaa !important; } [data-theme="dark"] div[style*="color:#f1f5f9"], [data-theme="dark"] div[style*="border-top:1px solid #f1f5f9"] { border-top-color: var(--line) !important; } [data-theme="dark"] div[style*="color:#22c55e"] { color: #4ade80 !important; } [data-theme="dark"] div[style*="background:rgba(0,0,0,0.5)"] { background: rgba(0,0,0,0.7) !important; } /* ── 资讯卡片内联样式 ── */ [data-theme="dark"] a[style*="background:#fff"] { background: #1a1a1a !important; border-color: #252525 !important; color: #fff !important; } [data-theme="dark"] a[style*="background:#fff"]:hover { border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent); } /* ── 管理员内联统计 ── */ [data-theme="dark"] div[style*="background:#fff"][style*="border:1px solid #e0e0e0"] { background: #1a1a1a !important; border-color: var(--line) !important; border-left: 3px solid var(--accent) !important; } /* ── THEME TOGGLE 按钮 ── */ .theme-toggle-btn { background: transparent; border: 1px solid var(--line); color: var(--muted); padding: 5px 12px; border-radius: 2px; font-size: 11px; font-weight: 700; cursor: pointer; transition: all 0.15s ease-in-out; line-height: 1; display: inline-flex; align-items: center; gap: 4px; text-transform: uppercase; letter-spacing: 0.05em; } .theme-toggle-btn:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); } /* ═══════════════════════════════════════════ ADMIN 后台暗色主题（使用字面值，避免 var() 被 admin :root 覆盖） ═══════════════════════════════════════════ */ /* ── Glass Card ── */ [data-theme="dark"] .glass-card { background: #1a1a1a !important; border-color: #2a2a2a !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; } [data-theme="dark"] .glass-card .card-header { border-bottom-color: #2a2a2a !important; } [data-theme="dark"] .glass-card .card-header h2, [data-theme="dark"] .glass-card .card-header h3 { color: #fff !important; } /* ── Stat Cards ── */ [data-theme="dark"] .stats-grid .stat-card { background: #1a1a1a !important; border: 1px solid #2a2a2a !important; } [data-theme="dark"] .stats-grid .stat-card .stat-value { color: #fff !important; text-shadow: 0 0 12px rgba(255,144,0,0.1); } [data-theme="dark"] .stats-grid .stat-card .stat-label { color: #999 !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.05em; } [data-theme="dark"] .stats-grid .stat-card.green { border-top: 3px solid #4ade80 !important; } [data-theme="dark"] .stats-grid .stat-card.blue { border-top: 3px solid #4dabff !important; } [data-theme="dark"] .stats-grid .stat-card.purple { border-top: 3px solid #b07cff !important; } [data-theme="dark"] .stats-grid .stat-card.red { border-top: 3px solid #ff6b6b !important; } [data-theme="dark"] .stats-grid .stat-card .stat-icon { opacity: 0.15 !important; } /* ── Filter Bar ── */ [data-theme="dark"] .filter-bar { background: #141414 !important; border-color: #2a2a2a !important; } [data-theme="dark"] .filter-bar .filter-label { color: #999 !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.04em; } /* ── Chips / Tags ── */ [data-theme="dark"] .chip { background: #141414 !important; color: #ccc !important; border-color: #2a2a2a !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.04em; font-weight: 700; } [data-theme="dark"] .chip:hover { border-color: #ff9000 !important; color: #ff9000 !important; } [data-theme="dark"] .chip.active { background: #ff9000 !important; color: #000 !important; border-color: #ff9000 !important; } /* ── Alerts ── */ [data-theme="dark"] .alert-success { background: rgba(16,185,129,0.1) !important; color: #4ade80 !important; border-color: rgba(16,185,129,0.3) !important; } [data-theme="dark"] .alert-error { background: rgba(239,68,68,0.1) !important; color: #ff6b6b !important; border-color: rgba(239,68,68,0.3) !important; } [data-theme="dark"] .alert-info { background: rgba(59,130,246,0.1) !important; color: #4dabff !important; border-color: rgba(59,130,246,0.3) !important; } [data-theme="dark"] .alert { border-radius: 2px !important; } /* ── Role / Status Badges ── */ [data-theme="dark"] .role-badge { font-weight: 700 !important; text-transform: uppercase; font-size: 10px !important; letter-spacing: 0.05em; } [data-theme="dark"] .role-super { background: rgba(220,38,38,0.2) !important; color: #ff6b6b !important; } [data-theme="dark"] .role-user { background: rgba(37,99,235,0.2) !important; color: #4dabff !important; } [data-theme="dark"] .role-section { background: rgba(16,185,129,0.2) !important; color: #4ade80 !important; } [data-theme="dark"] .role-tag { background: rgba(124,58,237,0.2) !important; color: #b07cff !important; } [data-theme="dark"] .role-member { background: rgba(100,116,139,0.2) !important; color: #aaa !important; } /* ── Upload Status Card (sidebar) ── */ [data-theme="dark"] .upload-status-card { background: #111 !important; border: 1px solid #2a2a2a !important; border-left: 3px solid #ff9000 !important; } /* ── Sidebar Nav Improvements ── */ [data-theme="dark"] .sidebar .nav-link { color: rgba(255,255,255,0.65) !important; font-weight: 600; font-size: 13px !important; transition: all .12s; } [data-theme="dark"] .sidebar .nav-link:hover { background: rgba(255,144,0,0.12) !important; color: #ff9000 !important; } [data-theme="dark"] .sidebar .nav-link.active { background: #ff9000 !important; color: #000 !important; font-weight: 800 !important; } [data-theme="dark"] .sidebar .nav-link .nav-badge { background: #ff3838 !important; color: #fff !important; font-size: 10px !important; font-weight: 700; } /* ── Data Tables ── */ [data-theme="dark"] .table-container { border: 1px solid #2a2a2a !important; border-radius: 2px !important; } [data-theme="dark"] table.data-table th { background: #0a0a0a !important; color: #ff9000 !important; border-bottom: 2px solid #ff9000 !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.05em; padding: 14px 16px !important; } [data-theme="dark"] table.data-table td { border-bottom: 1px solid #2a2a2a !important; color: #f0f0f0 !important; padding: 14px 16px !important; font-size: 13px !important; } [data-theme="dark"] table.data-table tr:hover td { background: rgba(255,144,0,0.12) !important; } /* ── Review Queue (grid view) ── */ [data-theme="dark"] .glass-card.review-item { background: #1a1a1a !important; border-color: #2a2a2a !important; } [data-theme="dark"] .glass-card.review-item .review-meta { color: #999 !important; font-size: 12px; } [data-theme="dark"] .glass-card.review-item .review-id { color: #ff9000 !important; font-weight: 700; } /* ── Pagination (full coverage) ── */ [data-theme="dark"] .pagination { border-top-color: #2a2a2a !important; } [data-theme="dark"] .pagination a, [data-theme="dark"] .pagination span { background: #1a1a1a !important; color: #ccc !important; border-color: #2a2a2a !important; border-radius: 2px !important; font-weight: 700; font-size: 12px !important; } [data-theme="dark"] .pagination a:hover { border-color: #ff9000 !important; color: #ff9000 !important; background: rgba(255,144,0,0.12) !important; } [data-theme="dark"] .pagination a.active, [data-theme="dark"] .pagination .active { background: #ff9000 !important; color: #000 !important; border-color: #ff9000 !important; } /* ── Modals (photo preview, edit, delete notify) ── */ [data-theme="dark"] #photoPreviewOverlay, [data-theme="dark"] #editPhotoOverlay, [data-theme="dark"] #deleteNotifyOverlay, [data-theme="dark"] #editNewsModal, [data-theme="dark"] #deleteNewsModal, [data-theme="dark"] #editContribModal { background: rgba(0,0,0,0.88) !important; backdrop-filter: blur(4px); } [data-theme="dark"] #photoPreviewOverlay > div, [data-theme="dark"] #editPhotoOverlay > div, [data-theme="dark"] #deleteNotifyOverlay > div, [data-theme="dark"] #editNewsModal > div, [data-theme="dark"] #deleteNewsModal > div, [data-theme="dark"] #editContribModal > div, [data-theme="dark"] div[style*="border-radius:12px"][style*="background:white"] { background: #1a1a1a !important; border: 1px solid #ff9000 !important; color: #f0f0f0 !important; border-radius: 4px !important; box-shadow: 0 0 40px rgba(255,144,0,0.12) !important; } [data-theme="dark"] #photoPreviewOverlay h2, [data-theme="dark"] #editPhotoOverlay h3, [data-theme="dark"] #deleteNotifyOverlay h3, [data-theme="dark"] #editNewsModal h3 { color: #fff !important; } [data-theme="dark"] #photoPreviewOverlay .close-btn, [data-theme="dark"] div[style*="position:absolute"][style*="right:20px"], [data-theme="dark"] button[onclick*="closePreview"] { color: #fff !important; opacity: 0.7; } [data-theme="dark"] #photoPreviewOverlay .close-btn:hover { opacity: 1; color: #ff9000 !important; } /* ── Review Grid (grid view items) ── */ [data-theme="dark"] .review-grid .review-card { background: #1a1a1a !important; border: 1px solid #2a2a2a !important; } [data-theme="dark"] .review-grid .review-card:hover { border-color: #ff9000 !important; } [data-theme="dark"] .review-grid .review-card .review-content { color: #f0f0f0 !important; } [data-theme="dark"] .review-grid .review-card .review-id { color: #ff9000 !important; font-weight: 700; } /* ── Mobile bar ── */ [data-theme="dark"] .mobile-bar { background: #0a0a0a !important; border-bottom: 1px solid #2a2a2a !important; } /* ── Inline style overrides for admin-specific bright elements ── */ [data-theme="dark"] div[style*="background:#f8fafc"] { background: #141414 !important; } [data-theme="dark"] div[style*="background:#f1f5f9"] { background: #141414 !important; } [data-theme="dark"] div[style*="background:#f9fafb"] { background: #141414 !important; } [data-theme="dark"] div[style*="background:#f4f7f6"] { background: #0a0a0a !important; } [data-theme="dark"] div[style*="background:#f0f9ff"] { background: rgba(59,130,246,0.08) !important; border-color: rgba(59,130,246,0.3) !important; } [data-theme="dark"] span[style*="background:#f8fafc"] { background: #141414 !important; } [data-theme="dark"] div[style*="border:1px solid #e2e8f0"] { border-color: #2a2a2a !important; } [data-theme="dark"] div[style*="background:white"], [data-theme="dark"] div[style*="background:#fff"] { background: #1a1a1a !important; } [data-theme="dark"] button[style*="background:#fff"], [data-theme="dark"] a[style*="background:#fff"] { background: #1a1a1a !important; } [data-theme="dark"] div[style*="color:#1e293b"] { color: #f0f0f0 !important; } [data-theme="dark"] div[style*="color:#475569"] { color: #bbb !important; } [data-theme="dark"] div[style*="color:#94a3b8"] { color: #888 !important; } [data-theme="dark"] div[style*="color:#64748b"] { color: #aaa !important; } /* ── Outline buttons (comment filter tabs) ── */ [data-theme="dark"] .btn-outline { background: #141414 !important; color: #ccc !important; border-color: #2a2a2a !important; } [data-theme="dark"] .btn-outline:hover { border-color: #ff9000 !important; color: #ff9000 !important; } [data-theme="dark"] .btn-outline.active, [data-theme="dark"] .btn-outline[style*="background:var(--primary)"] { background: #ff9000 !important; color: #000 !important; border-color: #ff9000 !important; } /* ── Admin photo detail overlay content ── */ [data-theme="dark"] div[style*="background:rgba(255,255,255,0.95)"] { background: #1a1a1a !important; color: #f0f0f0 !important; } [data-theme="dark"] div[style*="color:#374151"] { color: #ddd !important; } [data-theme="dark"] div[style*="color:#6b7280"] { color: #999 !important; } [data-theme="dark"] div[style*="color:#9ca3af"] { color: #777 !important; } [data-theme="dark"] div[style*="color:#111827"] { color: #fff !important; } [data-theme="dark"] div[style*="background:#f3f4f6"] { background: #111 !important; border-color: #2a2a2a !important; } /* ── Admin news review / edit area ── */ [data-theme="dark"] textarea[style*="background:#fff"] { background: #0a0a0a !important; color: #f0f0f0 !important; border-color: #2a2a2a !important; } [data-theme="dark"] input[style*="background:#fff"] { background: #0a0a0a !important; color: #f0f0f0 !important; border-color: #2a2a2a !important; } /* ── Admin details/summary (collapsible) ── */ [data-theme="dark"] details.glass-card summary { color: #ff9000 !important; text-transform: uppercase; font-size: 12px !important; letter-spacing: 0.05em; } [data-theme="dark"] details.glass-card summary:hover { color: #ffaa33 !important; } /* ── Warning / section notify modals (inline) ── */ [data-theme="dark"] div[id^="warnModal_"], [data-theme="dark"] div[id^="sectionNotifyModal_"] { background: #1a1a1a !important; border: 1px solid #ff9000 !important; border-radius: 4px; } [data-theme="dark"] div[id^="warnModal_"] h4, [data-theme="dark"] div[id^="sectionNotifyModal_"] h4 { color: #fff !important; } /* ── Admin sidebar role badge color fix ── */ [data-theme="dark"] .sidebar-role .role-badge { border: none !important; } /* ── Nav badge (notification count) ── */ [data-theme="dark"] .nav-link .nav-badge { background: #ff3838 !important; color: #fff !important; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; line-height: 1.4; } /* ── Page header text ── */ [data-theme="dark"] .page-title { color: #fff !important; } [data-theme="dark"] .page-subtitle { color: #999 !important; } /* ── Empty state ── */ [data-theme="dark"] .empty-state { color: #666 !important; } [data-theme="dark"] .empty-state-icon { opacity: 0.3 !important; } /* ── Comments section in admin ── */ [data-theme="dark"] .glass-card table td a[style*="color:#1d4ed8"] { color: #4dabff !important; } /* ── Scrollable table with inline styles ── */ [data-theme="dark"] div[style*="overflow-x:auto"] { border-color: #2a2a2a !important; } /* ── Admin logs ── */ [data-theme="dark"] .log-detail { color: #bbb !important; font-size: 12px; } [data-theme="dark"] .log-card { background: #1a1a1a !important; border-color: #2a2a2a !important; border-radius: 4px; } [data-theme="dark"] .log-card-header { border-bottom-color: #2a2a2a !important; } [data-theme="dark"] .log-card-body { color: #f0f0f0 !important; } /* ── Responsive table card view (mobile log) ── */ [data-theme="dark"] .log-card { box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important; } /* ── Admin success banners (background:#dcfce7) ── */ [data-theme="dark"] div[style*="background:#dcfce7"] { background: rgba(16,185,129,0.12) !important; color: #4ade80 !important; border: 1px solid rgba(16,185,129,0.3) !important; border-radius: 4px !important; } [data-theme="dark"] div[style*="color:#166534"] { color: #4ade80 !important; } [data-theme="dark"] span[style*="background:#dcfce7"] { background: rgba(16,185,129,0.15) !important; color: #4ade80 !important; border-radius: 4px !important; } /* ── Admin error banners (background:#fee2e2) ── */ [data-theme="dark"] div[style*="background:#fee2e2"], [data-theme="dark"] tr[style*="background:#fef2f2"] { background: rgba(239,68,68,0.08) !important; color: #ff6b6b !important; border-color: rgba(239,68,68,0.2) !important; } [data-theme="dark"] div[style*="color:#991b1b"], [data-theme="dark"] th[style*="color:#991b1b"] { color: #ff6b6b !important; } /* ── Info text ── */ [data-theme="dark"] div[style*="color:#0369a1"] { color: #4dabff !important; } [data-theme="dark"] div[style*="border-bottom:1px solid #e2e8f0"] { border-bottom-color: #2a2a2a !important; } /* ── Admin news review status badges ── */ [data-theme="dark"] span[style*="background:#fee2e2"], [data-theme="dark"] span[style*="background:#fed7d7"] { background: rgba(239,68,68,0.15) !important; color: #ff6b6b !important; border-radius: 4px !important; } [data-theme="dark"] span[style*="background:#dbeafe"] { background: rgba(59,130,246,0.15) !important; color: #4dabff !important; border-radius: 4px !important; } [data-theme="dark"] span[style*="background:#fef3c7"] { background: rgba(245,158,11,0.15) !important; color: #fbbf24 !important; border-radius: 4px !important; } /* ── Admin csrf / error message box ── */ [data-theme="dark"] div[style*="background:#fffbeb"] { background: rgba(255,144,0,0.08) !important; border-color: rgba(255,144,0,0.3) !important; color: #fbbf24 !important; } /* ── Admin compare table (字段/修改前/当前) ── */ [data-theme="dark"] th[style*="background:#fef2f2"] { background: rgba(239,68,68,0.08) !important; } /* ── Admin section-user checkbox container ── */ [data-theme="dark"] .section-checkbox { background: #141414 !important; border-color: #2a2a2a !important; border-radius: 4px; } /* ── Additional inline pattern overrides ── */ [data-theme="dark"] span[style*="background:#e0e7ff"] { background: rgba(99,102,241,0.15) !important; color: #b07cff !important; border-radius: 4px !important; } [data-theme="dark"] div[style*="background:#fef2f2"] { background: rgba(239,68,68,0.08) !important; border-color: rgba(239,68,68,0.2) !important; color: #ff6b6b !important; } [data-theme="dark"] table[style*="background:#fff"] { background: #1a1a1a !important; border-radius: 4px !important; } [data-theme="dark"] summary[style*="background:#fef2f2"] { background: rgba(239,68,68,0.08) !important; color: #ff6b6b !important; border-radius: 4px !important; } [data-theme="dark"] div[style*="background:#fef3c7"][style*="border:1px solid #f59e0b"], [data-theme="dark"] div[style*="background:#fef3c7"][style*="border:1px solid #fbbf24"] { background: rgba(245,158,11,0.08) !important; border-color: rgba(245,158,11,0.3) !important; color: #fbbf24 !important; } [data-theme="dark"] div[style*="color:#3730a3"] { color: #b07cff !important; } [data-theme="dark"] div[style*="color:#92400e"] { color: #fbbf24 !important; } [data-theme="dark"] p[style*="color:#f59e0b"] { color: #fbbf24 !important; } [data-theme="dark"] div[style*="background:#fef3c7"][style*="border-radius:8px"] { background: rgba(245,158,11,0.08) !important; border-color: rgba(245,158,11,0.3) !important; color: #fbbf24 !important; } /* ── Background #f1f5f9 (light gray) on various elements ── */ [data-theme="dark"] div[style*="background:#f1f5f9"], [data-theme="dark"] td[style*="background:#f1f5f9"], [data-theme="dark"] th[style*="background:#f1f5f9"], [data-theme="dark"] tr[style*="background:#f1f5f9"] { background: #141414 !important; } [data-theme="dark"] a[style*="background:#f1f5f9"], [data-theme="dark"] code[style*="background:#f1f5f9"], [data-theme="dark"] span[style*="background:#f1f5f9"] { background: #1a1a1a !important; } [data-theme="dark"] img[style*="background:#f1f5f9"] { background: #111 !important; } [data-theme="dark"] button[style*="background:#f1f5f9"], [data-theme="dark"] input[style*="background:#f1f5f9"] { background: #0a0a0a !important; } /* ── Background #f8f9fa (filter bars variant) ── */ [data-theme="dark"] div[style*="background:#f8f9fa"] { background: #141414 !important; border-color: #2a2a2a !important; } /* ── Table header rows with #f8fafc ── */ [data-theme="dark"] tr[style*="background:#f8fafc"] { background: #0a0a0a !important; } [data-theme="dark"] th[style*="background:#f8fafc"] { background: #0a0a0a !important; }