*{padding:0;margin:0;box-sizing:border-box;letter-spacing:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;-webkit-text-size-adjust:100%}img{border-style:none;max-width:100%}.app{overflow-y:hidden;position:relative;color:#000;background:url(/images/bg-content.jpg) no-repeat center center;background-size:cover;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);animation:slideshow 10s linear infinite normal;max-width:750px;margin:0 auto}.mask{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#0006;box-sizing:border-box;padding:10vh 0 8vh}.top-section{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.logo{width:min(40vw,160px);height:min(40vw,160px);margin:0 auto 2vh;background:url(/images/logo1.jpg) no-repeat;background-size:100% 100%}.main-title{width:min(60vw,380px);height:min(36vw,228px);background:url(/images/title.png) no-repeat;background-size:100% 100%;margin:0 auto}.bottom-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 5vw;flex-shrink:0}.room{width:90%;max-width:480px;min-width:200px;border:1px solid rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50px;overflow:hidden;color:#fff;padding:8px 20px}.room-title{font-size:clamp(14px,4vw,19px);white-space:nowrap}.room-sub{font-size:clamp(10px,3vw,13px);color:#ddd5d5;margin-top:2px}.btn{margin-top:3vh;background-image:linear-gradient(to right,#7464ff,#b40ce4);width:90%;max-width:480px;min-width:200px;height:clamp(44px,13vw,70px);border-radius:999px;display:flex;justify-content:center;align-items:center;animation:scaleDrew 2.5s ease-in-out infinite;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 4px 15px #7464ff66;transition:opacity .15s ease}.btn:active{opacity:.85;transform:scale(1.02)}.btn-text{color:#fff;font-size:clamp(15px,4.5vw,22px);font-weight:700;letter-spacing:clamp(2px,1vw,6px)}@keyframes scaleDrew{0%{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(1)}75%{transform:scale(1.08)}}@keyframes slideshow{0%{background-position:center 0%}to{background-position:center 100%}}@media screen and (max-width:375px){.mask{padding:6vh 0 5vh}.logo{width:35vw;height:35vw}.main-title{width:55vw;height:33vw}.room{padding:6px 15px}.btn{margin-top:2vh;width:88%;height:clamp(40px,12vw,52px)}.btn-text{font-size:14px;letter-spacing:2px}}@media screen and (max-height:667px){.mask{padding:4vh 0}.logo{width:30vw;height:30vw;margin-bottom:1vh}.main-title{width:50vw;height:30vw}.btn{margin-top:1.5vh;height:clamp(38px,10vw,50px)}.btn-text{font-size:14px}}@media screen and (min-width:376px)and (max-width:749px){.mask{padding:8vh 0 6vh}}@media screen and (min-width:750px){.mask{padding:50px 0}.logo{width:120px;height:120px}.main-title{width:380px;height:254px}.room{width:480px;padding:8px 0}.room-title{font-size:19px}.btn{margin-top:25px;background-image:linear-gradient(to right,#595296,#323761);width:480px;height:64px;box-shadow:0 6px 20px #59529680}.btn-text{font-size:20px;letter-spacing:6px}}@media screen and (orientation:landscape)and (max-height:500px){.mask{padding:2vh 0;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:2vw}.top-section{flex-direction:row;align-items:center;gap:3vw}.logo{width:15vh;height:15vh;margin:0}.main-title{width:25vh;height:15vh}.bottom-section{flex-direction:row;gap:3vw;padding:0}.room{width:auto;padding:6px 20px}.btn{margin-top:0;width:auto;min-width:160px;padding:0 6vw;height:clamp(36px,8vh,48px)}.btn-text{font-size:clamp(13px,3vh,16px);letter-spacing:2px}}