黑暗模式下适配

docs/components/index.vue

@@ -62,11 +62,14 @@
       <div class="gitee-brand">
         <div class="logo-circle">
           <span class="logo-char">
-            <img src="/public/mengningsoftware.png" alt="">
+            <img src="/public/mnsoftware.png" alt="">
           </span>
         </div>
       </div>
-      <div class="copyright">梦宁软件（江苏）有限公司版权所有</div>
+      <div class="copyright">
+        <span class="brand-name">梦宁软件</span>
+        <span>梦宁软件（江苏）有限公司版权所有</span>
+      </div>
     </div>
     
     <!-- 右侧区域（第二张图内容） -->
@@ -210,11 +213,13 @@ export default {
 .footer-left {
   display: flex;
   align-items: center;
+  margin-left: -40px;
 }
 
 .gitee-brand {
   display: flex;
   align-items: center;
+  
 }
 
 .logo-circle {
@@ -225,21 +230,21 @@ export default {
   justify-content: center;
   align-items: center;
   margin-right: -10px;
-}
+
-/* 白天情况下正常显示 */
-.logo-char {
-  filter: none;
 }
 
+
 .brand-name {
-  font-size: 24px;
+  font-size: 16px;
-  font-weight: bold;
+  font-weight: 600;
   color: #000;
+  padding-right: 10px;
 }
 
 .copyright {
   color: #999;
   font-size: 14px;
+  margin-left: -40px;
 }
 
 /* 右侧二维码区域样式 */
@@ -281,7 +286,7 @@ export default {
 
 .qr-label {
   font-size: 14px;
-  color: #333;
+  color: #999;
 }
 
 .footer-area {
@@ -314,15 +319,8 @@ export default {
     height: 180px;
   }
 }
+.dark .brand-name {
+  color: #DFDFD6;
+}
 
-@media (prefers-color-scheme: dark) {
-  .logo-char img {
-    filter: brightness(0.3) invert(1) hue-rotate(180deg);
-    /* 
-      brightness(0.3): 降低亮度
-      invert(1): 颜色反转（白变黑）
-      hue-rotate(180deg): 调整色相避免偏色
-    */
-  }
-}
 </style>