*,body,html{margin:0;padding:0}body,html{height:100%;font-family:Arial,sans-serif;overflow:hidden;background:#000}.style3,.style4{width:1000px}.style4{height:500px}tr{height:25px}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.star{position:absolute;background:#fff;border-radius:50%;-webkit-animation:twinkle 2s ease-in-out infinite;animation:twinkle 2s ease-in-out infinite}@-webkit-keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.stars[data-v-c357451a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0c1321;z-index:-1}.login-container[data-v-c357451a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.6);padding:20px;border-radius:10px;width:90%;max-width:300px;color:gold}.logo-container[data-v-c357451a]{text-align:center;margin-bottom:20px;position:relative}.logo[data-v-c357451a]{font-size:32px;font-weight:900;font-family:"Noto Serif TC",serif;background:linear-gradient(180deg,gold,#f0c400,#ffdb4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(255,215,0,.3);margin-bottom:5px;display:inline-block;position:relative}.logo[data-v-c357451a]:after{content:"萬利";position:absolute;left:0;top:0;background:linear-gradient(180deg,transparent,rgba(255,215,0,.3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:-1}.logo-line[data-v-c357451a]{height:2px;background:linear-gradient(90deg,transparent,gold,#f0c400,gold,transparent);margin:5px 0;width:100%;box-shadow:0 0 5px rgba(255,215,0,.5)}.logo-pinyin[data-v-c357451a]{font-size:14px;background:linear-gradient(180deg,gold,#f0c400);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;text-shadow:0 0 5px rgba(255,215,0,.3)}.form-group[data-v-c357451a]{margin-bottom:15px}.form-group label[data-v-c357451a]{display:block;margin-bottom:5px}.form-group input[type=password][data-v-c357451a],.form-group input[type=text][data-v-c357451a]{width:100%;padding:8px;border:1px solid gold;background-color:#0c1321;color:gold;font-size:16px;box-sizing:border-box}.captcha-group[data-v-c357451a]{display:flex;align-items:center;margin-bottom:15px}.captcha-group input[data-v-c357451a]{width:60%;padding:8px;border:1px solid gold;background-color:#0c1321;color:gold;font-size:16px;margin-right:10px;box-sizing:border-box}.captcha-image[data-v-c357451a]{width:40%;height:38px;background-color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;color:#000}.login-button[data-v-c357451a]{width:100%;padding:10px;background:linear-gradient(180deg,gold,#f0c400,#ffdb4d);color:#0c1321;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:16px;margin-top:10px}.login-button[data-v-c357451a]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.2));pointer-events:none}.login-button[data-v-c357451a]:hover{background:linear-gradient(180deg,#ffdb4d,#f0c400,gold)}.checkbox-container[data-v-c357451a]{display:flex;align-items:center;margin-bottom:15px}.checkbox-container input[data-v-c357451a]{margin-right:5px}.validation-message[data-v-c357451a]{color:#ff4500;font-size:12px;margin-top:5px}