fix: 修复暗色主题缺失变量和 CSS 选择器冲突

- variables.css: 暗色主题添加缺失的 --border-focus
- pages.css: 修复 .editor-area 从 flex 容器改为正确的 textarea 样式
- components.css: 添加 .stat-card-meta 类
- dashboard.js: 内联样式替换为 CSS 类

src/pages/dashboard.js

@@ -64,9 +64,7 @@ function renderStatCards(page, services, version) {
         <span class="status-dot ${gw?.running ? 'running' : 'stopped'}"></span>
       </div>
       <div class="stat-card-value">${gw?.running ? '运行中' : '已停止'}</div>
-      <div style="font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px">
-        ${gw?.pid ? 'PID: ' + gw.pid : ''}
-      </div>
+      <div class="stat-card-meta">${gw?.pid ? 'PID: ' + gw.pid : ''}</div>
     </div>
     <div class="stat-card">
       <div class="stat-card-header">
@@ -74,7 +72,7 @@ function renderStatCards(page, services, version) {
         <span class="status-dot ${guardian?.running ? 'running' : 'stopped'}"></span>
       </div>
       <div class="stat-card-value">${guardian?.running ? '运行中' : '已停止'}</div>
-      <div style="font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px">健康监控</div>
+      <div class="stat-card-meta">健康监控</div>
     </div>
     <div class="stat-card">
       <div class="stat-card-header">
@@ -82,16 +80,14 @@ function renderStatCards(page, services, version) {
         <span class="status-dot ${watchdog?.running ? 'running' : 'stopped'}"></span>
       </div>
       <div class="stat-card-value">${watchdog?.running ? '运行中' : '已停止'}</div>
-      <div style="font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px">看门狗</div>
+      <div class="stat-card-meta">看门狗</div>
     </div>
     <div class="stat-card">
       <div class="stat-card-header">
         <span class="stat-card-label">版本</span>
       </div>
       <div class="stat-card-value">${version.current || '未知'}</div>
-      <div style="font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px">
-        服务 ${runningCount}/${services.length} 运行中
-      </div>
+      <div class="stat-card-meta">服务 ${runningCount}/${services.length} 运行中</div>
     </div>
   `
 }

src/style/components.css

@@ -44,6 +44,12 @@
   font-weight: 700;
 }
 
+.stat-card-meta {
+  font-size: var(--font-size-xs);
+  color: var(--text-tertiary);
+  margin-top: 4px;
+}
+
 /* 状态点 */
 .status-dot {
   width: 8px;

src/style/pages.css

@@ -145,11 +145,17 @@
 .file-item.active { background: var(--accent-muted); color: var(--accent-hover); }
 
 .editor-area {
-  background: var(--bg-card);
-  border: 1px solid var(--border-primary);
-  border-radius: var(--radius-lg);
-  display: flex;
-  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  background: transparent;
+  border: none;
+  resize: none;
+  outline: none;
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  line-height: 1.7;
+  padding: var(--space-lg);
 }
 
 .editor-toolbar {

src/style/variables.css

@@ -48,6 +48,7 @@
 
   --border-primary: rgba(255, 255, 255, 0.08);
   --border-secondary: rgba(255, 255, 255, 0.04);
+  --border-focus: rgba(129, 140, 248, 0.5);
 
   --text-primary: #e4e4e7;
   --text-secondary: #a1a1aa;