1. 播放器歌词效果

vite-tailwindcss/src/views/admin/AdminEditor.vue

@@ -160,6 +160,10 @@
                   <a-switch v-model:checked="cfg.danmakuShowTime" :disabled="!cfg.danmakuEnabled" />
                   <div class="text-[11px] text-[#8A8680] mt-1">开启后弹幕后缀展示相对时间（刚刚、x分钟前等）。</div>
                 </a-form-item>
+                <a-form-item label="九宫格入场动画">
+                  <a-switch v-model:checked="cfg.nineGridAnimate" />
+                  <div class="text-[11px] text-[#8A8680] mt-1">关闭：提前预加载、进入窗口即展示且不暂停滚动（推荐 iOS）；开启：轻量淡入并短暂停滚。</div>
+                </a-form-item>
               </div>
             </a-form>
           </a-card>
@@ -437,7 +441,7 @@
             <template #bodyCell="{ column, record }">
               <template v-if="column.key==='content'">
                 <span class="inline-flex items-center gap-2 min-w-0">
-                  <i class="danmaku-admin-dot" :style="{ background: resolveDanmakuColor(record.color) }" />
+                  <i class="danmaku-admin-dot" :style="{ background: resolveDanmakuSwatch(record.color) }" />
                   <span class="truncate">{{ record.content }}</span>
                 </span>
               </template>
@@ -479,7 +483,7 @@ import {
 import { useAdminStore } from '@/stores/admin'
 import ImageField from '@/components/ImageField.vue'
 import { BORDER_STYLES, borderClass } from '@/composables/borderStyles'
-import { resolveDanmakuColor } from '@/utils/danmakuColors'
+import { resolveDanmakuSwatch } from '@/utils/danmakuColors'
 
 const router = useRouter()
 const adminStore = useAdminStore()
@@ -512,6 +516,7 @@ function defaultConfig() {
     musicRandomEnabled: false,
     danmakuEnabled: true,
     danmakuShowTime: true,
+    nineGridAnimate: false,
     scrollMode: 'snap', petalEnabled: true, bubbleEnabled: true, introEnabled: true,
     introExitEffect: 'wind',
     freeScrollInterval: 50, pageSwitchDuration: 800, firstScreenDuration: 4500,
@@ -869,6 +874,7 @@ onMounted(async () => {
       if (typeof cfg.musicRandomEnabled !== 'boolean') cfg.musicRandomEnabled = false
       if (typeof cfg.danmakuEnabled !== 'boolean') cfg.danmakuEnabled = true
       if (typeof cfg.danmakuShowTime !== 'boolean') cfg.danmakuShowTime = true
+      if (typeof cfg.nineGridAnimate !== 'boolean') cfg.nineGridAnimate = false
     }
   } catch (e) { /* 使用默认配置 */ }
   if (adminStore.isAdmin) {