*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#2d3561,#1e2347 50%,#0f1419);display:flex;flex-direction:column;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,165,0,.08) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,140,0,.06) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header{justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:15px}.logo{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;box-shadow:0 4px 15px rgba(255,107,53,.3);display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.site-name{color:#fff;font-size:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.main-content{align-items:flex-start;display:flex;flex:1;gap:20px;justify-content:space-around;padding:40px 20px}.panda{margin-top:60px}.game-icon-container{animation:float 10s ease-in-out infinite;position:relative}.game-subtitle{color:gold;font-size:18px;font-weight:700;margin-top:5px;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.7);z-index:2}.login-container{backdrop-filter:blur(20px);background:transparent;border:0;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.2);padding:50px 40px;width:450px}.login-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.register-toggle{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;text-decoration:none;transition:all .3s ease}.register-toggle:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.form-group{margin-bottom:25px;position:relative}.form-input{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;transition:all .3s ease;width:100%}.form-input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.form-input::placeholder{color:hsla(0,0%,100%,.4)}.password-toggle{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:gold}.login-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:6px;box-shadow:0 1px 1px rgba(255,215,0,.4);color:#fff;cursor:pointer;font-size:15px;padding:6px 12px;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes goldShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:1024px){.main-content{align-items:center;flex-direction:column;justify-content:center}.panda{margin:0;padding:0;width:60%}}@media (max-width:768px){.header{padding:15px 20px}.site-name{font-size:18px}.login-container{align-items:center;border:0;justify-content:center;padding:20px 10px;width:100%}}@media (max-width:480px){.login-container{border:0;padding:20px 10px;width:90%}.login-title{font-size:28px}.main-content{padding:20px 10px}}.loading{opacity:.7;pointer-events:none}.loading .login-button:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#000;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}