style(ui): 更新组件颜色主题为浅色模式

修改多个组件的颜色变量和背景色，从深色主题调整为浅色主题
更新图表组件背景色和文本颜色，优化Y轴范围计算
调整主页标题样式和卡片组件颜色

apps/l2/src/views/components/CurrentTime.vue

@@ -52,12 +52,12 @@ export default {
 <style scoped lang="scss">
 // 主题色变量（建议提取为全局变量，此处暂与父页面保持一致）
 $theme-primary: #a7acb4;
-$theme-text-gray: #c9cdcf;
+$theme-text-gray: #a1a6af;
 
 // 仅维护组件自身样式，无定位属性
 .current-time {
   padding: 1.2vw 1.8vw;
-  background: rgba(26, 29, 33, 0.6);
+  background: white;
   backdrop-filter: blur(8px);
   border: 1px solid rgba(167, 172, 180, 0.3);
   border-radius: 8px;

apps/l2/src/views/components/HomeMain.vue

@@ -4,11 +4,11 @@
     <div class="header-section">
       <div class="tech-logo">
         <div class="logo-shape"></div>
-        <h1>KLP <span class="highlight">VISION</span></h1>
+        <h1><span class="highlight">KLP  VISION</span></h1>
       </div>
       
       <div class="main-title">
-        <h2>探索生产与信息的无限可能</h2>
+        <p>探索生产与信息的无限可能</p>
         <p class="subtitle">创新 · 科技 · 未来</p>
       </div>
     </div>
@@ -26,7 +26,7 @@
             <svg-icon :icon-class="card.icon"></svg-icon>
           </div>
           <div class="card-info">
-            <h3>{{ card.title }}</h3>
+            <h4>{{ card.title }}</h4>
             <!-- <p>{{ card.desc }}</p> -->
           </div>
           <div class="card-glow"></div>
@@ -56,8 +56,8 @@ export default {
 <style scoped lang="scss">
 // 主题色变量
 $theme-primary: #a7acb4;
-$theme-light: rgba(167, 172, 180, 0.8);
-$theme-dark: rgba(140, 145, 153, 0.8);
+$theme-light: #a7acb4;
+$theme-dark: #a7acb4;
 $theme-text-light: #f0f0f0;
 $theme-text-gray: #c9cdcf;
 
@@ -160,7 +160,7 @@ $theme-text-gray: #c9cdcf;
   position: relative;
   flex: 1;
   padding: 10px 12px;
-  background: rgba(26, 29, 33, 0.5);
+  background: rgba(255, 255, 255, 0.05);
   backdrop-filter: blur(6px);
   border: 1px solid rgba(167, 172, 180, 0.2);
   border-radius: 6px;
@@ -172,10 +172,11 @@ $theme-text-gray: #c9cdcf;
   align-items: center;
   gap: 10px;
   cursor: pointer;
+  color: #111;
   
   &:hover {
     transform: translateY(-3px);
-    background: rgba(26, 29, 33, 0.7);
+    // background: rgba(26, 29, 33, 0.7);
     box-shadow: 0 4px 12px rgba(167, 172, 180, 0.3);
   }
   
@@ -191,12 +192,14 @@ $theme-text-gray: #c9cdcf;
     
     i {
       font-size: 16px;
-      color: $theme-primary;
+      // color: $theme-primary;
+      color: #111;
     }
   }
   
   .card-info {
     flex-grow: 1;
+    color: #111;
     overflow: hidden;
   }
   

apps/l2/src/views/components/MiniTable.vue

@@ -59,7 +59,7 @@ export default {
     cellStyle() {
       return {
         'font-size': '12px',
-        'color': '#fff',
+        'color': '#111',
         'background': 'transparent',
         'border-bottom': '1px solid rgba(255, 255, 255, 0.1)',
         'white-space': 'nowrap',
@@ -71,7 +71,7 @@ export default {
     headerCellStyle() {
       return {
         'font-size': '12px',
-        'color': '#fff',
+        'color': '#111',
         'font-weight': '500',
         'background': 'rgba(255, 255, 255, 0.05)',
         'border-bottom': '1px solid rgba(255, 255, 255, 0.1)',

apps/l2/src/views/l2/report/components/body.vue

@@ -94,14 +94,14 @@ export default {
 
 .card-title {
   font-size: 13px;
-  color: rgba(255, 255, 255, 0.8);
+  color: #000;
   margin-bottom: 6px;
 }
 
 .card-value {
   font-size: 20px;
   font-weight: bold;
-  color: #ffffff;
+  color: #111;
   margin-bottom: 3px;
 }
 

apps/l2/src/views/l2/track/rect.vue

@@ -5,7 +5,7 @@
         <knova-stage @rectClick="selectCard" :matMapList="matMapList"></knova-stage>
       </el-col>
       <el-col :span="8">
-        <div style="border: 1px solid #000; padding: 10px; border-radius: 10px; color: white; margin-bottom: 10px;">
+        <div style="border: 1px solid #000; padding: 10px; border-radius: 10px; color: black; margin-bottom: 10px;">
           <!-- 调整工具，选择两个位置，两个下拉选，分别双向绑定 -->
           <el-form :model="adjustForm" ref="adjustForm" label-width="80px">
             <el-form-item label="当前位置" prop="current">
@@ -22,7 +22,7 @@
           <el-button type="primary" :disabled="!adjustForm.current || !adjustForm.target" @click="handleConfirmAdjust">确认调整</el-button>
         </div>
 
-        <div style="border: 1px solid #000; padding: 10px; border-radius: 10px; color: white; margin-bottom: 10px;">
+        <div style="border: 1px solid #000; padding: 10px; border-radius: 10px; color: black; margin-bottom: 10px;">
           <el-row v-if="selectedCard">
             <el-col :span="12">
               <div class="detail-item">