body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Arial,sans-serif}.background-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-image:url(/img/pcb.webp);background-size:cover;background-position:center;background-repeat:no-repeat;max-width:70vw;min-width:800px;margin:0 auto;box-sizing:border-box}@media (max-width:768px){.background-wrapper{background-image:url(/img/wapb.webp);max-width:100%;min-width:auto}}.background-gif{position:absolute;top:50px;left:35px;width:35%;height:75%;background-image:url(/img/leishen.gif);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}@media (max-width:768px){.background-gif{width:300px;height:450px;left:3%;top:1%;transform:translateX(-15%)}}.container{text-align:center;padding:20px;background:rgba(255,255,255,.8);border-radius:10px;width:calc(100% - 20px);max-width:400px;margin:50px 10px;box-sizing:border-box;position:relative;z-index:1}.logo{max-width:120px;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.code-input,.input-field{width:70%;padding:10px;margin:10px auto;border:2px solid #ddd;border-radius:5px;font-size:16px;display:block}.submit-btn{display:inline-block;background:url(/img/button.png) no-repeat center;background-size:contain;border:none;width:70%;height:70px;cursor:pointer;margin:10px auto;display:block}.social-icons{display:flex;justify-content:center;gap:10px;margin-top:20px;padding:10px;background-color:#f0f0f0;border-radius:15px}.icon{width:50px;height:50px;cursor:pointer;border-radius:8px}.icon img{width:100%;height:100%;object-fit:contain;border-radius:8px}.download-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.download-button{width:120px;height:40px}.download-button img{width:100%;height:100%;object-fit:contain;border-radius:8px}@media (max-width:320px){.download-buttons{flex-direction:column;align-items:center}}.dialog-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);align-items:center;justify-content:center}.dialog-box{background:#fff;padding:20px;border-radius:10px;width:300px;text-align:center}.dialog-button{margin-top:10px;padding:8px 20px;background-color:#ffda44;color:#fff;border:none;border-radius:5px;cursor:pointer}.title-text{font-size:1.8em;font-weight:700;color:#549688;text-shadow:2px 2px 5px rgba(0,0,0,.3);margin-bottom:20px}@media (max-width:768px){.title-text{font-family:'Baloo 2',cursive,sans-serif;color:#549688;text-shadow:1px 1px 0 #ffcccb,-1px -1px 0 #fff}}.follow-us-text{font-size:16px;color:#d35400;font-weight:700;margin-top:20px;margin-bottom:10px;text-align:center;animation:bounce 1.5s infinite}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.dialog-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:1000}.dialog-box{background:linear-gradient(135deg,#f5f7fa,#a5c6a7);padding:30px;border-radius:15px;width:80%;max-width:400px;text-align:center;box-shadow:0 15px 30px rgba(0,0,0,.2);position:relative;animation:zoomIn .5s}@keyframes zoomIn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.dialog-box::after,.dialog-box::before{content:'';position:absolute;width:100px;height:100px;background:url(/img/anime-star.png) no-repeat center;background-size:contain}.dialog-box::before{top:-50px;left:-50px}.dialog-box::after{bottom:-50px;right:-50px}.dialog-box p{font-size:1.2em;color:#333;margin-bottom:20px}.dialog-box .input-field{width:80%;padding:10px;margin:10px auto;border:2px solid #ddd;border-radius:5px;font-size:16px;display:block}.dialog-box .dialog-button{margin-top:20px;padding:12px 30px;background-color:green;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1em;transition:background-color .3s}.dialog-box .dialog-button:hover{background-color:#006400}@keyframes shakeClock{0%{transform:translateX(0) rotate(0)}10%{transform:translateX(-2px) rotate(-5deg)}20%{transform:translateX(2px) rotate(5deg)}30%{transform:translateX(-2px) rotate(-5deg)}40%{transform:translateX(2px) rotate(5deg)}50%{transform:translateX(0) rotate(0)}60%{transform:translateX(-2px) rotate(-5deg)}70%{transform:translateX(2px) rotate(5deg)}80%{transform:translateX(-2px) rotate(-5deg)}90%{transform:translateX(2px) rotate(5deg)}100%{transform:translateX(0) rotate(0)}}.icon.shake{animation:shakeClock .8s cubic-bezier(.25,.72,.29,1.34)}