/* ============================================================ 湛江 AI·OPC 创业孵化空间 — 暗色轻奢商务主题（黑金）参考：docx/老板喜欢配色.md 启用方式：在上添加 class="rc-theme-dark" 删除方式：删除本文件 + h5.html 中的对应 ============================================================ */ /* ---------- 黑金 Design Tokens（覆盖默认） ---------- */ .rc-theme-dark { --paper: #12121A; /* 最深背景 */ --paper-card: #1C1C2A; /* 卡片底 */ --ink: #EAEAF0; /* 主文字 */ --ink-2: #C8B890; /* 次级文字（浅金） */ --ink-3: #9999AA; /* 辅助文字 */ --ink-inverse: #12121A; /* 浅底上的主文字 */ --accent: #D4B068; /* 哑光古金 */ --accent-deep: #C8B890; /* 浅金 */ --accent-tint: rgba(212, 176, 104, 0.12); --line: #333344; --night: #12121A; --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 文字反色：深底上用浅色 */ color-scheme: dark; } /* ---------- Base ---------- */ .rc-theme-dark body, .rc-theme-dark .rc-page { background: var(--paper); color: var(--ink); } /* ---------- 顶部导航 ---------- */ .rc-theme-dark .rc-header { background: rgba(28, 28, 42, 0.92); border-bottom: 1px solid var(--line); } .rc-theme-dark .rc-header-back { color: var(--ink); } .rc-theme-dark .rc-header-back:active { background: var(--accent-tint); } .rc-theme-dark .rc-header-title { color: var(--accent); font-family: "Noto Serif SC", serif; } /* ---------- Banner ---------- */ .rc-theme-dark .rc-banner { background: var(--night); } .rc-theme-dark .rc-banner-img { opacity: 0.25; } .rc-theme-dark .rc-banner-mask { background: linear-gradient( 180deg, rgba(18, 18, 26, 0.3) 0%, rgba(18, 18, 26, 0.9) 100% ); } .rc-theme-dark .rc-banner-text { color: var(--accent); } .rc-theme-dark .rc-banner-title { color: var(--accent); text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); } .rc-theme-dark .rc-banner-slogan { color: var(--ink-2); } /* ---------- 数据条 ---------- */ .rc-theme-dark .rc-stats { background: var(--paper-card); border-bottom: 1px solid var(--line); } .rc-theme-dark .rc-stat-num { color: var(--accent); } .rc-theme-dark .rc-stat-label { color: var(--ink-3); } /* ---------- 宫格 ---------- */ .rc-theme-dark .rc-grid { background: var(--paper-card); } .rc-theme-dark .rc-grid-item:active { background: var(--accent-tint); } .rc-theme-dark .rc-grid-icon { background: var(--accent-tint); color: var(--accent); } .rc-theme-dark .rc-grid-name { color: var(--ink-2); } /* ---------- 通用区块 ---------- */ .rc-theme-dark .rc-section-title { color: var(--accent); } .rc-theme-dark .rc-section-title::before { background: var(--accent); } .rc-theme-dark .rc-section-more { color: var(--accent); } /* ---------- 活动卡片 ---------- */ .rc-theme-dark .rc-card { border-bottom: 1px solid var(--line); } .rc-theme-dark .rc-card:active { opacity: 0.6; } .rc-theme-dark .rc-card-date { background: var(--accent-tint); color: var(--accent); } .rc-theme-dark .rc-card-title { color: var(--ink); } .rc-theme-dark .rc-card-meta { color: var(--ink-3); } .rc-theme-dark .rc-card-tags { color: var(--accent); } /* ---------- 团队卡片 ---------- */ .rc-theme-dark .rc-team-card { background: var(--paper-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .rc-theme-dark .rc-team-tag { color: var(--accent); background: var(--accent-tint); } .rc-theme-dark .rc-team-name { color: var(--accent); } .rc-theme-dark .rc-team-desc { color: var(--ink-3); } /* ---------- 详情页 ---------- */ .rc-theme-dark .rc-detail-title { color: var(--accent); } .rc-theme-dark .rc-detail-meta { color: var(--ink-2); } .rc-theme-dark .rc-detail-label { color: var(--ink-3); } .rc-theme-dark .rc-detail-summary { background: var(--paper-card); border-left-color: var(--accent); color: var(--ink-2); } .rc-theme-dark .rc-detail-photos-title, .rc-theme-dark .rc-detail-block-title { color: var(--accent); } .rc-theme-dark .rc-detail-block p { color: var(--ink-2); } /* ---------- 楼层导览 ---------- */ .rc-theme-dark .rc-floor-item { border-bottom: 1px solid var(--line); } .rc-theme-dark .rc-floor-badge { background: var(--accent-tint); color: var(--accent); } .rc-theme-dark .rc-floor-name { color: var(--ink); } .rc-theme-dark .rc-floor-desc { color: var(--ink-3); } /* ---------- 相册 / 空状态 ---------- */ .rc-theme-dark .rc-zone-name { color: var(--accent); } .rc-theme-dark .rc-empty { background: var(--paper-card); border-color: var(--line); color: var(--ink-3); } /* ---------- 导航卡片 ---------- */ .rc-theme-dark .rc-nav-card { background: var(--paper-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .rc-theme-dark .rc-nav-address { color: var(--ink); } /* ---------- 服务 ---------- */ .rc-theme-dark .rc-service-item { border-bottom: 1px solid var(--line); } .rc-theme-dark .rc-service-icon { background: var(--accent-tint); } .rc-theme-dark .rc-service-title { color: var(--ink); } .rc-theme-dark .rc-service-desc { color: var(--ink-3); } /* 服务图标 SVG 换金色 */ .rc-theme-dark .rc-service-robot, .rc-theme-dark .rc-service-photo, .rc-theme-dark .rc-service-image, .rc-theme-dark .rc-service-human, .rc-theme-dark .rc-service-media, .rc-theme-dark .rc-service-training { filter: brightness(0) saturate(100%) invert(78%) sepia(22%) saturate(500%) hue-rotate(5deg) brightness(95%); } /* ---------- 合作说明 ---------- */ .rc-theme-dark .rc-cooperate p { color: var(--ink-2); } /* ---------- 按钮 ---------- */ .rc-theme-dark .rc-btn-primary { background: var(--accent); color: #12121A; box-shadow: 0 2px 8px rgba(212, 176, 104, 0.25); } .rc-theme-dark .rc-btn-primary:active { background: var(--accent-deep); } .rc-theme-dark .rc-btn-plain { color: var(--accent); border-color: var(--accent); } .rc-theme-dark .rc-btn-plain:active { background: var(--accent-tint); } /* ---------- 底部 ---------- */ .rc-theme-dark .rc-footer { background: var(--night); color: var(--ink-3); } .rc-theme-dark .rc-footer-brand { color: var(--accent); } .rc-theme-dark .rc-footer-slogan { color: var(--ink-3); } .rc-theme-dark .rc-footer-actions .rc-btn-plain { color: var(--accent); border-color: rgba(212, 176, 104, 0.3); } .rc-theme-dark .rc-footer-actions .rc-btn-plain:active { background: var(--accent-tint); } .rc-theme-dark .rc-footer-contact { color: var(--ink-3); } .rc-theme-dark .rc-footer-copy { color: var(--ink-3); border-top: 1px solid var(--line); } .rc-theme-dark .rc-footer-copy a { color: var(--ink-3); } /* ---------- Toast（common.js 注入行内样式，这里强制覆盖） ---------- */ .rc-theme-dark .rc-toast, .rc-theme-dark [class*="toast"], .rc-theme-dark div[style*="position: fixed"][style*="z-index: 9999"] { background: #1C1C2A !important; color: #EAEAF0 !important; border: 1px solid #333344 !important; }