body{background-color:#000;color:#fff;font-family:Arial,sans-serif;text-align:center;margin:0;min-height:100vh;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#app{width:100%;height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding-top:min(30px,4vh)}#app>div{width:100%;max-width:100%;padding:0 min(20px,3vw);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:min(10px,1.3vh)}.logo{width:min(150px,25vw);height:auto;margin:0}h1{font-size:min(24px,4.5vh);margin:0;line-height:1.2}p{font-size:min(16px,3vh);margin:0;line-height:1.3}.qrcode-container{display:flex;flex-direction:column;gap:min(15px,2vh);align-items:center;justify-content:center;margin-top:min(12px,1.8vh);width:100%}.qr-item{background-color:#1f1f1f;padding:min(12px,1.5vh);border-radius:16px;box-shadow:0 0 12px #ffffff1a;width:min(200px,60vw);box-sizing:border-box}.qr-item img{width:100%;height:auto;display:block}.qr-label{margin-top:min(8px,1vh);font-size:min(16px,2.8vh);font-weight:700}a{color:#0fc;text-decoration:none}.terms-container{max-width:800px;margin:0 auto;padding:2rem;text-align:left;overflow-y:auto;height:100vh;color:#fff}.terms-container h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.terms-container h2{font-size:1.5rem;margin-bottom:1rem;color:#fff}.terms-container h3{font-size:1.2rem;margin:2rem 0 1rem;color:#fff}.update-date{color:#fff;margin-bottom:2rem}.terms-content{font-size:1rem;line-height:1.6;color:#fff}.terms-content p{margin-bottom:1rem;font-size:1rem;color:#fff}.terms-content ul{margin:1rem 0;padding-left:2rem;color:#fff}.terms-content li{margin-bottom:.5rem;color:#fff}@media (max-height: 600px){#app{padding-top:min(20px,3vh)}.logo{width:min(130px,22vw)}#app>div{gap:min(8px,1vh)}.qrcode-container{gap:min(10px,1.5vh);margin-top:min(10px,1.5vh)}.qr-item{padding:min(8px,1vh);width:min(180px,55vw)}.qr-label{margin-top:min(6px,.8vh);font-size:min(14px,2.5vh)}}@media (max-height: 500px){#app{padding-top:min(15px,2.5vh)}.logo{width:min(120px,20vw)}h1{font-size:min(20px,4vh)}p{font-size:min(14px,2.5vh)}.qr-item{width:min(160px,50vw)}}