打发打发

css/index.css

@@ -111,8 +111,8 @@
 }
 
 /* 登录按钮 - 线框风格 */
-#index .btn-normal-light,
-#index #loginBtn {
+#index .nav-right .btn-normal-light,
+#index .nav-right #loginBtn {
   padding: 8px 20px;
   font-size: 14px;
   font-weight: 500;
@@ -126,8 +126,8 @@
   overflow: hidden;
 }
 
-#index .btn-normal-light::before,
-#index #loginBtn::before {
+#index .nav-right .btn-normal-light::before,
+#index .nav-right #loginBtn::before {
   content: '';
   position: absolute;
   top: 50%;
@@ -140,23 +140,23 @@
   transition: width 0.6s ease, height 0.6s ease;
 }
 
-#index .btn-normal-light:hover,
-#index #loginBtn:hover {
+#index .nav-right .btn-normal-light:hover,
+#index .nav-right #loginBtn:hover {
   border-color: rgba(56, 189, 248, 0.6);
   color: #38BDF8;
   box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
   transform: translateY(-2px);
 }
 
-#index .btn-normal-light:hover::before,
-#index #loginBtn:hover::before {
+#index .nav-right .btn-normal-light:hover::before,
+#index .nav-right #loginBtn:hover::before {
   width: 300px;
   height: 300px;
 }
 
 /* 注册按钮 - 渐变填充风格 */
-#index .btn-normal,
-#index #registBtn {
+#index .nav-right .btn-normal,
+#index .nav-right #registBtn {
   padding: 8px 20px;
   font-size: 14px;
   font-weight: 600;
@@ -170,8 +170,8 @@
   overflow: hidden;
 }
 
-#index .btn-normal::before,
-#index #registBtn::before {
+#index .nav-right .btn-normal::before,
+#index .nav-right #registBtn::before {
   content: '';
   position: absolute;
   top: 0;
@@ -183,21 +183,21 @@
   transition: opacity 0.3s ease;
 }
 
-#index .btn-normal:hover,
-#index #registBtn:hover {
+#index .nav-right .btn-normal:hover,
+#index .nav-right #registBtn:hover {
   box-shadow:
     0 6px 20px rgba(56, 189, 248, 0.4),
     0 0 30px rgba(56, 189, 248, 0.3);
   transform: translateY(-2px);
 }
 
-#index .btn-normal:hover::before,
-#index #registBtn:hover::before {
+#index .nav-right .btn-normal:hover::before,
+#index .nav-right #registBtn:hover::before {
   opacity: 1;
 }
 
-#index .btn-normal span,
-#index #registBtn span {
+#index .nav-right .btn-normal span,
+#index .nav-right #registBtn span {
   position: relative;
   z-index: 1;
 }
@@ -245,10 +245,10 @@
     font-size: 13px;
   }
 
-  #index .btn-normal-light,
-  #index #loginBtn,
-  #index .btn-normal,
-  #index #registBtn {
+  #index .nav-right .btn-normal-light,
+  #index .nav-right #loginBtn,
+  #index .nav-right .btn-normal,
+  #index .nav-right #registBtn {
     padding: 6px 16px;
     font-size: 13px;
   }