优化复刻视频脚本和下拉框样式

core/frontend/src/routes/projects.tsx

@@ -5,6 +5,7 @@ import type { Asset, Product, Project, ScriptTemplate } from "../types";
 import { api } from "../api";
 import type { Page } from "./route-config";
 import { ConfirmModal, MediaLightbox } from "../components/overlays";
+import { CustomSelect } from "../components/custom-select";
 import { ProductCreateDrawer, type ProductCreatePayload } from "../components/product-create-drawer";
 import { isLocalLife } from "../product-business";
 import { Pager } from "../components/pager";
@@ -325,12 +326,19 @@ export function ProjectWizardPage({ products, projects = [], preselectProductId,
             {templates.length > 0 && (
               <label className="nw-field">
                 <span>套路模板<small>可选</small></span>
-                <select value={templateId} onChange={(event) => setTemplateId(event.target.value)}>
-                  <option value="">不套用 · 让 AI 按这个商品从头设计</option>
-                  {templates.map((item) => (
-                    <option key={item.id} value={item.id}>{item.name} · {item.total_duration}s{item.usage_count ? ` · 用过 ${item.usage_count} 次` : ""}</option>
-                  ))}
-                </select>
+                <CustomSelect
+                  fill
+                  value={templateId}
+                  onChange={setTemplateId}
+                  placeholder="不套用 · 让 AI 按这个商品从头设计"
+                  options={[
+                    { value: "", label: "不套用 · 让 AI 按这个商品从头设计" },
+                    ...templates.map((item) => ({
+                      value: item.id,
+                      label: `${item.name} · ${item.total_duration}s${item.usage_count ? ` · 用过 ${item.usage_count} 次` : ""}`,
+                    })),
+                  ]}
+                />
                 {template && (
                   <div className="nw-tpl">
                     <strong>同套路重出</strong>