From 9627d02a2213a7fc6dafcf754b346fa9f70fc1cc Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Wed, 17 Dec 2025 13:37:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B3=A8=E5=86=8C=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=86=85=E5=AE=B9=E5=9C=A8=E4=B8=8B=E5=8D=8A=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题根因：
- .regist-text 使用 display: inline-block
- inline-block 在 flex 容器中按照文字基线对齐
- 导致内容向下偏移而不是垂直居中

解决方案：
- 将 .regist-text 改为 display: inline-flex
- 添加 align-items: center 确保内部内容垂直居中
- 现在按钮图标和文字会正确地在按钮中间显示

这解决了用户看到的"虚线下面才有按钮内容"的问题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 css/index.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/index.css b/css/index.css
index 27e8610..2b9a31c 100644
--- a/css/index.css
+++ b/css/index.css
@@ -165,7 +165,8 @@
 #index .no-login .btn.btn-normal#registBtn .regist-text {
   position: relative;
   z-index: 3;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
 }
 
 /* 注册按钮图标 */