*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#e3f3ff 0,#f7faff 48%,#fff 100%)}
.card{width:min(420px,calc(100% - 36px));background:rgba(255,255,255,.82);border:1px solid #e3edf9;border-radius:28px;padding:34px;box-shadow:0 28px 90px rgba(31,54,96,.14);backdrop-filter:blur(20px)}
.logo{width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,#316cff,#6bbcff);margin:0 auto 18px;box-shadow:0 16px 38px rgba(49,108,255,.24)}
h1{text-align:center;margin:0 0 8px;font-size:26px}
.sub{text-align:center;color:#7b879b;margin:0 0 28px}
.layui-input{height:48px;border-radius:14px;border-color:#dfe9f6}
.layui-btn{height:48px;border-radius:14px;background:linear-gradient(135deg,#316cff,#6bbcff);font-weight:800}
.tip{text-align:center;color:#9aa6b7;font-size:12px;margin-top:16px}


.login-logo-img {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 20px 48px rgba(49, 108, 255, .2);
    border: 1px solid rgba(255, 255, 255, .82);
}