@charset "UTF-8";

@font-face {
	font-family: element-icons;
	src: url(element-icons.woff) format("woff");
	font-weight: 400;
	font-display: "auto";
	font-style: normal
}

[class*=" el-icon-"],
[class^=el-icon-] {
	font-family: element-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

* {
	margin: 0;
	padding: 0;
	/* font-family: Helvetica, Tahoma, Arial, PingFangSC-Regular, Hiragino Sans GB, Heiti SC, Microsoft YaHei; */
	font-family: Microsoft YaHei;
	-webkit-tap-highlight-color: transparent;
}

body {
	background-color: #FFF;
}

a {
	text-decoration: none;
}

input:focus {
	outline: none;
}

.hide-div {
	display: none;
}

.clear {
	clear: both;
}

.flex-box {
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	display: flex;
}

.gray-bg {
	background: transparent;
	padding: 0 16px 16px 16px;
	box-sizing: border-box;
}

.def-box-shadow {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
}

/* ---悬浮栏--- */
.fixed-tab-con {
	position: fixed;
	z-index: 80;
	top: 32%;
	right: -100px;
	width: 80px;
}

.fixed-tab-con .fixed-tab-box {
	width: 80px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.fixed-tab-con .fixed-tab-item {
	height: 85px;
	text-align: center;
	transition: background-color 0.3s;
}

.fixed-tab-con .fixed-tab-item:hover {
	background-color: rgba(80, 133, 255, 0.1);
}

.fixed-tab-con .fixed-tab-item img {
	height: 28px;
	margin-top: 18px;
	cursor: pointer;
	filter: hue-rotate(200deg) brightness(1.2);
	transition: transform 0.3s;
}

.fixed-tab-con .fixed-tab-item:hover img {
	transform: scale(1.1);
}

.fixed-tab-con .fixed-tab-item span {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: var(--brand-blue);
	font-weight: 500;
}

.fixed-tab-con .back-top-box {
	margin-top: 15px;
	height: 85px;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
}

.fixed-tab-con .back-top-box:hover {
	background: linear-gradient(135deg, rgba(240, 247, 255, 0.96) 0%, rgba(216, 231, 255, 0.92) 100%);
	border-color: rgba(63, 118, 255, 0.35);
	transform: translateY(-2px);
	box-shadow: 0 12px 40px rgba(80, 133, 255, 0.22);
}

.fixed-tab-con .back-top-box img {
	height: 26px;
	margin-top: 20px;
	cursor: pointer;
	filter: hue-rotate(200deg) brightness(1.2);
	transition: all 0.3s;
}

.fixed-tab-con .back-top-box:hover img {
	filter: brightness(0) invert(1);
}

.fixed-tab-con .back-top-box span {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: #333;
	font-weight: 500;
	transition: color 0.3s;
}

.fixed-tab-con .back-top-box:hover span {
	color: #2f6fe4;
}

/* 悬浮按钮 hover 提示 */
.fixed-tab-con .has-hover-tip {
	position: relative;
	cursor: pointer;
}

.fixed-tab-con .has-hover-tip .hover-tip {
	display: none;
	position: absolute;
	right: 90px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(27, 63, 122, 0.9);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #FFF;
	font-size: 13px;
	padding: 10px 16px;
	border-radius: 12px;
	white-space: nowrap;
	z-index: 99;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.fixed-tab-con .has-hover-tip:hover .hover-tip {
	display: block;
}

/* ---header--- */
.page-header-con {
	background-color: #706F6F;
	height: 40px;
}

.page-header-con .page-header-box {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 40px;
	line-height: 40px;
}

.page-header-box .page-header-tab a {
	float: left;
	margin-right: 40px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 13px;
}

.page-header-box .page-header-tab a:hover {
	color: #FFF;
}

.page-header-box .page-header-tab .cur-tab {
	color: #FFF;
	font-size: 13.6px;
}

.page-header-box .header-user-con {
	float: right;
	color: #EEE;
	font-size: 13px;
}

.page-header-box .header-user-con .link-phone {
	vertical-align: middle;
	filter: hue-rotate(200deg) brightness(1.1);
}

.page-header-box .header-user-box,
.page-header-box .header-person-box {
	display: inline-block;
	color: #EEE;
	height: 40px;
	line-height: 30px;
	margin-left: 30px;
	position: relative;
}

.page-header-box .header-user-box img {
	vertical-align: middle;
	height: 16px;
}

.page-header-box .header-person-box img {
	vertical-align: middle;
	height: 16px;
	width: 16px;
	border-radius: 50%;
}

.page-header-box .header-user-box a {
	vertical-align: middle;
	color: #EEE;
}

.page-header-box .header-person-box span {
	vertical-align: middle;
	font-size: 12px;
	cursor: pointer;
}

.page-header-box .header-person-box .per-box {
	position: absolute;
	z-index: 66;
	top: 34px;
	left: 0;
	right: 0;
	background: #FFF;
	padding: 5px 0;
	border-radius: 3px;
	display: none;
}

.page-header-box .header-person-box .per-box p {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14.6px;
	color: #444;
	cursor: pointer;
}

.page-header-box .header-person-box .per-box p a {
	color: #444;
}

.page-header-box .header-person-box .user-name {
	padding-right: 10px;
	font-size: 13.5px;
	display: inline-block;
	min-width: 40px;
}

/* ---footer--- */
.page-footer-con {
	background-color: #353535;
}

.page-footer-con .page-footer-box {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	padding: 0 0 20px;
}

.page-footer-box .footer-tab-box {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #515151;
}

.page-footer-box .footer-tab-box p {
	float: left;
	width: 120px;
}

.page-footer-box .footer-tab-box p a {
	font-size: 14px;
	color: #EEE;
}

.page-footer-box .footer-phone-box {
	float: right;
}

.page-footer-box .footer-phone-box img {
	width: 24px;
	vertical-align: middle;
	filter: hue-rotate(200deg) brightness(1.1);
}

.page-footer-box .footer-phone-box span {
	font-size: 14px;
	color: #EEE;
	vertical-align: middle;
	padding-left: 3px;
}

.page-footer-box .footer-p {
	font-size: 13px;
	color: #EEE;
	margin-top: 20px;
}

.page-footer-box .footer-p a {
	color: #FFF;
}

/* ---面包屑--- */
.breadcrumb-nav-con {
	position: relative;
	margin: 0px auto;
	width: 1200px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #666666;
}

.breadcrumb-nav-con a {
	color: #666666;
}

.breadcrumb-nav-con a:hover {
	color: var(--brand-blue);
}

/* ---logo+搜索--- */
.logo-search-con {
	position: relative;
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 0 auto;
	width: 1200px;
	padding: 22px 28px;
	border-radius: 30px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 249, 255, 0.72) 100%);
	border: 1px solid rgba(255, 255, 255, 0.62);
	box-shadow: var(--glass-shadow);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	box-sizing: border-box;
}

.logo-search-con .s-logo {
	position: static;
	flex: 0 0 auto;
	height: 74px;
	padding: 10px 14px;
	border-radius: 24px;
	/* background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.7);
	box-shadow: 0 16px 30px rgba(27, 63, 122, 0.1); */
	box-sizing: border-box;
}

.logo-search-con .logo-search-box {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	height: 72px;
	padding: 8px 10px 8px 24px;
	border-radius: 28px;
	background: transparent;
	border: 0;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-sizing: border-box;
}

.logo-search-con .logo-search-box input {
	flex: 1 1 auto;
	width: auto;
	height: 56px;
	line-height: 56px;
	margin-left: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--text-strong);
	font-size: 17px;
}

.logo-search-con .logo-search-box input::placeholder {
	color: var(--text-muted);
}

.logo-search-con .logo-search-box input:focus {
	outline: none;
}

.logo-search-con .search-btn-link {
	flex: 0 0 auto;
	display: inline-flex;
	text-decoration: none;
}

.logo-search-con .logo-search-box .search-btn {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 56px;
	border-radius: 22px;
	background: linear-gradient(135deg, var(--brand-blue) 0%, #69a9ff 100%);
	box-shadow: 0 16px 28px rgba(42, 103, 246, 0.24);
	cursor: pointer;
	transition: transform .24s ease, box-shadow .24s ease, filter .24s ease;
}

.logo-search-con .search-btn:hover,
.logo-search-con .search-btn:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 18px 30px rgba(42, 103, 246, 0.28);
	filter: saturate(1.04);
}

.logo-search-con .logo-search-box .search-btn img {
	width: 26px;
	margin-top: 0;
}

/* ---列表房源信息--- */
.house-list-con {
	float: left;
	width: 1260px;
	min-height: 450px;
}

.house-list-con .house-item-con {
	float: left;
	width: 392px;
	margin: 12px 12px 0 0;
	border-radius: 24px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid rgba(222, 233, 248, 0.9);
}

.house-list-con .house-item-con:hover {
	box-shadow: 0 16px 36px rgba(34, 79, 151, 0.12);
}

.house-item-con .house-img-box {
	position: relative;
	height: 293px;
	width: 392px;
	overflow: hidden;
	border-radius: 24px 24px 0 0;
}

.house-item-con .house-img-box .auction-status {
	position: absolute;
	left: 16px;
	top: 16px;
	z-index: 60;
	height: 36px;
	line-height: 36px;
	min-width: 92px;
	padding: 0 16px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.24);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 12px 24px rgba(17, 46, 92, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
	background: linear-gradient(135deg, #4cbe8e 0%, #2e9b73 100%);
}

.house-item-con .house-img-box .auction-status.auctioning {
	background: linear-gradient(135deg, #3d86ff 0%, #255fcb 100%);
}

.house-item-con .house-img-box .auction-status.auction-pending {
	background: linear-gradient(135deg, #4cbe8e 0%, #2e9b73 100%);
}

.house-item-con .house-img-box .auction-status.auction-end {
	background: linear-gradient(135deg, #8393a7 0%, #5e6e84 100%);
}

.house-item-con .house-img-box .house-cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1.3s;
	-webkit-transition: all 1.3s;
}

.house-item-con .house-img-box .house-cover-img.img-end {
	opacity: 0.6;
}

.house-item-con .house-img-box .house-cover-img:hover {
	transform: scale(1.2);
}

.house-item-con .house-img-box .house-time {
	position: absolute;
	padding: 10px 16px;
	left: 14px;
	right: 14px;
	bottom: 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: rgba(248, 251, 255, 0.96);
	line-height: 18px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(10, 26, 52, 0.16) 0%, rgba(10, 26, 52, 0.62) 100%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.house-item-con .house-info-box .house-name {
	margin: 16px 18px 12px;
	font-size: 19px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #183861;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: color .22s ease, text-shadow .22s ease;
}

.house-list-con .house-item-con:hover .house-info-box .house-name,
.house-item-con:hover .house-info-box .house-name {
	color: var(--brand-blue);
	text-shadow: 0 4px 12px rgba(42, 103, 246, 0.12);
}

.house-item-con .house-info-box .auction-price {
	margin: 0 18px 10px;
	min-height: 48px;
	line-height: 48px;
	color: #6c7e95;
	font-size: 13px;
	font-weight: 600;
}

.house-item-con .house-info-box .auction-price span:first-child {
	padding-left: 12px;
	color: var(--brand-blue);
	font-size: 34px;
	font-weight: 900;
	letter-spacing: -0.03em;
	text-shadow: 0 3px 12px rgba(42, 103, 246, 0.08);
	margin-right: 5px;
}

.house-item-con .house-info-box .auction-price .auctioning {
	color: var(--brand-blue) !important;
}

.house-item-con .house-info-box .auction-price .auction-pending {
	color: #31a478 !important;
}

.house-item-con .house-info-box .auction-price .auction-end {
	color: #6C6B6B !important;
}

.house-item-con .house-info-box .auction-price span:last-child {
	color: #7a8aa1;
	font-size: 13px;
	font-weight: 500;
}

.house-item-con .house-info-box .market-price {
	margin: 0 18px 12px;
	color: #73859b;
	font-size: 13px;
	font-weight: 500;
}

.house-item-con .house-info-box .market-price span {
	padding-left: 10px;
	color: #2a486f;
	font-weight: 600;
}

.house-item-con .house-info-box .house-intro {
	margin: 0 18px 18px;
	color: #6c7e95;
	font-size: 12px;
}

.house-item-con .house-info-box .house-intro span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: linear-gradient(180deg, rgba(240, 246, 255, 0.96) 0%, rgba(231, 239, 250, 0.92) 100%);
	padding: 0 12px;
	border-radius: 999px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid rgba(216, 228, 245, 0.9);
}

.house-item-con .house-auc-time {
	min-height: 56px;
	line-height: 56px;
	padding: 0 18px;
	background: linear-gradient(180deg, rgba(240, 246, 255, 0.88) 0%, rgba(233, 241, 252, 0.92) 100%);
	font-weight: 600;
	font-size: 14px;
	color: #60738c;
	letter-spacing: 0.01em;
}

.house-item-con .house-auc-time span {
	color: #205ecf;
}

/* ---登录--- */
.login-dialog-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2007;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	opacity: 0;
}

.login-dialog-box {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2008;
	background-color: #fff;
	display: none;
	width: 360px;
	height: 360px;
	margin-top: -230px;
	margin-left: -180px;
	border-radius: 10px;
	opacity: 0;
}

.login-dialog-box .close-login-icon {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.login-dialog-box .login-dialog-tab {
	margin: 35px 40px 30px;
	height: 30px;
	line-height: 30px;
}

.login-dialog-box .login-dialog-tab span {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: #777;
	cursor: pointer;
}

.login-dialog-box .login-dialog-tab .cur-login-tab {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.login-dialog-box .login-input-box {
	margin: 0 36px 20px;
	position: relative;
	border: 1px solid #DADADA;
	padding: 0 10px;
}

.login-dialog-box .login-input-box input {
	position: relative;
	height: 40px;
	line-height: 40px;
	border: 0;
	font-size: 15px;
	color: #333333;
	width: 100%;
}

.login-dialog-box .login-input-box input::-webkit-input-placeholder {
	/* placeholder颜色 */
	color: #aab2bd;
	/* placeholder字体大小 */
	font-size: 14px;
}

.login-dialog-box .login-input-box span {
	position: absolute;
	right: 10px;
	top: 0;
	height: 40px;
	line-height: 40px;
	width: 70px;
	text-align: right;
	font-size: 14px;
	color: var(--brand-blue);
	cursor: pointer;
}

.login-dialog-box #pwdLoginId {
	display: none;
}

.login-dialog-box .login-btn {
	margin: 35px 36px 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #FFF;
	background: var(--brand-blue);
	border-radius: 3px;
	cursor: pointer;
}

.login-dialog-box .login-remind {
	margin: 12px 0 6px;
	text-align: center;
	color: #999999;
	font-size: 13px;
}

.login-dialog-box .login-word-box {
	margin: 0 50px 0;
}

.login-dialog-box .login-word-box span {
	float: left;
	width: 50%;
	text-align: center;
}

.login-dialog-box .login-word-box span a {
	font-size: 14px;
	color: var(--brand-blue);
}

.remind-dialog-box {
	position: fixed;
	top: 50%;
	left: 50%;
	right: 0;
	z-index: 2009;
	display: none;
	/* height: 46px; */
	line-height: 23px;
	padding: 15px 10px;
	margin-top: -42px;
	width: 180px;
	margin-left: -90px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.52);
	font-size: 16px;
	color: #FFF;
	border-radius: 6px;
	opacity: 0;
}

/* ---分页--- */
.page-nums-con {
	margin: 40px 0;
	text-align: center;
}

.page-nums-con .page-p {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 14px;
	color: #444;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	margin-right: 5px;
	cursor: pointer;
}
n	.page-nums-con .page-p:hover {
		color: var(--brand-blue);
		border-color: var(--brand-blue);
	}

.page-nums-con .page-normal {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #565656;
	border: 1px solid #e6e6e6;
	cursor: pointer;
	border-radius: 3px;
	margin-right: 5px;
}

.page-nums-con .page-normal:hover {
	color: var(--brand-blue);
}

.page-nums-con .sel-page {
	background-color: var(--brand-blue);
	color: #FFF !important;
	border: 1px solid var(--brand-blue);
}

.page-nums-con .page-i {
	display: inline-block;
	height: 30px;
	padding: 0 10px 0 5px;
	line-height: 30px;
	font-size: 14px;
	color: #565656;
}

	.page-nums-con .page-i input {
		height: 30px;
		width: 30px;
		line-height: 30px;
		text-align: center;
		border: 1px solid rgba(130, 177, 255, 0.15);
		border-radius: 10px;
		margin: 0 5px;
		outline: none;
		background: rgba(255, 255, 255, 0.8);
		transition: border-color 0.2s, box-shadow 0.2s;
	}

	.page-nums-con .page-i input:focus {
		border-color: var(--brand-blue);
		box-shadow: 0 0 0 3px rgba(42, 103, 246, 0.08);
	}

	.page-nums-con .page-btn {
		display: inline-block;
		height: 30px;
		width: 50px;
		line-height: 30px;
		background-color: var(--brand-blue);
		text-align: center;
		font-size: 14px;
		color: #FFF;
		border-radius: 3px;
		cursor: pointer;
	}

	.page-nums-con .page-btn:hover {
		box-shadow: 0 4px 14px rgba(42, 103, 246, 0.28);
		transform: translateY(-1px);
	}
/* === 2026-04 light glass shared refresh === */
:root {
	--brand-blue: #2a67f6;
	--brand-blue-deep: #1a46b8;
	--brand-cyan: #76b7ff;
	--text-strong: #173057;
	--text-normal: #465977;
	--text-muted: #7e8fa9;
	--surface-base: #edf3fb;
	--surface-panel: rgba(255, 255, 255, 0.84);
	--surface-card: rgba(255, 255, 255, 0.9);
	--glass-bg: rgba(255, 255, 255, 0.54);
	--glass-bg-strong: rgba(255, 255, 255, 0.72);
	--glass-border: rgba(255, 255, 255, 0.58);
	--border-soft: rgba(196, 211, 232, 0.72);
	--shadow-soft: 0 16px 36px rgba(27, 63, 122, 0.08);
	--shadow-card: 0 12px 32px rgba(27, 63, 122, 0.08);
	--glass-shadow: 0 22px 48px rgba(27, 63, 122, 0.12);
	--radius-sm: 10px;
	--radius-md: 18px;
	--radius-lg: 26px;
	--radius-pill: 999px;
}

body {
	background:
		radial-gradient(circle at top left, rgba(156, 201, 255, 0.18), transparent 32%),
		linear-gradient(180deg, #f7faff 0%, #eef3f9 100%);
	color: var(--text-strong);
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

a {
	color: inherit;
	transition: color .24s ease, opacity .24s ease, transform .24s ease;
}

.gray-bg {
	background: transparent;
}

.def-box-shadow {
	box-shadow: var(--shadow-card);
}

.page-header-con {
	position: relative;
	background: linear-gradient(180deg, rgba(34, 42, 55, 0.88) 0%, rgba(44, 54, 71, 0.82) 100%);
	backdrop-filter: blur(14px);
}

.page-header-con::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.04));
}

.page-header-con .page-header-box {
	width: 1200px;
}

.page-header-box .page-header-tab a {
	position: relative;
	color: rgba(238, 245, 255, 0.72);
	font-size: 13px;
	letter-spacing: .02em;
	transition: color .22s ease;
}

.page-header-box .page-header-tab a:hover,
.page-header-box .page-header-tab .cur-tab {
	color: #ffffff;
}

.page-header-box .page-header-tab .cur-tab::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(118, 183, 255, 0.15), rgba(118, 183, 255, 0.95), rgba(118, 183, 255, 0.15));
}

.page-header-box .header-user-con,
.page-header-box .header-user-box,
.page-header-box .header-person-box {
	color: #334155;
	/* 非吸顶状态下使用深色文字 */
}

.page-header-con.is-sticky .page-header-box .header-user-con,
.page-header-con.is-sticky .page-header-box .header-user-box,
.page-header-con.is-sticky .page-header-box .header-person-box {
	color: rgba(238, 245, 255, 0.95);
	/* 吸顶深色背景下使用浅色文字 */
}

.page-header-box .header-user-con .link-phone {
	display: inline-block;
	padding: 0 12px;
	height: 28px;
	line-height: 28px;
	border-radius: 999px;

}

.page-header-con.is-sticky .page-header-box .header-user-con .link-phone {
	/* background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.12); */
}

.page-header-box .header-user-box,
.page-header-box .header-person-box {
	margin-left: 18px;
}

.page-header-box .header-user-box a {
	color: rgba(255, 245, 255, 0.9);
}

.page-header-box .header-person-box .per-box {
	top: 42px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(220, 229, 243, 0.92);
	border-radius: 14px;
	box-shadow: var(--glass-shadow);
	backdrop-filter: blur(18px);
	padding: 8px 0;
}

.page-header-box .header-person-box .per-box p,
.page-header-box .header-person-box .per-box p a {
	color: var(--text-strong);
}

.page-header-box .header-person-box .per-box p:hover {
	background: rgba(42, 103, 246, 0.06);
}

.page-footer-con {
	position: relative;
	background:
		radial-gradient(circle at top center, rgba(116, 177, 255, 0.12), transparent 34%),
		linear-gradient(180deg, #223047 0%, #182332 100%);
}

.page-footer-box .footer-tab-box {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

.page-footer-box .footer-tab-box p a,
.page-footer-box .footer-phone-box span,
.page-footer-box .footer-p {
	color: rgba(232, 240, 250, 0.78);
}

.page-footer-box .footer-tab-box p a {
	transition: color 0.2s ease;
}

.page-footer-box .footer-tab-box p a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.page-footer-box .footer-p a {
	color: rgba(232, 240, 250, 0.78);
	transition: color 0.2s ease;
}

.page-footer-box .footer-p a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.fixed-tab-con {
	top: 30%;
	right: -100px;
	width: 88px;
}

.fixed-tab-con .fixed-tab-box,
.fixed-tab-con .back-top-box {
	width: 88px;
	padding: 5px;
	/* 增加内边距，为内部项的悬浮圆角留出空间 */
	border-radius: 28px;
	/* 略微加大圆角，更显圆润 */
	background: var(--glass-bg-strong);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 12px 40px rgba(27, 63, 122, 0.15);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	box-sizing: border-box;
}

.fixed-tab-con .fixed-tab-box {
	overflow: visible;
}

/* === 2026-04 sticky page header refresh === */
.page-header-con {
	position: sticky;
	top: 0;
	z-index: 9999;
	height: auto;
	min-height: 64px;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	backdrop-filter: blur(12px) saturate(150%);
	-webkit-backdrop-filter: blur(12px) saturate(150%);
	background: rgba(255, 255, 255, 0.4);
	/* 初始状态：轻盈浅色玻璃 */
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	justify-content: center;
}

.page-header-con.is-sticky {
	background: rgba(29, 41, 59, 0.88);
	/* 优雅的深海军蓝玻璃背景 */
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	box-shadow:
		0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -2px rgba(0, 0, 0, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	min-height: 60px;
	/* 吸顶时轻微缩小高度，腾出更多视野 */
}

.page-header-con .page-header-box {
	width: calc(100% - 32px);
	max-width: 1200px;
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 10px 0;
	box-sizing: border-box;
}

.page-header-box .page-header-tab {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.page-header-box .page-header-tab a {
	float: none;
	margin-right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	background: transparent;
	border: 1px solid transparent;
	color: #334155;
	/* 默认深色 */
	transition: all 0.3s ease;
}

.page-header-con.is-sticky .page-header-box .page-header-tab a {
	color: rgba(255, 255, 255, 0.85);
	/* 吸顶时浅色 */
}

.page-header-box .page-header-tab a:hover {
	background: rgba(42, 103, 246, 0.08);
	/* 淡淡的蓝色背景 */
	border-color: rgba(42, 103, 246, 0.15);
	transform: translateY(-1px);
	color: #2a67f6;
	/* 悬浮时变为品牌蓝，确保在白底可见 */
}

.page-header-con.is-sticky .page-header-box .page-header-tab a:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	/* 吸顶深色背景下保持白色悬浮 */
}

.page-header-box .page-header-tab .cur-tab {
	background: linear-gradient(135deg, #2a67f6 0%, #4b89ff 100%);
	color: #fff !important;
	/* 选中项始终保持白色，因为它有深蓝色背景 */
	border-color: rgba(96, 165, 250, 0.3);
	box-shadow: 0 4px 12px rgba(42, 103, 246, 0.25);
}

.page-header-con.is-sticky .page-header-box .page-header-tab .cur-tab {
	background: #3b82f6;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.page-header-box .page-header-tab .cur-tab::after {
	left: 16px;
	right: 16px;
	bottom: 6px;
}

.page-header-box .header-user-con {
	float: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}

.page-header-box .header-user-con .link-phone {
	padding: 0 16px;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	font-weight: 600;
}

.page-header-box .header-user-box,
.page-header-box .header-person-box {
	margin-left: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	transition: all .22s ease;
}

.page-header-con.is-sticky .page-header-box .header-user-box,
.page-header-con.is-sticky .page-header-box .header-person-box {
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.page-header-box .header-user-box {
	background: linear-gradient(135deg, rgba(78, 143, 255, 0.24) 0%, rgba(67, 113, 229, 0.26) 100%);
	border-color: rgba(137, 185, 255, 0.3);
	box-shadow: 0 12px 24px rgba(35, 69, 143, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.page-header-box .header-user-box a {
	font-size: 14px;
	font-weight: 600;
	color: inherit;
}

.page-header-box .header-person-box:hover {
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.22);
	box-shadow: 0 12px 24px rgba(21, 37, 61, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.page-header-box .header-user-box img,
.page-header-box .header-person-box img {
	margin-top: 0;
}

.page-header-box .header-person-box .user-name {
	padding-right: 0;
}

.page-header-box .header-person-box::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 14px;
}

.page-header-box .header-person-box .per-box {
	top: calc(100% + 10px);
	left: 50%;
	right: auto;
	min-width: 172px;
	padding: 10px 8px;
	border-radius: 18px;
	box-shadow: 0 18px 38px rgba(20, 38, 64, 0.16);
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%) translateY(8px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.page-header-box .header-person-box:hover .per-box {
	display: block;
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.page-header-box .header-person-box .per-box p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 44px;
	line-height: 44px;
	margin: 2px 0;
	padding: 0 14px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.page-header-box .header-person-box .per-box p a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	line-height: inherit;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	color: inherit;
	text-align: left;
}

.page-header-box .header-person-box .per-box p a:hover {
	background: transparent;
	box-shadow: none;
	border: none;
	color: inherit;
}

.page-header-box .header-person-box .per-box p:hover {
	background: linear-gradient(135deg, rgba(42, 103, 246, 0.12) 0%, rgba(111, 171, 255, 0.16) 100%);
	color: var(--brand-blue-deep);
	transform: translateX(2px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36);
}

@media screen and (max-width: 1280px) {
	.page-header-con .page-header-box {
		width: calc(100% - 24px);
	}
}

.fixed-tab-con .fixed-tab-item {
	height: 80px;
	margin-bottom: 2px;
	border-radius: 18px;
	/* 默认赋予圆角，方便悬浮时显示 */
	transition: background-color .28s ease, transform .28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.fixed-tab-con .fixed-tab-item:last-child {
	margin-bottom: 0;
}

.fixed-tab-con .fixed-tab-item:hover,
.fixed-tab-con .back-top-box:hover {
	background: linear-gradient(180deg, rgba(241, 247, 255, 0.96) 0%, rgba(217, 231, 255, 0.9) 100%);
	border-color: rgba(63, 118, 255, 0.35);
	/* 悬浮时切到更清爽的浅蓝玻璃态 */
	transform: translateX(-8px);
	/* 增加侧移反馈 */
	box-shadow: 0 12px 28px rgba(42, 103, 246, 0.16);
}

.fixed-tab-con .fixed-tab-item:hover img,
.fixed-tab-con .back-top-box:hover img {
	transform: scale(1.18) translateY(-3px);
	opacity: 1;
	filter: brightness(0) saturate(100%) invert(45%) sepia(95%) saturate(3000%) hue-rotate(212deg) brightness(105%) contrast(105%) drop-shadow(0 0 8px rgba(42, 103, 246, 0.5));
}

.fixed-tab-con .fixed-tab-item img,
.fixed-tab-con .back-top-box img {
	height: 26px;
	opacity: 0.8;
	/* 将所有图标统一转换为深蓝色/品牌蓝调，并增加柔和阴影 */
	filter: brightness(0) saturate(100%) invert(35%) sepia(90%) saturate(1500%) hue-rotate(210deg) brightness(100%) contrast(95%) drop-shadow(0 2px 4px rgba(27, 63, 122, 0.15));
	transition: all .35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.fixed-tab-con .fixed-tab-item span {
	display: block;
	margin-top: 6px;
	line-height: 1.35;
	color: var(--text-normal);
}

.fixed-tab-con .back-top-box {
	margin-top: 14px;
	height: 92px;
}

.fixed-tab-con .back-top-box span {
	display: block;
	color: var(--text-strong);
	line-height: 1.35;
	transition: color .28s ease;
}

.fixed-tab-con .back-top-box:hover span {
	color: #2f6fe4;
}

.fixed-tab-con .has-hover-tip .hover-tip {
	right: 102px;
	background: rgba(26, 39, 61, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	backdrop-filter: blur(14px);
	box-shadow: var(--shadow-soft);
	color: rgba(255, 255, 255, 0.95);
}

.login-dialog-bg {
	background: rgba(15, 23, 37, 0.38);
	backdrop-filter: blur(8px);
}

.login-dialog-box {
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: var(--glass-shadow);
	backdrop-filter: blur(20px);
}

.login-dialog-box .login-input-box {
	border-color: rgba(199, 211, 230, 0.9);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.72);
}

.login-dialog-box .login-btn {
	background: linear-gradient(135deg, var(--brand-blue) 0%, #5ea1ff 100%);
	border-radius: 16px;
	box-shadow: 0 10px 24px rgba(42, 103, 246, 0.25);
}

.remind-dialog-box {
	border-radius: 14px;
	background: rgba(22, 34, 52, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(14px);
	box-shadow: var(--shadow-soft);
}

/* === 2026-04 Premium Animations === */

/* 向上滑入淡入 */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.anim-fade-in-up {
	animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* 简单的缩放悬浮效果 */
.hover-lift {
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease;
}

.hover-lift:hover {
	transform: translateY(-8px) scale(1.01);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}

/* 延迟类 */
.delay-1 {
	animation-delay: 0.1s;
}

.delay-2 {
	animation-delay: 0.2s;
}

.delay-3 {
	animation-delay: 0.3s;
}

.delay-4 {
	animation-delay: 0.4s;
}