虖

css/index.css

@@ -134,16 +134,16 @@
   display: contents; /* 让子元素直接参与父级 flex 布局 */
 }
 
-/* 注册文字链接 */
+/* 登录文字链接 */
 #index .no-login .nav-text-link {
   padding: 0 16px;
   display: flex;
   align-items: center;
 }
 
-/* 登录按钮 - 与 header 等高 */
-#index .btn-login,
-#index #loginBtn {
+/* 注册按钮 - 与 header 等高 */
+#index .btn-register,
+#index #registBtn.btn-register {
   padding: 0 32px;
   font-size: 14px;
   font-weight: 500;
@@ -162,8 +162,8 @@
   min-width: 100px;
 }
 
-#index .btn-login::before,
-#index #loginBtn::before {
+#index .btn-register::before,
+#index #registBtn.btn-register::before {
   content: '';
   position: absolute;
   top: 0;
@@ -175,19 +175,19 @@
   transition: opacity 0.3s ease;
 }
 
-#index .btn-login:hover,
-#index #loginBtn:hover {
+#index .btn-register:hover,
+#index #registBtn.btn-register:hover {
   background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
 }
 
-#index .btn-login:hover::before,
-#index #loginBtn:hover::before {
+#index .btn-register:hover::before,
+#index #registBtn.btn-register:hover::before {
   opacity: 1;
 }
 
-/* 登录按钮文字在最上层 */
-#index .btn-login span,
-#index #loginBtn span {
+/* 注册按钮文字在最上层 */
+#index .btn-register span,
+#index #registBtn.btn-register span {
   position: relative;
   z-index: 1;
 }
@@ -240,8 +240,8 @@
     font-size: 13px;
   }
 
-  #index .btn-login,
-  #index #loginBtn {
+  #index .btn-register,
+  #index #registBtn.btn-register {
     padding: 0 24px;
     font-size: 13px;
     min-width: 80px;

public/header.html

@@ -34,9 +34,8 @@
       <a href="/home.htm" class="nav-text-link">控制台</a>
       <span class="nav-divider">|</span>
       <div class="no-login" style="display: none;">
-        <span class="nav-text-link" id="registBtn">注册</span>
-        <span class="nav-divider">|</span>
-        <div class="btn btn-login" id="loginBtn">登录</div>
+        <span class="nav-text-link" id="loginBtn">登录</span>
+        <div class="btn btn-register" id="registBtn">注册</div>
       </div>
       <div class="login-in " style="display: none;">
         <div id="headImg" class="head-img"></div>