文档状态：原始改造草案，已被取代。
- 本文已由
SETTINGS_UI_UX_ADJUSTMENT_REQUIREMENTS.md转化为可执行、可验收的需求（见该文:5），实现与验证记录在DEV_TASK_BREAKDOWN_UI_NAV_EXPORT.md§12。- 仅作历史来源保留，不作为待办清单。其中的条目若与
SETTINGS_UI_UX_ADJUSTMENT_REQUIREMENTS.md的 FR 编号冲突，以后者为准。- 本文与当前实现的已知偏差登记在
PROBLEM_HANDLING_TASK_LIST.md的 PROB-04。
核心设计原则：
- 结构减负：二级 Tab 改为顶部水平导航，释放横向宽度；浅色/深色背景配置采用内部 Tab 切换，避免纵向重复堆叠。
- 文案四级收敛：直接删除同义反复废话；规则与格式内置至 Placeholder 或控件数值；系统逻辑与权限保留为 Tooltip (?)；大卡片 Checkbox 统一改为紧凑的 Switch 开关并建立置灰联动。
| 配置项名称 | 当前控件形态 | 文字说明处理策略 | 推荐文案 / 提示内容 | 控件形态与排版改造建议 |
|---|---|---|---|---|
| 站点标题 | 单行文本框 | 内置化（删除下方独立说明，仅保留必填红星） | placeholder="请输入站点标题" |
与颜色、字号保持在同一逻辑行，采用双列栅格排版。 |
| 首页标题颜色 | 文本框 + 色块 | 内置化（转为占位符） | placeholder="留空跟随主题文字色" |
采用标准“带颜色选择器弹窗”的输入框组合组件。 |
| 首页标题字号 | Slider 滑块 | 内置化（删除下方说明） | 滑块右侧直接显示数值 42 px |
增加即时数值预览，无需解释“不影响标签页”。 |
| 公开模式 | 大卡片 + Checkbox | 转为 Tooltip (?) | Tooltip 内容：开启后无需登录即可浏览；关闭后仅管理员登录可见。 |
弃用大卡片，改为标准的行内 Switch 开关，紧凑且语义清晰。 |
| 默认主题模式 | 分段选择器 (Segmented) | 转为 Tooltip (?) | Tooltip 内容：设置新访客首次访问时的默认主题，访客仍可在首页手动切换。 |
保持分段选择器形态，移除下方冗长说明。 |
| 图床服务地址 | 单行文本框 | 转为 Tooltip (?) | Tooltip 内容：用于背景图、分类与书签图标的上传接口。留空则仅支持填写外链。 |
占位符设为 https://your-domain.com，右侧放 ? 图标。 |
| 经常访问展示数 | Slider 滑块 | 内置化（逻辑嵌入数值） | 滑到 0 时，右侧文本显示为 0 (隐藏)，其余显示 N 个 |
移除下方说明，用控件本身的数值反馈表达“设为0即隐藏”。 |
| 显示站点标题 | 宽卡片 + Checkbox (文案截断) | 直接删除说明 | 仅保留标题：显示站点标题 |
全部改为行内 Switch，三项开关可横向并排或紧凑排列，彻底消除文字截断。 |
| 显示搜索框 | 宽卡片 + Checkbox (文案截断) | 直接删除说明 | 仅保留标题：显示搜索框 |
改为 Switch。 |
| 显示引擎选择器 | 宽卡片 + Checkbox (文案截断) | 转为 Tooltip (?) | Tooltip 内容：关闭后固定使用默认搜索引擎，不展示切换下拉框。 |
改为 Switch。当“显示搜索框”关闭时，该项自动联动置灰 (Disabled)。 |
| 配置项名称 | 当前控件形态 | 文字说明处理策略 | 推荐文案 / 提示内容 | 控件形态与排版改造建议 |
|---|---|---|---|---|
| 模块顶层说明 | 页面大段描述文本 | 直接删除 | 无需在每个大标题下方写总结性小字 | 去除“选择一套内置方案…”等大段副标，界面更清爽。 |
| 内置配色方案 | 分组色块卡片 | 保留精简分组名，方案说明转 Hover | 仅保留“毛玻璃”、“护眼纯色”分类标签，单套方案的文学性描述移至卡片 hover 浮层 | 色块卡片内文案精简为方案名（如“清透蓝绿”），移除下方两行描述文字，缩小卡片体积。 |
| 卡片风格 | 单选卡片 (详情/极简) | 内置至卡片副标 | 卡片内仅保留： • 详情风格（图文横排） • 极简风格（纯图标网格） |
保持两栏卡片，但精简文字；选中状态用品牌蓝边框高亮。 |
| 描述显示策略 | 单选胶囊组 (始终/悬停/隐藏) | 转为 Tooltip (?) | Tooltip 内容：仅在「详情风格」下生效；单个书签单独配置时优先级更高。 |
采用 Radio Group。联动逻辑：当上方选择“极简风格”时，整行置灰并提示“极简风格下不显示描述”。 |
| 高级设置折叠 | 灰色折叠栏 (Accordion) | 保留精简状态 | 高级样式设置（背景、尺寸与表面） |
保持折叠，但减少深色边框与阴影，采用简洁的展开/收起箭头。 |
💡 核心布局优化建议：在高级设置内使用
[ 浅色模式 | 深色模式 ]的内部 Tab 标签页切换，一套表单控件即可配置两套模式，表单高度立减 50%。
| 配置项名称 | 当前控件形态 | 文字说明处理策略 | 推荐文案 / 提示内容 | 控件形态与排版改造建议 |
|---|---|---|---|---|
| 背景类型 | 分段选择器 (纯色/渐变/图片) | 直接删除说明 | 无 | 选中“纯色/渐变”时，后方“背景值”输入框变为颜色选择器；选中“图片”时变为 URL 输入框。 |
| 背景值 + 图床上传 | 文本框 + 外链跳转按钮 | 内置化 | placeholder="请输入图片 URL 或点击右侧上传" |
将“打开图床上传 ↗”做成输入框的内部后缀按钮 (Input Suffix Button)，节省横向空间。 |
| 遮罩颜色 | 文本框 + 色块 | 转为 Tooltip (?) | Tooltip 内容：覆盖在背景图上的蒙层颜色，浅色模式推荐白/浅灰，深色推荐黑/深蓝。 |
与模糊度、透明度整合为一行栅格。 |
| 模糊度 | Slider 滑块 | 内置化 | 0 px（滑到 0 时无需多余文字，右侧数值直观反映） |
移除下方“对图片应用模糊…”的文字。 |
| 遮罩透明度 | Slider 滑块 | 内置化 | 右侧显示百分比 10% |
移除下方“叠加在背景上…”的文字。 |
| 卡片最小宽度 | 纯数字输入框 | 内置化（单位后缀 + 占位符） | 输入框右侧常驻单位 px，placeholder="默认 80" |
增加 Tooltip 说明：“控制一行能容纳的卡片数量，支持自适应换行”。 |
| 详情卡片最小高度 | 纯数字输入框 | 内置化 | 输入框右侧常驻单位 px，placeholder="0 为自适应" |
移除下方说明；当卡片风格选择“极简”时联动置灰。 |
| 极简卡片图标大小 | 纯数字输入框 | 内置化 | 输入框右侧常驻单位 px，placeholder="默认 60" |
仅在卡片风格选择“极简”时激活，详情风格下联动置灰。 |
| 卡片表面颜色 | 文本框 + 色块 | 转为 Tooltip (?) | Tooltip 内容：书签卡片的背景底色，配合不透明度实现毛玻璃质感。 |
与卡片透明度、文字颜色并排为 3 列标准栅格。 |
| 卡片不透明度 | Slider 滑块 | 内置化 | 右侧显示数值 65% |
移除下方“数值越低越通透”废话。 |
| 卡片文字颜色 | 文本框 + 色块 | 内置化 | placeholder="留空跟随系统高对比色" |
移除下方两行小字。 |
| 配置项名称 | 当前控件形态 | 文字说明处理策略 | 推荐文案 / 提示内容 | 控件形态与排版改造建议 |
|---|---|---|---|---|
| 分类导航位置 | 分段选择器 (左侧悬浮/顶部固定) | 转为 Tooltip (?) | Tooltip 内容：左侧：侧边悬浮展开；顶部：顶部吸顶横向滚动条。 |
保持分段选择器，移除下方两行长文本。 |
| 左侧导航始终展开 | 大卡片 + Checkbox | 转为 Tooltip (?) | Tooltip 内容：在大屏下常驻展开分类列表。仅在「左侧悬浮」模式下生效。 |
改为紧凑的 Switch 开关。联动逻辑：当左侧选择“顶部固定”时，该开关必须禁用并置灰。 |
| 内容区域最大宽度 | 文本框 + 单位下拉 (px) | 转为 Tooltip (?) | Tooltip 内容：限制首页内容主体最大宽度，超宽屏下两边将自动留白居中。 |
将数字框与单位（px/%）组合为一体化输入组件 (InputGroup)。 |
| 桌面左右边距 | Slider 滑块 | 内置化 | 控件右侧显示数值 15 px |
移除下方小字。与顶部、底部边距整合为“间距设置”子网格（3列并排）。 |
| 顶部边距 / 底部边距 | Slider 滑块 | 内置化 | 控件右侧显示数值 0% / 3% |
移除下方“标题距顶部距离”等说明，字段名“顶部边距”已经足够自解释。 |
| 配置项名称 | 当前控件形态 | 文字说明处理策略 | 推荐文案 / 提示内容 | 控件形态与排版改造建议 |
|---|---|---|---|---|
| 默认引擎 | Select 下拉框 | 直接删除说明 | 移除“首页搜索框默认选中的引擎…”整段文字 | 顶栏仅保留 默认搜索引擎 Label 和下拉组件。 |
| 引擎列表 - 名称 | 单行文本框 | 内置化 | placeholder="引擎名称 (如 Google)" |
列表改为 Table 或紧凑的 Flex 栅格卡片，列头固定。 |
| 图标 URL + 获取 | 文本框 + 预览 + 独立按钮 | 内置化组件 | placeholder="图标链接" |
将 Favicon.im 按钮做成输入框内部的操作图标（点击自动抓取），避免挤占横向宽度。 |
| 查询模板 | 宽文本框 | 保留 Label 提示 | Label 保持为：搜索 URL 模板 (关键词用 {q} 代替) |
输入框占位符：https://www.google.com/search?q={q}，消除多余文字。 |
| 删除操作 | 红色文字按钮卡片 | 图标化 | 采用垃圾桶图标 TrashIcon（带 Hover 危险红） |
替换笨重且占空间的“删除”大按钮，提升列表整洁度。 |
| 新增搜索引擎 | 虚线/实线边框按钮 | 标准按钮化 | + 添加搜索引擎 |
放在列表底部居左，保持简洁。 |