*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;outline:none;}
ol,ul{list-style:none;}
ins,a{text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;}
img{border:none;vertical-align:middle;}
html{font-size:62.5%;}
body{font-size:1.4rem;font-family:PingFang SC,DFPKingGothicGB-Regular,Lato,Tahoma,Microsoft Yahei,sans-serif!important;overflow:hidden;}
html,body,.page{padding:0;margin:0;height:100%;width:100%;}
.page{position:relative;background-color:#afa27c;}
.page .a-box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.page .ab-bd .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;}
.page .overlay-img-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:70%;max-width:500px;height:auto;border-radius:8px;}
.page .overlay-img{width:100%;height:auto;animation:zoomIn 3s ease-in-out infinite alternate;}
@keyframes zoomIn{0%{transform:scale(1);}100%{transform:scale(1.8);}}
.page .logo-wrap{display:flex;align-items:center;z-index:3;position:absolute;top:1rem;left:1rem;}
.page .logo{height:5rem;width:auto;margin-right:1rem;}
.page .site-name{font-size:1.8rem;color:#fff;font-weight:600;}
.page .info{position:absolute;bottom:2rem;left:0;width:100%;padding:2rem;text-align:center;z-index:3;max-width:42.8rem;margin:0 auto;}
.page .info .i-a{color:#fff;font-size:2.4rem;font-weight:600;}
.page .info .i-b{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 0;}
.page .info .i-b span{font-size:1.4rem;color:#fff;}
.page .info .i-c{background-color:rgba(224,89,4,0.8);color:#fff;text-align:center;font-weight:600;font-size:1.6rem;cursor:pointer;padding:1rem;display:block;width:100%;}
.page .info .i-c p{font-size:1.2rem;font-weight:400;margin-top:1rem;color:#eee;}
#modalOverlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.6);z-index:1100;justify-content:center;align-items:center;}
#modalContent{width:90vw;height:80vh;background-color:#111;border-radius:8px;position:relative;overflow:hidden;}
#modalContent iframe{width:100%;height:100%;border:none;}
#modalCloseBtn{position:absolute;top:8px;right:12px;color:white;font-size:24px;cursor:pointer;z-index:1101;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
#openTutorialBtn{position:fixed;top:50%;right:10px;width:50px;height:50px;background:url('../image/steup.png') no-repeat center/contain;cursor:pointer;z-index:999;transform:translateY(-50%);transition:opacity 0.3s;}
#openTutorialBtn:hover{opacity:0.8;}