luckyphoenix 1.0.1 → 1.0.2

package/css/alist_skin_v3.css

@@ -1,242 +1,217 @@
-
-@import url("./colorful.css");/*渐变*/
-@import url("./alist_wallpaper.css");/*背景*/
-@import url("https://cdn.bootcdn.net/ajax/libs/font-awesome/6.5.2/css/all.min.css");
-@import url('https://npm.elemecdn.com/lxgw-wenkai-webfont@1.7.0/lxgwwenkai-regular.css');
-@import url('https://npm.elemecdn.com/lxgw-wenkai-webfont@1.7.0/lxgwwenkaimono-regular.css');
-/*@import url("./style.css");LGXWWenKai Font*/
-/* reference: https://github.com/anosu/alist-style/blob/main/moe/style-v3.css */
-
-/*全局字体*/
-* {
-    font-family: "LXGW WenKai", math, "楷体", "Trebuchet MS", "Times New Roman";
-    font-weight: bold;
-}
-
-body {
-    font-family: "LXGW WenKai", math, "楷体", "Trebuchet MS", "Times New Roman";
-}
-
-pre,
-code {
-    font-family: "LXGW WenKai Mono", math, "楷体", "Trebuchet MS", "Times New Roman";
-}
-
-/* * {
-    padding: 0;
-    margin: 0;
-    font-family: math, "楷体", "Trebuchet MS", "Times New Roman";
-    font-style: normal;
-    font-weight: 700;
-    font-display: swap;
-    outline: none !important
-} */
-
-/*最小化高度*/
-.body {
-    min-height: 0% !important;
-}
-
-/*文本居中*/
-.hope-select__value,
-.hope-modal__header {
-    text-align: center !important;
-}
-
-/*图标 颜色*/
-a>svg.hope-icon,
-div>svg.hope-icon {
-    color: rgb(24, 144, 255) !important;
-}
-
-
-.nav.hope-c-hrsMRY/*导航条*/,
-.nav.hope-c-hrsMRY::after/*导航条*/,
-.header.hope-c-jKOUQW.hope-c-PJLV/*顶部*/ {
-    border-radius: var(--hope-radii-xl) !important;/*边框半径*/
-    background: rgba(255, 255, 255, 0) !important;/*无色透明*/
-}
-
-/*白天模式 透明*/
-.hope-ui-light .obj-box/*主目录*/,
-.hope-ui-light .nav.hope-c-hrsMRY/*导航栏*/,
-.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css/*readme*/,
-.hope-ui-light .hope-c-PJLV-ihVEsOa-css/*返回顶部*/,
-.hope-ui-light .left-toolbar/*右侧按钮 扩展*/,
-.hope-ui-light .left-toolbar-box .svg/*右侧按钮 收缩*/,
-.hope-ui-light .hope-c-PJLV-ieGWMbI-css/*左侧侧边栏目录*/,
-.hope-ui-light .header-right .hope-c-ivMHWx-hZistB-cv.hope-icon-button/*右上角切换按钮*/,
-.hope-ui-light .header-right .hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikEIIxw-css/*右上角搜索框*/ {
-    background-color: rgba(255, 255, 255, 0.5) !important/* rgba(24, 144, 255, 0.15) */;
-    
-}
-
-/*白天模式 代码块 透明*/
-.hope-ui-light pre {
-    background-color: rgba(255, 255, 255, 0.1)!important;
-}
-/*夜间模式 代码块 透明*/
-.hope-ui-dark pre {
-    background-color: rgba(255, 255, 255, 0)!important;
-}
-
-/*夜间模式 透明*/
-.hope-ui-dark .obj-box/*主目录*/,
-.hope-ui-dark .nav.hope-c-hrsMRY/*导航栏*/,
-.hope-c-PJLV.hope-c-PJLV-iiuDLME-css/*readme*/,
-.hope-ui-dark .hope-c-PJLV-ihVEsOa-css/*返回顶部*/,
-.hope-ui-dark .left-toolbar/*右侧按钮 扩展*/,
-.hope-ui-dark .left-toolbar-box .svg/*右侧按钮 收缩*/,
-.hope-ui-dark .hope-c-PJLV-ieGWMbI-css/*左侧侧边栏目录*/,
-.hope-ui-dark .header-right .hope-c-ivMHWx-hZistB-cv.hope-icon-button/*右上角切换按钮*/,
-.hope-ui-dark .header-right .hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikEIIxw-css/*右上角搜索框*/ {
-    background-color: #202425 !important/* rgb(0 0 0 / 50%) */;
-    
-}
-
-/*鼠标悬浮 颜色*/
-.left-toolbar-box svg:hover,
-.header-right .hope-c-ivMHWx-hZistB-cv.hope-icon-button:hover,
-.header-right .hope-c-ivMHWx-hZistB-cv.hope-icon-button:hover svg,
-.header-right .hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikEIIxw-css:hover,
-.header-right .hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikEIIxw-css:hover svg {
-    color: white !important;
-    background-color: #1890ff !important;
-}
-
-/*搜索框 居中*/
-.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikEIIxw-css {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center/* 在主轴上居中 */;
-    align-items: center/* 在交叉轴上居中 */;
-}
-
-/*搜索框 隐藏CTRL+K*/
-.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikEIIxw-css>div.hope-c-PJLV-ihYBJPK-css {
-    display: none !important;
-}
-
-/*白天模式 搜索按钮+毛玻璃*/
-.hope-ui-light .hope-c-PJLV-ikEIIxw-css {
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(10px) !important;
-    padding: var(--hope-space-1) !important;
-}
-
-/*夜间模式 搜索按钮+毛玻璃*/
-.hope-ui-dark .hope-c-PJLV-ikEIIxw-css {
-    background-color: rgb(0 0 0 / 10%) !important;
-    backdrop-filter: blur(10px) !important;
-    padding: var(--hope-space-1) !important;
-}
-
-/*白天模式 搜索主体+毛玻璃*/
-.hope-ui-light .hope-c-PJLV-iiBaxsN-css {
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(10px) !important;
-}
-
-/*夜间模式 搜索主体+毛玻璃*/
-.hope-ui-dark .hope-c-PJLV-iiBaxsN-css {
-    background-color: rgb(0 0 0 / 10%) !important;
-    backdrop-filter: blur(10px) !important;
-}
-
-/*白天模式 搜索栏+毛玻璃*/
-/* .hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled {
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(10px) !important;
-} */
-
-/*夜间模式 搜索栏+毛玻璃*/
-/* .hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled {
-    background-color: rgb(0 0 0 / 10%) !important;
-    backdrop-filter: blur(10px) !important;
-} */
-
-/*底部 隐藏*/
-.footer {
-    display: none !important;
-}
-
-#footer {
-    line-height: 50px;
-    text-align: center;
-    letter-spacing: 1px;
-}
-
-/* <!--音乐播放器所用的文件-->
-<!-- require APlayer -->
-<link rel="stylesheet" href="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.css">
-<script src="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.js"></script>
-<!-- require MetingJS -->
-<script src="https://npm.elemecdn.com/meting2@0.0.1/js/Meting.min.js"></script>
-<!-- 自行配置音乐选项 auto 内容 -->
-<meting-js fixed="true" autoplay="false" theme="#409EFF" list-folded="true" auto="https://y.qq.com/n/ryqq/playlist/766443746.html"></meting-js> */
-.aplayer,.aplayer-body,
-.aplayer-list ol::-webkit-scrollbar-track {
-    /* backdrop-filter: blur(10px) !important; */
-    background: rgba(255, 255, 255, 0) !important;/*无色透明*/
-}
-.hope-ui-light .aplayer-list,
-.hope-ui-light .aplayer-pic,
-.hope-ui-light .aplayer-info,
-.hope-ui-light .aplayer-notice,
-.hope-ui-light .aplayer-miniswitcher {
-    border: none !important;
-    border-top-width: 0px !important;
-    border-radius: 2px 2px 2px 2px !important;
-    background-color: rgba(255, 255, 255, 0.5) !important;
-}
-/* 当前播放歌曲 白天模式 */
-.hope-ui-light .aplayer-list-light {
-    background-color: #edf0f3 !important;
-}
-.hope-ui-dark .aplayer-list,
-.hope-ui-dark .aplayer-pic,
-.hope-ui-dark .aplayer-info,
-.hope-ui-dark .aplayer-notice,
-.hope-ui-dark .aplayer-miniswitcher {
-    border: none !important;
-    border-radius: 2px 2px 2px 2px !important;
-    background-color: #202425 !important;
-}
-/* 当前播放歌曲 夜间模式 */
-.hope-ui-dark .aplayer-list-light {
-    background-color: #999 !important;
-}
-.aplayer-time-inner {
-    color: #666 !important;
-}
-.aplayer-play,
-.aplayer-pause {
-    border-color: rgb(24, 144, 255) !important;
-}
-.aplayer-icon path,
-.aplayer-button path {
-    fill: rgb(24, 144, 255) !important;
-}
-.aplayer-icon:hover path {
-    fill: rgba(24, 200, 255) !important;
-}
-/* 播放列表 */
-.aplayer-list ol li {
-    border-top-width: 0px !important;
-}
-.aplayer-list ol li:hover {
-    background: transparent !important;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
-}
-/* 鼠标滑块 */
-.aplayer-list ol::-webkit-scrollbar-thumb {
-    background-color: rgba(24, 144, 255) !important;
-}
-/*音乐播放器折叠隐藏*/
-.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
-    left: -66px !important;
-}
-.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
-    left: 0 !important;
-}
+@import url("./colorful.css");/*渐变*/
+@import url("./alist_wallpaper.css");/*背景*/
+@import url("https://cdn.bootcdn.net/ajax/libs/font-awesome/6.5.2/css/all.min.css");
+@import url('https://npm.elemecdn.com/lxgw-wenkai-webfont@1.7.0/lxgwwenkai-regular.css');
+@import url('https://npm.elemecdn.com/lxgw-wenkai-webfont@1.7.0/lxgwwenkaimono-regular.css');
+/*@import url("./style.css");LGXWWenKai Font*/
+/* reference: https://github.com/anosu/alist-style/blob/main/moe/style-v3.css */
+/* reference: https://github.com/kasuie/alist-customize/blob/main/v3/css/index.css */
+
+/*全局字体*/
+* {
+  font-family: "LXGW WenKai", math, "楷体", "Trebuchet MS", "Times New Roman";
+  font-weight: bold;
+}
+
+body {
+  font-family: "LXGW WenKai", math, "楷体", "Trebuchet MS", "Times New Roman";
+}
+
+pre,
+code {
+  font-family: "LXGW WenKai Mono", math, "楷体", "Trebuchet MS", "Times New Roman";
+}
+
+/* * {
+  padding: 0;
+  margin: 0;
+  font-family: math, "楷体", "Trebuchet MS", "Times New Roman";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  outline: none !important
+} */
+
+/*最小化高度*/
+.body {
+  min-height: 0% !important;
+}
+
+/*文本居中*/
+.hope-select__value,
+.hope-modal__header {
+  text-align: center !important;
+}
+
+/*图标 颜色*/
+button svg,
+a svg.hope-icon,
+div svg.hope-icon {
+  color: rgb(24, 144, 255) !important;
+}
+
+.header/*顶部*/,
+.nav.hope-breadcrumb/*导航条*/,
+.nav.hope-breadcrumb::after/*导航条*/ {
+  border-radius: var(--hope-radii-xl) !important;/*边框半径*/
+  background: rgba(255, 255, 255, 0) !important;/*无色透明*/
+}
+
+/*白天模式 透明*/
+.hope-ui-light .obj-box/*主目录*/,
+.hope-ui-light .nav.hope-breadcrumb/*导航栏*/,
+.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css/*readme*/,
+.hope-ui-light .hope-c-PJLV-ihVEsOa-css/*返回顶部*/,
+.hope-ui-light .left-toolbar/*工具栏 扩展*/,
+.hope-ui-light .header-right div/*右上角搜索快捷键*/,
+.hope-ui-light .left-toolbar-box .svg/*工具栏 收缩*/,
+.hope-ui-light .hope-c-PJLV-ieGWMbI-css/*左侧侧边栏目录*/,
+.hope-ui-light .header-right button.hope-menu__trigger/*右上角视图切换按钮*/ {
+  background-color: rgba(255, 255, 255, 0.5) !important/* rgba(24, 144, 255, 0.15) */;
+}
+/*夜间模式 透明*/
+.hope-ui-dark .obj-box/*主目录*/,
+.hope-ui-dark .nav.hope-breadcrumb/*导航栏*/,
+.hope-c-PJLV.hope-c-PJLV-iiuDLME-css/*readme*/,
+.hope-ui-dark .hope-c-PJLV-ihVEsOa-css/*返回顶部*/,
+.hope-ui-dark .left-toolbar/*工具栏 扩展*/,
+.hope-ui-dark .header-right div/*右上角搜索快捷键*/,
+.hope-ui-dark .left-toolbar-box .svg/*工具栏 收缩*/,
+.hope-ui-dark .hope-c-PJLV-ieGWMbI-css/*左侧侧边栏目录*/,
+.hope-ui-dark .header-right button.hope-menu__trigger/*右上角视图切换按钮*/ {
+  background-color: #202425 !important/* rgb(0 0 0 / 50%) */;
+}
+
+/*搜索快捷键 居中*/
+.header-right div {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  justify-content: center/* 在主轴上居中 */;
+  align-items: center/* 在交叉轴上居中 */;
+}
+/*搜索快捷键 隐藏CTRL+K*/
+.header-right div div {
+	display: none !important;
+}
+
+/*白天模式 搜索主体+毛玻璃*/
+.hope-ui-light .hope-modal__content {
+  background-color: rgba(255, 255, 255, 0.2) !important;
+  backdrop-filter: blur(5px) !important;
+}
+/*夜间模式 搜索主体+毛玻璃*/
+.hope-ui-dark .hope-modal__content {
+  background-color: rgb(0 0 0 / 10%) !important;
+  backdrop-filter: blur(5px) !important;
+}
+
+/*白天模式 搜索按钮+毛玻璃*/
+.hope-ui-light .hope-modal__body button {
+  background-color: rgba(255, 255, 255, 0.2) !important;
+  backdrop-filter: blur(5px) !important;
+  padding: var(--hope-space-1) !important;
+}
+/*夜间模式 搜索按钮+毛玻璃*/
+.hope-ui-dark .hope-modal__body button {
+  background-color: rgb(0 0 0 / 10%) !important;
+  backdrop-filter: blur(5px) !important;
+  padding: var(--hope-space-1) !important;
+}
+
+/*鼠标悬浮 颜色*/
+.left-toolbar-box svg:hover,
+.header-right div:hover,
+.header-right div:hover svg,
+.header-right div:hover,
+.header-right div:hover svg ,
+.header-right button.hope-menu__trigger:hover,
+.header-right button.hope-menu__trigger:hover svg{
+  color: white !important;
+  background-color: #1890ff !important;
+}
+
+/*底部 隐藏*/
+.footer {
+  display: none !important;
+}
+
+#footer {
+  line-height: 50px;
+  text-align: center;
+  letter-spacing: 1px;
+}
+
+/* <!--音乐播放器所用的文件-->
+<!-- require APlayer -->
+<link rel="stylesheet" href="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.css">
+<script src="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.js"></script>
+<!-- require MetingJS -->
+<script src="https://npm.elemecdn.com/meting2@0.0.1/js/Meting.min.js"></script>
+<!-- 自行配置音乐选项 auto 内容 -->
+<meting-js fixed="true" autoplay="false" theme="#409EFF" list-folded="true" auto="https://y.qq.com/n/ryqq/playlist/766443746.html"></meting-js> */
+.aplayer,.aplayer-body,
+.aplayer-list ol::-webkit-scrollbar-track {
+  /* backdrop-filter: blur(10px) !important; */
+  background: rgba(255, 255, 255, 0) !important;/*无色透明*/
+}
+.hope-ui-light .aplayer-list,
+.hope-ui-light .aplayer-pic,
+.hope-ui-light .aplayer-info,
+.hope-ui-light .aplayer-notice,
+.hope-ui-light .aplayer-miniswitcher {
+  border: none !important;
+  border-top-width: 0px !important;
+  border-radius: 2px 2px 2px 2px !important;
+  background-color: rgba(255, 255, 255, 0.5) !important;
+}
+/* 当前播放歌曲 白天模式 */
+.hope-ui-light .aplayer-list-light {
+  background-color: #edf0f3 !important;
+}
+.hope-ui-dark .aplayer-list,
+.hope-ui-dark .aplayer-pic,
+.hope-ui-dark .aplayer-info,
+.hope-ui-dark .aplayer-notice,
+.hope-ui-dark .aplayer-miniswitcher {
+  border: none !important;
+  border-radius: 2px 2px 2px 2px !important;
+  background-color: #202425 !important;
+}
+/* 当前播放歌曲 夜间模式 */
+.hope-ui-dark .aplayer-list-light {
+  background-color: #999 !important;
+}
+.aplayer-time-inner {
+  color: #666 !important;
+}
+.aplayer-play,
+.aplayer-pause {
+  border-color: rgb(24, 144, 255) !important;
+}
+.aplayer-icon path,
+.aplayer-button path {
+  fill: rgb(24, 144, 255) !important;
+}
+.aplayer-icon:hover path {
+  fill: rgba(24, 200, 255) !important;
+}
+/* 播放列表 */
+.aplayer-list ol li {
+  border-top-width: 0px !important;
+}
+.aplayer-list ol li:hover {
+  background: transparent !important;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
+}
+/* 鼠标滑块 */
+.aplayer-list ol::-webkit-scrollbar-thumb {
+  background-color: rgba(24, 144, 255) !important;
+}
+/*音乐播放器折叠隐藏*/
+.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
+  left: -66px !important;
+}
+.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
+  left: 0 !important;
+}

package/css/alist_wallpaper.css

@@ -1,49 +1,49 @@
-/* @import "/css/wallpaper.css"; */
-/* 背景图片:
-    必应：https://wall.youtd.cc/bing.php; https://api.paugram.com/bing/; https://baotangguo.cn:8081/; https://free-api.lsoex.com/v1/bing.php;
-    https://bing.img.run/uhd.php; https://bing.img.run/1920x1080.php; https://bing.img.run/1366x768.php; https://bing.img.run/m.php;
-    https://api.dujin.org/bing/1920.php; https://api.dujin.org/bing/m.php; https://api.dujin.org/bing/1366.php;
-    https://www.yumus.cn/api/?target=img&brand=bing&ua=uhd; https://www.yumus.cn/api/?target=img&brand=bing&ua=pc; https://www.yumus.cn/api/?target=img&brand=bing&ua=m; // https://www.yumus.cn/apidoc
-    https://api.timecdn.cn/libs/wallpaper/v1/?p=1920x1080; https://api.timecdn.cn/libs/wallpaper/v1/?p=1080x1920; https://api.timecdn.cn/libs/wallpaper/v1/?p=1366x768;
-    樱花：https://www.dmoe.cc
-    夏沫：https://cdn.seovx.com
-    搏天：https://api.btstu.cn/doc/sjbz.php
-    姬长信：https://github.com/insoxin/API
-    小歪：https://www.ixiaowai.cn/#works
-    保罗：https://api.paugram.com
-    墨天逸：https://api.mtyqx.cn
-    岁月小筑：https://img.xjh.me
-    东方Project：https://img.paulzzh.com
-*/
-
-/* class="hope-ui-light" */
-.hope-ui-light {
-    background-image: url(../bing/FHD.jpg),
-        url(https://wall.youtd.cc/bing.php), url(https://api.paugram.com/bing), url(https://baotangguo.cn:8081),
-        url(https://bing.img.run/1920x1080.php), url(https://api.timecdn.cn/libs/wallpaper/v1/?p=1920x1080),
-        url(https://api.dujin.org/bing/1920.php), url(https://www.yumus.cn/api/?target=img&brand=bing&ua=pc), 
-        url(https://www.bing.com/th?id=OHR.SestriLevante_ZH-CN9286254645_1920x1080.jpg);
-    background-position: center;
-    background-attachment: fixed;
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-color: #fff !important;
-}
-
-@media screen and (max-width:960px) {
-    .hope-ui-light {
-        background-image: url(../bing/mFHD.jpg),
-            url(https://bing.img.run/m.php), url(https://api.timecdn.cn/libs/wallpaper/v1/?p=1080x1920),
-            url(https://api.dujin.org/bing/m.php), url(https://www.yumus.cn/api/?target=img&brand=bing&ua=m),
-            url(https://www.bing.com/th?id=OHR.SestriLevante_ZH-CN9286254645_1080x1920.jpg);
-        background-position: center;
-        background-attachment: fixed;
-        background-size: cover;
-        background-repeat: no-repeat;
-        background-color: #fff !important;
-    }
-}
-
-.hope-ui-dark {
-    background-color: #555555 !important;
+/* @import "/css/wallpaper.css"; */
+/* 背景图片:
+    必应：https://wall.youtd.cc/bing.php; https://api.paugram.com/bing/; https://baotangguo.cn:8081/; https://free-api.lsoex.com/v1/bing.php;
+    https://bing.img.run/uhd.php; https://bing.img.run/1920x1080.php; https://bing.img.run/1366x768.php; https://bing.img.run/m.php;
+    https://api.dujin.org/bing/1920.php; https://api.dujin.org/bing/m.php; https://api.dujin.org/bing/1366.php;
+    https://www.yumus.cn/api/?target=img&brand=bing&ua=uhd; https://www.yumus.cn/api/?target=img&brand=bing&ua=pc; https://www.yumus.cn/api/?target=img&brand=bing&ua=m; // https://www.yumus.cn/apidoc
+    https://api.timecdn.cn/libs/wallpaper/v1/?p=1920x1080; https://api.timecdn.cn/libs/wallpaper/v1/?p=1080x1920; https://api.timecdn.cn/libs/wallpaper/v1/?p=1366x768;
+    樱花：https://www.dmoe.cc
+    夏沫：https://cdn.seovx.com
+    搏天：https://api.btstu.cn/doc/sjbz.php
+    姬长信：https://github.com/insoxin/API
+    小歪：https://www.ixiaowai.cn/#works
+    保罗：https://api.paugram.com
+    墨天逸：https://api.mtyqx.cn
+    岁月小筑：https://img.xjh.me
+    东方Project：https://img.paulzzh.com
+*/
+
+/* class="hope-ui-light" */
+.hope-ui-light {
+    background-image: 
+        url(https://wall.youtd.cc/bing.php), url(https://api.paugram.com/bing), url(https://baotangguo.cn:8081),
+        url(https://bing.img.run/1920x1080.php), url(https://api.timecdn.cn/libs/wallpaper/v1/?p=1920x1080),
+        url(https://api.dujin.org/bing/1920.php), url(https://www.yumus.cn/api/?target=img&brand=bing&ua=pc), 
+        url(https://www.bing.com/th?id=OHR.BeachHutsSweden_ZH-CN4193150313_1920x1080.jpg), url(../bing/FHD.jpg);
+    background-position: center;
+    background-attachment: fixed;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-color: #fff !important;
+}
+
+@media screen and (max-width:960px) {
+    .hope-ui-light {
+        background-image: 
+            url(https://bing.img.run/m.php), url(https://api.timecdn.cn/libs/wallpaper/v1/?p=1080x1920),
+            url(https://api.dujin.org/bing/m.php), url(https://www.yumus.cn/api/?target=img&brand=bing&ua=m),
+            url(https://www.bing.com/th?id=OHR.BeachHutsSweden_ZH-CN4193150313_1080x1920.jpg), url(../bing/mFHD.jpg);
+        background-position: center;
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-color: #fff !important;
+    }
+}
+
+.hope-ui-dark {
+    background-color: #555555 !important;
 }