fix: 修复样式问题

app/static/app.js

@@ -58,8 +58,8 @@ $("rewriteBtn").addEventListener("click", async () => {
     return;
   }
 
-  setStatus("AI 改写中...");
-  setLoading(rewriteBtn, true, "AI 改写并排版", "AI 改写中...");
+  setStatus("正在改写...");
+  setLoading(rewriteBtn, true, "改写并排版", "改写中...");
   try {
     const data = await postJSON("/api/rewrite", {
       source_text: sourceText,
@@ -74,25 +74,19 @@ $("rewriteBtn").addEventListener("click", async () => {
     $("body").value = data.body_markdown || "";
     updateCounters();
     const tr = data.trace || {};
-    const modelLine = tr.model ? `模型 ${tr.model}` : "";
     if (data.mode === "fallback") {
       const note = (data.quality_notes || [])[0] || "当前为保底改写稿";
-      setStatus(
-        `改写完成（保底模式，未使用或未通过千问长文）：${note}${modelLine ? ` · ${modelLine}` : ""}`,
-        true
-      );
+      setStatus(`改写完成（保底模式）：${note}`, true);
     } else if (tr.quality_soft_accept) {
-      setStatus(
-        `改写完成（AI，质检提示）：${(data.quality_notes || []).join("；") || "见 quality_notes"} · ${modelLine || "AI"}`
-      );
+      setStatus(`改写完成（有提示）：${(data.quality_notes || []).join("；") || "请检查正文"}`);
       statusEl.style.color = "#9a3412";
     } else {
-      setStatus(`改写完成（AI 洗稿）${modelLine ? ` · ${modelLine}` : ""}`);
+      setStatus("改写完成。");
     }
   } catch (e) {
     setStatus(`改写失败: ${e.message}`, true);
   } finally {
-    setLoading(rewriteBtn, false, "AI 改写并排版", "AI 改写中...");
+    setLoading(rewriteBtn, false, "改写并排版", "改写中...");
   }
 });
 

app/static/style.css

@@ -1,12 +1,12 @@
 :root {
-  --bg: #ecfeff;
+  --bg: #f8fafc;
   --panel: #ffffff;
-  --line: #d9eef2;
-  --text: #164e63;
-  --muted: #457386;
-  --accent: #0891b2;
-  --accent-2: #0e7490;
-  --accent-soft: #f0fdff;
+  --line: #e2e8f0;
+  --text: #1e293b;
+  --muted: #64748b;
+  --accent: #2563eb;
+  --accent-2: #1d4ed8;
+  --accent-soft: #eff6ff;
 }
 
 * {
@@ -46,8 +46,8 @@ body {
   font-size: 12px;
   font-weight: 700;
   color: #fafafa;
-  background: var(--accent-2);
-  border: 1px solid var(--accent-2);
+  background: #334155;
+  border: 1px solid #334155;
   padding: 5px 10px;
   border-radius: 999px;
 }
@@ -68,7 +68,7 @@ body {
   border: 1px solid var(--line);
   border-radius: 12px;
   padding: 14px;
-  box-shadow: 0 6px 24px rgba(8, 145, 178, 0.08);
+  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
   min-height: 0;
   overflow: hidden;
 }
@@ -130,8 +130,8 @@ textarea {
 input:focus,
 textarea:focus {
   outline: none;
-  border-color: #7dd3e7;
-  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.15);
+  border-color: #93c5fd;
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
 }
 
 button {
@@ -166,7 +166,7 @@ button.secondary:hover {
 
 .subtle-btn {
   background: #fff;
-  border-color: #a5dae6;
+  border-color: #cbd5e1;
   color: var(--accent-2);
 }