From 084824112bf5121bd6413092daef1071917882e4 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Mon, 1 Dec 2025 16:27:01 +0800
Subject: [PATCH] style: enhance third-party auth provider icon designs

---
 frontend/src/assets/svg/logo_cas.svg          | 17 +++++------------
 frontend/src/assets/svg/logo_ldap.svg         | 14 ++------------
 frontend/src/assets/svg/logo_oauth.svg        |  5 +++--
 frontend/src/assets/svg/logo_oidc.svg         | 19 +++----------------
 frontend/src/views/login/xpack/Cas.vue        |  4 +++-
 frontend/src/views/login/xpack/Oauth2.vue     |  4 +++-
 frontend/src/views/login/xpack/Oidc.vue       |  4 +++-
 frontend/src/views/login/xpack/QrcodeLdap.vue |  4 ++++
 8 files changed, 26 insertions(+), 45 deletions(-)

diff --git a/frontend/src/assets/svg/logo_cas.svg b/frontend/src/assets/svg/logo_cas.svg
index ad09ca8b6..92d6e8c87 100644
--- a/frontend/src/assets/svg/logo_cas.svg
+++ b/frontend/src/assets/svg/logo_cas.svg
@@ -1,16 +1,9 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="" xmlns="http://www.w3.org/2000/svg">
-<g id="logo_cas">
-<g id="logo_cas_2">
-<mask id="mask0_3028_68898" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="30" height="30">
-<circle id="Ellipse 130" cx="16" cy="16" r="15" fill=""/>
+<circle cx="16" cy="16" r="15.5" fill="white" stroke="#DEE0E3"/>
+<mask id="mask0_3062_184766" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="30" height="30">
+<circle cx="16" cy="16" r="15" fill="white"/>
 </mask>
-<g mask="url(#mask0_3028_68898)">
-<g id="CAS">
-<path d="M8.38996 11.992C9.30296 11.992 10.062 12.223 10.656 12.707C11.228 13.169 11.58 13.807 11.701 14.599H10.535C10.403 14.071 10.15 13.675 9.77596 13.422C9.40196 13.169 8.93996 13.048 8.36796 13.048C7.52096 13.048 6.88296 13.334 6.45396 13.917C6.04696 14.445 5.84896 15.171 5.84896 16.084C5.84896 17.03 6.04696 17.756 6.44296 18.273C6.86096 18.823 7.50996 19.098 8.38996 19.098C8.96196 19.098 9.44596 18.955 9.81996 18.669C10.216 18.361 10.491 17.899 10.645 17.283H11.811C11.635 18.196 11.228 18.911 10.579 19.428C9.97396 19.912 9.24796 20.154 8.40096 20.154C7.11396 20.154 6.14596 19.736 5.49696 18.922C4.92496 18.218 4.64996 17.272 4.64996 16.084C4.64996 14.918 4.93596 13.972 5.52996 13.235C6.18996 12.399 7.13596 11.992 8.38996 11.992Z" fill=""/>
-<path d="M15.2809 12.146H16.6449L19.6699 20H18.3829L17.6459 17.976H14.2689L13.5319 20H12.2559L15.2809 12.146ZM14.6319 16.986H17.2829L15.9849 13.433H15.9409L14.6319 16.986Z" fill=""/>
-<path d="M23.188 11.992C24.101 11.992 24.816 12.179 25.333 12.575C25.883 12.982 26.191 13.609 26.268 14.467H25.08C24.97 13.961 24.772 13.587 24.464 13.367C24.156 13.136 23.716 13.026 23.122 13.026C22.605 13.026 22.209 13.103 21.934 13.257C21.593 13.433 21.428 13.719 21.428 14.115C21.428 14.467 21.615 14.742 22.011 14.951C22.187 15.05 22.638 15.215 23.375 15.435C24.431 15.765 25.124 16.018 25.432 16.205C26.103 16.612 26.444 17.173 26.444 17.899C26.444 18.603 26.169 19.153 25.619 19.56C25.069 19.956 24.299 20.154 23.309 20.154C22.352 20.154 21.604 19.956 21.065 19.582C20.416 19.12 20.064 18.394 19.998 17.404H21.186C21.274 18.02 21.494 18.471 21.846 18.735C22.165 18.977 22.649 19.098 23.309 19.098C23.903 19.098 24.376 18.988 24.728 18.79C25.08 18.592 25.256 18.317 25.256 17.965C25.256 17.525 25.003 17.184 24.508 16.931C24.332 16.843 23.815 16.667 22.946 16.403C21.978 16.095 21.384 15.886 21.142 15.754C20.537 15.391 20.24 14.863 20.24 14.181C20.24 13.488 20.526 12.949 21.109 12.553C21.659 12.179 22.352 11.992 23.188 11.992Z" fill=""/>
-</g>
-</g>
-</g>
+<g mask="url(#mask0_3062_184766)">
+<path d="M9.53633 12.72C10.3663 12.72 11.0563 12.93 11.5963 13.37C12.1163 13.79 12.4363 14.37 12.5463 15.09H11.4863C11.3663 14.61 11.1363 14.25 10.7963 14.02C10.4563 13.79 10.0363 13.68 9.51633 13.68C8.74633 13.68 8.16633 13.94 7.77633 14.47C7.40633 14.95 7.22633 15.61 7.22633 16.44C7.22633 17.3 7.40633 17.96 7.76633 18.43C8.14633 18.93 8.73633 19.18 9.53633 19.18C10.0563 19.18 10.4963 19.05 10.8363 18.79C11.1963 18.51 11.4463 18.09 11.5863 17.53H12.6463C12.4863 18.36 12.1163 19.01 11.5263 19.48C10.9763 19.92 10.3163 20.14 9.54633 20.14C8.37633 20.14 7.49633 19.76 6.90633 19.02C6.38633 18.38 6.13633 17.52 6.13633 16.44C6.13633 15.38 6.39633 14.52 6.93633 13.85C7.53633 13.09 8.39633 12.72 9.53633 12.72ZM15.8008 12.86H17.0408L19.7908 20H18.6208L17.9508 18.16H14.8808L14.2108 20H13.0508L15.8008 12.86ZM15.2108 17.26H17.6208L16.4408 14.03H16.4008L15.2108 17.26ZM22.9891 12.72C23.8191 12.72 24.4691 12.89 24.9391 13.25C25.4391 13.62 25.7191 14.19 25.7891 14.97H24.7091C24.6091 14.51 24.4291 14.17 24.1491 13.97C23.8691 13.76 23.4691 13.66 22.9291 13.66C22.4591 13.66 22.0991 13.73 21.8491 13.87C21.5391 14.03 21.3891 14.29 21.3891 14.65C21.3891 14.97 21.5591 15.22 21.9191 15.41C22.0791 15.5 22.4891 15.65 23.1591 15.85C24.1191 16.15 24.7491 16.38 25.0291 16.55C25.6391 16.92 25.9491 17.43 25.9491 18.09C25.9491 18.73 25.6991 19.23 25.1991 19.6C24.6991 19.96 23.9991 20.14 23.0991 20.14C22.2291 20.14 21.5491 19.96 21.0591 19.62C20.4691 19.2 20.1491 18.54 20.0891 17.64H21.1691C21.2491 18.2 21.4491 18.61 21.7691 18.85C22.0591 19.07 22.4991 19.18 23.0991 19.18C23.6391 19.18 24.0691 19.08 24.3891 18.9C24.7091 18.72 24.8691 18.47 24.8691 18.15C24.8691 17.75 24.6391 17.44 24.1891 17.21C24.0291 17.13 23.5591 16.97 22.7691 16.73C21.8891 16.45 21.3491 16.26 21.1291 16.14C20.5791 15.81 20.3091 15.33 20.3091 14.71C20.3091 14.08 20.5691 13.59 21.0991 13.23C21.5991 12.89 22.2291 12.72 22.9891 12.72Z" fill=""/>
 </g>
 </svg>
diff --git a/frontend/src/assets/svg/logo_ldap.svg b/frontend/src/assets/svg/logo_ldap.svg
index bd13cd4ae..27db26481 100644
--- a/frontend/src/assets/svg/logo_ldap.svg
+++ b/frontend/src/assets/svg/logo_ldap.svg
@@ -1,14 +1,4 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="" xmlns="http://www.w3.org/2000/svg">
-<g id="logo_cas">
-<g id="logo_cas_2">
-<mask id="mask0_3028_68898" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="30" height="30">
-<circle id="Ellipse 130" cx="16" cy="16" r="15" fill="white"/>
-</mask>
-<g mask="url(#mask0_3028_68898)">
-<g id="CAS">
-<path d="M3.03105 12.86H4.11105V19.07H8.04106V20H3.03105V12.86ZM8.93926 12.86H11.5393C12.6893 12.86 13.5593 13.18 14.1593 13.83C14.7193 14.43 14.9993 15.3 14.9993 16.43C14.9993 17.55 14.7093 18.42 14.1393 19.04C13.5393 19.68 12.6693 20 11.5193 20H8.93926V12.86ZM10.0293 13.79V19.07H11.3193C12.2193 19.07 12.8893 18.85 13.3093 18.42C13.7193 17.99 13.9293 17.33 13.9293 16.43C13.9293 15.51 13.7193 14.85 13.3193 14.43C12.8993 14 12.2393 13.79 11.3393 13.79H10.0293ZM18.1572 12.86H19.3972L22.1472 20H20.9772L20.3072 18.16H17.2372L16.5672 20H15.4072L18.1572 12.86ZM17.5672 17.26H19.9772L18.7972 14.03H18.7572L17.5672 17.26ZM22.8455 12.86H25.8055C27.5055 12.86 28.3555 13.58 28.3555 15.03C28.3555 16.49 27.4955 17.22 25.7855 17.22H23.9355V20H22.8455V12.86ZM23.9355 13.79V16.29H25.7155C26.2555 16.29 26.6455 16.19 26.8955 15.99C27.1355 15.79 27.2655 15.47 27.2655 15.03C27.2655 14.59 27.1355 14.27 26.8855 14.09C26.6355 13.89 26.2455 13.79 25.7155 13.79H23.9355Z" fill=""/>
-</g>
-</g>
-</g>
-</g>
+<circle cx="16" cy="16" r="15.5" fill="white" stroke="#DEE0E3"/>
+<path d="M3.53105 12.86H4.61105V19.07H8.54106V20H3.53105V12.86ZM9.43926 12.86H12.0393C13.1893 12.86 14.0593 13.18 14.6593 13.83C15.2193 14.43 15.4993 15.3 15.4993 16.43C15.4993 17.55 15.2093 18.42 14.6393 19.04C14.0393 19.68 13.1693 20 12.0193 20H9.43926V12.86ZM10.5293 13.79V19.07H11.8193C12.7193 19.07 13.3893 18.85 13.8093 18.42C14.2193 17.99 14.4293 17.33 14.4293 16.43C14.4293 15.51 14.2193 14.85 13.8193 14.43C13.3993 14 12.7393 13.79 11.8393 13.79H10.5293ZM18.6572 12.86H19.8972L22.6472 20H21.4772L20.8072 18.16H17.7372L17.0672 20H15.9072L18.6572 12.86ZM18.0672 17.26H20.4772L19.2972 14.03H19.2572L18.0672 17.26ZM23.3455 12.86H26.3055C28.0055 12.86 28.8555 13.58 28.8555 15.03C28.8555 16.49 27.9955 17.22 26.2855 17.22H24.4355V20H23.3455V12.86ZM24.4355 13.79V16.29H26.2155C26.7555 16.29 27.1455 16.19 27.3955 15.99C27.6355 15.79 27.7655 15.47 27.7655 15.03C27.7655 14.59 27.6355 14.27 27.3855 14.09C27.1355 13.89 26.7455 13.79 26.2155 13.79H24.4355Z" fill=""/>
 </svg>
diff --git a/frontend/src/assets/svg/logo_oauth.svg b/frontend/src/assets/svg/logo_oauth.svg
index aaca69e30..cd020c5d5 100644
--- a/frontend/src/assets/svg/logo_oauth.svg
+++ b/frontend/src/assets/svg/logo_oauth.svg
@@ -1,3 +1,4 @@
-<svg width="27" height="8" viewBox="0 0 27 8" fill="" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.66736 0.448C4.63936 0.448 5.41336 0.763 5.98036 1.402C6.52036 2.005 6.79036 2.806 6.79036 3.796C6.79036 4.777 6.52036 5.569 5.98036 6.181C5.41336 6.811 4.63936 7.126 3.66736 7.126C2.68636 7.126 1.91236 6.802 1.35436 6.172C0.814359 5.56 0.553359 4.768 0.553359 3.796C0.553359 2.815 0.814359 2.023 1.35436 1.411C1.91236 0.763 2.68636 0.448 3.66736 0.448ZM3.66736 1.312C2.98336 1.312 2.45236 1.537 2.07436 2.005C1.71436 2.446 1.53436 3.04 1.53436 3.796C1.53436 4.543 1.71436 5.137 2.07436 5.578C2.45236 6.028 2.98336 6.262 3.66736 6.262C4.35136 6.262 4.88236 6.037 5.25136 5.596C5.61136 5.164 5.80036 4.561 5.80036 3.796C5.80036 3.022 5.61136 2.419 5.25136 1.978C4.88236 1.528 4.35136 1.312 3.66736 1.312ZM9.6293 0.574H10.7453L13.2203 7H12.1673L11.5643 5.344H8.8013L8.1983 7H7.1543L9.6293 0.574ZM9.0983 4.534H11.2673L10.2053 1.627H10.1693L9.0983 4.534ZM13.7588 2.347H14.7128V5.182C14.7128 5.578 14.7938 5.866 14.9648 6.046C15.1268 6.226 15.3968 6.325 15.7658 6.325C16.0178 6.325 16.2428 6.217 16.4588 6.019C16.6748 5.812 16.8278 5.533 16.9088 5.191V2.347H17.8628V7H16.9088V6.37C16.5128 6.874 16.0268 7.126 15.4418 7.126C14.3168 7.126 13.7588 6.496 13.7588 5.245V2.347ZM20.3661 0.844V2.347H21.4281V3.139H20.3661V5.839C20.3661 5.965 20.3931 6.055 20.4471 6.118C20.5011 6.172 20.5821 6.208 20.6991 6.208H21.3111V7H20.5461C20.1501 7 19.8531 6.892 19.6731 6.685C19.4931 6.487 19.4121 6.208 19.4121 5.839V3.139H18.5481V2.347H19.4121V1.24L20.3661 0.844ZM22.1963 0.448H23.1503V3.004C23.3213 2.734 23.5373 2.527 23.7983 2.401C24.0322 2.275 24.2933 2.221 24.5903 2.221C25.1483 2.221 25.5713 2.383 25.8593 2.716C26.1293 3.031 26.2643 3.499 26.2643 4.111V7H25.3103V4.273C25.3103 3.859 25.2203 3.553 25.0583 3.337C24.8783 3.112 24.5993 3.004 24.2393 3.004C23.9153 3.004 23.6543 3.13 23.4563 3.391C23.2493 3.652 23.1503 3.985 23.1503 4.39V7H22.1963V0.448Z" fill=""/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="15.5" fill="white" stroke="#DEE0E3"/>
+<path d="M4.86144 13.176C5.72544 13.176 6.41344 13.456 6.91744 14.024C7.39744 14.56 7.63744 15.272 7.63744 16.152C7.63744 17.024 7.39744 17.728 6.91744 18.272C6.41344 18.832 5.72544 19.112 4.86144 19.112C3.98944 19.112 3.30144 18.824 2.80544 18.264C2.32544 17.72 2.09344 17.016 2.09344 16.152C2.09344 15.28 2.32544 14.576 2.80544 14.032C3.30144 13.456 3.98944 13.176 4.86144 13.176ZM4.86144 13.944C4.25344 13.944 3.78144 14.144 3.44544 14.56C3.12544 14.952 2.96544 15.48 2.96544 16.152C2.96544 16.816 3.12544 17.344 3.44544 17.736C3.78144 18.136 4.25344 18.344 4.86144 18.344C5.46944 18.344 5.94144 18.144 6.26944 17.752C6.58944 17.368 6.75744 16.832 6.75744 16.152C6.75744 15.464 6.58944 14.928 6.26944 14.536C5.94144 14.136 5.46944 13.944 4.86144 13.944ZM10.1609 13.288H11.1529L13.3529 19H12.4169L11.8809 17.528H9.42494L8.88894 19H7.96094L10.1609 13.288ZM9.68894 16.808H11.6169L10.6729 14.224H10.6409L9.68894 16.808ZM13.8316 14.864H14.6796V17.384C14.6796 17.736 14.7516 17.992 14.9036 18.152C15.0476 18.312 15.2876 18.4 15.6156 18.4C15.8396 18.4 16.0396 18.304 16.2316 18.128C16.4236 17.944 16.5596 17.696 16.6316 17.392V14.864H17.4796V19H16.6316V18.44C16.2796 18.888 15.8476 19.112 15.3276 19.112C14.3276 19.112 13.8316 18.552 13.8316 17.44V14.864ZM19.7048 13.528V14.864H20.6488V15.568H19.7048V17.968C19.7048 18.08 19.7288 18.16 19.7768 18.216C19.8248 18.264 19.8968 18.296 20.0008 18.296H20.5448V19H19.8648C19.5128 19 19.2488 18.904 19.0888 18.72C18.9288 18.544 18.8568 18.296 18.8568 17.968V15.568H18.0888V14.864H18.8568V13.88L19.7048 13.528ZM21.3316 13.176H22.1796V15.448C22.3316 15.208 22.5236 15.024 22.7556 14.912C22.9636 14.8 23.1956 14.752 23.4596 14.752C23.9556 14.752 24.3316 14.896 24.5876 15.192C24.8276 15.472 24.9476 15.888 24.9476 16.432V19H24.0996V16.576C24.0996 16.208 24.0196 15.936 23.8756 15.744C23.7156 15.544 23.4676 15.448 23.1476 15.448C22.8596 15.448 22.6276 15.56 22.4516 15.792C22.2676 16.024 22.1796 16.32 22.1796 16.68V19H21.3316V13.176ZM27.9177 13.176C28.4617 13.176 28.9177 13.328 29.2697 13.648C29.6137 13.968 29.7897 14.376 29.7897 14.88C29.7897 15.376 29.5977 15.824 29.2297 16.232C29.0057 16.464 28.6137 16.768 28.0457 17.152C27.4297 17.56 27.0617 17.92 26.9417 18.232H29.7977V19H25.8617C25.8617 18.432 26.0457 17.936 26.4297 17.504C26.6377 17.256 27.0697 16.912 27.7177 16.464C28.1017 16.192 28.3737 15.976 28.5337 15.808C28.7897 15.52 28.9257 15.208 28.9257 14.872C28.9257 14.552 28.8377 14.312 28.6617 14.152C28.4857 13.992 28.2217 13.912 27.8857 13.912C27.5257 13.912 27.2537 14.032 27.0697 14.28C26.8777 14.52 26.7817 14.864 26.7657 15.328H25.8937C25.9017 14.688 26.0857 14.176 26.4457 13.792C26.8137 13.376 27.3097 13.176 27.9177 13.176Z" fill=""/>
 </svg>
diff --git a/frontend/src/assets/svg/logo_oidc.svg b/frontend/src/assets/svg/logo_oidc.svg
index 99569140b..0680bead7 100644
--- a/frontend/src/assets/svg/logo_oidc.svg
+++ b/frontend/src/assets/svg/logo_oidc.svg
@@ -1,17 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="btn_oidc">
-<g id="logo_oidc">
-<mask id="mask0_3028_68876" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="30" height="30">
-<circle id="Ellipse 130" cx="16" cy="16" r="15" fill="white"/>
-</mask>
-<g mask="url(#mask0_3028_68876)">
-<g id="OIDC">
-<path d="M6.59294 11.992C7.79194 11.992 8.73794 12.377 9.43094 13.158C10.0909 13.895 10.4209 14.874 10.4209 16.084C10.4209 17.294 10.0909 18.262 9.43094 18.999C8.73794 19.769 7.79194 20.154 6.59294 20.154C5.38294 20.154 4.43694 19.758 3.75494 18.988C3.09494 18.24 2.77594 17.272 2.77594 16.084C2.77594 14.885 3.09494 13.917 3.75494 13.169C4.43694 12.377 5.38294 11.992 6.59294 11.992ZM6.59294 13.125C5.77894 13.125 5.15194 13.4 4.70094 13.95C4.27194 14.478 4.06294 15.182 4.06294 16.084C4.06294 16.975 4.27194 17.679 4.70094 18.207C5.14094 18.746 5.77894 19.021 6.59294 19.021C7.40694 19.021 8.03394 18.757 8.47394 18.24C8.90294 17.723 9.12294 17.008 9.12294 16.084C9.12294 15.16 8.90294 14.434 8.47394 13.906C8.03394 13.378 7.40694 13.125 6.59294 13.125Z" class="svg-primary-color"/>
-<path d="M11.6352 12.146H12.9222V20H11.6352V12.146Z" class="svg-primary-color"/>
-<path d="M14.4604 12.146H17.3314C18.6074 12.146 19.5644 12.498 20.2244 13.202C20.8514 13.862 21.1704 14.819 21.1704 16.073C21.1704 17.316 20.8514 18.273 20.2244 18.944C19.5644 19.648 18.6074 20 17.3314 20H14.4604V12.146ZM15.7474 13.246V18.9H17.0894C18.0684 18.9 18.7834 18.669 19.2344 18.218C19.6744 17.756 19.8944 17.041 19.8944 16.073C19.8944 15.083 19.6744 14.357 19.2344 13.917C18.7834 13.466 18.0684 13.246 17.0894 13.246H15.7474Z" class="svg-primary-color"/>
-<path d="M25.7874 11.992C26.7114 11.992 27.4814 12.234 28.0754 12.718C28.6474 13.18 28.9884 13.818 29.1094 14.61H27.8554C27.7234 14.093 27.4814 13.719 27.1184 13.477C26.7664 13.235 26.3154 13.125 25.7654 13.125C24.9404 13.125 24.3244 13.4 23.9064 13.972C23.5214 14.478 23.3344 15.182 23.3344 16.084C23.3344 17.008 23.5214 17.723 23.8954 18.218C24.3024 18.746 24.9404 19.021 25.7984 19.021C26.3594 19.021 26.8214 18.878 27.1734 18.614C27.5474 18.317 27.8114 17.866 27.9654 17.272H29.2194C29.0434 18.196 28.6364 18.911 27.9874 19.428C27.3824 19.912 26.6564 20.154 25.8094 20.154C24.5004 20.154 23.5214 19.736 22.8834 18.922C22.3224 18.218 22.0474 17.272 22.0474 16.084C22.0474 14.918 22.3334 13.961 22.9164 13.235C23.5764 12.399 24.5334 11.992 25.7874 11.992Z" class="svg-primary-color"/>
-</g>
-</g>
-</g>
-</g>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="15.5" fill="white" stroke="#DEE0E3"/>
+<path d="M7.49184 12.72C8.57184 12.72 9.43184 13.07 10.0618 13.78C10.6618 14.45 10.9618 15.34 10.9618 16.44C10.9618 17.53 10.6618 18.41 10.0618 19.09C9.43184 19.79 8.57184 20.14 7.49184 20.14C6.40184 20.14 5.54184 19.78 4.92184 19.08C4.32184 18.4 4.03184 17.52 4.03184 16.44C4.03184 15.35 4.32184 14.47 4.92184 13.79C5.54184 13.07 6.40184 12.72 7.49184 12.72ZM7.49184 13.68C6.73184 13.68 6.14184 13.93 5.72184 14.45C5.32184 14.94 5.12184 15.6 5.12184 16.44C5.12184 17.27 5.32184 17.93 5.72184 18.42C6.14184 18.92 6.73184 19.18 7.49184 19.18C8.25184 19.18 8.84184 18.93 9.25184 18.44C9.65184 17.96 9.86184 17.29 9.86184 16.44C9.86184 15.58 9.65184 14.91 9.25184 14.42C8.84184 13.92 8.25184 13.68 7.49184 13.68ZM12.0862 12.86H13.1662V20H12.0862V12.86ZM14.5857 12.86H17.1857C18.3357 12.86 19.2057 13.18 19.8057 13.83C20.3657 14.43 20.6457 15.3 20.6457 16.43C20.6457 17.55 20.3557 18.42 19.7857 19.04C19.1857 19.68 18.3157 20 17.1657 20H14.5857V12.86ZM15.6757 13.79V19.07H16.9657C17.8657 19.07 18.5357 18.85 18.9557 18.42C19.3657 17.99 19.5757 17.33 19.5757 16.43C19.5757 15.51 19.3657 14.85 18.9657 14.43C18.5457 14 17.8857 13.79 16.9857 13.79H15.6757ZM24.8537 12.72C25.6837 12.72 26.3737 12.93 26.9137 13.37C27.4337 13.79 27.7537 14.37 27.8637 15.09H26.8037C26.6837 14.61 26.4537 14.25 26.1137 14.02C25.7737 13.79 25.3537 13.68 24.8337 13.68C24.0637 13.68 23.4837 13.94 23.0937 14.47C22.7237 14.95 22.5437 15.61 22.5437 16.44C22.5437 17.3 22.7237 17.96 23.0837 18.43C23.4637 18.93 24.0537 19.18 24.8537 19.18C25.3737 19.18 25.8137 19.05 26.1537 18.79C26.5137 18.51 26.7637 18.09 26.9037 17.53H27.9637C27.8037 18.36 27.4337 19.01 26.8437 19.48C26.2937 19.92 25.6337 20.14 24.8637 20.14C23.6937 20.14 22.8137 19.76 22.2237 19.02C21.7037 18.38 21.4537 17.52 21.4537 16.44C21.4537 15.38 21.7137 14.52 22.2537 13.85C22.8537 13.09 23.7137 12.72 24.8537 12.72Z" fill=""/>
 </svg>
diff --git a/frontend/src/views/login/xpack/Cas.vue b/frontend/src/views/login/xpack/Cas.vue
index 96f4747e7..c3a52b50b 100644
--- a/frontend/src/views/login/xpack/Cas.vue
+++ b/frontend/src/views/login/xpack/Cas.vue
@@ -19,7 +19,9 @@ const execute = () => {
 .item {
   width: 32px;
   cursor: pointer;
-
+  &:hover {
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
+  }
   &.qrcode,
   &.account {
     .ed-icon {
diff --git a/frontend/src/views/login/xpack/Oauth2.vue b/frontend/src/views/login/xpack/Oauth2.vue
index a6338db7a..ebbefa57a 100644
--- a/frontend/src/views/login/xpack/Oauth2.vue
+++ b/frontend/src/views/login/xpack/Oauth2.vue
@@ -19,7 +19,9 @@ const execute = () => {
 .item {
   width: 32px;
   cursor: pointer;
-
+  &:hover {
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
+  }
   &.qrcode,
   &.account {
     .ed-icon {
diff --git a/frontend/src/views/login/xpack/Oidc.vue b/frontend/src/views/login/xpack/Oidc.vue
index 19a366074..4b407fbae 100644
--- a/frontend/src/views/login/xpack/Oidc.vue
+++ b/frontend/src/views/login/xpack/Oidc.vue
@@ -19,7 +19,9 @@ const execute = () => {
 .item {
   width: 32px;
   cursor: pointer;
-
+  &:hover {
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
+  }
   &.qrcode,
   &.account {
     .ed-icon {
diff --git a/frontend/src/views/login/xpack/QrcodeLdap.vue b/frontend/src/views/login/xpack/QrcodeLdap.vue
index 32146371f..cedfee2e0 100644
--- a/frontend/src/views/login/xpack/QrcodeLdap.vue
+++ b/frontend/src/views/login/xpack/QrcodeLdap.vue
@@ -152,10 +152,14 @@ onMounted(() => {
 .item {
   width: 32px;
   cursor: pointer;
+  &:hover {
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
+  }
   &.qrcode,
   &.account {
     .ed-icon {
       padding: 5px;
+      color: #1f2329;
     }
   }