Update templates/index.html

templates/index.html

@@ -18,22 +18,27 @@
             margin: 0;
             padding: 0;
             color: #ffffff;
-            overflow: hidden;
             background: linear-gradient(135deg, #e74c3c, #c0392b);
             position: relative;
+            min-height: 100vh;
+            overflow-x: hidden;
         }
 
         /* 封面页特殊样式，带有渐变效果的覆盖 */
         body::before {
             content: '';
             position: absolute;
-            width: 200%;
-            height: 200%;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100vh;
             background: rgba(255, 255, 255, 0.1);
             transform: translateX(-50%) translateY(-50%) rotate(-45deg);
             animation: shine 4s infinite linear;
+            pointer-events: none;
+            z-index: 0;
         }
-        
+
         @keyframes shine {
             0% { transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
             100% { transform: translateX(50%) translateY(50%) rotate(-45deg); }
@@ -45,10 +50,11 @@
             padding: 20px;
             border-radius: 8px;
             max-width: 800px;
-            margin: 50px auto;
+            padding-top: 50px;
+            margin: 0 auto;
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
             text-align: center;
-            animation: fadeInUp 1s ease-in-out; /* 渐入动画 */
+            animation: fadeInUp 1s ease-in-out;
             position: relative;
             z-index: 1;
         }