/**
 * 珍宝馆主题自定义样式
 * 基于 Bootstrap 5 开发
 */

/* ================================
   全局变量和重置
   ================================ */
:root {
	--primary-color: #19281d;
	--secondary-color: #d4a574;
	--accent-color: #c9a961;
	--text-color: #1a1a1a;
	--bg-color: #ffffff;
	--nav-color:#25382c;
	--bs-navbar-active-color:#25382c;
	--header-height: 110px;
	--container-max-width: 1510px;
	--site-max-width: 1920px;
}

* {
	box-sizing: border-box;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	color: var(--text-color);
	font-size: 16px;
	line-height: 1.6;
	padding-top: 0 !important; /* 确保内容从顶部开始 */
	margin: 0;
}

.site {
	max-width: var(--site-max-width);
	margin: 0 auto;
	overflow-x: hidden;
}

/* 自定义容器 */
.container-custom {
	max-width: 1510px;
	margin: 0 auto;
}

/* Hero底部四列区域容器 - PC端1050px */
.container-hero-bottom {
	max-width: 1050px;
	margin: 0 auto;
}

/* 无障碍 */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	background-color: var(--bg-color);
	clip: auto !important;
	clip-path: none;
	color: var(--primary-color);
	display: block;
	font-size: 1rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* ================================
   固定 Header 样式
   ================================ */
.site-header.fixed-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: var(--header-height);
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 1000;
	transition: all 0.3s ease;
}

/* 滚动后 Header 样式 */
.site-header.fixed-header.scrolled {
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.header-inner {
	height: 100%;
}

.header-inner .container-custom {
	height: 100%;
}

/* Logo 样式 */
.site-branding {
	display: flex;
	align-items: center;
	height: 100%;
}

.site-branding .custom-logo-link {
	display: block;
	line-height: 0;
}

.site-branding .custom-logo {
	max-height: 80px;
	width: auto;
	/*transition: transform 0.3s ease;*/
}
/*
.site-branding .custom-logo:hover {
	transform: scale(1.05);
}
*/
.site-logo-text {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--primary-color);
	text-decoration: none;
	transition: color 0.3s ease;
}

.site-logo-text:hover {
	color: var(--secondary-color);
}

/* 主导航菜单 */
.main-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.main-navigation .navbar-nav {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-direction: row;
}

.main-navigation .nav-item {
	position: relative;
}

.main-navigation .nav-link {
	color: var(--nav-color);
	font-size: 1.875rem;
	padding: 10px 20px;
	text-decoration: none;
	transition: all 0.3s ease;
	border-radius: 4px;
	position: relative;
}


/* Active 状态样式 - 当前页面的菜单项 */
.main-navigation .nav-link.active,
.main-navigation .current-menu-item > .nav-link,
.main-navigation .current_page_item > .nav-link,
.main-navigation .current-menu-ancestor > .nav-link,
.main-navigation .current-page-ancestor > .nav-link {
	font-weight: 500;
	/*color: var(--primary-color);
	background: rgba(139, 69, 19, 0.08);*/
}

/* Active 状态下划线效果 */
.main-navigation .nav-link.active::after,
.main-navigation .current-menu-item > .nav-link::after,
.main-navigation .current_page_item > .nav-link::after {
	display: none;
	content: '';
	position: absolute;
	bottom: 5px;
	left: 20px;
	right: 20px;
	height: 3px;
	background: var(--primary-color);
	border-radius: 2px;
}

/* 下拉菜单 */
.main-navigation .dropdown-menu {
	border: none;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	margin-top: 10px;
}

.main-navigation .dropdown-item {
	padding: 10px 20px;
	color: var(--text-color);
	transition: all 0.3s ease;
}

.main-navigation .dropdown-item:hover,
.main-navigation .dropdown-item:focus {
	background: rgba(139, 69, 19, 0.05);
	color: var(--primary-color);
}

/* 右侧功能区 */
.header-actions {
	gap: 10px;
	height: 100%;
}

.header-action-item .btn {
	color: var(--text-color);
	font-size: 1.1rem;
	padding: 8px 12px;
	transition: all 0.3s ease;
	text-decoration: none !important;
}


.header-action-item .btn i {
	font-size: 1.3rem;
}

/* 语言切换下拉菜单 */
.language-switcher .dropdown-menu {
	min-width: 120px;
}

/* ================================
   Hero 区域样式
   ================================ */
.hero-section {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 首页 Hero - 超高背景图截断显示 */
.hero-section.hero-home {
	height: 2430px;
	min-height: 100vh;
	background-position: center top;
	background-size: 1920px auto; /* 保持宽度，高度自动 */
	position: relative;
}

/* 其他页面 Hero */
.hero-section:not(.hero-home) {
	height: 800px;
	background-size: cover;
	background-position: center center;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.3) 0%,
		rgba(0, 0, 0, 0.5) 50%,
		rgba(0, 0, 0, 0.7) 100%
	);
	z-index: 1;
}

.hero-content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: calc(var(--header-height) + 60px) 20px 60px;
}

.hero-text {
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-title {
	margin-bottom: 1.5rem;
	animation: fadeInUp 1s ease-out;
}

.hero-subtitle {
	font-size: 1.5rem;
	margin-bottom: 2rem;
	animation: fadeInUp 1s ease-out 0.2s both;
}

.hero-cta {
	animation: fadeInUp 1s ease-out 0.4s both;
}

.hero-meta {
	font-size: 1rem;
	opacity: 0.9;
	animation: fadeInUp 1s ease-out 0.3s both;
}

.hero-meta span {
	display: inline-block;
	margin: 0 10px;
}

.hero-meta i {
	margin-right: 5px;
}

/* ================================
   首页 Hero 底部四列区域
   ================================ */
.hero-bottom-section {
	position: absolute;
	bottom: 300px; /* 距离底部 300px */
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	padding: 0 20px;
}

/* 首页笔图片装饰 */
.hero-pen-decoration {
	position: absolute;
	top: 1880px; /* 距离顶部1880px */
	right: -50px; /* 右侧对齐，贴于浏览器右侧 */
	z-index: 10; /* 提高层级，确保不被main区域遮挡 */
	pointer-events: none; /* 不影响其他元素的点击 */
	max-width: 50%; /* 限制最大宽度，避免在小屏幕上过大 */
}

.hero-pen-decoration img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.hero-feature-item {
	text-align: center;
	padding: 30px 20px;
	transition: all 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hero-feature-item:hover {
	transform: translateY(-10px);
}

.hero-feature-icon {
	width: 143px;
	height: 143px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.hero-feature-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.hero-feature-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-feature-text h3 {
	font-size: 1.875rem;
	font-weight: 400;
	color: #e4d6c7;
	margin-bottom: 10px;
	line-height: 1.3;
}

.hero-feature-text p {
	font-size: 1rem;
	color: #666;
	margin: 0;
	line-height: 1.6;
}

/* Hero 滚动提示 */
.hero-scroll-indicator {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	animation: bounce 2s infinite;
}

.scroll-down {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 2px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	line-height: 36px;
	font-size: 1.5rem;
	transition: all 0.3s ease;
	text-decoration: none;
}

.scroll-down:hover {
	border-color: #fff;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

/* ================================
   按钮样式
   ================================ */
.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
	padding: 12px 30px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(139, 69, 19, 0.3);
}

.btn-outline-light:hover {
	background-color: rgba(255, 255, 255, 0.2);
	border-color: #fff;
}

/* ================================
   移动端样式
   ================================ */
@media (max-width: 991px) {
	.site-header.fixed-header {
		height: 70px;
		padding:0 15px;
	}

	:root {
		--header-height: 70px;
	}

	.main-navigation {
		display: none !important;
	}

	.site-branding .custom-logo {
		max-height: 45px;
	}
	
	/* 右侧功能区重新布局 */
	.header-actions {
		gap: 5px; /* 减小间距 */
		flex-wrap: nowrap; /* 禁止换行 */
	}
	
	/* 功能按钮优化 */
	.header-action-item .btn {
		padding: 5px 8px;
		min-width: auto;
	}
	
	.header-action-item img {
		width: 20px;
		height: 20px;
	}
	
	/* 隐藏功能按钮的文字和下拉图标 */
	.header-action-item .btn span,
	.header-action-item img[alt="语言"] + img,
	.header-action-item img[alt="用户"] + img {
		display: none !important;
	}
	
	/* 移动菜单按钮样式 */
	.menu-toggle {
		padding: 8px;
	}
	
	.menu-toggle i.bi-list {
		font-size: 24px;
		color: var(--primary-color);
	}

	.hero-section.hero-home {
		height: 1800px!important; /* 平板端高度 */
		min-height: 80vh!important;
		background-position: center bottom!important; /* 重点显示底部文字区域 */
		background-size: auto 100%!important; /* 高度100%，宽度自适应 */
	}

	.hero-section:not(.hero-home) {
		height: 500px!important;
		background-size:cover!important;
	}

	.hero-title {
		font-size: 2.5rem !important;
	}

	.hero-subtitle {
		font-size: 1.2rem !important;
	}

	.hero-content {
		padding: calc(var(--header-height) + 40px) 20px 40px;
	}

	/* 平板端四列区域调整 */
	.hero-bottom-section {
		bottom: 200px; /* 平板端距离底部 200px */
	}
	
	/* 平板端容器宽度调整 */
	.container-hero-bottom {
		max-width: 90%;
	}
	
	/* 平板端笔图片调整 */
	.hero-pen-decoration {
		display: none;
		top: 1200px; /* 平板端调整位置 */
		max-width: 40%;
	}

	.hero-feature-item {
		padding: 25px 15px;
	}

	.hero-feature-icon {
		margin-bottom: 15px;
	}

	.hero-feature-text h3 {
		font-size: 1.3rem;
	}

	.hero-feature-text p {
		font-size: 0.95rem;
	}

	.history-story-title-wrapper{
		margin-bottom:60px!important;
	}


}

@media (max-width: 576px) {
	/* 超小屏幕Header进一步优化 */
	.header-actions {
		gap: 3px;
	}
	
	.header-action-item .btn {
		padding: 4px 6px;
	}
	
	.header-action-item img {
		width: 18px;
		height: 18px;
	}
	
	.site-branding .custom-logo {
		max-height: 40px;
	}
	
	.hero-section.hero-home {
		height: 1100px!important; /* 移动端高度 */
		min-height: 70vh!important;
		background-position: center bottom!important; /* 重点显示底部文字区域 */
		background-size: auto 100%!important; /* 高度100%，宽度自适应 */
		overflow: visible !important; /* 允许底部四列区域溢出 */
	}

	.hero-section:not(.hero-home) {
		height: 400px!important;
		background-size:cover!important;
	}
	.hero-title {
		font-size: 2rem !important;
	}

	.hero-subtitle {
		font-size: 1rem !important;
	}

	.btn-lg {
		padding: 10px 20px;
		font-size: 1rem;
	}

	.hero-cta .btn {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.hero-cta .btn:last-child {
		margin-bottom: 0;
	}

	/* 移动端四列区域调整 */
	.hero-bottom-section {
		bottom: -200px; /* 负数bottom，让四列区域更靠下，突破hero容器 */
		padding: 0 15px;
	}
	
	/* 移动端容器宽度调整 */
	.container-hero-bottom {
		max-width: 100%;
	}
	
	/* 移动端笔图片调整 */
	.hero-pen-decoration {
		top: 800px; /* 移动端调整位置 */
		max-width: 60%;
		right: 0;
	}

	.hero-feature-item {
		padding: 15px;
		margin-bottom: 0;
	}

	.hero-feature-icon {

		margin-bottom: 12px;
		padding: 15px;
	}

	.hero-feature-text h3 {
		font-size: 1.1rem;
		margin-bottom: 8px;
	}

	.hero-feature-text p {
		font-size: 0.9rem;
	}
}

/* ================================
   搜索模态框样式
   ================================ */
.modal-content {
	border-radius: 12px;
	border: none;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.modal-header {
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 30px;
}

.modal-body {
	padding: 30px;
}

/* 搜索表单 */
.search-form {
	display: flex;
	gap: 10px;
}

.search-form .search-field {
	flex: 1;
	padding: 12px 20px;
	border: 2px solid #e5e5e5;
	border-radius: 8px;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.search-form .search-field:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.1);
}

.search-form .search-submit {
	padding: 12px 30px;
	background: var(--primary-color);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.search-form .search-submit:hover {
	background: var(--secondary-color);
	transform: translateY(-2px);
}

/* ================================
   动画
   ================================ */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	40% {
		transform: translateX(-50%) translateY(-10px);
	}
	60% {
		transform: translateX(-50%) translateY(-5px);
	}
}

/* ================================
   返回顶部按钮
   ================================ */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background: var(--primary-color);
	color: #fff;
	border: none;
	border-radius: 50%;
	font-size: 1.5rem;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	z-index: 999;
}

.back-to-top:hover {
	background: var(--secondary-color);
	transform: translateY(-5px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.back-to-top i {
	line-height: 1;
}

@media (max-width: 768px) {
	.back-to-top {
		bottom: 20px;
		right: 20px;
		width: 45px;
		height: 45px;
		font-size: 1.3rem;
	}
}

/* ================================
   内容区域样式
   ================================ */
#content,
#primary {
	padding: 0;
}

.content-wrapper {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding: 0 20px;
}

/* 主内容区域 - 默认样式（非首页） */
.site-main {
	max-width: 1920px;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* 首页主内容区域 - 移除默认内边距和宽度限制，实现全宽布局 */
.home-main {
	padding: 0;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

/* ================================
   首页垂直藏品列表
   ================================ */

.collections-vertical-list {
	width: 100%;
	background: #f5f5f5; /* 默认背景色，防止图片加载时出现空白 */
}

/* 藏品区块容器 - 全宽 1920px */
.collection-section {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background-size: 1920px auto; /* 背景图固定 1920px 宽度 */
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 第一区块 - 包含标题，高度更高 */
.collection-section-1 {
	height: 1950px;
	min-height: 1950px;
}

/* 第二到第五区块 - 标准高度 */
.collection-section-2,
.collection-section-3,
.collection-section-4,
.collection-section-5 {
	height: 1720px; /* 根据实际背景图高度调整 */
	min-height: 1500px;
}

/* 内容区域容器 - 1510px 居中 */
.collection-inner {
	position: relative;
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	height: 100%;
	padding: 0 30px; /* 小屏幕时的内边距 */
}

/* 具体内容容器 */
.collection-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 285px 0 0 0;
}

.collection-section-2 .collection-content{
	padding-top:205px;
}
.collection-section-3 .collection-content{
	padding-top:200px;
}
.collection-section-4 .collection-content{
	padding-top:220px;
}
.collection-section-5 .collection-content{
	padding-top:228px;
}

/* 藏品列表标题图片 */
.collection-title-wrapper {
	text-align: center;
	margin-bottom: 250px;
}

.collection-title-img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* 左右两张图片容器 */
.collection-images-wrapper {
	display: flex;
	gap: 0;
	justify-content: space-between;
}

/* 左侧文字图片 */
.collection-text-image {
	flex: 0 0 auto;
	position: relative;
	z-index: 2;
}


.collection-text-image img {
	max-width: 100%;
	height: auto;
	display: block;
}


/* 右侧藏品图片 */
.collection-item-image {
	flex: 0 0 auto;
}

.collection-item-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.collection-section-1 .collection-text-image{
	margin-right:-75px;
}
.collection-section-1 .collection-item-image{
	padding-top:148px;
}
.collection-section-2 .collection-text-image{
	padding-top:150px;
}
.collection-section-3 .collection-text-image{
	padding-top:175px;
}
.collection-section-4 .collection-text-image{
	padding-top:200px;
}
.collection-section-5 .collection-text-image{
	padding-top:150px;
}

/* 下方小图片容器 */
.collection-small-images {
	display: flex;
	gap: 80px;
}

.small-image-item {
	flex: 0 0 auto;
}

.small-image-item img {
	max-width: 100%;
	height: auto;
	display: block;
}

.collection-section-3 .collection-small-images{
	margin-top:30px;
}
.collection-section-4 .collection-small-images{
	margin-top:80px;
	gap:130px;
}
.collection-section-5 .collection-small-images{
	margin-top:85px;
}

/* 懒加载优化 - 初始状态 */
.collection-section[data-bg-image] {
	background-image: none;
	transition: opacity 0.5s ease-in-out;
}

/* 背景图加载后 */
.collection-section.bg-loaded {
	opacity: 1;
}

/* ================================
   响应式设计 - 垂直藏品列表
   ================================ */

/* 平板端 (768px - 991px) */
@media (max-width: 991px) {
	.collection-section {
		background-size: contain; /* 平板端适应屏幕 */
		position: relative; /* 确保伪元素定位 */
	}
	
	/* 简化懒加载效果 */
	.collection-section[data-bg-image] {
		opacity: 1; /* 直接显示，不使用淡入效果 */
		transition: none;
	}
	
	.collection-section.bg-loaded {
		opacity: 1;
	}
	
	/* 为每个section添加底部渐变遮罩，平滑过渡到下一个section */
	.collection-section::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 80px;
		background: linear-gradient(to bottom, transparent, rgba(6, 44, 29, 0.9));
		pointer-events: none;
		z-index: 2;
	}
	

	
	/* 最后一个section不需要底部遮罩 */
	.collection-section:last-child::after {
		display: none;
	}

	.collection-section-1 {
		height: 1400px;
		min-height: 1400px;
	}

	.collection-section-2,
	.collection-section-3,
	.collection-section-4,
	.collection-section-5 {
		height: 1100px;
		min-height: 1100px;
	}

	.collection-inner {
		max-width: 100%; /* 平板端使用全宽 */
		padding: 0 30px;
	}
	
	/* 内容区域宽度调整 */
	.collection-content {
		width: 95%;
		max-width: 100%;
		padding: 0 15px;
	}

	/* 藏品内容响应式 */
	.collection-images-wrapper {
		gap: 30px;
		flex-direction: column; /* 移动端改为垂直布局 */
	}
	
	/* 图片自适应 */
	.collection-text-image,
	.collection-item-image {
		width: 100% !important;
		margin: 10px 0;
	}
	
	/* 标题图片调整 */
	.collection-title-img {
		max-width: 80%;
		height: auto;
	}

	.collection-title-wrapper {
		margin-bottom: 40px;
	}
	
	/* Hero底部四列功能区 */
	.hero-bottom-section {
		padding: 20px 15px;
	}
	
	.hero-feature-item {
		padding: 15px 10px;
	}
	
	
	.hero-feature-text h3 {
		font-size: 1.1rem;
	}


	.collection-small-images{
		margin-top:100px!important;
		gap:40px!important;
	}

	.small-image-item{
		flex:0 1 auto;
	}
}

/* 移动端 (< 768px) */
@media (max-width: 767px) {
	.collection-section {
		background-size: cover; /* 移动端覆盖 */
		background-position: center center;
		position: relative; /* 确保伪元素定位 */
	}
	
	/* 简化懒加载效果 */
	.collection-section[data-bg-image] {
		opacity: 1;
		transition: none;
	}
	
	.collection-section.bg-loaded {
		opacity: 1;
	}
	
	/* 移动端添加渐变遮罩 - 底部 */
	.collection-section::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: linear-gradient(to bottom, transparent, #1c2b25);
		pointer-events: none;
		z-index: 2;
	}
	
	/* 为除第一个section外的每个section添加顶部渐变遮罩 */
	.collection-section:not(:first-child)::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: linear-gradient(to top, transparent, #1c2b25);
		pointer-events: none;
		z-index: 2;
		opacity: 1;
		animation: none;
		border: none;
		transform: none;
		display: none;
	}
	

	
	/* 最后一个section不需要底部遮罩 */
	.collection-section:last-child::after {
		display: none;
	}

	.collection-section-1 {
		height: 1000px;
		min-height: 1000px;
		padding-top: 250px; /* 给hero底部四列区域留出空间，避免重叠 */
	}

	.collection-section-2,
	.collection-section-3,
	.collection-section-4,
	.collection-section-5 {
		height: 800px;
		min-height: 800px;
	}

	.collection-inner {
		padding: 0 20px;
	}

	/* 藏品内容响应式 */
	.collection-content {
		width: 100%;
		padding: 30px 0 10px;
	}

	.collection-title-wrapper {
		margin-bottom: 30px;
	}
	
	/* 标题图片调整 */
	.collection-title-img {
		max-width: 80%;
		height: auto;
	}

	.collection-images-wrapper {
		flex-direction: column;
		gap: 20px;
	}

	/* 移动端隐藏文字图片 */
	.collection-text-image {
		display: none;
	}

	/* 藏品图片居中显示 */
	.collection-item-image {
		width: 100%;
		text-align: center;
	}
	
	/* Hero底部四列功能区 */
	.hero-bottom-section .row {
		margin: 0 -5px;
	}
	
	.hero-bottom-section [class*="col-"] {
		padding: 0 5px;
	}

	.history-story-title-img,.explore-history-title-img{
		width:50%;
	}

	.cbb-section{
		margin-top:55px!important;
		width:100%!important;
		height: 100%!important;
	}

}

/* 小屏移动端 (< 576px) */
@media (max-width: 576px) {
	.collection-section-1 {
		height: 1100px;
		min-height: 1100px;
	}

	.collection-section-2,
	.collection-section-3 {
		height: 850px;
		min-height: 850px;
	}

	.collection-section-4,
	.collection-section-5 {
		height: 750px;
		min-height: 750px;
	}
	.collection-section-2 .collection-content,.collection-section-3 .collection-content,.collection-section-4 .collection-content,.collection-section-5 .collection-content{
		padding-top:100px;
	}


	.collection-inner {
		padding: 0 15px;
	}

	.collection-content {
		width: 100%;
		padding: 20px 0 10px;
	}

	.collection-title-wrapper {
		margin-bottom: 20px;
	}
	
	/* 标题图片进一步缩小 */
	.collection-title-img {
		max-width: 60%;
		height: auto;
	}

	.collection-images-wrapper {
		gap: 15px;
	}

	.more-collections-title-img,.news-title-img{
		width:60%;
	}

	.collection-section-5 .small-image-item{
		width:50%;
	}


	.cbb1-title-pic,.cbb2-title-pic{
		width:40px !important;;
	}
	.cbb1-content-pic,.cbb2-content-pic{
		width: 280px !important;;
		height:100% !important;;
	}
}

/* ================================
   更多藏品区域样式
   ================================ */

.more-collections-section {
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 2820px;
	min-height: 2820px;
	margin: 0 auto;
	background-size: 1920px auto;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 更多藏品内容区域容器 - 1510px 居中 */
.more-collections-inner {
	position: relative;
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	height: 100%;
	padding: 0 40px;
}

/* 更多藏品具体内容容器 */
.more-collections-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 90px 0 0 0;
}

/* 更多藏品标题图片 */
.more-collections-title-wrapper {
	text-align: center;
	margin-bottom: 0;
}

.more-collections-title-img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* ================================
   资讯列表区域样式
   ================================ */

.news-list-section {
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 2260px;
	min-height: 2260px;
	margin: 0 auto;
	background-size: 1920px auto;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 资讯列表内容区域容器 - 1510px 居中 */
.news-list-inner {
	position: relative;
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	height: 100%;
	padding: 0 40px;
}

/* 资讯列表具体内容容器 */
.news-list-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 218px 0 0 0;
}

/* 资讯列表标题图片 */
.news-title-wrapper {
	text-align: center;
	margin-bottom: 218px;
}

.news-title-img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* 资讯图片列表 */
.news-images-list {
	display: flex;
	flex-direction: column;
	gap: 220px;
	padding:0 70px;
}

/* 资讯图片行 - 两列布局 */
.news-image-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

/* 左侧窄图容器 */
.news-image-left {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}

.news-image-small {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 查看更多链接 */
.news-more-link {
	display: inline-block;
	text-decoration: none;
	transition: transform 0.3s ease;
	margin-left: auto;
    padding-right: 60px;
}

.news-more-link:hover {
	transform: translateX(5px);
}

.news-more-img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 右侧宽图容器 - 固定693px */
.news-image-right {
	flex: 0 0 693px;
	width: 693px;
}

.news-image {
	width: 100%;
	height: auto;
	display: block;
}


/* ================================
   响应式设计 - 更多藏品和资讯列表
   ================================ */

/* 平板端 (768px - 991px) */
@media (max-width: 991px) {
	.more-collections-section {
		height: 2000px;
		min-height: 2000px;
		background-size: contain;
	}

	.news-list-section {
		background-size: contain;
	}

	.more-collections-inner,
	.news-list-inner {
		max-width: 100%;
		padding: 0 30px;
	}

	.more-collections-content,
	.news-list-content {
		padding: 150px 0 0 0;
	}

	.news-title-wrapper {
		margin-bottom: 60px;
	}

	.news-images-list {
		gap: 40px;
	}

	.news-image-right {
		flex: 0 0 550px;
		width: 550px;
	}
}

/* 移动端 (< 768px) */
@media (max-width: 767px) {
	.more-collections-section {
		height: 1200px;
		min-height: 1200px;
		background-size: cover;
		background-position: center center;
	}

	.news-list-section {
		background-size: cover;
		background-position: center center;
	}

	.more-collections-inner,
	.news-list-inner {
		padding: 0 20px;
	}

	.news-more-img{
		display: none;
	}

	.more-collections-content,
	.news-list-content {
		padding: 80px 0 0 0;
	}

	.news-title-wrapper {
		margin-bottom: 40px;
	}

	.news-images-list {
		gap: 60px;
		padding:0 30px;
	}

	.news-image-row {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.news-image-left {
		align-items: center;
		width: 100%;
	}

	.news-image-right {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* 小屏移动端 (< 576px) */
@media (max-width: 576px) {
	.more-collections-section {
		height: 900px;
		min-height: 900px;
	}

	.news-list-section {
		height:1560px;
		min-height: 1260px;
	}

	.more-collections-inner,
	.news-list-inner {
		padding: 0 15px;
	}

	.more-collections-content,
	.news-list-content {
		padding: 60px 0 0 0;
	}

	.news-title-wrapper {
		margin-bottom: 30px;
	}

	.news-images-list {
		gap: 80px;
	}

	.news-image-row {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.news-image-left {
		align-items: center;
		width: 100%;
	}

	.news-image-right {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* ================================
   页脚动态背景和高度
   ================================ */

/* 页脚基础样式 */
.site-footer {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background-size: 1920px auto;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 默认页脚 */
.site-footer.footer-default {
	min-height: 400px;
	background-color: #f8f5f0;
}

/* 首页页脚 */
.site-footer.footer-home {
	height: 1686px;
	min-height: 800px;
}

/* 关于我们页面页脚 */
.site-footer.footer-about {
	height: 1009px;
	min-height: 600px;
}

/* 藏品分类页面页脚 */
.site-footer.footer-collection {
	height: 1692px;
	min-height: 800px;
}

/* 资讯分类页面页脚 */
.site-footer.footer-news {
	height: 1385px;
	min-height: 800px;
}

/* 藏品详情页面页脚 */
.site-footer.footer-detail {
	height: 671px;
	min-height: 500px;
}

/* 文章页页脚 */
.site-footer.footer-single {
	height: 600px;
	min-height: 600px;
}

/* 页面页脚 */
.site-footer.footer-page {
	height: 600px;
	min-height: 600px;
}

/* 归档页页脚 */
.site-footer.footer-archive {
	height: 500px;
	min-height: 500px;
}

/* 搜索页页脚 */
.site-footer.footer-search {
	min-height: 400px;
	background-color: #f8f5f0;
}

/* 404页页脚 */
.site-footer.footer-404 {
	min-height: 400px;
	background-color: #f8f5f0;
}

/* 页脚内容容器 */
.site-footer .footer-container {
	position: absolute;
	bottom: 200px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	max-width: 630px;
	width: 100%;
	padding: 0;
}

/* 页脚内容区域 */
.site-footer .footer-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

/* 行1：底部导航菜单 */
.footer-navigation {
	width: 100%;
	text-align: center;
}

.footer-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-menu li {
	margin: 0;
	padding: 0;
}

.footer-menu a {
	font-size: 28px;
	color: #e4d6c7;
	text-decoration: none;
	transition: opacity 0.3s ease;
	white-space: nowrap;
}

.footer-menu a:hover {
	opacity: 0.8;
}

/* 行2：ICP备案号 */
.footer-icp {
	text-align: center;
}

.footer-icp p {
	font-size: 20px;
	color: #e4d6c7;
	margin: 0;
}

/* 行3：联系信息和二维码 */
.footer-contact-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top:40px;
}

/* 左侧：联系信息 */
.footer-contact-left {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.footer-contact-item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.contact-icon {
	width:33px;
	flex: 0 0 auto;
	display: flex;
    align-items: center;
    justify-content: center;
}

.contact-icon img {
	max-width: 33px;
	max-height: 33px;
	display: block;
}

.contact-text {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* 电话信息 */
.footer-phone .contact-label {
	font-size: 20px;
	color: #e4d6c7;
	line-height: 1;
}

.footer-phone .contact-value {
	font-size: 36px;
	color: #e4d6c7;
	font-weight: 500;
	line-height: 1;
}

/* 地址信息 */
.footer-address .contact-text {
	flex-direction: row;
	align-items: center;
}

.footer-address .contact-value {
	font-size: 20px;
	color: #e4d6c7;
	line-height: 1;
}

/* 右侧：二维码 */
.footer-contact-right {
	flex: 0 0 auto;
}

.footer-qrcode {
	width: 120px;
	height: 120px;
	border-radius: 8px;
	overflow: hidden;
}

.footer-qrcode img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* ================================
   页脚响应式设计
   ================================ */

/* 平板端 */
@media (max-width: 991px) {
	.site-footer {
		background-size: contain;
	}

	.site-footer.footer-home {
		height: 600px;
		min-height: 600px;
	}

	.site-footer.footer-about {
		height: auto;
		min-height: 500px;
	}

	.site-footer.footer-collection {
		height: auto;
		min-height: 600px;
	}

	.site-footer.footer-news {
		height: auto;
		min-height: 600px;
	}

	.site-footer.footer-detail {
		height: auto;
		min-height: 400px;
	}

	.site-footer.footer-single,
	.site-footer.footer-page {
		height: 500px;
		min-height: 500px;
	}

	.site-footer.footer-archive {
		height: 400px;
		min-height: 400px;
	}

	.site-footer .footer-container {
		bottom: 100px;
	}

	.footer-menu {
		gap: 40px;
	}

	.footer-menu a {
		font-size: 24px;
	}

	.footer-icp p {
		font-size: 18px;
	}

	.footer-contact-row {
		gap: 40px;
	}

	.footer-phone .contact-label {
		font-size: 18px;
	}

	.footer-phone .contact-value {
		font-size: 30px;
	}

	.footer-address .contact-value {
		font-size: 18px;
	}

	.footer-qrcode {
		width: 100px;
		height: 100px;
	}
}

/* 移动端 */
@media (max-width: 767px) {
	.site-footer {
		background-size: cover;
		background-position: center center;
	}

	.site-footer.footer-home {
		height: auto;
		min-height: 800px;
	}

	.site-footer.footer-about {
		height: auto;
		min-height: 600px;
		display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 80px
	}

	.site-footer.footer-collection {
		height: auto;
		min-height: 700px;
		display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 80px
	}

	.site-footer.footer-news {
		height: auto;
		min-height: 700px;
		display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 80px
	}

	.site-footer.footer-detail {
		height: auto;
		min-height: 500px;
	}

	.site-footer.footer-single,
	.site-footer.footer-page,
	.site-footer.footer-archive {
		height: auto;
		min-height: 600px;
	}

	.site-footer .footer-container {
		position: relative;
		bottom: auto;
		left: auto;
		transform: none;
		padding: 60px 20px 60px;
	}

	.footer-content {
		gap: 30px;
	}

	.footer-menu {
		flex-wrap: wrap;
		gap: 20px 30px;
	}

	.footer-menu a {
		font-size: 20px;
	}

	.footer-icp p {
		font-size: 16px;
	}

	.footer-contact-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		margin-top:0;
	}

	.footer-contact-left {
		width: 100%;
		gap: 20px;
	}

	.contact-icon img {
		width: 32px;
		height: 32px;
	}

	.footer-phone .contact-label {
		font-size: 16px;
	}

	.footer-phone .contact-value {
		font-size: 24px;
	}

	.footer-address .contact-value {
		font-size: 16px;
	}

	.footer-contact-right {
		align-self: center;
	}

	.footer-qrcode {
		width: 100px;
		height: 100px;
	}
}

/* 小屏移动端 */
@media (max-width: 576px) {
	.site-footer.footer-home {
		min-height: 700px;
		display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 80px
	}

	.site-footer.footer-about {
		height: auto;
		min-height: 600px;
	}

	.site-footer .footer-container {
		padding: 40px 15px 40px;
	}

	.footer-content {
		gap: 25px;
	}

	.footer-menu {
		gap: 15px 20px;
	}

	.footer-menu a {
		font-size: 18px;
	}

	.footer-icp p {
		font-size: 14px;
	}

	.footer-contact-left {
		gap: 15px;
	}

	.contact-icon img {
		width: auto;
		max-width: 23px;
		height: 23px;
	}

	.footer-phone .contact-label {
		font-size: 14px;
	}

	.footer-phone .contact-value {
		font-size: 20px;
	}

	.footer-address .contact-value {
		font-size: 14px;
	}

	.footer-qrcode {
		width: 90px;
		height: 90px;
	}
}

/* ================================
   关于我们页面样式
   ================================ */

/* 关于我们主内容区域 */
.about-main {
	padding: 0;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

/* Hero 区域 */
.hero-about {
	width: 100%;
	max-width: var(--site-max-width);
	margin: 0 auto;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

/* 关于我们内容区域 */
.about-content-section {
	width: 100%;
	max-width: var(--site-max-width);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 1600px;
}

.about-content-inner {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding: 140px 20px 0 20px;
	position: relative;
	z-index: 2;
}

/* 区块1: 领导介绍 */
.about-block-1 {
	width: 1374px;
	height: 354px;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	overflow: hidden;
}

/* 左侧菜单列 */
.about-menu-column {
	width: 440px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	padding: 20px;
    padding-top:45px;
}

.about-menu-item {
	width: 377px;
	height: 43px;
	display: flex;
	align-items: center;
	padding-left:20px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	background-size: cover;
}

.about-menu-item.active,
.about-menu-item:hover {
	opacity: 1;
}

.about-menu-item .menu-text {
	font-size: 30px;
	font-weight: 500;
	color: #e4d6c7;
	transition: all 0.3s ease;
	text-align: center;
}

.about-menu-item.active .menu-text,
.about-menu-item:hover .menu-text {

}

/* 右侧内容区 */
.about-content-column {
	flex: 1;
	padding: 40px 0px;
	overflow-y: auto;
	position: relative;
	padding-right: 60px;
}

.about-content-item {
	display: none;
	animation: fadeIn 0.5s ease;
}

.about-content-item.active {
	display: block;
}

.about-content-item h3 {
	font-size: 24px;
	font-weight: 600;
	color: #e4d6c7;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.about-content-item p {
	font-size: 16px;
	line-height: 1.8;
	color: #e4d6c7;
	margin-bottom: 15px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 隐藏 WordPress 页面内容 */
.about-content-wrapper {
	display: none;
}

/* 区块2: 馆史编年列表 */
.about-block-2 {
	width: 100%;
	max-width: 1374px;
	margin: 110px auto 50px;
}

.about-block-title {
	text-align: center;
	margin-bottom: 40px;
}

.about-block-title .title-image {
	max-width: 100%;
	height: auto;
}

.history-list-container {
	width: 1374px;
	height: 420px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 75px 200px 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.history-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.history-item {
	display: flex;
	align-items: center;
	gap: 30px;
}

.history-time {
	font-size: 22px;
	color: #e4d6c7;
	flex-shrink: 0;
	min-width: 100px;
}

.history-title {
	font-size: 22px;
	color: #e4d6c7;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
	font-weight: 300;
}

.more-link-wrapper {
	text-align: center;
	margin-top: 20px;
}

.more-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.more-link:hover {

}

.more-link .more-icon {

}

.more-link .more-text {
	font-size: 17px;
	color: #e4d6c7;
}

/* 区块3: 馆内新闻列表 */
.about-block-3 {
	width: 100%;
	max-width: 1374px;
	margin: 0 auto;
	display: flex;
	gap: 60px;
	align-items: flex-start;
}

.news-image-wrapper {
	flex-shrink: 0;
	width: 388px;
	height: 336px;
	border: 14px solid rgba(35, 48, 36, 0.8);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.news-featured-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.news-featured-image.active {
	opacity: 1;
	z-index: 1;
}

.news-list-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 336px;
}

.news-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.news-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.news-item:hover {
	opacity: 0.8;
}

.news-time {
	font-size: 20px;
	color: #e4d6c7;
	font-weight: 400;
}

.news-title {
	font-size: 20px;
	color: #e4d6c7;
	line-height: 1.2;
	margin: 0;
	font-weight: 300;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: calc(20px * 1.2 * 2);
}

.news-more-link-wrapper {
	text-align: right;
	margin-top: 20px;
}

.about-content-wrapper {
	color: var(--text-color);
}

.about-content-wrapper h1,
.about-content-wrapper h2,
.about-content-wrapper h3,
.about-content-wrapper h4,
.about-content-wrapper h5,
.about-content-wrapper h6 {
	margin-bottom: 20px;
	color: var(--primary-color);
}

.about-content-wrapper p {
	margin-bottom: 20px;
	line-height: 1.8;
}

.about-content-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 30px auto;
}

/* 响应式调整 */
@media (max-width: 991px) {
	.hero-about {
		height: auto !important;
		min-height: 400px;
		background-size: cover !important;
	}

	.about-content-section {
		min-height: auto;
		background-size: cover !important;
	}

	.about-content-inner {
		padding: 40px 20px;
	}

	.about-block-1 {
		width: 100%;
		height: auto;
		flex-direction: column;
	}

	.about-menu-column {
		width: 100%;
		padding: 30px 20px;
	}

	.about-menu-item {
		width: 100%;
		max-width: 377px;
	}

	.about-content-column {
		padding: 30px 20px;
		min-height: 300px;
	}

	.about-block-2,
	.about-block-3 {
		max-width: 100%;
		padding: 0 20px;
	}

	.history-list-container {
		width: 100%;
		height: auto;
		padding: 30px 20px;
	}

	.history-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.history-time {
		font-size: 18px;
	}

	.history-title {
		font-size: 18px;
		white-space: normal;
	}

	.about-block-3 {
		flex-direction: column;
		gap: 30px;
	}

	.news-image-wrapper {
		width: 100%;
		height: auto;
		aspect-ratio: 388 / 336;
	}

	.news-list-wrapper {
		min-height: auto;
	}

	.news-time {
		font-size: 18px;
	}

	.news-title {
		font-size: 18px;
		height: calc(18px * 1.5 * 2);
	}

	.news-more-link-wrapper {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.hero-about {
		min-height: 300px;
	}

	.about-content-inner {
		padding: 30px 15px;
	}

	.about-block-1 {
		margin-bottom: 40px;
	}

	.about-menu-column {
		padding: 20px 15px;
	}

	.about-menu-item .menu-text {
		font-size: 16px;
	}

	.about-content-column {
		padding: 20px 15px;
	}

	.about-content-item h3 {
		font-size: 20px;
	}

	.about-content-item p {
		font-size: 14px;
	}

	.about-block-2,
	.about-block-3 {
		margin-bottom: 40px;
	}

	.about-block-title {
		margin-bottom: 20px;
	}

	.history-list-container {
		padding: 20px 15px;
	}

	.history-list {
		gap: 15px;
	}

	.history-time {
		font-size: 16px;
		min-width: 80px;
	}

	.history-title {
		font-size: 16px;
	}

	.more-link .more-text {
		font-size: 15px;
	}

	.news-image-wrapper {
		border-width: 10px;
	}

	.news-list {
		gap: 20px;
	}

	.news-time {
		font-size: 16px;
	}

	.news-title {
		font-size: 16px;
		height: calc(16px * 1.5 * 2);
	}
}

/* ================================
   Category ID = 1 分类页面样式
   ================================ */

/* Hero样式 */
.hero-collection {
	height: 1205px;
}

.hero-news {
	height: 1077px;
}

/* 历史故事区域 - 全宽背景 */
.history-story-section {
	width: 100%;
	max-width: var(--site-max-width);
	margin: 0 auto;
	/*background-size: cover;
	background-position: center;
	background-repeat: no-repeat;*/
	position: relative;
	overflow: hidden;
	height:2245px;
	padding:282px 0 0 0;
}

/* 内容区域容器 - 1510px 居中 */
.history-story-inner {
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

/* 标题图片 */
.history-story-title-wrapper {
	text-align: center;
	margin-bottom: 180px;
}

.history-story-title-img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* cbb1区域样式 */
.cbb-section{
	width:1510px;
	height:719px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:105px;
}

.cbb1-content {
	/* 您的内容布局样式 */
	display: flex;
	gap: 80px;
	padding:148px 0 0 80px;
}

/* cbb2区域样式 */

.cbb2-content {
	/* 您的内容布局样式 */
	display: flex;
	gap: 80px;
	justify-content: end;
	flex-direction: row-reverse; 
	padding:112px 80px 0 0;
}


/* 探索历史区域 - 全宽背景 */
.explore-history-section {
	width: 100%;
	max-width: var(--site-max-width);
	margin: 0 auto;
	/*background-size: cover;
	background-position: center;
	background-repeat: no-repeat;*/
	position: relative;
	overflow: hidden;
	height:1850px;
	padding:130px 0 0 0;
}
/* 内容区域容器 - 1510px 居中 */
.explore-history-inner {
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
/* 标题图片 */
.explore-history-title-wrapper {
	text-align: center;
	margin-bottom: 180px;
}
.cbb3-section{
	height: 895px;
	width: 1357px;
    margin: 0 auto; /* 居中 */
}
.cbb4-section{
	height: 408px;
	width: 1357px;
	margin:85px auto 0 auto;
	display: flex;
    align-items: center;
    justify-content: end;
	flex-direction: column;
	gap:50px;
	padding-bottom:70px;
}
.cbb3-content {
	display: flex;
	gap: 165px;
	justify-content: center;
}
.cbb4-content {
	display: flex;
	gap: 50px;
	justify-content: center;
}

/* ========== 历代藏品列表样式 ========== */
.lds-section{
	padding-top: 180px;
    height: 4100px;
    width: 100%;
}
.lds-title-wrapper{
	text-align: center;
	margin-bottom: 40px;
}
/* 历代藏品列表容器 */
.lds-list {
	max-width: var(--site-max-width, 1510px);
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 50px; /* 行间距 */
}

/* 行容器 - 基础样式 */
.lds-row {
	display: flex;
	width: 100%;
	gap: 50px; /* card之间的间距 */
}

/* 2列行 - 居中对齐 */
.lds-row-2col {
	justify-content: center;
}

/* 3列行 - 两端对齐 */
.lds-row-3col {
	justify-content: space-between;
	flex-wrap: wrap; /* 允许换行 */
}

/* Card 基础样式 */
.lds-card {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 10px; /* 上下部分的间距 */
}

/* 2列时的card宽度 - 按图片实际大小 */
.lds-row-2col .lds-card {
	flex: 0 0 auto;
	width: auto;
}

/* 3列时的card宽度 - 按图片实际大小 */
.lds-row-3col .lds-card {
	flex: 0 0 auto;
	width: auto;
}

/* 分类列表页的3列卡片 - 设置固定宽度以支持自动换行 */
.category-generic .lds-row-3col .lds-card {
	flex: 0 0 calc((100% - 100px) / 3); /* 3列，减去间距 */
	max-width: calc((100% - 100px) / 3);
}

/* Card 头部 - 朝代图标和更多链接 */
.lds-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	height:130px;
}

/* 朝代图标 */
.dynasty-icon {
	display: block;
	width: auto;
	height: auto;
}

/* 更多链接 */
.lds-more {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.lds-more .more-icon {
	padding-top:8px;
	object-fit: contain;
}

.lds-more span {
	font-size: 35px;
	line-height: 1;
	color: #e4d6c7;
	font-weight: 400;
}

/* Card 图片区域 */
.lds-card-image {
	display: block;
}

.lds-card-image a {
	display: block;
}

.lds-card-image a:hover,
.lds-card-image a:focus {
	opacity: 1;
	/*filter: brightness(1.1);*/
}

.lds-card-image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	transition: filter 0.3s ease;
}

/* ========== 响应式设计 ========== */

/* Pad 设备 (768px - 1024px) - 每行2个 */
@media (max-width: 1024px) and (min-width: 768px) {
	.lds-list {
		gap: 60px;
		padding: 0 20px;
	}
	
	.lds-row {
		gap: 40px;
		flex-wrap: wrap;
	}
	
	/* 所有行都变成2列 */
	.lds-row-2col,
	.lds-row-3col {
		justify-content: space-between; /* 统一两端对齐 */
	}
	
	.lds-row-2col .lds-card,
	.lds-row-3col .lds-card {
		width: calc((100% - 40px) / 2); /* 统一宽度 */
		max-width: none;
	}
	
	.lds-more span {
		font-size: 28px;
	}
}

/* 移动设备 (< 768px) - 每行1个 */
@media (max-width: 767px) {
	.lds-section{
		height:100%;
	}
	.lds-list {
		gap: 40px;
		padding: 0 15px;
	}
	
	.lds-row {
		gap: 30px;
		flex-direction: column;
	}
	
	/* 所有card都占满宽 */
	.lds-row-2col .lds-card,
	.lds-row-3col .lds-card {
		width: 80%;
		max-width: 500px;
		margin: 0 auto; /* 单列时居中 */
	}
	
	.lds-card {
		gap: 20px;
	}
	
	.lds-more span {
		font-size: 18px;
	}
	
	.lds-more .more-icon {
		width: 22x;
		height: 100%;
		padding-top:0;
	}
	
	
}

/* 小屏手机 (< 480px) */
@media (max-width: 479px) {
	.lds-list {
		gap: 30px;
	}
	
	.lds-more span {
		font-size: 16px;
	}
}

/* ========== 时期藏品区域样式 ========== */

.sqcp-section {
	width:100%;
	height: 2001px;
	padding-top: 130px;
}

.sqcp-title-wrapper {
	text-align: center;
	margin-bottom: 260px;
}

/* 时期藏品列表容器 */
.sqcp-list {
	max-width: var(--site-max-width, 1510px);
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 80px; /* 行间距 */
}

/* 行容器 - 基础样式 */
.sqcp-row {
	display: flex;
	width: 100%;
	gap: 50px; /* card之间的间距 */
}

/* 3列行 - 两端对齐 */
.sqcp-row-3col {
	justify-content: space-between;
}

/* Card 基础样式 */
.sqcp-card {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 10px; /* 上下部分的间距 */
	justify-content: space-between;
}

/* 3列时的card宽度 - 按图片实际大小 */
.sqcp-row-3col .sqcp-card {
	flex: 0 0 auto;
	width: auto;
}

/* Card 底部 - 更多链接 */
.sqcp-card-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 50px;
}

/* 更多链接 */
.sqcp-more-wrapper{
	display: flex;
	justify-content: center;
	margin-top:220px;
}
.sqcp-more {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.sqcp-more .more-icon {
	padding-top: 8px;
	object-fit: contain;
}

.sqcp-more span {
	font-size: 35px;
	line-height: 1;
	color: #e4d6c7;
	font-weight: 400;
}

/* Card 图片区域 */
.sqcp-card-image {
	display: block;
}

.sqcp-card-image a {
	display: block;
}

.sqcp-card-image a:hover,
.sqcp-card-image a:focus {
	opacity: 1;
}

.sqcp-card-image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	transition: filter 0.3s ease;
}

/* ========== 响应式设计 ========== */

/* Pad 设备 (768px - 1024px) - 每行2个 */
@media (max-width: 1024px) and (min-width: 768px) {
	.sqcp-list {
		gap: 60px;
		padding: 0 20px;
	}
	
	.sqcp-row {
		gap: 40px;
		flex-wrap: wrap;
	}
	
	/* 所有行都变成2列 */
	.sqcp-row-3col {
		justify-content: space-between; /* 统一两端对齐 */
	}
	
	.sqcp-row-3col .sqcp-card {
		width: calc((100% - 40px) / 2); /* 统一宽度 */
		max-width: none;
	}
	
	.sqcp-more span {
		font-size: 28px;
	}
}

/* 移动设备 (< 768px) - 每行1个 */
@media (max-width: 767px) {
	.sqcp-list {
		gap: 40px;
		padding: 0 15px;
	}
	
	.sqcp-row {
		gap: 30px;
		flex-direction: column;
	}
	
	/* 所有card都占满宽 */
	.sqcp-row-3col .sqcp-card {
		width: 80%;
		max-width: 500px;
		margin: 0 auto; /* 单列时居中 */
	}
	.sqcp-card-footer{
		justify-content: center;
	}
	
	.sqcp-card {
		gap: 20px;
	}
	
	.sqcp-more span {
		font-size: 24px;
	}
	
	.sqcp-more .more-icon {
		width: 32px;
		height: 100%;
		padding-top:4px;
	}
}

/* 小屏手机 (< 480px) */
@media (max-width: 479px) {
	.sqcp-list {
		gap: 30px;
	}
	
	.sqcp-more span {
		font-size: 20px;
	}
}

/* ========== Category-3 学术资讯页面样式 ========== */

/* 学术资讯区域 */
.academic-news-section {
	width: 100%;
	height: 1064px;
	background-size: 1920px 1064px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

/* 全宽内容区 */
.academic-news-inner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 100%;
}

.academic-news-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 80px 0;
	max-width: 1710px; /* 确保能容纳 4个卡片 + padding: (395*4 + 30*3) + 40 = 1710px */
	margin: 0 auto;
}

/* 标题 */
.academic-news-title-wrapper {
	text-align: center;
	margin-bottom: 60px;
}

.academic-news-title-img {
	height: auto;
	width: auto;
}

/* 新闻卡片滚动容器 */
.news-cards-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	margin-bottom: 50px;
}

.news-cards-swiper {
	width: 100%;
	overflow: hidden; /* 改为 hidden 避免显示半个卡片 */
}

.news-cards-swiper .swiper-wrapper {
	display: flex;
}

.news-cards-swiper .swiper-slide {
	width: 395px;
	height: 500px;
	flex-shrink: 0;
}

/* 新闻卡片 */
.news-card {
	width: 395px;
	height: 500px;
	box-sizing: border-box;
	border: 20px solid rgba(119, 123, 110, 0.7);
	background-color: rgba(228, 214, 199, 0.7);
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease;
}

.news-card:hover {
	transform: translateY(-5px);
}

.news-card a {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.news-card-date {
	font-size: 18px;
	color: #666;
	margin-bottom: 20px;
	font-weight: 500;
}

.news-card-title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-card-excerpt {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 更多按钮 */
.academic-news-more-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
}

.academic-news-more {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.academic-news-more:hover {
	opacity: 0.8;
}

.academic-news-more .more-icon {
	padding-top: 8px;
	object-fit: contain;
}

.academic-news-more span {
	font-size: 35px;
	line-height: 1;
	color: #e4d6c7;
	font-weight: 400;
}

/* ========== 综合区块区域 ========== */

.comprehensive-section {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	height: 950px;
}

/* 第一行：机构介绍 */
.comp-block-1 {
	width: 1354px;
	height: 420px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 60px 195px;
}

.comp-block-1-content {
	display: flex;
	gap: 50px;
	align-items: center;
	height: 100%;
}

.comp-block-1-left {
	flex: 0 0 auto;
}

.comp-block-1-left img {
	width: 67px;
	height: 201px;
	object-fit: contain;
}

.comp-block-1-right {
	flex: 1;
}

.comp-block-1-right p {
	font-size: 22px;
	color: #e4d6c7;
	margin: 0;
}

/* 第二行：两个子区块 */
.comp-row-2 {
	display: flex;
	width: 1354px;
	justify-content: space-between;
	gap: 30px;
}

.comp-block-2,
.comp-block-3 {
	width: 630px;
	height: 297px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 50px 0 0 50px;
}

.comp-block-2-content,
.comp-block-3-content {
	width: 370px;
	height: calc(100% - 50px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.comp-block-title {
	font-size: 30px;
	line-height: 1.2;
	color: #e4d6c7;
	margin: 0 0 15px 0;
}

.comp-block-text {
	flex: 1;
	overflow: hidden;
}

.comp-block-text p {
	font-size: 16px;
	color: #e4d6c7;
	margin: 0;
}

.comp-block-more {
	margin-top: 15px;
}

.comp-more {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.comp-more:hover {
	opacity: 0.8;
}

.comp-more .more-icon {
	padding-top: 5px;
	width: auto;
	height: auto;
}

.comp-more span {
	font-size: 20px;
	line-height: 1;
	color: #e4d6c7;
	font-weight: 400;
}

/* ========== 响应式设计 ========== */

/* Pad 设备 (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
	.academic-news-section {
		height: auto;
		min-height: 600px;
		background-size: cover;
	}
	
	.news-cards-wrapper {
		max-width: 640px; /* 2个卡片: 300px * 2 + 20px * 1 = 640px */
	}
	
	.news-cards-swiper .swiper-slide {
		width: 300px;
		height: 400px;
	}
	
	.news-card {
		width: 300px;
		height: 400px;
		border-width: 15px;
		padding: 20px 15px;
	}
	
	.comprehensive-section {
		padding: 40px 20px;
	}
	
	.comp-block-1 {
		width: 100%;
		height: auto;
		padding: 40px 30px;
	}
	
	.comp-block-1-content {
		flex-direction: column;
		gap: 30px;
	}
	
	.comp-row-2 {
		width: 100%;
		flex-direction: column;
	}
	
	.comp-block-2,
	.comp-block-3 {
		width: 100%;
		height: auto;
		min-height: 250px;
		padding: 40px 30px;
	}
	
	.comp-block-2-content,
	.comp-block-3-content {
		width: 100%;
		height: auto;
	}
}

/* 移动设备 (< 768px) */
@media (max-width: 767px) {
	.academic-news-section {
		height: auto;
		min-height: 500px;
		background-size: cover;
	}
	
	.academic-news-content {
		padding: 40px 0;
	}
	
	.news-cards-wrapper {
		max-width: 100%; /* 移动端全宽，显示1个完整卡片 */
		padding: 0 20px;
	}
	
	.news-cards-swiper .swiper-slide {
		width: calc(100vw - 40px); /* 全宽减去padding */
		max-width: 380px; /* 最大宽度限制 */
		height: 380px;
	}
	
	.news-card {
		width: 100%;
		height: 380px;
		border-width: 10px;
		padding: 20px 15px;
	}
	
	.news-card-title {
		font-size: 20px;
	}
	
	.news-card-excerpt {
		font-size: 14px;
	}
	
	.comprehensive-section {
		padding: 30px 15px;
		min-height:1260px;
	}
	
	
	.comp-block-1 {
		width: 100%;
		height: auto;
		padding: 30px 20px;
	}
	
	.comp-block-1-content{
	    gap:10px;
	}
	.comp-block-1-left img{
	    width:30px;
	    height:auto;
	}
	
	.comp-block-1-right p {
		font-size: 16px;
	}
	
	.comp-row-2 {
		width: 100%;
		flex-direction: column;
		gap: 20px;
	}
	
	.comp-block-2,
	.comp-block-3 {
		width: 100%;
		height: auto;
		min-height: 200px;
		padding: 30px 20px;
	}
	
	.comp-block-2-content,
	.comp-block-3-content {
		width: 100%;
	}
	
	.comp-block-title {
		font-size: 24px;
	}
	
	.comp-block-text p {
		font-size: 16px;
	}
	
	.comp-more .more-icon{
	    width:30px;
	}
	.comp-more span{
	    font-size:14px;
	}
	.academic-news-more .more-icon{
	    wdith:30px;
	}
	.academic-news-more span{
	    font-size:16px;
	}
	.academic-news-title-img{
	    width:50%;
	}
}

/* ========== Single-2 藏品详情页面样式 ========== */

/* Hero样式 - 藏品详情 */
.hero-detail {
	height: 1140px;
}

/* 详情页面整体 */
.single-detail {
	position: relative;
}

/* 特色图片区域 (覆盖在hero之上) */
.detail-featured-image {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	pointer-events: none;
	top: 110px;
}

.detail-featured-inner {
	max-width: 1920px;
	padding-top:50px;
	overflow: hidden;
	pointer-events: auto;
}

.detail-featured-inner img {
	width: 100%;
	height: auto;
	display: block;
}

/* 藏品详情区域 */
.detail-info-section {
	width: 100%;
	height: 545px;
	background-size: 1920px 545px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 5;
}

.detail-info-inner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 130px;
}

.detail-info-content {
	width: 1510px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding:0 50px;
	box-sizing: border-box;
}

/* 第一行：标题参数 + 二维码 */
.detail-info-row-1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.detail-info-left {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.detail-title {
	font-size: 60px;
	line-height: 1.2;
	color: #e4d6c7;
	margin: 0;
	font-weight: 400;
}

.detail-params {
	font-size: 36px;
	line-height: 1.4;
	color: #e4d6c7;
	font-weight: 100;
}

.detail-info-right {
	flex: 0 0 auto;
}

/* 二维码区域 */
.detail-qrcode-wrapper {
	display: flex;
	align-items: flex-end;
	gap: 40px;
}

.detail-qrcode {
	width: 120px;
	height: 120px;
	padding: 10px;
	background: url('../../assets/images/qr-bg.png') no-repeat center center;
	background-size: 100% 100%;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail-qrcode img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.detail-qrcode-text {
	display: flex;
	align-items: center;
	gap: 28px;
}

.qr-icon {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.detail-qrcode-text span {
	font-size: 30px;
	line-height: 1;
	color: #e4d6c7;
	font-weight: 300;
}

/* 第二行：内容简介 */
.detail-info-row-2 {
	width: 100%;
}

.detail-excerpt {
	font-size: 36px;
	line-height: 1.6;
	color: #e4d6c7;
	font-weight: 100;
}

/* 视频/iframe区域 */
.detail-video-section {
	width: 100%;
	height: 1080px;
	background: #000;
	position: relative;
	z-index: 5;
	overflow: hidden;
}

.detail-video-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.detail-video-wrapper iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.iframe-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	cursor: pointer;
	z-index: 10;
}

/* 相关链接区域 */
.detail-related-section {
	width: 100%;
	height: 1165px;
	background-size: 1920px 1165px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 5;
}

.detail-related-inner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail-related-content {
	width: 100%;
	max-width: 1510px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* 相关藏品行 */
.detail-related-row-1 {
	display: flex;
	justify-content: center;
	gap: 40px;
}

.related-item {
	flex: 0 0 auto;
	text-align: center;
}

.related-item a {
	text-decoration: none;
	display: block;
	transition: transform 0.3s ease;
}

.related-item a:hover {
	transform: translateY(-5px);
}

.related-item img {
	width: auto;
	height: auto;
	max-width: 400px;
	display: block;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.related-item h3 {
	margin-top: 20px;
	font-size: 28px;
	color: #e4d6c7;
	font-weight: 500;
}

/* 更多按钮行 */
.detail-related-row-2 {
	display: flex;
	justify-content: flex-end;
	padding-right: 50px;
}

.detail-related-more {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.detail-related-more:hover {
	opacity: 0.8;
}

.detail-related-more .more-icon {
	padding-top: 8px;
	width: auto;
	height: auto;
}

.detail-related-more span {
	font-size: 30px;
	line-height: 1;
	color: #e4d6c7;
	font-weight: 300;
}

/* ========== 响应式设计 ========== */

/* Pad 设备 (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
	.hero-detail {
		height: 600px;
		background-size: cover;
	}
	
	.detail-featured-image {
		top: 150px;
	}
	
	.detail-featured-inner {
		max-width: 600px;
	}
	
	.detail-info-section {
		height: auto;
		min-height: 400px;
		background-size: cover;
		margin-top: 0;
	}
	
	.detail-info-inner {
		padding: 40px 20px;
		align-items: center;
	}
	
	.detail-info-content {
		width: 100%;
		gap: 20px;
		padding:0 30px;
	}
	
	.detail-info-row-1 {
		flex-direction: column;
		gap: 30px;
	}
	
	.detail-title {
		font-size: 40px;
	}
	
	.detail-params {
		font-size: 24px;
	}
	
	.detail-qrcode-text span {
		font-size: 20px;
	}
	
	.detail-excerpt {
		font-size: 24px;
	}
	
	.detail-video-section {
		height: 600px;
	}
	
	.detail-related-section {
		height: auto;
		min-height: 800px;
		background-size: cover;
	}
	
	.detail-related-inner {
		padding: 60px 20px;
	}
	
	.detail-related-row-1 {
		flex-wrap: wrap;
		gap: 30px;
	}
	
	.related-item img {
		max-width: 300px;
	}
	
	.related-item h3 {
		font-size: 22px;
	}
}

/* 移动设备 (< 768px) */
@media (max-width: 767px) {

	
	.detail-featured-image {
		top: 120px;
	}
	
	.detail-featured-inner {
		max-width: 90%;
		padding:0;
	}
	
	.detail-info-section {
		height: auto;
		min-height: 300px;
		background-size: cover;
		margin-top: 0;
	}
	
	.detail-info-inner {
		padding: 30px 15px;
		align-items: center;
	}
	
	.detail-info-content {
		width: 100%;
		gap: 20px;
	}
	
	.detail-info-row-1 {
		flex-direction: column;
		gap: 20px;
	}
	
	.detail-info-right {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.detail-qrcode-wrapper {
		align-items: center;
	}
	
	.detail-title {
		font-size: 28px;
	}
	
	.detail-params {
		font-size: 16px;
	}
	
	.detail-qrcode {
		width: 100px;
		height: 100px;
	}
	
	.qr-icon {
		width: 18px;
		height: 18px;
	}
	
	.detail-qrcode-text span {
		font-size: 16px;
	}
	
	.detail-excerpt {
		font-size: 16px;
	}
	
	.detail-video-section {
		height: 400px;
	}
	
	.detail-related-section {
		height: auto;
		min-height: 600px;
		background-size: cover;
	}
	
	.detail-related-inner {
		padding: 40px 15px;
	}
	
	.detail-related-row-1 {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	
	.related-item img {
		max-width: 280px;
	}
	
	.related-item h3 {
		font-size: 18px;
	}
	
	.detail-related-row-2 {
		justify-content: center;
		padding-right: 0;
	}
}

/* ========== 通用分类页面样式 ========== */

/* 通用分类列表区域 */
.category-generic-section {
	width: 100%;
	min-height: 1140px;
	background-size: 1920px auto;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 200px 0 150px;
	position: relative;
}
.category-normal{
    background-size:cove;
}
.category-normal .lds-more span{
    font-size:16px;
}
.category-normal .lds-more .more-icon{
    width:30px;
    padding-top:0;
}
.category-generic-inner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.category-generic-content {
	width: 1510px;
	margin: 0 auto;
}

/* 分类头部 */
.category-header {
	text-align: center;
	margin-bottom: 60px;
	padding: 40px 0;
}

.category-title {
	font-size: 48px;
	font-weight: bold;
	color: #e4d6c7;
	margin-bottom: 20px;
	line-height: 1.2;
}

.category-description {
	font-size: 18px;
	color: #e4d6c7;
	line-height: 1.8;
	max-width: 800px;
	margin: 0 auto;
	opacity: 0.9;
}

/* 文章列表 */
.posts-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 60px;
}

.post-item {
	background: rgba(228, 214, 199, 0.1);
	border: 1px solid rgba(228, 214, 199, 0.3);
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	gap: 30px;
	padding:0 30px;
}

.post-item:hover {
	background: rgba(228, 214, 199, 0.15);
	border-color: rgba(228, 214, 199, 0.5);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.post-thumbnail {
	flex: 0 0 300px;
	overflow: hidden;
}

.post-thumbnail a {
	display: block;
	height: 100%;
}

.post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.post-item:hover .post-thumbnail img {
	transform: scale(1.05);
}

.post-content-wrapper {
	flex: 1;
	padding: 30px 30px 30px 0;
	display: flex;
	flex-direction: column;
}

.post-header {
	margin-bottom: 15px;
}

.post-title {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0;
}

.post-title a {
	color: #e4d6c7;
	text-decoration: none;
	transition: color 0.3s ease;
}

.post-title a:hover {
	color: #fff;
}

.post-meta {
	display: flex;
	gap: 20px;
	font-size: 14px;
	color: rgba(228, 214, 199, 0.7);
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.post-meta span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.post-excerpt {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(228, 214, 199, 0.9);
	margin-bottom: 20px;
	flex: 1;
}

.post-read-more {
	margin-top: auto;
}

.read-more-link {
	display: inline-block;
	padding: 10px 25px;
	background: rgba(228, 214, 199, 0.2);
	border: 1px solid rgba(228, 214, 199, 0.5);
	border-radius: 6px;
	color: #e4d6c7;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.3s ease;
}

.read-more-link:hover {
	background: rgba(228, 214, 199, 0.3);
	border-color: #e4d6c7;
	transform: translateX(5px);
}

/* 分页 */
.pagination-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.pagination-wrapper .nav-links {
	display: flex;
	gap: 10px;
	align-items: center;
}

.pagination-wrapper .page-numbers {
	display: inline-block;
	padding: 10px 18px;
	background: rgba(228, 214, 199, 0.2);
	border: 1px solid rgba(228, 214, 199, 0.3);
	border-radius: 6px;
	color: #e4d6c7;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.3s ease;
}

.pagination-wrapper .page-numbers:hover,
.pagination-wrapper .page-numbers.current {
	background: rgba(228, 214, 199, 0.4);
	border-color: #e4d6c7;
}

.pagination-wrapper .page-numbers.dots {
	background: transparent;
	border: none;
}

/* 无文章提示 */
.no-posts {
	text-align: center;
	padding: 80px 0;
	color: rgba(228, 214, 199, 0.7);
	font-size: 20px;
}

/* ========== 通用页面样式 ========== */

/* 通用页面区域 */
.page-generic-section {
	width: 100%;
	min-height: 1140px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 200px 0 150px;
	position: relative;
}

.page-generic-inner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.page-generic-content {
	width: 1510px;
	margin: 0 auto;
}

/* 页面头部 */
.page-header {
	text-align: center;
	margin-bottom: 60px;
	padding: 40px 0;
}

.page-title {
	font-size: 48px;
	font-weight: bold;
	color: #e4d6c7;
	margin-bottom: 20px;
	line-height: 1.2;
}

/* 页面内容 */
.page-content {

	border-radius: 12px;
	padding: 60px;
	margin-bottom: 60px;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
	color: #e4d6c7;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 1.4;
}

.page-content h1 { font-size: 36px; }
.page-content h2 { font-size: 32px; }
.page-content h3 { font-size: 28px; }
.page-content h4 { font-size: 24px; }
.page-content h5 { font-size: 20px; }
.page-content h6 { font-size: 18px; }

.page-content p {
	font-size: 18px;
	line-height: 1.8;
	color: rgba(228, 214, 199, 0.9);
	margin-bottom: 20px;
}

.page-content a {
	color: #e4d6c7;
	text-decoration: underline;
	transition: opacity 0.3s ease;
}

.page-content a:hover {
	opacity: 0.8;
}

.page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 20px 0;
}

.page-content ul,
.page-content ol {
	color: rgba(228, 214, 199, 0.9);
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 20px;
	padding-left: 30px;
}

.page-content blockquote {
	border-left: 4px solid #e4d6c7;
	padding-left: 20px;
	margin: 30px 0;
	font-style: italic;
	color: rgba(228, 214, 199, 0.8);
}

.page-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
}

.page-content table th,
.page-content table td {
	border: 1px solid rgba(228, 214, 199, 0.3);
	padding: 12px;
	text-align: left;
	color: rgba(228, 214, 199, 0.9);
}

.page-content table th {
	background: rgba(228, 214, 199, 0.1);
	font-weight: bold;
}

/* 页面链接 */
.page-links {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid rgba(228, 214, 199, 0.2);
	color: #e4d6c7;
	font-size: 16px;
}

.page-links a {
	display: inline-block;
	padding: 8px 15px;
	margin: 0 5px;
	background: rgba(228, 214, 199, 0.2);
	border-radius: 6px;
	text-decoration: none;
	color: #e4d6c7;
	transition: all 0.3s ease;
}

.page-links a:hover {
	background: rgba(228, 214, 199, 0.3);
}

/* 评论区 */
.comments-area {
	background: rgba(228, 214, 199, 0.05);
	border: 1px solid rgba(228, 214, 199, 0.2);
	border-radius: 12px;
	padding: 40px;
}

/* ========== 响应式设计 ========== */

/* Pad 设备 (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
	.category-generic-content,
	.page-generic-content {
		width: 90%;
	}
	
	.category-generic-section,
	.page-generic-section {
		min-height: auto;
		background-size: cover;
		padding: 60px 0 100px;
	}
	
	.category-title,
	.page-title {
		font-size: 36px;
	}
	
	.post-item {
		flex-direction: column;
		gap: 0;
	}
	
	.post-thumbnail {
		flex: 0 0 250px;
	}
	
	.post-content-wrapper {
		padding: 25px;
	}
	
	.post-title {
		font-size: 24px;
	}
	
	.page-content {
		padding: 40px 30px;
	}
}

/* 移动设备 (< 768px) */
@media (max-width: 767px) {
	.category-generic-content,
	.page-generic-content {
		width: 95%;
	}
	
	.category-generic-section,
	.page-generic-section {
		min-height: auto;
		background-size: cover;
		padding: 120px 0 80px;
	}
	
	.category-header,
	.page-header {
		margin-bottom: 40px;
		padding: 20px 0;
	}
	
	.category-title,
	.page-title {
		font-size: 28px;
	}
	
	.category-description {
		font-size: 16px;
	}
	
	.posts-list {
		gap: 30px;
	}
	
	.post-item {
		flex-direction: column;
		gap: 0;
	}
	
	.post-thumbnail {
		flex: 0 0 200px;
	}
	
	.post-content-wrapper {
		padding: 20px;
	}
	
	.post-title {
		font-size: 20px;
	}
	
	.post-meta {
		font-size: 12px;
		gap: 15px;
	}
	
	.post-excerpt {
		font-size: 14px;
	}
	
	.page-content {
		padding: 30px 20px;
	}
	
	.page-content h1 { font-size: 28px; }
	.page-content h2 { font-size: 24px; }
	.page-content h3 { font-size: 20px; }
	.page-content h4 { font-size: 18px; }
	.page-content h5 { font-size: 16px; }
	.page-content h6 { font-size: 16px; }
	
	.page-content p,
	.page-content ul,
	.page-content ol {
		font-size: 16px;
	}
	
	.comments-area {
		padding: 25px 20px;
	}
}

/* 文章列表项 */
.collection-post-item {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.collection-post-item:hover {
	background: rgba(255, 255, 255, 0.1);
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.collection-post-item .post-thumbnail {
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.collection-post-item .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.collection-post-item:hover .post-thumbnail img {
	transform: scale(1.1);
}

.collection-post-item .post-content {
	padding: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.collection-post-item .post-title {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
}

.collection-post-item .post-title a {
	color: #e4d6c7;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s ease;
}

.collection-post-item .post-title a:hover {
	color: #fff;
}

.collection-post-item .post-meta {
	margin-bottom: 8px;
	font-size: 13px;
	color: rgba(228, 214, 199, 0.7);
}

.collection-post-item .post-excerpt {
	font-size: 13px;
	color: rgba(228, 214, 199, 0.8);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

/* 分页样式 */
.category-pagination-wrapper {
	margin-top: 40px;
	text-align: center;
}

.category-pagination-wrapper .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.category-pagination-wrapper .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 45px;
	height: 45px;
	padding: 0 15px;
	background: rgba(228, 214, 199, 0.1);
	color: #e4d6c7;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.3s ease;
	font-size: 16px;
	border: 1px solid transparent;
}

.category-pagination-wrapper .page-numbers:hover {
	background: rgba(228, 214, 199, 0.2);
	color: #fff;
	border-color: rgba(228, 214, 199, 0.3);
}

.category-pagination-wrapper .page-numbers.current {
	background: rgba(228, 214, 199, 0.3);
	color: #fff;
	border-color: rgba(228, 214, 199, 0.5);
	font-weight: 600;
}

.category-pagination-wrapper .page-numbers.dots {
	background: transparent;
	cursor: default;
}

.category-pagination-wrapper .page-numbers.dots:hover {
	background: transparent;
	border-color: transparent;
}


/* 首页虚拟链接区域 */
.click-box {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  display: block;
  
  
  /* 透明背景，但可点击 */
  background-color: transparent;
  
  /* 添加悬停效果 */
  transition: all 0.3s ease;
}

.box1{
    left: 0;
    top: 510px;
    width: 165px;
    height: 1220px;
}
.box2{
    left: 165px;
    top: 660px;
    width: 85px;
    height: 1020px;
}

.box3{
    left: 343px;
    top: 560px;
    width: 116px;
    height: 1620px;
}

.box4{
    left: 460px;
    top: 560px;
    width: 145px;
    height: 1620px;
}
.box5{
    left: 605px;
    top: 664px;
    width: 66px;
    height: 1620px;
}
.box6{
    left: 670px;
    top: 664px;
    width: 116px;
    height: 1620px;
}
.box7{
    left: 900px;
    top: 495px;
    width: 115px;
    height: 730px;
}
.box8{
    left: 1120px;
    top: 664px;
    width: 188px;
    height: 1580px;
}
.box9{
    left: 1310px;
    top: 560px;
    width: 115px;
    height: 1600px;
}
.box10{
    left: 1480px;
    top: 664px;
    width: 170px;
    height: 1400px;
}
.box11{
    left: 1690px;
    top: 606px;
    width: 175px;
    height: 1030px;
}
.box12{
    left: 1690px;
    top: 1640px;
    width: 175px;
    height: 150px;
}


/* 响应式设计 */
@media (max-width: 1400px) {
	.cbb1-wrapper,
	.cbb2-wrapper {
		max-width: 100%;
	}
}

@media (max-width: 1200px) {
	.cbb1-content,
	.cbb2-content {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
		padding: 40px;
	}
}

@media (max-width: 768px) {
	.history-story-section {
		padding: 60px 0;
		height: 100%;
	}

	.history-story-content {
		gap: 40px;
	}

	.cbb1-content,
	.cbb2-content {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 30px 20px;
	}

	.cbb3-content{
		flex-direction: column;
		gap:30px;
	}

	.cbb4-section{
		padding: 30px 0;
		gap:20px;
	}
	.cbb4-content{
		gap:0;
	}
	.cbb4-content img{
		width:19%;
	}

	.collection-post-item .post-thumbnail {
		height: 200px;
	}

	.collection-post-item .post-content {
		padding: 18px;
	}

	.collection-post-item .post-title {
		font-size: 15px;
		margin-bottom: 8px;
	}

	.collection-post-item .post-excerpt {
		font-size: 12px;
	}

	.hero-collection {
		height: 600px;
	}

	.category-pagination-wrapper .page-numbers {
		min-width: 40px;
		height: 40px;
		font-size: 14px;
		padding: 0 12px;
	}

	.explore-history-section{
		padding-top:20px;
		height:100%;
	}

	.explore-history-title-wrapper{
		margin-bottom:60px!important;
	}

	.lds-card-header{
		height:100px;
	}
	.dynasty-icon{
		max-width: 50px;
	}

	.sqcp-title-wrapper{margin-bottom: 40px}
}



/* ========== 文章详情页面样式扩展 ========== */

/* 文章详情页元信息 */
.post-meta-single {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin-top: 20px;
	font-size: 16px;
	color: rgba(228, 214, 199, 0.8);
	flex-wrap: wrap;
}

.post-meta-single span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.post-meta-single i {
	font-size: 18px;
}

.post-meta-single a {
	color: rgba(228, 214, 199, 0.8);
	text-decoration: none;
	transition: color 0.3s ease;
}

.post-meta-single a:hover {
	color: #e4d6c7;
}

/* 文章特色图片 */
.post-featured-image {
	margin: 40px 0;
	text-align: center;
	border-radius: 12px;
	overflow: hidden;
}

.post-featured-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

/* 文章导航 */
.post-navigation-wrapper {
	margin: 60px 0;
	padding: 40px 0;
	border-top: 1px solid rgba(228, 214, 199, 0.2);
	border-bottom: 1px solid rgba(228, 214, 199, 0.2);
}

.post-navigation-wrapper .post-navigation {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.post-navigation-wrapper .nav-links {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 30px;
}

.post-navigation-wrapper .nav-previous,
.post-navigation-wrapper .nav-next {
	flex: 1;
	max-width: 48%;
}

.post-navigation-wrapper .nav-previous a,
.post-navigation-wrapper .nav-next a {
	display: block;
	padding: 20px;
	background: rgba(228, 214, 199, 0.1);
	border: 1px solid rgba(228, 214, 199, 0.2);
	border-radius: 8px;
	color: #e4d6c7;
	text-decoration: none;
	transition: all 0.3s ease;
}

.post-navigation-wrapper .nav-previous a:hover,
.post-navigation-wrapper .nav-next a:hover {
	background: rgba(228, 214, 199, 0.2);
	border-color: #e4d6c7;
}

.post-navigation-wrapper .nav-subtitle {
	display: block;
	font-size: 14px;
	color: rgba(228, 214, 199, 0.6);
	margin-bottom: 8px;
}

.post-navigation-wrapper .nav-title {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.post-navigation-wrapper .nav-next {
	text-align: right;
}

/* ========== 分类列表卡片样式扩展 ========== */

/* 卡片底部标题 */
.lds-card-footer {
	padding: 15px 10px;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-title-card {
	font-size: 20px;
	line-height: 1.4;
	color: #e4d6c7;
	margin: 0;
	text-align: center;
}

.post-title-card a {
	color: #e4d6c7;
	text-decoration: none;
	transition: opacity 0.3s ease;
	display: block;
}

.post-title-card a:hover {
	opacity: 0.8;
}

/* 卡片头部元信息 */
.post-meta-card {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 14px;
	color: rgba(228, 214, 199, 0.7);
}

.post-date-card {
	display: flex;
	align-items: center;
	gap: 6px;
}

.post-date-card i {
	font-size: 14px;
}

/* 确保卡片图片正确显示 */
.lds-card-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* ========== 响应式设计扩展 ========== */

/* Pad 设备 (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
	.post-meta-single {
		gap: 20px;
		font-size: 14px;
	}
	
	.post-navigation-wrapper .nav-title {
		font-size: 16px;
	}
	
	.post-title-card {
		font-size: 18px;
	}
}

/* 移动设备 (< 768px) */
@media (max-width: 767px) {
	.post-meta-single {
		gap: 15px;
		font-size: 13px;
		flex-direction: column;
	}
	
	.post-featured-image {
		margin: 30px 0;
	}
	
	.post-navigation-wrapper {
		margin: 40px 0;
		padding: 30px 0;
	}
	
	.post-navigation-wrapper .nav-links {
		flex-direction: column;
		gap: 20px;
	}
	
	.post-navigation-wrapper .nav-previous,
	.post-navigation-wrapper .nav-next {
		max-width: 100%;
	}
	
	.post-navigation-wrapper .nav-next {
		text-align: left;
	}
	
	.post-navigation-wrapper .nav-title {
		font-size: 16px;
	}
	
	.post-title-card {
		font-size: 16px;
	}
	
	.lds-card-footer {
		min-height: 60px;
		padding: 10px;
	}
}

/* 小屏手机 (< 480px) */
@media (max-width: 479px) {
	.post-meta-single {
		font-size: 12px;
	}
	
	.post-title-card {
		font-size: 14px;
	}
}