refactor(web): 采用 Button/Card 原语替换多处手搓样式

apps/web/components/chain/ChainProgress.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { Card } from "@/components/ui/Card";
 import type { ChainPhase, ChainResultView } from "@/lib/chain/chain";
 
 interface ChainProgressProps {
@@ -18,8 +19,9 @@ const PHASE_LABEL: Record<ChainPhase, string> = {
 // 链进度视图：相位徽标 + 进度条 + 已写章号清单（token/正文绝不展示，result 只含元数据）。
 export function ChainProgress({ phase, progress, result }: ChainProgressProps) {
   return (
-    <section
-      className="flex flex-col gap-3 rounded border border-line bg-panel p-5"
+    <Card
+      as="section"
+      className="flex flex-col gap-3 p-5"
       aria-label="链进度"
     >
       <div className="flex items-center justify-between gap-3">
@@ -58,6 +60,6 @@ export function ChainProgress({ phase, progress, result }: ChainProgressProps) {
           第 {result.awaitingChapter} 章存在未决冲突，请在下方逐条裁决后续跑。
         </p>
       ) : null}
-    </section>
+    </Card>
   );
 }