x

static/style.css

@@ -548,14 +548,14 @@ body {
 .btn-back {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
-  padding: 6px 14px;
+  gap: 6px;
+  padding: 8px 18px;
   margin-bottom: var(--space-3);
-  font-size: 13px;
+  font-size: 14px;
   font-weight: var(--font-medium);
   color: var(--text-secondary);
   background: var(--bg-secondary);
-  border: 1px solid var(--border-light);
+  border: 1px solid var(--border-default);
   border-radius: var(--radius-md);
   cursor: pointer;
   transition: all 0.2s ease;
@@ -566,11 +566,14 @@ body {
 .btn-back:hover {
   color: var(--primary-700);
   background: var(--primary-50);
-  border-color: var(--primary-200);
+  border-color: var(--primary-300);
+  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
+  transform: translateY(-1px);
 }
 
 .btn-back:active {
-  transform: scale(0.96);
+  transform: scale(0.96) translateY(0);
+  box-shadow: none;
 }
 
 .btn:disabled,

static/vue-app.js

@@ -295,10 +295,10 @@ const App = {
                 <div class="user-avatar">{{ (appState.user.full_name || appState.user.username).charAt(0).toUpperCase() }}</div>
                 <span class="user-name">{{ appState.user.full_name || appState.user.username }}</span>
               </div>
-              <button class="btn btn-secondary btn-sm" @click="handleLogout">退出</button>
+              <button class="btn btn-secondary" @click="handleLogout">退出</button>
             </template>
             <template v-else>
-              <router-link to="/login" class="btn btn-primary btn-sm">登录</router-link>
+              <router-link to="/login" class="btn btn-primary">登录</router-link>
             </template>
           </div>
         </div>
@@ -403,6 +403,10 @@ const LoginView = {
   },
   template: `
     <div class="login-container">
+      <a class="btn-back" @click="$router.push('/')" style="margin-bottom:16px">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
+        返回首页
+      </a>
       <div class="login-card">
         <div class="login-header">
           <div class="login-logo">G</div>
@@ -1963,7 +1967,7 @@ const ResultView = {
     <div class="page-container">
       <div class="page-header">
         <button class="btn-back" @click="$router.back()">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
           返回
         </button>
         <h1>分析结果</h1>