fix(settings): Radio.Group 按钮模式,help 说明,移除多余底边距

src/web/features/settings/index.tsx

@@ -51,8 +51,15 @@ export function SettingsPage() {
 
   return (
     <Card title="主题" type="inner">
-      <Form colon={false} disabled={isUpdating} labelAlign="left" labelCol={{ flex: "120px" }} layout="horizontal">
-        <Form.Item colon={false} label="主题模式">
+      <Form
+        className="settings-form"
+        colon={false}
+        disabled={isUpdating}
+        labelAlign="left"
+        labelCol={{ flex: "120px" }}
+        layout="horizontal"
+      >
+        <Form.Item colon={false} help="选择跟随系统将自动适配操作系统的深浅色偏好" label="主题模式">
           <Radio.Group
             buttonStyle="solid"
             onChange={(e) => handleThemeChange(parseThemePreference(e.target.value))}
@@ -61,7 +68,7 @@ export function SettingsPage() {
             value={preference}
           />
         </Form.Item>
-        <Form.Item colon={false} label="紧凑模式" tooltip="开启后控件间距和高度变小,显示更多内容">
+        <Form.Item colon={false} help="开启后控件间距和高度变小,显示更多内容" label="紧凑模式">
           <Switch checked={compact} onChange={handleCompactChange} />
         </Form.Item>
       </Form>

src/web/styles.css

@@ -455,3 +455,8 @@ body {
 .markdown-table tbody tr:hover td {
   background: var(--ant-color-fill-quaternary);
 }
+
+/* 设置页表单:最后一项无底边距 */
+.settings-form .ant-form-item:last-child {
+  margin-bottom: 0;
+}