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

core/frontend/src/routes/team.tsx

@@ -5,6 +5,7 @@ import type { BillingSummary, BillingTrend, Invitation, Notification, Team, Team
 import type { Page } from "./route-config";
 import { money } from "./stage-config";
 import { ConfirmModal, TeamModal } from "../components/overlays";
+import { CustomSelect } from "../components/custom-select";
 import { Pager } from "../components/pager";
 
 const MEMBERS_PER_PAGE = 10;
@@ -608,10 +609,15 @@ export function TeamPage({ team, user, billing, navigate, onCreateMember: onCrea
             <>
               <div className="field">
                 <label className="field-label">成员角色</label>
-                <select className="input" value={invRole} onChange={(e) => setInvRole(e.target.value)}>
-                  <option value="member">成员 · 可用生成,不可管理团队</option>
-                  <option value="admin">团队管理员 · 可管成员/额度/邀请</option>
-                </select>
+                <CustomSelect
+                  fill
+                  value={invRole}
+                  onChange={setInvRole}
+                  options={[
+                    { value: "member", label: "成员 · 可用生成,不可管理团队" },
+                    { value: "admin", label: "团队管理员 · 可管成员/额度/邀请" },
+                  ]}
+                />
               </div>
               <div className="field" style={{ marginBottom: 0 }}>
                 <label className="field-label">月限额(积分)<span className="lbl-note">(-1 为不限)</span></label>