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

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

app/pages/login.vue

@@ -4,14 +4,26 @@
       <div class="form-section">
         <div class="form-header">
           <div class="logo-row">
-            <img :src="brandLogoSrc" alt="Brand Logo" class="brand-logo-center" />
-            <div v-if="schoolLogoHomeDisplayUrl" class="logo-divider" />
             <img
-              v-if="schoolLogoHomeDisplayUrl"
-              :src="schoolLogoHomeDisplayUrl"
-              :alt="locale.schoolLogoAlt"
+              :src="brandLogoSrc"
+              alt="Brand Logo"
+              class="brand-logo-center"
+              width="96"
+              height="96"
+              decoding="async"
+              fetchpriority="high"
+            >
+            <div v-if="schoolLogoHomeUrl && schoolLogoHomeUrl.trim()" class="logo-divider" />
+            <img
+              v-if="schoolLogoHomeUrl && schoolLogoHomeUrl.trim()"
+              :src="schoolLogoHomeUrl"
+              alt="学校Logo"
               class="school-logo"
-            />
+              width="160"
+              height="160"
+              decoding="async"
+              fetchpriority="high"
+            >
           </div>
           <h1 class="form-title">{{ siteTitle ? siteTitle + ' | VoiceHub' : 'VoiceHub' }}</h1>
           <div class="header-divider" />
@@ -29,25 +41,15 @@
 <script setup>
 import { onMounted, computed, ref } from 'vue'
 import LoginForm from '~/components/Auth/LoginForm.vue'
-import { useLocale } from '~/utils/locale'
-import { useThemeImage } from '~/composables/useThemeImage'
+import logo from '~~/public/images/logo.png'
 
 // 使用站点配置
-const {
-  siteTitle,
-  initSiteConfig,
-  logoUrl,
-  schoolLogoHomeDisplayUrl,
-  icp: icpNumber
-} = useSiteConfig()
-const { pages } = useLocale()
-const locale = computed(() => pages.value?.login || {})
+const { siteTitle, initSiteConfig, logoUrl, schoolLogoHomeUrl, icp: icpNumber } = useSiteConfig()
 // 主品牌Logo优先使用SVG，其次使用站点配置中非ICO的地址
-const { getLogo } = useThemeImage()
 const brandLogoSrc = computed(() => {
   const url = logoUrl.value
   if (url && !url.endsWith('.ico')) return url
-  return getLogo()
+  return logo
 })
 
 // 在组件挂载后初始化站点配置
@@ -57,7 +59,7 @@ onMounted(async () => {
 
   // 设置页面标题
   if (typeof document !== 'undefined' && siteTitle.value) {
-    document.title = `${locale.value.title} | ${siteTitle.value}`
+    document.title = `登录 | ${siteTitle.value}`
   }
 })
 </script>
@@ -72,7 +74,7 @@ onMounted(async () => {
   justify-content: flex-start;
   padding: 20px;
   /* 响应式尺寸变量 */
-  --color-brand-logo-size: clamp(48px, 8vw, 96px);
+  --brand-logo-size: clamp(48px, 8vw, 96px);
   --school-logo-size: clamp(96px, 16vw, 160px);
   --logo-gap: clamp(12px, 2vw, 24px);
   --divider-height: clamp(32px, 10vw, 96px);
@@ -109,7 +111,7 @@ onMounted(async () => {
   left: 0;
   right: 0;
   bottom: 0;
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23666" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
+  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
   opacity: 0.3;
 }
 
@@ -136,7 +138,7 @@ onMounted(async () => {
 
 .brand-logo:hover {
   transform: translateY(-3px) scale(1.02);
-  filter: drop-shadow(0 10px 20px var(--mask-25));
+  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
 }
 
 .brand-title {
@@ -224,13 +226,13 @@ onMounted(async () => {
 }
 
 .brand-logo-center {
-  width: var(--color-brand-logo-size);
-  height: var(--color-brand-logo-size);
+  width: var(--brand-logo-size);
+  height: var(--brand-logo-size);
   margin: 0;
   object-fit: contain;
   max-width: 100%;
   max-height: 100%;
-  filter: drop-shadow(0 2px 8px var(--mask-15));
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
 }
 
 .school-logo {
@@ -240,7 +242,7 @@ onMounted(async () => {
   object-fit: contain;
   max-width: 100%;
   max-height: 100%;
-  filter: drop-shadow(0 2px 8px var(--mask-15));
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
 }
 
 .form-title {
@@ -310,7 +312,7 @@ onMounted(async () => {
 
 .icp-link:hover,
 .voicehub-link:hover {
-  color: var(--overlay-80);
+  color: var(--text-secondary);
 }
 
 @media (max-width: 768px) {