From b48e5b00970029cd116a77eeae5d1a0d1709d63f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E6=B1=89?=
 <5725748+qin_and_han_dynasties@user.noreply.gitee.com>
Date: Sat, 9 May 2026 23:00:20 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=8C=89=E9=92=AE=E6=94=B9?=
 =?UTF-8?q?=E6=88=90=E6=B0=B4=E5=A2=A8=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Build_God_Game/src/views/LoginView.vue | 64 +++++++++++++++-----------
 1 file changed, 38 insertions(+), 26 deletions(-)

diff --git a/Build_God_Game/src/views/LoginView.vue b/Build_God_Game/src/views/LoginView.vue
index febb329..acec16a 100644
--- a/Build_God_Game/src/views/LoginView.vue
+++ b/Build_God_Game/src/views/LoginView.vue
@@ -3,9 +3,7 @@ import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 import Particles from '@/components/Particles/Particles.vue'
-import GlareHover from '@/components/GlareHover/GlareHover.vue'
 import BlurText from '@/components/BlurText/BlurText.vue'
-import StarBorder from '@/components/StarBorder/StarBorder.vue'
 
 const router = useRouter()
 const authStore = useAuthStore()
@@ -77,12 +75,10 @@ const handleLogin = async () => {
             {{ errorMsg }}
           </div>
 
-          <StarBorder as="div" color="greenyellow" speed="3s" :thickness="3" @click="handleLogin">
-            <div class="btn-login">
-              <span v-if="isLoading" class="loading-text">登录中...</span>
-              <span v-else class="button-text">登 录</span>
-            </div>
-          </StarBorder>
+          <div class="btn-ink" @click="handleLogin">
+            <span v-if="isLoading" class="loading-text">登录中...</span>
+            <span v-else class="button-text">开始游戏</span>
+          </div>
 
         </form>
 
@@ -125,9 +121,9 @@ const handleLogin = async () => {
 }
 
 .login-card {
-  background: rgba(255, 255, 255, 0.03);
+  background: rgba(255, 255, 255, 0.08);
   backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.15);
   border-radius: 20px;
   padding: 36px;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
@@ -221,31 +217,47 @@ const handleLogin = async () => {
   border-radius: 8px;
 }
 
-.login-button {
-  margin-top: 8px;
+.btn-ink {
+  position: relative;
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
+  width: 220px;
+  height: 80px;
+  margin: 0 auto;
+  font-family: "STKaiti", "KaiTi", "华文楷体", "Microsoft YaHei", cursive;
+  font-size: 18px;
+  font-weight: bold;
+  color: #ffffff;
+  letter-spacing: 4px;
   cursor: pointer;
+  border: none;
+  background: transparent;
+  z-index: 1;
 }
 
-.btn-login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px dashed greenyellow;
-  border-radius: 15px;
-  background: rgba(255, 255, 255, 0.03);
-  padding: 12px 16px;
-  cursor: pointer;
-  height: 100%;
+.btn-ink::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: url(@/assets/brushbutton.png) no-repeat center;
+  background-size: contain;
+  transition: transform 0.3s ease;
+  z-index: -1;
+}
+
+.btn-ink:hover::before {
+  transform: scale(1.05);
+}
+
+.btn-ink:active::before {
+  transform: scale(0.95);
 }
 
 .button-text,
 .loading-text {
-  color: #ffffff;
-  font-weight: bold;
-  letter-spacing: 0.2em;
+  position: relative;
+  z-index: 1;
 }
 
 .login-footer {