/* 
 * zhanzhuai_xm主题 - 登录、注册、找回密码页面样式
 * 从默认主题重新开始，逐步美化
 */

/* ============================================
   登录页面样式
   ============================================ */

/* 表格对齐样式 - 确保左侧标签与输入框对齐 */
.rfm table {
	width: 100%;
	border-collapse: collapse;
}

.rfm table tr {
	border: none;
}

.rfm table th {
	width: 120px !important;
	padding: 12px 0 !important;
	text-align: left !important;
	vertical-align: middle !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	color: #7a7a7a !important;
}

.rfm table td {
	padding: 12px 0;
	vertical-align: middle !important;
}

/* 输入框样式 */
.rfm .px,
.rfm .p_fre,
.rfm input[type="text"],
.rfm input[type="password"],
.rfm input[type="email"] {
	width: 100% !important;
	max-width: 400px !important;
	height: 40px !important;
	padding: 0 12px !important;
	border: 1px solid #ececec !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	box-sizing: border-box !important;
	background: #fff !important;
	background-image: none !important;
	line-height: 40px !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.rfm .px:focus,
.rfm .p_fre:focus,
.rfm input[type="text"]:focus,
.rfm input[type="password"]:focus,
.rfm input[type="email"]:focus {
	border-color: #fc4e53 !important;
	box-shadow: 0 0 0 2px rgba(252, 78, 83, 0.1) !important;
	outline: none !important;
}

/* 下拉框样式 */
.rfm select {
	width: 100% !important;
	max-width: 400px !important;
	height: 40px !important;
	padding: 0 35px 0 12px !important;
	border: 1px solid #ececec !important;
	border-radius: 6px !important;
	background: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 12px 12px !important;
	font-size: 14px !important;
	color: #7a7a7a !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.rfm select:focus {
	border-color: #fc4e53 !important;
	box-shadow: 0 0 0 2px rgba(252, 78, 83, 0.1) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fc4e53' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	outline: none !important;
}

/* 复选框样式 */
.rfm .pc,
.rfm input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	margin-right: 8px;
	vertical-align: middle;
	cursor: pointer;
}

/* 按钮样式 */
.rfm .pn,
.rfm .pnc,
.rfm button[type="submit"],
.rfm button.pn {
	height: 40px !important;
	padding: 0 24px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: opacity 0.3s ease, transform 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* 主要按钮（登录按钮） */
.rfm .pnc,
.rfm button.pnc {
	background: #fc4e53 !important;
	color: #fff !important;
}

.rfm .pnc:hover,
.rfm button.pnc:hover {
	opacity: 0.9 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* 次要按钮 */
.rfm .pn:not(.pnc),
.rfm button.pn:not(.pnc) {
	background: #f9f9fa !important;
	color: #7a7a7a !important;
	border: 1px solid #ececec !important;
}

.rfm .pn:not(.pnc):hover,
.rfm button.pn:not(.pnc):hover {
	background: #f3f3f3 !important;
}

/* 登录按钮行布局 */
.login-button-row {
	display: flex;
	align-items: center;
	gap: 20px;
}

.login-links-container {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

.login-link {
	color: #fc4e53 !important;
	text-decoration: none !important;
	transition: opacity 0.3s ease !important;
	padding: 0 4px;
}

.login-link:hover {
	opacity: 0.8 !important;
	text-decoration: underline !important;
}

.login-link-separator {
	color: #ccc !important;
	margin: 0 4px;
}

/* 弹窗内样式（浮动窗口） */
#fwin_dialog .rfm .px,
#fwin_dialog .rfm .p_fre,
#fwin_dialog .rfm input[type="text"],
#fwin_dialog .rfm input[type="password"],
#fwin_dialog .rfm input[type="email"] {
	width: 100% !important;
	max-width: 250px !important;
	height: 40px !important;
	padding: 0 12px !important;
	border: 1px solid #ececec !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	box-sizing: border-box !important;
	background: #fff !important;
	background-image: none !important;
	line-height: 40px !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

#fwin_dialog .rfm .px:focus,
#fwin_dialog .rfm .p_fre:focus,
#fwin_dialog .rfm input[type="text"]:focus,
#fwin_dialog .rfm input[type="password"]:focus,
#fwin_dialog .rfm input[type="email"]:focus {
	border-color: #fc4e53 !important;
	box-shadow: 0 0 0 2px rgba(252, 78, 83, 0.1) !important;
	outline: none !important;
}

#fwin_dialog .rfm select {
	width: 100% !important;
	max-width: 250px !important;
	height: 40px !important;
	padding: 0 35px 0 12px !important;
	border: 1px solid #ececec !important;
	border-radius: 6px !important;
	background: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 12px 12px !important;
	font-size: 14px !important;
	color: #7a7a7a !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

#fwin_dialog .rfm select:focus {
	border-color: #fc4e53 !important;
	box-shadow: 0 0 0 2px rgba(252, 78, 83, 0.1) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fc4e53' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	outline: none !important;
}

#fwin_dialog .rfm .pn,
#fwin_dialog .rfm .pnc,
#fwin_dialog .rfm button[type="submit"],
#fwin_dialog .rfm button.pn {
	height: 40px !important;
	padding: 0 24px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: opacity 0.3s ease, transform 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

#fwin_dialog .rfm .pnc,
#fwin_dialog .rfm button.pnc {
	background: #fc4e53 !important;
	color: #fff !important;
}

#fwin_dialog .rfm .pnc:hover,
#fwin_dialog .rfm button.pnc:hover {
	opacity: 0.9 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}