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

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

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;