/* ===== 用户中心（登录/注册/找回密码）样式，与 Fly 模板风格一致 ===== */
body{ background:#f2f2f2; }

.fly-user{ min-height: 560px; padding: 30px 0 60px; }
.fly-user-card{
	width: 380px;
	margin: 20px auto 0;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	overflow: hidden;
}

/* 顶部 Tab 切换 */
.fly-user-tabs{
	display: flex;
	border-bottom: 1px solid #f0f0f0;
}
.fly-user-tabs a{
	flex: 1;
	text-align: center;
	line-height: 56px;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: all .2s;
}
.fly-user-tabs a:hover{ color: #009E94; }
.fly-user-tabs a.tab-this{
	color: #009E94;
	font-weight: bold;
	border-bottom-color: #009E94;
}

.fly-user-body{ padding: 30px 36px 36px; }

.fly-user-body .layui-form-item{ margin-bottom: 20px; }
.fly-user-body .layui-input{ height: 42px; line-height: 42px; border-radius: 4px; }
.fly-user-body .layui-form-label{ width: auto; padding: 9px 10px 9px 0; }

.fly-user-title{
	font-size: 18px;
	color: #333;
	text-align: center;
	margin-bottom: 24px;
	font-weight: normal;
}

/* 验证码 + 发送按钮 */
.fly-sms-row{ display: flex; gap: 10px; }
.fly-sms-row .layui-input{ flex: 1; }
.fly-sms-btn{
	width: 130px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 1px solid #009E94;
	color: #009E94;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	background: #fff;
	transition: all .2s;
	white-space: nowrap;
}
.fly-sms-btn:hover{ background: #009E94; color: #fff; }
.fly-sms-btn.disabled,
.fly-sms-btn:disabled{
	border-color: #ccc;
	color: #999;
	cursor: not-allowed;
	background: #f5f5f5;
}

.fly-user-submit{
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	border-radius: 4px;
	margin-top: 8px;
}

.fly-user-links{
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	font-size: 13px;
}
.fly-user-links a{ color: #999; }
.fly-user-links a:hover{ color: #009E94; }

.fly-user-tip{
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-top: 14px;
}

/* 第三方登录 */
.fly-user-other{ margin-top: 8px; }
.fly-user-other-line{
	position: relative;
	text-align: center;
	margin: 8px 0 18px;
}
.fly-user-other-line:before,
.fly-user-other-line:after{
	content: '';
	position: absolute;
	top: 50%;
	width: 35%;
	height: 1px;
	background: #e6e6e6;
}
.fly-user-other-line:before{ left: 0; }
.fly-user-other-line:after{ right: 0; }
.fly-user-other-line span{
	display: inline-block;
	padding: 0 12px;
	font-size: 12px;
	color: #999;
	background: #fff;
}

.fly-user-other-icons{
	display: flex;
	justify-content: center;
	gap: 30px;
}
.fly-user-other-icons a{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	transition: color .2s;
}
.fly-user-other-icons a:hover{ color: #07C160; }
.fly-user-other-icons .wechat-demo:hover{ color: #009E94; }
.fly-user-other-icons .iconfont{ font-size: 26px; }

/* 滑块验证码 layer 弹窗内容 */
.fly-captcha-box{ padding: 0; }
.fly-captcha-box .layui-layer-content{ padding: 0 !important; }
#flyCaptchaBox{
	height: 190px;
	background: #fff;
}

/* 响应式 */
@media screen and (max-width: 480px){
	html body{ margin-top: 60px; }
	.fly-user-card{ width: 94%; margin-top: 10px; }
	.fly-user-body{ padding: 20px 18px 24px; }
}