/*
    磁力极限 UI 库 
    CSS样式表
    20250122
*/
@import url('https://font.sec.miui.com/font/css?family=MiSans:200,300,400,500,600,700,900:Chinese_Simplify,Latin');
@import url('https://font.sec.miui.com/font/css?family=Source_Han_Serif:100,200,300,400,500,600,700:Source_Han_Serif');
/* 1、网页初始化 */
/* —————————————————————————————————————————— */
:root {--themeColor: #971e23;--subColor: #008fb5;--dangerColor: #c20000;--black: #252525;--transitionTime: 0.2s !important;}
html,body {overflow-y: overlay;width: 100%;height: 100%;-webkit-tap-highlight-color: transparent;user-select: none;-webkit-user-drag: none;scroll-behavior:smooth;color:var(--black);transition: all var(--transitionTime);}
* {margin: 0;padding: 0;}
em,i {font-style: normal;}
li {list-style: none;}
img {border: 0;vertical-align: middle;transition: all var(--transitionTime);}
button {cursor: pointer;transition: all var(--transitionTime);}
a {transition: all var(--transitionTime);}
div {transition: all var(--transitionTime);}
input {transition: all var(--transitionTime);}
textarea {transition: all var(--transitionTime);}
svg {transition: all var(--transitionTime);}
iframe {z-index: 9999999999999;}
.clearfix:after {visibility: hidden;clear: both;display: block;content: ".";height: 0;}
a:link {color: var(--themeColor);text-decoration: none;}
a:visited {color: var(--themeColor);text-decoration: none;}
a:active {color: grey;text-decoration: none;}
@media (prefers-color-scheme:dark) {html,body{color: #ebebeb;background-color: #202020;}}
/* 滚动条整体样式 */
::-webkit-scrollbar {display: none;}
/* —————————————————————————————————————————— */

/* 2、样式组件 */
/* —————————————————————————————————————————— */
/* 字体粗细调整 */
.maglmt_ui_operate_Font-Thin {font-weight: 200;}
.maglmt_ui_operate_Font-Bold {font-weight: 800;}

/* 动画 */
@keyframes maglmt_ui_animation-FadeIn {0% {opacity:0;}100% {opacity:1;}}
@keyframes maglmt_ui_animation-FadeOut {0% {opacity:1;}100% {opacity:0;}}
/* —————————————————————————————————————————— */

/* 3、元素 UI */
/* —————————————————————————————————————————— */
/* 头顶logo栏 */

/*
.maglmt_ui_HeadBox {background: linear-gradient(180deg, rgba(255, 241, 235, 1) 0%,rgba(255, 255, 255, 1) 100%);}
@media (prefers-color-scheme:dark) {.maglmt_ui_HeadBox {background: none;}}
*/

.maglmt_ui_HeadBox {z-index: 99999;position: fixed;top: 0px;height: 80px;width: 100%;z-index: 999;background-color: rgba(255, 255, 255,0.9);backdrop-filter: blur(10px);box-shadow:0px 0px 10.6px rgba(0, 0, 0, 0.03),0px 0px 26.9px rgba(0, 0, 0, 0.021),0px 0px 54.9px rgba(0, 0, 0, 0.017),0px 0px 113.2px rgba(0, 0, 0, 0.013),0px 0px 310px rgba(0, 0, 0, 0.009);}
.maglmt_ui_HeadBox-Logo {position:absolute;top:50%;left:32px;transform:translateY(-50%);font-family: Misans;font-weight: 700;}
.maglmt_ui_HeadBox-Logo img {height: 47px;}
.maglmt_ui-HeadBox-Btn {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);display: inline-block;padding: 5px;}
.maglmt_ui-HeadBox-Btn svg path {stroke: #252525;}
.maglmt_ui-HeadBox-Btn svg:active path {filter:brightness(80%);}
@media (max-width: 967px) {.maglmt_ui_HeadBox {height: 70px;}.maglmt_ui_HeadBox-Logo img {height: 43px;}.maglmt_ui_HeadBox-Logo {left:25px;}}
@media (prefers-color-scheme:dark) {.maglmt_ui_HeadBox {background-color: rgba(60, 60, 60, 0.9);}.maglmt_ui-HeadBox-Btn svg path {stroke: #ebebeb;}}
/* —————————————————————————————————————————— */

/* 4 组件UI */
/* —————————————————————————————————————————— */

/* 验证码 */
/* 验证码-通用样式 */
.pass_VAPTCHA_Container {margin-top: 9px;}
/* 验证码-校验框样式 */
.vp-dark-btn.vp-basic-btn {border-radius: 10px !important;height: 45px !important;}
/* 验证码-验证按钮成功后样式 */
.vp-dark-btn.vp-basic-btn .vp-shield {background-color: rgba(0,0,0,0.3) !important;}
.vp-dark-btn.vp-success-btn .vp-btn-bg {background-color: #2DC872 !important;/*color: #2DC872 !important;*/}
/* 验证码-校验文字提示 */
.vp-dark-btn.vp-basic-btn .vp-tip {font-family: Misans !important;text-indent: 10px !important;font-size: 13px !important;line-height: 45px;}
.vp-about {display: none !important;}
    
/* 中部弹窗magPop() */
@keyframes maglmt_ui_Modal-Mask-Up{0%{opacity:0;overflow:hidden;visibility:hidden;}100%{opacity:1;visibility:visible;}}@keyframes maglmt_ui_Modal-Mask-Down{0%{opacity:1;visibility:visible;}100%{opacity:0;overflow:hidden;visibility:hidden;}}@keyframes maglmt_ui_Modal-Up{0%{opacity:0;overflow:hidden;visibility:hidden;transform:scale(.9)}60%{opacity:1;visibility:visible;transform:scale(1.01)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes maglmt_ui_Modal-Down{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;overflow:hidden;visibility:hidden;transform:scale(.9)}}.maglmt_ui_Modal{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(10px);display:none;animation-name:maglmt_ui_Modal-Mask-Up;animation-fill-mode:both;animation-duration:0.3s;}.maglmt_ui_Modal-Wrapper{font-family:Misans;display:flex;justify-content:center;align-items:center;height:100%;transform:translateY(-3%);}.maglmt_ui_Modal-Content{box-sizing:border-box;overflow:hidden;background-color:#fff;padding:30px;width:100%;max-width:560px;min-width:100px;border-radius:15px;animation-duration:0.4s;}.maglmt_ui_Modal-Content #popTitle{font-weight:bold;font-size:28px;display:flex;align-items:center;}.maglmt_ui_Modal-Content #popTitle img{width:32px;height:32px;margin-right:12px;border-radius: 5px}.maglmt_ui_Modal-Content #popContent{word-break: break-all;text-align:justify;padding-top:16px;font-size:16px;font-weight:normal;}.maglmt_ui_Modal-Up .maglmt_ui_Modal{animation-name:maglmt_ui_Modal-Mask-Up;}.maglmt_ui_Modal-Up .maglmt_ui_Modal-Content{animation-name:maglmt_ui_Modal-Up;}.maglmt_ui_Modal-Down .maglmt_ui_Modal{animation-name:maglmt_ui_Modal-Mask-Down;}.maglmt_ui_Modal-Down .maglmt_ui_Modal-Content{animation-name:maglmt_ui_Modal-Down;}.maglmt_ui_Modal-Footer{display:flex;justify-content:flex-end;margin-top:20px;}.maglmt_ui_Modal-Footer button{font-family:Misans;font-weight:500;white-space:nowrap;padding:10px 20px;background-color:var(--themeColor);color:white;border:none;border-radius:5px;cursor:pointer;margin:0px 0px 0px 10px;transition:all 0.2s cubic-bezier(.65,.05,.25,1) ;}.maglmt_ui_Modal-Footer button:hover{filter:brightness(80%);}.maglmt_ui_Modal-Content input {outline:none;box-sizing:border-box;width:100%;border-radius:10px;padding:10px 13px;margin:3px 0px;border:1px solid rgba(0,0,0,0.1);font-family:Misans;}.maglmt_ui_Modal-Content input[readonly] {color:grey;background-color:#f0f0f0;cursor: not-allowed;}.maglmt_ui_Modal-Content input:focus {padding:10px 17px;border:1px solid var(--themeColor);}
@media (max-width: 967px) {
	.maglmt_ui_Modal-Content {padding:26px;width:95%;}
	.maglmt_ui_Modal-Footer {margin-top:22px;}
	.maglmt_ui_Modal-Content #popTitle {white-space:nowrap;overflow:hidden;}
    .maglmt_ui_Modal-Content #popContent{font-weight:400;padding-top: 15px;}}
@media (prefers-color-scheme:dark) {
	.maglmt_ui_Modal-Content input {background-color:rgba(0,0,0,0.1);color:white;border:1px solid rgba(255,255,255,0.1);}
	.maglmt_ui_Modal-Content input:focus {border:1px solid var(--themeColor);}
	.maglmt_ui_Modal-Content a:link {color: var(--themeColor);text-decoration: none;}
    .maglmt_ui_Modal-Content a:visited {color: var(--themeColor);text-decoration: none;}
    .maglmt_ui_Modal-Content {background-color:#2d2d2d;}
    .maglmt_ui_Modal-Content #popTitle{color:white}
    .maglmt_ui_Modal-Content #popContent{color:white}
    .maglmt_ui_Modal-Content input[readonly] {background-color:#3d3d3d;}
    .maglmt_ui_Modal-Content input[readonly]:focus {border:1px solid rgba(255,255,255,0.1);padding:10px 13px;}
}

/* 底部弹窗提示 */
@keyframes slideUpAndFadeIn {
    0% {opacity:0;overflow:hidden;visibility:hidden;transform:translateX(-50%) scale(0.9);}
    /*60% {opacity:1;overflow:hidden;visibility:visible;transform:translateX(-50%) scale(1.02);}*/
    100% {opacity:1;overflow:hidden;visibility:visible;transform:scale(1) translateX(-50%);}
}
@keyframes slideDownAndFadeOut {
    0% {opacity:1;overflow:hidden;visibility:visible;transform:scale(1) translateX(-50%);}
    100% {opacity:0;overflow:hidden;visibility:hidden;transform:translateX(-50%) scale(0.9);}
}
.maglmt_ui_Bottom-Pop{font-weight:500;min-width:18%;max-width:25%;position:fixed;bottom:10%;left:50%;background-color:rgba(255,255,255,0.9);box-shadow:0px 0px 13px 4px rgba(0,0,0,0.1);backdrop-filter:blur(10px);color:#252525;padding:15px 30px;border-radius:8px;z-index:9999;opacity:0;text-align:center;font-size:17px;line-height:1.4;}
.maglmt_ui_Bottom-Pop.show {opacity: 1;animation: slideUpAndFadeIn 0.5s cubic-bezier(0.65, 0.05, 0.1, 1) forwards;}
.maglmt_ui_Bottom-Pop.hide {animation: slideDownAndFadeOut 0.3s cubic-bezier(0.65, 0.05, 0.1, 1) forwards;}
@media (max-width: 967px) {.maglmt_ui_Bottom-Pop {min-width: 75%;max-width: 90%;padding: 15px 15px;font-size: 16px;}}
@media (prefers-color-scheme: dark) {.maglmt_ui_Bottom-Pop {background-color: #3d3d3d;color: white;}}


/* HeadBox 汉堡弹窗 */
.maglmt_ui_HeadBox-Modal {border-radius: 15px;box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);overflow: hidden;z-index: 99;display: none;position: fixed;top: 60px;right: 20px;min-width: 210px;max-width: 300px;height: auto;opacity: 0;background-color: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);}
.maglmt_ui_HeadBox-Modal-Content {padding: 10px;border-radius: 8px;transform: scale(1);}
.maglmt_ui_HeadBox-Modal-Content div {white-space: nowrap;font-weight: 600;border-radius: 6px;padding: 10px;text-align: center;font-size: 18px;}
.maglmt_ui_HeadBox-Modal-Content div:hover {background-color: rgba(0, 0, 0, 0.05);}
.maglmt_ui_HeadBox-Modal.enter {display: block;transform-origin: top right; animation: enterAnimation 0.6s cubic-bezier(.65,.05,.25,1) forwards;}
.maglmt_ui_HeadBox-Modal.enter .maglmt_ui_HeadBox-Modal-Content {/*animation: enterContentAnimation 0.3s ease-out forwards;*/animation: none;}
.maglmt_ui_HeadBox-Modal.exit {transform-origin: top right; animation: exitAnimation 0.5s cubic-bezier(.65,.05,.25,1) forwards;}
.maglmt_ui_HeadBox-Modal.exit .maglmt_ui_HeadBox-Modal-Content {animation: none;}
@keyframes enterAnimation {0% {right: 20px;opacity: 0;top: 60px;transform: scale(0);}60% {top: 90px;right: 20px;opacity: 1;transform: scale(1.05);}100% {right: 20px;opacity: 1;top: 90px;transform: scale(1);}}
/*@keyframes enterContentAnimation {0% {opacity: 0;transform: scale(0);}100% {opacity: 1;transform: scale(1);}}*/
@keyframes exitAnimation {0% {right: 20px;opacity: 1;top: 90px;transform: scale(1);}100% {right: 20px;opacity: 0;top: 60px;transform: scale(0);}}
/*@keyframes exitContentAnimation {0% { transform: scale(1);}100% {transform: scale(0);}}*/
@media screen and (max-width: 967px) {.maglmt_ui_HeadBox-Modal {min-width: 180px;}.maglmt_ui_HeadBox-Modal-Content {box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);}.maglmt_ui_HeadBox-Modal-Content div {font-size: 16px;padding:10px;}}
@media (prefers-color-scheme: dark) {.maglmt_ui_HeadBox-Modal {background-color: rgba(60, 60, 60, 0.96);backdrop-filter: blur(10px);}.maglmt_ui_HeadBox-Modal-Content div:hover {background-color: rgba(255, 255, 255, 0.05);}}

/* 加载动画 */
@keyframes maglmt_ui_Loading-Rotation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes maglmt_ui_Loading-Rotation-FadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes maglmt_ui_Loading-Rotation-FadeOut{0%{opacity:1;}100%{opacity:0;}}
.maglmt_ui_Loading-Mask{z-index:9999999999999;position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;height: 100dvh;height: -webkit-fill-available;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(5px);animation-name:maglmt_ui_Loading-Rotation-FadeIn;animation-duration:.3s;animation-fill-mode:both;top:0;left:0;}
.maglmt_ui_Loading-Box{animation-name:maglmt_ui_Loading-Rotation-FadeIn;animation-duration:.1s;animation-fill-mode:both;padding:25px;box-sizing:border-box;border-radius:7px;background-color:white;}
.maglmt_ui_Loading-Loader{position:relative;left:1.8px;top:-1.5px;width:35px;height:35px;border:3px solid transparent;border-radius:50%;animation:maglmt_ui_Loading-Rotation 0.7s linear infinite;}
.maglmt_ui_Loading-Loader::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:5px solid transparent;border-bottom-color:var(--themeColor);border-radius:50%;}
@media (prefers-color-scheme:dark){.maglmt_ui_Loading-Box{background-color:#3d3d3d;}.maglmt_ui_Loading-Loader::after{border-bottom-color:var(--themeColor);}}
/* —————————————————————————————————————————— */