diff --git a/src/main/resources/templates/casLoginView.html b/src/main/resources/templates/casLoginView.html
index ef4d59b..8f8f6c1 100644
--- a/src/main/resources/templates/casLoginView.html
+++ b/src/main/resources/templates/casLoginView.html
@@ -8,7 +8,7 @@
云海教育 · 统一身份认证平台
-
+
@@ -56,8 +56,18 @@
diff --git a/src/main/webapp/front/css/login.css b/src/main/webapp/front/css/login.css
index 46197db..da32233 100644
--- a/src/main/webapp/front/css/login.css
+++ b/src/main/webapp/front/css/login.css
@@ -237,40 +237,44 @@ body {
background: var(--input-bg);
}
-/* 密码框:右侧白底眼睛按钮,明文/密文切换 */
+/* 密码框:右侧内嵌眼睛图标,明文/密文切换 */
.pwd-item {
position: relative;
}
.pwd-item input {
- padding-right: 76px;
+ padding-right: 56px;
}
.eye-btn {
position: absolute;
top: 50%;
- right: 5px;
+ right: 8px;
transform: translateY(-50%);
- width: 60px;
- height: 44px;
+ width: 36px;
+ height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
- background: #fff;
- border: 1px solid var(--border);
- border-radius: var(--radius-input);
+ background: transparent;
+ border: none;
+ border-radius: 8px;
cursor: pointer;
- transition: border-color 0.18s;
+ color: var(--placeholder);
+ transition: background 0.18s, color 0.18s;
}
-.eye-btn:hover {
- border-color: var(--accent);
+.eye-btn:hover,
+.eye-btn:focus-visible {
+ background: rgba(47, 163, 106, 0.10);
+ color: var(--accent);
+ outline: none;
}
-.eye-btn img {
- width: 22px;
- height: 22px;
+.eye-btn svg {
+ width: 20px;
+ height: 20px;
display: block;
}