@charset "utf-8";
* {margin: 0;padding: 0;box-sizing: border-box;}
body {min-height: 100vh;display: flex;background: #ffeeee;font-family:'PingFang SC Medium','microsoft yahei','PingFang Heavy',Verdana,Arial,Helvetica,sans-serif;flex-direction: column;align-items: center;position: relative;}
.vertical-image{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;max-width: 100vh;max-height: 100vw;background-image: url('https://www.87ik.com/wap/ikyc/images/ikbg.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 0;}
/* 字体图标按钮样式 */
.home-btn {position: fixed;top: 20px;left: 20px;z-index: 100;width: 41px;height: 41px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);text-decoration: none;}
.home-btn i {font-size: 28px;color: #FF69B4;}
.home-btn:hover {background: rgba(255, 255, 255, 1);}		
/* 公共样式 */
.main-content {width: 100%;z-index: 1;max-width: 800px;display: flex;flex-direction: column;align-items: center;}
.logo {width: 280px;height: auto;margin-bottom: 28px;}
.content-image {width: 680px;height: 187px;max-width: 87%;object-fit: contain;margin: -20px 0 30px 0;}
.button-btn button{border:none;cursor: pointer;}
.button-btn button.register{width:208px;height:41px;line-height:28px;text-align:center;background:#fb3c3e; color:#e9ebed;font-size:1.28rem;border-radius:1.41rem;display:block;margin:0 auto;}
.button-btn button i{font-size:1.41rem;margin-right:0.41rem;}
.button-btn button.install{position: absolute;left: 50%;bottom: -41px;transform: translateX(-50%);font-size: 1rem;color: #ffe400;text-decoration: none;background: none;white-space: nowrap;width: max-content;}
.test{padding:18px; font-size:1.08rem; line-height:38px;-webkit-user-select: text;user-select: text;}
.test span{color:#F73131;}
.test a{text-decoration: none;font-size:1rem;color:#000000;}
/* 引导样式 */
#mask {display:none;position:fixed;z-index:90;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);}
#weixintoast {display:none;white-space:nowrap;-webkit-transform: translateX(-50%);border-radius: 1.28rem;padding: .6rem .6rem;transform: translateX(-50%);background-color: rgba(0,0,0,.7);color:white;font-size:1rem;position: fixed;z-index: 200;top:50%;left:50%;text-align: center;}
.hide { display: none !important; }
/* 竖屏模式 */
@media (orientation: portrait) {
    .main-content {position: absolute;top: 30%;transform: translateY(-38%);}
    .logo {transform: translateY(-28%);}
    .content-image {display: block;margin-top: 28px;}
    .button-btn {margin-top: 41px;}
    .background-image {object-fit: cover;}
    .button-btn button.install {width: 68%;}
}
/* 横屏模式 */
@media (orientation: landscape) {
    .main-content {justify-content: center;height: 100vh;position: relative;}
    .logo {transform: translateY(-15vh);margin-bottom: 8vh;}
    .content-image {display: none;}
    .button-btn {position: absolute;top: calc(50% + 10vh);transform: translateY(-50%);}
    .vertical-image {width: 100%;height: 100%;}
}
/* 响应式调整 */
@media (max-width: 768px) {
    .content-image {margin-top: -28px;margin-bottom: 18px;}
    .logo {width: 228px;margin-bottom: 20px;}
    .vertical-image {width: 100%;height: 100%;max-width: none;max-height: none;}
}
@media (max-width: 480px) {
    .logo {width: 197px;}
    .button-btn button.install {width: 68%;}
}