feat(island): 参考 WinIsland 重写灵动岛（squircle + 三种底 + 字号系数排版 + 空闲细缝）

参考: 工作目录 WinIsland-master.zip（Rust/Direct2D 的 Windows 动态岛），
     逐项提取的设计 token 归档在 docs/winisland-design-tokens.md。

视觉与造型:
- 连续圆角 squircle（新增 island/squircle.ts，超椭圆角，对齐 WinIsland utils/shape.rs），
  胶囊半径 = min(圆角, h/2)（满圆角），展开卡 = min(48*圆角/20, w/2, h/2)（WinIsland expanded_island_radius）
- 三种底: 纯黑（WinIsland default）/ 毛玻璃（win.setBackgroundMaterial('acrylic')，等价 HostBackdropBrush）/
  主题色渐变；描边 1px 白 alpha .118（纯黑）/.157（玻璃），展开投影 0 2px 3px rgba(0,0,0,.11)
- Apple 系统色: 强调蓝 #0a84ff、警告橙 #ff9f0a、危险红 #ff453a；白字 alpha 分级 .92/.72/.58
- 状态色只做"内层微染 + 描边 + 徽标"，不外溢（保持外圈偏红 = 0）

排版（本次重点）:
- 基础字号 11–20px，岛内**所有文本** = 基础字号 × 排版系数
  （标题 1.08 / 正文 0.95 / 次要 0.78 / 徽标与按钮 0.76 / 胶囊标题 0.92 / 胶囊副题 0.74），
  与 WinIsland 的 font_size 模型一致；实测 13→19px 全部文本倍率 1.462（=19/13）
- 图标、按钮高度、间距也由字号推导，改字号不会溢出

形态与设置:
- 尺寸基准对齐 WinIsland 比例（胶囊 216x34 基准、展开 +156/+186 等），卡片 = 窗口 - 2*5px 且水平居中
- 6 个停靠位（顶/底 × 左/中/右，对齐 WinIsland DockPosition）
- 新增"空闲细缝"（WinIsland hidden_width）：空闲留一条 6px 宽竖条，来消息自动展开
- 所有设置依旧"改即生效"；顺带修掉 hide() 用 skipWindow 绕过 syncWindow 导致细缝不生效的问题

验证（verify:desktop 49 → 53 项，全绿）:
- 字号即时生效: 13px→19px 五项文本倍率全部 1.462
- 风格即时生效: 纯黑 fill=rgb(0,0,0)/材质 none；毛玻璃 fill=rgba(10,10,14,.59)/材质 acrylic；主题色 fill=rgb(11,11,15)
- 空闲细缝: 16x36 → 来消息 268x44；关闭后完全隐藏
- 6 锚点、开合不震动（0.00px / 无过冲）、截图 6 张（比例偏差 0.000、外圈偏红 0）全部保持
- verify:e2e 133/133、verify:web 19/19 不受影响；截图归档到 docs/screenshots/island/

工程发现: Windows 对透明窗口有约 36px 最小高度（请求 32px 实际 36px），
空闲细缝高度据此设下限并写入注释与 README。

packages/desktop-client/src/renderer/views/SettingsView.vue

@@ -6,10 +6,13 @@ import {
   DEFAULT_ISLAND_APPEARANCE,
   ISLAND_APPEARANCE_RANGES as RANGES,
   ISLAND_POSITION_LABELS,
+  ISLAND_STYLE_LABELS,
+  ISLAND_STYLES,
   ISLAND_POSITIONS,
   formatDate,
   type IslandAppearance,
   type IslandPosition,
+  type IslandStyle,
 } from '@classhelper/shared';
 import type { DesktopAppInfo } from '../../types/desktop.js';
 import { pingHealth, setApiBaseUrl } from '../api/http.js';
@@ -120,6 +123,11 @@ const positionOptions = ISLAND_POSITIONS.map((value) => ({
   label: ISLAND_POSITION_LABELS[value],
 }));
 
+const styleOptions = ISLAND_STYLES.map((value) => ({
+  value,
+  label: ISLAND_STYLE_LABELS[value],
+}));
+
 /** 读取当前生效的外观（主进程为单一事实来源） */
 async function loadIslandAppearance(): Promise<void> {
   if (!window.desktop?.islandGetAppearance) return;
@@ -279,10 +287,25 @@ onMounted(async () => {
             <el-form-item label="主题色">
               <el-color-picker
                 :model-value="island.accent"
-                @change="(value: string | null) => applyIslandAppearance({ accent: value ?? '#6cc4ff' })"
+                @change="(value: string | null) => applyIslandAppearance({ accent: value ?? '#0a84ff' })"
               />
               <span class="text-muted ml-8">用于高亮、按钮与进度条</span>
             </el-form-item>
+            <el-form-item label="视觉风格">
+              <el-select
+                :model-value="island.style"
+                style="width: 180px"
+                @change="(value: IslandStyle) => applyIslandAppearance({ style: value })"
+              >
+                <el-option
+                  v-for="item in styleOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+              <span class="text-muted ml-8">纯黑 / 毛玻璃（亚克力）/ 主题色渐变</span>
+            </el-form-item>
             <el-form-item label="显示位置">
               <el-select
                 :model-value="island.position"
@@ -314,6 +337,15 @@ onMounted(async () => {
                 "
               />
             </el-form-item>
+            <el-form-item label="空闲细缝">
+              <el-switch
+                :model-value="island.idleSliver"
+                @change="
+                  (value: boolean | string | number) => applyIslandAppearance({ idleSliver: Boolean(value) })
+                "
+              />
+              <span class="text-muted ml-8">参考 WinIsland：没有消息时保留一条细缝（关闭则完全隐藏）</span>
+            </el-form-item>
           </el-form>
           <div class="toolbar">
             <el-button type="primary" :loading="savingIsland" @click="saveIslandAppearance">