/* 周边情报页面头部间距 */
.surroundings-page .page-header {
	margin-bottom: 40px;
}

/* 周边情报页面内容区域间距 */
.surroundings-page .surroundings-section {
	padding-top: 0;
}
/* 周边情报页面主容器 */
.surroundings-section {
	padding: 2rem;
	max-width: 1200px;
	margin: 0 auto;
}

/* 主页介绍标题 */
.intro-title {
	text-align: center;
}

/* 周边设施区域样式 */
.area-info-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-top: 2rem;
}

/* 周边情报页面区域项目卡片 */
.area-item {
	background: #fff;
	padding: 1.5rem;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 周边情报页面区域标题 */
.area-item h3 {
	color: #333;
	font-size: 1.5rem;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #ddd;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* 周边情报页面区域标题图标 */
.area-item h3 svg {
	width: 24px;
	height: 24px;
	color: #666;
}

/* 观光景点页面标题 */
.spots-title {
	margin-top: 4rem;
}

/* 观光景点信息容器 */
.spots-info-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 2rem;
	margin-top: 2rem;
	margin-bottom: 50px;
}

/* 观光景点卡片基础样式 */
.spot-item {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

/* 观光景点卡片悬停效果 */
.spot-item:hover {
	transform: translateY(-5px);
}

/* 观光景点图片容器 */
.spot-image {
	width: 100%;
	height: 250px;
	overflow: hidden;
}

/* 观光景点图片样式 */
.spot-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

/* 观光景点图片悬停效果 */
.spot-item:hover .spot-image img {
	transform: scale(1.05);
}

/* 观光景点信息区域 */
.spot-info {
	padding: 1.5rem;
}

/* 观光景点标题 */
.spot-info h3 {
	color: #333;
	font-size: 1.4rem;
	margin-bottom: 1rem;
}

/* 观光景点描述文本 */
.spot-info .description {
	color: #666;
	font-size: 0.95rem;
	margin-bottom: 1rem;
	line-height: 1.6;
}

/* 观光景点距离信息 */
.spot-info .distance {
	color: #0066cc;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}

/* 观光景点网站链接容器 */
.spot-info .website {
	font-size: 0.9rem;
	color: #888;
}

/* 观光景点网站链接 */
.spot-info .website a {
	color: #8B7355;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* 观光景点网站链接悬停效果 */
.spot-info .website a:hover {
	color: #6B5835;
	text-decoration: underline;
}

/* 周边情报页面设施信息区域 */
.facility-info {
	padding: 0.5rem 0;
}

/* 周边情报页面设施名称 */
.facility-info h4 {
	color: #555;
	font-size: 1.2rem;
	margin-bottom: 0.8rem;
}

/* 周边情报页面设施描述文本 */
.facility-info p {
	margin-bottom: 0.5rem;
	color: #666;
	font-size: 0.95rem;
}

/* 周边情报页面设施地址 */
.facility-info .address {
	color: #888;
	font-size: 0.9rem;
}

/* 周边情报页面设施营业时间 */
.facility-info .hours {
	color: #444;
	font-weight: 500;
}

/* 周边情报页面设施距离信息 */
.facility-info .distance {
	color: #0066cc;
	font-size: 0.9rem;
	margin-top: 0.5rem;
}