.game-strategy-page {
	min-height: 100vh;
	background: #fff
}

.main-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 20px
}

.page-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	border-bottom: 2px solid #6325F6;
	padding-bottom: 10px
}

.page-title-section {
	display: flex;
	align-items: center;
	gap: 16px
}

.title-icon {
	width: 58px;
	height: 58px;
	background: url(/assets/strategy-icon-C8ko-9ur.png) no-repeat center center;
	background-size: cover;
	flex-shrink: 0
}

.news-icon {
	background: url(data:image/png;
	base64,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) no-repeat center center;background-size: cover
}

.title-content h1 {
	font-size: 2rem;
	color: #333;
	font-weight: 600;
	margin: 0 0 8px
}

.breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: .9rem;
	color: #666
}

.breadcrumb-item {
	color: #6b6b6b;
	font-weight: 600;
	cursor: pointer
}

.separator {
	color: #999
}

.search-section {
	flex-shrink: 0
}

.search-container {
	position: relative;
	width: 300px
}

.search-input {
	width: 100%;
	padding: 10px 40px 10px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-size: 14px;
	outline: none;
	transition: border-color .3s
}

.search-input:focus {
	border-color: #6325f6
}

.search-btn {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	background: #6325f6;
	border: none;
	border-radius: 4px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .3s
}

.search-btn:hover {
	background: #7d46ff
}

.search-icon {
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') no-repeat center center;
	background-size: contain
}

.category-tabs {
	display: flex;
	gap: 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0
}

.tab-item {
	padding: 12px 24px;
	font-size: 1rem;
	color: #666;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: all .3s;
	position: relative
}

.tab-item:hover {
	color: #333
}

.tab-item.active {
	color: #6325f6;
	border-bottom-color: #6325f6
}

.content-layout {
}

.article-list {
	display: flex;
	flex-direction: column
}

.article-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	cursor: pointer;
	transition: all .3s
}

.article-item:hover {
	background-color: #f8f4ff
}

.article-thumbnail {
	flex-shrink: 0
}

.thumbnail-image {
	width: 296px;
	height: 162px;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	position: relative
}

.night-crows-bg {
	background: url(/assets/game-news-DjxkAXrB.png) no-repeat center center;
	background-size: cover
}

.article-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-around
}

.article-title {
	font-size: 1rem;
	color: #333;
	font-weight: 500;
	margin: 0 0 8px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.article-meta {
	display: flex;
	align-items: center;
	gap: 12px
}

.publish-date {
	font-size: .85rem;
	color: #999
}

.loading-state,.empty-state {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 20px
}

.loading-text,.empty-text {
	font-size: 1rem;
	color: #666
}

.advertisement-sidebar {
	display: flex;
	flex-direction: column;
	gap: 20px
}

.ad-block {
	width: 320px;
	height: 200px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.ad-block-1 {
	height: 460px
}

.ad-block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px
}

@media (max-width: 1200px) {
	.content-layout {
		grid-template-columns: 1fr 250px;
		gap: 30px
	}

	.search-container {
		width: 250px
	}
}

@media (max-width: 768px) {
	.main-content {
		padding: 20px 15px
	}

	.page-header {
		flex-direction: column;
		gap: 20px;
		align-items: stretch
	}

	.search-container {
		width: 100%
	}

	.content-layout {
		grid-template-columns: 1fr;
		gap: 30px
	}

	.advertisement-sidebar {
		order: -1
	}

	.ad-block {
		height: 150px
	}

	.category-tabs {
		overflow-x: auto;
		white-space: nowrap
	}

	.tab-item {
		flex-shrink: 0
	}

	.article-item {
		flex-direction: column;
		gap: 12px
	}

	.thumbnail-image {
		width: 100%;
		height: 120px
	}
}

@media (max-width: 480px) {
	.title-content h1 {
		font-size: 1.5rem
	}

	.title-icon {
		width: 36px;
		height: 36px
	}

	.article-item {
		padding: 12px
	}

	.ad-block {
		height: 120px
	}

	.ad-title {
		font-size: 1rem
	}
}