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

apps/web/components/templates/TemplatesManager.tsx

@@ -16,6 +16,7 @@ import {
   isTemplateDraftValid,
   type TemplateDraft,
 } from "@/lib/templates/templates";
+import { cardClass } from "@/lib/ui/variants";
 
 interface TemplatesManagerProps {
   // 初始模板列表（Server Component 预取；失败给空数组 + loadError 文案）。
@@ -87,7 +88,7 @@ export function TemplatesManager({ initial }: TemplatesManagerProps) {
   return (
     <div className="flex flex-col gap-6">
       <form
-        className="flex flex-col gap-3 rounded border border-line bg-panel p-5"
+        className={cardClass("flex flex-col gap-3 p-5")}
         aria-label="新建模板"
         onSubmit={(e) => {
           e.preventDefault();