From c7566bba45e6f90594d36ec4b80ac4ff89f577ee Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 08 十月 2026 14:19:36 +0800
Subject: [PATCH] 项目重构

---
 src/assets/styles/index.scss |   61 ++++++++++++++++++++++--------
 1 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 87898e6..64bf9b2 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -1,9 +1,16 @@
+// 璁捐 token 蹇呴』鏈�鍏堝姞杞斤紝渚涘悗缁悇灞傚紩鐢�
+@use './theme/tokens.scss';
+// element-plus 鐨偆锛氬叏灞�缁勪欢瑙傛劅鐨勪富鏉犳潌
+@use './theme/element.scss';
+// 鏆楄壊鏀跺彛锛堢敤 html.dark 鎻愰珮浼樺厛绾э紝鏁呮斁鍦ㄧ毊鑲ゅ眰涔嬪悗锛�
+@use './theme/dark.scss';
 @use './mixin.scss';
 @use './transition.scss';
 @use './element-ui.scss';
 @use './sidebar.scss';
-@use './btn.scss';
 @use './ruoyi.scss';
+// 涓氬姟澶嶇敤绫荤殑鍏滃簳 skin 鏀炬渶鍚�
+@use './theme/lims.scss';
 
 body {
   height: 100%;
@@ -15,7 +22,7 @@
 }
 
 label {
-  font-weight: 700;
+  font-weight: 600;
 }
 
 html {
@@ -42,8 +49,17 @@
 }
 
 a:focus,
-a:active {
+a:active,
+div:focus {
   outline: none;
+}
+
+/* 榧犳爣瑙﹀彂涓嶆樉绀鸿疆寤擄紝閿洏瀵艰埅蹇呴』鍙 */
+a:focus-visible,
+div:focus-visible {
+  outline: 2px solid var(--el-color-primary);
+  outline-offset: 2px;
+  border-radius: 3px;
 }
 
 a,
@@ -52,10 +68,6 @@
   cursor: pointer;
   color: inherit;
   text-decoration: none;
-}
-
-div:focus {
-  outline: none;
 }
 
 .fr {
@@ -98,30 +110,35 @@
 }
 
 aside {
-  background: #eef1f6;
+  background: var(--lims-surface-2);
   padding: 8px 24px;
   margin-bottom: 20px;
-  border-radius: 2px;
+  border-radius: var(--lims-radius-sm);
   display: block;
   line-height: 32px;
   font-size: 16px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  color: #2c3e50;
+  color: var(--lims-text);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
   a {
-    color: #337ab7;
+    color: var(--el-color-primary);
     cursor: pointer;
 
     &:hover {
-      color: rgb(32, 160, 255);
+      color: var(--el-color-primary-light-3);
     }
   }
 }
 
 //main-container鍏ㄥ眬鏍峰紡
 .app-container {
+  padding: 20px;
+}
+
+// 鑳藉姏鑼冨洿椤甸潰鐨勫鍣ㄥ唴杈硅窛
+.capacity-scope {
   padding: 20px;
 }
 
@@ -141,8 +158,7 @@
   width: 100%;
   text-align: right;
   padding-right: 20px;
-  transition: 600ms ease position;
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+  background: linear-gradient(90deg, var(--el-color-primary) 0%, var(--el-color-primary-dark-2) 100%);
 
   .subtitle {
     font-size: 20px;
@@ -160,11 +176,11 @@
 
 .link-type,
 .link-type:focus {
-  color: #337ab7;
+  color: var(--el-color-primary);
   cursor: pointer;
 
   &:hover {
-    color: rgb(32, 160, 255);
+    color: var(--el-color-primary-light-3);
   }
 }
 
@@ -177,3 +193,16 @@
     margin-bottom: 10px;
   }
 }
+
+// 灏婇噸绯荤粺鐨勩�屽噺灏戝姩鎬佹晥鏋溿�嶅亸濂姐�傚仛鎴愬叏灞�鍏滃簳锛屼笟鍔￠〉鏃犻渶鍚勮嚜澶勭悊銆�
+@media (prefers-reduced-motion: reduce) {
+
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

--
Gitblit v1.9.3