*{margin:0;padding:0;box-sizing:border-box}#app{overflow:hidden;text-align:center;height:100svh}.logo{width:240px;height:auto;margin-top:60px}.qr-code{margin:30px 0}.txt1{color:#444;font-size:18px;margin-bottom:16px}.txt2{font-size:13px;color:#999;line-height:1.6em}.sp-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 200px)}.txt3{font-size:21px;color:#111;font-weight:700;line-height:1.3;margin:24px 0}.txt4{font-size:13px;color:#999;line-height:1.6em}.bottom{bottom:0;width:100%;height:200px;padding:16px;text-align:center}.line-open-button-link{text-decoration:none}.line-open-button{display:flex;align-items:center;justify-content:center;width:100%;height:60px;border-radius:5px;background-color:#07b53b;color:#fff;font-size:21px;font-weight:700;margin:24px 0}.spinner-container{display:flex;justify-content:center;align-items:center;height:100%}.spinner{position:absolute;height:60px;width:60px;margin:0 auto;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(0,174,239,.15);border-right:6px solid rgba(0,174,239,.15);border-bottom:6px solid rgba(0,174,239,.15);border-top:6px solid rgba(0,174,239,.8);border-radius:100%;z-index:999}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}