fix: UI review nits — duplicate border, AI header gradient vs text-white-50 mix, dead .status rule, redundant dark overrides now covered by bs vars; verified via real Chrome screenshots (light+dark, 3 pages)

Author: ChuwuYo

bootstrap.purged.css

@@ -1963,10 +1963,6 @@ fieldset:disabled .btn {
 	--bs-text-opacity: 1;
 	color: var(--bs-secondary-color) !important;
 }
-.text-white-50 {
-	--bs-text-opacity: 1;
-	color: rgba(255, 255, 255, 0.5) !important;
-}
 .bg-success {
 	--bs-bg-opacity: 1;
 	background-color: rgba(

debug.html

@@ -36,7 +36,6 @@
       border-radius: 5px;
       background-color: var(--bs-body-bg);
       border: 1px solid var(--bs-border-color-translucent);
-      border: 1px solid #dee2e6;
       min-height: 60px;
       height: auto;
       max-height: 400px;
@@ -124,21 +123,6 @@
     }
 
 
-    /* 暗色主题下的缓存管理样式 */
-    html[data-bs-theme="dark"] .cache-stats-container {
-      background-color: #2c3034;
-      border-color: #495057;
-      color: #f8f9fa;
-    }
-
-    html[data-bs-theme="dark"] .cache-size {
-      color: #86b7fe;
-    }
-
-    html[data-bs-theme="dark"] .cache-hit-rate {
-      color: #adb5bd;
-    }
-
     /* 缓存操作结果显示框样式 */
     #cacheOperationResult {
       margin-top: 10px;
@@ -159,13 +143,6 @@
       font-size: 0.9em;
       line-height: 1.4;
     }
-
-    /* 暗色主题下的缓存操作结果样式 */
-    html[data-bs-theme="dark"] #cacheOperationResult {
-      background-color: #2c3034;
-      border-color: #495057;
-      color: #f8f9fa;
-    }
   </style>
 </head>
 

detect.html

@@ -51,9 +51,6 @@
       box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
     }
 
-    .ai-diagnosis-card .card-header {
-      background: linear-gradient(135deg, #43ddb6, #52d0d9);
-    }
 
     .ai-config-details summary {
       cursor: pointer;
@@ -187,7 +184,7 @@ <h2 id="pageHeading" data-i18n="heading"></h2>
         <div class="card mb-3 ai-diagnosis-card">
           <div class="card-header bg-body-tertiary">
             <h4 class="mb-1" id="aiDiagnosisTitle" data-i18n="ai_diagnosis_title"></h4>
-            <p class="mb-0 small text-white-50" id="aiDiagnosisSubtitle"></p>
+            <p class="mb-0 small text-muted" id="aiDiagnosisSubtitle"></p>
           </div>
           <div class="card-body">
             <details class="ai-config-details mb-3" id="aiConfigDetails" open>

popup.html

@@ -61,11 +61,6 @@
       border-top: 1px solid var(--bs-border-color-translucent);
     }
 
-    /* 状态显示区域样式 */
-    .status {
-      margin-top: 15px;
-    }
-
     /* 当前语言代码高亮样式 */
     #currentLanguage {
       background-color: #f4fccc;

toggle.css

@@ -79,32 +79,6 @@ html[data-bs-theme="dark"] .bg-light {
 	color: #e9ecef !important;
 }
 
-html[data-bs-theme="dark"] pre {
-	background-color: #373c42 !important;
-	color: #e9ecef !important;
-	border: 1px solid #495057;
-	/*于定义的边框 */
-}
-
-html[data-bs-theme="dark"] .debug-section {
-	background-color: #373c42 !important;
-	color: #e9ecef !important;
-}
-
-html[data-bs-theme="dark"] .debug-result {
-	background-color: #2c3034 !important;
-	/* 结果区域使用略微不同的深色阴影 */
-	color: #f8f9fa !important;
-	/* 更亮的灰白色文本 */
-	border-color: #495057 !important;
-}
-
-html[data-bs-theme="dark"] .debug-result code,
-html[data-bs-theme="dark"] .debug-result pre,
-html[data-bs-theme="dark"] .debug-result span {
-	color: #f8f9fa !important;
-}
-
 .text-dark.fw-bold.small,
 .text-dark.small {
 	color: #bd97ab !important;