From f761c59637f0eb155ab6806403d0d770492cf92a Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 30 Jul 2026 14:51:50 +0800
Subject: [PATCH] Unify MoviePilot wordmark styling across layouts

---
 src/@layouts/components/VerticalNav.vue          |  4 ++--
 src/layouts/default/components/DefaultLayout.vue |  2 +-
 src/pages/login.vue                              |  9 +--------
 src/styles/common.scss                           | 11 +++++++++++
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index c69d64f0..3fe31e66 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -53,8 +53,8 @@ function handleNavScroll(evt: Event) {
         <RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
           <ThemeLogoMark />
 
-          <h1 class="font-weight-bold leading-normal text-xl">
-            MOVIEPILOT <span class="text-sm text-gray-500">v2</span>
+          <h1 class="leading-normal text-xl">
+            <span class="moviepilot-wordmark">MOVIEPILOT</span> <span class="text-sm text-gray-500">v2</span>
           </h1>
         </RouterLink>
       </slot>
diff --git a/src/layouts/default/components/DefaultLayout.vue b/src/layouts/default/components/DefaultLayout.vue
index d8ed88de..982dd1df 100644
--- a/src/layouts/default/components/DefaultLayout.vue
+++ b/src/layouts/default/components/DefaultLayout.vue
@@ -513,7 +513,7 @@ onMounted(async () => {
       >
         <RouterLink v-if="showHorizontalThemeNav" :to="canAdmin ? '/dashboard' : '/apps'" class="theme-horizontal-logo">
           <ThemeLogoMark class="theme-horizontal-logo__mark" />
-          <span class="theme-horizontal-logo__text">MOVIEPILOT</span>
+          <span class="theme-horizontal-logo__text moviepilot-wordmark">MOVIEPILOT</span>
         </RouterLink>
         <!-- 👉 Vertical Nav Toggle -->
         <IconBtn v-if="!appMode && display.mdAndDown.value" class="ms-n2" @click="toggleVerticalOverlayNavActive(true)">
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 3ce6f2e7..7681a29b 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -799,7 +799,7 @@ onUnmounted(() => {
         <!-- 卡片头部：Logo + 标题 + 欢迎语 -->
         <div class="login-head">
           <OpticalLogoLab class="login-logo" :locale="currentLocale" @logo-click="handleLabTap('logo')">
-            <h1 class="login-title" @click="handleLabTap('title')">MoviePilot</h1>
+            <h1 class="login-title moviepilot-wordmark" @click="handleLabTap('title')">MoviePilot</h1>
             <p class="login-subtitle">{{ t('login.welcomeBack') || 'Welcome Back' }}</p>
           </OpticalLogoLab>
         </div>
@@ -1141,14 +1141,7 @@ onUnmounted(() => {
 .login-title {
   margin: 0;
   animation: text-enter 600ms cubic-bezier(0.16, 1, 0.3, 1) 200ms both;
-  background: linear-gradient(135deg, rgb(var(--v-theme-on-surface)) 30%, rgba(var(--v-theme-primary), 1) 100%);
-  background-clip: text;
   font-size: 1.85rem;
-  font-weight: 800;
-  letter-spacing: 0.03em;
-  line-height: 1.2;
-  -webkit-text-fill-color: transparent;
-  text-transform: uppercase;
   touch-action: manipulation;
   user-select: none;
   -webkit-user-select: none;
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 7b291fd6..eb0a898b 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -1407,6 +1407,17 @@ html[data-theme='transparent'].transparent-glass-realtime .v-theme--transparent
   --tw-gradient-to: #c084fc;
 }
 
+// 登录页与主框架共用的品牌文字效果。
+.moviepilot-wordmark {
+  background: linear-gradient(135deg, rgb(var(--v-theme-on-surface)) 30%, rgba(var(--v-theme-primary), 1) 100%);
+  background-clip: text;
+  font-weight: 800;
+  letter-spacing: 0.03em;
+  line-height: 1.2;
+  -webkit-text-fill-color: transparent;
+  text-transform: uppercase;
+}
+
 .text-shadow {
   text-shadow: 1px 1px #777;
 }