.pcgh-home-forum-section {
	padding: 4px 0 24px
}

.pcgh-home-forum {
	padding: 18px;
	border: 1px solid rgba(148,163,184,.16);
	border-radius: 16px;
	background: rgba(15,23,42,.72);
	box-shadow: none
}

.pcgh-home-forum__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px
}

.pcgh-home-forum__title {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0
}

.pcgh-home-forum__title > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: linear-gradient(135deg,#3b82f6,#2563eb);
	color: #fff;
	flex-shrink: 0
}

.pcgh-home-forum__title > span :where(i[data-lucide],svg[data-lucide],.lucide) {
	width: 22px;
	height: 22px
}

.pcgh-home-forum__title h2 {
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.25
}

.pcgh-home-forum__title p {
	margin: 3px 0 0;
	color: rgba(203,213,225,.72);
	font-size: 13px
}

.pcgh-home-forum__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(96,165,250,.22);
	border-radius: 10px;
	background: rgba(59,130,246,.1);
	color: #bfdbfe;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap
}

.pcgh-home-forum__more:hover {
	background: rgba(59,130,246,.18);
	border-color: rgba(96,165,250,.4);
	color: #fff
}

.pcgh-home-forum__more :where(i[data-lucide],svg[data-lucide],.lucide) {
	width: 13px;
	height: 13px
}

.pcgh-home-forum__cats {
	display: grid;
	grid-template-columns: repeat(5,minmax(0,1fr));
	gap: 10px;
	margin-bottom: 14px
}

.pcgh-home-forum-cat {
	display: grid;
	grid-template-columns: 38px minmax(0,1fr);
	grid-template-rows: auto auto auto;
	column-gap: 10px;
	row-gap: 3px;
	padding: 13px;
	border: 1px solid rgba(148,163,184,.16);
	border-radius: 12px;
	background: rgba(15,23,42,.55);
	text-decoration: none;
	transition: .18s
}

.pcgh-home-forum-cat:hover {
	border-color: color-mix(in srgb,var(--pcgh-forum-cat-color),transparent 54%);
	background: color-mix(in srgb,var(--pcgh-forum-cat-color),transparent 90%);
	transform: translateY(-2px)
}

.pcgh-home-forum-cat__icon {
	grid-row: 1 / 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	background: color-mix(in srgb,var(--pcgh-forum-cat-color),transparent 84%);
	color: var(--pcgh-forum-cat-color)
}

.pcgh-home-forum-cat__icon :where(i[data-lucide],svg[data-lucide],.lucide) {
	width: 20px;
	height: 20px
}

.pcgh-home-forum-cat strong {
	min-width: 0;
	color: #f8fafc;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pcgh-home-forum-cat small {
	min-width: 0;
	color: rgba(203,213,225,.66);
	font-size: 12px;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pcgh-home-forum-cat em {
	color: rgba(148,163,184,.72);
	font-size: 11px;
	font-style: normal;
	line-height: 1.25
}

.pcgh-home-forum__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 14px
}

.pcgh-home-forum-card {
	min-width: 0;
	border: 1px solid rgba(148,163,184,.16);
	border-radius: 14px;
	background: rgba(15,23,42,.55)
}

.pcgh-home-forum-card {
	padding: 14px
}

.pcgh-home-forum-card header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px
}

.pcgh-home-forum-card h3 {
	margin: 0;
	color: #f8fafc;
	font-size: 18px;
	font-weight: 800
}

.pcgh-home-forum-card header a {
	color: rgba(148,163,184,.82);
	font-size: 12px;
	text-decoration: none
}

.pcgh-home-forum-card header a:hover {
	color: #93c5fd
}

.pcgh-home-forum-posts {
	display: flex;
	flex-direction: column;
	gap: 9px
}

.pcgh-home-forum-post {
	display: grid;
	grid-template-columns: 54px minmax(0,1fr) auto;
	align-items: center;
	gap: 10px;
	text-decoration: none
}

.pcgh-home-forum-post__thumb {
	display: block;
	width: 54px;
	aspect-ratio: 4/3;
	border-radius: 8px;
	background: rgba(30,41,59,.7) center/cover no-repeat
}

.pcgh-home-forum-post__body {
	min-width: 0
}

.pcgh-home-forum-post__body strong {
	display: block;
	min-width: 0;
	color: #e5edf8;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pcgh-home-forum-post:hover .pcgh-home-forum-post__body strong {
	color: #93c5fd
}

.pcgh-home-forum-post__body small {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 3px;
	color: rgba(148,163,184,.74);
	font-size: 11px;
	line-height: 1.3
}

.pcgh-home-forum-post__body em {
	font-style: normal;
	color: rgba(148,163,184,.62)
}

.pcgh-home-forum-post__comments {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: rgba(148,163,184,.72);
	font-size: 11px;
	white-space: nowrap
}

.pcgh-home-forum-post__comments :where(i[data-lucide],svg[data-lucide],.lucide) {
	width: 12px;
	height: 12px
}

.pcgh-home-forum-hot {
	list-style: none;
	counter-reset: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 7px
}

.pcgh-home-forum-hot li a {
	display: grid;
	grid-template-columns: 22px minmax(0,1fr) auto;
	align-items: center;
	gap: 8px;
	min-height: 28px;
	text-decoration: none
}

.pcgh-home-forum-hot li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 5px;
	background: rgba(148,163,184,.14);
	color: rgba(203,213,225,.9);
	font-size: 11px;
	font-weight: 800
}

.pcgh-home-forum-hot li:nth-child(-n+3) span {
	background: linear-gradient(135deg,#f97316,#ef4444);
	color: #fff
}

.pcgh-home-forum-hot li strong {
	min-width: 0;
	color: #e5edf8;
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pcgh-home-forum-hot li a:hover strong {
	color: #93c5fd
}

.pcgh-home-forum-hot li em {
	color: #f87171;
	font-size: 11px;
	font-style: normal;
	white-space: nowrap
}

.pcgh-home-forum-hot__empty {
	color: rgba(148,163,184,.72);
	font-size: 13px
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-section,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-section {
	background: transparent;
	color: #e5edf8
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum {
	background: linear-gradient(180deg,rgba(15,23,42,.84),rgba(11,18,32,.78));
	border-color: rgba(99,102,241,.18);
	box-shadow: none
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-cat,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-card,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-cat,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-card {
	background: rgba(15,23,42,.62);
	border-color: rgba(148,163,184,.16);
	box-shadow: none
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum__title h2,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-card h3,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-cat strong,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-post__body strong,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-hot li strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum__title h2,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-card h3,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-cat strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-post__body strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-hot li strong {
	color: #f8fafc
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum__title p,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-cat small,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-cat em,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-post__body small,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-post__comments,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-card header a,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum__title p,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-cat small,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-cat em,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-post__body small,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-post__comments,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-card header a {
	color: rgba(203,213,225,.72)
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum__more,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum__more {
	background: rgba(59,130,246,.1);
	border-color: rgba(96,165,250,.22);
	color: #bfdbfe
}

html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum__more:hover,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-post:hover .pcgh-home-forum-post__body strong,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-hot li a:hover strong,
html:not([data-pcgh-theme-resolved="light"]) .pcgh-home-forum-card header a:hover,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum__more:hover,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-post:hover .pcgh-home-forum-post__body strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-hot li a:hover strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-home-forum-card header a:hover {
	color: #93c5fd
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-section {
	background: #f6f8fc;
	color: #0f172a
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum {
	background: #fff;
	border-color: #e5eaf2;
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum__title h2,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-card h3,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-cat strong,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-post__body strong,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-hot li strong {
	color: #0f172a
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum__title p,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-cat small,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-cat em,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-post__body small,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-post__comments,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-card header a {
	color: #64748b
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum__more {
	background: #fff;
	border-color: #dbeafe;
	color: #2563eb
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum__more:hover {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1d4ed8
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-cat,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-card {
	background: #fff;
	border-color: #e5eaf2;
	box-shadow: 0 10px 25px rgba(15,23,42,.035)
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-cat:hover {
	background: color-mix(in srgb,var(--pcgh-forum-cat-color),transparent 94%);
	box-shadow: 0 14px 28px rgba(15,23,42,.07)
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-post__thumb {
	background-color: #e9eef7
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-post:hover .pcgh-home-forum-post__body strong,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-hot li a:hover strong,
html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-card header a:hover {
	color: #2563eb
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-hot li span {
	background: #eef2f7;
	color: #475569
}

html[data-pcgh-theme-resolved="light"] .pcgh-home-forum-hot li:nth-child(-n+3) span {
	background: linear-gradient(135deg,#f97316,#ef4444);
	color: #fff
}

@media (max-width: 1180px) {
	.pcgh-home-forum__cats {
		grid-template-columns: repeat(3,minmax(0,1fr))
	}

	.pcgh-home-forum__grid {
		grid-template-columns: minmax(0,1fr) minmax(0,1fr)
	}
}

@media (max-width: 820px) {
	.pcgh-home-forum {
		padding: 14px;
		border-radius: 14px
	}

	.pcgh-home-forum__head {
		align-items: flex-start;
		flex-direction: column
	}

	.pcgh-home-forum__cats,
	.pcgh-home-forum__grid {
		grid-template-columns: 1fr
	}
}

@media (max-width: 560px) {
	.pcgh-home-forum-post {
		grid-template-columns: 48px minmax(0,1fr)
	}

	.pcgh-home-forum-post__comments {
		grid-column: 2;
		justify-self: start
	}
}