diff --git a/src/views/Login.vue b/src/views/Login.vue
index d75d629..132a437 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -114,15 +114,21 @@
               <span>快速体验</span>
             </div>
             <div class="demo-buttons">
-              <button class="demo-btn" @click="quickLogin('student')">
-                <User :size="16" />
+              <button class="demo-btn" @click="quickLogin('student')" style="padding: 10px var(--spacing-md);">
+                <el-icon style="font-size: 14px; margin-right: 6px;"><User /></el-icon>
                 学生演示
               </button>
-              <button class="demo-btn" @click="quickLogin('teacher')">
-                <Monitor :size="16" />
+              <button class="demo-btn" @click="quickLogin('teacher')" style="padding: 10px var(--spacing-md);">
+                <el-icon style="font-size: 14px; margin-right: 6px;"><Monitor /></el-icon>
                 教师演示
               </button>
             </div>
+            <div class="demo-buttons" style="margin-top: 8px;">
+              <button class="demo-btn big-screen-btn" @click="$router.push('/big-screen-portrait')" style="flex: none; width: 100%; padding: 10px var(--spacing-md);">
+                <el-icon style="font-size: 14px; margin-right: 6px;"><PieChart /></el-icon>
+                学生能力评价画像
+              </button>
+            </div>
           </div>
         </div>
 
@@ -445,6 +451,21 @@ export default {
   color: var(--primary);
 }
 
+.big-screen-btn {
+  background: var(--gradient-primary);
+  color: var(--text-inverse) !important;
+  border-color: transparent;
+  font-weight: 600;
+}
+
+.big-screen-btn:hover {
+  background: var(--primary) !important;
+  border-color: transparent !important;
+  color: var(--text-inverse) !important;
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-md);
+}
+
 .login-footer {
   text-align: center;
 }