save

src/components/DictListPanel.vue

@@ -143,6 +143,7 @@ const groupedByCategoryAndTag = $computed(() => {
         gap: 6rem;
 
         &.active {
+          $main: rgb(64,158,255);
           border-bottom: 2px solid $main;
         }
 

src/components/Input.vue

@@ -67,7 +67,7 @@ useDisableEventListener(() => focus)
   }
 
   input {
-    font-family: $font-family;
+    font-family: var(--font-family);
     font-size: 18rem;
     outline: none;
     min-height: 20rem;

src/components/Ring.vue

@@ -64,6 +64,7 @@ $w2: calc($w / 2);
     position: absolute;
 
     .circle-full {
+      $item-hover: rgb(75, 75, 75);
       stroke: $item-hover;
     }
 

src/components/dialog/ArticleContentDialog.vue

@@ -34,7 +34,7 @@ onUnmounted(() => {
       :header="false"
       v-model="show">
     <div class="content">
-      <div class="article-content word-font-family">
+      <div class="article-content">
         <div class="title">
           <div>{{ article.title }}</div>
         </div>