.elementor-1509 .elementor-element.elementor-element-1da6945{--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-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1509 .elementor-element.elementor-element-1d30f36{--display:flex;}.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-1509 .elementor-element.elementor-element-14ad4c8 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-0d87082{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-0d87082 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-0d87082 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-0d87082 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-0d87082 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-0d87082 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-fe6e301{--display:flex;}.elementor-1509 .elementor-element.elementor-element-825f792 .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-1509 .elementor-element.elementor-element-2a67b8b{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1509 .elementor-element.elementor-element-2a67b8b p{margin-block-end:0px;}.elementor-1509 .elementor-element.elementor-element-d8d20da .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-0d0dcc4{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-0d0dcc4 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-0d0dcc4 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-0d0dcc4 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-0d0dcc4 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-0d0dcc4 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-3838dde{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-3838dde .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-3838dde .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-3838dde .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-3838dde .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-3838dde .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-6ef4820 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-b0ebe46{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-b0ebe46 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-b0ebe46 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-b0ebe46 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-b0ebe46 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-b0ebe46 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-3c09c34{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-3c09c34 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-3c09c34 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-3c09c34 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-3c09c34 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-3c09c34 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-10b341f{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1509 .elementor-element.elementor-element-10b341f p{margin-block-end:0px;}.elementor-1509 .elementor-element.elementor-element-731eabd .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-9845d20{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-9845d20 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-9845d20 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-9845d20 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-9845d20 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-9845d20 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-c88b37f{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1509 .elementor-element.elementor-element-c88b37f p{margin-block-end:0px;}.elementor-1509 .elementor-element.elementor-element-3b9b6c6{--display:flex;}.elementor-1509 .elementor-element.elementor-element-01db6ba .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-86e575a{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-86e575a .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-86e575a .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-86e575a .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-86e575a .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-86e575a .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-a225413 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.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-1509 .elementor-element.elementor-element-fbbdaa8{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1509 .elementor-element.elementor-element-fbbdaa8 p{margin-block-end:0px;}.elementor-1509 .elementor-element.elementor-element-d2ef599 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-66e79d4{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-66e79d4 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-66e79d4 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-66e79d4 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-66e79d4 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-66e79d4 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-3fe4912 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-82884c3{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1509 .elementor-element.elementor-element-82884c3 p{margin-block-end:0px;}.elementor-1509 .elementor-element.elementor-element-8261019{--display:flex;}.elementor-1509 .elementor-element.elementor-element-9fb64e3 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-c2f5cba{text-align:start;font-family:"Roboto Mono", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-1509 .elementor-element.elementor-element-c2f5cba p{margin-block-end:0px;}.elementor-1509 .elementor-element.elementor-element-ee3a3ba .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-2dd5f38{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-2dd5f38 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-2dd5f38 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-2dd5f38 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-2dd5f38 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-2dd5f38 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-01b7747 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-1b34b95{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-1b34b95 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-1b34b95 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-1b34b95 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-1b34b95 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-1b34b95 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-64824b2{--display:flex;}.elementor-1509 .elementor-element.elementor-element-d9096c1 .elementor-heading-title{font-family:"VT323", Sans-serif;font-size:40px;font-weight:600;color:#86FF00;}.elementor-1509 .elementor-element.elementor-element-8a17783{--e-image-carousel-slides-to-show:1;}.elementor-1509 .elementor-element.elementor-element-8a17783 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1509 .elementor-element.elementor-element-8a17783 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#FF0000;}.elementor-1509 .elementor-element.elementor-element-8a17783 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1509 .elementor-element.elementor-element-8a17783 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FF0000;}.elementor-1509 .elementor-element.elementor-element-8a17783 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;font-family:"pixel", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-ec91630{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:21px;--n-tabs-title-color:#000000;}.elementor-1509 .elementor-element.elementor-element-ec91630.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"pixel", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-fe6e301 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9b6c6 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe6e301 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9b6c6 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe6e301 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9b6c6 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe6e301 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9b6c6 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe6e301 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9b6c6 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe6e301 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9b6c6 *//* === 基础样式 === */
.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; /* 防止文字换行 */
}
/* 隐藏原本用于换行的
标签 (如果有的话) */
.side-nav br {
display: none;
}
}
/* === 平滑滚动效果 === */
html {
scroll-behavior: smooth;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'pixel';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://sites.wsagames.com/hl1d23/wp-content/uploads/sites/53/2025/11/fusion-pixel-10px-monospaced-zh_hans.otf_.woff2') format('woff2');
}
/* End Custom Fonts CSS */