.pcgh-tree-hole-page {
	min-height: 100vh;
	padding: 22px 0 54px;
	background: linear-gradient(180deg,#f8fbff 0,#fff 48%,#f7f9ff 100%);
	color: #1f2a44
}

.pcgh-tree-hole-container {
	display: grid;
	grid-template-columns: minmax(0,1fr) 330px;
	gap: 24px
}

.pcgh-tree-hole-maincol {
	min-width: 0
}

.pcgh-tree-hole-hero {
	display: grid;
	grid-template-columns: minmax(0,1fr) 280px;
	align-items: center;
	min-height: 230px;
	padding: 34px 38px;
	border: 1px solid #e8eef8;
	border-radius: 24px;
	background: linear-gradient(135deg,#edf7ff 0,#f7fbff 52%,#fff7ed 100%);
	box-shadow: 0 14px 42px rgba(82,119,174,.12);
	overflow: hidden
}

.pcgh-tree-hole-hero__copy h1 {
	max-width: 430px;
	margin: 0;
	color: #1e2a44;
	font-size: 34px;
	line-height: 1.22;
	font-weight: 900;
	letter-spacing: -.04em
}

.pcgh-tree-hole-hero__copy p {
	max-width: 560px;
	margin: 14px 0 0;
	color: #74829a;
	font-size: 14px;
	line-height: 1.9
}

.pcgh-tree-hole-hero__features {
	display: flex;
	gap: 16px;
	margin-top: 24px
}

.pcgh-tree-hole-hero__features span {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 13px;
	border-radius: 999px;
	background: rgba(255,255,255,.78);
	box-shadow: 0 8px 22px rgba(108,132,184,.12)
}

.pcgh-tree-hole-hero__features i {
	width: 18px;
	height: 18px;
	color: #5b8cff
}

.pcgh-tree-hole-hero__features b {
	color: #2d3b55;
	font-size: 13px
}

.pcgh-tree-hole-hero__features small {
	color: #8b98ad;
	font-size: 11px
}

.pcgh-tree-hole-hero__art {
	height: 190px;
	border-radius: 24px;
	background: radial-gradient(circle at 50% 45%,#fff 0 23%,transparent 24%),radial-gradient(circle at 48% 42%,#7db7ff 0 2%,transparent 2.5%),linear-gradient(160deg,#dff1ff,#fff1cf);
	background-position: center;
	background-size: cover
}

.pcgh-tree-hole-tabs {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 18px 0
}

.pcgh-tree-hole-tabs a {
	display: inline-flex;
	padding: 10px 18px;
	border: 1px solid #e8edf7;
	border-radius: 999px;
	background: #fff;
	color: #6c7890;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(85,110,160,.06)
}

.pcgh-tree-hole-tabs a.is-active {
	border-color: #dbe7ff;
	background: #ecf4ff;
	color: #3777e8
}

.pcgh-tree-hole-tabs__spacer {
	flex: 1
}

.pcgh-tree-hole-tabs select {
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid #e8edf7;
	border-radius: 999px;
	background: #fff;
	color: #58667c
}

.pcgh-tree-hole-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 16px
}

.pcgh-tree-hole-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0,1fr) 132px;
	gap: 14px;
	min-height: 166px;
	padding: 18px;
	border: 1px solid #edf1f8;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(31,60,110,.06);
	cursor: pointer;
	transition: transform .18s,box-shadow .18s,border-color .18s
}

.pcgh-tree-hole-card:hover {
	transform: translateY(-3px);
	border-color: color-mix(in srgb,var(--topic-color,#6d5dfc) 30%,#edf1f8);
	box-shadow: 0 16px 36px rgba(55,88,150,.13)
}

.pcgh-tree-hole-card header {
	grid-column: 1/-1;
	display: flex;
	align-items: center;
	gap: 10px
}

.pcgh-tree-hole-card header img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover
}

.pcgh-tree-hole-card header div {
	min-width: 0;
	flex: 1
}

.pcgh-tree-hole-card header strong {
	display: block;
	color: #35425a;
	font-size: 14px
}

.pcgh-tree-hole-card header span {
	display: block;
	margin-top: 2px;
	color: #9aa6b8;
	font-size: 12px
}

.pcgh-tree-hole-card header button {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 999px;
	background: #f7f9fd;
	color: #9aa6b8
}

.pcgh-tree-hole-card__body {
	min-width: 0
}

.pcgh-tree-hole-topic {
	display: inline-flex;
	margin-bottom: 8px;
	padding: 3px 9px;
	border-radius: 999px;
	background: color-mix(in srgb,var(--topic-color,#6d5dfc) 12%,#fff);
	color: var(--topic-color,#6d5dfc);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none
}

.pcgh-tree-hole-card h2 {
	margin: 0;
	color: #2b374f;
	font-size: 16px;
	line-height: 1.45;
	font-weight: 900
}

.pcgh-tree-hole-card p {
	margin: 8px 0 0;
	color: #667389;
	font-size: 13px;
	line-height: 1.7
}

.pcgh-tree-hole-card__cover {
	display: block;
	align-self: center;
	width: 132px;
	height: 92px;
	border-radius: 15px;
	background: #eef4ff center/cover no-repeat
}

.pcgh-tree-hole-card footer {
	grid-column: 1/-1;
	display: flex;
	gap: 18px;
	margin-top: 2px;
	color: #98a4b6;
	font-size: 12px
}

.pcgh-tree-hole-card footer span {
	display: inline-flex;
	align-items: center;
	gap: 6px
}

.pcgh-tree-hole-card footer i {
	width: 15px;
	height: 15px
}

.pcgh-tree-hole-empty {
	grid-column: 1/-1;
	display: grid;
	place-items: center;
	min-height: 260px;
	border: 1px dashed #dbe4f2;
	border-radius: 20px;
	background: #fff;
	color: #8b98ad
}

.pcgh-tree-hole-sidebar {
	display: grid;
	align-content: start;
	gap: 16px
}

.pcgh-tree-hole-side-card {
	padding: 18px;
	border: 1px solid #edf1f8;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(31,60,110,.06)
}

.pcgh-tree-hole-side-card header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px
}

.pcgh-tree-hole-side-card h3 {
	margin: 0;
	color: #2b374f;
	font-size: 16px;
	font-weight: 900
}

.pcgh-tree-hole-side-card header a {
	color: #99a5b7;
	font-size: 12px;
	text-decoration: none
}

.pcgh-tree-hole-sign {
	background: linear-gradient(160deg,#f5f0ff,#fff)
}

.pcgh-tree-hole-sign__inner {
	display: flex;
	gap: 12px;
	align-items: center
}

.pcgh-tree-hole-sign small {
	display: block;
	color: #8d78bf;
	font-size: 12px
}

.pcgh-tree-hole-sign strong {
	display: block;
	margin-top: 4px;
	color: #7c3aed;
	font-size: 25px;
	font-weight: 900
}

.pcgh-tree-hole-sign p {
	margin: 6px 0 12px;
	color: #6d7487;
	font-size: 13px;
	line-height: 1.7
}

.pcgh-tree-hole-sign button {
	padding: 8px 17px;
	border: 0;
	border-radius: 999px;
	background: var(--pcgh-primary,#6d5dfc);
	color: #fff;
	font-weight: 800
}

.pcgh-tree-hole-sign img {
	width: 112px;
	height: 98px;
	object-fit: contain
}

.pcgh-tree-hole-topic-list {
	display: grid;
	gap: 9px
}

.pcgh-tree-hole-topic-list a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 12px;
	border-radius: 14px;
	background: #f8fbff;
	color: #556274;
	text-decoration: none
}

.pcgh-tree-hole-topic-list i {
	width: 18px;
	height: 18px;
	color: var(--topic-color,#6d5dfc)
}

.pcgh-tree-hole-topic-list span {
	flex: 1;
	font-weight: 800
}

.pcgh-tree-hole-topic-list small {
	color: #98a4b6
}

.pcgh-tree-hole-note {
	text-align: center;
	background: linear-gradient(160deg,#e8f5ff,#fff)
}

.pcgh-tree-hole-note img {
	width: 108px;
	height: 88px;
	object-fit: contain
}

.pcgh-tree-hole-note strong {
	display: block;
	color: #315b8f
}

.pcgh-tree-hole-note p {
	margin: 8px 0 0;
	color: #6e7b90;
	font-size: 13px;
	line-height: 1.7
}

.pcgh-tree-hole-rules ol {
	margin: 12px 0 0;
	padding-left: 20px;
	color: #738096;
	font-size: 13px;
	line-height: 1.9
}

.pcgh-tree-hole-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px
}

.pcgh-tree-hole-modal[hidden] {
	display: none
}

.pcgh-tree-hole-modal__mask {
	position: absolute;
	inset: 0;
	background: rgba(24,31,48,.62);
	backdrop-filter: blur(7px)
}

.pcgh-tree-hole-modal__panel {
	position: relative;
	width: min(1040px,calc(100vw - 44px));
	max-height: min(820px,calc(100vh - 52px));
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 32px 90px rgba(10,18,35,.28);
	overflow: auto
}

.pcgh-tree-hole-modal__close {
	position: absolute;
	right: -14px;
	top: -14px;
	z-index: 3;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #62708a;
	box-shadow: 0 10px 26px rgba(20,32,58,.18)
}

.pcgh-tree-hole-modal__loading,.pcgh-tree-hole-modal__error {
	padding: 70px;
	text-align: center;
	color: #76839a
}

.pcgh-tree-hole-detail {
	display: grid;
	grid-template-columns: minmax(0,1fr) 260px;
	gap: 20px;
	padding: 30px
}

.pcgh-tree-hole-detail__main {
	min-width: 0
}

.pcgh-tree-hole-detail__crumb {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 18px;
	color: #cf6aa0;
	font-size: 13px;
	font-weight: 800
}

.pcgh-tree-hole-detail__head {
	display: grid;
	grid-template-columns: minmax(0,1fr) 260px;
	gap: 18px;
	align-items: center;
	padding: 22px;
	border-radius: 18px;
	background: linear-gradient(135deg,#fff,#f4fbff);
	border: 1px solid #eef2f8
}

.pcgh-tree-hole-detail h2 {
	margin: 0;
	color: #25324a;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: -.03em
}

.pcgh-tree-hole-detail__meta {
	display: flex;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
	margin-top: 14px;
	color: #7d8aa0;
	font-size: 13px
}

.pcgh-tree-hole-detail__meta img {
	width: 38px;
	height: 38px;
	border-radius: 50%
}

.pcgh-tree-hole-detail__meta a {
	padding: 4px 9px;
	border-radius: 999px;
	background: #eef4ff;
	color: #4f7bea;
	text-decoration: none
}

.pcgh-tree-hole-detail__meta em {
	font-style: normal
}

.pcgh-tree-hole-detail__cover {
	height: 142px;
	border-radius: 16px;
	background: center/cover no-repeat
}

.pcgh-tree-hole-detail__body {
	padding: 22px 4px 12px;
	color: #4e5b70;
	font-size: 15px;
	line-height: 2
}

.pcgh-tree-hole-detail__body p {
	margin: 0 0 14px
}

.pcgh-tree-hole-detail__tags {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 10px
}

.pcgh-tree-hole-detail__tags span {
	padding: 7px 13px;
	border-radius: 999px;
	background: #fff4f8;
	color: #db6f9d;
	font-size: 12px;
	font-weight: 800
}

.pcgh-tree-hole-detail__metrics {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 12px;
	margin-top: 18px;
	padding: 14px;
	border: 1px solid #edf1f8;
	border-radius: 16px
}

.pcgh-tree-hole-detail__metrics span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #8793a7
}

.pcgh-tree-hole-detail__metrics i {
	width: 17px;
	height: 17px
}

.pcgh-tree-hole-detail__metrics b {
	color: #47546a
}

.pcgh-tree-hole-detail__metrics em {
	font-style: normal;
	font-size: 12px
}

.pcgh-tree-hole-detail__side {
	display: grid;
	gap: 14px;
	align-content: start
}

.pcgh-tree-hole-detail__side section {
	padding: 18px;
	border: 1px solid #edf1f8;
	border-radius: 18px;
	background: #fff
}

.pcgh-tree-hole-detail__side h3 {
	margin: 0 0 12px;
	color: #2b374f;
	font-size: 15px;
	font-weight: 900
}

.pcgh-tree-hole-detail-author {
	text-align: center
}

.pcgh-tree-hole-detail-author img {
	width: 64px;
	height: 64px;
	border-radius: 50%
}

.pcgh-tree-hole-detail-author strong,.pcgh-tree-hole-detail-author span {
	display: block
}

.pcgh-tree-hole-detail-author strong {
	margin-top: 8px;
	color: #2e3b54
}

.pcgh-tree-hole-detail-author span {
	margin-top: 5px;
	color: #8b98ad;
	font-size: 12px
}

.pcgh-tree-hole-detail-related {
	display: grid;
	gap: 8px
}

.pcgh-tree-hole-detail-related button {
	padding: 9px 11px;
	border: 0;
	border-radius: 12px;
	background: #f8fbff;
	text-align: left;
	color: #4a5870
}

.pcgh-tree-hole-detail-related span {
	display: block;
	color: #7d8bff;
	font-size: 12px
}

.pcgh-tree-hole-detail-related strong {
	display: block;
	margin-top: 3px;
	font-size: 13px
}

.pcgh-tree-hole-detail-rules ol {
	margin: 0;
	padding-left: 18px;
	color: #77849a;
	font-size: 12px;
	line-height: 1.9
}

.pcgh-tree-hole-modal-open {
	overflow: hidden
}

@media(max-width:1100px) {
	.pcgh-tree-hole-container {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-sidebar {
		grid-template-columns: repeat(2,minmax(0,1fr))
	}
}

@media(max-width:760px) {
	.pcgh-tree-hole-page {
		padding-top: 12px
	}

	.pcgh-tree-hole-container {
		gap: 16px
	}

	.pcgh-tree-hole-hero {
		grid-template-columns: 1fr;
		padding: 24px
	}

	.pcgh-tree-hole-hero__art {
		display: none
	}

	.pcgh-tree-hole-hero__copy h1 {
		font-size: 25px
	}

	.pcgh-tree-hole-hero__features {
		flex-direction: column;
		gap: 9px
	}

	.pcgh-tree-hole-grid {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-card {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-card__cover {
		width: 100%;
		height: 150px
	}

	.pcgh-tree-hole-sidebar {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-tabs {
		overflow: auto
	}

	.pcgh-tree-hole-modal {
		padding: 14px
	}

	.pcgh-tree-hole-modal__panel {
		width: 100%;
		max-height: calc(100vh - 28px);
		border-radius: 18px
	}

	.pcgh-tree-hole-modal__close {
		right: 8px;
		top: 8px
	}

	.pcgh-tree-hole-detail {
		grid-template-columns: 1fr;
		padding: 18px
	}

	.pcgh-tree-hole-detail__head {
		grid-template-columns: 1fr;
		padding: 18px
	}

	.pcgh-tree-hole-detail h2 {
		font-size: 22px
	}

	.pcgh-tree-hole-detail__metrics {
		grid-template-columns: repeat(2,1fr)
	}
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-page {
	background: radial-gradient(circle at 72% 0,rgba(var(--pcgh-primary-rgb),.18),transparent 36%),linear-gradient(180deg,var(--pcgh-bg) 0,#101827 52%,var(--pcgh-bg) 100%);
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero {
	border-color: rgba(148,163,184,.16);
	background: linear-gradient(135deg,rgba(30,41,59,.96) 0,rgba(15,23,42,.96) 52%,rgba(49,46,129,.42) 100%);
	box-shadow: 0 18px 48px rgba(0,0,0,.28)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__copy h1 {
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__copy p {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__features span {
	border: 1px solid rgba(148,163,184,.14);
	background: rgba(15,23,42,.62);
	box-shadow: 0 10px 26px rgba(0,0,0,.22)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__features b {
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__features small {
	color: var(--pcgh-text-3)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__art {
	background-color: #111827;
	background-blend-mode: screen;
	background-image: radial-gradient(circle at 50% 45%,rgba(255,255,255,.9) 0 21%,transparent 22%),radial-gradient(circle at 48% 42%,#60a5fa 0 2%,transparent 2.5%),linear-gradient(160deg,#1e3a8a,#312e81)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-tabs a,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-tabs select {
	border-color: rgba(148,163,184,.16);
	background: rgba(15,23,42,.82);
	color: var(--pcgh-text-2);
	box-shadow: 0 10px 24px rgba(0,0,0,.18)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-tabs a.is-active {
	border-color: rgba(var(--pcgh-primary-rgb),.48);
	background: rgba(var(--pcgh-primary-rgb),.18);
	color: #93c5fd
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-side-card,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-empty {
	border-color: rgba(148,163,184,.14);
	background: rgba(15,23,42,.82);
	box-shadow: 0 14px 34px rgba(0,0,0,.22)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card:hover {
	border-color: color-mix(in srgb,var(--topic-color,#6d5dfc) 46%,rgba(148,163,184,.18));
	box-shadow: 0 18px 42px rgba(0,0,0,.32)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card header strong,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card h2,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-side-card h3,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-topic-list span {
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card header span,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card footer,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-topic-list small,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-side-card header a,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-empty {
	color: var(--pcgh-text-3)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card p,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-rules ol,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-note p,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-sign p {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card header button {
	background: rgba(148,163,184,.12);
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-topic {
	background: color-mix(in srgb,var(--topic-color,#6d5dfc) 24%,rgba(15,23,42,.9));
	color: color-mix(in srgb,var(--topic-color,#6d5dfc) 78%,#fff)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card__cover {
	background-color: #1e293b
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-sign {
	background: linear-gradient(160deg,rgba(76,29,149,.36),rgba(15,23,42,.86))
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-sign small {
	color: #c4b5fd
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-sign strong {
	color: #a78bfa
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-topic-list a {
	background: rgba(30,41,59,.72);
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-topic-list a:hover {
	background: rgba(var(--pcgh-primary-rgb),.14);
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-note {
	background: linear-gradient(160deg,rgba(14,165,233,.14),rgba(15,23,42,.86))
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-note strong {
	color: #93c5fd
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-modal__mask {
	background: rgba(2,6,23,.74)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-modal__panel {
	border: 1px solid rgba(148,163,184,.16);
	background: #0f172a;
	box-shadow: 0 32px 90px rgba(0,0,0,.62)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-modal__close {
	background: #1e293b;
	color: var(--pcgh-text);
	box-shadow: 0 10px 26px rgba(0,0,0,.38)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-modal__loading,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-modal__error {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__head {
	border-color: rgba(148,163,184,.14);
	background: linear-gradient(135deg,rgba(30,41,59,.9),rgba(15,23,42,.92))
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail h2,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__side h3,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-author strong,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-related strong,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__metrics b {
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__meta,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__body,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-author span,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-rules ol,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__metrics span {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__meta a {
	background: rgba(var(--pcgh-primary-rgb),.16);
	color: #93c5fd
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__tags span {
	background: rgba(219,112,157,.16);
	color: #f9a8d4
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__metrics,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail__side section {
	border-color: rgba(148,163,184,.14);
	background: rgba(15,23,42,.7)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-related button {
	background: rgba(30,41,59,.72);
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-related button:hover {
	background: rgba(var(--pcgh-primary-rgb),.14);
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-related span {
	color: #a5b4fc
}

.pcgh-tree-hole-modal {
	overflow: hidden
}

.pcgh-tree-hole-modal__panel {
	width: min(1120px,calc(100vw - 48px));
	overflow-x: hidden
}

.pcgh-tree-hole-modal__content {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden
}

.pcgh-tree-hole-modal__close {
	right: 14px;
	top: 14px
}

.pcgh-tree-hole-detail {
	width: 100%;
	max-width: 100%;
	grid-template-columns: minmax(0,1fr) 260px;
	box-sizing: border-box;
	overflow-x: hidden
}

.pcgh-tree-hole-detail * {
	max-width: 100%;
	box-sizing: border-box
}

.pcgh-tree-hole-detail__main {
	overflow: hidden
}

.pcgh-tree-hole-detail__head {
	grid-template-columns: minmax(0,1fr) minmax(180px,260px)
}

.pcgh-tree-hole-comments {
	margin-top: 18px;
	padding: 18px;
	border: 1px solid #edf1f8;
	border-radius: 18px;
	background: #fff
}

.pcgh-tree-hole-comments>header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px
}

.pcgh-tree-hole-comments h3 {
	margin: 0;
	color: #25324a;
	font-size: 16px;
	font-weight: 900
}

.pcgh-tree-hole-comments>header span {
	color: #98a4b6;
	font-size: 12px
}

.pcgh-tree-hole-comment-form {
	display: grid;
	grid-template-columns: 42px minmax(0,1fr);
	gap: 10px;
	padding: 12px;
	border: 1px solid #edf1f8;
	border-radius: 16px;
	background: #fbfdff
}

.pcgh-tree-hole-comment-form>img,.pcgh-tree-hole-comment>img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover
}

.pcgh-tree-hole-comment-form__field {
	position: relative;
	min-width: 0
}

.pcgh-tree-hole-comment-form textarea {
	display: block;
	width: 100%;
	min-height: 42px;
	padding: 12px 134px 12px 14px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	line-height: 1.4;
	resize: none;
	outline: none
}

.pcgh-tree-hole-comment-form textarea::placeholder {
	color: #a0aec0
}

.pcgh-tree-hole-comment-form__actions {
	position: absolute;
	right: 5px;
	top: 50%;
	display: flex;
	align-items: center;
	gap: 5px;
	transform: translateY(-50%)
}

.pcgh-tree-hole-comment-form__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #94a3b8
}

.pcgh-tree-hole-comment-form__icon i {
	width: 16px;
	height: 16px
}

.pcgh-tree-hole-comment-form__submit {
	height: 32px;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg,#7c3aed,#4f46e5);
	color: #fff;
	font-weight: 900;
	box-shadow: 0 8px 18px rgba(79,70,229,.24)
}

.pcgh-tree-hole-comment-list {
	display: grid;
	gap: 0;
	margin-top: 10px
}

.pcgh-tree-hole-comment {
	display: grid;
	grid-template-columns: 42px minmax(0,1fr);
	gap: 10px;
	padding: 13px 0;
	border-bottom: 1px solid #eef2f7
}

.pcgh-tree-hole-comment:last-child {
	border-bottom: 0
}

.pcgh-tree-hole-comment header {
	display: flex;
	align-items: center;
	gap: 8px
}

.pcgh-tree-hole-comment header strong {
	color: #334155;
	font-size: 13px
}

.pcgh-tree-hole-comment header span {
	color: #a0aec0;
	font-size: 12px
}

.pcgh-tree-hole-comment p {
	margin: 5px 0 8px;
	color: #59677c;
	font-size: 13px;
	line-height: 1.7
}

.pcgh-tree-hole-comment footer {
	display: flex;
	gap: 14px
}

.pcgh-tree-hole-comment footer button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #94a3b8;
	font-size: 12px
}

.pcgh-tree-hole-comment footer i {
	width: 14px;
	height: 14px
}

.pcgh-tree-hole-comments__more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	margin-top: 6px;
	padding: 10px;
	border: 0;
	background: transparent;
	color: #5b7cfa;
	font-weight: 800
}

.pcgh-tree-hole-comments__more i {
	width: 15px;
	height: 15px
}

.pcgh-tree-hole-detail-author__stats {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 8px;
	margin-top: 14px
}

.pcgh-tree-hole-detail-author__stats span {
	padding: 10px;
	border-radius: 12px;
	background: #f8fbff
}

.pcgh-tree-hole-detail-author__stats b {
	display: block;
	color: #25324a;
	font-size: 17px
}

.pcgh-tree-hole-detail-author__stats em {
	display: block;
	margin-top: 3px;
	color: #9aa6b8;
	font-size: 11px;
	font-style: normal
}

.pcgh-tree-hole-detail-author button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	margin-top: 12px;
	padding: 10px 14px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg,#6d5dfc,#3b82f6);
	color: #fff;
	font-weight: 900
}

.pcgh-tree-hole-detail-author button i {
	width: 15px;
	height: 15px
}

.pcgh-tree-hole-side-tip {
	background: linear-gradient(160deg,#fff7ed,#fff)!important
}

.pcgh-tree-hole-side-tip p {
	margin: 0;
	color: #6e7b90;
	font-size: 13px;
	line-height: 1.7
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comments,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment-form {
	border-color: rgba(148,163,184,.14);
	background: rgba(15,23,42,.7)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comments h3,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment header strong,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-author__stats b {
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comments>header span,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment header span,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment footer button,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-author__stats em {
	color: var(--pcgh-text-3)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment-form textarea {
	background: rgba(30,41,59,.86);
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment {
	border-bottom-color: rgba(148,163,184,.12)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment p,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-side-tip p {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-detail-author__stats span {
	background: rgba(30,41,59,.72)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-side-tip {
	background: linear-gradient(160deg,rgba(249,115,22,.16),rgba(15,23,42,.8))!important
}

@media(max-width:900px) {
	.pcgh-tree-hole-modal {
		padding: 18px
	}

	.pcgh-tree-hole-modal__panel {
		width: calc(100vw - 28px);
		max-height: calc(100vh - 28px)
	}

	.pcgh-tree-hole-detail {
		grid-template-columns: 1fr;
		padding: 18px
	}

	.pcgh-tree-hole-detail__side {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-detail__head {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-detail__cover {
		height: 160px
	}

	.pcgh-tree-hole-comment-form textarea {
		padding-right: 118px
	}

	.pcgh-tree-hole-comment-form__submit {
		padding: 0 16px
	}
}

@media(max-width:560px) {
	.pcgh-tree-hole-modal {
		padding: 10px
	}

	.pcgh-tree-hole-modal__panel {
		width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		border-radius: 18px
	}

	.pcgh-tree-hole-modal__close {
		right: 10px;
		top: 10px;
		width: 38px;
		height: 38px
	}

	.pcgh-tree-hole-detail {
		padding: 14px
	}

	.pcgh-tree-hole-detail__metrics {
		grid-template-columns: repeat(2,minmax(0,1fr))
	}

	.pcgh-tree-hole-comments {
		padding: 14px
	}

	.pcgh-tree-hole-comments>header {
		display: block
	}

	.pcgh-tree-hole-comments>header span {
		display: block;
		margin-top: 4px
	}

	.pcgh-tree-hole-comment-form {
		grid-template-columns: 34px minmax(0,1fr);
		padding: 10px
	}

	.pcgh-tree-hole-comment-form>img,.pcgh-tree-hole-comment>img {
		width: 34px;
		height: 34px
	}

	.pcgh-tree-hole-comment-form textarea {
		min-height: 70px;
		padding: 10px 12px 44px;
		border-radius: 14px
	}

	.pcgh-tree-hole-comment-form__actions {
		left: 8px;
		right: 8px;
		top: auto;
		bottom: 7px;
		justify-content: flex-end;
		transform: none
	}

	.pcgh-tree-hole-comment {
		grid-template-columns: 34px minmax(0,1fr)
	}
}

.pcgh-tree-hole-fortune-modal {
	position: fixed;
	inset: 0;
	z-index: 100001;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
	overflow: hidden
}

.pcgh-tree-hole-fortune-modal[hidden] {
	display: none
}

.pcgh-tree-hole-fortune-modal__mask {
	position: absolute;
	inset: 0;
	background: rgba(24,31,48,.62);
	backdrop-filter: blur(7px)
}

.pcgh-tree-hole-fortune-modal__panel {
	position: relative;
	width: min(900px,calc(100vw - 48px));
	max-height: min(760px,calc(100vh - 52px));
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 32px 90px rgba(10,18,35,.28);
	overflow: auto
}

.pcgh-tree-hole-fortune-modal__close {
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 5;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #eef0ff;
	color: #7b83a4
}

.pcgh-tree-hole-fortune-modal__content {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden
}

.pcgh-fortune-head {
	text-align: center;
	padding: 28px 28px 12px
}

.pcgh-fortune-head span {
	display: block;
	width: 86px;
	height: 1px;
	margin: 0 auto 8px;
	background: linear-gradient(90deg,transparent,#c7cdfb,transparent)
}

.pcgh-fortune-head h2 {
	margin: 0;
	color: #26324b;
	font-size: 28px;
	font-weight: 950;
	letter-spacing: -.04em
}

.pcgh-fortune-head p {
	margin: 8px 0 0;
	color: #8b96ac;
	font-size: 13px
}

.pcgh-fortune-head button {
	position: absolute;
	right: 18px;
	top: 18px;
	width: 34px;
	height: 34px;
	border: 1px solid #e6e9f4;
	border-radius: 50%;
	background: #fff;
	color: #7b83a4
}

.pcgh-fortune-draw {
	padding-bottom: 22px
}

.pcgh-fortune-draw__grid {
	display: grid;
	grid-template-columns: 1fr 1.35fr;
	gap: 20px;
	padding: 10px 28px 18px
}

.pcgh-fortune-preview,.pcgh-fortune-picker {
	border: 1px solid #edf0fb;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(88,103,170,.08)
}

.pcgh-fortune-preview {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	overflow: hidden;
	background: linear-gradient(160deg,#eef3ff,#fff)
}

.pcgh-fortune-scroll {
	position: absolute;
	top: 36px;
	width: 118px;
	height: 140px;
	border-radius: 20px;
	background: linear-gradient(160deg,#cad7ff,#eef3ff);
	display: grid;
	place-items: center;
	color: #7c8cff;
	box-shadow: 0 18px 40px rgba(109,93,252,.16)
}

.pcgh-fortune-scroll i {
	width: 48px;
	height: 48px
}

.pcgh-fortune-preview__card {
	position: relative;
	margin-top: 90px;
	width: 190px;
	padding: 24px 18px;
	border-radius: 20px;
	background: rgba(255,255,255,.92);
	text-align: center;
	box-shadow: 0 18px 46px rgba(89,102,160,.16)
}

.pcgh-fortune-preview__card small {
	display: block;
	color: #6d76a8;
	font-weight: 800
}

.pcgh-fortune-preview__card strong {
	display: block;
	margin: 12px 0;
	color: #7465f3;
	font-size: 34px;
	font-weight: 950
}

.pcgh-fortune-preview__card p {
	margin: 0;
	color: #6f7890;
	font-size: 13px;
	line-height: 1.7
}

.pcgh-fortune-picker {
	padding: 28px;
	text-align: center
}

.pcgh-fortune-picker h3 {
	margin: 0 0 22px;
	color: #4b5570;
	font-size: 14px
}

.pcgh-fortune-cards {
	display: flex;
	justify-content: center;
	gap: 22px;
	margin-bottom: 22px
}

.pcgh-fortune-cards button {
	width: 92px;
	height: 136px;
	border: 1px solid #aebcff;
	border-radius: 12px;
	background: linear-gradient(150deg,#dbe3ff,#aab8ff);
	box-shadow: 0 12px 26px rgba(99,102,241,.18);
	position: relative
}

.pcgh-fortune-cards button span {
	position: absolute;
	inset: 34px 24px;
	border-radius: 50%;
	background: radial-gradient(circle,#fff 0 24%,rgba(255,255,255,.28) 25% 100%);
	opacity: .86
}

.pcgh-fortune-draw__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 280px;
	height: 46px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg,#7c3aed,#4f46e5);
	color: #fff;
	font-weight: 950;
	box-shadow: 0 12px 26px rgba(79,70,229,.26)
}

.pcgh-fortune-draw__button:disabled {
	opacity: .55;
	cursor: not-allowed
}

.pcgh-fortune-draw__button i {
	width: 17px;
	height: 17px
}

.pcgh-fortune-status {
	margin: 14px 0 12px;
	color: #76829a;
	font-size: 13px
}

.pcgh-fortune-history {
	height: 38px;
	padding: 0 46px;
	border: 1px solid #d8ddf0;
	border-radius: 8px;
	background: #fff;
	color: #6b6fe8;
	font-weight: 800
}

.pcgh-fortune-rules {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 26px;
	margin: 0 28px;
	padding: 14px 18px;
	border-radius: 16px;
	background: #f7f9ff;
	color: #7d879c;
	font-size: 12px
}

.pcgh-fortune-rules span {
	display: inline-flex;
	align-items: center;
	gap: 6px
}

.pcgh-fortune-rules i {
	width: 15px;
	height: 15px
}

.pcgh-fortune-result {
	padding: 0 28px 22px
}

.pcgh-fortune-result__grid {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 20px
}

.pcgh-fortune-result__main,.pcgh-fortune-result__side {
	border: 1px solid #edf0fb;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(88,103,170,.08)
}

.pcgh-fortune-result__main {
	padding: 18px;
	text-align: center
}

.pcgh-fortune-result__main img,.pcgh-fortune-result__placeholder {
	width: 100%;
	height: 190px;
	border-radius: 18px;
	object-fit: cover;
	background: linear-gradient(160deg,#fff0d8,#f2e8ff)
}

.pcgh-fortune-result__placeholder {
	display: grid;
	place-items: center;
	color: #f59e0b
}

.pcgh-fortune-result__placeholder i {
	width: 58px;
	height: 58px
}

.pcgh-fortune-result__main strong {
	display: block;
	margin: 12px 0;
	color: #8b5cf6;
	font-size: 30px;
	font-weight: 950
}

.pcgh-fortune-result__main p {
	margin: 0;
	color: #59677e;
	font-size: 13px;
	line-height: 1.75
}

.pcgh-fortune-tags {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 12px
}

.pcgh-fortune-tags span {
	padding: 6px 12px;
	border-radius: 999px;
	background: #f2edff;
	color: #8b5cf6;
	font-size: 12px;
	font-weight: 800
}

.pcgh-fortune-advice {
	margin-top: 14px;
	padding: 12px;
	border-radius: 14px;
	background: #fbf9ff;
	text-align: left
}

.pcgh-fortune-advice b {
	display: block;
	color: #5a4fcf
}

.pcgh-fortune-result__side {
	padding: 20px
}

.pcgh-fortune-result__side h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #4f46e5
}

.pcgh-fortune-result__side ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none
}

.pcgh-fortune-result__side li {
	display: grid;
	grid-template-columns: 34px minmax(0,1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 10px;
	border-radius: 14px;
	background: #fbfcff
}

.pcgh-fortune-result__side li>i {
	width: 20px;
	height: 20px;
	color: #6d5dfc
}

.pcgh-fortune-result__side b {
	display: block;
	color: #2f3a52;
	font-size: 13px
}

.pcgh-fortune-result__side em {
	display: block;
	margin-top: 3px;
	color: #7d889d;
	font-size: 12px;
	font-style: normal
}

.pcgh-fortune-result__side li strong {
	color: #8b5cf6;
	font-size: 12px
}

.pcgh-fortune-cost {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2px 10px;
	margin-top: 14px;
	padding: 14px;
	border-radius: 16px;
	background: #f5f7ff;
	color: #6b7488
}

.pcgh-fortune-cost i {
	grid-row: 1/3;
	color: #f59e0b
}

.pcgh-fortune-cost b {
	color: #7c3aed
}

.pcgh-fortune-actions {
	display: flex;
	justify-content: center;
	gap: 14px;
	margin-top: 18px
}

.pcgh-fortune-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 150px;
	height: 44px;
	border-radius: 12px;
	font-weight: 900
}

.pcgh-fortune-share {
	border: 0;
	background: linear-gradient(135deg,#8b5cf6,#4f46e5);
	color: #fff
}

.pcgh-fortune-actions button:not(.pcgh-fortune-share) {
	border: 1px solid #e3e7f2;
	background: #fff;
	color: #4b5568
}

.pcgh-fortune-result__tip {
	text-align: center;
	color: #97a1b5;
	font-size: 12px
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-fortune-modal__mask {
	background: rgba(2,6,23,.74)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-fortune-modal__panel,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-fortune-modal__close,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-preview,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-picker,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__main,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__side {
	border-color: rgba(148,163,184,.16);
	background: #0f172a;
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-head h2,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__side b {
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-head p,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-status,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__main p,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__side em,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-cost,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__tip {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-preview {
	background: linear-gradient(160deg,rgba(49,46,129,.45),rgba(15,23,42,.96))
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-preview__card,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-history,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-actions button:not(.pcgh-fortune-share) {
	border-color: rgba(148,163,184,.16);
	background: #1e293b;
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-rules,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__side li,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-cost,html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-advice {
	background: rgba(30,41,59,.72)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-tags span {
	background: rgba(139,92,246,.18);
	color: #c4b5fd
}

@media(max-width:760px) {
	.pcgh-tree-hole-fortune-modal {
		padding: 10px
	}

	.pcgh-tree-hole-fortune-modal__panel {
		width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		border-radius: 18px
	}

	.pcgh-tree-hole-fortune-modal__close {
		right: 10px;
		top: 10px
	}

	.pcgh-fortune-head {
		padding: 24px 42px 10px
	}

	.pcgh-fortune-head h2 {
		font-size: 24px
	}

	.pcgh-fortune-draw__grid,.pcgh-fortune-result__grid {
		grid-template-columns: 1fr;
		padding-left: 16px;
		padding-right: 16px
	}

	.pcgh-tree-hole-fortune-modal__panel {
		width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
		max-height: calc(100vh - 20px)
	}

	.pcgh-fortune-preview {
		min-height: 250px
	}

	.pcgh-fortune-picker {
		padding: 20px 14px
	}

	.pcgh-fortune-cards {
		gap: 10px
	}

	.pcgh-fortune-cards button {
		width: 72px;
		height: 106px
	}

	.pcgh-fortune-draw__button {
		min-width: 0;
		width: 100%
	}

	.pcgh-fortune-history {
		width: 100%;
		padding: 0 14px
	}

	.pcgh-fortune-rules {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin: 0 16px
	}

	.pcgh-fortune-result {
		padding: 0 16px 18px
	}

	.pcgh-fortune-actions {
		display: grid;
		grid-template-columns: 1fr
	}

	.pcgh-fortune-actions button {
		width: 100%
	}

	.pcgh-fortune-result__side li {
		grid-template-columns: 28px minmax(0,1fr);
		align-items: flex-start
	}

	.pcgh-fortune-result__side li strong {
		grid-column: 2
	}

	.pcgh-fortune-cost {
		grid-template-columns: 1fr
	}

	.pcgh-fortune-cost i {
		display: none
	}
}

.pcgh-tree-hole-hero__art {
	width: 300px;
	height: 300px;
	justify-self: end;
	border-radius: 0;
	background-color: transparent!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	box-shadow: none!important
}

.pcgh-tree-hole-card header div {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap
}

.pcgh-tree-hole-card header strong {
	display: inline-flex
}

.pcgh-tree-hole-card header .pcgh-tree-hole-topic {
	margin: 0
}

.pcgh-tree-hole-card header span {
	flex-basis: 100%
}

.pcgh-tree-hole-card__body .pcgh-tree-hole-topic {
	display: none
}

.pcgh-tree-hole-modal__panel {
	overflow: auto;
	scrollbar-width: none
}

.pcgh-tree-hole-modal__panel::-webkit-scrollbar {
	display: none
}

.pcgh-tree-hole-modal__close {
	position: fixed;
	right: calc((100vw - min(1120px,calc(100vw - 48px)))/2 + 10px);
	top: calc((100vh - min(820px,calc(100vh - 52px)))/2 + 10px);
	z-index: 100004;
	box-shadow: none
}

.pcgh-tree-hole-comment-form__submit {
	background: var(--pcgh-primary,#6d5dfc)!important;
	box-shadow: none!important
}

.pcgh-tree-hole-comment__content {
	margin: 5px 0 8px;
	color: #59677c;
	font-size: 13px;
	line-height: 1.7
}

.pcgh-tree-hole-comment__content p {
	margin: 0 0 6px
}

.pcgh-tree-hole-comments__empty {
	margin: 12px 0;
	color: #98a4b6;
	text-align: center
}

.pcgh-tree-hole-comment-form__message {
	min-height: 18px;
	margin: 6px 0 0;
	color: #8b98ad;
	font-size: 12px
}

.pcgh-tree-hole-comment-form__emoji[hidden] {
	display: none!important
}

.pcgh-tree-hole-comment-form__emoji {
	position: absolute;
	right: 0;
	top: auto;
	bottom: calc(100% + 12px);
	z-index: 10;
	width: min(100%,316px);
	max-width: calc(100vw - 56px);
	height: auto;
	max-height: calc(100vh - 180px);
	border: 1px solid #e8edf7;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 16px 42px rgba(15,23,42,.16);
	overflow: hidden
}

.pcgh-tree-hole-comment-form__actions {
	position: absolute;
	right: 8px;
	top: 40px;
	display: inline-flex;
	align-items: center;
	gap: 8px
}

.pcgh-tree-hole-comment-form__emoji-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 999px;
	background: #f1f5f9;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: .15s
}

.pcgh-tree-hole-comment-form__emoji-toggle:hover,
.is-emoji-open .pcgh-tree-hole-comment-form__emoji-toggle {
	background: rgba(124,58,237,.14);
	transform: translateY(-1px)
}

.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker {
	height: auto;
	background: #fff;
	color: #111827
}

.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__tabs {
	border-bottom-color: rgba(15,23,42,.08)
}

.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__grid {
	grid-template-columns: repeat(6,40px);
	grid-auto-rows: 40px;
	justify-content: center;
	gap: 5px;
	max-height: 285px;
	padding: 10px;
	overflow-y: auto
}

.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__tab:hover,
.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__tab.is-active {
	background: rgba(124,58,237,.12)
}

.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__item:hover {
	background: rgba(15,23,42,.08)
}

@media(max-width:760px) {
	.pcgh-tree-hole-comment-form__emoji {
		left: auto;
		right: 0;
		width: min(100%,316px);
		max-width: 100%;
		height: auto;
		max-height: calc(100vh - 150px)
	}

	.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__grid {
		grid-template-columns: repeat(6,40px)
	}
}

@media(max-width:420px) {
	.pcgh-tree-hole-comment-form__emoji {
		bottom: calc(100% + 10px);
		width: min(100%,292px);
		border-radius: 14px
	}

	.pcgh-tree-hole-comment-form__emoji .pcgh-native-emoji-picker__grid {
		grid-template-columns: repeat(6,36px);
		grid-auto-rows: 36px;
		max-height: 256px
	}
}

.pcgh-tree-hole-detail-author {
	text-align: left
}

.pcgh-tree-hole-detail-author__head {
	display: flex;
	align-items: center;
	gap: 12px
}

.pcgh-tree-hole-detail-author__head img {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	margin: 0
}

.pcgh-tree-hole-detail-author__head strong {
	margin: 0
}

.pcgh-tree-hole-detail-author__head span {
	margin-top: 4px
}

.pcgh-fortune-preview__image {
	position: absolute;
	width: calc(100% - 158px);
	height: calc(100% - 48px);
	object-fit: contain
}

.pcgh-fortune-preview__image+.pcgh-fortune-preview__card {
	margin-top: 110px
}

.pcgh-fortune-draw__grid {
	grid-template-columns: minmax(220px,.72fr) minmax(360px,1fr)
}

.pcgh-tree-hole-fortune-modal__panel {
	width: min(820px,calc(100vw - 40px));
	max-width: calc(100vw - 40px);
	max-height: min(760px,calc(100vh - 40px))
}

.pcgh-fortune-preview {
	min-height: 260px
}

.pcgh-fortune-preview__card {
	width: 168px;
	padding: 20px 16px
}

.pcgh-fortune-scroll {
	width: 104px;
	height: 124px
}

.pcgh-fortune-result__grid {
	grid-template-columns: .95fr 1.15fr
}

.pcgh-fortune-result__main img {
	object-fit: contain;
	background: #fbf9ff
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__art {
	background-color: transparent!important;
	background-blend-mode: normal!important
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment__content {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment-form__emoji {
	border-color: rgba(148,163,184,.16);
	background: #0f172a;
	box-shadow: 0 16px 42px rgba(0,0,0,.42)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__main img {
	background: #1e293b
}

@media(max-width:760px) {
	.pcgh-tree-hole-hero__art {
		display: block;
		width: 220px;
		height: 220px;
		justify-self: center;
		margin-top: 18px
	}

	.pcgh-tree-hole-modal__close {
		right: 18px;
		top: 18px
	}

	.pcgh-tree-hole-comment-form textarea {
		padding-right: 96px
	}

	.pcgh-tree-hole-comment-form__actions {
		left: auto
	}

	.pcgh-fortune-draw__grid,.pcgh-fortune-result__grid {
		grid-template-columns: 1fr
	}

	.pcgh-fortune-preview__image+.pcgh-fortune-preview__card {
		margin-top: 96px
	}
}

.pcgh-tree-hole-card header>div:not(.pcgh-tree-hole-card__actions) {
	row-gap: 2px
}

.pcgh-tree-hole-card header>div:not(.pcgh-tree-hole-card__actions) span {
	margin-top: 0
}

.pcgh-tree-hole-card header .pcgh-tree-hole-card__actions {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center
}

.pcgh-tree-hole-card__more {
	display: inline-flex!important;
	align-items: center;
	justify-content: center
}

.pcgh-tree-hole-card__more i {
	width: 17px;
	height: 17px
}

.pcgh-tree-hole-card__menu {
	position: absolute;
	right: 0;
	top: 36px;
	z-index: 5;
	display: flex;
	align-items: center;
	min-width: 116px;
	padding: 6px;
	border: 1px solid #e8edf7;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(15,23,42,.14)
}

.pcgh-tree-hole-card__menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 7px 10px;
	border-radius: 8px;
	color: #475569;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none
}

.pcgh-tree-hole-card__menu[hidden] {
	display: none
}

.pcgh-tree-hole-card__menu a:hover {
	background: #f3f6ff;
	color: var(--topic-color,#6d5dfc)
}

.pcgh-tree-hole-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	text-align: left
}

.pcgh-tree-hole-note__text {
	min-width: 0
}

.pcgh-tree-hole-note img {
	flex: 0 0 108px;
	margin-left: auto
}

.pcgh-tree-hole-modal__panel {
	width: min(1120px,calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	overflow: auto
}

.pcgh-tree-hole-modal__close {
	right: 10px;
	top: 10px
}

.pcgh-tree-hole-detail {
	grid-template-columns: minmax(0,1fr) minmax(220px,260px);
	padding: 24px
}

.pcgh-tree-hole-comment-form {
	border: 0;
	background: #f8fbff
}

.pcgh-tree-hole-comment-form textarea {
	min-height: 56px;
	border-radius: 18px;
	padding-top: 14px;
	padding-bottom: 14px
}

.pcgh-tree-hole-comment-form__emoji {
	top: auto;
	right: 82px;
	bottom: 44px
}

.pcgh-tree-hole-comment-list {
	margin-top: 8px
}

.pcgh-tree-hole-comment {
	border-bottom: 0
}

.pcgh-tree-hole-comments h3 span {
	color: #25324a
}

.pcgh-tree-hole-comments h3 b[hidden] {
	display: none
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card__menu {
	border-color: rgba(148,163,184,.16);
	background: #0f172a;
	box-shadow: 0 14px 34px rgba(0,0,0,.34)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card__menu a {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-card__menu a:hover {
	background: rgba(var(--pcgh-primary-rgb),.14);
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment-form {
	background: rgba(15,23,42,.7)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comments h3 span {
	color: var(--pcgh-text)
}

@media(max-width:900px) {
	.pcgh-tree-hole-detail {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-modal__close {
		right: 18px;
		top: 18px
	}
}

@media(max-width:560px) {
	.pcgh-tree-hole-note {
		align-items: flex-start
	}

	.pcgh-tree-hole-note img {
		width: 88px;
		height: 76px;
		flex-basis: 88px
	}

	.pcgh-tree-hole-comment-form__emoji {
		right: 0;
		bottom: 48px
	}

	.pcgh-tree-hole-modal__close {
		right: 10px;
		top: 10px
	}
}

.pcgh-tree-hole-card {
	row-gap: 10px
}

.pcgh-tree-hole-card__body p {
	display: -webkit-box;
	min-height: calc(13px * 1.7 * 2);
	margin-top: 6px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.pcgh-tree-hole-card footer {
	margin-top: -25px;
	gap: 12px
}

.pcgh-tree-hole-card footer span {
	gap: 4px
}

.pcgh-tree-hole-card footer [data-lucide="heart"],
.pcgh-tree-hole-card footer [data-lucide="message-circle"] {
	width: 12px;
	height: 12px
}

.pcgh-tree-hole-card__more i {
	width: 15px;
	height: 15px
}

.pcgh-tree-hole-comment-form {
	border: 0!important;
	box-shadow: none
}

.pcgh-tree-hole-comment-form textarea {
	border: 0!important;
	box-shadow: none!important
}

.pcgh-tree-hole-comment-form__actions {
	z-index: 12
}

.pcgh-tree-hole-comment-form__emoji {
	z-index: 30
}

.pcgh-tree-hole-comment header {
	justify-content: space-between
}

.pcgh-tree-hole-comment header>div {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0
}

.pcgh-tree-hole-comment footer {
	justify-content: space-between;
	align-items: center
}

.pcgh-tree-hole-comment footer button[data-pcgh-tree-hole-comment-like] {
	margin-left: auto;
	color: #8f9bb3
}

.pcgh-tree-hole-comment footer button[data-pcgh-tree-hole-comment-like] b {
	font-weight: 700
}

.pcgh-tree-hole-comment footer button[data-pcgh-tree-hole-comment-like].is-liked {
	color: #7c6df6
}

.pcgh-tree-hole-comment footer button[data-pcgh-tree-hole-comment-like].is-liked i {
	fill: currentColor
}

.pcgh-tree-hole-comment__actions {
	position: relative;
	flex: 0 0 auto
}

.pcgh-tree-hole-comment__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #9aa6bd
}

.pcgh-tree-hole-comment__more i {
	width: 15px;
	height: 15px
}

.pcgh-tree-hole-comment__menu {
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 20;
	min-width: 92px;
	padding: 8px;
	border: 1px solid #e8edf7;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(15,23,42,.14)
}

.pcgh-tree-hole-comment__menu a {
	display: block;
	padding: 7px 10px;
	border-radius: 8px;
	color: #475569;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none
}

.pcgh-tree-hole-comment__menu a:hover {
	background: #f3f6ff;
	color: var(--pcgh-primary,#6d5dfc)
}

.pcgh-tree-hole-fortune-modal__panel {
	width: min(820px,calc(100vw - 48px))
}

.pcgh-fortune-head {
	padding-top: 24px
}

.pcgh-fortune-draw__grid {
	grid-template-columns: 280px minmax(0,1fr);
	gap: 18px
}

.pcgh-fortune-preview {
	min-height: 260px
}

.pcgh-fortune-preview__card {
	width: 168px;
	padding: 20px 16px
}

.pcgh-fortune-preview__card strong {
	font-size: 30px
}

.pcgh-fortune-status {
	white-space: nowrap
}

.pcgh-fortune-history {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px
}

.pcgh-fortune-history i {
	width: 13px;
	height: 13px
}

.pcgh-fortune-rules {
	gap: 22px;
	white-space: nowrap
}

.pcgh-fortune-rules span:not(:first-child) i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #9aa8ff
}

.pcgh-fortune-rules span:first-child i {
	width: 14px;
	height: 14px
}

@media(max-width:760px) {
	.pcgh-tree-hole-fortune-modal__panel {
		width: calc(100vw - 20px)
	}

	.pcgh-fortune-draw__grid {
		grid-template-columns: 1fr
	}

	.pcgh-fortune-status {
		white-space: normal
	}

	.pcgh-fortune-rules {
		white-space: normal
	}
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment__menu {
	border-color: rgba(148,163,184,.16);
	background: #0f172a;
	box-shadow: 0 14px 34px rgba(0,0,0,.34)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment__menu a {
	color: var(--pcgh-text-2)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment__menu a:hover {
	background: rgba(var(--pcgh-primary-rgb),.14);
	color: var(--pcgh-text)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-comment footer button[data-pcgh-tree-hole-comment-like].is-liked {
	color: #a5b4fc
}

.pcgh-tree-hole-sign small {
	display: none!important
}

.pcgh-tree-hole-sign strong {
	margin-top: 0
}

.pcgh-tree-hole-card__actions .pcgh-tree-hole-card__menu[hidden] {
	display: none!important
}

.pcgh-tree-hole-card__actions .pcgh-tree-hole-card__menu:not([hidden]) {
	display: block!important
}

.pcgh-tree-hole-card__menu {
	right: -6px;
	top: 32px;
	z-index: 30;
	min-width: 92px;
	padding: 10px;
	border-radius: 12px
}

.pcgh-tree-hole-card__more {
	background: transparent!important
}

.pcgh-fortune-preview__image {
	top: -95px;
	bottom: auto;
}

.pcgh-fortune-preview__image+.pcgh-fortune-preview__card {
	margin-top: 76px
}

.pcgh-tree-hole-fortune-modal__panel {
	width: min(960px,calc(100vw - 40px))
}

.pcgh-fortune-result {
	padding: 0 28px 24px
}

.pcgh-fortune-result__grid {
	grid-template-columns: minmax(280px,.92fr) minmax(320px,1.08fr);
	align-items: stretch
}

.pcgh-fortune-result__main {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 18px 20px
}

.pcgh-fortune-result__main img,.pcgh-fortune-result__placeholder {
	height: 170px;
	object-fit: contain;
	background: linear-gradient(160deg,#fff2ec,#f4edff)
}

.pcgh-fortune-result__side {
	padding: 20px
}

.pcgh-fortune-result__side li {
	grid-template-columns: 38px minmax(0,1fr) auto;
	padding: 12px;
	border-bottom: 1px solid #edf0fb;
	border-radius: 0;
	background: transparent
}

.pcgh-fortune-result__side li:last-child {
	border-bottom: 0
}

.pcgh-fortune-cost {
	grid-template-columns: auto repeat(3,minmax(0,1fr));
	align-items: center;
	gap: 10px;
	margin-top: 16px;
	padding: 14px 16px;
	background: linear-gradient(135deg,#f6f8ff,#eef3ff)
}

.pcgh-fortune-cost i {
	grid-row: auto;
	width: 34px;
	height: 34px;
	padding: 7px;
	border-radius: 12px;
	background: #fff7e6
}

.pcgh-fortune-cost span {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2px;
	min-width: 0
}

.pcgh-fortune-cost em {
	color: #69758d;
	font-size: 12px;
	font-style: normal
}

.pcgh-fortune-cost b {
	color: #7c3aed;
	font-size: 20px;
	line-height: 1
}

.pcgh-fortune-cost small {
	color: #7a869d;
	font-size: 12px
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-result__side li {
	border-bottom-color: rgba(148,163,184,.14);
	background: transparent
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-cost {
	background: rgba(30,41,59,.72)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-cost i {
	background: rgba(245,158,11,.12)
}

@media(max-width:760px) {
	.pcgh-tree-hole-fortune-modal__panel {
		width: calc(100vw - 20px)
	}

	.pcgh-fortune-result {
		padding: 0 14px 18px
	}

	.pcgh-fortune-result__grid {
		grid-template-columns: 1fr;
		padding-left: 0;
		padding-right: 0
	}

	.pcgh-fortune-result__main img,.pcgh-fortune-result__placeholder {
		height: 210px
	}

	.pcgh-fortune-cost {
		grid-template-columns: 1fr 1fr
	}

	.pcgh-fortune-cost i {
		display: none
	}

	.pcgh-fortune-preview__image+.pcgh-fortune-preview__card {
		margin-top: 72px
	}
}

@media(max-width:460px) {
	.pcgh-fortune-cost {
		grid-template-columns: 1fr
	}

	.pcgh-fortune-result__side li {
		grid-template-columns: 32px minmax(0,1fr)
	}

	.pcgh-fortune-result__side li strong {
		grid-column: 2
	}
}

.pcgh-tree-hole-hero__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 24px
}

.pcgh-tree-hole-create-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	max-width: 320px;
	padding: 13px 18px 13px 14px;
	border: 0;
	border-radius: 18px;
	background: var(--pcgh-primary,#6d5dfc);
	color: #fff;
	box-shadow: none;
	cursor: pointer;
	transition: transform .18s,box-shadow .18s,filter .18s
}

.pcgh-tree-hole-create-btn:hover {
	transform: translateY(-2px);
	box-shadow: none;
	filter: saturate(1.06)
}

.pcgh-tree-hole-create-btn i {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	padding: 8px;
	border-radius: 14px;
	background: rgba(255,255,255,.18)
}

.pcgh-tree-hole-create-btn span {
	display: grid;
	gap: 2px;
	text-align: left
}

.pcgh-tree-hole-create-btn strong {
	font-size: 15px;
	line-height: 1.2
}

.pcgh-tree-hole-create-btn small {
	color: rgba(255,255,255,.82);
	font-size: 12px;
	line-height: 1.35
}

.pcgh-tree-hole-hero__publish-card {
	display: grid;
	grid-template-columns: 56px minmax(0,1fr) auto;
	align-items: center;
	gap: 14px;
	max-width: 470px;
	margin-top: 24px;
	padding: 14px 16px;
	border: 1px solid rgba(226,232,240,.82);
	border-radius: 20px;
	background: rgba(255,255,255,.86);
	box-shadow: 0 16px 38px rgba(80,107,155,.12);
	backdrop-filter: blur(12px)
}

.pcgh-tree-hole-hero__publish-icon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 18px;
	background: transparent;
	box-shadow: none;
	overflow: hidden
}

.pcgh-tree-hole-hero__publish-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.pcgh-tree-hole-hero__publish-icon i {
	width: 28px;
	height: 28px;
	color: #9a6a1b
}

.pcgh-tree-hole-hero__publish-text {
	min-width: 0
}

.pcgh-tree-hole-hero__publish-text strong {
	display: block;
	color: #1f2a44;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.25
}

.pcgh-tree-hole-hero__publish-text span {
	display: block;
	margin-top: 4px;
	color: #8793a7;
	font-size: 12px;
	font-weight: 700
}

.pcgh-tree-hole-hero__publish-card .pcgh-tree-hole-create-btn {
	max-width: none;
	min-height: 42px;
	padding: 0 17px;
	border-radius: 13px;
	font-size: 13px;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: none
}

.pcgh-tree-hole-hero__publish-card .pcgh-tree-hole-create-btn i {
	width: 17px;
	height: 17px;
	padding: 0;
	border-radius: 0;
	background: transparent
}

.pcgh-tree-hole-hero__badges {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 12px;
	max-width: 560px;
	margin-top: 18px
}

.pcgh-tree-hole-hero__badges span {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid rgba(226,232,240,.76);
	border-radius: 16px;
	background: rgba(255,255,255,.7);
	box-shadow: 0 10px 24px rgba(80,107,155,.08)
}

.pcgh-tree-hole-hero__badges i {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: #6d5dfc
}

.pcgh-tree-hole-hero__badges b {
	color: #344258;
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap
}

.pcgh-tree-hole-hero__badges small {
	min-width: 0;
	color: #98a4b6;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pcgh-tree-hole-publish-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	padding: 24px
}

.pcgh-tree-hole-publish-modal[hidden] {
	display: none!important
}

.pcgh-tree-hole-publish-modal__mask {
	position: absolute;
	inset: 0;
	background: rgba(15,23,42,.56);
	backdrop-filter: blur(10px)
}

.pcgh-tree-hole-publish-modal__panel {
	position: relative;
	z-index: 1;
	width: min(1280px,calc(100vw - 28px));
	max-height: none;
	border: 1px solid rgba(226,232,240,.9);
	border-radius: 34px;
	background: transparent;
	box-shadow: 0 28px 80px rgba(15,23,42,.26);
	overflow: hidden
}

.pcgh-tree-hole-publish-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 999px;
	background: rgba(255,255,255,.86);
	color: #64748b;
	box-shadow: 0 8px 24px rgba(15,23,42,.12);
	cursor: pointer
}

.pcgh-tree-hole-publish-modal__close i {
	width: 18px;
	height: 18px
}

.pcgh-tree-hole-publish-modal__content {
	max-height: none;
	border-radius: inherit;
	overflow: hidden
}

.pcgh-tree-hole-publish__shell {
	background: linear-gradient(180deg,#f8fbff 0,#fff 42%,#fff 100%)
}

.pcgh-tree-hole-publish__hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0,1fr) 220px;
	align-items: center;
	gap: 18px;
	min-height: 190px;
	padding: 34px 38px 26px;
	background: radial-gradient(circle at 86% 15%,rgba(249,115,183,.2),transparent 34%),linear-gradient(135deg,#eef6ff,#fff4fb)
}

.pcgh-tree-hole-publish__eyebrow {
	display: inline-flex;
	margin-bottom: 10px;
	padding: 5px 11px;
	border-radius: 999px;
	background: rgba(109,93,252,.1);
	color: #6d5dfc;
	font-size: 12px;
	font-weight: 900
}

.pcgh-tree-hole-publish__hero h2 {
	margin: 0;
	color: #1e293b;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -.03em
}

.pcgh-tree-hole-publish__hero p {
	max-width: 470px;
	margin: 10px 0 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.8
}

.pcgh-tree-hole-publish__hero-art {
	height: 136px;
	border-radius: 28px;
	background: radial-gradient(circle at 50% 42%,#fff 0 20%,transparent 21%),radial-gradient(circle at 52% 38%,#8b5cf6 0 2%,transparent 2.6%),linear-gradient(145deg,#dbeafe,#fde68a 52%,#fbcfe8);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.7),0 18px 40px rgba(109,93,252,.16)
}

.pcgh-tree-hole-publish__form {
	padding: 24px 38px 32px
}

.pcgh-tree-hole-publish__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
	padding: 14px;
	border: 1px solid #e8eef8;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(31,60,110,.06)
}

.pcgh-tree-hole-publish__meta img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover
}

.pcgh-tree-hole-publish__meta strong {
	display: block;
	color: #27344d;
	font-size: 14px
}

.pcgh-tree-hole-publish__meta p {
	margin: 3px 0 0;
	color: #7b8799;
	font-size: 12px
}

.pcgh-tree-hole-publish__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 16px
}

.pcgh-tree-hole-publish__field {
	margin: 0
}

.pcgh-tree-hole-publish__field--wide {
	grid-column: 1/-1
}

.pcgh-tree-hole-publish__field label {
	display: block;
	margin-bottom: 8px;
	color: #334155;
	font-size: 13px;
	font-weight: 900
}

.pcgh-tree-hole-publish__field input,.pcgh-tree-hole-publish__field select,.pcgh-tree-hole-publish__field textarea {
	width: 100%;
	border: 1px solid #e4eaf5;
	border-radius: 14px;
	background: #fff;
	color: #1f2937;
	font-size: 14px;
	outline: 0;
	transition: border-color .18s,box-shadow .18s
}

.pcgh-tree-hole-publish__field input,.pcgh-tree-hole-publish__field select {
	height: 44px;
	padding: 0 13px
}

.pcgh-tree-hole-publish__field textarea {
	min-height: 132px;
	padding: 12px 13px;
	resize: vertical
}

.pcgh-tree-hole-publish__field input:focus,.pcgh-tree-hole-publish__field select:focus,.pcgh-tree-hole-publish__field textarea:focus {
	border-color: #a5b4fc;
	box-shadow: 0 0 0 4px rgba(109,93,252,.11)
}

.pcgh-tree-hole-publish__field small,.pcgh-tree-hole-publish__field span {
	display: block;
	margin-top: 7px;
	color: #8a96aa;
	font-size: 12px;
	line-height: 1.5
}

.pcgh-tree-hole-publish__random-cover {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 14px;
	border: 0;
	border-radius: 999px;
	background: #eef3ff;
	color: #4f46e5;
	font-weight: 900;
	cursor: pointer
}

.pcgh-tree-hole-publish__cover-preview {
	display: block;
	width: min(100%,176px);
	aspect-ratio: 4/2.5;
	height: auto;
	margin-top: 10px;
	border: 1px solid #e5ebf6;
	border-radius: 16px;
	background: linear-gradient(135deg,#eef2ff,#fff7ed) center/cover no-repeat;
	overflow: hidden
}

.pcgh-tree-hole-publish__cover-preview.is-empty::before {
	content: '封面预览';
	display: grid;
	place-items: center;
	height: 100%;
	color: #94a3b8;
	font-size: 12px;
	font-weight: 800
}

.pcgh-tree-hole-publish__field--mood {
	margin-top: -14px
}

.pcgh-tree-hole-publish__tags {
	display: flex;
	flex-wrap: nowrap;
	gap: 7px;
	overflow-x: auto;
	padding-bottom: 2px;
	scrollbar-width: none
}

.pcgh-tree-hole-publish__tags::-webkit-scrollbar {
	display: none
}

.pcgh-tree-hole-publish__tags button {
	padding: 7px 11px 7px 9px;
	border: 1px solid #e5eaf5;
	border-radius: 999px;
	background: #fff;
	color: #68758c;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
	transition: border-color .18s,background .18s,color .18s,transform .18s
}

.pcgh-tree-hole-publish__tags button span {
	display: inline-grid;
	place-items: center;
	width: 21px;
	height: 21px;
	margin: 0 5px 0 0;
	border-radius: 50%;
	background: #f8fafc;
	font-size: 13px;
	line-height: 1
}

.pcgh-tree-hole-publish__tags button:hover {
	border-color: #c7d2fe;
	background: #eef2ff;
	color: #4f46e5
}

.pcgh-tree-hole-publish__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #edf1f8
}

.pcgh-tree-hole-publish__anonymous {
	color: #64748b;
	font-size: 13px;
	font-weight: 800
}

.pcgh-tree-hole-publish__actions>div {
	display: flex;
	gap: 10px
}

.pcgh-tree-hole-publish__actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 18px;
	border: 1px solid #e4eaf5;
	border-radius: 999px;
	background: #fff;
	color: #64748b;
	font-weight: 900;
	cursor: pointer
}

.pcgh-tree-hole-publish__actions .button-primary {
	border-color: transparent;
	background: var(--pcgh-primary,#6d5dfc);
	color: #fff;
	box-shadow: none
}

.pcgh-tree-hole-publish__message {
	min-height: 20px;
	margin: 12px 0 0;
	color: #6d5dfc;
	font-size: 13px;
	font-weight: 800
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish-modal__panel {
	border-color: rgba(148,163,184,.18);
	background: #0f172a;
	box-shadow: 0 28px 90px rgba(0,0,0,.5)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__shell {
	background: linear-gradient(180deg,#111827 0,#0f172a 42%,#0f172a 100%)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__hero {
	background: radial-gradient(circle at 86% 15%,rgba(249,115,183,.16),transparent 34%),linear-gradient(135deg,#111827,#1e1b4b)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__hero h2,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__field label,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__meta strong {
	color: var(--pcgh-text,#e5e7eb)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__hero p,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__meta p,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__anonymous {
	color: var(--pcgh-text-2,#94a3b8)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__meta,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__field input,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__field select,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__field textarea,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__tags button,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__actions .button {
	border-color: rgba(148,163,184,.18);
	background: rgba(15,23,42,.72);
	color: var(--pcgh-text,#e5e7eb)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__actions .button-primary {
	border-color: transparent;
	background: var(--pcgh-primary,#6d5dfc);
	color: #fff;
	box-shadow: none
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__actions {
	border-top-color: rgba(148,163,184,.14)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__cover-preview {
	border-color: rgba(148,163,184,.18);
	background-color: rgba(30,41,59,.86)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__publish-card,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__badges span {
	border-color: rgba(148,163,184,.16);
	background: rgba(15,23,42,.7);
	box-shadow: 0 16px 38px rgba(0,0,0,.24)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__publish-text strong,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__badges b {
	color: var(--pcgh-text,#e5e7eb)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__publish-text span,html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__badges small {
	color: var(--pcgh-text-2,#94a3b8)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-hero__publish-icon {
	background: radial-gradient(circle at 50% 35%,rgba(255,255,255,.9) 0 20%,transparent 21%),linear-gradient(145deg,#3b2b18,#7c4a11)
}

@media(max-width:760px) {
	.pcgh-tree-hole-create-btn {
		width: 100%;
		max-width: none
	}

	.pcgh-tree-hole-hero__publish-card {
		grid-template-columns: 48px minmax(0,1fr);
		gap: 12px;
		max-width: none;
		padding: 13px
	}

	.pcgh-tree-hole-hero__publish-icon {
		width: 48px;
		height: 48px;
		border-radius: 16px
	}

	.pcgh-tree-hole-hero__publish-card .pcgh-tree-hole-create-btn {
		grid-column: 1/-1;
		width: 100%
	}

	.pcgh-tree-hole-hero__badges {
		grid-template-columns: 1fr;
		gap: 8px;
		max-width: none
	}

	.pcgh-tree-hole-hero__badges span {
		padding: 9px 11px
	}

	.pcgh-tree-hole-publish-modal {
		padding: 10px
	}

	.pcgh-tree-hole-publish-modal__panel {
		width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		border-radius: 22px
	}

	.pcgh-tree-hole-publish__hero {
		grid-template-columns: 1fr;
		padding: 28px 20px 22px
	}

	.pcgh-tree-hole-publish__hero-art {
		display: none
	}

	.pcgh-tree-hole-publish__form {
		padding: 20px
	}

	.pcgh-tree-hole-publish__grid {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-publish__actions {
		align-items: stretch;
		flex-direction: column
	}

	.pcgh-tree-hole-publish__actions>div {
		width: 100%
	}

	.pcgh-tree-hole-publish__actions .button {
		flex: 1
	}
}

.pcgh-tree-hole-publish__shell--shot {
	background: #fff;
	font-family: inherit
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__form {
	padding: 24px 32px 18px
}

.pcgh-tree-hole-publish__title {
	margin: 0 0 20px;
	color: #21304a;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
	letter-spacing: .02em
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__meta {
	gap: 13px;
	margin: 0 0 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__meta img {
	width: 56px;
	height: 56px;
	box-shadow: 0 6px 18px rgba(91,140,255,.18)
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__meta strong {
	color: #34445f;
	font-size: 15px;
	font-weight: 900
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__meta p {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	color: #7d8ba1;
	font-size: 13px;
	font-weight: 700
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__meta p i {
	width: 14px;
	height: 14px;
	color: #765cff
}

.pcgh-tree-hole-publish__meta-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	white-space: nowrap
}

.pcgh-tree-hole-publish__meta-actions .pcgh-tree-hole-publish__reply-check {
	margin-top: 0
}

.pcgh-tree-hole-publish__meta-actions .pcgh-tree-hole-publish__actions {
	margin-top: 0
}

.pcgh-tree-hole-publish__meta-actions .pcgh-tree-hole-publish__actions .button {
	width: auto;
	min-width: 126px;
	height: 38px;
	min-height: 38px;
	padding: 0 16px;
	border-radius: 12px;
	font-size: 13px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__meta > div:not(.pcgh-tree-hole-publish__meta-actions) {
	min-width: 0
}

@media(max-width:760px) {
	.pcgh-tree-hole-publish__meta-actions {
		flex-basis: 100%;
		justify-content: space-between;
		margin-left: 0
	}

	.pcgh-tree-hole-publish__meta-actions .pcgh-tree-hole-publish__actions .button {
		min-width: 118px
	}
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__grid {
	grid-template-columns: 1fr;
	gap: 22px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field label {
	margin-bottom: 11px;
	color: #44546b;
	font-size: 14px;
	font-weight: 900
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field label span {
	display: inline;
	margin: 0;
	color: #8d99aa;
	font-size: 13px;
	font-weight: 800
}

.pcgh-tree-hole-publish__shell--shot select[name="topic_id"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	overflow: hidden
}

.pcgh-tree-hole-publish__topic-pills {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding-bottom: 2px;
	scrollbar-width: none
}

.pcgh-tree-hole-publish__topic-pills::-webkit-scrollbar {
	display: none
}

.pcgh-tree-hole-publish__topic-pills button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 86px;
	height: 36px;
	padding: 0 13px;
	border: 1px solid #e4eaf4;
	border-radius: 13px;
	background: #fff;
	color: #5f6d82;
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(31,60,110,.04);
	cursor: pointer
}

.pcgh-tree-hole-publish__topic-pills button i {
	width: 15px;
	height: 15px
}

.pcgh-tree-hole-publish__topic-pills button.is-active {
	border-color: #86adff;
	background: #f5f9ff;
	color: #3b7cff;
	box-shadow: inset 0 0 0 1px rgba(91,140,255,.1)
}

.pcgh-tree-hole-publish__textarea-wrap {
	position: relative
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field textarea {
	min-height: 106px;
	padding: 14px 16px 32px;
	border-color: #dfe6f2;
	border-radius: 13px;
	box-shadow: none;
	resize: none
}

.pcgh-tree-hole-publish__textarea-wrap em {
	position: absolute;
	right: 13px;
	bottom: 10px;
	color: #8794a8;
	font-size: 12px;
	font-style: normal;
	font-weight: 800
}

.pcgh-tree-hole-publish__textarea-wrap b {
	font-weight: 900
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-row {
	display: flex;
	align-items: center;
	gap: 13px;
	flex-wrap: wrap
}

.pcgh-tree-hole-publish__upload-cover,
.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__random-cover {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 112px;
	height: 52px;
	min-height: 52px;
	padding: 0;
	border: 1px solid #e0e7f4;
	border-radius: 9px;
	background: #fff;
	color: #435168;
	font-size: 13px;
	font-weight: 900;
	box-shadow: 0 6px 16px rgba(31,60,110,.05)
}

.pcgh-tree-hole-publish__upload-cover {
	color: #725cff
}

.pcgh-tree-hole-publish__upload-cover i,
.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__random-cover i {
	width: 17px;
	height: 17px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-preview {
	width: 112px;
	height: 63px;
	aspect-ratio: auto;
	margin: 0;
	border: 0;
	border-radius: 8px;
	background-image: url('https://www.bing.com/th?q=fantasy%20game%20floating%20island%20wallpaper&c=7&rs=1&p=0&o=5&pid=1.7&mkt=zh-CN');
	background-color: #eef4ff;
	background-position: center;
	background-size: cover
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-preview.is-empty::before {
	content: none
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field small {
	margin-top: 8px;
	color: #95a1b2;
	font-size: 11px;
	font-weight: 700
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field--mood {
	margin-top: -3px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags {
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 1px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 30px;
	padding: 0 10px;
	border-color: #e2e8f2;
	border-radius: 999px;
	background: #fff;
	color: #4d5b70;
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(31,60,110,.04)
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags button span {
	width: auto;
	height: auto;
	margin: 0;
	background: transparent;
	font-size: 13px
}

.pcgh-tree-hole-publish__reply-check {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 22px;
	color: #5f6d82;
	font-size: 13px;
	font-weight: 900
}

.pcgh-tree-hole-publish__reply-check input {
	width: 16px;
	height: 16px;
	accent-color: var(--pcgh-primary,#6d5dfc)
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions {
	gap: 20px;
	margin-top: 20px;
	padding-top: 0;
	border-top: 0
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions .button {
	flex: 1;
	height: 50px;
	min-height: 50px;
	border-radius: 8px;
	border-color: #dfe6f3;
	background: #f8faff;
	color: #8062ff;
	font-size: 15px;
	font-weight: 900;
	box-shadow: none
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions .button-primary {
	gap: 7px;
	border-color: transparent;
	background: var(--pcgh-primary,#765cff);
	color: #fff
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions .button-primary i {
	width: 17px;
	height: 17px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__message {
	margin-top: 8px;
	min-height: 18px
}

@media(min-width:761px) {
	.pcgh-tree-hole-publish-modal__panel {
		width: min(1120px,calc(100vw - 32px));
		max-height: none;
		border-radius: 22px;
		box-shadow: 0 18px 58px rgba(48,67,103,.18)
	}

	.pcgh-tree-hole-publish-modal__close {
		top: 17px;
		right: 16px;
		width: 24px;
		height: 24px;
		background: transparent;
		box-shadow: none
	}
}

@media(max-width:760px) {
	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__form {
		padding: 22px 20px 18px
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions {
		flex-direction: row
	}

	.pcgh-tree-hole-publish__topic-pills button {
		min-width: 82px
	}
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__shell--shot {
	background: #0f172a
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__title {
	color: var(--pcgh-text,#e5e7eb)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__topic-pills button,
html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions .button {
	border-color: rgba(148,163,184,.18);
	background: rgba(15,23,42,.72);
	color: var(--pcgh-text,#e5e7eb)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__topic-pills button.is-active {
	border-color: rgba(118,92,255,.72);
	background: rgba(118,92,255,.16);
	color: #c4b5fd
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions .button-primary {
	background: var(--pcgh-primary,#765cff);
	color: #fff
}

.pcgh-tree-hole-publish-modal,
.pcgh-tree-hole-publish-modal__panel,
.pcgh-tree-hole-publish-modal__content,
.pcgh-tree-hole-publish__shell--shot,
.pcgh-tree-hole-publish__shell--shot * {
	box-sizing: border-box
}

.pcgh-tree-hole-publish-modal__content {
	overflow: visible
}

.pcgh-tree-hole-publish__shell--shot,
.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__form {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden
}

.pcgh-tree-hole-publish__cover-url {
	width: 100%;
	margin-bottom: 10px
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-url input {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #dfe6f2;
	border-radius: 10px;
	background: #fff;
	color: #27344d;
	font-size: 13px;
	font-weight: 700;
	box-shadow: none
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-url input::placeholder {
	color: #9aa6b8
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__topic-pills,
.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags {
	max-width: 100%;
	padding-bottom: 0
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__topic-pills {
	display: grid;
	grid-template-columns: repeat(5,minmax(0,1fr));
	gap: 8px;
	overflow-x: hidden
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 8px;
	overflow-x: hidden
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__topic-pills button {
	min-width: 0;
	width: 100%
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags button {
	justify-content: center;
	min-width: 0;
	width: 100%
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-row {
	display: grid;
	grid-template-columns: 112px minmax(0,1fr);
	align-items: center;
	gap: 12px;
	max-width: 100%;
	overflow: hidden
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__random-cover {
	width: 112px;
	max-width: 100%
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-preview {
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16/9
}

.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__actions .button-primary {
	width: 100%
}

html[data-pcgh-theme-resolved="dark"] .pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-url input {
	border-color: rgba(148,163,184,.18);
	background: rgba(15,23,42,.72);
	color: var(--pcgh-text,#e5e7eb)
}

@media(min-width:761px) {
	.pcgh-tree-hole-publish-modal__panel {
		width: min(860px,calc(100vw - 48px))
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__form {
		padding: 26px 34px 22px
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__grid {
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		align-items: start;
		gap: 18px 22px
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field--topics,
	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field--content {
		grid-column: 1/-1
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field--cover,
	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field--mood {
		grid-column: auto
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__field textarea {
		min-height: 96px
	}
}

@media(max-width:480px) {
	.pcgh-tree-hole-publish-modal {
		padding: 8px
	}

	.pcgh-tree-hole-publish-modal__panel {
		width: calc(100vw - 16px);
		max-height: calc(100vh - 16px)
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__form {
		padding: 20px 14px 16px
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__topic-pills {
		grid-template-columns: repeat(2,minmax(0,1fr))
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__tags {
		grid-template-columns: repeat(3,minmax(0,1fr))
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__cover-row {
		grid-template-columns: 1fr
	}

	.pcgh-tree-hole-publish__shell--shot .pcgh-tree-hole-publish__random-cover {
		width: 100%
	}
}

.pcgh-tree-hole-fortune-modal__panel {
	width: fit-content;
	max-width: min(740px,calc(100vw - 32px))
}

.pcgh-fortune-draw__grid {
	grid-template-columns: minmax(190px,260px) minmax(280px,330px);
	justify-content: center;
	align-items: stretch;
	gap: 14px;
	max-width: 100%;
	box-sizing: border-box
}

.pcgh-fortune-preview {
	width: 100%;
	max-width: 260px;
	justify-self: center;
	min-height: 238px
}

.pcgh-fortune-preview__card {
	width: min(152px,70%);
	padding: 18px 12px
}

.pcgh-fortune-picker {
	width: 100%;
	max-width: 330px;
	justify-self: center;
	padding: 22px 18px;
	box-sizing: border-box
}

.pcgh-fortune-picker h3 {
	margin-bottom: 18px
}

.pcgh-fortune-cards {
	gap: 12px;
	margin-bottom: 18px
}

.pcgh-fortune-cards button {
	width: clamp(66px,7vw,76px);
	height: clamp(98px,11vw,112px);
	border-color: color-mix(in srgb,var(--pcgh-primary,#6d5dfc) 46%,#fff 54%);
	background: linear-gradient(150deg,color-mix(in srgb,var(--pcgh-primary,#6d5dfc) 12%,#fff 88%),color-mix(in srgb,var(--pcgh-primary,#6d5dfc) 44%,#fff 56%));
	box-shadow: 0 12px 26px rgba(var(--pcgh-primary-rgb,109,93,252),.18)
}

.pcgh-fortune-draw__button,
.pcgh-fortune-share {
	background: linear-gradient(135deg,var(--pcgh-primary,#6d5dfc),color-mix(in srgb,var(--pcgh-primary,#6d5dfc) 78%,#111827 22%))
}

.pcgh-fortune-draw__button {
	box-shadow: none
}

.pcgh-fortune-share {
	box-shadow: 0 12px 26px rgba(var(--pcgh-primary-rgb,109,93,252),.24)
}

.pcgh-fortune-preview__card strong,
.pcgh-fortune-result__main strong,
.pcgh-fortune-tags span,
.pcgh-fortune-advice b,
.pcgh-fortune-result__side h3,
.pcgh-fortune-result__side li>i,
.pcgh-fortune-result__side li strong,
.pcgh-fortune-cost b,
.pcgh-fortune-history {
	color: var(--pcgh-primary,#6d5dfc)
}

.pcgh-fortune-tags span,
html[data-pcgh-theme-resolved="dark"] .pcgh-fortune-tags span {
	background: rgba(var(--pcgh-primary-rgb,109,93,252),.1);
	color: var(--pcgh-primary,#6d5dfc)
}

.pcgh-fortune-rules span:not(:first-child) i {
	background: var(--pcgh-primary,#6d5dfc)
}

.pcgh-fortune-scroll {
	color: var(--pcgh-primary,#6d5dfc);
	box-shadow: 0 18px 40px rgba(var(--pcgh-primary-rgb,109,93,252),.16)
}

.pcgh-fortune-status {
	width: 100%;
	max-width: 100%;
	margin: 10px 0;
	padding: 0 4px;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: anywhere;
	line-height: 1.45;
	text-align: center
}

.pcgh-fortune-history {
	max-width: 100%
}

@media(max-width:360px) {
	.pcgh-fortune-status {
		font-size: 12px
	}
}

@media(max-width:760px) {
	.pcgh-tree-hole-fortune-modal__panel {
		width: calc(100vw - 20px);
		max-width: calc(100vw - 20px)
	}

	.pcgh-fortune-draw__grid {
		grid-template-columns: minmax(0,1fr);
		padding-left: 14px;
		padding-right: 14px
	}

	.pcgh-fortune-preview {
		max-width: min(100%,300px);
		min-height: 230px
	}

	.pcgh-fortune-picker {
		max-width: min(100%,330px);
		padding: 20px 14px
	}

	.pcgh-fortune-cards {
		gap: 9px
	}

	.pcgh-fortune-cards button {
		width: clamp(62px,22vw,76px);
		height: clamp(92px,32vw,112px)
	}

	.pcgh-fortune-draw__button {
		min-width: 0;
		width: 100%
	}
}