.theChampLoginSvg{width:63%!important;height:63%!important;margin:7px!important}div.the_champ_login_container ul.the_champ_login_ul li{height:60px!important;width:86px!important;margin-right:5px!important;margin-bottom:5px!important;border-radius:7px!important;cursor:pointer}.theChampLogin{display:inline-block!important;margin:12px 25px!important;border-radius:7px}.theChampFacebookLi{background-color:#EFEFEF!important}.theChampOdnoklassnikiLi{background-color:#F2720C!important}.theChampYandexLi{background-color:#e52620!important}.theChampYahooLi{background-color:#51159c!important;}.theChampWordpressLi{background-color:#3e3b3b!important;}.theChampXLi{background-color:#1a1a1a!important}.theChampMailruLi{background-color:#3876b7!important}.theChampDiscordLi{background-color:#7289DA!important}.theChampAmazonLi{background-color:#f59829!important}.theChampStackoverflowLoginSvg{background-size:88%}.theChampStackoverflowLi{background-color:#f3802e!important}div.the_champ_login_container ul.the_champ_login_ul li.theChampGoogleLi,div.the_champ_login_container ul.the_champ_login_ul li.theChampYoutubeLi{background-color:#EFEFEF!important;border:1.5px #EFEFEF solid!important;box-sizing:border-box}.theChampLinkedinLi{background-color:#0388ce!important}.theChampDropboxLi{background-color:#0751c9!important}.theChampRedditLi{background-color:#ff5700!important}.theChampDisqusLi{background-color:#2e9fff!important}.theChampFoursquareLi{background-color:#f94877!important}.theChampMicrosoftLi{background-color:#2672ec!important}.theChampLineLi{background-color:#EFEFEF!important}.theChampVkontakteLi{background-color:#126ed7!important}.theChampInstagramLi{background-color:#6388a7!important}.theChampXingLi{background-color:#038d92!important}.theChampSteamLi{background-color:#484747!important}.theChampKakaoLi{background-color:#f1d903!important}.theChampGithubLi{background-color:#403e3e!important}.theChampDribbbleLi{background-color:#f35a95!important}.theChampSpotifyLi{background-color:#17c555!important}.theChampTwitchLi{background-color:#755aa7!important}.theChampLiveJournalLi{background-color:#dad7d7!important}div.heateor_ss_sl_optin_container{clear:both}.theChampGoogleBackground,.theChampYoutubeBackground{background-color:#EFEFEF!important;border-width:0!important}div.the_champ_login_container ul.the_champ_login_ul i.theChampFacebookBackground{background-color:#218cf2!important}ss.theChampFacebookLoginSvg{background-size:120%!important;padding-left:0!important;padding-top:0!important}.theChampDisqusBackground{background-color:#2295f7!important;border-width:0!important}.theChampStackoverflowBackground{background-color:#ef690a!important;border-width:0!important}.theChampAmazonBackground{background-color:#f78600!important;border-width:0!important}.theChampDiscordBackground{background-color:#667bc5!important;border-width:0!important}.theChampRedditBackground{background-color:#ea5203!important;border-width:0!important}.theChampFoursquareBackground{background-color:#f72a60!important;border-width:0!important}i.theChampMicrosoftBackground{background:#2672cc}i.theChampLineBackground{background:#00c300}.theChampOdnoklassnikiBackground{background-color:#e96d0b!important;border-width:0!important}.theChampYandexBackground{background-color:#d91f19!important;border-width:0!important}i.theChampInstagramBackground{background:#527FA4}ss.theChampFacebookLoginSvg{background-size:233%!important;padding-top:7px!important;padding-left:0!important;background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23eee%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat center center}.heateorFblFacebookLi{background-color:#EFEFEF!important}div.heateor_fbl_login_container .heateorFblFacebookBackground{background-color:#EFEFEF!important}ss.heateorFblFacebookLoginSvg{background-size:233%!important;padding-top:7px!important;padding-left:0!important;background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat center center}.heateorFblLogin{display:inline-block!important;margin:12px 26px!important;border-radius:20px}.heateorFblLoginSvg{width:63%!important;height:63%!important;margin:7px!important}div.heateor_fbl_login_container ul.heateor_fbl_login_ul li{height:60px!important;width:87px!important;margin-right:5px!important;margin-bottom:5px!important;border-radius:5px!important;cursor:pointer}

:root {
    --icon-brightness: 1; /*明度調整*/
    --icon-saturate: 0.6; /*彩度調整*/
    --hover-brightness: 1; /*懸停明度調整*/
    --hover-saturate: 1; /*懸停彩度調整*/
    --transition-duration: 0.4s; /*平滑過渡時間調整*/
    --hover-scale: 1.08; /*懸停縮放大小*/
}

/* Google 圖示放大且居中 */
div.the_champ_login_container ul.the_champ_login_ul li.theChampGoogleLi .theChampLoginSvg {
    transform: scale(1.8) translateX(-0.3px); /* 調整放大倍數並向左偏移 1px */
    transform-origin: center; /* 設置放大中心點為圖示中心 */
}

/* Line 圖示放大且居中 */
div.the_champ_login_container ul.the_champ_login_ul li.theChampLineLi .theChampLoginSvg {
    transform: scale(1.5) translateX(-0.3px); /* 調整放大倍數並向左偏移 1px */
    transform-origin: center; /* 設置放大中心點為圖示中心 */
}

/* 懸停效果 */
div.the_champ_login_container ul.the_champ_login_ul li.theChampGoogleLi,
div.the_champ_login_container ul.the_champ_login_ul li.theChampLineLi,
div.the_champ_login_container ul.the_champ_login_ul li.theChampFacebookLi {
    filter: brightness(var(--icon-brightness)) saturate(var(--icon-saturate)); /* 減少彩度和亮度 */
    transition: transform var(--transition-duration) ease, filter var(--transition-duration) ease; /* 添加平滑過渡效果，應用於所有狀態 */
}

div.the_champ_login_container ul.the_champ_login_ul li.theChampGoogleLi:hover,
div.the_champ_login_container ul.the_champ_login_ul li.theChampLineLi:hover,
div.the_champ_login_container ul.the_champ_login_ul li.theChampFacebookLi:hover {
    transform: scale(var(--hover-scale)); /* 懸停時的放大倍數 */
    filter: brightness(var(--hover-brightness)) saturate(var(--hover-saturate)); /* 恢復彩度和亮度 */
}