.elementor-1365 .elementor-element.elementor-element-68bbfa3{--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-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-1365 .elementor-element.elementor-element-d644b82 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.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-1365 .elementor-element.elementor-element-4c15e1a{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1365 .elementor-element.elementor-element-4c15e1a p{margin-block-end:0px;}.elementor-1365 .elementor-element.elementor-element-e27410b{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1365 .elementor-element.elementor-element-b3f5603{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1365 .elementor-element.elementor-element-b3f5603 p{margin-block-end:0px;}.elementor-1365 .elementor-element.elementor-element-8687ce9 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1365 .elementor-element.elementor-element-f20eab4{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1365 .elementor-element.elementor-element-f20eab4 p{margin-block-end:0px;}@media(max-width:1024px){.elementor-1365 .elementor-element.elementor-element-e27410b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1365 .elementor-element.elementor-element-68bbfa3{--content-width:1600px;}}@media(max-width:767px){.elementor-1365 .elementor-element.elementor-element-e27410b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-68bbfa3 *//* === 基础样式 === */
.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 */