feat: 缩小快捷选择判定区

[BiologyHazard]

No description provided.

[Copilot]

Pull request overview

本次 PR 主要针对设置页的“武器类型快捷全选”交互区域进行调整，以缩小可点击判定区域；同时包含一处与“非无瑕基质处理”相关的文案调整。

Changes:

• 将武器类型分组的全选触发从 v-checkbox 的点击，改为点击标题容器触发，并新增 .group-title { width: fit-content; } 以缩小点击区域。
• 调整“遇到非无瑕基质时”的问题描述与单选项文案。

Comments suppressed due to low confidence (1)

frontend/src/pages/settings.vue:49

• 这里用外层 <h3> 包住 v-checkbox 并绑定 @click，同时在 prepend 里又嵌套了一个 <h3>（<h3> 里套 <h3>）。这会产生不合法的标题层级/语义结构，且把交互控件放进标题元素对可访问性不友好。建议把外层容器改为 div/span（或使用按钮语义的元素），并只保留一个真正的标题元素；点击/切换逻辑尽量绑定到 v-checkbox 的值更新事件上。

            <h3
              class="group-title"
              @click="typeSelectAll(weaponType.id, !isTypeAllSelected(weaponType.id))"
            >
              <v-checkbox
                density="compact"
                hide-details
                :indeterminate="isTypePartiallySelected(weaponType.id)"
                :model-value="isTypeAllSelected(weaponType.id)"
              >
                <template #prepend>
                  <img
                    :alt="weaponType.name"
                    class="group-icon me-2"
                    :src="weaponType.iconUrl"
                    :style="{
                      filter: theme.current.value.dark ? 'none' : 'invert(1)',
                    }"
                  />
                  <h3 class="ma-0">{{ weaponType.name }}</h3>
                </template>
              </v-checkbox>
            </h3>