更改了页面右侧功能区的样式

style/base.css

@@ -1291,4 +1291,19 @@ del {
   margin: 0;
   border-radius: 5px;
   font: 300 12px 'd9c', 'd9';
+}
+
+.controlSpan {
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: 'd9', sans-serif;
+  font-size: 16px;
+  height: 30px;
+  width: 30px;
+  transition: background-color 0.3s, transform 0.2s;
+  z-index: 20;
 }

style/color.css

@@ -223,4 +223,11 @@ div.medium-zoom-overlay{
   &>p{
     background-color: var(--background-color);
   }
+}
+
+.controlSpan{
+  background-color: var(--span-color);
+  &>svg{
+    stroke: var(--span-fill-color);
+  }
 }

style/dark.css

@@ -20,6 +20,9 @@ body.dark {
   -webkit-tap-highlight-color: rgb(0, 0, 0);
 
   --special-theme-position-backgound-color: #177500;
+
+  --span-color: #2020203a;
+  --span-fill-color: #3c7e7e;
 }
 
 body.dark .sidebar li>a:has(>img) {

style/light.css

@@ -20,6 +20,9 @@ body.light {
   -webkit-tap-highlight-color: rgb(255, 255, 255);
   
   --special-theme-position-backgound-color: #05a000;
+
+  --span-color: #e0e0e03a;
+  --span-fill-color: #008585;
 }
 
 body.light .sidebar li>a:has(>img) {