*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Arial,sans-serif;background:linear-gradient(135deg,#e8f4f8 0%,#d1e9f0 50%,#b8dff0 100%);min-height:100vh;color:#2c3e50;}
.menu-icon{font-size:26px;position:fixed;top:20px;left:20px;cursor:pointer;z-index:1000;width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,100,150,0.15);color:#3498db;}
.menu-icon:hover{background:#3498db;color:#fff;}
.navbar{position:fixed;top:0;left:-260px;width:260px;height:100%;background:#fff;padding-top:80px;transition:left 0.3s;box-shadow:5px 0 25px rgba(0,0,0,0.08);z-index:999;}
.navbar.show{left:0;}
.navbar a{color:#2c3e50;padding:14px 22px;text-decoration:none;border-left:4px solid transparent;display:block;font-weight:500;}
.navbar a:hover{background:linear-gradient(90deg,#e3f2fd 0%,#f0f8ff 100%);border-left:4px solid #3498db;color:#2980b9;}
.container{max-width:520px;margin:60px auto;padding:35px 30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,80,120,0.12);}
.container h1{text-align:center;color:#2980b9;margin-bottom:30px;font-size:28px;}
table{width:100%;}
td{padding:10px 5px;}
td:first-child{width:130px;font-weight:600;color:#34495e;}
input[type="text"],input[type="password"]{width:100%;padding:12px 15px;border-radius:10px;border:1.5px solid #d5e8f0;background:#fafcfd;color:#2c3e50;}
input[type="text"]:focus,input[type="password"]:focus{border-color:#3498db;outline:none;background:#fff;box-shadow:0 0 0 4px rgba(52,152,219,0.1);}
.captcha-display{display:flex;align-items:center;gap:10px;}
.captcha-display img{border-radius:8px;border:1.5px solid #d5e8f0;height:38px;width:90px;background:#f0f8ff;}
.refresh-btn{background:#f0f8ff;border:1.5px solid #b8dff0;color:#2980b9;padding:7px 14px;border-radius:8px;cursor:pointer;}
.refresh-btn:hover{background:#3498db;color:#fff;}
input[type="submit"]{width:100%;padding:14px;background:linear-gradient(135deg,#3498db 0%,#5faee3 100%);color:#fff;font-weight:600;border:none;border-radius:12px;cursor:pointer;margin-top:20px;}
.info-box{background:linear-gradient(135deg,#f0f8ff 0%,#e8f4f8 100%);border:1.5px solid #b8dff0;border-radius:16px;padding:30px;margin:25px 0;}
.btn-download,.btn-home{display:inline-block;padding:14px 30px;border-radius:12px;text-decoration:none;font-weight:600;}
.btn-download{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:#fff;}
.btn-home{background:#fff;color:#2980b9;border:1.5px solid #b8dff0;}
footer{text-align:center;margin-top:30px;color:#7f8c8d;font-size:13px;border-top:1.5px solid #d5e8f0;padding-top:20px;}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.container{animation:fadeIn 0.5s ease-out;}