feat: v0.8.0 详情页架构重构、皮肤系统、侧边栏交互升级、底层模块拆分

- 详情页统一 DetailLayout 组件（常驻头部 + 独立滚动 + 紧凑态动画）
- 歌曲/评论 tab 切换（懒加载 + 保活），专辑模糊搜索
- 皮肤系统 skins.ts（19 语义色 + 14 预设 + 自定义皮肤 + 壁纸）
- 设置页皮肤模块（外观/主题色/皮肤编辑器/壁纸选择）
- 可折叠侧边栏 + TopBar + 折叠态歌单浮层（高度不越 PlayerBar）
- 首页扩展至 6 区块 + 通用卡片组件 + 虚拟歌曲列表
- audio.rs 拆为 8 模块，api.ts 拆为 api/ 目录，player store 拆为 4 store
- 修复播放竞态、seek 暂停、评论提前加载、紧凑态卡死等

src/components/Card/SectionHeader.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="flex items-center justify-between mb-4 mt-2">
+    <div class="flex items-center gap-2 min-w-0">
+      <component :is="icon" v-if="icon" class="w-5 h-5 text-accent-text flex-shrink-0" />
+      <h2 class="text-xl font-semibold text-content truncate">{{ title }}</h2>
+      <span v-if="subtitle" class="text-xs text-content-3 truncate hidden sm:inline">· {{ subtitle }}</span>
+    </div>
+    <button
+      v-if="showMore"
+      @click="$emit('more')"
+      class="flex items-center gap-1 text-sm text-content-2 hover:text-content transition flex-shrink-0"
+    >
+      <span>更多</span>
+      <IconChevronRight class="w-4 h-4" />
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Component } from 'vue';
+import IconChevronRight from '~icons/lucide/chevron-right';
+
+defineProps<{
+  title: string;
+  subtitle?: string;
+  icon?: Component;
+  showMore?: boolean;
+}>();
+
+defineEmits<{
+  (e: 'more'): void;
+}>();
+</script>