/* ============================================================== moonlight.css — 月之明系列板式专用样式 说明：所有规则基于 [data-theme="moonlight"] 选择器， 页面只需在 上写 data-theme="moonlight"， 无需额外的 .moonlight-* 类即可获得完整板式。 ============================================================== */ /* ===== 月之明主题变量 ===== */ [data-theme="moonlight"] { --bg-sidebar: rgba(6, 10, 22, 0.7); --bg-card: rgba(16, 28, 52, 0.7); --bg-nav: rgba(10, 18, 36, 0.8); --bg-placeholder: rgba(16, 28, 52, 0.7); --text-primary: #dce8f8; --text-secondary: #a8c0e0; --text-muted: #7a9ab8; --text-link: #7ab0e8; --text-link-hover: #a8d0f8; --border-main: rgba(26, 42, 80, 0.5); --border-light: rgba(20, 40, 68, 0.4); --border-dashed: rgba(26, 48, 80, 0.4); --border-dotted: rgba(16, 32, 64, 0.3); --border-hover: rgba(42, 74, 122, 0.6); --shadow-wrapper: 0 0 30px rgba(0, 0, 0, 0.4); --link-hover-border: rgba(42, 74, 122, 0.6); --shadow-title: 1px 2px 3px rgba(100, 180, 255, 0.3); --toggle-bg: rgba(10, 18, 36, 0.85); --toggle-color: #aac8f0; --toggle-hover-bg: rgba(20, 40, 68, 0.9); --nav-hover-bg: rgba(20, 40, 68, 0.3); --nav-active-bg: rgba(26, 42, 80, 0.4); } /* ===== 背景（固定模糊背景图 + 深色底） ===== */ [data-theme="moonlight"] body { background: #080c1a; } [data-theme="moonlight"] body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('themes/月之明-海上生明月板式背景图.png') center / cover no-repeat; filter: blur(8px); -webkit-filter: blur(8px); z-index: -2; } /* ===== 主容器 ===== */ [data-theme="moonlight"] .wiki-wrapper { background: rgba(8, 12, 26, 0.80); border-color: rgba(26, 42, 80, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); overflow: hidden; } [data-theme="moonlight"] :is(.page-container, .left-sidebar) { background: transparent; } [data-theme="moonlight"] .left-sidebar { background: rgba(6, 10, 22, 0.90); border-right-color: rgba(20, 40, 68, 0.4); } /* ===== 头图 ===== */ [data-theme="moonlight"] .site-header { position: relative; overflow: hidden; min-height: 250px; margin: -30px -25px 25px; padding: 0; border-bottom-color: rgba(26, 42, 80, 0.4); background: transparent; } [data-theme="moonlight"] .site-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('themes/月之明-海上生明月板式头图.jpg') center / cover no-repeat; z-index: 0; pointer-events: none; } [data-theme="moonlight"] .site-header .header-center { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 250px; padding: 20px 0; background: transparent; } /* 禁用 common.css 的默认头图 */ [data-theme="moonlight"] .site-header .header-center::after { display: none !important; content: none !important; } [data-theme="moonlight"] .site-header h1 a { font-family: serif; font-size: 3.2rem; letter-spacing: 8px; color: #dce8f8; text-shadow: 0 0 30px rgba(100, 180, 255, 0.25), 0 0 60px rgba(100, 180, 255, 0.1); } [data-theme="moonlight"] .site-header h1 a:hover { transform: translate(-1px, -2px); text-shadow: 0 0 30px rgba(100, 180, 255, 0.5), 0 0 60px rgba(100, 180, 255, 0.25); } [data-theme="moonlight"] .site-header .subtitle { font-size: 1.4rem; color: #aac8f0; letter-spacing: 4px; text-shadow: 0 0 20px rgba(100, 180, 255, 0.3); } /* ===== 隐藏主题切换 ===== */ [data-theme="moonlight"] .theme-toggle-wrapper { display: none; } /* ===== 基础元素 ===== */ [data-theme="moonlight"] :is(.site-header, .hr-divider, hr) { border-color: rgba(26, 42, 80, 0.4); } [data-theme="moonlight"] .site-footer { border-top-color: rgba(26, 42, 80, 0.4); color: var(--text-muted); } /* ===== 标题 ===== */ [data-theme="moonlight"] :is(.h3-title, .sub-head, h1, h2, h3) { color: var(--text-primary); } [data-theme="moonlight"] .h3-title { border-bottom-color: rgba(26, 48, 80, 0.4); } /* ===== 区块 ===== */ [data-theme="moonlight"] .lightblock { background: rgba(16, 28, 52, 0.7); border-color: rgba(20, 40, 68, 0.4); color: var(--text-secondary); } [data-theme="moonlight"] .darkblock { background: rgba(6, 10, 22, 0.7); border-color: rgba(20, 40, 68, 0.4); color: var(--text-secondary); } /* ===== 引用块 ===== */ [data-theme="moonlight"] .styled-quote { background: rgba(16, 28, 52, 0.7); border-left-color: #4a8abd; color: var(--text-secondary); } [data-theme="moonlight"] .dark-styled-quote { background: rgba(6, 10, 22, 0.7); border-left-color: #2a5a7a; color: var(--text-secondary); } /* ===== 表格 ===== */ [data-theme="moonlight"] .wiki-content-table { border-color: rgba(20, 40, 68, 0.4); border-collapse: collapse; } [data-theme="moonlight"] :is(.wiki-content-table th, .wiki-content-table td) { border-color: rgba(20, 40, 68, 0.4); color: var(--text-secondary); } [data-theme="moonlight"] .wiki-content-table th { background: rgba(16, 28, 52, 0.7); color: var(--text-primary); } /* ===== 列表 ===== */ [data-theme="moonlight"] :is(ul li, ol li) { color: var(--text-secondary); } /* ===== 折叠块 ===== */ [data-theme="moonlight"] .collapsible-block-link { color: var(--text-link); } [data-theme="moonlight"] .collapsible-block-link:hover { color: var(--text-link-hover); } [data-theme="moonlight"] .collapsible-block-content { background: rgba(16, 28, 52, 0.7); border-color: rgba(20, 40, 68, 0.4); color: var(--text-secondary); } /* ===== 图片块 ===== */ [data-theme="moonlight"] .scp-image-block { border-color: rgba(26, 42, 80, 0.4); background: rgba(16, 28, 52, 0.5); } [data-theme="moonlight"] .scp-image-block .scp-image-caption { color: #a0c0e0; border-top-color: rgba(26, 42, 80, 0.3); } /* ===== 生存难度卡片 ===== */ [data-theme="moonlight"] .survival-card { border-color: rgba(26, 42, 80, 0.6); } [data-theme="moonlight"] .survival-card .level-badge { border-right-color: rgba(26, 42, 80, 0.5); } [data-theme="moonlight"] .survival-card .indicators .indicator { border-left-color: rgba(26, 42, 80, 0.4); border-bottom-color: rgba(26, 42, 80, 0.4); } /* ===== 侧栏 ===== */ [data-theme="moonlight"] .left-sidebar .section-title { color: var(--text-muted); border-bottom-color: rgba(26, 48, 80, 0.4); } [data-theme="moonlight"] .left-sidebar ul li a { color: var(--text-link); border-bottom-color: rgba(16, 32, 64, 0.3); } [data-theme="moonlight"] .left-sidebar ul li a:hover { color: var(--text-link-hover); border-bottom-color: rgba(42, 74, 122, 0.6); background: rgba(20, 40, 68, 0.3); } /* ===== 汉堡按钮 ===== */ [data-theme="moonlight"] .sidebar-toggle { background: rgba(10, 18, 36, 0.85); border-color: rgba(26, 42, 80, 0.5); } [data-theme="moonlight"] .sidebar-toggle:hover { background: rgba(20, 40, 68, 0.9); } [data-theme="moonlight"] .hamburger-line { background: #aac8f0; } /* ===== 页脚链接 ===== */ [data-theme="moonlight"] .site-footer .footer-links a { color: var(--text-link); border-bottom-color: rgba(16, 32, 64, 0.3); } [data-theme="moonlight"] .site-footer .footer-links a:hover { color: var(--text-link-hover); } /* ===== 占位符 ===== */ [data-theme="moonlight"] .placeholder-content h2 { color: var(--text-primary); } [data-theme="moonlight"] .placeholder-content p { color: var(--text-muted); } /* ===== 响应式 ===== */ @media (max-width: 768px) { [data-theme="moonlight"] .site-header { min-height: 180px; margin: -15px -12px 20px; padding: 0; } [data-theme="moonlight"] .site-header .header-center { min-height: 180px; } [data-theme="moonlight"] .site-header h1 a { font-size: 2.2rem; letter-spacing: 4px; } [data-theme="moonlight"] .site-header .subtitle { font-size: 1.1rem; } [data-theme="moonlight"] .wiki-wrapper { background: rgba(8, 12, 26, 0.88); } [data-theme="moonlight"] :is(strong, b) { color: #c8dcf0; } }