feat: 迁移自定义功能至 1.5.9.9 版本

包含音乐源限制、CI 防 OOM 优化、数据库连接池优化、管理端权限及 UI 细节定制等功能

app/components/year-review/MiscSlide.vue

@@ -5,18 +5,18 @@
     <Transition name="entry" appear>
       <div v-show="active" class="content">
         <div v-if="data.topPlatform" class="card platform-card">
-          <span class="label">{{ yearReview.commonPlatform }}</span>
+          <span class="label">常用平台</span>
           <span class="platform-value">{{ formatPlatform(data.topPlatform) }}</span>
         </div>
 
         <div class="grid-container">
           <div v-if="data.activeMonth" class="card active-card">
-            <span class="label">{{ yearReview.mostActive }}</span>
-            <span class="active-value">{{ yearReview.activeMonth(data.activeMonth) }}</span>
+            <span class="label">最活跃</span>
+            <span class="active-value">{{ data.activeMonth }}<span class="unit">月</span></span>
           </div>
 
           <div class="card votes-card">
-            <span class="label">{{ yearReview.votesCast }}</span>
+            <span class="label">投出票数</span>
             <span class="votes-value">{{ data.totalVotes }}</span>
           </div>
         </div>
@@ -26,16 +26,21 @@
 </template>
 
 <script setup>
-import { useLocale } from '~/utils/locale'
-
 defineProps({
   data: Object,
   active: Boolean
 })
-const { yearReview } = useLocale()
 
 const formatPlatform = (platform) => {
-  const map = yearReview.value.platforms
+  const map = {
+    netease: '网易云音乐',
+    bilibili: '哔哩哔哩',
+    qq: 'QQ音乐',
+    kugou: '酷狗音乐',
+    kuwo: '酷我音乐',
+    migu: '咪咕音乐',
+    tencent: 'QQ音乐'
+  }
   return map[platform] || platform
 }
 </script>
@@ -49,7 +54,7 @@ const formatPlatform = (platform) => {
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  background-color: var(--panel-bg-dark); /* gray-900 */
+  background-color: var(--bg-secondary, #111827); /* gray-900 */
 }
 
 .bg-gradient {
@@ -58,7 +63,7 @@ const formatPlatform = (platform) => {
   left: 0;
   width: 100%;
   height: 50%;
-  background: linear-gradient(to bottom, var(--panel-border-subtle), transparent);
+  background: linear-gradient(to bottom, var(--bg-secondary, #1f2937), transparent);
   opacity: 0.2;
 }
 
@@ -74,8 +79,8 @@ const formatPlatform = (platform) => {
 .card {
   padding: 1.5rem;
   border-radius: 1.5rem;
-  background: var(--overlay-5);
-  border: 1px solid var(--overlay-10);
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(12px);
   display: flex;
   flex-direction: column;
@@ -85,7 +90,7 @@ const formatPlatform = (platform) => {
 
 .label {
   font-size: 0.75rem;
-  color: var(--year-review-text-tertiary);
+  color: #6b7280;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   margin-bottom: 0.5rem; /* adjusted */
@@ -94,7 +99,7 @@ const formatPlatform = (platform) => {
 .platform-value {
   font-size: 1.5rem; /* text-2xl */
   font-weight: 700;
-  background-image: linear-gradient(to right, var(--color-error-light), var(--color-orange));
+  background-image: linear-gradient(to right, #f87171, #fb923c);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
@@ -114,19 +119,19 @@ const formatPlatform = (platform) => {
 .active-value {
   font-size: 2.25rem; /* text-4xl */
   font-weight: 700;
-  color: var(--year-review-text-yellow);
+  color: #fde047; /* yellow-300 */
 }
 
 .unit {
   font-size: 1rem;
   margin-left: 0.25rem;
-  color: var(--text-muted);
+  color: #9ca3af;
 }
 
 .votes-value {
   font-size: 1.875rem; /* text-3xl */
   font-weight: 700;
-  color: var(--year-review-text-cyan); /* cyan-300 */
+  color: #67e8f9; /* cyan-300 */
 }
 
 @media (min-width: 768px) {