@charset "UTF-8";

/* ============================================================
   个人注册表单区重做 — 纵向字段 · #31AB46
   ============================================================ */

.rp-main{
	align-items:start;
	padding-top:20px;
	padding-bottom:56px;
}
.rp-panel{
	max-height:none;
	padding:28px 28px 24px!important;
}

.rp-req{color:#E84A57;font-style:normal;margin-right:2px;}
.lf-panel__head p em.rp-req{color:#E84A57;}

.rp-tips{
	margin:22px 0 0;
	padding:0;
	list-style:none;
}
.rp-tips li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:12px;
	font-size:13px;
	line-height:1.55;
	color:var(--lf-muted);
	font-weight:500;
}
.rp-tips strong{
	flex-shrink:0;
	font-size:12px;
	font-weight:800;
	letter-spacing:.06em;
	color:var(--lf-green);
}
.rp-back{
	display:inline-block;
	margin-top:22px;
	font-size:13px;
	font-weight:700;
	color:var(--lf-green)!important;
	text-decoration:none!important;
}
.rp-back:hover{color:var(--lf-green-deep)!important;}

/* 步骤条在表单页更紧凑 */
.rp-panel .rg-steps{margin-bottom:18px;}

/* ---------- 全新表单字段 ---------- */
.rp-form__body{
	display:flex;
	flex-direction:column;
	gap:14px;
	margin-bottom:4px;
}
.rp-sect{
	margin:6px 0 0!important;
	padding:0 0 0 10px!important;
	border-left:3px solid var(--lf-green);
	font-size:12px!important;
	font-weight:800!important;
	letter-spacing:.12em;
	color:var(--lf-green)!important;
	line-height:1.2!important;
}
.rp-sect:first-child{margin-top:0!important;}
.rp-field{
	margin:0!important;
	display:block!important;
	float:none!important;
	width:100%!important;
}
.rp-field__label{
	display:block!important;
	width:auto!important;
	float:none!important;
	margin:0 0 8px!important;
	padding:0!important;
	text-align:left!important;
	font-size:13px!important;
	font-weight:700!important;
	color:var(--lf-ink)!important;
	line-height:1.3!important;
}
.rp-field__control{
	position:relative;
	width:100%;
}
.rp-life-page .rp-form .input,
.rp-life-page .rp-form input.input-large,
.rp-life-page .rp-form input.input-small,
.rp-life-page .rp-field input[type="text"],
.rp-life-page .rp-field input[type="password"]{
	float:none!important;
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	height:48px!important;
	line-height:48px!important;
	margin:0!important;
	padding:0 16px!important;
	border:1.5px solid rgba(49,171,70,.2)!important;
	border-radius:10px!important;
	background:#f7fbf8!important;
	color:var(--lf-ink)!important;
	font-size:14px!important;
	font-family:inherit!important;
	box-sizing:border-box!important;
	outline:none!important;
	box-shadow:none!important;
	transition:border-color .2s,box-shadow .2s,background .2s;
}
.rp-life-page .rp-form .input:focus,
.rp-life-page .rp-field input:focus{
	border-color:var(--lf-green)!important;
	background:#fff!important;
	box-shadow:0 0 0 3px rgba(49,171,70,.14)!important;
}
.rp-life-page .rp-form .input::placeholder{
	color:rgba(95,122,100,.48)!important;
}

/* 验证码 / 短信：一体化组合条 */
.rp-combo{
	display:flex!important;
	flex-wrap:wrap;
	align-items:stretch;
	gap:0;
	padding:4px;
	border:1.5px solid rgba(49,171,70,.2);
	border-radius:12px;
	background:#f7fbf8;
	box-sizing:border-box;
	transition:border-color .2s,box-shadow .2s,background .2s;
}
.rp-combo:focus-within{
	border-color:var(--lf-green);
	background:#fff;
	box-shadow:0 0 0 3px rgba(49,171,70,.14);
}
.rp-combo .input-small,
.rp-combo input[type="text"]{
	flex:1;
	min-width:0;
	width:auto!important;
	height:42px!important;
	line-height:42px!important;
	border:0!important;
	border-radius:8px!important;
	background:transparent!important;
	box-shadow:none!important;
	padding:0 12px!important;
}
.rp-combo .input-small:focus,
.rp-combo input[type="text"]:focus{
	box-shadow:none!important;
	background:transparent!important;
}
.rp-life-page .rp-form .rp-combo .authcode{
	flex-shrink:0;
	width:160px!important;
	height:42px!important;
	margin:0!important;
	border:0!important;
	border-radius:8px!important;
	cursor:pointer;
	object-fit:cover;
	background:#fff;
}
.rp-life-page .rp-form .rp-combo #sendmsg,
.rp-life-page .rp-form .rp-combo #sendmsg.disabled,
.rp-life-page .rp-form .rp-combo input[name="sendmsg"]{
	flex-shrink:0;
	width:auto!important;
	min-width:110px;
	height:42px!important;
	margin:0!important;
	padding:0 14px!important;
	border:0!important;
	border-radius:8px!important;
	background:var(--lf-green)!important;
	color:#fff!important;
	font-size:13px!important;
	font-weight:700!important;
	cursor:pointer;
	font-family:inherit!important;
	box-shadow:none;
	white-space:nowrap;
}
.rp-life-page .rp-form .qfont{
	margin-top:8px;
	padding:8px 12px;
	font-size:13px;
	color:var(--lf-muted);
	background:rgba(49,171,70,.06);
	border-radius:10px;
}

/* 密码强度：细进度条 + 纯文字档位（去掉方块） */
.rp-pwd{margin-top:10px;}
.rp-life-page .pw_check,
.rp-life-page #pw_check_1,
.rp-life-page #pw_check_2,
.rp-life-page #pw_check_3{
	width:100%!important;
	height:auto!important;
	background:none!important;
	background-image:none!important;
	float:none!important;
	margin:0!important;
	display:flex!important;
	flex-direction:column!important;
	gap:6px!important;
}
.rp-life-page .pw_check[style*="display:none"],
.rp-life-page #pw_check_2[style*="display:none"],
.rp-life-page #pw_check_3[style*="display:none"]{
	display:none!important;
}
.rp-life-page .pw_check-bar{
	width:100%!important;
	height:5px!important;
	border-radius:999px!important;
	background:rgba(49,171,70,.12)!important;
	overflow:hidden;
	margin:0!important;
}
.rp-life-page .pw_check-fill{
	height:100%!important;
	border-radius:999px!important;
}
.rp-life-page .pw_check-weak{width:33%!important;background:#E8A317!important;}
.rp-life-page .pw_check-medium{width:66%!important;background:#5BC46B!important;}
.rp-life-page .pw_check-strong{width:100%!important;background:#27963A!important;}
.rp-life-page .pw_check-labels{
	display:flex!important;
	justify-content:space-between;
	align-items:center;
	gap:0!important;
	margin:0!important;
	float:none!important;
}
.rp-life-page .pw_check-label,
.rp-life-page .pw_check span,
.rp-life-page .pw_check-labels span,
.rp-life-page .pw_check-labels .pw_check-label{
	float:none!important;
	display:inline!important;
	flex:0 0 auto!important;
	width:auto!important;
	height:auto!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:none!important;
	background-color:transparent!important;
	line-height:1.2!important;
	font-size:11px!important;
	font-weight:600!important;
	color:rgba(95,122,100,.55)!important;
	text-align:left!important;
}
.rp-life-page .pw_check-label .c_orange,
.rp-life-page .pw_check .c_orange,
.rp-life-page .pw_check-label strong.c_orange{
	color:var(--lf-green)!important;
	font-weight:800!important;
	background:none!important;
	border:0!important;
}

/* 校验提示 */
.rp-life-page .rp-form span.yes,
.rp-life-page .rp-form span.no{
	float:none!important;
	display:block!important;
	margin:6px 0 0!important;
	padding:0!important;
	background:none!important;
	background-image:none!important;
	height:auto!important;
	line-height:1.4!important;
	width:auto!important;
	font-size:12px!important;
}
.rp-life-page .rp-form span.yes{color:var(--lf-green)!important;}
.rp-life-page .rp-form span.no{color:#E84A57!important;padding-left:0!important;}
.rp-life-page .rp-form #code,
.rp-life-page .rp-form #smscode,
.rp-life-page .rp-form #wer{
	display:block;
	width:100%;
	flex:0 0 100%;
}

/* 协议条 */
.rp-agree{
	display:flex!important;
	flex-wrap:wrap;
	align-items:center;
	gap:6px 8px;
	margin:18px 0 14px!important;
	padding:12px 14px!important;
	border-radius:12px;
	background:rgba(49,171,70,.07);
	border:1px solid rgba(49,171,70,.14);
	font-size:13px;
	color:var(--lf-muted);
	font-weight:600;
}
.rp-agree__label{
	display:inline-flex;
	align-items:center;
	gap:8px;
	cursor:pointer;
	margin:0;
	font-weight:600;
	color:var(--lf-ink);
}
.rp-agree__label input{
	width:16px;
	height:16px;
	accent-color:var(--lf-green);
	margin:0;
}
.rp-agree a{
	color:var(--lf-green)!important;
	font-weight:700;
	text-decoration:none;
}
.rp-agree a:hover{color:var(--lf-green-deep)!important;}

/* 提交 */
.rp-life-page .login-submit-btn,
.rp-life-page #agreereg{
	display:block!important;
	width:100%!important;
	height:52px!important;
	margin:0!important;
	border:0!important;
	border-radius:12px!important;
	font-size:15px!important;
	font-weight:800!important;
	letter-spacing:.06em;
	color:#fff!important;
	cursor:pointer;
	font-family:inherit!important;
	background:linear-gradient(135deg,#5BC46B,#31AB46)!important;
	box-shadow:0 10px 24px rgba(49,171,70,.28)!important;
	transition:transform .2s,box-shadow .2s;
}
.rp-life-page .login-submit-btn:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 32px rgba(49,171,70,.36)!important;
}

.rp-form__foot{
	margin-top:16px;
	text-align:center;
	font-size:13px;
	font-weight:600;
	color:var(--lf-muted);
}
.rp-form__foot .register-link{
	color:var(--lf-green)!important;
	font-weight:800;
	text-decoration:none;
	margin-left:4px;
}
.rp-form__foot .register-link:hover{color:var(--lf-green-deep)!important;}

/* 弹层 */
.rp-pop-layer{
	position:fixed;
	inset:0;
	z-index:998;
	background:rgba(30,51,34,.45);
}
.rp-life-page #popDiv,
.rp-life-page #popDiv2{
	position:fixed!important;
	left:50%!important;
	top:50%!important;
	transform:translate(-50%,-50%);
	z-index:999;
	width:min(720px,92vw)!important;
	max-height:78vh;
	overflow:auto;
	padding:20px 24px 24px!important;
	background:#fff!important;
	border-radius:20px!important;
	border:1px solid var(--lf-line);
	box-shadow:0 24px 64px rgba(49,171,70,.2)!important;
	display:none;
	box-sizing:border-box;
}
.rp-life-page #popDiv .close a,
.rp-life-page #popDiv2 .close a{
	color:var(--lf-green)!important;
	font-weight:700;
	text-decoration:none;
	font-size: 20px;
    line-height: 40px;
}
.rp-life-page #popDiv .btn,
.rp-life-page #popDiv2 .btn{
	margin-top:16px;
	padding:10px 24px;
	border:0;
	border-radius:999px;
	background:var(--lf-green);
	color:#fff;
	font-weight:700;
	cursor:pointer;
	font-family:inherit;
}

@media (max-width:900px){
	.rp-panel{padding:22px 18px 20px!important;}
	.rp-life-page .rp-form .rp-combo .authcode,
	.rp-life-page .rp-form .rp-combo #sendmsg{
		width:100%!important;
		min-width:0;
	}
}