feat: 实现主题、黑名单、排程等14项功能迭代

- style(theme): 修复浅色模式不生效问题，为 ClassicLight 和 ModernLight 增加独立差异化 CSS 变量定义（主色/圆角/阴影/背景对比度）
- feat(blacklist): 后端放开 LANGUAGE/GENRE 类型校验；check API 新增语种（CJK/拉丁/假名/谚文/西里尔/阿拉伯）和曲风关键词匹配逻辑；前端 BlacklistManager UI 增加 语种/曲风 四类型切换、类型筛选、图标与标签颜色映射、输入提示
- fix(DataAnalysisPanel): 活跃用户列表容器加 max-h-[400px] + overflow-y-auto + 底部渐变遮罩；tooltip 加 max-height + truncate 防止超高；头像失败回退首字母
- feat(admin): 新增 user-avatar.ts 工具（OAuth→Gravatar→DiceBear 三级兜底）；active-users/realtime/users 列表返回 avatarUrl；DataAnalysisPanel/UserManager 展示圆形头像；权限分级 ROLE_LEVELS，SUPER_ADMIN 全权限，ADMIN 仅可管理 ≤ USER 级用户的密码与角色，前端按钮联动禁用
- fix+style(schedule): ScheduleManager 标签页 sticky min-h 防抖、间距调优、表单分组、移动端 padding 统一
- feat(schedule): 自动排期新增「按投稿人数优先覆盖」策略（算法：requester + collaborators 总数降序），支持 CustomSelect 切换；新增 localStorage voicehub:schedule:auto-config 持久化 7 项配置（策略/时段/年级/排序/标签/搜索/学期）500ms debounce
- fix(schedule): songs/index.get 新增 usePool 参数，从 schedule_song_pool(status=PENDING,targetPlayDate IS NULL) 取歌并去重，排除已排期 songs.played=false；schedule.post 和 draft-bulk 分配后更新池状态为 ASSIGNED 避免重复分配
- feat(player): ScheduleManager 新增「构建播放队列」按钮，按 playDate→时段→sequence 排序后经 useAudioPlayer.playSong 整列载入并 toast 反馈
- fix(db): db.ts 检测 NETLIFY/VERCEL serverless 环境使用最小池 max=1 idle_timeout=1 keep_alive=false，Node Server 保持 max=10
- feat(site-config): site-config.get.ts 与 useSiteConfig.js 导出 statisticsCode 和 statisticsCodeEnabled；index.vue 挂载后解析 HTML 动态重插 script 元素确保第三方统计执行
- fix(schedule-printer): ScheduleItemPrint 封面 aspect-square object-cover；print-fix.css 打印时强制 48px×48px contain、去除圆角阴影
- fix(songRequest): 新增 server/utils/url.ts normalizeCoverUrl（trim/去零宽空格/相对协议补 https/非 http 丢弃/URL.parse 兜底）；request.post/add.post/import.post 三处写入 cover/coverUrl 前统一规范化

app/components/Admin/BlacklistManager.vue

@@ -20,17 +20,17 @@
         添加黑名单项
       </h3>
       <div class="grid grid-cols-1 xl:grid-cols-12 gap-6 items-end">
-        <div class="xl:col-span-2 space-y-2">
+        <div class="xl:col-span-3 space-y-2">
           <label class="text-[10px] font-black text-zinc-600 uppercase tracking-widest px-1"
             >封禁类型</label
           >
-          <div class="flex p-1 bg-zinc-950 border border-zinc-800 rounded-lg">
+          <div class="flex p-1 bg-zinc-950 border border-zinc-800 rounded-lg gap-1">
             <button
               class="flex-1 flex items-center justify-center gap-2 py-2 rounded-md text-[11px] font-bold transition-all"
               :class="newItem.type === 'SONG' ? 'bg-zinc-800 text-blue-400' : 'text-zinc-600'"
               @click="newItem.type = 'SONG'"
             >
-              <Music :size="12" /> 具体歌曲
+              <Music :size="12" /> 歌曲
             </button>
             <button
               class="flex-1 flex items-center justify-center gap-2 py-2 rounded-md text-[11px] font-bold transition-all"
@@ -39,23 +39,46 @@
             >
               <Type :size="12" /> 关键词
             </button>
+            <button
+              class="flex-1 flex items-center justify-center gap-2 py-2 rounded-md text-[11px] font-bold transition-all"
+              :class="newItem.type === 'LANGUAGE' ? 'bg-zinc-800 text-amber-400' : 'text-zinc-600'"
+              @click="newItem.type = 'LANGUAGE'"
+            >
+              <Languages :size="12" /> 语种
+            </button>
+            <button
+              class="flex-1 flex items-center justify-center gap-2 py-2 rounded-md text-[11px] font-bold transition-all"
+              :class="newItem.type === 'GENRE' ? 'bg-zinc-800 text-emerald-400' : 'text-zinc-600'"
+              @click="newItem.type = 'GENRE'"
+            >
+              <Disc3 :size="12" /> 曲风
+            </button>
           </div>
         </div>
 
         <div class="xl:col-span-4 space-y-2">
           <label class="text-[10px] font-black text-zinc-600 uppercase tracking-widest px-1">
-            {{ newItem.type === 'SONG' ? '歌曲名称 - 艺术家' : '关键词内容' }}
+            {{ typeValueLabel }}
           </label>
           <input
             v-model="newItem.value"
             type="text"
-            :placeholder="
-              newItem.type === 'SONG' ? '例如: 歌曲名 - 艺术家' : '例如: 敏感词、特定风格'
-            "
+            :placeholder="typePlaceholder"
             class="w-full bg-zinc-950 border border-zinc-800 rounded-lg px-5 py-3 text-sm text-zinc-200 focus:outline-none focus:border-blue-500/30 placeholder:text-zinc-700 transition-all"
           >
         </div>
 
+        <div v-if="newItem.type === 'LANGUAGE' || newItem.type === 'GENRE'" class="xl:col-span-5 xl:col-start-auto space-y-1">
+          <p class="text-[10px] text-zinc-600 font-bold leading-relaxed px-1">
+            <template v-if="newItem.type === 'LANGUAGE'">
+              💡 支持多语种匹配：中文 / 英文 / 日文 / 韩文 / 俄文 / 阿拉伯文 等，支持逗号分隔，例如：<span class="text-amber-400">日文,韩文</span>
+            </template>
+            <template v-else>
+              💡 支持曲风关键词，可逗号分隔，例如：<span class="text-emerald-400">DJ,摇滚,rap</span>
+            </template>
+          </p>
+        </div>
+
         <div class="xl:col-span-4 space-y-2">
           <label class="text-[10px] font-black text-zinc-600 uppercase tracking-widest px-1"
             >封禁原因 (可选)</label
@@ -103,7 +126,7 @@
         <CustomSelect
           label="类型筛选"
           :value="typeFilterLabel"
-          :options="['全部类型', '具体歌曲', '关键词']"
+          :options="['全部类型', '具体歌曲', '关键词', '语种', '曲风']"
           class="flex-1 md:w-48"
           @change="handleTypeFilterChange"
         />
@@ -142,27 +165,21 @@
             <div class="flex-1 flex items-start gap-5">
               <div
                 class="shrink-0 w-12 h-12 rounded-lg flex items-center justify-center border transition-all"
-                :class="[
-                  item.type === 'SONG'
-                    ? 'bg-blue-600/10 text-blue-500 border-blue-500/20 shadow-lg shadow-blue-900/5'
-                    : 'bg-purple-600/10 text-purple-500 border-purple-500/20 shadow-lg shadow-purple-900/5'
-                ]"
+                :class="getTypeIconClass(item.type)"
               >
                 <Music v-if="item.type === 'SONG'" :size="22" />
-                <Type v-else :size="22" />
+                <Type v-else-if="item.type === 'KEYWORD'" :size="22" />
+                <Languages v-else-if="item.type === 'LANGUAGE'" :size="22" />
+                <Disc3 v-else :size="22" />
               </div>
 
               <div class="space-y-1.5 min-w-0">
                 <div class="flex items-center gap-3">
                   <span
                     class="text-[9px] font-black uppercase tracking-widest px-2 py-0.5 rounded border"
-                    :class="[
-                      item.type === 'SONG'
-                        ? 'bg-blue-600/10 text-blue-400 border-blue-500/20'
-                        : 'bg-purple-600/10 text-purple-400 border-purple-500/20'
-                    ]"
+                    :class="getTypeBadgeClass(item.type)"
                   >
-                    {{ item.type === 'SONG' ? '具体歌曲' : '关键词' }}
+                    {{ getTypeLabel(item.type) }}
                   </span>
                   <h5 class="text-base font-black text-zinc-100 truncate tracking-tight">
                     {{ item.value }}
@@ -334,7 +351,9 @@ import {
   Ban,
   ChevronLeft,
   ChevronRight,
-  ChevronDown
+  ChevronDown,
+  Languages,
+  Disc3
 } from '@lucide/vue'
 import { useToast } from '~/composables/useToast'
 import CustomSelect from '~/components/UI/Common/CustomSelect.vue'
@@ -371,9 +390,65 @@ const pagination = reactive({
 const typeFilterLabel = computed(() => {
   if (filters.type === 'SONG') return '具体歌曲'
   if (filters.type === 'KEYWORD') return '关键词'
+  if (filters.type === 'LANGUAGE') return '语种'
+  if (filters.type === 'GENRE') return '曲风'
   return '全部类型'
 })
 
+const typeValueLabel = computed(() => {
+  if (newItem.type === 'SONG') return '歌曲名称 - 艺术家'
+  if (newItem.type === 'KEYWORD') return '关键词内容'
+  if (newItem.type === 'LANGUAGE') return '语种名称'
+  if (newItem.type === 'GENRE') return '曲风名称'
+  return '内容'
+})
+
+const typePlaceholder = computed(() => {
+  if (newItem.type === 'SONG') return '例如: 歌曲名 - 艺术家'
+  if (newItem.type === 'KEYWORD') return '例如: 敏感词、特定风格'
+  if (newItem.type === 'LANGUAGE') return '例如: 日文 或 中文,英文,日文'
+  if (newItem.type === 'GENRE') return '例如: DJ 或 流行,摇滚,rap'
+  return '请输入内容'
+})
+
+const getTypeLabel = (type: string) => {
+  if (type === 'SONG') return '具体歌曲'
+  if (type === 'KEYWORD') return '关键词'
+  if (type === 'LANGUAGE') return '语种'
+  if (type === 'GENRE') return '曲风'
+  return type
+}
+
+const getTypeIconClass = (type: string) => {
+  switch (type) {
+    case 'SONG':
+      return 'bg-blue-600/10 text-blue-500 border-blue-500/20 shadow-lg shadow-blue-900/5'
+    case 'KEYWORD':
+      return 'bg-purple-600/10 text-purple-500 border-purple-500/20 shadow-lg shadow-purple-900/5'
+    case 'LANGUAGE':
+      return 'bg-amber-600/10 text-amber-500 border-amber-500/20 shadow-lg shadow-amber-900/5'
+    case 'GENRE':
+      return 'bg-emerald-600/10 text-emerald-500 border-emerald-500/20 shadow-lg shadow-emerald-900/5'
+    default:
+      return 'bg-zinc-600/10 text-zinc-500 border-zinc-500/20'
+  }
+}
+
+const getTypeBadgeClass = (type: string) => {
+  switch (type) {
+    case 'SONG':
+      return 'bg-blue-600/10 text-blue-400 border-blue-500/20'
+    case 'KEYWORD':
+      return 'bg-purple-600/10 text-purple-400 border-purple-500/20'
+    case 'LANGUAGE':
+      return 'bg-amber-600/10 text-amber-400 border-amber-500/20'
+    case 'GENRE':
+      return 'bg-emerald-600/10 text-emerald-400 border-emerald-500/20'
+    default:
+      return 'bg-zinc-600/10 text-zinc-400 border-zinc-500/20'
+  }
+}
+
 let searchTimeout = null
 
 // 加载黑名单
@@ -404,10 +479,11 @@ const loadBlacklist = async () => {
   }
 }
 
-// 处理类型筛选变更
 const handleTypeFilterChange = (label) => {
   if (label === '具体歌曲') filters.type = 'SONG'
   else if (label === '关键词') filters.type = 'KEYWORD'
+  else if (label === '语种') filters.type = 'LANGUAGE'
+  else if (label === '曲风') filters.type = 'GENRE'
   else filters.type = ''
 
   pagination.page = 1

app/components/Admin/ScheduleItemPrint.vue

@@ -7,16 +7,16 @@
       </div>
 
       <!-- 歌曲封面 -->
-      <div v-if="settings.showCover" class="cover-section">
+      <div v-if="settings.showCover" class="cover-section aspect-square">
         <img
           v-if="schedule.song.cover"
           :alt="schedule.song.title"
           :src="convertToHttps(schedule.song.cover)"
-          class="song-cover"
+          class="song-cover object-cover"
           referrerpolicy="no-referrer"
           @error="handleImageError"
         >
-        <div class="cover-placeholder" :class="{ 'show': !schedule.song.cover }">
+        <div class="cover-placeholder object-contain" :class="{ 'show': !schedule.song.cover }">
           <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
             <circle cx="12" cy="12" r="3" />
             <path d="M12 1v6m0 6v6" />
@@ -119,6 +119,7 @@ const handleImageError = (event) => {
 .cover-section {
   width: 40px;
   height: 40px;
+  aspect-ratio: 1 / 1;
   flex-shrink: 0;
 }
 
@@ -127,11 +128,14 @@ const handleImageError = (event) => {
   height: 100%;
   object-fit: cover;
   border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .cover-placeholder {
   width: 100%;
   height: 100%;
+  aspect-ratio: 1 / 1;
+  object-fit: contain;
   background: #f5f5f5;
   border-radius: 4px;
   display: none;
@@ -233,11 +237,27 @@ const handleImageError = (event) => {
   }
 
   .cover-section {
-    width: 40px !important;
-    height: 40px !important;
+    width: 48px !important;
+    height: 48px !important;
+    aspect-ratio: 1 / 1 !important;
     flex-shrink: 0 !important;
   }
 
+  .song-cover {
+    width: 100% !important;
+    height: 100% !important;
+    object-fit: contain !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+  }
+
+  .cover-placeholder {
+    width: 100% !important;
+    height: 100% !important;
+    object-fit: contain !important;
+    border-radius: 0 !important;
+  }
+
   .song-info {
     flex: 1 !important;
     min-width: 0 !important;