save

src/pages/dict/components/ArticleDictDetail.vue

@@ -359,7 +359,7 @@ defineExpose({getDictDetail, add, editDict})
           <Empty v-else/>
         </div>
       </div>
-      <div class="article-content word-font-family">
+      <div class="article-content">
         <div class="title">
           <div>{{ article.title }}</div>
           <BaseIcon

src/pages/practice/Statistics.vue

@@ -128,6 +128,10 @@ const isEnd = $computed(() => {
 <style scoped lang="scss">
 @import "@/assets/css/style";
 
+$card-radius: 8rem;
+$dark-second-bg: rgb(60, 63, 65);
+$item-hover: rgb(75, 75, 75);
+
 .statistics {
   width: 800rem;
   padding: var(--space);
@@ -184,6 +188,7 @@ const isEnd = $computed(() => {
       }
 
       .notice {
+        $main: rgb(64,158,255);
         background: $main;
         height: 40rem;
         display: flex;

src/pages/practice/practice-word/Typing.vue

@@ -223,7 +223,7 @@ defineExpose({del, showWord, hideWord, play})
 
   .phonetic {
     margin-top: 5rem;
-    font-family: $word-font-family;
+    font-family: var(--word-font-family);
   }
 
   .translate {
@@ -259,7 +259,7 @@ defineExpose({del, showWord, hideWord, play})
     .word {
       font-size: 48rem;
       line-height: 1;
-      font-family: $word-font-family;
+      font-family: var(--word-font-family);
       letter-spacing: 5rem;
 
       .input {

src/pages/practice/practice-word/TypingWord.vue

@@ -406,7 +406,7 @@ onUnmounted(() => {
     .word {
       font-size: 24rem;
       margin-bottom: 4rem;
-      font-family: $word-font-family;
+      font-family: var(--word-font-family);
     }
 
     .prev {