feat: update UI

Author: SWHL

docs/stylesheets/extra.css

@@ -0,0 +1,124 @@
+@import url('https://static.zeoseven.com/zsft/292/main/result.css');
+
+body {
+    font-family: "LXGW WenKai";
+    font-weight: normal;
+}
+
+
+/*亮色样式*/
+[data-md-color-scheme="default"] {
+    /* --md-primary-fg-color: rgba(232, 232, 232, 0.7);
+  --md-header-bg-color: rgba(232, 232, 232, 0.7); */
+    --md-primary-fg-color: rgba(255, 255, 255, 0.7);
+    --md-header-bg-color: rgba(255, 255, 255, 0.7);
+    --md-typeset-a-color: steelblue;
+    --md-footer-bg-color: #f6f6f6;
+    --md-footer-bg-color--dark: #f6f6f6;
+    --md-footer-fg-color: #222;
+    --md-footer-fg-color--light: #505050;
+    --md-footer-fg-color--lighter: #777777;
+    --md-code-hl-comment-color: #999999;
+}
+
+/*暗色样式*/
+[data-md-color-scheme="slate"] {
+    --md-primary-fg-color: rgba(17, 16, 17, 0.7);
+    --md-header-bg-color: rgba(17, 16, 17, 0.7);
+    --md-typeset-a-color: royalblue;
+    --md-footer-bg-color: #101010;
+    --md-footer-bg-color--dark: #101010;
+    --md-code-hl-comment-color: #777777;
+}
+
+:root {
+    --admonition-border-left-width: 0.2rem;
+    --base-border-radius: 1rem;
+    /* --md-primary-fg-color: #FBFBFB;
+    --md-primary-fg-color--light: #FBFBFB;
+    --md-primary-fg-color--dark: #1E2129; */
+    /* --card-hover-shadow: 0 0 0.2rem #ffffff40; */
+}
+
+/* 卡片圆角与悬浮阴影 */
+.md-typeset .grid.cards>ul>li,
+.md-typeset .md-button,
+.md-typeset table:not([class]) {
+    border-radius: var(--base-border-radius);
+}
+
+.md-typeset .grid.cards>ul>li:hover {
+    box-shadow: var(--card-hover-shadow);
+}
+
+/* 页脚社交图标高度 */
+.md-social__link svg {
+    max-height: 1rem;
+}
+
+/* 搜索框及下拉结果圆角 */
+.md-search__form {
+    border-radius: var(--base-border-radius);
+}
+
+[data-md-toggle="search"]:checked~.md-header .md-search__form {
+    border-top-right-radius: var(--base-border-radius);
+    border-top-left-radius: var(--base-border-radius);
+}
+
+[dir="ltr"] .md-search__output {
+    border-bottom-right-radius: var(--base-border-radius);
+    border-bottom-left-radius: var(--base-border-radius);
+}
+
+/* 可选：如需恢复代码块、警告框等样式，取消注释即可 */
+/*
+.highlight span.filename {
+  border-bottom: none;
+  border-radius: var(--base-border-radius);
+  display: inline;
+  font-family: var(--md-code-font-family);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-bottom: 5px;
+  text-align: center;
+}
+.highlight span.filename + pre > code,
+.md-typeset pre > code {
+  border-radius: var(--base-border-radius);
+  border-top-left-radius: 0;
+}
+.md-typeset .admonition {
+  border-width: 0px;
+  border-left-width: var(--admonition-border-left-width);
+}
+[dir="ltr"] .md-typeset blockquote {
+  border-radius: 0.2rem;
+  border-left-width: var(--admonition-border-left-width);
+}
+*/
+
+/* 可选：博客相关样式，按需启用 */
+
+/* .md-post--excerpt {
+  background-color: rgba(68,138,255,.1);
+  box-shadow: 0 0 0 1rem rgba(68,138,255,.1);
+  border-radius: var(--base-border-radius);
+}
+.md-post--excerpt .md-post__header {
+  justify-content: left;
+}
+.md-post--excerpt .md-post__content > h2,
+.md-post__action {
+  text-align: left;
+} */
+
+
+/* 让所有admonition（包括!!! tip）圆角化且更自然 */
+.md-typeset .admonition,
+.md-typeset details {
+    border-radius: 1.5em;
+    box-shadow: 0 2px 12px 0 rgba(60, 60, 60, 0.07);
+    transition: border-radius 0.4s cubic-bezier(.4, 2, .6, 1), box-shadow 0.3s;
+    overflow: hidden;
+}

mkdocs.yml

@@ -38,25 +38,28 @@ theme:
     - toc.follow # 目录跟踪-页面右侧的小目录
 
   palette:
-    - media: "(prefers-color-scheme)"
+    - media: "(prefers-color-scheme)" # 系统主题
       toggle:
-        icon: material/brightness-auto
-        name: Switch to light mode
-
-    - media: "(prefers-color-scheme: light)"
+        icon: material/theme-light-dark
+        name: 系统主题
+    - media: "(prefers-color-scheme: light)" # 亮色主题
       scheme: default
+      primary: white
+      accent: light blue
       toggle:
-        icon: material/brightness-7
-        name: Switch to dark mode
-
-    - media: "(prefers-color-scheme: dark)"
+        icon: material/weather-sunny
+        name: 明亮主题
+    - media: "(prefers-color-scheme: dark)" # 暗色主题
       scheme: slate
+      primary: black
+      accent: yellow
       toggle:
-        icon: material/brightness-4
-        name: Switch to system preference
+        icon: material/weather-night
+        name: 暗黑主题
 
+  favicon: favicon-lightning.svg
   icon:
-    logo: logo
+    logo: material/bolt
     previous: fontawesome/solid/angle-left
     next: fontawesome/solid/angle-right
     repo: fontawesome/brands/github
@@ -100,6 +103,10 @@ hooks:
   - hooks/change_copyright.py
   - hooks/link.py
 
+extra_css:
+  - stylesheets/extra.css
+  - https://static.zeoseven.com/zsft/292/main/result.css
+
 link_pages:
   - changelog/*.md
   - faq/*.md