/* ====================================================== Racing Dark Theme — 深色赛车型式移植自 192.168.34.56 news 项目使用方式: ====================================================== */ /* ===== 深色主题全局变量覆盖 ===== */ body[data-theme="racing-dark"] { --primary: #e63946; --primary-dark: #ff4d5a; --success: #22c55e; --success-dark: #16a34a; --danger: #ef4444; --danger-dark: #dc2626; --warning: #f59e0b; --warning-dark: #d97706; --info: #e63946; --text-primary: #f0f0f5; --text-secondary: #a0a0b8; --text-muted: #6a6a82; --bg-primary: #0a0a0f; --bg-light: #12121a; --border-color: rgba(255,255,255,0.06); --gradient-primary: linear-gradient(135deg, #e63946 0%, #ff4d5a 100%); --gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); --shadow-sm: 0 2px 8px rgba(0,0,0,0.4); --shadow-md: 0 4px 16px rgba(0,0,0,0.5); --shadow-lg: 0 12px 48px rgba(0,0,0,0.6); } /* ===== 深色主题背景 ===== */ body[data-theme="racing-dark"] { background: #0a0a0f !important; color: #f0f0f5; } body[data-theme="racing-dark"]::before { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(ellipse at 50% 0%, black 20%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 50% 0%, black 20%, transparent 70%); } /* 隐藏原有orb装饰 */ body[data-theme="racing-dark"] .bg-decor .orb { display: none; } /* ===== 首页 - 英雄区 ===== */ body[data-theme="racing-dark"] body.index-page, body[data-theme="racing-dark"].index-page { background: #0a0a0f !important; } body[data-theme="racing-dark"] .hero-section { background: transparent; } body[data-theme="racing-dark"] .hero-title { color: #f0f0f5; text-shadow: none; } body[data-theme="racing-dark"] .hero-title .accent { background: linear-gradient(135deg, #e63946, #ff4d5a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } body[data-theme="racing-dark"] .hero-subtitle { color: #6a6a82; } /* 首页搜索框 */ body[data-theme="racing-dark"] .hero-section .search-box { background: #1a1a26; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.4); } body[data-theme="racing-dark"] .hero-section .search-box:focus-within { background: #252536; border-color: #e63946; box-shadow: 0 0 0 3px rgba(230,57,70,0.25); } body[data-theme="racing-dark"] .hero-section .search-box input { color: #f0f0f5; } body[data-theme="racing-dark"] .hero-section .search-box input::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .hero-section .search-icon { opacity: 1; filter: grayscale(1) brightness(2); } /* 搜索结果下拉 */ body[data-theme="racing-dark"] .search-results { background: #1a1a26; border-color: rgba(255,255,255,0.06); box-shadow: 0 16px 48px rgba(0,0,0,0.6); } body[data-theme="racing-dark"] .search-result-item { border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .search-result-item:hover { background: rgba(230,57,70,0.12); } body[data-theme="racing-dark"] .result-name { color: #f0f0f5; } body[data-theme="racing-dark"] .search-empty { color: #6a6a82; } /* ===== 统计卡片 ===== */ body[data-theme="racing-dark"] .stat-card { background: #1a1a26; border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.4); } body[data-theme="racing-dark"] .stat-card:hover { background: #222233; border-color: rgba(255,255,255,0.12); box-shadow: 0 8px 32px rgba(0,0,0,0.5); } body[data-theme="racing-dark"] .stat-card:nth-child(1) { background: linear-gradient(135deg, #e63946 0%, #c62828 100%); box-shadow: 0 6px 24px rgba(230,57,70,0.35); } body[data-theme="racing-dark"] .stat-card:nth-child(2) { background: #1a1a26; border-color: rgba(255,255,255,0.06); border-top: 3px solid #f59e0b; } body[data-theme="racing-dark"] .stat-card:nth-child(2):hover { box-shadow: 0 8px 32px rgba(245,158,11,0.15); } body[data-theme="racing-dark"] .stat-card:nth-child(2) .stat-num { background: linear-gradient(135deg, #f59e0b, #d97706); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } body[data-theme="racing-dark"] .stat-card:nth-child(2) .stat-label { color: #f59e0b; } body[data-theme="racing-dark"] .stat-num { color: #f0f0f5; } body[data-theme="racing-dark"] .stat-label { color: #a0a0b8; } /* ===== 城市选择器 ===== */ body[data-theme="racing-dark"] .city-selector { background: #1a1a26; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.4); } body[data-theme="racing-dark"] .selector-label { color: #f0f0f5; } body[data-theme="racing-dark"] .selector-row select { background-color: #12121a; border-color: rgba(255,255,255,0.1); color: #f0f0f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); } body[data-theme="racing-dark"] .selector-row select:focus { border-color: #e63946; box-shadow: 0 0 0 3px rgba(230,57,70,0.25); } body[data-theme="racing-dark"] .selector-info { color: #e63946; } /* ===== 接待站搜索模块 ===== */ body[data-theme="racing-dark"] .station-search-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.4); } body[data-theme="racing-dark"] .station-search-title { color: #f0f0f5; } body[data-theme="racing-dark"] .station-search-stats { border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .station-stat { color: #a0a0b8; } body[data-theme="racing-dark"] .station-search-box { background: #12121a; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .station-search-box:focus-within { border-color: #e63946; background: #1a1a26; box-shadow: 0 0 0 3px rgba(230,57,70,0.25); } body[data-theme="racing-dark"] .station-search-box input { color: #f0f0f5; } body[data-theme="racing-dark"] .station-search-box input::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .station-search-results { background: #1a1a26; border-color: rgba(255,255,255,0.06); box-shadow: 0 12px 36px rgba(0,0,0,0.6); } body[data-theme="racing-dark"] .station-result-item { border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .station-result-item:hover { background: rgba(230,57,70,0.12); } body[data-theme="racing-dark"] .station-result-name { color: #f0f0f5; } body[data-theme="racing-dark"] .station-result-num { color: #6a6a82; } body[data-theme="racing-dark"] .station-result-info { color: #a0a0b8; } body[data-theme="racing-dark"] .station-badge-station { background: rgba(230,57,70,0.12); color: #e63946; } body[data-theme="racing-dark"] .station-badge-camp { background: rgba(245,87,108,0.12); color: #f5576c; } /* ===== 跑马灯 ===== */ body[data-theme="racing-dark"] .marquee-section { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .marquee-title { color: #f0f0f5; } body[data-theme="racing-dark"] .marquee-badge { background: #e63946; color: #fff; } body[data-theme="racing-dark"] .marquee-more { color: #e63946; } body[data-theme="racing-dark"] .marquee-item { color: #a0a0b8; } body[data-theme="racing-dark"] .marquee-dot { background: #e63946; } body[data-theme="racing-dark"] .marquee-date { color: #6a6a82; } /* ===== 迷你地图 ===== */ body[data-theme="racing-dark"] .mini-map-wrapper { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .mini-map-header { background: #12121a; border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .mini-map-title { color: #f0f0f5; } body[data-theme="racing-dark"] .mini-map-link { color: #e63946; } body[data-theme="racing-dark"] .mini-map-container { background: #12121a; } body[data-theme="racing-dark"] .mini-map-loading { background: #12121a; color: #6a6a82; } body[data-theme="racing-dark"] .mini-map-loading .loading-spinner { border-color: rgba(255,255,255,0.06); border-top-color: #e63946; } body[data-theme="racing-dark"] .mini-map-hint { background: rgba(0,0,0,0.5); color: #f0f0f5; } /* ===== 功能导航卡片 ===== */ body[data-theme="racing-dark"] .section-title { color: #f0f0f5; } body[data-theme="racing-dark"] .section-title::after { background: linear-gradient(90deg, rgba(255,255,255,0.06), transparent); } body[data-theme="racing-dark"] .nav-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.4); color: #f0f0f5; } body[data-theme="racing-dark"] .nav-card:hover { background: #222233; border-color: rgba(255,255,255,0.12); box-shadow: 0 8px 32px rgba(0,0,0,0.5); } body[data-theme="racing-dark"] .nav-card::after { background: linear-gradient(90deg, #e63946, #ff4d5a); } body[data-theme="racing-dark"] .nav-card .title { color: #f0f0f5; } body[data-theme="racing-dark"] .nav-card .desc { color: #6a6a82; } body[data-theme="racing-dark"] .nav-card .icon-wrap { background: rgba(230,57,70,0.12) !important; } /* ===== 底部 ===== */ body[data-theme="racing-dark"] .index-footer { color: #6a6a82; border-top-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .index-footer .footer-link { color: #6a6a82; } body[data-theme="racing-dark"] .index-footer .footer-link:hover { color: #e63946; } /* ===== 弹窗 ===== */ body[data-theme="racing-dark"] .modal-content, body[data-theme="racing-dark"] .feedback-modal { background: #1a1a26; border: 1px solid rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .modal-header, body[data-theme="racing-dark"] .feedback-header { border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .modal-title, body[data-theme="racing-dark"] .feedback-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .modal-close, body[data-theme="racing-dark"] .feedback-close-btn { color: #6a6a82; } body[data-theme="racing-dark"] .modal-close:hover, body[data-theme="racing-dark"] .feedback-close-btn:hover { color: #f0f0f5; background: rgba(255,255,255,0.05); } body[data-theme="racing-dark"] .modal-body p { color: #a0a0b8; } body[data-theme="racing-dark"] .modal-confirm { background: linear-gradient(135deg, #e63946, #ff4d5a); } body[data-theme="racing-dark"] .feedback-field label { color: #a0a0b8; } body[data-theme="racing-dark"] .feedback-field input[type="text"], body[data-theme="racing-dark"] .feedback-field textarea { background: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] .feedback-field input[type="text"]:focus, body[data-theme="racing-dark"] .feedback-field textarea:focus { border-color: #e63946; box-shadow: 0 0 0 3px rgba(230,57,70,0.25); } body[data-theme="racing-dark"] .feedback-char-count { color: #6a6a82; } body[data-theme="racing-dark"] .feedback-upload-area { border-color: rgba(255,255,255,0.06); color: #6a6a82; } body[data-theme="racing-dark"] .feedback-upload-area:hover { border-color: #e63946; background: rgba(230,57,70,0.05); color: #e63946; } body[data-theme="racing-dark"] .feedback-upload-area.dragover { background: rgba(230,57,70,0.1); } body[data-theme="racing-dark"] .feedback-btn-cancel { background: #12121a; color: #a0a0b8; } body[data-theme="racing-dark"] .feedback-btn-cancel:hover { background: #252536; } body[data-theme="racing-dark"] .feedback-btn-submit { background: linear-gradient(135deg, #e63946, #ff4d5a); } body[data-theme="racing-dark"] .feedback-image-item { border-color: rgba(255,255,255,0.06); } /* ===== Toast ===== */ body[data-theme="racing-dark"] #toastContainer > div { /* Toast保持原色，已在组件中定义 */ } /* ===== 地图页面 ===== */ body[data-theme="racing-dark"] .top-bar { background: rgba(10,10,15,0.85); border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .top-bar .bar-title { color: #f0f0f5; } body[data-theme="racing-dark"] .top-bar .bar-subtitle { color: #6a6a82; } body[data-theme="racing-dark"] .top-bar .bar-link { color: #e63946; } /* ===== 左侧面板 ===== */ body[data-theme="racing-dark"] .sidebar { background: rgba(18,18,26,0.92); border-right-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .sidebar .panel-title { color: #f0f0f5; } body[data-theme="racing-dark"] .sidebar .search-box { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .sidebar .search-box input { color: #f0f0f5; } body[data-theme="racing-dark"] .sidebar .search-box input::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .sidebar .filter-tags .filter-tag { background: #1a1a26; color: #a0a0b8; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .sidebar .filter-tags .filter-tag.active { background: rgba(230,57,70,0.12); color: #e63946; border-color: rgba(230,57,70,0.3); } /* ===== 列表项 ===== */ body[data-theme="racing-dark"] .list-item { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .list-item:hover { background: #222233; border-color: rgba(255,255,255,0.12); } body[data-theme="racing-dark"] .list-item .item-title { color: #f0f0f5; } body[data-theme="racing-dark"] .list-item .item-desc { color: #a0a0b8; } body[data-theme="racing-dark"] .list-item .item-meta { color: #6a6a82; } /* ===== 表单 ===== */ body[data-theme="racing-dark"] input[type="text"], body[data-theme="racing-dark"] input[type="number"], body[data-theme="racing-dark"] input[type="email"], body[data-theme="racing-dark"] input[type="tel"], body[data-theme="racing-dark"] input[type="password"], body[data-theme="racing-dark"] input[type="search"], body[data-theme="racing-dark"] textarea, body[data-theme="racing-dark"] select { background: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] input:focus, body[data-theme="racing-dark"] textarea:focus, body[data-theme="racing-dark"] select:focus { border-color: #e63946; box-shadow: 0 0 0 3px rgba(230,57,70,0.25); } body[data-theme="racing-dark"] input::placeholder, body[data-theme="racing-dark"] textarea::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] option { background: #12121a; color: #f0f0f5; } /* ===== 表格 ===== */ body[data-theme="racing-dark"] table { border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] th { background: #1a1a26; color: #f0f0f5; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] td { background: #12121a; color: #a0a0b8; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] tr:hover td { background: #1a1a26; } /* ===== 按钮 ===== */ body[data-theme="racing-dark"] .btn-primary { background: linear-gradient(135deg, #e63946, #ff4d5a); } body[data-theme="racing-dark"] .btn-secondary { background: #1a1a26; border-color: rgba(255,255,255,0.06); color: #a0a0b8; } body[data-theme="racing-dark"] .btn-secondary:hover { background: #222233; color: #f0f0f5; } /* ===== 欢迎弹窗 ===== */ body[data-theme="racing-dark"] .welcome-modal .modal-content { background: #1a1a26; border: 1px solid rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .welcome-modal .modal-title { color: #f0f0f5; } body[data-theme="racing-dark"] .welcome-modal p { color: #a0a0b8; } body[data-theme="racing-dark"] .welcome-modal .theme-options { /* 保持按钮样式 */ } /* ===== 接待站页面 ===== */ body[data-theme="racing-dark"].jdz-page { background: #0a0a0f !important; } body[data-theme="racing-dark"] .jdz-hero { background: transparent; } body[data-theme="racing-dark"] .jdz-hero-title { color: #f0f0f5; text-shadow: none; } body[data-theme="racing-dark"] .jdz-hero-sub { color: #6a6a82; } body[data-theme="racing-dark"] .jdz-back-link { color: #e63946; } body[data-theme="racing-dark"] .jdz-stat-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .jdz-stat-num { color: #f0f0f5; } body[data-theme="racing-dark"] .jdz-stat-label { color: #6a6a82; } body[data-theme="racing-dark"] .jdz-search-box { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .jdz-search-box input { color: #f0f0f5; } body[data-theme="racing-dark"] .jdz-search-box input::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .jdz-search-btn { background: #e63946; color: #fff; } body[data-theme="racing-dark"] .jdz-type-tab { background: #1a1a26; color: #a0a0b8; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .jdz-type-tab.active { background: rgba(230,57,70,0.12); color: #e63946; border-color: rgba(230,57,70,0.3); } body[data-theme="racing-dark"] .jdz-region-row select { background-color: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] .jdz-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .jdz-card:hover { background: #222233; border-color: rgba(255,255,255,0.12); } body[data-theme="racing-dark"] .jdz-card-title { color: #f0f0f5; } body[data-theme="racing-dark"] .jdz-card-desc { color: #a0a0b8; } body[data-theme="racing-dark"] .jdz-card-meta { color: #6a6a82; } /* ===== 地图类型切换按钮 ===== */ body[data-theme="racing-dark"] .map-type-toggle-btn { background: rgba(26,26,38,0.9); color: #f0f0f5; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .map-type-toggle-btn:hover { background: rgba(230,57,70,0.12); color: #e63946; } /* ===== 导航页面 ===== */ body[data-theme="racing-dark"] .nav-search-panel { background: rgba(18,18,26,0.95); border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .nav-search-panel .panel-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .nav-input-field input { background: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] .nav-input-field input::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .nav-plan-btn { background: linear-gradient(135deg, #e63946, #ff4d5a); } body[data-theme="racing-dark"] .nav-route-result { background: rgba(18,18,26,0.95); border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .nav-result-tab { color: #a0a0b8; } body[data-theme="racing-dark"] .nav-result-tab.active { color: #e63946; } body[data-theme="racing-dark"] .nav-suggest-list { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .nav-suggest-item { color: #a0a0b8; border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .nav-suggest-item:hover { background: rgba(230,57,70,0.12); } /* ===== 添加/编辑页面 ===== */ body[data-theme="racing-dark"] .add-page-header { background: transparent; } body[data-theme="racing-dark"] .add-page-title { color: #f0f0f5; } body[data-theme="racing-dark"] .add-page-subtitle { color: #6a6a82; } body[data-theme="racing-dark"] .form-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .form-group label { color: #a0a0b8; } body[data-theme="racing-dark"] .form-card .submit-btn { background: linear-gradient(135deg, #e63946, #ff4d5a); } /* ===== 管理后台 ===== */ body[data-theme="racing-dark"] .admin-container { background: #0a0a0f; } body[data-theme="racing-dark"] .admin-sidebar { background: #12121a; border-right-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .admin-main { background: #0a0a0f; } body[data-theme="racing-dark"] .admin-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .admin-card-title { color: #f0f0f5; } body[data-theme="racing-dark"] .admin-stat-num { color: #f0f0f5; } body[data-theme="racing-dark"] .admin-stat-label { color: #6a6a82; } /* ===== 登录页 ===== */ body[data-theme="racing-dark"] .login-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .login-title { color: #f0f0f5; } body[data-theme="racing-dark"] .login-subtitle { color: #6a6a82; } /* ===== 通用覆盖 ===== */ body[data-theme="racing-dark"] a { color: #e63946; } body[data-theme="racing-dark"] ::-webkit-scrollbar { width: 6px; height: 6px; } body[data-theme="racing-dark"] ::-webkit-scrollbar-track { background: #12121a; } body[data-theme="racing-dark"] ::-webkit-scrollbar-thumb { background: #252536; border-radius: 3px; } body[data-theme="racing-dark"] ::-webkit-scrollbar-thumb:hover { background: #333348; } /* ===== 工具栏/图层面板 ===== */ body[data-theme="racing-dark"] .toolbar, body[data-theme="racing-dark"] .marker-panel { background: rgba(18,18,26,0.95); border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .toolbar-header, body[data-theme="racing-dark"] .marker-panel-header { background: #1a1a26; border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .toolbar-header h3, body[data-theme="racing-dark"] .marker-panel-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .toolbar-header .tb-region, body[data-theme="racing-dark"] .marker-panel-header .marker-count { color: #6a6a82; } body[data-theme="racing-dark"] .toolbar-body, body[data-theme="racing-dark"] .marker-panel-body { color: #a0a0b8; } body[data-theme="racing-dark"] .toolbar-body .tb-group-label { color: #6a6a82; } body[data-theme="racing-dark"] .toolbar-body .tb-search-input, body[data-theme="racing-dark"] .toolbar-body .tb-search-input:focus { background: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] .toolbar-body .tb-search-input::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .toolbar-body .tb-search-btn { background: #1a1a26; color: #a0a0b8; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .toolbar-body .tb-search-btn:hover { background: #e63946; color: #fff; } body[data-theme="racing-dark"] .toolbar-body .tb-search-results { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .toolbar-body .tb-search-item { border-bottom-color: rgba(255,255,255,0.04); color: #a0a0b8; } body[data-theme="racing-dark"] .toolbar-body .tb-search-item:hover { background: rgba(230,57,70,0.12); } body[data-theme="racing-dark"] .toolbar-body .tb-search-item .tb-search-title { color: #f0f0f5; } body[data-theme="racing-dark"] .toolbar-body .tb-search-item .tb-search-addr { color: #6a6a82; } body[data-theme="racing-dark"] .toolbar-body .tb-search-empty { color: #6a6a82; } body[data-theme="racing-dark"] .toolbar-body .tb-select-row select { background-color: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] .toolbar-close-btn { color: #6a6a82; } body[data-theme="racing-dark"] .toolbar-close-btn:hover { color: #f0f0f5; background: rgba(255,255,255,0.05); } /* ===== 图层控制面板 ===== */ body[data-theme="racing-dark"] .layer-controls { background: rgba(18,18,26,0.92); border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .layer-header { background: #1a1a26; border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .layer-title { color: #f0f0f5; } body[data-theme="racing-dark"] .layer-group-header { color: #a0a0b8; border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .layer-group-title { color: #f0f0f5; } body[data-theme="racing-dark"] .layer-group-count { color: #6a6a82; } body[data-theme="racing-dark"] .layer-row { border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .layer-label { color: #a0a0b8; } body[data-theme="racing-dark"] .layer-count { color: #6a6a82; } body[data-theme="racing-dark"] .layer-switch { /* 开关保持功能色 */ } body[data-theme="racing-dark"] .layer-quick-btn { background: #1a1a26; border-color: rgba(255,255,255,0.06); color: #a0a0b8; } body[data-theme="racing-dark"] .layer-quick-btn:hover { background: #222233; color: #f0f0f5; } body[data-theme="racing-dark"] .layer-quick-btn.active { background: rgba(230,57,70,0.12); color: #e63946; } /* ===== 详情弹窗 ===== */ body[data-theme="racing-dark"] .detail-modal-content { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .detail-modal-header { background: #12121a; border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .detail-modal-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .detail-modal-body { color: #a0a0b8; } body[data-theme="racing-dark"] .detail-info-row { border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .detail-intro-text { color: #a0a0b8; } /* ===== 标记信息卡 ===== */ body[data-theme="racing-dark"] .marker-info-card { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .marker-info-close { color: #6a6a82; } body[data-theme="racing-dark"] .marker-info-close:hover { color: #f0f0f5; background: rgba(255,255,255,0.05); } /* ===== 标记类型选择器 ===== */ body[data-theme="racing-dark"] .marker-type-selector { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .marker-type-btn { background: #12121a; border-color: rgba(255,255,255,0.06); color: #a0a0b8; } body[data-theme="racing-dark"] .marker-type-btn.active { background: rgba(230,57,70,0.12); border-color: rgba(230,57,70,0.3); color: #e63946; } /* ===== 模式Tab ===== */ body[data-theme="racing-dark"] .mode-tabs { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .mode-tab { color: #a0a0b8; background: transparent; } body[data-theme="racing-dark"] .mode-tab:hover { background: rgba(255,255,255,0.05); } body[data-theme="racing-dark"] .mode-tab.active { color: #e63946; background: rgba(230,57,70,0.12); } /* ===== 绘制模式提示 ===== */ body[data-theme="racing-dark"] .draw-mode-hint { background: rgba(230,57,70,0.15); border-color: rgba(230,57,70,0.3); color: #e63946; } /* ===== 提交面板 ===== */ body[data-theme="racing-dark"] .submit-panel { background: rgba(10,10,15,0.92); } body[data-theme="racing-dark"] .submit-panel-header { background: #1a1a26; border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .submit-panel-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .submit-panel-body { color: #a0a0b8; } body[data-theme="racing-dark"] .submit-panel-body label { color: #a0a0b8; } body[data-theme="racing-dark"] .submit-panel-body input, body[data-theme="racing-dark"] .submit-panel-body select, body[data-theme="racing-dark"] .submit-panel-body textarea { background: #12121a; border-color: rgba(255,255,255,0.06); color: #f0f0f5; } body[data-theme="racing-dark"] .submit-panel-body input:focus, body[data-theme="racing-dark"] .submit-panel-body select:focus, body[data-theme="racing-dark"] .submit-panel-body textarea:focus { border-color: #e63946; box-shadow: 0 0 0 3px rgba(230,57,70,0.25); } body[data-theme="racing-dark"] .submit-panel-body input::placeholder, body[data-theme="racing-dark"] .submit-panel-body textarea::placeholder { color: #6a6a82; } body[data-theme="racing-dark"] .submit-panel-body .btn-submit { background: linear-gradient(135deg, #e63946, #ff4d5a); } body[data-theme="racing-dark"] .submit-panel-body .btn-cancel { background: #1a1a26; color: #a0a0b8; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .submit-panel-body .btn-cancel:hover { background: #222233; color: #f0f0f5; } /* ===== 快捷按钮组 ===== */ body[data-theme="racing-dark"] .action-btns { background: rgba(18,18,26,0.92); border-color: rgba(255,255,255,0.06); } /* ===== 图例弹窗 ===== */ body[data-theme="racing-dark"] .legend-modal { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .legend-modal-header { border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .legend-modal-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .legend-modal-body { color: #a0a0b8; } body[data-theme="racing-dark"] .legend-section h4 { color: #f0f0f5; } body[data-theme="racing-dark"] .legend-item { color: #a0a0b8; } body[data-theme="racing-dark"] .legend-divider { border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .legend-section p { color: #a0a0b8; } body[data-theme="racing-dark"] .legend-section li { color: #a0a0b8; } /* ===== 区域信息窗口 ===== */ body[data-theme="racing-dark"] .zone-info-window { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .zone-info-window .ziw-title { color: #f0f0f5 !important; } body[data-theme="racing-dark"] .zone-info-window .ziw-city { color: #a0a0b8 !important; } body[data-theme="racing-dark"] .zone-info-window .ziw-value { color: #f0f0f5; } body[data-theme="racing-dark"] .zone-info-window .ziw-label { color: #a0a0b8 !important; } body[data-theme="racing-dark"] .zone-info-window .ziw-row { border-color: rgba(255,255,255,0.06) !important; } body[data-theme="racing-dark"] .zone-info-window .ziw-close { color: #e63946 !important; } /* ===== 城市列表 ===== */ body[data-theme="racing-dark"] .city-list { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .city-list li { color: #a0a0b8; border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .city-list li:hover { background: rgba(230,57,70,0.12); } body[data-theme="racing-dark"] .city-list li .zone-count { color: #e63946; } /* ===== 类型选择器 ===== */ body[data-theme="racing-dark"] .type-selector { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .type-btn { background: #12121a; border-color: rgba(255,255,255,0.06); color: #a0a0b8; } body[data-theme="racing-dark"] .type-btn.active { background: rgba(230,57,70,0.12); border-color: rgba(230,57,70,0.3); color: #e63946; } /* ===== 统一弹窗 ===== */ body[data-theme="racing-dark"] .unified-modal-content { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .unified-modal-title { color: #f0f0f5; } body[data-theme="racing-dark"] .unified-modal-msg { color: #a0a0b8; } body[data-theme="racing-dark"] .unified-modal-icon { /* 保持emoji */ } body[data-theme="racing-dark"] .unified-modal-footer { border-top-color: rgba(255,255,255,0.06); } /* ===== 帮助弹窗 ===== */ body[data-theme="racing-dark"] .help-modal-content { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .help-modal-header { border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .help-modal-header h3 { color: #f0f0f5; } body[data-theme="racing-dark"] .help-modal-body { color: #a0a0b8; } body[data-theme="racing-dark"] .help-modal-body p, body[data-theme="racing-dark"] .help-modal-body li { color: #a0a0b8; } /* ===== 接待站信息弹窗 ===== */ body[data-theme="racing-dark"] .jdz-info-popup { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .jdz-info-header { border-bottom-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .jdz-info-name { color: #f0f0f5; } body[data-theme="racing-dark"] .jdz-info-desc { color: #a0a0b8; } body[data-theme="racing-dark"] .jdz-info-contact { color: #6a6a82; } /* ===== 图片预览 ===== */ body[data-theme="racing-dark"] .image-preview-container { background: rgba(0,0,0,0.92); } body[data-theme="racing-dark"] .image-preview-wrapper { /* 保持 */ } body[data-theme="racing-dark"] .single-image-upload { background: #12121a; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .upload-icon { filter: grayscale(1) brightness(2); } /* ===== POI 照片 ===== */ body[data-theme="racing-dark"] .poi-photo { border-color: rgba(255,255,255,0.06); } /* ===== 地图类型切换 ===== */ body[data-theme="racing-dark"] .map-type-toggle-btn { background: rgba(26,26,38,0.95); color: #f0f0f5; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .map-type-toggle-btn:hover { background: rgba(230,57,70,0.12); color: #e63946; } /* ===== 底部缩放按钮 ===== */ body[data-theme="racing-dark"] .zoom-btn { background: rgba(26,26,38,0.95); color: #f0f0f5; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 8px rgba(0,0,0,0.4); } body[data-theme="racing-dark"] .zoom-btn:hover { background: rgba(230,57,70,0.12); color: #e63946; } /* ===== 主题切换按钮容器 ===== */ body[data-theme="racing-dark"] .theme-switcher { z-index: 10001; } /* ===== 跑马灯（通用） ===== */ body[data-theme="racing-dark"] .marquee-section { background: #1a1a26; border-color: rgba(255,255,255,0.06); } body[data-theme="racing-dark"] .marquee-header { border-bottom-color: rgba(255,255,255,0.04); } body[data-theme="racing-dark"] .marquee-title { color: #f0f0f5; } body[data-theme="racing-dark"] .marquee-badge { background: #e63946; color: #fff; } body[data-theme="racing-dark"] .marquee-more { color: #e63946; } body[data-theme="racing-dark"] .marquee-item { color: #a0a0b8; } body[data-theme="racing-dark"] .marquee-dot { background: #e63946; } body[data-theme="racing-dark"] .marquee-date { color: #6a6a82; } /* ===== 通用链接 ===== */ body[data-theme="racing-dark"] a { color: #e63946; } body[data-theme="racing-dark"] a:hover { color: #ff4d5a; }