样式上一些调整，颜色使用主题变量

Author: cumany

styles.css

@@ -133,7 +133,7 @@ settings:
         alt-format:
             -
                 id: floating-toc-highlight-color-rgb
-                format: rgb-values
+                format: hsl-values
         default: '#ff8000'
     - 
         id: floating-toc-line-color
@@ -299,8 +299,8 @@ settings:
   --floating-toc-font-color: var(--text-normal);
   --floating-toc-hover-color: var(--text-accent-hover);
   --floating-toc-font-size: 0.7rem;
-  --floating-toc-highlight-color: var(--text-highlight-bg-active);
-  --floating-toc-highlight-color-rgb: 255, 128, 0;
+  --floating-toc-highlight-color: var(--text-accent);
+  --floating-toc-highlight-color-rgb: var(--interactive-accent-hsl);
   --floating-toc-line-color: var(--text-accent);
   --floating-toc-line-height: 1.5rem;
   --floating-toc-response-time: 0.3s;
@@ -312,12 +312,12 @@ settings:
 
 .theme-light {
   --floating-toc-header-background-color: var(--background-primary);
-  --floating-toc-background-color: rgba(221, 221, 221, 0.3);
+  --floating-toc-background-color: transparent;
 }
 
 .theme-dark {
-  --floating-toc-header-background-color: rgb(32 32 32 / 77%);
-  --floating-toc-background-color: rgba(32, 32, 32, 0.4);
+  --floating-toc-header-background-color: var(--background-primary);
+  --floating-toc-background-color: transparent;
 }
 
 
@@ -348,7 +348,7 @@ div.workspace-leaf-content[data-type="style-settings"] div.style-settings-headin
 
 
 .heading-list-item.located .line-wrap .line {
-  background: rgb(var(--floating-toc-highlight-color-rgb), 0.8);
+  background: hsla(var(--floating-toc-highlight-color-rgb), 0.8);
   height: 2.5px;
 }
 
@@ -357,7 +357,9 @@ div.workspace-leaf-content[data-type="style-settings"] div.style-settings-headin
 }
 
 .heading-list-item .text-wrap.located .text {
-  background-color: rgba(var(--floating-toc-highlight-color-rgb), 0.4);
+  /* background-color: hsla(var(--floating-toc-highlight-color-rgb), 0.4); */
+  color:var(--color-accent);
+font-weight: bold !important;
 }
 
 .heading-list-item {
@@ -407,6 +409,7 @@ div.workspace-leaf-content[data-type="style-settings"] div.style-settings-headin
   align-items: center;
   animation: textAppear-72a6a55b 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
   position: relative;
+  text-wrap: inherit;
 }
 
 @keyframes textAppear-72a6a55b {
@@ -425,7 +428,6 @@ div.workspace-leaf-content[data-type="style-settings"] div.style-settings-headin
   text-decoration: none;
   cursor: pointer;
   color: var(--floating-toc-font-color);
-  backdrop-filter: blur(5px);
   background: var(--floating-toc-header-background-color);
 }
 
@@ -570,11 +572,12 @@ body.enable-heading-nowrap .heading-list-item .text-wrap .text {
   margin: 0;
   padding: 0;
   position: absolute;
-  top: 95px;
+  top: 100px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   bottom: 40px;
+  border-radius:var(--radius-s);
   /* width: 13rem; */
   scroll-behavior: smooth;
   max-height: calc(100% - 135px);
@@ -736,7 +739,7 @@ body.enable-heading-nowrap .floating-toc:hover .heading-list-item>.text-wrap {
 
 .floating-right.floating-toc-div .toolbar.pin {
   right: 10px;
-
+ left:unset;
 }
 
 
@@ -789,10 +792,10 @@ body.enable-heading-nowrap .floating-toc:hover .heading-list-item>.text-wrap {
   display: list-item;
   opacity: 0.8;
   z-index: 2;
-  background: var(--floating-toc-background-color);
   position: fixed;
   top: 75px;
-  margin-left: 10px;
+  left: 0;
+  width: 6rem;
 }
 
 .floating-toc-div.pin .toolbar.pin {