后台管理重塑 + 主题 / 皮肤双轴 + a11y 与编辑器增强

Backend
- Post 加 cover_url，Tag 加 color；老库 ALTER 兼容
- admin API: GET /api/admin/dashboard，POST /bulk，POST /tags/:id/merge，
  PUT /tags/:id 接 {name,color}，Settings 加 light_skin_id（兼容老 theme_id）
- 白名单兜底（非法 light_skin_id 落 paper）
- 新增合并 / Dashboard / Theme 测试覆盖

Frontend
- AdminLayout 改为侧边栏布局；新增 Dashboard 总览页
- PostsView 卡片化预览 + 筛选 chip + 批量操作 + 排序
- EditorView 增强：封面图 / WYSIWYG↔MD 双模式 / 实时大纲 / 字数统计 /
  自动保存条 / ⌘S / unsaved 守卫（beforeunload + beforeRouteLeave）
- TagsView 加色板 + 合并到目标
- SettingsView 主题外观改为「亮色皮肤」三选一 + 「暗色皮肤」固定墨色说明
- 新增 CommandPalette（⌘K）+ ShortcutsPanel（?）
- api.js 接新接口；router.js 拆 /admin → /admin/posts

主题 / 皮肤双轴
- site.js: themeMode（light/dark/auto）+ light_skin_id；data-theme 前台，
  data-admin-theme 后台（仅跟随 mode 切明暗）
- styles.css: :root[data-theme] 四套皮肤 + :root[data-admin-theme=dark] 后台墨感
- 修 sticky head / ThemeSwitcher / 表单 / 批量条 等 token 引用
- 后台用独立 --admin-* 系列，与前台主题解耦
- 左栏底部放 inline 形态 ThemeSwitcher（图标按钮 36×36），mobile 保留浮窗

a11y
- 全局 :focus-visible 描边（前后台跟随 token）
- prefers-reduced-motion 全局降级
- color-scheme 随主题切
- meta theme-color 双套（light/dark）
- 命令面板 / 快捷键面板：role=dialog aria-modal aria-label + 搜索框 aria-label
- icon-only 按钮加 aria-label（tag × / 清除选择 / 移除封面等）
- 输入框 aria-label + spellcheck=false
- PostsView 筛选同步 URL（可分享、可刷新保留）
- img width/height + loading=lazy
- utils.js 用 Intl.DateTimeFormat（zh-CN / sv-SE）

frontend/src/App.vue

@@ -1,8 +1,41 @@
 <script setup>
+import { computed, watch } from 'vue'
+import { useRoute } from 'vue-router'
 import TopBar from './components/TopBar.vue'
+import ThemeSwitcher from './components/ThemeSwitcher.vue'
+
+const route = useRoute()
+const isAdmin = computed(() => route.path.startsWith('/admin'))
+
+// body hook：让全局 CSS 知道当前是 admin，
+// focus-visible 等样式跟着切 token。
+watch(
+  isAdmin,
+  (v) => {
+    if (typeof document !== 'undefined') {
+      document.body.classList.toggle('admin-shell-active', v)
+    }
+  },
+  { immediate: true }
+)
 </script>
 
 <template>
-  <TopBar />
+  <TopBar v-if="!isAdmin" />
   <RouterView />
+  <!-- 桌面端：左栏底部放 inline 形态；窄屏：左栏收起，浮动按钮兜底 -->
+  <ThemeSwitcher variant="floating" class="theme-floating-only" />
 </template>
+
+<style scoped>
+/* 窄屏（≤780px）才显示浮动按钮 —— 此时前台左栏 / 后台侧栏都已隐藏 */
+.theme-floating-only {
+  display: none;
+}
+
+@media (max-width: 780px) {
+  .theme-floating-only {
+    display: inline-flex;
+  }
+}
+</style>