/* ===== 找回密码页美化 forgetpass beautify (fp-) ===== */
.fp-page{min-height:100vh;display:flex;flex-direction:column;background:#f5f6f8;}
.fp-hero{background:linear-gradient(135deg,#ED232F,#ff5a44);padding:32px 20px 40px;text-align:center;color:#fff;}
.fp-hero-icon{width:66px;height:66px;margin:0 auto 12px;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;}
.fp-hero h2{font-size:21px;font-weight:700;margin-bottom:7px;}
.fp-hero p{font-size:13px;line-height:1.6;opacity:.93;}
.fp-steps{display:flex;margin:-26px 16px 0;position:relative;z-index:3;gap:10px;}
.fp-step{flex:1;background:#fff;border-radius:12px;padding:11px 12px;display:flex;align-items:center;box-shadow:0 5px 14px rgba(0,0,0,.07);}
.fp-step-num{width:24px;height:24px;border-radius:50%;background:#e8e8e8;color:#999;font-size:13px;display:flex;align-items:center;justify-content:center;margin-right:9px;flex:none;font-weight:700;}
.fp-step-txt{font-size:13px;color:#999;}
.fp-step.on .fp-step-num{background:linear-gradient(135deg,#ED232F,#ff5a44);color:#fff;}
.fp-step.on .fp-step-txt{color:#333;font-weight:600;}
.fp-card{margin:16px;background:#fff;border-radius:14px;padding:4px 16px;box-shadow:0 4px 16px rgba(0,0,0,.05);}
.fp-field{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f2f2f2;}
.fp-field:last-child{border-bottom:none;}
.fp-field-ic{width:21px;height:21px;margin-right:12px;flex:none;color:#ED232F;display:flex;}
.fp-field input{flex:1;min-width:0;border:none;outline:none;font-size:15px;background:transparent;color:#333;}
.fp-codeimg{height:40px;border-radius:7px;border:1px solid #eee;cursor:pointer;margin-left:10px;flex:none;}
.fp-btn{display:block;width:calc(100% - 32px);margin:20px 16px 6px;height:49px;border:none;border-radius:25px;background:linear-gradient(135deg,#ED232F,#ff5a44);color:#fff;font-size:16px;font-weight:600;box-shadow:0 9px 20px rgba(237,35,47,.32);cursor:pointer;}
.fp-btn:active{opacity:.9;}
.fp-foot{text-align:center;font-size:13px;color:#888;padding:14px 0 24px;line-height:2;}
.fp-foot a{color:#ED232F;text-decoration:none;margin:0 4px;}
.fp-tip{margin:2px 16px 0;background:#fff7f7;border:1px solid #ffe0e0;border-radius:10px;padding:11px 14px;font-size:12.5px;color:#d14343;line-height:1.6;}
.fp-userbar{margin:16px 16px 0;background:linear-gradient(135deg,#fff4f4,#fff);border:1px solid #ffe3e3;border-radius:12px;padding:13px 16px;font-size:14px;color:#333;display:flex;align-items:center;}
.fp-userbar b{color:#ED232F;margin-left:4px;}