feat: M4 文风 + M5 生成/多provider/Skill + Kimi Code 订阅接入 + 本地联调修复

M4（文风）: style-auditor 双轨（提取指纹/漂移第四审）+ jobs 长任务框架(zombie reaper) + 回炉 refine + GET /style read-back。
M5（生成+扩展）: worldbuilder/character-gen（入库 continuity 409 gate + partition_writes 白名单 + schema→JSONB 形变）；
  网关多 provider 回退链/熔断/能力降级（Anthropic/Gemini 适配器）；Skill registry + 表权限沙箱 + 规则；
  前端 角色生成器/世界观/Codex/规则页/技能库/⌘K 命令面板。
K1（Kimi Code 订阅接入）: OAuth device-flow（kimi-code）+ 静态 Console key（kimi-code-key）两路径；
  coding 端点 KimiCLI 伪造头（实测 UA allow-list 门禁，缺则 403）+ JSON 模式结构化（thinking ⊥ tool_choice）。
本地联调修复: CORS 中间件；assemble 注入 premise+「写第N章」指令（修空 prompt 400）；
  GET /outline·/draft read-back + 大纲/工作台/审稿页重载；写页 client/server 常量边界 + notFound 健壮化；
  字数 toLocaleString locale 水合；审稿页终稿从已存草稿 seed（修 accept 422）。
门禁: backend ruff/mypy(157)/alembic 无漂移/pytest 451 · frontend lint/tsc/vitest/build。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/web/components/style/StylePanel.tsx

@@ -0,0 +1,87 @@
+"use client";
+
+import type { StyleDriftReport, StyleDriftSegment } from "@/lib/review/sse";
+
+interface StylePanelProps {
+  style: StyleDriftReport | null;
+  incomplete: boolean;
+  // 选中段做回炉（打开 RefineView）。
+  onRefine: (segment: StyleDriftSegment) => void;
+}
+
+// 整体相似度的四分圆字符档（◔◑◕●），按 score 映射（UX §6.4 ③）。
+const QUARTER_CHARS = ["○", "◔", "◑", "◕", "●"] as const;
+
+function quarterChar(score: number): string {
+  const clamped = Math.min(100, Math.max(0, score));
+  const idx = Math.round((clamped / 100) * (QUARTER_CHARS.length - 1));
+  return QUARTER_CHARS[idx] ?? QUARTER_CHARS[0];
+}
+
+// 文风审区（UX §6.4 ③）：整体相似度 ◔% + 漂移段列表，每段可一键回炉。只读建议。
+export function StylePanel({ style, incomplete, onRefine }: StylePanelProps) {
+  return (
+    <section className="mb-4">
+      <h2 className="text-xs font-semibold uppercase tracking-wide text-ink-soft">
+        文风 (style-auditor)
+      </h2>
+      {incomplete ? (
+        <p className="mt-1 text-xs text-overdue">◌ 未完成</p>
+      ) : style === null ? (
+        <p className="mt-1 text-xs text-ink-soft">
+          无文风报告（学文风后第四审才能打分）。
+        </p>
+      ) : (
+        <div className="mt-2 space-y-2 text-xs">
+          <p
+            className="flex items-center gap-1.5"
+            aria-label={`整体文风相似度 ${style.score}%`}
+            role="img"
+          >
+            <span className="text-lg leading-none text-cinnabar" aria-hidden="true">
+              {quarterChar(style.score)}
+            </span>
+            <span className="text-ink">
+              整体相似度 <span className="font-mono">{style.score}%</span>
+            </span>
+          </p>
+
+          {style.segments.length === 0 ? (
+            <p className="text-pass">✓ 无明显文风漂移</p>
+          ) : (
+            <ul className="space-y-2">
+              {style.segments.map((seg, i) => (
+                <li
+                  key={i}
+                  className="rounded border border-line bg-panel p-2"
+                  data-testid="drift-segment"
+                >
+                  <div className="flex items-center gap-2">
+                    <span className="font-mono text-overdue">
+                      第 {seg.idx} 段
+                    </span>
+                    <span className="font-mono text-ink-soft">
+                      相似 {seg.score}%
+                    </span>
+                    {seg.label ? (
+                      <span className="text-ink-soft">{seg.label}</span>
+                    ) : null}
+                  </div>
+                  <div className="mt-1.5 flex gap-2">
+                    <button
+                      type="button"
+                      onClick={() => onRefine(seg)}
+                      className="rounded bg-cinnabar px-2 py-1 text-panel hover:opacity-90"
+                    >
+                      一键回炉
+                    </button>
+                  </div>
+                </li>
+              ))}
+            </ul>
+          )}
+        </div>
+      )}
+    </section>
+  );
+}