MediaWiki:Common.css：修订间差异

2025年4月12日 (六) 21:09的版本

/* 千禧年数据库风格CSS - 浅色主题 */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
@import url("https://fastly.jsdelivr.net/gh/hoah2333/Fonts@main/Typeface-VonwaonBitmap-16px.css");

/* ==== 基础变量 ==== */
:root {
    /* ==== 字体设置 ==== */
    --body-font: "VonwaonBitmap 16px", VT323, monospace;
    --UI-font: "VonwaonBitmap 16px", VT323, monospace;
    --title-font: "VonwaonBitmap 16px", "Noto Sans SC", VT323, monospace;
    --mono-font: "VonwaonBitmap 16px", VT323, monospace;
  
   /* === BASE FONT SIZE & LINE HEIGHT === */
    --min-font-size: 0.9rem;
    --max-font-size: 1rem;
    --base-font-size: var(--max-font-size);
    --base-line-height: 1.5;

    /* === CRT DISPLAY COLORS === */
    --crt-bg-color: 10, 15, 20; /* 深蓝黑色背景 */
    --crt-text-color: 180, 255, 180; /* 荧光绿文字 */
    --crt-terminal-green: 0, 255, 100; /* 终端绿 */
    --crt-terminal-blue: 80, 170, 255; /* 终端蓝 */
    --crt-terminal-amber: 255, 176, 0; /* 终端琥珀色 */
    --crt-terminal-pink: 255, 100, 200; /* 终端粉色 */
    --crt-glow-color: var(--crt-terminal-green); /* 荧光颜色 */
    
    /* === SCANLINE EFFECTS === */
    --scanline-height: 2px;
    --scanline-color: rgba(0, 0, 0, 0.07);
    --interlace-opacity: 0.4;
    --flicker-intensity: 0.03;
    --noise-opacity: 0.02;
    --rgb-shift-amount: 0.5px;
    --vignette-opacity: 0.3;
    --screen-curvature: 3%; /* 屏幕弯曲程度 */

    /* === STANDARD THEME COLORS === */
    /* 保留原有颜色变量 */
    --white-monochrome: 180, 255, 180; /* 改为荧光绿 */
    --black-monochrome: 10, 15, 20; /* 改为深蓝黑 */
    --bright-accent: 0, 255, 100; /* 改为终端绿 */
    --medium-accent: 0, 200, 80;
    --dark-accent: 0, 150, 60;

    /* === PRIMARY COLORS === */
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-border-color: var(--bright-accent);

    /* === MENU COLORS === */
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--white-monochrome);

    /* === SECONDARY & TERTIARY COLORS === */
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);

    /* === LINK COLORS === */
    --link-color: rgb(80, 200, 255);
    --link-color-active: rgb(255, 176, 0);
    --visited-link-color: rgb(180, 160, 255);
    --hover-link-color: rgb(0, 255, 200);
}

/* === GLOBAL STYLES === */
html {
    font-size: 1em;
    line-height: var(--base-line-height);
}

html, body {
    margin: 0;
    padding: 0;
    font-variant-ligatures: none;
    background-color: rgb(var(--crt-bg-color));
    color: rgb(var(--crt-text-color));
    font-family: var(--body-font);
    overflow-x: hidden; /* 防止水平溢出 */
    perspective: 1000px; /* 3D透视效果 */
}

/* 添加CRT屏幕效果 */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    pointer-events: none;
    /* 屏幕弯曲效果 */
    border-radius: 20% / 5%;
    box-shadow: 
        0 0 0 var(--screen-curvature) rgb(var(--crt-bg-color)),
        inset 0 0 40px rgba(0, 0, 0, 0.6);
    /* 暗角效果 */
    background: radial-gradient(
        ellipse at center,
        transparent 60%,
        rgba(0, 0, 0, var(--vignette-opacity)) 100%
    );
}

/* 扫描线效果 */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    background: repeating-linear-gradient(
        0deg,
        var(--scanline-color) calc(var(--scanline-height) - 1px),
        var(--scanline-color) var(--scanline-height),
        transparent calc(var(--scanline-height) + 1px)
    );
    background-size: 100% calc(var(--scanline-height) * 2);
    opacity: var(--interlace-opacity);
    animation: scanline-flicker 0.1s infinite alternate-reverse;
}

/* 噪点效果 */
.noise {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9997;
    opacity: var(--noise-opacity);
    background-image: url('data:image/png;base64,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');
}

/* 宽扫描线效果 */
.wide-scanline {
    position: fixed;
    width: 100%;
    height: 4rem;
    top: -4rem;
    left: 0;
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.03) 10%,
        rgba(255, 255, 255, 0.05) 20%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0.05) 80%,
        rgba(255, 255, 255, 0.03) 90%,
        rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 9997;
    animation: scanline-move 8s cubic-bezier(0.1, 0.7, 0.7, 0.95) infinite;
    opacity: 0.3;
}

/* 垂直同步扫描效果 */
.vsync-line {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.3);
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-1px);
    animation: vsync-scan 10s linear infinite;
}

/* 动画效果 */
@keyframes scanline-move {
    0% { top: -4rem; opacity: 0.2; }
    5% { opacity: 0.3; }
    30% { opacity: 0.2; }
    50% { opacity: 0.3; }
    75% { opacity: 0.2; }
    95% { opacity: 0.3; }
    100% { top: 100vh; opacity: 0.2; }
}

@keyframes scanline-flicker {
    0% { opacity: var(--interlace-opacity); }
    100% { opacity: calc(var(--interlace-opacity) - 0.1); }
}

@keyframes vsync-scan {
    0% { opacity: 0; transform: translateY(-1px); }
    1% { opacity: 0.5; transform: translateY(0); }
    1.5% { opacity: 0.3; transform: translateY(100vh); }
    2% { opacity: 0; transform: translateY(100vh); }
    100% { opacity: 0; transform: translateY(100vh); }
}

@keyframes text-flicker {
    0% { text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7); }
    50% { text-shadow: 0 0 2px rgba(var(--crt-glow-color), 0.4); }
    100% { text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7); }
}

/* 文本和链接样式 */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font);
    color: rgb(var(--crt-terminal-green));
    text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7);
    letter-spacing: 0.05em;
    animation: text-flicker 2s infinite alternate;
    position: relative;
}

h1 {
    font-size: 1.8rem;
    text-transform: uppercase;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.3rem;
}

a {
    color: rgb(var(--crt-terminal-blue));
    text-decoration: none;
    transition: all 0.2s ease;
    text-shadow: 0 0 3px rgba(var(--crt-terminal-blue), 0.5);
}

a:hover {
    color: rgb(var(--crt-terminal-amber));
    text-shadow: 0 0 5px rgba(var(--crt-terminal-amber), 0.7);
}

a:hover::before {
    content: "> ";
}

a:visited {
    color: rgb(var(--crt-terminal-pink));
    text-shadow: 0 0 3px rgba(var(--crt-terminal-pink), 0.5);
}

/* 按钮样式 */
button, input[type="submit"], input[type="button"] {
    background-color: rgba(var(--crt-bg-color), 0.8);
    color: rgb(var(--crt-terminal-green));
    border: 1px solid rgba(var(--crt-terminal-green), 0.7);
    font-family: var(--pixel-font);
    padding: 5px 10px;
    box-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.5);
    transition: all 0.2s ease;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background-color: rgba(var(--crt-terminal-green), 0.2);
    box-shadow: 
        0 0 5px rgba(var(--crt-glow-color), 0.7),
        0 0 10px rgba(var(--crt-glow-color), 0.5);
    cursor: pointer;
}

/* 侧边栏样式 */
.side-block {
    --sideblock-bg-color: var(--crt-bg-color);
    --sideblock-heading-border-color: var(--crt-terminal-green);
    --sideblock-heading-bg-color: var(--crt-bg-color);
    --sideblock-heading-text-color: var(--crt-terminal-green);
    --sidebar-border-color: var(--crt-terminal-green);
    --sidebar-links-text: var(--crt-text-color);
    --sidebar-links-bg-color: var(--crt-bg-color);
    --sidebar-links-hover-bg-color: var(--crt-terminal-green);
    --sidebar-links-hover-text-color: var(--black-monochrome);

    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    margin: 0.5rem 0.5rem 0 0;
    border: 1px solid rgba(var(--crt-terminal-green), 0.3);
    background: rgba(var(--sideblock-bg-color), 0.7);
    font-family: var(--UI-font);
    box-shadow: 0 0 10px rgba(var(--crt-glow-color), 0.3);
}

.side-block .heading {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    min-height: 1.5rem;
    margin: 0;
    background-color: rgba(var(--sideblock-heading-bg-color), 0.7);
    box-shadow: 0 0.0625rem 0 0 rgba(var(--sideblock-heading-border-color), 0.7);
}

.side-block .heading p {
    margin: 0;
    color: rgb(var(--sideblock-heading-text-color));
    font-family: var(--title-font);
    font-size: calc((var(--base-font-size) * (14 / 15)) * 0.9);
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.15;
    text-indent: 0.25rem;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7);
}

.side-block div.menu-item {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 -1px 0 0 rgba(var(--sidebar-border-color), 0.3);
}

.side-block div.menu-item a {
    display: flex;
    flex-grow: 2;
    justify-content: flex-start;
    height: 1.5em;
    margin: 0;
    padding: 0 0.6em;
    transition: all 0.2s ease;
    background-color: rgba(var(--sidebar-links-bg-color), 0.7);
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size) * (14 / 15));
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.side-block div.menu-item a:hover,
.side-block div.menu-item a:active,
.side-block div.menu-item a:focus-within {
    background-color: rgba(var(--sidebar-links-hover-bg-color), 0.3);
    color: rgb(var(--sidebar-links-hover-text-color));
    text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7);
}

/* 表格样式 */
table {
    border-collapse: collapse;
    margin: 1em 0;
    background-color: rgba(var(--crt-bg-color), 0.7);
    border: 1px solid rgba(var(--crt-terminal-green), 0.7);
    box-shadow: 
        0 0 5px rgba(var(--crt-glow-color), 0.3),
        0 0 10px rgba(var(--crt-glow-color), 0.1);
    border-radius: 3px;
}

table th {
    background-color: rgba(var(--crt-terminal-green), 0.2);
    color: rgb(var(--crt-terminal-green));
    text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
    padding: 8px;
    font-family: var(--pixel-font);
    font-weight: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

table td {
    padding: 8px;
    border: 1px solid rgba(var(--crt-terminal-green), 0.3);
    color: rgb(var(--crt-text-color));
}

table tr:nth-child(even) {
    background-color: rgba(var(--crt-terminal-green), 0.05);
}

/* 代码块样式 */
pre, code, .mw-code, .pn, .mw-highlight {
    font-family: var(--pixel-font);
    background-color: rgba(var(--crt-bg-color), 0.5);
    border: 1px solid rgba(var(--crt-terminal-green), 0.5);
    padding: 0.5em;
    color: rgb(var(--crt-terminal-amber));
    text-shadow: 0 0 3px rgba(var(--crt-terminal-amber), 0.5);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

/* 引用块样式 */
blockquote {
    border-left: 3px solid rgba(var(--crt-terminal-blue), 0.7);
    margin: 1em 0;
    padding: 0.5em 1em;
    background-color: rgba(var(--crt-bg-color), 0.5);
    color: rgba(var(--crt-text-color), 0.8);
    box-shadow: 
        0 0 5px rgba(var(--crt-terminal-blue), 0.3),
        0 0 10px rgba(var(--crt-terminal-blue), 0.1);
}

/* 特殊样式引用块 */
.lightstyled-quote {
    background-color: rgba(var(--crt-terminal-green), 0.15);
    color: rgb(var(--crt-text-color));
    border-left: 0.5rem solid rgba(var(--crt-terminal-blue), 0.7);
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 
        0 0 5px rgba(var(--crt-terminal-blue), 0.3),
        0 0 10px rgba(var(--crt-terminal-blue), 0.1);
}

.darkstyled-quote {
    background-color: rgba(var(--crt-bg-color), 0.8);
    border-left: 0.5rem solid rgba(var(--crt-terminal-green), 0.7);
    color: rgb(var(--crt-text-color));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 
        0 0 5px rgba(var(--crt-terminal-green), 0.3),
        0 0 10px rgba(var(--crt-terminal-green), 0.1);
}

.darkstyled-quote a {
    color: rgb(var(--crt-terminal-blue));
    text-shadow: 0 0 3px rgba(var(--crt-terminal-blue), 0.5);
}

/* 信息框样式 */
.notaninfobox {
    position: relative;
    clear: right;
    margin: 0 0 1em 1em;
    width: 350px;
    font-size: 90%;
    background-color: rgba(var(--crt-bg-color), 0.7);
    float: right;
    border: 1px solid rgba(var(--crt-terminal-green), 0.7);
    padding: 2px;
    overflow: auto;
    z-index: 1;
    overflow-wrap: anywhere;
    box-shadow: 
        0 0 5px rgba(var(--crt-glow-color), 0.3),
        0 0 10px rgba(var(--crt-glow-color), 0.1);
}

@media all and (max-width: 511px) {
    .notaninfobox {
        float: none;
        margin-left: 0;
        width: auto;
    }
}

@media all and (max-width: 337px) {
    .notaninfobox {
        margin-left: -16px;
        margin-right: -16px;
        border-left: none;
        border-right: none;
    }
}

.notaninfobox > .infobox-title {
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    background-color: rgba(var(--crt-terminal-green), 0.3);
    color: rgb(var(--crt-terminal-green));
    text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
    padding: 4px;
}

.infobox-imagearea {
    text-align: center;
    padding: 4px;
}

.infobox-imagearea > div:not(:first-child) {
    padding-top: 1em;
}

/* Horizontally centre animated images */
.infobox-imagearea .animated {
    display: inline-flex;
    align-items: center;
}

.notaninfobox .infobox-rows {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 1px;
}

.notaninfobox .infobox-rows .infobox-row {
    display: contents;
}

.notaninfobox .infobox-row .infobox-row-label,
.notaninfobox .infobox-row .infobox-row-field {
    padding: 4px;
}

.notaninfobox .infobox-row .infobox-row-label {
    font-weight: bold;
    display: flex;
    align-items: center;
    color: rgb(var(--crt-terminal-green));
    text-shadow: 0 0 3px rgba(var(--crt-terminal-green), 0.5);
}

.notaninfobox .infobox-rows .infobox-row:nth-child(2n) .infobox-row-label,
.notaninfobox .infobox-rows .infobox-row:nth-child(2n) .infobox-row-field {
    background-color: rgba(var(--crt-terminal-green), 0.05);
}

.infobox-footer {
    text-align: center;
}

/* 特殊样式块 */
.lightblock {
    background-color: rgba(var(--crt-terminal-green), 0.15);
    color: rgb(var(--crt-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(var(--crt-terminal-green), 0.3);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.darkblock {
    background-color: rgba(var(--crt-bg-color), 0.8);
    color: rgb(var(--crt-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(var(--crt-terminal-green), 0.3);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.dark-borderblock {
    background-color: rgba(var(--crt-bg-color), 0.8);
    color: rgb(var(--crt-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    border: solid 0.3rem rgba(var(--crt-terminal-green), 0.7);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.light-borderblock {
    background-color: rgba(var(--crt-terminal-green), 0.15);
    color: rgb(var(--crt-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    border: solid 0.3rem rgba(var(--crt-bg-color), 0.8);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.border-logoblock {
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    color: rgb(var(--crt-text-color));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgba(var(--crt-bg-color), 0.8);
    border: solid 0.3rem rgba(var(--crt-terminal-green), 0.7);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.border-logoblock::after {
    content: "";
    float: center;
    border: solid 2px transparent;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.logoblock {
    padding: 0.01rem 1rem;
    color: rgb(var(--crt-text-color));
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgba(var(--crt-bg-color), 0.8);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.logoblock::after {
    content: "";
    float: center;
    border: solid 2px transparent;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.titleblock {
    background-color: rgba(var(--crt-bg-color), 0.8);
    color: rgb(var(--crt-text-color));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.5);
    border: solid rgba(var(--crt-terminal-green), 0.7) 2px;
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

.titlebox {
    color: rgba(var(--crt-bg-color), 0.8);
    position: relative;
    top: -1.6rem;
    background-color: rgba(var(--crt-terminal-green), 0.7);
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
    text-shadow: 0 0 3px rgba(var(--crt-bg-color), 0.5);
}

.borderblock {
    background-color: rgba(var(--crt-bg-color), 0.8);
    color: rgb(var(--crt-text-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    border: solid 0.3rem rgba(var(--crt-terminal-green), 0.7);
    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
}

/* 导航框样式 */
table.navbox {
    border: 1px solid rgba(var(--crt-terminal-green), 0.7);
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
    background-color: rgba(var(--crt-bg-color), 0.7);
    box-shadow: 
        0 0 5px rgba(var(--crt-glow-color), 0.3),
        0 0 10px rgba(var(--crt-glow-color), 0.1);
}

table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: 700;
    white-space: nowrap;
}

.navbox,
.navbox-subgroup {
    background: none repeat scroll 0 0 rgba(var(--crt-bg-color), 0.7);
}

.navbox-list {
    border-color: rgba(var(--crt-bg-color), 0.7);
}

.navbox-title,
table.navbox th {
    background: none repeat scroll 0 0 rgba(var(--crt-terminal-green), 0.3);
    color: rgb(var(--crt-terminal-green));
    text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 rgba(var(--crt-terminal-green), 0.2);
    color: rgb(var(--crt-terminal-green));
    text-shadow: 0 0 3px rgba(var(--crt-terminal-green), 0.5);
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 rgba(var(--crt-terminal-green), 0.1);
}

.navbox-even {
    background: none repeat scroll 0 0 rgba(var(--crt-bg-color), 0.8);
}

.navbox-odd {
    background: none repeat scroll 0 0 rgba(var(--crt-bg-color), 0.7);
}

/* 黑幕效果 */
.heimu,
.heimu rt {
    --heimu-color: rgba(var(--crt-bg-color), 0.9);
    --heimu-text-color: rgb(var(--crt-text-color));
    --heimu-link-color: rgb(var(--crt-terminal-blue));
    --heimu-visited-link-color: rgb(var(--crt-terminal-pink));
    --heimu-new-link-color: rgb(var(--crt-terminal-amber));
    --heimu-new-visited-link-color: rgb(255, 150, 100);
    --heimu-extiw-visited-link-color: rgb(180, 160, 255);

    background-color: var(--heimu-color);
}

.heimu,
.heimu a,
a .heimu,
a.new .heimu,
span.heimu a:visited,
span.heimu a.new,
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited,
span.heimu a.mw-disambig,
span.heimu a.mw-redirect {
    transition: color 0.13s linear;
    color: var(--heimu-color);
    text-shadow: none;
}

span.heimu:hover,
span.heimu:active {
    color: var(--heimu-text-color);
}

span.heimu:hover a,
a:hover span.heimu {
    color: var(--heimu-link-color);
    text-shadow: 0 0 3px rgba(var(--crt-terminal-blue), 0.5);
}

span.heimu:hover a:visited,
a:visited:hover span.heimu {
    color: var(--heimu-visited-link-color);
    text-shadow: 0 0 3px rgba(var(--crt-terminal-pink), 0.5);
}

span.heimu:hover a.new,
a.new:hover span.heimu {
    color: var(--heimu-new-link-color);
    text-shadow: 0 0 3px rgba(var(--crt-terminal-amber), 0.5);
}

/* 额外的CRT效果 */
#extrac-div-1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0));
    background-size: auto 8px;
    opacity: 0.7;
    z-index: 9996;
}

#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height: 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, 
        rgba(var(--crt-terminal-green)) 0%,
        rgba(var(--crt-terminal-green), 1) 50%,
        rgba(var(--crt-terminal-green), 0.98) 51%,
        rgba(var(--crt-terminal-green)) 100%);
    opacity: 0.1;
    animation: scanm 6s linear infinite;
    z-index: 9995;
}

@keyframes scanm {
    0% { top: -1rem; opacity: 0.05; }
    25% { top: 50%; opacity: 0.03; }
    37.5% { top: 75%; opacity: 0.06; }
    50% { top: 100%; opacity: 0.03; }
    100% { top: 100%; }
}

#extrac-div-3 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-image: radial-gradient(circle, 
        rgba(var(--crt-terminal-green), 0.2) 4%, 
        rgba(var(--crt-bg-color), 0.2) 45%, 
        rgba(var(--crt-terminal-green), 0.2) 95%);
    opacity: 0.25;
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 30;
}

/* 页面内容淡入效果 */
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
        animation-name: fadeIn;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function: ease-out;
        animation-fill-mode: backwards;
    }
}

#page-title { animation-delay: 0s; }

#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)); }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate(0, 30px);
    }
    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/* 网格背景 */
#skrollr-body {
    background-image: radial-gradient(circle, rgba(var(--crt-terminal-green), 0.05) 1px, transparent 1px);
    background-repeat: repeat;
    background-size: 20px 20px;
    width: 100%;
    height: 7.5rem;
}

#container {
    background-image: radial-gradient(circle, rgba(var(--crt-terminal-green), 0.03) 1px, transparent 1px);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-attachment: fixed;
}

/* 确保图片不会溢出 */
img {
    max-width: 100%;
    height: auto;
}

/* 添加JavaScript代码以创建扫描线元素 */
/* 需要在页面加载时执行以下JavaScript代码:

document.addEventListener('DOMContentLoaded', function() {
    // 创建噪点效果元素
    const noise = document.createElement('div');
    noise.className = 'noise';
    document.body.appendChild(noise);
    
    // 创建宽扫描线元素
    const wideScanline = document.createElement('div');
    wideScanline.className = 'wide-scanline';
    document.body.appendChild(wideScanline);
    
    // 添加垂直同步扫描效果
    const vsyncLine = document.createElement('div');
    vsyncLine.className = 'vsync-line';
    document.body.appendChild(vsyncLine);
    
    // 添加第二条扫描线，错开时间，增加真实感
    const wideScanline2 = document.createElement('div');
    wideScanline2.className = 'wide-scanline';
    wideScanline2.style.animationDelay = '4s'; // 错开动画时间
    wideScanline2.style.opacity = '0.2'; // 降低不透明度
    document.body.appendChild(wideScanline2);
    
    // 添加额外的CRT效果元素
    const extracDiv1 = document.createElement('div');
    extracDiv1.id = 'extrac-div-1';
    document.body.appendChild(extracDiv1);
    
    const extracDiv2 = document.createElement('div');
    extracDiv2.id = 'extrac-div-2';
    document.body.appendChild(extracDiv2);
    
    const extracDiv3 = document.createElement('div');
    extracDiv3.id = 'extrac-div-3';
    document.body.appendChild(extracDiv3);
    
    console.log('CRT效果已加载');
});
*/

@@ 第12行： / 第12行： @@
      --title-font: "VonwaonBitmap 16px", "Noto Sans SC", VT323, monospace;
      --mono-font: "VonwaonBitmap 16px", VT323, monospace;
-    --base-font-size: 0.95rem;
+   /* === BASE FONT SIZE & LINE HEIGHT === */
-    /* ===TYPEFACES=== */
-    --pixel-font: 'VT323', 'Press Start 2P', 'Silkscreen', 'Share Tech Mono', monospace;
-    --body-font: var(--pixel-font), "Noto Sans SC", "Microsoft YaHei", "微软雅黑", monospace;
-    --UI-font: var(--pixel-font), "Noto Sans SC", "方体", "PingFang SC", "黑体", "Heiti SC", monospace;
-    --title-font: var(--pixel-font);
-    /* ===BASE FONT SIZE & LINE HEIGHT=== */
      --min-font-size: 0.9rem;
      --max-font-size: 1rem;
      --base-font-size: var(--max-font-size);
-     --base-line-height: 1.4;
+     --base-line-height: 1.5;
-     /* ===CRT COLORS=== */
+     /* === CRT DISPLAY COLORS === */
-     --crt-bg-color: 0, 10, 20;
+     --crt-bg-color: 10, 15, 20; /* 深蓝黑色背景 */
-     --crt-grid-color: 42, 57, 80;
+     --crt-text-color: 180, 255, 180; /* 荧光绿文字 */
-     --crt-text-color: 176, 255, 188;
+     --crt-terminal-green: 0, 255, 100; /* 终端绿 */
-     --crt-glow-color: 0, 255, 60;
+     --crt-terminal-blue: 80, 170, 255; /* 终端蓝 */
-     --crt-terminal-green: 76, 255, 117;
+     --crt-terminal-amber: 255, 176, 0; /* 终端琥珀色 */
-     --crt-terminal-blue: 62, 164, 255;
+     --crt-terminal-pink: 255, 100, 200; /* 终端粉色 */
-     --crt-terminal-amber: 255, 190, 56;
+     --crt-glow-color: var(--crt-terminal-green); /* 荧光颜色 */
-    --crt-terminal-pink: 255, 109, 255;
-     /* ===STANDARD THEME COLORS=== */
+    /* === SCANLINE EFFECTS === */
-     --white-monochrome: 220, 255, 223;
+    --scanline-height: 2px;
-     --black-monochrome: 10, 20, 15;
+    --scanline-color: rgba(0, 0, 0, 0.07);
-     --bright-accent: 0, 255, 60;
+    --interlace-opacity: 0.4;
-     --medium-accent: 0, 215, 80;
+    --flicker-intensity: 0.03;
-     --dark-accent: 0, 165, 70;
+    --noise-opacity: 0.02;
+    --rgb-shift-amount: 0.5px;
+    --vignette-opacity: 0.3;
+    --screen-curvature: 3%; /* 屏幕弯曲程度 */
+     /* === STANDARD THEME COLORS === */
+    /* 保留原有颜色变量 */
+     --white-monochrome: 180, 255, 180; /* 改为荧光绿 */
+     --black-monochrome: 10, 15, 20; /* 改为深蓝黑 */
+     --bright-accent: 0, 255, 100; /* 改为终端绿 */
+     --medium-accent: 0, 200, 80;
+     --dark-accent: 0, 150, 60;
-     /* ===PRIMARY COLORS=== */
+     /* === PRIMARY COLORS === */
      --swatch-primary: var(--bright-accent);
      --swatch-primary-darker: var(--medium-accent);
@@ 第49行： / 第52行： @@
      --swatch-border-color: var(--bright-accent);
-     /* ===MENU COLORS=== */
+     /* === MENU COLORS === */
      --swatch-menutxt-dark-color: var(--black-monochrome);
      --swatch-menutxt-light-color: var(--white-monochrome);
      --swatch-menutxt-general-color: var(--white-monochrome);
-     /* ===SECONDARY & TERTIARY COLORS=== */
+     /* === SECONDARY & TERTIARY COLORS === */
      --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
-    /* ===SIDEBAR MEASUREMENTS=== */
-    --sidebar-internal-border-thickness: 0.125rem;
-}
-/* ===全局CRT效果=== */
+    /* === LINK COLORS === */
-@keyframes flicker {
+     --link-color: rgb(80, 200, 255);
-% { opacity: 0.97; }
+     --link-color-active: rgb(255, 176, 0);
-% { opacity: 0.95; }
+     --visited-link-color: rgb(180, 160, 255);
-% { opacity: 0.9; }
+     --hover-link-color: rgb(0, 255, 200);
-% { opacity: 0.95; }
-% { opacity: 0.97; }
-% { opacity: 0.95; }
-% { opacity: 0.9; }
-% { opacity: 0.95; }
-% { opacity: 0.97; }
-% { opacity: 0.95; }
-% { opacity: 0.94; }
-% { opacity: 0.95; }
-% { opacity: 0.97; }
-% { opacity: 0.95; }
-% { opacity: 0.91; }
-% { opacity: 0.95; }
-% { opacity: 0.97; }
-% { opacity: 0.95; }
-% { opacity: 0.93; }
-% { opacity: 0.95; }
-% { opacity: 0.97; }
-}
-@keyframes scanlines {
-% { transform: translateY(0); }
-% { transform: translateY(3px); }
-}
-@keyframes noise {
-%, 100% { background-position: 0 0; }
-% { background-position: -5% -10%; }
-% { background-position: -15% 5%; }
-% { background-position: 7% -25%; }
-% { background-position: 20% 25%; }
-% { background-position: -25% 10%; }
-% { background-position: 15% 5%; }
-% { background-position: 0% 15%; }
-% { background-position: 25% 35%; }
-% { background-position: -10% 10%; }
 }
+/* === GLOBAL STYLES === */
 html {
      font-size: 1em;
@@ 第109行： / 第73行： @@
 }
-html,
+html, body {
-body {
      margin: 0;
      padding: 0;
+    font-variant-ligatures: none;
      background-color: rgb(var(--crt-bg-color));
      color: rgb(var(--crt-text-color));
      font-family: var(--body-font);
-    letter-spacing: 0.05em;
+     overflow-x: hidden; /* 防止水平溢出 */
-     overflow-x: hidden;
+     perspective: 1000px; /* 3D透视效果 */
-     perspective: 1000px;
-    position: relative;
 }
-/* CRT屏幕效果 */
+/* 添加CRT屏幕效果 */
 body::before {
-     content: "";
+     content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9998;
+    pointer-events: none;
+    /* 屏幕弯曲效果 */
+    border-radius: 20% / 5%;
+    box-shadow:
+0 0 var(--screen-curvature) rgb(var(--crt-bg-color)),
+        inset 0 0 40px rgba(0, 0, 0, 0.6);
+    /* 暗角效果 */
+    background: radial-gradient(
+        ellipse at center,
+        transparent 60%,
+        rgba(0, 0, 0, var(--vignette-opacity)) 100%
+    );
+}
+/* 扫描线效果 */
+body::after {
+    content: '';
      position: fixed;
      top: 0;
@@ 第130行： / 第115行： @@
      width: 100%;
      height: 100%;
-    background:
-        linear-gradient(rgba(var(--crt-bg-color), 0.1) 50%, rgba(var(--crt-bg-color), 0.2) 50%),
-        linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.03));
-    background-size: 100% 2px, 3px 100%;
      pointer-events: none;
-     z-index: 10000;
+     z-index: 9999;
-     animation: scanlines 0.5s linear infinite;
+     background: repeating-linear-gradient(
-     opacity: 0.4;
+deg,
+        var(--scanline-color) calc(var(--scanline-height) - 1px),
+        var(--scanline-color) var(--scanline-height),
+        transparent calc(var(--scanline-height) + 1px)
+    );
+    background-size: 100% calc(var(--scanline-height) * 2);
+     opacity: var(--interlace-opacity);
+    animation: scanline-flicker 0.1s infinite alternate-reverse;
 }
 /* 噪点效果 */
-body::after {
+.noise {
-    content: "";
      position: fixed;
      top: 0;
@@ 第148行： / 第135行： @@
      width: 100%;
      height: 100%;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAh1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD3YishAAAALXRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtMaffUTIAAAGDSURBVFjD7dfbcoIwFIXhFRAVDyh4Vu3Rc9vl/R+wD+IDQNO9k+ma4b8DzJeEQEIAjnx+UMwN+CDa/bKLY0TIZOevjBiRMVtgJIoRsVxgREwRfflMYBSfEdl8HiJ4F4zhuWA8HYzxTDA+FUyHCJZgpVPB5FgwFYzNBSO1YlwbzHSCcYEBHwaTXDCDCQaXghmQVlYw5JOYUNvj8YPW3gFm/PyatYBpF7/SLbDxw5tUMGrcpAXWfnijC+Z6yCfBkC93lQXGfvhT+ILJ5fuNLDAJRJhpl5+GeZVfsRJM/PCJfi2Y5F5GVjCA2V+C4QO8GgzuBTO8FgxyL5jdW0CY6etgqOkF88i8YNa9YBKIRd8xJ39wRCKYeEB+Ee6CAffIbDCF5wHA4YJhnkHEYMhnMRmMz/kY/Q5GR4Ix6W9gRDAuGCMYEYwLxgQjgtkcGXWEIZ/FaGJE8pDNYjwyCgkzjlG/4LE/bWZa44aRCLxQB5cWX6rDHnspZOKUbpHJE3rMH1eH7NxUJOWUAAAAAElFTkSuQmCC");
-    background-size: 300px 300px;
      pointer-events: none;
-     opacity: 0.02;
+     z-index: 9997;
-     z-index: 10001;
+     opacity: var(--noise-opacity);
-     animation: noise 0.2s steps(1) infinite;
+     background-image: url('data:image/png;base64,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');
 }
-/* CRT屏幕弯曲效果 */
+/* 宽扫描线效果 */
-#mw-content-text {
+.wide-scanline {
-     position: relative;
+     position: fixed;
-     border-radius: 15px;
+     width: 100%;
-     overflow: hidden;
+     height: 4rem;
-     box-shadow:
+     top: -4rem;
-0 10px rgba(var(--crt-glow-color), 0.2),
+    left: 0;
-0 20px rgba(var(--crt-glow-color), 0.1),
+    background: linear-gradient(to bottom,
-0 30px rgba(var(--crt-glow-color), 0.05),
+         rgba(255, 255, 255, 0) 0%,
-         inset 0 0 15px rgba(var(--crt-glow-color), 0.1);
+         rgba(255, 255, 255, 0.03) 10%,
-    animation: flicker 8s infinite linear;
+         rgba(255, 255, 255, 0.05) 20%,
-    background: linear-gradient(
+         rgba(255, 255, 255, 0.1) 50%,
-        to bottom,
+         rgba(255, 255, 255, 0.05) 80%,
-         rgba(var(--crt-bg-color), 0.7) 0%,
+         rgba(255, 255, 255, 0.03) 90%,
-         rgba(var(--crt-bg-color), 0.3) 50%,
+         rgba(255, 255, 255, 0) 100%);
-         rgba(var(--crt-bg-color), 0.7) 100%
+    pointer-events: none;
-    );
+    z-index: 9997;
-     transform-style: preserve-3d;
+    animation: scanline-move 8s cubic-bezier(0.1, 0.7, 0.7, 0.95) infinite;
+     opacity: 0.3;
 }
-#mw-content-text::before {
+/* 垂直同步扫描效果 */
-    content: "";
+.vsync-line {
-     position: absolute;
+     position: fixed;
      top: 0;
      left: 0;
-     right: 0;
+     width: 100%;
-     bottom: 0;
+     height: 1px;
-     background:
+     background: rgba(255, 255, 255, 0.5);
-        repeating-linear-gradient(
+    box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.3);
-deg,
+     z-index: 10000;
-            rgba(var(--crt-grid-color), 0.07) 0,
-            rgba(var(--crt-grid-color), 0.07) 1px,
-            rgba(var(--crt-grid-color), 0) 1px,
-            rgba(var(--crt-grid-color), 0) 2px
-        ),
-        repeating-linear-gradient(
-deg,
-            rgba(var(--crt-grid-color), 0.07) 0,
-            rgba(var(--crt-grid-color), 0.07) 1px,
-            rgba(var(--crt-grid-color), 0) 1px,
-            rgba(var(--crt-grid-color), 0) 2px
-        );
-     background-size: 2px 2px;
      pointer-events: none;
-     z-index: 1;
+     opacity: 0;
+    transform: translateY(-1px);
+    animation: vsync-scan 10s linear infinite;
+}
+/* 动画效果 */
+@keyframes scanline-move {
+% { top: -4rem; opacity: 0.2; }
+% { opacity: 0.3; }
+% { opacity: 0.2; }
+% { opacity: 0.3; }
+% { opacity: 0.2; }
+% { opacity: 0.3; }
+% { top: 100vh; opacity: 0.2; }
+}
+@keyframes scanline-flicker {
+% { opacity: var(--interlace-opacity); }
+% { opacity: calc(var(--interlace-opacity) - 0.1); }
+}
+@keyframes vsync-scan {
+% { opacity: 0; transform: translateY(-1px); }
+% { opacity: 0.5; transform: translateY(0); }
+.5% { opacity: 0.3; transform: translateY(100vh); }
+% { opacity: 0; transform: translateY(100vh); }
+% { opacity: 0; transform: translateY(100vh); }
+}
+@keyframes text-flicker {
+% { text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7); }
+% { text-shadow: 0 0 2px rgba(var(--crt-glow-color), 0.4); }
+% { text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7); }
 }
-/* CRT文字发光效果 */
+/* 文本和链接样式 */
-h1, h2, h3, h4, h5, h6, .mw-headline, .side-block .heading p {
+h1, h2, h3, h4, h5, h6 {
      font-family: var(--title-font);
      color: rgb(var(--crt-terminal-green));
-     text-shadow:
+     text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7);
-0 5px rgba(var(--crt-glow-color), 0.7),
+    letter-spacing: 0.05em;
-0 10px rgba(var(--crt-glow-color), 0.5),
+    animation: text-flicker 2s infinite alternate;
-0 15px rgba(var(--crt-glow-color), 0.3),
+    position: relative;
-0 20px rgba(var(--crt-glow-color), 0.2);
+}
-     letter-spacing: 0.1em;
-     font-weight: normal;
+h1 {
+    font-size: 1.8rem;
+    text-transform: uppercase;
+}
+h2 {
+     font-size: 1.5rem;
+}
+h3 {
+     font-size: 1.3rem;
 }
-/* 链接样式 */
 a {
      color: rgb(var(--crt-terminal-blue));
      text-decoration: none;
-    position: relative;
      transition: all 0.2s ease;
-     text-shadow: 0 0 5px rgba(var(--crt-terminal-blue), 0.5);
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-blue), 0.5);
 }
 a:hover {
      color: rgb(var(--crt-terminal-amber));
-     text-shadow:
+     text-shadow: 0 0 5px rgba(var(--crt-terminal-amber), 0.7);
-0 5px rgba(var(--crt-terminal-amber), 0.7),
-0 10px rgba(var(--crt-terminal-amber), 0.5);
 }
-a:active, a:focus {
+a:hover::before {
-     color: rgb(var(--crt-terminal-pink));
+     content: "> ";
-    text-shadow:
-0 5px rgba(var(--crt-terminal-pink), 0.7),
-0 10px rgba(var(--crt-terminal-pink), 0.5);
 }
-a.new {
+a:visited {
      color: rgb(var(--crt-terminal-pink));
-     text-shadow: 0 0 5px rgba(var(--crt-terminal-pink), 0.5);
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-pink), 0.5);
 }
-/* 按钮和输入框样式 */
+/* 按钮样式 */
-input, button, select, textarea {
+button, input[type="submit"], input[type="button"] {
+    background-color: rgba(var(--crt-bg-color), 0.8);
+    color: rgb(var(--crt-terminal-green));
+    border: 1px solid rgba(var(--crt-terminal-green), 0.7);
      font-family: var(--pixel-font);
-    background-color: rgba(var(--crt-bg-color), 0.8);
-    color: rgb(var(--crt-text-color));
-    border: 1px solid rgb(var(--crt-terminal-green));
      padding: 5px 10px;
      box-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.5);
@@ 第263行： / 第271行： @@
 }
-/* 侧边栏样式 - 保留兼容原有布局 */
+/* 侧边栏样式 */
 .side-block {
      --sideblock-bg-color: var(--crt-bg-color);
@@ 第278行： / 第286行： @@
      grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
      margin: 0.5rem 0.5rem 0 0;
-     border: 1px solid rgba(var(--crt-terminal-green), 0.5);
+     border: 1px solid rgba(var(--crt-terminal-green), 0.3);
-     background: rgb(var(--sideblock-bg-color));
+     background: rgba(var(--sideblock-bg-color), 0.7);
      font-family: var(--UI-font);
-    direction: ltr;
+     box-shadow: 0 0 10px rgba(var(--crt-glow-color), 0.3);
-    border-radius: 5px;
-     box-shadow:
-0 5px rgba(var(--crt-glow-color), 0.3),
-0 10px rgba(var(--crt-glow-color), 0.1);
 }
@@ 第294行： / 第298行： @@
      min-height: 1.5rem;
      margin: 0;
-     background-color: rgba(var(--sideblock-heading-bg-color), 0.5);
+     background-color: rgba(var(--sideblock-heading-bg-color), 0.7);
-     box-shadow: 0 2px 0 0 rgba(var(--sideblock-heading-border-color), 0.7);
+     box-shadow: 0 0.0625rem 0 0 rgba(var(--sideblock-heading-border-color), 0.7);
-    padding: 5px 0;
 }
@@ 第303行： / 第306行： @@
      color: rgb(var(--sideblock-heading-text-color));
      font-family: var(--title-font);
-     font-size: calc((var(--base-font-size) * (14 / 15)) * 1.1);
+     font-size: calc((var(--base-font-size) * (14 / 15)) * 0.9);
+    font-weight: bold;
      letter-spacing: 0.05em;
      line-height: 1.15;
      text-indent: 0.25rem;
      text-transform: uppercase;
-     cursor: pointer;
+     text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7);
 }
@@ 第316行： / 第320行： @@
      align-items: center;
      justify-content: flex-start;
-     height: 1.7rem;
+     height: 1.5rem;
-     min-height: 1.7rem;
+     min-height: 1.5rem;
      margin: 0;
      padding: 0;
-     box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness) * -1) 0 0 rgba(var(--sidebar-border-color), 0.3);
+     box-shadow: inset 0 -1px 0 0 rgba(var(--sidebar-border-color), 0.3);
-    font-size: 0;
-    transition: background-color 0.2s ease;
-}
-.side-block div.menu-item:hover {
-    background-color: rgba(var(--crt-terminal-green), 0.1);
-}
-.side-block div.menu-item a {
-    position: relative;
-    z-index: 2;
-    overflow: hidden;
 }
@@ 第339行： / 第331行： @@
      flex-grow: 2;
      justify-content: flex-start;
-     height: 1.7em;
+     height: 1.5em;
      margin: 0;
-     padding: 0 0.8em;
+     padding: 0 0.6em;
      transition: all 0.2s ease;
-     background-clip: padding-box;
+     background-color: rgba(var(--sidebar-links-bg-color), 0.7);
-    background-color: transparent;
      color: rgb(var(--sidebar-links-text));
      font-size: calc(var(--base-font-size) * (14 / 15));
-     letter-spacing: 0.05em;
+     letter-spacing: 0.04em;
-     line-height: 1.7;
+     line-height: 1.5;
      text-decoration: none;
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
 }
@@ 第355行： / 第347行： @@
 .side-block div.menu-item a:active,
 .side-block div.menu-item a:focus-within {
-     background-color: rgba(var(--sidebar-links-hover-bg-color), 0.15);
+     background-color: rgba(var(--sidebar-links-hover-bg-color), 0.3);
+    color: rgb(var(--sidebar-links-hover-text-color));
+    text-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.7);
+}
+/* 表格样式 */
+table {
+    border-collapse: collapse;
+    margin: 1em 0;
+    background-color: rgba(var(--crt-bg-color), 0.7);
+    border: 1px solid rgba(var(--crt-terminal-green), 0.7);
+    box-shadow:
+0 5px rgba(var(--crt-glow-color), 0.3),
+0 10px rgba(var(--crt-glow-color), 0.1);
+    border-radius: 3px;
+}
+table th {
+    background-color: rgba(var(--crt-terminal-green), 0.2);
+    color: rgb(var(--crt-terminal-green));
+    text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
+    padding: 8px;
+    font-family: var(--pixel-font);
+    font-weight: normal;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+}
+table td {
+    padding: 8px;
+    border: 1px solid rgba(var(--crt-terminal-green), 0.3);
+    color: rgb(var(--crt-text-color));
+}
+table tr:nth-child(even) {
+    background-color: rgba(var(--crt-terminal-green), 0.05);
+}
+/* 代码块样式 */
+pre, code, .mw-code, .pn, .mw-highlight {
+    font-family: var(--pixel-font);
+    background-color: rgba(var(--crt-bg-color), 0.5);
+    border: 1px solid rgba(var(--crt-terminal-green), 0.5);
+    padding: 0.5em;
      color: rgb(var(--crt-terminal-amber));
-     text-shadow:
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-amber), 0.5);
-0 5px rgba(var(--crt-terminal-amber), 0.7),
+    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
-0 10px rgba(var(--crt-terminal-amber), 0.3);
+    border-radius: 3px;
-     text-decoration: none;
+}
+/* 引用块样式 */
+blockquote {
+    border-left: 3px solid rgba(var(--crt-terminal-blue), 0.7);
+    margin: 1em 0;
+    padding: 0.5em 1em;
+    background-color: rgba(var(--crt-bg-color), 0.5);
+    color: rgba(var(--crt-text-color), 0.8);
+    box-shadow:
+0 5px rgba(var(--crt-terminal-blue), 0.3),
+0 10px rgba(var(--crt-terminal-blue), 0.1);
+}
+/* 特殊样式引用块 */
+.lightstyled-quote {
+    background-color: rgba(var(--crt-terminal-green), 0.15);
+     color: rgb(var(--crt-text-color));
+    border-left: 0.5rem solid rgba(var(--crt-terminal-blue), 0.7);
+    padding: 0.1rem 1rem;
+    margin: 0.5rem 0 0.5rem 0.25rem;
+    box-shadow:
+0 5px rgba(var(--crt-terminal-blue), 0.3),
+0 10px rgba(var(--crt-terminal-blue), 0.1);
 }
-.side-block div.menu-item a::before {
+.darkstyled-quote {
-     --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
+     background-color: rgba(var(--crt-bg-color), 0.8);
-     content: " ";
+     border-left: 0.5rem solid rgba(var(--crt-terminal-green), 0.7);
-     position: absolute;
+     color: rgb(var(--crt-text-color));
-    z-index: -1;
+     padding: 0.1rem 1rem;
-     top: 0;
+     margin: 0.5rem 0 0.5rem 0.25rem;
-     left: 0;
+     box-shadow:
-    width: 100%;
+0 5px rgba(var(--crt-terminal-green), 0.3),
-    height: 100%;
+0 10px rgba(var(--crt-terminal-green), 0.1);
-    transition: all 0.3s ease;
-    opacity: 0;
-     background-color: rgba(var(--sidebar-links-hover-bg-color), 0.3);
-    pointer-events: none;
-    clip-path: var(--clip-path);
 }
-.side-block div.menu-item a:hover::before,
+.darkstyled-quote a {
-.side-block div.menu-item a:active::before,
+    color: rgb(var(--crt-terminal-blue));
-.side-block div.menu-item a:focus-within::before {
+    text-shadow: 0 0 3px rgba(var(--crt-terminal-blue), 0.5);
-    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
-    opacity: 1;
 }
-/* Infobox样式 */
+/* 信息框样式 */
 .notaninfobox {
      position: relative;
@@ 第400行： / 第451行： @@
      z-index: 1;
      overflow-wrap: anywhere;
-    border-radius: 5px;
      box-shadow:
-0 5px rgba(var(--crt-glow-color), 0.5),
+0 5px rgba(var(--crt-glow-color), 0.3),
-0 10px rgba(var(--crt-glow-color), 0.2),
+0 10px rgba(var(--crt-glow-color), 0.1);
-        inset 0 0 5px rgba(var(--crt-glow-color), 0.2);
-}
-.notaninfobox::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background:
-        repeating-linear-gradient(
-deg,
-            rgba(var(--crt-grid-color), 0.05) 0,
-            rgba(var(--crt-grid-color), 0.05) 1px,
-            rgba(var(--crt-grid-color), 0) 1px,
-            rgba(var(--crt-grid-color), 0) 2px
-        ),
-        repeating-linear-gradient(
-deg,
-            rgba(var(--crt-grid-color), 0.05) 0,
-            rgba(var(--crt-grid-color), 0.05) 1px,
-            rgba(var(--crt-grid-color), 0) 1px,
-            rgba(var(--crt-grid-color), 0) 2px
-        );
-    background-size: 2px 2px;
-    pointer-events: none;
-    border-radius: 4px;
-    z-index: -1;
 }
@@ 第449行： / 第470行： @@
          border-left: none;
          border-right: none;
-        border-radius: 0;
      }
 }
 .notaninfobox > .infobox-title {
-    font-family: var(--pixel-font);
+     font-weight: bold;
-     font-weight: normal;
      text-align: center;
      font-size: 120%;
-     background-color: rgba(var(--crt-terminal-blue), 0.2);
+     background-color: rgba(var(--crt-terminal-green), 0.3);
-     color: rgb(var(--crt-terminal-blue));
+     color: rgb(var(--crt-terminal-green));
-     text-shadow:
+     text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
-0 5px rgba(var(--crt-terminal-blue), 0.7),
+     padding: 4px;
-0 10px rgba(var(--crt-terminal-blue), 0.3);
-     padding: 5px;
-    border-bottom: 1px solid rgba(var(--crt-terminal-blue), 0.5);
 }
 .infobox-imagearea {
      text-align: center;
-     padding: 8px 4px;
+     padding: 4px;
 }
 .infobox-imagearea > div:not(:first-child) {
      padding-top: 1em;
+}
+/* Horizontally centre animated images */
+.infobox-imagearea .animated {
+    display: inline-flex;
+    align-items: center;
 }
@@ 第488行： / 第510行： @@
 .notaninfobox .infobox-row .infobox-row-label,
 .notaninfobox .infobox-row .infobox-row-field {
-     padding: 6px;
+     padding: 4px;
 }
 .notaninfobox .infobox-row .infobox-row-label {
-     font-weight: normal;
+     font-weight: bold;
      display: flex;
      align-items: center;
-     color: rgb(var(--crt-terminal-amber));
+     color: rgb(var(--crt-terminal-green));
-     text-shadow: 0 0 5px rgba(var(--crt-terminal-amber), 0.5);
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-green), 0.5);
-    letter-spacing: 0.05em;
 }
 .notaninfobox .infobox-rows .infobox-row:nth-child(2n) .infobox-row-label,
 .notaninfobox .infobox-rows .infobox-row:nth-child(2n) .infobox-row-field {
-     background-color: rgba(var(--crt-bg-color), 0.3);
+     background-color: rgba(var(--crt-terminal-green), 0.05);
 }
 .infobox-footer {
      text-align: center;
-    font-style: italic;
-    padding: 5px;
-    color: rgba(var(--crt-text-color), 0.8);
 }
-/* 表格样式 */
+/* 特殊样式块 */
-table {
+.lightblock {
-     border-collapse: collapse;
+    background-color: rgba(var(--crt-terminal-green), 0.15);
-     margin: 1em 0;
+    color: rgb(var(--crt-text-color));
-     background-color: rgba(var(--crt-bg-color), 0.7);
+    padding: 0.01rem 1rem;
-     border: 1px solid rgba(var(--crt-terminal-green), 0.7);
+    margin: 0.5rem 0 0.5rem 0.25rem;
-     box-shadow:
+    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
-0 5px rgba(var(--crt-glow-color), 0.3),
+     border: 1px solid rgba(var(--crt-terminal-green), 0.3);
-0 10px rgba(var(--crt-glow-color), 0.1);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
-     border-radius: 3px;
+}
+.darkblock {
+    background-color: rgba(var(--crt-bg-color), 0.8);
+    color: rgb(var(--crt-text-color));
+    padding: 0.01rem 1rem;
+     margin: 0.5rem 0 0.5rem 0.25rem;
+    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
+    border: 1px solid rgba(var(--crt-terminal-green), 0.3);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
+}
+.dark-borderblock {
+     background-color: rgba(var(--crt-bg-color), 0.8);
+    color: rgb(var(--crt-text-color));
+    padding: 0.01rem 1rem;
+    margin: 0.5rem 0 0.5rem 0.25rem;
+    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
+     border: solid 0.3rem rgba(var(--crt-terminal-green), 0.7);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
+}
+.light-borderblock {
+    background-color: rgba(var(--crt-terminal-green), 0.15);
+    color: rgb(var(--crt-text-color));
+    padding: 0.01rem 1rem;
+    margin: 0.5rem 0 0.5rem 0.25rem;
+    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
+    border: solid 0.3rem rgba(var(--crt-bg-color), 0.8);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
+}
+.border-logoblock {
+    padding: 0.01rem 1rem;
+     box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
+    color: rgb(var(--crt-text-color));
+    margin: 0.5rem 0 0.5rem 0.25rem;
+    display: block;
+    position: relative;
+    background-color: rgba(var(--crt-bg-color), 0.8);
+    border: solid 0.3rem rgba(var(--crt-terminal-green), 0.7);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
+}
+.border-logoblock::after {
+    content: "";
+    float: center;
+    border: solid 2px transparent;
+    opacity: 0.25;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    position: absolute;
+    z-index: 1;
+    pointer-events: none;
+}
+.logoblock {
+    padding: 0.01rem 1rem;
+    color: rgb(var(--crt-text-color));
+     box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
+    margin: 0.5rem 0 0.5rem 0.25rem;
+    display: block;
+    position: relative;
+    background-color: rgba(var(--crt-bg-color), 0.8);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
 }
-table th {
+.logoblock::after {
-     background-color: rgba(var(--crt-terminal-green), 0.2);
+     content: "";
-     color: rgb(var(--crt-terminal-green));
+    float: center;
-     text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
+     border: solid 2px transparent;
-     padding: 8px;
+     opacity: 0.25;
-     font-family: var(--pixel-font);
+     top: 0;
-     font-weight: normal;
+     left: 0;
-     letter-spacing: 0.05em;
+     bottom: 0;
-     text-transform: uppercase;
+     right: 0;
-     border: 1px solid rgba(var(--crt-terminal-green), 0.5);
+     position: absolute;
+    z-index: 1;
+     pointer-events: none;
 }
-table td {
+.titleblock {
-     padding: 6px 8px;
+    background-color: rgba(var(--crt-bg-color), 0.8);
-     border: 1px solid rgba(var(--crt-terminal-green), 0.3);
+    color: rgb(var(--crt-text-color));
-     transition: background-color 0.2s ease;
+     padding: 0.5rem 1rem 0.10rem;
+    margin: 1.5rem 0rem 0.5rem 0rem;
+    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.5);
+     border: solid rgba(var(--crt-terminal-green), 0.7) 2px;
+     text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
 }
-table tr:nth-child(odd) td {
+.titlebox {
-     background-color: rgba(var(--crt-bg-color), 0.5);
+    color: rgba(var(--crt-bg-color), 0.8);
+    position: relative;
+    top: -1.6rem;
+     background-color: rgba(var(--crt-terminal-green), 0.7);
+    padding: 0.25rem 1rem;
+    line-height: 0.1rem;
+    text-shadow: 0 0 3px rgba(var(--crt-bg-color), 0.5);
 }
-table tr:hover td {
+.borderblock {
-     background-color: rgba(var(--crt-terminal-green), 0.1);
+     background-color: rgba(var(--crt-bg-color), 0.8);
+    color: rgb(var(--crt-text-color));
+    padding: 0.01rem 1rem;
+    margin: 0.5rem 0 0.5rem 0.25rem;
+    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
+    border: solid 0.3rem rgba(var(--crt-terminal-green), 0.7);
+    text-shadow: 0 0 3px rgba(var(--crt-text-color), 0.5);
 }
-/* Navbox样式 */
+/* 导航框样式 */
 table.navbox {
-     border: 1px solid rgba(var(--crt-terminal-blue), 0.5);
+     border: 1px solid rgba(var(--crt-terminal-green), 0.7);
      clear: both;
-     margin: 1em auto;
+     margin: auto;
      padding: 1px;
      text-align: center;
      width: 100%;
      background-color: rgba(var(--crt-bg-color), 0.7);
+    box-shadow:
+0 5px rgba(var(--crt-glow-color), 0.3),
+0 10px rgba(var(--crt-glow-color), 0.1);
 }
@@ 第568行： / 第673行： @@
 .navbox-abovebelow,
 table.navbox th {
-     padding: 0.5em 1em;
+     padding-left: 1em;
+    padding-right: 1em;
      text-align: center;
-    background-color: rgba(var(--crt-terminal-blue), 0.2);
-    color: rgb(var(--crt-terminal-blue));
-    text-shadow: 0 0 5px rgba(var(--crt-terminal-blue), 0.5);
-    font-family: var(--pixel-font);
-    letter-spacing: 0.05em;
 }
 .navbox-group {
-     font-weight: normal;
+     font-weight: 700;
      white-space: nowrap;
-    color: rgb(var(--crt-terminal-amber));
-    text-shadow: 0 0 5px rgba(var(--crt-terminal-amber), 0.5);
-    background-color: rgba(var(--crt-terminal-amber), 0.1);
-    padding: 0.5em;
-    font-family: var(--pixel-font);
-    letter-spacing: 0.05em;
 }
-.navbox-even {
+.navbox,
-     background-color: rgba(var(--crt-bg-color), 0.5);
+.navbox-subgroup {
+     background: none repeat scroll 0 0 rgba(var(--crt-bg-color), 0.7);
+}
+.navbox-list {
+    border-color: rgba(var(--crt-bg-color), 0.7);
+}
+.navbox-title,
+table.navbox th {
+    background: none repeat scroll 0 0 rgba(var(--crt-terminal-green), 0.3);
+    color: rgb(var(--crt-terminal-green));
+    text-shadow: 0 0 5px rgba(var(--crt-terminal-green), 0.5);
+}
+.navbox-abovebelow,
+.navbox-group,
+.navbox-subgroup .navbox-title {
+    background: none repeat scroll 0 0 rgba(var(--crt-terminal-green), 0.2);
+    color: rgb(var(--crt-terminal-green));
+    text-shadow: 0 0 3px rgba(var(--crt-terminal-green), 0.5);
 }
-.navbox-odd {
+.navbox-subgroup .navbox-group,
-     background-color: rgba(var(--crt-bg-color), 0.7);
+.navbox-subgroup .navbox-abovebelow {
+     background: none repeat scroll 0 0 rgba(var(--crt-terminal-green), 0.1);
 }
-/* 模块盒子样式 */
+.navbox-even {
-.modulebox {
+     background: none repeat scroll 0 0 rgba(var(--crt-bg-color), 0.8);
-     border: 1px solid rgba(var(--crt-terminal-pink), 0.5);
-    padding: 15px;
-    margin: 15px 0;
-    background-color: rgba(var(--crt-bg-color), 0.7);
-    border-radius: 5px;
-    box-shadow:
-0 5px rgba(var(--crt-terminal-pink), 0.3),
-0 10px rgba(var(--crt-terminal-pink), 0.1);
-    position: relative;
-    overflow: hidden;
 }
-.modulebox::before {
+.navbox-odd {
-    content: '';
+     background: none repeat scroll 0 0 rgba(var(--crt-bg-color), 0.7);
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-     background:
-        repeating-linear-gradient(
-deg,
-            rgba(var(--crt-terminal-pink), 0.05) 0,
-            rgba(var(--crt-terminal-pink), 0.05) 10px,
-            rgba(var(--crt-terminal-pink), 0) 10px,
-            rgba(var(--crt-terminal-pink), 0) 20px
-        );
-    pointer-events: none;
-    z-index: 0;
 }
-/* 特殊效果 - 黑幕效果 */
+/* 黑幕效果 */
 .heimu,
 .heimu rt {
-     --heimu-color: 20, 30, 25;
+     --heimu-color: rgba(var(--crt-bg-color), 0.9);
-     --heimu-text-color: var(--crt-text-color);
+     --heimu-text-color: rgb(var(--crt-text-color));
-     --heimu-link-color: var(--crt-terminal-blue);
+     --heimu-link-color: rgb(var(--crt-terminal-blue));
-     --heimu-visited-link-color: var(--crt-terminal-blue);
+     --heimu-visited-link-color: rgb(var(--crt-terminal-pink));
-     --heimu-new-link-color: var(--crt-terminal-pink);
+     --heimu-new-link-color: rgb(var(--crt-terminal-amber));
-     --heimu-new-visited-link-color: var(--crt-terminal-pink);
+     --heimu-new-visited-link-color: rgb(255, 150, 100);
-     --heimu-extiw-visited-link-color: var(--crt-terminal-blue);
+     --heimu-extiw-visited-link-color: rgb(180, 160, 255);
-     background-color: rgb(var(--heimu-color));
+     background-color: var(--heimu-color);
 }
@@ 第655行： / 第746行： @@
 span.heimu a.mw-disambig,
 span.heimu a.mw-redirect {
-     transition: color 0.2s linear;
+     transition: color 0.13s linear;
-     color: rgb(var(--heimu-color));
+     color: var(--heimu-color);
      text-shadow: none;
 }
@@ 第662行： / 第753行： @@
 span.heimu:hover,
 span.heimu:active {
-     color: rgb(var(--heimu-text-color));
+     color: var(--heimu-text-color);
 }
 span.heimu:hover a,
 a:hover span.heimu {
-     color: rgb(var(--heimu-link-color));
+     color: var(--heimu-link-color);
-     text-shadow: 0 0 5px rgba(var(--heimu-link-color), 0.5);
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-blue), 0.5);
 }
 span.heimu:hover a:visited,
 a:visited:hover span.heimu {
-     color: rgb(var(--heimu-visited-link-color));
+     color: var(--heimu-visited-link-color);
-     text-shadow: 0 0 5px rgba(var(--heimu-visited-link-color), 0.5);
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-pink), 0.5);
 }
 span.heimu:hover a.new,
 a.new:hover span.heimu {
-     color: rgb(var(--heimu-new-link-color));
+     color: var(--heimu-new-link-color);
-     text-shadow: 0 0 5px rgba(var(--heimu-new-link-color), 0.5);
+     text-shadow: 0 0 3px rgba(var(--crt-terminal-amber), 0.5);
 }
-/* 彩幕效果 */
+/* 额外的CRT效果 */
-.colormu-drk {
+#extrac-div-1 {
-     color: rgb(var(--crt-text-color));
+     position: fixed;
+    width: 100vw;
+    height: 100vh;
+    pointer-events: none;
+    background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0));
+    background-size: auto 8px;
+    opacity: 0.7;
+    z-index: 9996;
 }
-.colormu-bri {
+#extrac-div-2 {
-     color: rgb(var(--black-monochrome));
+     position: fixed;
+    width: 100vw;
+    height: 1rem;
+    top: 0;
+    pointer-events: none;
+    background: linear-gradient(to bottom,
+        rgba(var(--crt-terminal-green)) 0%,
+        rgba(var(--crt-terminal-green), 1) 50%,
+        rgba(var(--crt-terminal-green), 0.98) 51%,
+        rgba(var(--crt-terminal-green)) 100%);
+    opacity: 0.1;
+    animation: scanm 6s linear infinite;
+    z-index: 9995;
 }
-.colormu-drk:not(.colormu_toggle_on) a {
+@keyframes scanm {
-     color: rgb(var(--crt-terminal-blue));
+% { top: -1rem; opacity: 0.05; }
+% { top: 50%; opacity: 0.03; }
+.5% { top: 75%; opacity: 0.06; }
+% { top: 100%; opacity: 0.03; }
+% { top: 100%; }
 }
-.colormu-drk:not(.colormu_toggle_on) a.new {
+#extrac-div-3 {
-    color: rgb(var(--crt-terminal-pink));
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    pointer-events: none;
+    background-image: radial-gradient(circle,
+        rgba(var(--crt-terminal-green), 0.2) 4%,
+        rgba(var(--crt-bg-color), 0.2) 45%,
+        rgba(var(--crt-terminal-green), 0.2) 95%);
+    opacity: 0.25;
+    mix-blend-mode: color-dodge;
+    background-repeat: no-repeat;
+    background-size: cover;
+    z-index: 30;
 }
-/* 特殊元素样式 */
+/* 页面内容淡入效果 */
-pre, code, .mw-code, .pn, .mw-highlight {
+@media screen and (prefers-reduced-motion: no-preference) {
-    font-family: var(--pixel-font);
+     #page-title, #breadcrumbs, #page-content > * {
-     background-color: rgba(var(--crt-bg-color), 0.5);
+        animation-name: fadeIn;
-    border: 1px solid rgba(var(--crt-terminal-green), 0.5);
+        animation-duration: 1s;
-    padding: 0.5em;
+        animation-iteration-count: 1;
-    color: rgb(var(--crt-terminal-amber));
+        animation-timing-function: ease-out;
-    white-space: pre-wrap;
+        animation-fill-mode: backwards;
-    word-break: break-all;
+     }
-    overflow-x: auto;
-    border-radius: 3px;
-    box-shadow: inset 0 0 5px rgba(var(--crt-bg-color), 0.8);
-     text-shadow: 0 0 3px rgba(var(--crt-terminal-amber), 0.5);
 }
-code {
+#page-title { animation-delay: 0s; }
-    padding: 0.1em 0.3em;
-}
-blockquote {
+#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
-    border-left: 3px solid rgba(var(--crt-terminal-amber), 0.7);
+#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
-    padding-left: 1em;
+#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
-    margin-left: 0.5em;
+#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
-    color: rgba(var(--crt-text-color), 0.9);
+#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
-    font-style: italic;
+#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)); }
-hr {
+@keyframes fadeIn {
-     border: none;
+     from {
-    height: 1px;
+        opacity: 0;
-     background: linear-gradient(
+        transform: translate(0, 30px);
-        to right,
+     }
-         rgba(var(--crt-terminal-green), 0),
+    to {
-         rgba(var(--crt-terminal-green), 0.7) 50%,
+         opacity: 1;
-        rgba(var(--crt-terminal-green), 0)
+         transform: translate(0, 0);
-    );
+     }
-     margin: 1.5em 0;
 }
-/* 列表样式 */
+/* 网格背景 */
-ul {
+#skrollr-body {
-     list-style-type: none;
+     background-image: radial-gradient(circle, rgba(var(--crt-terminal-green), 0.05) 1px, transparent 1px);
-    padding-left: 1.5em;
+     background-repeat: repeat;
-}
+     background-size: 20px 20px;
+     width: 100%;
-ul li::before {
+     height: 7.5rem;
-    content: '> ';
-    color: rgb(var(--crt-terminal-green));
-     font-weight: bold;
-     display: inline-block;
-     width: 1em;
-    margin-left: -1em;
-}
-ol {
-     padding-left: 1.5em;
 }
-ol li::marker {
+#container {
-     color: rgb(var(--crt-terminal-green));
+     background-image: radial-gradient(circle, rgba(var(--crt-terminal-green), 0.03) 1px, transparent 1px);
-     font-family: var(--pixel-font);
+     background-size: 15px 15px;
+    background-repeat: repeat;
+    background-attachment: fixed;
 }
-/* 图片和媒体处理 */
+/* 确保图片不会溢出 */
-img, video, audio {
+img {
      max-width: 100%;
      height: auto;
-    border-radius: 3px;
-    transition: all 0.3s ease;
 }
-img:hover, video:hover {
+/* 添加JavaScript代码以创建扫描线元素 */
-    box-shadow:
+/* 需要在页面加载时执行以下JavaScript代码:
-0 5px rgba(var(--crt-glow-color), 0.7),
-0 10px rgba(var(--crt-glow-color), 0.5);
-}
-.thumbinner {
+document.addEventListener('DOMContentLoaded', function() {
-    border: 1px solid rgba(var(--crt-terminal-green), 0.5);
+     // 创建噪点效果元素
-    padding: 8px;
+     const noise = document.createElement('div');
-    background-color: rgba(var(--crt-bg-color), 0.7);
+     noise.className = 'noise';
-    border-radius: 3px;
+     document.body.appendChild(noise);
-    box-shadow: 0 0 5px rgba(var(--crt-glow-color), 0.3);
-}
+     // 创建宽扫描线元素
+     const wideScanline = document.createElement('div');
-.thumbcaption {
+     wideScanline.className = 'wide-scanline';
-     padding-top: 5px;
+     document.body.appendChild(wideScanline);
-    font-size: 90%;
-    text-align: center;
+     // 添加垂直同步扫描效果
-    color: rgba(var(--crt-text-color), 0.9);
+     const vsyncLine = document.createElement('div');
-}
+     vsyncLine.className = 'vsync-line';
+     document.body.appendChild(vsyncLine);
-/* Tabber适配 */
-.tabber .tabbertab {
-     background-color: rgba(var(--crt-bg-color), 0.7) !important;
-    border: 1px solid rgba(var(--crt-terminal-blue), 0.5) !important;
-    border-top: none !important;
-    padding: 10px !important;
-    border-bottom-left-radius: 3px;
-     border-bottom-right-radius: 3px;
-}
-ul.tabbernav {
-    border-bottom: 1px solid rgba(var(--crt-terminal-blue), 0.5) !important;
-    padding-left: 0 !important;
-     margin-left: 0 !important;
-}
-ul.tabbernav li {
-    margin-right: 5px !important;
-}
-ul.tabbernav li::before {
-    content: none !important;
-}
-ul.tabbernav li a {
-    background-color: rgba(var(--crt-bg-color), 0.5) !important;
-    border: 1px solid rgba(var(--crt-terminal-blue), 0.5) !important;
-     padding: 3px 8px !important;
-     border-bottom: none !important;
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-    color: rgb(var(--crt-terminal-blue)) !important;
-     transition: all 0.2s ease;
-}
-ul.tabbernav li a:hover {
-    background-color: rgba(var(--crt-terminal-blue), 0.2) !important;
-}
-ul.tabbernav li.tabberactive a {
-     background-color: rgba(var(--crt-terminal-blue), 0.2) !important;
-    color: rgb(var(--crt-text-color)) !important;
-    font-weight: normal !important;
-     text-shadow: 0 0 5px rgba(var(--crt-text-color), 0.5);
-}
-/* 文件卡片 */
-.fileCardBound {
-    border: 1px solid rgba(var(--crt-terminal-blue), 0.5);
-    background-color: rgba(var(--crt-bg-color), 0.7);
-     border-radius: 3px;
-    box-shadow:
-0 5px rgba(var(--crt-terminal-blue), 0.3),
-0 10px rgba(var(--crt-terminal-blue), 0.1);
-     overflow: hidden;
-}
-/* 编辑器和工具条 */
-#toolbar, #editpage-copywarn, #wpSummary, .mw-summary-preview {
-     background-color: rgba(var(--crt-bg-color), 0.7) !important;
-    color: rgb(var(--crt-text-color)) !important;
-    border: 1px solid rgba(var(--crt-terminal-green), 0.5) !important;
-     border-radius: 3px;
-}
-#wpTextbox1 {
-    background-color: rgba(var(--crt-bg-color), 0.9) !important;
-    color: rgb(var(--crt-text-color)) !important;
-     border: 1px solid rgba(var(--crt-terminal-green), 0.7) !important;
-    font-family: var(--pixel-font) !important;
-    line-height: 1.5;
-    padding: 10px;
-    box-shadow:
-        inset 0 0 10px rgba(var(--crt-bg-color), 1),
-0 5px rgba(var(--crt-glow-color), 0.3);
-}
-/* 打印样式覆盖 */
-@media print {
-    body::before,
-    body::after,
-    #mw-content-text::before {
-        display: none !important;
-    }
-     body {
+     // 添加第二条扫描线，错开时间，增加真实感
-        background-color: white !important;
+    const wideScanline2 = document.createElement('div');
-        color: black !important;
+    wideScanline2.className = 'wide-scanline';
-        text-shadow: none !important;
+    wideScanline2.style.animationDelay = '4s'; // 错开动画时间
-     }
+    wideScanline2.style.opacity = '0.2'; // 降低不透明度
+     document.body.appendChild(wideScanline2);
-     a, a:link, a:visited {
+     // 添加额外的CRT效果元素
-        color: #0645ad !important;
+    const extracDiv1 = document.createElement('div');
-        text-shadow: none !important;
+    extracDiv1.id = 'extrac-div-1';
-        text-decoration: underline !important;
+     document.body.appendChild(extracDiv1);
-     }
-     h1, h2, h3, h4, h5, h6, .mw-headline {
+     const extracDiv2 = document.createElement('div');
-        color: black !important;
+    extracDiv2.id = 'extrac-div-2';
-        text-shadow: none !important;
+     document.body.appendChild(extracDiv2);
-     }
-     .notaninfobox, table {
+     const extracDiv3 = document.createElement('div');
-        background-color: white !important;
+    extracDiv3.id = 'extrac-div-3';
-        box-shadow: none !important;
+    document.body.appendChild(extracDiv3);
-        border: 1px solid #aaa !important;
-    }
-     table th {
+     console.log('CRT效果已加载');
-        background-color: #f8f9fa !important;
+});
-        color: black !important;
+*/
-        text-shadow: none !important;
-    }
-}