:root {
--fade-in-delay: 0.15s;
--theme-base: "black-highlighter";
--theme-id: "e-p-b-dark";
--theme-name: "EPBDark";
--logo-image: url("LOGO_PLACEHOLDER");
--header-title: "前厅守望者";
--header-subtitle: "为人类存续而守望";
--body-font: 'Segoe UI', 'Noto Sans SC', sans-serif;
--header-font: 'Segoe UI', 'Noto Sans SC', sans-serif;
--title-font: 'Segoe UI', 'Noto Sans SC', sans-serif;
--mono-font: 'Consolas', 'Noto Sans SC', monospace;
--white-monochrome: 255, 255, 255;
--pale-gray-monochrome: 248, 248, 248;
--light-gray-monochrome: 240, 240, 240;
--gray-monochrome: 120, 120, 120;
--black-monochrome: 30, 30, 30;
/* 主色调 - 淡抹茶绿 */
--bright-accent: 160, 190, 150;
--medium-accent: 130, 160, 120;
--dark-accent: 100, 130, 90;
--pale-accent: 190, 210, 180;
--custom-text: 50, 70, 45;
/* 背景色 - 纯白色提高对比度 */
--swatch-background: var(--white-monochrome);
--swatch-primary: var(--bright-accent);
--swatch-primary-darker: var(--medium-accent);
--swatch-primary-darkest: var(--dark-accent);
/* 文字颜色 - 深灰色提高可读性 */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-important-text: var(--custom-text);
--barColour: var(--gray-monochrome);
--linkColour: var(--dark-accent);
/* 菜单颜色 */
--swatch-menubg-color: var(--light-gray-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
--swatch-menubg-medium-color: var(--medium-accent);
--swatch-menubg-medium-dark-color: var(--gray-monochrome);
--swatch-menubg-dark-color: var(--dark-accent);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--bright-accent);
--swatch-menutxt-dark-color: var(--black-monochrome);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-border-color: var(--medium-accent);
/* 标题颜色 */
--swatch-headerh1-color: var(--custom-text);
--swatch-headerh2-color: var(--dark-accent);
--swatch-topmenu-border-color: var(--medium-accent);
--swatch-topmenu-bg-color: var(--light-gray-monochrome);
/* 链接颜色 */
--link-color: var(--dark-accent);
--visited-link-color: 110, 130, 100;
--hover-link-color: var(--custom-text);
--sidebar-links-text: var(--swatch-menutxt-dark-color);
--link-color-bright: var(--medium-accent);
/* 评分模块颜色 */
--rating-module-button-color: var(--medium-accent);
--rating-module-text-color: var(--black-monochrome);
--rating-module-text-hover-color: var(--white-monochrome);
/* 头部渐变 */
--gradient-header: none;
--diagonal-stripes: none;
}
/* 守望者扫描效果 */
#extrac-div-1 {
position: fixed;
width: 100vw;
height: 100vh;
pointer-events: none;
background:
repeating-linear-gradient(
90deg,
transparent,
transparent 2px,
rgba(160, 190, 150, 0.03) 2px,
rgba(160, 190, 150, 0.03) 4px
);
opacity: 0.6;
z-index: -1;
}
@keyframes watcher-scan {
0% {
top: 0%;
opacity: 0;
}
10% {
opacity: 0.3;
}
50% {
top: 50%;
opacity: 0.8;
}
90% {
opacity: 0.3;
}
100% {
top: 100%;
opacity: 0;
}
}
/* 警戒指示灯 */
#extrac-div-3 {
position: fixed;
top: 20px;
right: 20px;
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(160, 190, 150, 0.8);
box-shadow:
0 0 10px rgba(160, 190, 150, 0.6),
inset 0 0 5px rgba(255, 255, 255, 0.5);
animation: status-pulse 3s ease-in-out infinite;
pointer-events: none;
z-index: 9998;
}
@keyframes status-pulse {
0%, 100% {
opacity: 0.6;
box-shadow:
0 0 10px rgba(160, 190, 150, 0.6),
inset 0 0 5px rgba(255, 255, 255, 0.5);
}
50% {
opacity: 1;
box-shadow:
0 0 20px rgba(160, 190, 150, 0.8),
0 0 30px rgba(160, 190, 150, 0.4),
inset 0 0 8px rgba(255, 255, 255, 0.7);
}
}
/* 渐入效果 */
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
/* 表格军事风格 */
table {
border: 1px solid rgba(130, 160, 120, 0.6) !important;
background: rgba(255, 255, 255, 0.9) !important;
}
table th {
background: rgba(160, 190, 150, 0.4) !important;
border-bottom: 2px solid rgba(130, 160, 120, 0.7) !important;
color: var(--black-monochrome) !important;
}
table td {
border: 1px solid rgba(130, 160, 120, 0.4) !important;
color: var(--black-monochrome) !important;
}
/* 引用块样式 */
blockquote {
background: rgba(248, 248, 248, 0.8) !important;
border-left: 4px solid rgba(160, 190, 150, 0.7) !important;
}
/* 提高文字对比度 */
body {
color: rgba(30, 30, 30, 0.95) !important;
}
/* 代码块样式 */
pre, code {
background: rgba(240, 240, 240, 0.9) !important;
border: 1px solid rgba(160, 190, 150, 0.3) !important;
color: rgba(30, 30, 30, 0.9) !important;
}
/* 更彻底地移除所有可能影响顶栏的背景图案 */
#header * {
background-image: none !important;
}
#header {
background: var(--swatch-topmenu-bg-color) !important;
background-image: none !important;
}
/* 如果主题使用了伪元素添加背景 */
#header:before,
#header:after,
#header-wrap:before,
#header-wrap:after {
display: none !important;
content: none !important;
}
