fix(team-members): 角色 select 恢复 100% 宽 + 自定义箭头不贴边

上次误把宽度改窄了,实际诉求是箭头不贴右边框。
原生 select 箭头位置浏览器定,padding 推不动。
appearance:none 关原生 + background-image 内嵌 SVG chevron + right 12px center 控位置。
padding-right 36px 给箭头留空间。

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

web/src/pages/TeamMembersPage.tsx

@@ -304,7 +304,18 @@ export function TeamMembersPage() {
                 <select
                   value={editRole}
                   onChange={(e) => setEditRole(e.target.value as 'admin' | 'member')}
-                  style={{ width: 200, padding: '8px 12px', borderRadius: 6, border: '1px solid var(--color-border-card)', background: 'var(--color-bg-page)', color: 'var(--color-text-primary)', fontSize: 14 }}
+                  style={{
+                    width: '100%',
+                    padding: '8px 36px 8px 12px',
+                    borderRadius: 6,
+                    border: '1px solid var(--color-border-card)',
+                    background: `var(--color-bg-page) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 12px center`,
+                    color: 'var(--color-text-primary)',
+                    fontSize: 14,
+                    appearance: 'none',
+                    WebkitAppearance: 'none',
+                    MozAppearance: 'none',
+                  }}
                 >
                   <option value="member">成员</option>
                   <option value="admin">副管理员</option>