代码

因为背景是动态渐变，截图看不出来，我就不截那么多东西了，没有修改编辑器显示那些内容，仅针对模块背景做了修改，同时没有加载任何第三方链接的图片或者其他的东西，所以对于文字颜色阅读体验还可以，不会因为图片背景看不清字（你可以自己改图片背景，但那样会可能导致文字看不清）

/* 必须定义对应的关键帧，否则背景动画无法运行 */@keyframes wlj-bg-flow {    0% {        background-position: 0% 50%;        /* 初始位置 */    }    50% {        background-position: 100% 50%;        /* 中间位置 */    }    100% {        background-position: 0% 50%;        /* 结束位置（回到初始，形成循环） */    }}.bg1 {    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(45deg, #ffffff 0%, #f8f9fa 15%, #e3f2fd 25%, #ffffff 35%, #f1f8e9 45%, #ffffff 55%, #fff3e0 65%, #ffffff 75%, #f3e5f5 85%, #ffffff 100%);    background-size: 800% 800%;    animation: wlj-bg-flow 20s ease infinite;}/* 深色方案 */.bg1.dark-layout {    background: linear-gradient(45deg, #121212 0%, #1e1e1e 15%, #2d3748 25%, #121212 35%, #283149 45%, #121212 55%, #332c39 65%, #121212 75%, #2d1b41 85%, #121212 100%);    background-size: 800% 800%;    animation: wlj-bg-flow 20s ease infinite;}/* 毛玻璃+高斯模糊效果 */#nsk-body {    /* 关键1：透明背景（rgba最后一位控制透明度，0.2=20%透明） */    background-color: rgba(255, 255, 255, 0.2);    /* 关键3：增强视觉边界（让毛玻璃块更立体） */    border: 1px solid rgba(255, 255, 255, 0.3);    /* 半透明边框 */    border-radius: 16px;    /* 圆角 */    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);    /* 外阴影增强层次 */}header {    /* 关键1：透明背景（rgba最后一位控制透明度，0.2=20%透明） */    background-color: rgba(255, 255, 255, 0.2);    /* 关键2：高斯模糊（15px=模糊强度，数值越大越糊） */    backdrop-filter: blur(2px);    /* 现代浏览器核心属性 */    -webkit-backdrop-filter: blur(2px);    /* 兼容Safari/Chrome旧版 */    /* 关键3：增强视觉边界（让毛玻璃块更立体） */    border: 1px solid rgba(255, 255, 255, 0.3);    /* 半透明边框 */}#nsk-left-panel-container .category-list {    /* 关键1：透明背景（rgba最后一位控制透明度，0.2=20%透明） */    background-color: rgba(255, 255, 255, 0.2);    /* 关键3：增强视觉边界（让毛玻璃块更立体） */    border: 1px solid rgba(255, 255, 255, 0.3);    /* 半透明边框 */}.user-card .user-stat[data-v-244123cf] {    background-color: rgb(232, 243, 255, 0.3) !important;}.dark-layout .user-card .user-stat[data-v-244123cf] {    background-color: rgb(59, 59, 59, 0.3) !important;}a.new-discussion {    background: linear-gradient(45deg, #38b2ac 0%, #3182ce 100%);    /* 青蓝渐变 */    box-shadow: 0 4px 15px rgba(56, 178, 172, 0.25);}a.new-discussion:hover {    background: linear-gradient(135deg, #48bb78 0%, #38b2ac 100%);    /* 青绿渐变（与默认有明显区分） */    box-shadow: 0 6px 20px rgba(72, 187, 120, 0.35);    /* 阴影颜色随主色变化 */}/* 深色模式 - 默认状态 */body.dark-layout a.new-discussion {    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);    /* 深灰渐变 */    box-shadow: 0 4px 15px rgba(74, 85, 104, 0.2);}/* 深色模式 - 悬停状态（明显颜色变化） */body.dark-layout a.new-discussion:hover {    background: linear-gradient(135deg, #334155 0%, #1e3a8a 100%);    /* 深灰蓝→暗靛蓝（低饱和） */    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.2);    /* 极淡的靛蓝色阴影，不突兀 */}

浅色

暗色