.elementor-4202 .elementor-element.elementor-element-2564ac5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4202 .elementor-element.elementor-element-40330be{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-4202 .elementor-element.elementor-element-40330be p{margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4202 .elementor-element.elementor-element-93a2c59 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-4202 .elementor-element.elementor-element-840614a{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-4202 .elementor-element.elementor-element-840614a p{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-815a2a2 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-4202 .elementor-element.elementor-element-6773adb{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-4202 .elementor-element.elementor-element-6773adb p{margin-block-end:0px;}.elementor-4202 .elementor-element.elementor-element-a47acd8 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-4202 .elementor-element.elementor-element-50293aa{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-4202 .elementor-element.elementor-element-50293aa p{margin-block-end:0px;}/* Start custom CSS for container, class: .elementor-element-2564ac5 *//* === 基础样式 === */
.side-nav {
    font-family: 'Pixel', monospace; /* 你的字体 */
    z-index: 9999; /* 保证在最上层，不被其他元素遮挡 */
    line-height: 1.8;
}

.side-nav a {
    color: #fff;       /* 默认文字颜色 */
    text-decoration: none;
    display: block;
    transition: all 0.2s ease;
}

.side-nav a:hover {
    color: #ff9f43;    /* 悬停高亮颜色 */
    transform: translateX(5px); /* 悬停时向右微动 */
}

/* === 电脑端样式 (屏幕宽度大于 768px) === */
/* 这里的 min-width: 768px 意味着针对平板横屏和电脑 */
@media screen and (min-width: 768px) {
    .side-nav {
        position: fixed;
        /* 垂直居中核心算法 */
        top: 50%;
        transform: translateY(-50%);
        /* 靠左固定，留出 20px 间隙，不再用 250px 这种可能导致遮挡的大数值 */
        left: 20px;
        
        /* 可选：添加半透明背景，防止文字和背景图混在一起 */
        background: rgba(0, 0, 0, 0.3);
        padding: 20px;
        border-radius: 8px;
        backdrop-filter: blur(4px); /* 毛玻璃效果 */
    }
}

/* === 手机端样式 (屏幕宽度小于 768px) === */
/* 这里的 max-width: 767px 意味着针对手机和平板竖屏 */
@media screen and (max-width: 767px) {
    .side-nav {
        position: fixed;
        bottom: 0;       /* 强制固定在屏幕底部 */
        left: 0;
        width: 100%;     /* 宽度占满 */
        background: #111; /* 底部背景色，防止透视干扰阅读 */
        border-top: 2px solid #ff9f43; /* 顶部装饰线 */
        
        /* 使用 Flex 布局让菜单横向排列 */
        display: flex;
        justify-content: space-around; /* 选项均匀分布 */
        align-items: center;
        padding: 10px 0;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
    }

    .side-nav a {
        font-size: 12px; /* 手机上字体调小 */
        text-align: center;
        padding: 5px;
        white-space: nowrap; /* 防止文字换行 */
    }

    /* 隐藏原本用于换行的 <br> 标签 (如果有的话) */
    .side-nav br {
        display: none;
    }
}

/* === 平滑滚动效果 === */
html {
    scroll-behavior: smooth;
}/* End custom CSS */