/* 会员登录页美化样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,#f3f7fd 0%,#e6eefb 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;padding:24px}
.login-card{width:420px;max-width:100%;height:610px;margin-top:300px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(31,45,61,.14),0 2px 10px rgba(31,45,61,.05);overflow:hidden;display:flex;flex-direction:column}
.login-head{background:linear-gradient(135deg,#1677ff,#4facfe);padding:34px 32px 26px;text-align:center;position:relative;flex-shrink:0}
.login-head::after{content:"";position:absolute;bottom:-14px;left:50%;transform:translateX(-50%) rotate(45deg);width:28px;height:28px;background:linear-gradient(135deg,#1677ff,#4facfe);border-radius:6px}
.login-head .logo{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.login-head h1{font-size:22px;color:#fff;font-weight:700;letter-spacing:2px}
.login-head p{font-size:12px;color:rgba(255,255,255,.85);margin-top:6px}
.login-body{padding:36px 34px 30px;flex:1;display:flex;flex-direction:column;min-height:0}
.login-body form ul{list-style:none}
.login-body form{display:flex;flex-direction:column;height:100%}
.login-body li{margin-bottom:18px}
.login-body .code-wrap{margin-bottom:25px}
.login-body .input{width:100%;height:46px;padding:0 16px;border:1px solid #e2e7f0;border-radius:12px;font-size:14px;color:#2b3240;background:#f8fafc;outline:none;transition:all .2s}
.login-body .input:focus{border-color:#1677ff;background:#fff;box-shadow:0 0 0 3px rgba(22,119,255,.12)}
.login-body .input::placeholder{color:#a0a8b4}
.login-body .code-wrap{display:flex;gap:12px}
.login-body .code-wrap .input{flex:1;width:auto}
.login-body .codeimg{height:46px;width:118px;border-radius:12px;cursor:pointer;border:1px solid #e2e7f0;object-fit:cover}
.login-body .submit{width:100%;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#1677ff,#3c8bff);color:#fff;font-size:16px;font-weight:600;letter-spacing:6px;cursor:pointer;transition:all .2s;box-shadow:0 6px 18px rgba(22,119,255,.28)}
.login-body .submit:hover{background:linear-gradient(135deg,#0958d9,#1677ff);transform:translateY(-1px);box-shadow:0 8px 24px rgba(22,119,255,.36)}
.login-body .submit:active{transform:translateY(0)}
.login-other{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.login-other .other-label{font-size:12px;color:#a0a8b4}
.login-other a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #e8ecf3;transition:all .2s}
.login-other a:hover{border-color:#1677ff;background:#f0f6ff;transform:translateY(-2px)}
.login-other a img{width:24px;height:24px}
.login-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #f0f2f6;font-size:13px;color:#6b7484}
.login-bottom a{color:#1677ff;text-decoration:none;font-weight:600}
.login-bottom a:hover{color:#0958d9}
.login-bottom .forget{color:#959ca8;font-weight:400}
.login-bottom .forget:hover{color:#1677ff}