:root {
    --color-bg: #F5F7F9;
    --color-card-bg: #FFFFFF;
    --color-text: #2C3E50;
    --color-text-light: #7F8C8D;
    --color-border: #E8EDF2;
    --spacing: 3em;
    --ghost-accent-color: #6B8CAE !important;
}

@font-face {
    font-family: "Departure Mono";
    src: url("/assets/fonts/DepartureMono-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/assets/fonts/jetbrains-mono-roman.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "JetBrains Mono", monospace !important;
    background: var(--color-bg);
    color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Departure Mono", monospace !important;
    text-transform: uppercase;
}

/* 导航栏 */
.gh-navigation *,
.gh-navigation-logo,
.gh-navigation-menu * {
    font-family: "Departure Mono", monospace !important;
}

.gh-navigation-logo {
    font-size: 2.6rem !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, transparent 60%, rgba(218, 225, 242, 0.5) 60%) !important;
    padding: 0 0.3em !important;
}

.gh-navigation-menu a {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    background: linear-gradient(180deg, transparent 65%, rgba(218, 225, 242, 0.5) 65%) !important;
    padding: 0 0.2em !important;
}

/* 页脚 */
.gh-footer,
.gh-footer *,
.gh-footer-bar,
.gh-footer-bar *,
.gh-footer-logo,
.gh-footer-logo *,
.gh-footer-menu,
.gh-footer-menu *,
.gh-footer-copyright,
.gh-footer-copyright * {
    font-family: "Departure Mono", monospace !important;
    font-size: 1.5rem !important;
}

.gh-footer {
    margin-top: 0 !important;
}

.gh-footer-bar {
    margin-bottom: 0 !important;
    padding: var(--spacing) 0 !important;
}

/* 主内容区域 */
.gh-main {
    padding: var(--spacing) 0 !important;
}

/* 模块区域 */
.kai-modules-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: var(--spacing) !important;
    padding: var(--spacing) !important;
}

/* 卡片基础样式 */
.kai-module-card {
    width: 100% !important;
    background: var(--color-card-bg);
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid var(--color-border);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    animation: float 3s ease-in-out infinite !important;
    will-change: transform;
}

/* 浮动动画 */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0px); }
}

.kai-module-card:nth-child(1) { animation-delay: 0s; }
.kai-module-card:nth-child(2) { animation-delay: 0.5s; }
.kai-module-card:nth-child(3) { animation-delay: 1s; }
.kai-module-card:nth-child(4) { animation-delay: 1.5s; }
.kai-module-card:nth-child(5) { animation-delay: 2s; }
.kai-module-card:nth-child(6) { animation-delay: 2.5s; }

/* Hover 效果 */
.kai-module-card:hover {
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,0.12), 0 0 20px rgba(205, 217, 229, 0.6) !important;
    border-color: var(--ghost-accent-color) !important;
    animation-play-state: paused;
}

.kai-module-card:hover .kai-module-title {
    color: var(--ghost-accent-color) !important;
}

/* 封面图 - 不同高度和颜色 */
.kai-module-image {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.kai-module-card:nth-child(1) .kai-module-image {
    height: 220px;
    background: linear-gradient(135deg, rgba(225, 215, 220, 0.3), rgba(220, 210, 218, 0.25)) !important;
}

.kai-module-card:nth-child(2) .kai-module-image {
    height: 130px;
    background: linear-gradient(135deg, rgba(215, 225, 235, 0.3), rgba(210, 222, 232, 0.25)) !important;
}

.kai-module-card:nth-child(3) .kai-module-image {
    height: 240px;
    background: linear-gradient(135deg, rgba(215, 230, 220, 0.3), rgba(210, 228, 218, 0.25)) !important;
}

.kai-module-card:nth-child(4) .kai-module-image {
    height: 150px;
    background: linear-gradient(135deg, rgba(230, 225, 215, 0.3), rgba(228, 222, 212, 0.25)) !important;
}

.kai-module-card:nth-child(5) .kai-module-image {
    height: 210px;
    background: linear-gradient(135deg, rgba(220, 215, 230, 0.3), rgba(218, 212, 228, 0.25)) !important;
}

.kai-module-card:nth-child(6) .kai-module-image {
    height: 140px;
    background: linear-gradient(135deg, rgba(230, 220, 215, 0.3), rgba(228, 218, 212, 0.25)) !important;
}

/* 卡片内容 */
.kai-module-content {
    padding: 1.5em;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.kai-module-title {
    font-size: 1.3rem;
    margin-bottom: 0.6em;
}

.kai-module-description {
    font-size: 0.9rem;
    color: var(--color-text-light);
    margin-bottom: 1em;
    flex: 1;
}

.kai-module-meta {
    padding-top: 1em;
    border-top: 1px solid var(--color-border);
}

.kai-module-count {
    font-size: 0.8rem;
    color: var(--color-text-light);
}

/* 像素风光标 */
body {
    cursor: crosshair !important;
}

a, button, .kai-module-card, .gh-navigation-menu a {
    cursor: pointer !important;
}

/* 不同方向和速度的浮动 */
@keyframes float-up {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}

@keyframes float-down {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(6px); }
}

@keyframes float-slow {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}

.kai-module-card:nth-child(1) {
    animation: float-up 3s ease-in-out infinite !important;
    animation-delay: 0s;
}

.kai-module-card:nth-child(2) {
    animation: float-down 4s ease-in-out infinite !important;
    animation-delay: 0.5s;
}

.kai-module-card:nth-child(3) {
    animation: float-slow 3.5s ease-in-out infinite !important;
    animation-delay: 1s;
}

.kai-module-card:nth-child(4) {
    animation: float-up 4.5s ease-in-out infinite !important;
    animation-delay: 1.5s;
}

.kai-module-card:nth-child(5) {
    animation: float-down 3.2s ease-in-out infinite !important;
    animation-delay: 2s;
}

.kai-module-card:nth-child(6) {
    animation: float-slow 4.2s ease-in-out infinite !important;
    animation-delay: 2.5s;
}

/* 手写风格字体 */
@font-face {
    font-family: "Caveat";
    src: url("/assets/fonts/Caveat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Logo 使用手写字体 */
.gh-navigation-logo {
    font-family: "Caveat", cursive !important;
    font-size: 3.2rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
}

    0%, 100% { transform: translate(0); }
    25% { transform: translate(2px, -2px); }
    50% { transform: translate(-2px, 2px); }
    75% { transform: translate(2px, 2px); }
}

    0% { clip: rect(65px, 9999px, 119px, 0); }
    10% { clip: rect(79px, 9999px, 136px, 0); }
    20% { clip: rect(17px, 9999px, 94px, 0); }
    30% { clip: rect(94px, 9999px, 98px, 0); }
    40% { clip: rect(68px, 9999px, 111px, 0); }
    50% { clip: rect(52px, 9999px, 85px, 0); }
    60% { clip: rect(81px, 9999px, 92px, 0); }
    70% { clip: rect(44px, 9999px, 77px, 0); }
    80% { clip: rect(63px, 9999px, 105px, 0); }
    90% { clip: rect(37px, 9999px, 71px, 0); }
    100% { clip: rect(55px, 9999px, 87px, 0); }
}

}

/* 横向撕裂效果 */
.gh-navigation-logo::before {
    content: "SOFT ERRORS";
    position: absolute;
    left: 3px;
    top: 0;
    color: rgba(255, 0, 0, 0.5);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 35%, 0 40%);
}

.gh-navigation-logo::after {
    content: "SOFT ERRORS";
    position: absolute;
    left: -3px;
    top: 0;
    color: rgba(0, 255, 255, 0.5);
    z-index: -2;
    clip-path: polygon(0 60%, 100% 55%, 100% 100%, 0 100%);
}

/* Rubik Glitch 字体 */
@font-face {
    font-family: "Rubik Glitch";
    src: url("/assets/fonts/RubikGlitch-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Logo 使用 Rubik Glitch */
.gh-navigation-logo {
    font-family: "Rubik Glitch", monospace !important;
    font-size: 2.8rem !important;
    letter-spacing: 0.08em !important;
    font-weight: 100 !important;
    transform: scaleY(0.9) scaleX(0.95) !important;
}

/* 移除之前的 glitch 效果 */
.gh-navigation-logo::before,
.gh-navigation-logo::after {
    display: none !important;
}

/* 微微故障光效果 */
.gh-navigation-logo::before,
.gh-navigation-logo::after {
    display: block !important;
}

.gh-navigation-logo::before {
    content: "SOFT ERRORS";
    position: absolute;
    left: 1px;
    top: 0;
    color: rgba(107, 140, 174, 0.3);
    z-index: -1;
    mix-blend-mode: screen;
}

.gh-navigation-logo::after {
    content: "SOFT ERRORS";
    position: absolute;
    left: -1px;
    top: 0;
    color: rgba(218, 225, 242, 0.3);
    z-index: -2;
    mix-blend-mode: screen;
}

/* 微微抖动动画 */
.gh-navigation-logo {
    animation: subtle-glitch 2s infinite;
}

@keyframes subtle-glitch {
    0%, 85%, 100% { 
        transform: scaleY(0.9) scaleX(0.95) translate(0, 0); 
    }
    86% { 
        transform: scaleY(0.9) scaleX(0.95) translate(-2px, 0); 
    }
    87% { 
        transform: scaleY(0.9) scaleX(0.95) translate(2px, 0); 
    }
    88% { 
        transform: scaleY(0.9) scaleX(0.95) translate(0, 0); 
    }
}

/* 字母错落效果 */
.gh-navigation-logo {
    display: inline-block;
    letter-spacing: 0.18em !important;
}

.gh-navigation-logo::first-letter {
    display: inline-block;
    transform: translateY(-1px) rotate(-1deg);
}

/* 用 JS 实现每个字母错落，先用 CSS 模拟部分效果 */
@supports (initial-letter: 1) {
    .gh-navigation-logo {
        font-variant-position: sub;
    }
}

/* 确保拆分后的字母也使用 Rubik Glitch */
.gh-navigation-logo span {
    font-family: "Rubik Glitch", monospace !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* 增强抖动 - 添加垂直抖动 */
@keyframes subtle-glitch-enhanced {
    0%, 85%, 100% { 
        transform: scaleY(0.9) scaleX(0.95) translate(0, 0); 
    }
    86% { 
        transform: scaleY(0.9) scaleX(0.95) translate(-2px, -1px); 
    }
    87% { 
        transform: scaleY(0.9) scaleX(0.95) translate(2px, 1px); 
    }
    88% { 
        transform: scaleY(0.9) scaleX(0.95) translate(-1px, 0); 
    }
    89% { 
        transform: scaleY(0.9) scaleX(0.95) translate(0, 0); 
    }
}

.gh-navigation-logo {
    animation: subtle-glitch-enhanced 2s infinite !important;
}

/* 假 404 遮罩 */
#fake-404-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease;
}

.fake-404-content {
    text-align: center;
    color: #fff;
    font-family: "Departure Mono", monospace;
}

.fake-404-content h1 {
    font-size: 8rem;
    margin: 0;
    letter-spacing: 0.2em;
    animation: glitch-404 0.3s infinite;
}

.fake-404-content p {
    font-size: 1.5rem;
    margin: 1em 0;
    letter-spacing: 0.1em;
}

.glitch-text {
    animation: blink 1s infinite;
}

@keyframes glitch-404 {
    0%, 90%, 100% { transform: translate(0); }
    92% { transform: translate(-3px, 2px); color: #ff0000; }
    94% { transform: translate(3px, -2px); color: #00ffff; }
    96% { transform: translate(-2px, -2px); color: #fff; }
}

@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0.3; }
}

/* 点击提示 */
.click-hint {
    font-size: 1rem !important;
    margin-top: 3em !important;
    opacity: 0.6;
    animation: pulse 2s infinite !important;
}

@keyframes pulse {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.8; }
}

#fake-404-overlay {
    cursor: pointer;
}

    0% { opacity: 1; }
    50% { 
        opacity: 1; 
        transform: scaleY(1);
    }
    100% { 
        opacity: 0; 
        transform: scaleY(0.001);
    }
}
    0% { opacity: 1; filter: brightness(1); }
    50% { opacity: 1; transform: scaleY(0.01); filter: brightness(3); }
    100% { opacity: 0; transform: scaleY(0); filter: brightness(0); }
}
    to { opacity: 0; }
}
    to { opacity: 0; }
}

/* 像素化效果 */
.mac-screen {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}
}

.monitor-bezel::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 8px;
    background: linear-gradient(90deg, #999 0%, #aaa 50%, #999 100%);
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.monitor-screen {
    background: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.5);
    width: 100%;
    min-height: 600px;
    position: relative;
    box-shadow: 
        inset 0 0 20px rgba(0, 0, 0, 0.1),
        0 0 80px rgba(255, 255, 255, 0.3),
        0 0 120px rgba(200, 220, 255, 0.2);
}

/* 菜单栏 */
.mac-menubar {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    padding: 5px 10px;
    font-family: "Chicago", "Geneva", "Courier New", monospace;
    font-size: 13px;
    display: flex;
    gap: 18px;
    font-weight: bold;
}

.mac-apple {
    font-size: 15px;
}

/* 错误窗口 */
.mac-window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    background: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.mac-titlebar {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    padding: 5px;
    position: relative;
}

.mac-stripes {
    width: 100%;
    height: 22px;
    background: repeating-linear-gradient(
        90deg,
        #000 0px,
        #000 2px,
        #fff 2px,
        #fff 4px
    );
}

.mac-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "Chicago", "Geneva", "Courier New", monospace;
    font-size: 13px;
    font-weight: bold;
    background: #fff;
    padding: 0 10px;
}

.mac-content {
    padding: 28px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.mac-icon {
    font-size: 52px;
    flex-shrink: 0;
}

.mac-text {
    font-family: "Geneva", "Helvetica", sans-serif;
    font-size: 13px;
    line-height: 1.7;
}

.mac-text p {
    margin: 10px 0;
}

.mac-text strong {
    font-weight: bold;
}

.mac-text em {
    font-style: italic;
    animation: cursor-blink 1s infinite;
}

/* 显示器底座 */
.monitor-stand {
    width: 240px;
    height: 80px;
    background: linear-gradient(180deg, #d8d8d8 0%, #b0b0b0 100%);
    border-radius: 0 0 60px 60px;
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.4),
        inset 0 2px 0 rgba(255, 255, 255, 0.3);
    position: relative;
}

.monitor-stand::before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 5px;
    background: linear-gradient(90deg, #888 0%, #999 50%, #888 100%);
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

}

/* 环境光反射 */
.mac-monitor::before {
    content: "";
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 200px;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.05) 0%,
        transparent 70%
    );
    pointer-events: none;
    z-index: -1;
}

/* 桌面反射 */
.mac-keyboard::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 40px;
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.3) 0%,
        transparent 70%
    );
    filter: blur(10px);
    z-index: -1;
}

.mac-keyboard {
    position: relative;
}

/* 真实屏幕发光 */
.mac-monitor {
    position: relative;
}

.mac-monitor::before {
    content: "";
    position: absolute;
    inset: -150px;
    background: radial-gradient(
        ellipse 600px 400px at center,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(200, 220, 255, 0.04) 40%,
        transparent 70%
    );
    pointer-events: none;
    z-index: -1;
}

.monitor-bezel::after {
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.12) 0%,
        rgba(200, 220, 255, 0.06) 40%,
        transparent 70%
    );
    inset: -80px;
}

/* 屏幕发光增强 */
@keyframes screen-glow-realistic {
    0%, 100% {
        box-shadow: 
            inset 0 0 20px rgba(0, 0, 0, 0.1),
            0 0 100px rgba(255, 255, 255, 0.25),
            0 0 150px rgba(220, 235, 255, 0.15),
            0 0 200px rgba(200, 220, 255, 0.08);
    }
    50% {
        box-shadow: 
            inset 0 0 20px rgba(0, 0, 0, 0.1),
            0 0 120px rgba(255, 255, 255, 0.3),
            0 0 180px rgba(220, 235, 255, 0.2),
            0 0 240px rgba(200, 220, 255, 0.12);
    }
}

.monitor-screen {
    animation: screen-glow-realistic 4s ease-in-out infinite;
}

/* 一体机风格显示器 */
.monitor-bezel {
    background: linear-gradient(145deg, #f8f8f8 0%, #e0e0e0 40%, #d0d0d0 100%);
    box-shadow: 
        0 50px 120px rgba(0, 0, 0, 0.6),
        0 20px 60px rgba(0, 0, 0, 0.4),
        inset 0 3px 0 rgba(255, 255, 255, 0.7),
        inset 0 -3px 10px rgba(0, 0, 0, 0.15);
}

.monitor-bezel::before {
    width: 100px;
    height: 10px;
    top: 15px;
    background: linear-gradient(90deg, #aaa 0%, #bbb 50%, #aaa 100%);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

.monitor-stand {
    background: linear-gradient(180deg, #e0e0e0 0%, #c8c8c8 50%, #b0b0b0 100%);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.5),
        inset 0 3px 0 rgba(255, 255, 255, 0.4),
        inset 0 -2px 8px rgba(0, 0, 0, 0.2);
}

.monitor-stand::before {
    width: 120px;
    height: 6px;
    bottom: 20px;
    background: linear-gradient(90deg, #777 0%, #888 50%, #777 100%);
}

.monitor-stand::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    height: 30px;
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.4) 0%,
        transparent 70%
    );
    filter: blur(15px);
    z-index: -1;
}

/* 屏幕边框细节 */
.monitor-screen {
    border: 4px solid #1a1a1a;
    border-radius: 3px;
    box-shadow: 
        inset 0 0 30px rgba(0, 0, 0, 0.15),
        inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* 确保内容可见 */
.mac-window {
    z-index: 10;
}

.mac-menubar {
    z-index: 5;
}

/* 增大显示器 */
.mac-monitor {
    transform: scale(1.2);
}

/* 修复显示器比例 */
.monitor-screen {
    aspect-ratio: 4/3 !important;
    min-height: auto !important;
    height: auto !important;
}

/* 强制显示器可见 */
#fake-404-overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mac-monitor {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: scale(1.3) rotateX(5deg) !important;
}

.monitor-bezel {
    display: block !important;
    width: 700px !important;
    background: linear-gradient(145deg, #f8f8f8 0%, #e0e0e0 40%, #d0d0d0 100%) !important;
    border-radius: 20px 20px 8px 8px !important;
    padding: 50px 45px 35px !important;
}

.monitor-stand {
    display: block !important;
    width: 240px !important;
    height: 80px !important;
}

/* 千禧年像素朦胧感 */
.monitor-screen {
    filter: contrast(0.95) brightness(1.05);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.monitor-screen::before {
    background: 
        repeating-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.03) 0px,
            rgba(0, 0, 0, 0.03) 1px,
            transparent 1px,
            transparent 2px
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.08) 0%,
            transparent 50%,
            rgba(0, 0, 0, 0.08) 100%
        );
}

/* CRT 曲面效果 */
.monitor-screen::after {
    background: radial-gradient(
        ellipse at 50% 50%,
        transparent 0%,
        rgba(0, 0, 0, 0.15) 100%
    );
}

/* 像素字体 */
.mac-menubar,
.mac-title,
.mac-text {
    font-family: Courier New, Chicago, monospace !important;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed;
}

.mac-text {
    font-size: 12px !important;
    letter-spacing: 0.5px;
}

/* 屏幕闪烁 */
@keyframes crt-flicker {
    0%, 100% { opacity: 1; filter: brightness(1); }
    50% { opacity: 0.97; filter: brightness(0.98); }
}

.monitor-screen {
    animation: screen-glow-realistic 4s ease-in-out infinite, crt-flicker 0.15s infinite !important;
}

/* VHS 噪点 */
.monitor-screen {
    position: relative;
}

.monitor-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(0, 0, 0, 0.03) 2px,
            rgba(0, 0, 0, 0.03) 4px
        );
    pointer-events: none;
    z-index: 100;
}

/* 柔和边框 */
.monitor-screen {
    border: 2px solid rgba(26, 26, 26, 0.6) !important;
    border-radius: 6px !important;
    box-shadow: 
        inset 0 0 40px rgba(0, 0, 0, 0.2),
        inset 0 3px 8px rgba(0, 0, 0, 0.4),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

/* 强化扫描线 */
.monitor-screen::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        repeating-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0) 0px,
            rgba(0, 0, 0, 0) 1px,
            rgba(0, 0, 0, 0.08) 1px,
            rgba(0, 0, 0, 0.08) 2px
        ) !important;
    pointer-events: none !important;
    z-index: 200 !important;
    animation: scanline-move 8s linear infinite !important;
}

@keyframes scanline-move {
    0% { background-position: 0 0; }
    100% { background-position: 0 100%; }
}

/* 强化噪点 - 简化版 */
.monitor-bezel::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: repeating-linear-gradient(
        0deg,
        transparent 0px,
        rgba(255, 255, 255, 0.02) 1px,
        transparent 2px
    ),
    repeating-linear-gradient(
        90deg,
        transparent 0px,
        rgba(0, 0, 0, 0.02) 1px,
        transparent 2px
    ) !important;
    pointer-events: none !important;
    z-index: 150 !important;
    opacity: 0.5 !important;
    animation: noise-anim 0.2s infinite !important;
}

@keyframes noise-anim {
    0%, 100% { transform: translate(0, 0); }
    25% { transform: translate(-1px, -1px); }
    50% { transform: translate(1px, 1px); }
    75% { transform: translate(-1px, 1px); }
}

/* 玻璃反光 */
.monitor-bezel > .monitor-screen::after {
    content: "" !important;
    position: absolute !important;
    top: 20px !important;
    left: 40px !important;
    width: 250px !important;
    height: 180px !important;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.08) 50%,
        transparent 100%
    ) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 250 !important;
    filter: blur(25px) !important;
}

/* 强化屏幕发光 */
@keyframes screen-glow-enhanced {
    0%, 100% {
        box-shadow: 
            inset 0 0 40px rgba(0, 0, 0, 0.2),
            inset 0 3px 8px rgba(0, 0, 0, 0.4),
            0 0 120px rgba(255, 255, 255, 0.35),
            0 0 180px rgba(220, 235, 255, 0.25),
            0 0 240px rgba(200, 220, 255, 0.15),
            0 0 300px rgba(180, 200, 240, 0.08) !important;
    }
    50% {
        box-shadow: 
            inset 0 0 40px rgba(0, 0, 0, 0.2),
            inset 0 3px 8px rgba(0, 0, 0, 0.4),
            0 0 140px rgba(255, 255, 255, 0.4),
            0 0 200px rgba(220, 235, 255, 0.3),
            0 0 280px rgba(200, 220, 255, 0.2),
            0 0 360px rgba(180, 200, 240, 0.12) !important;
    }
}

.monitor-screen {
    animation: screen-glow-enhanced 4s ease-in-out infinite, crt-flicker 0.15s infinite !important;
}

/* 显示器周围光晕 */
.mac-monitor::before {
    inset: -200px !important;
    background: radial-gradient(
        ellipse 700px 500px at center,
        rgba(255, 255, 255, 0.12) 0%,
        rgba(220, 235, 255, 0.08) 30%,
        rgba(200, 220, 255, 0.04) 50%,
        transparent 80%
    ) !important;
}

/* 显示器向右倾斜 */
.mac-monitor {
    transform: scale(1.3) rotateX(5deg) !important;
    transform-style: preserve-3d !important;
}

.monitor-bezel {
    transform-style: preserve-3d !important;
}

.monitor-stand {
    transform: rotateX(5deg) !important;
}

/* 调整光晕位置 */
.mac-monitor::before {
    transform: none !important;
}

/* 确保内容可见 */
.mac-window {
    position: absolute !important;
    z-index: 1000 !important;
    opacity: 1 !important;
}

.mac-content {
    background: #ffffff !important;
    opacity: 1 !important;
}

.mac-text p {
    color: #000000 !important;
    opacity: 1 !important;
}

.mac-icon {
    opacity: 1 !important;
}

/* 调整所有层级 */
.monitor-screen::before {
    z-index: 10 !important;
}

.monitor-screen::after {
    z-index: 20 !important;
}

.mac-menubar {
    z-index: 100 !important;
    position: relative !important;
}

.mac-window {
    z-index: 500 !important;
}

.mac-titlebar,
.mac-content,
.mac-icon,
.mac-text {
    position: relative !important;
    z-index: 600 !important;
}
    to { opacity: 0; }
}

/* 增强周边发光渐变 */
#fake-404-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse 900px 700px at center,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(220, 235, 255, 0.05) 20%,
        rgba(200, 220, 255, 0.03) 40%,
        transparent 70%
    );
    pointer-events: none;
}

/* 柔化所有线条 */
.monitor-screen {
    border: 1px solid rgba(26, 26, 26, 0.3) !important;
    box-shadow: 
        inset 0 0 50px rgba(0, 0, 0, 0.15),
        inset 0 2px 5px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.05),
        0 0 120px rgba(255, 255, 255, 0.35),
        0 0 180px rgba(220, 235, 255, 0.25),
        0 0 240px rgba(200, 220, 255, 0.15) !important;
}

.mac-menubar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.error-window {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 
        3px 3px 8px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
}

.window-titlebar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

/* 玻璃反光效果 */
.monitor-screen::after {
    background: 
        radial-gradient(
            ellipse at 50% 50%,
            transparent 0%,
            rgba(0, 0, 0, 0.12) 100%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.08) 0%,
            transparent 30%,
            transparent 70%,
            rgba(0, 0, 0, 0.05) 100%
        ) !important;
    z-index: 50 !important;
}

/* 显示器边缘高光 */
.monitor-bezel {
    box-shadow: 
        0 50px 120px rgba(0, 0, 0, 0.6),
        0 20px 60px rgba(0, 0, 0, 0.4),
        inset 0 2px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 5px rgba(0, 0, 0, 0.1),
        inset 1px 0 0 rgba(255, 255, 255, 0.2),
        inset -1px 0 0 rgba(0, 0, 0, 0.1) !important;
}

/* 底座细节 */
.monitor-stand {
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.5),
        inset 0 2px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* 微妙的屏幕闪烁 */
@keyframes subtle-flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.98; }
}

.monitor-screen {
    animation: screen-glow 4s ease-in-out infinite, subtle-flicker 0.2s infinite !important;
}

/* 暗化屏幕 */
.monitor-screen {
    background: #f0f0f0 !important;
    filter: brightness(0.85) contrast(0.9) !important;
}

.mac-menubar {
    background: #f0f0f0 !important;
}

.error-window,
.window-content,
.window-titlebar,
.window-title {
    background: #f0f0f0 !important;
}

.title-stripes {
    background: repeating-linear-gradient(
        90deg,
        #1a1a1a 0px,
        #1a1a1a 2px,
        #e8e8e8 2px,
        #e8e8e8 4px
    ) !important;
}

/* 区分屏幕和边框 */
.monitor-bezel {
    background: linear-gradient(145deg, #fafafa 0%, #e8e8e8 40%, #d8d8d8 100%) !important;
}

.monitor-screen {
    background: #e0e0e0 !important;
    filter: brightness(0.75) contrast(0.95) !important;
}

.mac-menubar,
.error-window,
.window-content,
.window-titlebar,
.window-title {
    background: #e0e0e0 !important;
}

/* 屏幕内嵌效果 */
.monitor-screen {
    box-shadow: 
        inset 0 3px 10px rgba(0, 0, 0, 0.3),
        inset 0 0 50px rgba(0, 0, 0, 0.15),
        inset 0 0 0 1px rgba(0, 0, 0, 0.2),
        0 0 120px rgba(255, 255, 255, 0.35),
        0 0 180px rgba(220, 235, 255, 0.25),
        0 0 240px rgba(200, 220, 255, 0.15) !important;
}

/* 边框凸起效果 */
.monitor-bezel::after {
    content: "";
    position: absolute;
    inset: 20px;
    border-radius: 10px;
    box-shadow: 
        inset 0 -2px 5px rgba(255, 255, 255, 0.5),
        inset 0 2px 5px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

/* 屏幕发光感 */
.monitor-screen {
    background: linear-gradient(180deg, #e8e8e8 0%, #e0e0e0 50%, #d8d8d8 100%) !important;
    filter: brightness(0.9) contrast(0.95) !important;
}

.mac-menubar,
.error-window,
.window-content,
.window-titlebar,
.window-title {
    background: linear-gradient(180deg, #ececec 0%, #e4e4e4 100%) !important;
}

/* 增强发光动画 */
@keyframes screen-glow-enhanced {
    0%, 100% {
        box-shadow: 
            inset 0 3px 10px rgba(0, 0, 0, 0.3),
            inset 0 0 50px rgba(0, 0, 0, 0.15),
            inset 0 0 0 1px rgba(0, 0, 0, 0.2),
            0 0 100px rgba(255, 255, 255, 0.4),
            0 0 160px rgba(220, 235, 255, 0.3),
            0 0 220px rgba(200, 220, 255, 0.2),
            0 0 280px rgba(180, 200, 240, 0.1);
    }
    50% {
        box-shadow: 
            inset 0 3px 10px rgba(0, 0, 0, 0.3),
            inset 0 0 50px rgba(0, 0, 0, 0.15),
            inset 0 0 0 1px rgba(0, 0, 0, 0.2),
            0 0 130px rgba(255, 255, 255, 0.5),
            0 0 190px rgba(220, 235, 255, 0.4),
            0 0 260px rgba(200, 220, 255, 0.3),
            0 0 330px rgba(180, 200, 240, 0.15);
    }
}

.monitor-screen {
    animation: screen-glow-enhanced 4s ease-in-out infinite, subtle-flicker 0.2s infinite !important;
}

/* 暗化边框，突出屏幕发光 */
.monitor-bezel {
    background: linear-gradient(145deg, #d8d8d8 0%, #c0c0c0 40%, #a8a8a8 100%) !important;
}

.monitor-stand {
    background: linear-gradient(180deg, #c8c8c8 0%, #b0b0b0 50%, #989898 100%) !important;
}

/* 暗色边框 + 屏幕光漫射 */
.monitor-bezel {
    background: linear-gradient(145deg, #a0a0a0 0%, #888888 40%, #707070 100%) !important;
}

/* 屏幕光照亮边框内侧 */
.monitor-bezel::before {
    content: "" !important;
    position: absolute !important;
    inset: 30px !important;
    border-radius: 10px !important;
    box-shadow: 
        0 0 40px rgba(255, 255, 255, 0.3),
        0 0 60px rgba(220, 235, 255, 0.2),
        inset 0 0 30px rgba(255, 255, 255, 0.15) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.monitor-screen {
    background: linear-gradient(180deg, #f0f0f0 0%, #e8e8e8 50%, #e0e0e0 100%) !important;
    filter: brightness(1.1) contrast(0.95) !important;
    z-index: 2 !important;
}

.monitor-stand {
    background: linear-gradient(180deg, #909090 0%, #787878 50%, #606060 100%) !important;
}

/* 像素化字体 */
.mac-menubar,
.window-title,
.error-text,
.error-text p,
.error-text strong {
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeSpeed !important;
    font-smooth: never !important;
    image-rendering: pixelated !important;
}

/* 增大字体增强锯齿感 */
.mac-menubar {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}

.window-title {
    font-size: 12px !important;
}

.error-text {
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
}

/* 像素化整个屏幕 */
.monitor-screen {
    image-rendering: pixelated !important;
    image-rendering: -moz-crisp-edges !important;
    image-rendering: crisp-edges !important;
}

/* 轻微模糊增强复古感 */
.monitor-screen {
    filter: brightness(1.1) contrast(0.95) blur(0.5px) !important;
}

/* 增强像素和模糊感 */
.monitor-screen {
    filter: brightness(1.15) contrast(0.95) blur(0.5px) saturate(1) !important;
}

/* CRT 扫描线增强 */
.monitor-screen::before {
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0) 0px,
        rgba(0, 0, 0, 0) 1px,
        rgba(0, 0, 0, 0.12) 1px,
        rgba(0, 0, 0, 0.12) 2px
    ) !important;
    opacity: 0.8 !important;
}

/* 像素网格 */
.monitor-screen::after {
    background: 
        repeating-linear-gradient(
            0deg,
            transparent 0px,
            rgba(0, 0, 0, 0.02) 1px,
            transparent 2px
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0px,
            rgba(0, 0, 0, 0.02) 1px,
            transparent 2px
        ),
        radial-gradient(
            ellipse at 50% 50%,
            transparent 0%,
            rgba(0, 0, 0, 0.12) 100%
        ) !important;
}

/* 柔化所有线条 */
.monitor-screen {
    border: none !important;
    box-shadow: 
        inset 0 0 2px rgba(0, 0, 0, 0.2),
        inset 0 3px 10px rgba(0, 0, 0, 0.25),
        inset 0 0 50px rgba(0, 0, 0, 0.12),
        0 0 100px rgba(255, 255, 255, 0.4),
        0 0 160px rgba(220, 235, 255, 0.3),
        0 0 220px rgba(200, 220, 255, 0.2),
        0 0 280px rgba(180, 200, 240, 0.1) !important;
}

.mac-menubar {
    border-bottom: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.error-window {
    border: none !important;
    box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.15),
        3px 3px 12px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
}

.window-titlebar {
    border-bottom: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.title-stripes {
    opacity: 0.6 !important;
    filter: blur(0.3px) !important;
}

/* 圆角柔化 */
.monitor-bezel {
    border-radius: 25px 25px 10px 10px !important;
}

.monitor-screen {
    border-radius: 8px !important;
}

.error-window {
    border-radius: 3px !important;
}

/* 恢复边框但保持柔和 */
.monitor-screen {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 6px !important;
}

.error-window {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 2px !important;
}

.mac-menubar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.window-titlebar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.title-stripes {
    opacity: 0.8 !important;
    filter: none !important;
}

.monitor-bezel {
    border-radius: 20px 20px 8px 8px !important;
}

/* 恢复屏幕凹陷立体感 */
.monitor-screen {
    box-shadow: 
        inset 0 4px 12px rgba(0, 0, 0, 0.35),
        inset 0 0 60px rgba(0, 0, 0, 0.15),
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 100px rgba(255, 255, 255, 0.4),
        0 0 160px rgba(220, 235, 255, 0.3),
        0 0 220px rgba(200, 220, 255, 0.2),
        0 0 280px rgba(180, 200, 240, 0.1) !important;
}

/* 边框凸起 */
.monitor-bezel {
    box-shadow: 
        0 50px 120px rgba(0, 0, 0, 0.6),
        0 20px 60px rgba(0, 0, 0, 0.4),
        inset 0 3px 0 rgba(255, 255, 255, 0.3),
        inset 0 -2px 8px rgba(0, 0, 0, 0.2),
        inset 1px 0 0 rgba(255, 255, 255, 0.15),
        inset -1px 0 0 rgba(0, 0, 0, 0.1) !important;
}

/* 屏幕边缘内嵌 */
.monitor-bezel::after {
    content: "" !important;
    position: absolute !important;
    top: 45px !important;
    left: 40px !important;
    right: 40px !important;
    bottom: 30px !important;
    border-radius: 8px !important;
    box-shadow: 
        0 0 0 2px rgba(0, 0, 0, 0.15),
        inset 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.monitor-screen {
    position: relative !important;
    z-index: 1 !important;
}

/* 柔化消息框 */
.error-window {
    box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.2),
        2px 2px 8px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
}

/* 使用 Departure Mono 字体 */
.mac-menubar,
.window-title,
.error-text,
.error-text p,
.error-text strong {
    font-family: "Departure Mono", "Courier New", monospace !important;
}

/* 增强文字模糊 */
.mac-menubar,
.window-title,
.error-text {
    filter: blur(0.1px) !important;
}

/* 整体屏幕模糊增强 */
.monitor-screen {
    filter: brightness(1.15) contrast(0.95) blur(0.4px) saturate(1) !important;
}

/* 经典复古字体 */
.mac-menubar,
.window-title {
    font-family: "Chicago", "Charcoal", "Monaco", "Courier New", monospace !important;
    font-weight: bold !important;
}

.error-text,
.error-text p,
.error-text strong {
    font-family: "Geneva", "Helvetica", "Arial", sans-serif !important;
    font-weight: normal !important;
}

.error-text strong {
    font-weight: bold !important;
}

/* 如果没有 Chicago，用 Courier 模拟 */
@supports not (font-family: "Chicago") {
    .mac-menubar,
    .window-title {
        font-family: "Courier New", "Courier", monospace !important;
        font-size: 13px !important;
        font-weight: bold !important;
        letter-spacing: 0.5px !important;
    }
}

/* 增加字体模糊和像素感 */
.mac-menubar,
.window-title,
.error-text,
.error-text p,
.error-text strong {
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeSpeed !important;
    filter: blur(0.2px) contrast(0.95) !important;
}

/* 整体屏幕模糊 */
.monitor-screen {
    filter: brightness(1.15) contrast(0.95) blur(0.25px) saturate(0.98) !important;
}

/* 柔化 Click to continue */
.error-text .blink {
    filter: blur(0.2px) opacity(0.85) !important;
}

/* 统一所有文字模糊 */
.mac-menubar,
.mac-menubar span,
.window-title,
.error-text,
.error-text p,
.error-text strong,
.error-text .blink {
    filter: blur(0.1px) !important;
}

.error-text .blink {
    opacity: 0.85 !important;
}

/* Click to continue 闪烁和模糊 */
.error-text .blink {
    filter: blur(0.2px) !important;
    opacity: 1 !important;
    animation: cursor-blink 1s infinite !important;
}

@keyframes cursor-blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0.3; }
}

/* 统一所有文字模糊 - 最终版 */
.mac-menubar,
.mac-menubar span,
.window-title,
.error-text,
.error-text p,
.error-text strong,
.error-text .blink,
.blink {
    filter: blur(0.1px) !important;
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Click to continue 闪烁 */
.blink {
    animation: cursor-blink 1s infinite !important;
}
/* 千禧年复古 Mac 404 - 完整版 */
#fake-404-overlay {
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at center, #1a1a1a 0%, #000000 60%);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1200px;
}

/* 环境光晕 */
#fake-404-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse 900px 700px at center,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(220, 235, 255, 0.05) 20%,
        rgba(200, 220, 255, 0.03) 40%,
        transparent 70%
    );
    pointer-events: none;
}

.retro-monitor {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: scale(1.2);
    position: relative;
}

/* 显示器外壳 - 暗色 */
.monitor-bezel {
    width: 700px;
    background: linear-gradient(145deg, #a0a0a0 0%, #888888 40%, #707070 100%);
    border-radius: 20px 20px 8px 8px;
    padding: 50px 45px 35px;
    box-shadow: 
        0 50px 120px rgba(0, 0, 0, 0.6),
        0 20px 60px rgba(0, 0, 0, 0.4),
        inset 0 3px 0 rgba(255, 255, 255, 0.3),
        inset 0 -2px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}

/* 屏幕光照亮边框 */
.monitor-bezel::before {
    content: "";
    position: absolute;
    inset: 30px;
    border-radius: 10px;
    box-shadow: 
        0 0 40px rgba(255, 255, 255, 0.3),
        0 0 60px rgba(220, 235, 255, 0.2),
        inset 0 0 30px rgba(255, 255, 255, 0.15);
    pointer-events: none;
    z-index: 1;
}

/* 屏幕 */
.monitor-screen {
    background: linear-gradient(180deg, #f0f0f0 0%, #e8e8e8 50%, #e0e0e0 100%);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    aspect-ratio: 4/3;
    position: relative;
    overflow: hidden;
    z-index: 2;
    box-shadow: 
        inset 0 4px 12px rgba(0, 0, 0, 0.35),
        inset 0 0 60px rgba(0, 0, 0, 0.15),
        0 0 100px rgba(255, 255, 255, 0.4),
        0 0 160px rgba(220, 235, 255, 0.3),
        0 0 220px rgba(200, 220, 255, 0.2),
        0 0 280px rgba(180, 200, 240, 0.1);
    animation: screen-glow 4s ease-in-out infinite;
    filter: brightness(1.12) contrast(0.92) blur(0.3px) saturate(0.96);
}

/* 扫描线 */
.monitor-screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0) 0px,
        rgba(0, 0, 0, 0) 1px,
        rgba(0, 0, 0, 0.1) 1px,
        rgba(0, 0, 0, 0.1) 2px
    );
    pointer-events: none;
    z-index: 100;
    animation: scanline-move 8s linear infinite;
}

/* 屏幕曲面暗角 + 像素网格 */
.monitor-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent 0px,
            rgba(0, 0, 0, 0.02) 1px,
            transparent 2px
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0px,
            rgba(0, 0, 0, 0.02) 1px,
            transparent 2px
        ),
        radial-gradient(
            ellipse at 50% 50%,
            transparent 0%,
            rgba(0, 0, 0, 0.12) 100%
        );
    pointer-events: none;
    z-index: 50;
}

/* 菜单栏 */
.mac-menubar {
    background: linear-gradient(180deg, #ececec 0%, #e4e4e4 100%);
    padding: 5px 10px;
    font-family: "Chicago", "Geneva", "Courier New", monospace;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    gap: 18px;
    position: relative;
    z-index: 200;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    filter: blur(0.15px) contrast(0.94);
}

/* 错误窗口 */
.error-window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    background: linear-gradient(180deg, #ececec 0%, #e4e4e4 100%);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 
        2px 2px 8px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    z-index: 300;
}

/* 标题栏 */
.window-titlebar {
    background: linear-gradient(180deg, #ececec 0%, #e4e4e4 100%);
    padding: 5px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.title-stripes {
    width: 100%;
    height: 22px;
    background: repeating-linear-gradient(
        90deg,
        #1a1a1a 0px,
        #1a1a1a 2px,
        #e8e8e8 2px,
        #e8e8e8 4px
    );
    opacity: 0.8;
}

.window-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "Chicago", "Geneva", "Courier New", monospace;
    font-size: 12px;
    font-weight: bold;
    background: linear-gradient(180deg, #ececec 0%, #e4e4e4 100%);
    padding: 0 10px;
    color: #000000;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    filter: blur(0.15px) contrast(0.94);
}

/* 窗口内容 */
.window-content {
    padding: 28px;
    display: flex;
    gap: 24px;
    background: linear-gradient(180deg, #ececec 0%, #e4e4e4 100%);
}

.error-icon {
    font-size: 52px;
    flex-shrink: 0;
    filter: blur(0.15px) contrast(0.94);
}

.error-text {
    font-family: "Geneva", "Helvetica", sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #000000;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    filter: blur(0.15px) contrast(0.94);
}

.error-text p {
    margin: 10px 0;
    color: #000000;
}

.error-text strong {
    font-weight: bold;
    color: #000000;
}

.error-text .blink {
    font-style: italic;
    animation: cursor-blink 1s infinite;
}

/* 底座 */
.monitor-stand {
    width: 240px;
    height: 80px;
    background: linear-gradient(180deg, #909090 0%, #787878 50%, #606060 100%);
    border-radius: 0 0 60px 60px;
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.5),
        inset 0 2px 0 rgba(255, 255, 255, 0.3);
}

/* 动画 */
@keyframes screen-glow {
    0%, 100% {
        box-shadow: 
            inset 0 4px 12px rgba(0, 0, 0, 0.35),
            inset 0 0 60px rgba(0, 0, 0, 0.15),
            0 0 100px rgba(255, 255, 255, 0.4),
            0 0 160px rgba(220, 235, 255, 0.3),
            0 0 220px rgba(200, 220, 255, 0.2),
            0 0 280px rgba(180, 200, 240, 0.1);
    }
    50% {
        box-shadow: 
            inset 0 4px 12px rgba(0, 0, 0, 0.35),
            inset 0 0 60px rgba(0, 0, 0, 0.15),
            0 0 130px rgba(255, 255, 255, 0.5),
            0 0 190px rgba(220, 235, 255, 0.4),
            0 0 260px rgba(200, 220, 255, 0.3),
            0 0 330px rgba(180, 200, 240, 0.15);
    }
}

@keyframes scanline-move {
    0% { background-position: 0 0; }
    100% { background-position: 0 100%; }
}

@keyframes cursor-blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0.3; }
}

/* 关机动画 */
#fake-404-overlay.shutdown .monitor-screen {
    animation: screen-off 0.6s ease-out forwards;
}

@keyframes screen-off {
    0% { 
        opacity: 1; 
        filter: brightness(1.15);
    }
    50% { 
        transform: scaleY(0.01);
        filter: brightness(2);
    }
    100% { 
        opacity: 0;
        transform: scaleY(0);
        filter: brightness(0);
    }
}

#fake-404-overlay.shutdown {
    animation: fade-out 0.6s ease-out forwards;
}

@keyframes fade-out {
    to { opacity: 0; }
}