/* 主要内容区域 */
 .main-content {
 	margin-top: 80px;
 	min-height: calc(100vh - 80px);
 	flex: 1;
 }

 .page {
 	display: none;
 }

 .page.active {
 	display: block;
 }

 .section {
 	padding: 60px 0;
 }

 .container {
 	max-width: 1400px;
 	margin: 0 auto;
 	padding: 0 24px;
 }

 /* 商家页面顶部banner - 添加了背景图片 */
 .merchant-banner {
 	background:
 		linear-gradient(135deg, rgba(14, 27, 42, 0.9) 0%, rgba(26, 43, 60, 0.8) 100%),
 		url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');
 	background-size: cover;
 	background-position: center;
 	border-radius: var(--radius-xl);
 	padding: 20px;
 	margin-bottom: 24px;
 	border: 1px solid var(--border-dark);
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 30px;
 	flex-wrap: wrap;
 	min-height: 200px;
 	position: relative;
 	overflow: hidden;
 }

 .merchant-banner::before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: linear-gradient(90deg, rgba(10, 15, 23, 0.9) 0%, rgba(10, 15, 23, 0.7) 50%, rgba(10, 15, 23, 0.4) 100%);
 	z-index: 1;
 }

 .merchant-banner-content {
 	flex: 1;
 	min-width: 300px;
 	position: relative;
 	z-index: 2;
 }

 .merchant-banner-title {
 	font-size: 28px;
 	font-weight: 800;
 	color: var(--text-primary);
 	margin-bottom: 8px;
 	background: linear-gradient(90deg, var(--accent-gold), var(--accent-gold-light));
 	-webkit-background-clip: text;
 	background-clip: text;
 	color: transparent;
 	-webkit-text-fill-color: transparent;
 }

 .merchant-banner-subtitle {
 	font-size: 16px;
 	color: var(--text-secondary);
 	margin-bottom: 16px;
 }

 .merchant-banner-stats {
 	display: flex;
 	gap: 24px;
 	flex-wrap: wrap;
 }

 .merchant-banner-stat {
 	display: flex;
 	flex-direction: column;
 }

 .merchant-banner-stat .stat-value {
 	font-size: 24px;
 	font-weight: 800;
 	color: var(--accent-gold);
 	margin-bottom: 4px;
 	transition: var(--transition-fast);
 }

 .merchant-banner-stat .stat-label {
 	font-size: 13px;
 	color: var(--text-tertiary);
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 }

 /* 联系方式区域 - 简约两排布局 */
 .merchant-contact {
 	position: relative;
 	z-index: 2;
 	min-width: 320px;
 	background-color: rgba(14, 27, 42, 0.7);
 	backdrop-filter: blur(10px);
 	border-radius: var(--radius-xl);
 	padding: 16px;
 	border: 1px solid rgba(184, 154, 95, 0.2);
 }

 .contact-grid {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 12px;
 }

 .contact-item {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	padding: 10px;
 	background-color: rgba(255, 255, 255, 0.05);
 	border-radius: var(--radius-lg);
 	transition: var(--transition-fast);
 	cursor: pointer;
 	text-align: center;
 	min-height: 70px;
 	justify-content: space-between;
 }

 .contact-item:hover {
 	background-color: rgba(184, 154, 95, 0.1);
 	transform: translateY(-2px);
 	border: 1px solid rgba(184, 154, 95, 0.3);
 }

 .contact-icon {
 	font-size: 16px;
 	color: var(--accent-gold);
 	margin-bottom: 6px;
 	width: 32px;
 	height: 32px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background-color: rgba(184, 154, 95, 0.1);
 	border-radius: var(--radius-md);
 }

 .contact-name {
 	font-size: 11px;
 	color: var(--text-tertiary);
 	margin-bottom: 4px;
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 }

 .contact-value {
 	font-size: 12px;
 	color: var(--text-primary);
 	font-weight: 500;
 	word-break: break-word;
 }

 /* 资产网格 */
 .assets-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
 	gap: 24px;
 }

 .asset-card {
 	background-color: var(--bg-light);
 	border-radius: var(--radius-lg);
 	overflow: hidden;
 	border: 1px solid var(--border-dark);
 	transition: var(--transition-normal);
 	cursor: pointer;
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }

 .asset-card:hover {
 	transform: translateY(-4px);
 	border-color: var(--accent-gold);
 	box-shadow: var(--shadow-lg);
 }

 .asset-image {
 	height: 200px;
 	position: relative;
 	overflow: hidden;
 }

 .asset-image img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	transition: transform 0.5s ease;
 }

 .asset-card:hover .asset-image img {
 	transform: scale(1.05);
 }

 .asset-badge {
 	position: absolute;
 	top: 12px;
 	left: 12px;
 	background-color: rgba(14, 27, 42, 0.9);
 	color: var(--accent-gold);
 	padding: 4px 10px;
 	border-radius: var(--radius-md);
 	font-size: 11px;
 	font-weight: 700;
 	letter-spacing: 0.5px;
 	z-index: 2;
 	backdrop-filter: blur(4px);
 }

 .asset-content {
 	padding: 16px;
 	flex-grow: 1;
 	display: flex;
 	flex-direction: column;
 }

 .asset-title {
 	font-size: 16px;
 	font-weight: 700;
 	margin-bottom: 8px;
 	color: var(--text-primary);
 	line-height: 1.3;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	min-height: 40px;
 }

 .asset-description {
 	color: var(--text-secondary);
 	font-size: 13px;
 	margin-bottom: 12px;
 	flex-grow: 1;
 	line-height: 1.5;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 .asset-price {
 	font-size: 18px;
 	font-weight: 800;
 	color: var(--accent-gold);
 	margin-bottom: 8px;
 }

 .asset-meta {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-top: 12px;
 	padding-top: 12px;
 	border-top: 1px solid var(--border-dark);
 }

 .asset-location {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 	color: var(--text-tertiary);
 	font-size: 12px;
 }

 .asset-location i {
 	font-size: 12px;
 }

 .asset-views {
 	display: flex;
 	align-items: center;
 	gap: 4px;
 	color: var(--text-tertiary);
 	font-size: 12px;
 }

 .asset-views i {
 	font-size: 12px;
 }

 /* 房源筛选 - 苹果简约风格优化，移除了标题 */
 .filter-section {
 	background-color: var(--bg-light);
 	border-radius: var(--radius-xl);
 	padding: 16px 20px;
 	margin-bottom: 20px;
 	border: 1px solid var(--border-dark);
 }

 .filter-controls {
 	display: flex;
 	align-items: center;
 	gap: 16px;
 	flex-wrap: wrap;
 }

 .filter-group {
 	flex: 1;
 	min-width: 160px;
 }

 .filter-label {
 	display: block;
 	margin-bottom: 6px;
 	font-weight: 600;
 	color: var(--text-secondary);
 	font-size: 12px;
 }

 /* 苹果风格输入框 */
 .filter-select {
 	width: 100%;
 	padding: 12px 16px;
 	background-color: rgba(255, 255, 255, 0.05);
 	border: 1px solid var(--border-medium);
 	border-radius: var(--radius-lg);
 	color: var(--text-primary);
 	font-size: 14px;
 	transition: var(--transition-fast);
 	appearance: none;
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-position: right 16px center;
 	background-size: 16px;
 	padding-right: 40px;
 }

 .filter-select:focus {
 	outline: none;
 	border-color: var(--accent-gold);
 	box-shadow: 0 0 0 2px rgba(184, 154, 95, 0.2);
 }

 .filter-actions {
 	display: flex;
 	gap: 12px;
 	margin-top: 10px;
 }


 /* 分类页面 */
 .page .category-page {
 	background-color: var(--bg-dark);
 	padding: 30px 0;
 }

 /* 响应式设计 */
 @media (max-width: 1024px) {
 	.nav-link {
 		padding: 22px 16px;
 	}

 	.nav-main {
 		display: none;
 	}

 	.mobile-menu-btn {
 		display: block;
 	}

 	.nav-actions {
 		display: none;
 	}

 	.nav-actions.active {
 		display: flex;
 		flex-direction: column;
 		position: absolute;
 		top: 100%;
 		left: 0;
 		width: 100%;
 		background-color: var(--bg-dark);
 		padding: 20px;
 		border-top: 1px solid var(--border-dark);
 		box-shadow: var(--shadow-lg);
 	}

 	.assets-grid {
 		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
 	}

 	.merchant-banner {
 		flex-direction: column;
 		text-align: center;
 	}

 	.merchant-contact {
 		min-width: 100%;
 	}

 	.contact-grid {
 		grid-template-columns: repeat(3, 1fr);
 	}
 }

 @media (max-width: 768px) {
 	.merchant-banner {
 		padding: 16px;
 	}

 	.merchant-banner-content {
 		min-width: 100%;
 	}

 	.merchant-banner-stats {
 		justify-content: center;
 	}

 	.contact-grid {
 		grid-template-columns: repeat(3, 1fr);
 	}

 	.filter-controls {
 		flex-direction: column;
 		align-items: stretch;
 	}

 	.filter-group {
 		min-width: 100%;
 	}

 	.filter-actions {
 		justify-content: center;
 	}

 	.assets-grid {
 		grid-template-columns: repeat(2, 1fr);
 		gap: 16px;
 	}

 	.asset-card {
 		border-radius: var(--radius-lg);
 	}

 	.asset-image {
 		height: 140px;
 	}

 	.asset-title {
 		font-size: 14px;
 		min-height: 36px;
 	}

 	.asset-description {
 		font-size: 12px;
 		-webkit-line-clamp: 2;
 	}

 	.asset-price {
 		font-size: 16px;
 	}

 	.asset-meta {
 		font-size: 11px;
 	}
 }

 @media (max-width: 480px) {
 	.assets-grid {
 		grid-template-columns: 1fr;
 	}

 	.asset-image {
 		height: 180px;
 	}

 	.container {
 		padding: 0 16px;
 	}

 	.contact-grid {
 		grid-template-columns: repeat(2, 1fr);
 	}

 	.filter-actions .btn {
 		padding: 10px 16px;
 		font-size: 14px;
 	}
 }


 /* 分页 */
 .pagination {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	gap: 8px;
 	padding: 24px;
 	/* border-top: 1px solid var(--border-dark); */
 }

 .pagination-btn {
 	width: 36px;
 	height: 36px;
 	border-radius: var(--radius-md);
 	background-color: var(--bg-dark);
 	border: 1px solid var(--border-dark);
 	color: var(--text-secondary);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 	transition: var(--transition-fast);
 }

 .pagination-btn:hover:not(:disabled) {
 	border-color: var(--accent-gold);
 	color: var(--accent-gold);
 }

 .pagination-btn.active {
 	background-color: rgba(184, 154, 95, 0.1);
 	border-color: var(--accent-gold);
 	color: var(--accent-gold);
 }

 .pagination-btn:disabled {
 	opacity: 0.5;
 	cursor: not-allowed;
 }


 .form-input {
 	width: 100%;
 	padding: 12px 16px;
 	background-color: var(--bg-dark);
 	border: 1px solid var(--border-dark);
 	border-radius: var(--radius-md);
 	color: var(--text-primary);
 	font-size: 14px;
 	transition: var(--transition-fast);
 }
 
 .form-input:focus,
 .form-select:focus,
 .form-textarea:focus {
 	outline: none;
 	border-color: var(--accent-gold);
 }