html,
body {
	scroll-behavior: auto;
}

body {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
}

body.is-mobile-menu-open {
	overflow: hidden;
}

.site-shell {
	background:
		linear-gradient(180deg, rgba(248, 250, 252, .98) 0%, rgba(241, 245, 249, .94) 100%),
		linear-gradient(90deg, rgba(30, 128, 255, .06), rgba(15, 118, 110, .04) 54%, rgba(183, 121, 31, .04));
}

.dark .site-shell {
	background:
		linear-gradient(180deg, rgba(2, 6, 23, .98) 0%, rgba(15, 23, 42, .96) 100%),
		linear-gradient(90deg, rgba(30, 128, 255, .12), rgba(15, 118, 110, .08) 54%, rgba(183, 121, 31, .07));
}

.breeze-panel {
	border: 1px solid rgba(148, 163, 184, .22);
	background: rgba(255, 255, 255, .86);
	box-shadow: 0 1px 0 rgba(255,255,255,.72) inset, 0 16px 42px rgba(15, 23, 42, .06);
	backdrop-filter: blur(18px);
}

.dark .breeze-panel {
	border-color: rgba(51, 65, 85, .72);
	background: rgba(15, 23, 42, .76);
	box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 18px 48px rgba(0, 0, 0, .22);
}

.breeze-dropdown {
	border: 1px solid rgba(148, 163, 184, .16);
	border-radius: .5rem;
	background: rgba(255, 255, 255, .95);
	backdrop-filter: blur(18px);
}

.dark .breeze-dropdown {
	border-color: rgba(51, 65, 85, .72);
	background: rgba(15, 23, 42, .96);
}

.breeze-kicker {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: #1e80ff;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.breeze-kicker::before {
	width: 1.625rem;
	height: 1px;
	background: currentColor;
	content: "";
	opacity: .72;
}

.breeze-nav-link {
	position: relative;
	display: inline-flex;
	height: 2.75rem;
	align-items: center;
	gap: .45rem;
	border-radius: .5rem;
	padding: 0 .75rem;
	font-size: .875rem;
	font-weight: 800;
	transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.breeze-nav-link:hover {
	transform: translateY(-1px);
}

.breeze-nav-link.is-active::after {
	position: absolute;
	right: .75rem;
	bottom: 0;
	left: .75rem;
	height: 2px;
	border-radius: 999px;
	background: #1e80ff;
	content: "";
}

.breeze-icon-button {
	display: inline-flex;
	height: 2.5rem;
	width: 2.5rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(148, 163, 184, .25);
	border-radius: .5rem;
	background: rgba(255, 255, 255, .86);
	color: #475569;
	box-shadow: 0 1px 2px rgba(15,23,42,.06);
	transition: border-color .2s ease, color .2s ease, transform .2s ease, background-color .2s ease;
}

.breeze-icon-button:hover {
	border-color: #1e80ff;
	color: #1e80ff;
	transform: translateY(-1px);
}

.dark .breeze-icon-button {
	border-color: rgba(51, 65, 85, .78);
	background: rgba(15, 23, 42, .86);
	color: #cbd5e1;
}

.breeze-card {
	position: relative;
	overflow: hidden;
}

.breeze-card::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: linear-gradient(180deg, #1e80ff, #0f766e 58%, #b7791f);
	content: "";
	opacity: 0;
	transition: opacity .2s ease;
}

.breeze-card:hover::before {
	opacity: 1;
}

.breeze-card:hover {
	box-shadow: 0 20px 48px rgba(15, 23, 42, .08);
}

.image-zoom img {
	transition: transform .45s ease, filter .45s ease;
}

.image-zoom:hover img {
	transform: scale(1.045);
	filter: saturate(1.06) contrast(1.03);
}

.carousel-slide {
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease, visibility .5s ease;
}

.carousel-slide.is-active {
	opacity: 1;
	visibility: visible;
}

.carousel-dot.is-active {
	width: 2.25rem;
	background: #fff;
}

.mobile-nav-panel[hidden] {
	display: none;
}

.mobile-nav-group[open] {
	background: rgba(239, 246, 255, .74);
}

.dark .mobile-nav-group[open] {
	background: rgba(15, 23, 42, .94);
}

.mobile-nav-group summary::-webkit-details-marker {
	display: none;
}

.mobile-nav-group summary::after {
	color: #94a3b8;
	content: "+";
	font-weight: 900;
}

.mobile-nav-group[open] summary::after {
	content: "-";
}

.article-content,
.pay-content {
	color: #27364a;
	font-size: 17px;
	line-height: 1.92;
	overflow-wrap: anywhere;
}

.dark .article-content,
.dark .pay-content {
	color: #cbd5e1;
}

.article-content p,
.pay-content p {
	margin: 0 0 1.1rem;
}

.article-content h1,
.article-content h2,
.article-content h3,
.pay-content h1,
.pay-content h2,
.pay-content h3 {
	margin: 1.75rem 0 .75rem;
	color: #111827;
	font-weight: 900;
	line-height: 1.3;
}

.dark .article-content h1,
.dark .article-content h2,
.dark .article-content h3,
.dark .pay-content h1,
.dark .pay-content h2,
.dark .pay-content h3 {
	color: #fff;
}

.article-content h1,
.pay-content h1 {
	font-size: 1.9rem;
}

.article-content h2,
.pay-content h2 {
	font-size: 1.45rem;
	padding-top: .35rem;
	border-top: 1px solid rgba(148, 163, 184, .20);
}

.article-content h3,
.pay-content h3 {
	font-size: 1.25rem;
}

.article-content a,
.pay-content a {
	color: #1e80ff;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgba(30, 128, 255, .28);
	text-underline-offset: 4px;
}

.article-content img,
.pay-content img {
	height: auto;
	margin: 1.35rem 0;
	border-radius: .5rem;
	box-shadow: 0 12px 36px rgba(15, 23, 42, .08);
}

.article-content blockquote,
.pay-content blockquote {
	margin: 1rem 0;
	padding: 1rem 1.1rem;
	border-left: 3px solid #1e80ff;
	border-radius: .5rem;
	background: linear-gradient(90deg, rgba(30,128,255,.08), rgba(15,118,110,.05));
	color: #475569;
}

.dark .article-content blockquote,
.dark .pay-content blockquote {
	background: #0f172a;
	color: #cbd5e1;
}

.article-content ul,
.article-content ol,
.pay-content ul,
.pay-content ol {
	margin: 1rem 0;
	padding-left: 1.25rem;
}

.article-content li,
.pay-content li {
	margin: .38rem 0;
}

.article-content pre,
.pay-content pre {
	margin: 1rem 0;
	overflow: auto;
	border-radius: .75rem;
	background: #0f172a;
	padding: 1rem;
	color: #e2e8f0;
}

.pay-blur {
	filter: blur(4px);
	pointer-events: none;
	user-select: none;
}

.comment-tree {
	display: grid;
	gap: .25rem;
}

.comment-node {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: .9rem;
	padding: 1.1rem 0;
	border-top: 1px solid rgba(148, 163, 184, .18);
}

.comment-tree > .comment-node:first-child {
	padding-top: 0;
	border-top: 0;
}

.comment-avatar {
	display: flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 999px;
	color: #fff;
	font-weight: 900;
}

.comment-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.comment-body {
	min-width: 0;
}

.comment-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
	color: #64748b;
	font-size: .86rem;
}

.dark .comment-head {
	color: #94a3b8;
}

.comment-body p {
	margin: .7rem 0 0;
	word-break: break-word;
	line-height: 1.75;
}

.comment-reply-target {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	margin-top: .45rem;
	border-radius: .45rem;
	background: rgba(30, 128, 255, .08);
	padding: .28rem .55rem;
	color: #1e80ff;
	font-size: .78rem;
	font-weight: 800;
}

.dark .comment-reply-target {
	background: rgba(30, 128, 255, .14);
	color: #9fc9ff;
}

.comment-reply {
	margin-top: .7rem;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	border: 0;
	background: transparent;
	color: #1e80ff;
	font-size: .82rem;
	font-weight: 800;
	cursor: pointer;
}

.breeze-action-button {
	display: inline-flex;
	height: 2.75rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(148, 163, 184, .28);
	border-radius: .5rem;
	background: rgba(255, 255, 255, .88);
	padding: 0 1.15rem;
	color: #475569;
	font-size: .875rem;
	font-weight: 900;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
	transition: transform .2s ease, color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.breeze-action-button:hover {
	border-color: #1e80ff;
	color: #1e80ff;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(30, 128, 255, .12);
}

.breeze-action-button.is-primary {
	border-color: #1e80ff;
	background: #1e80ff;
	color: #fff;
}

.breeze-action-button.is-primary:hover {
	background: #1171ee;
	color: #fff;
}

.breeze-action-button.is-active {
	border-color: rgba(245, 158, 11, .38);
	background: rgba(255, 251, 235, .92);
	color: #d97706;
}

.breeze-action-button.is-primary.is-active {
	border-color: #ef4444;
	background: #ef4444;
	color: #fff;
}

.breeze-action-button:disabled {
	cursor: not-allowed;
	opacity: .72;
	transform: none;
}

.dark .breeze-action-button {
	border-color: rgba(51, 65, 85, .78);
	background: rgba(15, 23, 42, .88);
	color: #cbd5e1;
}

.dark .breeze-action-button.is-primary {
	border-color: #1e80ff;
	background: #1e80ff;
	color: #fff;
}

.dark .breeze-action-button.is-active:not(.is-primary) {
	border-color: rgba(245, 158, 11, .35);
	background: rgba(69, 45, 13, .52);
	color: #fbbf24;
}

.breeze-neighbor-card {
	min-height: 9rem;
	text-decoration: none;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.breeze-neighbor-card:hover {
	border-color: rgba(30, 128, 255, .34);
	transform: translateY(-2px);
	box-shadow: 0 20px 48px rgba(15, 23, 42, .09);
}

#articleActionMessage[data-type="success"],
#commentMessage[data-type="success"],
#unlockMessage[data-type="success"] {
	color: #0f9f8a;
	font-weight: 800;
}

#articleActionMessage[data-type="warning"],
#commentMessage[data-type="warning"],
#unlockMessage[data-type="warning"] {
	color: #d97706;
	font-weight: 800;
}

#articleActionMessage[data-type="error"],
#commentMessage[data-type="error"],
#unlockMessage[data-type="error"] {
	color: #dc2626;
	font-weight: 800;
}

.loading-dot {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
}

.loading-dot::after {
	width: .9rem;
	height: .9rem;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 999px;
	content: "";
	animation: breeze-spin .85s linear infinite;
}

@keyframes breeze-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1023px) {
	.breeze-nav-link {
		padding: 0 .5rem;
	}
}

/* xfabe-inspired resource blog skin */
.site-shell {
	background:
		linear-gradient(180deg, rgba(241, 241, 241, .98), rgba(247, 249, 252, .96)),
		radial-gradient(circle at 12% 10%, rgba(64, 158, 255, .08), transparent 28%),
		radial-gradient(circle at 88% 0%, rgba(84, 181, 219, .07), transparent 30%);
	color: #3b5160;
}

.dark .site-shell {
	background:
		linear-gradient(180deg, rgba(10, 15, 23, .99), rgba(15, 23, 42, .98)),
		radial-gradient(circle at 12% 10%, rgba(64, 158, 255, .12), transparent 30%),
		radial-gradient(circle at 88% 0%, rgba(84, 181, 219, .09), transparent 34%);
	color: #dbe7f3;
}

.top-header {
	background: transparent;
	will-change: transform;
}

.top-header.is-hidden {
	pointer-events: none;
}

.top-bar {
	width: 100%;
	border-bottom: 1px solid rgba(226, 232, 240, .86);
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 5px 40px rgba(17, 58, 93, .10);
	backdrop-filter: blur(16px);
}

.dark .top-bar {
	border-color: rgba(51, 65, 85, .78);
	background: rgba(15, 23, 42, .95);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

.top-rank-strip {
	border-bottom: 1px solid rgba(226, 232, 240, .78);
	background: rgba(255, 255, 255, .92);
	backdrop-filter: blur(14px);
}

.dark .top-rank-strip {
	border-color: rgba(51, 65, 85, .76);
	background: rgba(15, 23, 42, .92);
}

.top-rank-label,
.top-rank-more {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: .35rem;
	border-radius: .45rem;
	padding: 0 .6rem;
	font-size: .76rem;
	font-weight: 900;
}

.top-rank-label {
	background: rgba(64, 158, 255, .09);
	color: #409eff;
}

.dark .top-rank-label {
	background: rgba(64, 158, 255, .14);
}

.top-rank-more {
	margin-left: auto;
	background: #3b5160;
	color: #fff;
	text-decoration: none;
	transition: background-color .2s ease, transform .2s ease;
}

.top-rank-more:hover {
	background: #409eff;
	transform: translateY(-1px);
}

.top-rank-track {
	display: flex;
	min-width: 0;
	flex: 1;
	align-items: center;
	gap: .5rem;
	overflow: hidden;
}

.top-rank-item {
	display: inline-flex;
	min-width: 0;
	max-width: 100%;
	flex: 1;
	align-items: center;
	gap: .4rem;
	overflow: hidden;
	color: #3b5160;
	font-size: .78rem;
	font-weight: 800;
	padding: 0 .5rem;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

.top-rank-item:hover {
	color: #409eff;
	transform: translateY(-1px);
}

.dark .top-rank-item {
	color: #dbe7f3;
}

.top-rank-index {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	border-radius: .35rem;
	background: rgba(64, 158, 255, .12);
	font-size: .68rem;
	font-weight: 900;
}

.top-rank-title {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top-rank-meta {
	flex-shrink: 0;
	color: #94a3b8;
	font-size: .7rem;
}

.top-rank-empty {
	color: #64748b;
	font-size: .78rem;
	font-weight: 700;
}

.dark .top-rank-meta,
.dark .top-rank-empty {
	color: #94a3b8;
}

.site-logo {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: .75rem;
	color: #1f2c3d;
	text-decoration: none;
}

.dark .site-logo {
	color: #fff;
}

.site-logo-mark {
	display: inline-flex;
	width: 3rem;
	height: 3rem;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: .5rem;
	background: linear-gradient(135deg, #409eff, #54b5db);
	color: #fff;
	box-shadow: 0 12px 26px rgba(64, 158, 255, .22);
}

.site-logo-mark img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-logo-mark i {
	font-size: 1.45rem;
}

.xf-search {
	position: relative;
	max-width: 29rem;
	height: 2.35rem;
	align-items: center;
	border-radius: .5rem;
	background: #f3f5f6;
}

.dark .xf-search {
	background: #0f172a;
}

.xf-search-area {
	display: flex;
	min-width: 0;
	flex: 1;
	align-items: center;
	gap: .5rem;
	padding: 0 .9rem;
	color: #94a3b8;
}

.xf-search input {
	min-width: 0;
	width: 100%;
	border: 0;
	background: transparent;
	color: #3b5160;
	font-size: .875rem;
	font-weight: 700;
	outline: none;
}

.dark .xf-search input {
	color: #e5eef8;
}

.xf-search button {
	display: inline-flex;
	height: 2.35rem;
	align-items: center;
	gap: .3rem;
	border: 0;
	border-radius: 0 .5rem .5rem 0;
	padding: 0 .95rem;
	color: #fff;
	font-size: .84rem;
	font-weight: 900;
	transition: background-color .22s ease;
}

.xf-search button:hover {
	background: #54b5db;
}

.xf-search-suggestions {
	position: absolute;
	top: calc(100% + .55rem);
	left: 0;
	z-index: 30;
	display: none;
	width: min(34rem, 100%);
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(226, 232, 240, .92);
	border-radius: .5rem;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
}

.xf-search:focus-within .xf-search-suggestions,
.xf-search:hover .xf-search-suggestions {
	display: flex;
}

.dark .xf-search-suggestions {
	border-color: rgba(51, 65, 85, .8);
	background: rgba(15, 23, 42, .98);
}

.xf-search-suggestion {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: .5rem;
	padding: .72rem .82rem;
	color: #3b5160;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}

.xf-search-suggestion:hover {
	background: rgba(64, 158, 255, .08);
	color: #409eff;
}

.dark .xf-search-suggestion {
	color: #dbe7f3;
}

.dark .xf-search-suggestion:hover {
	background: rgba(64, 158, 255, .12);
	color: #fff;
}

.xf-search-index {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: .35rem;
	font-size: .68rem;
	font-weight: 900;
}

.xf-search-index.num1 { background: #ef4444; color: #fff; }
.xf-search-index.num2 { background: #f59e0b; color: #fff; }
.xf-search-index.num3 { background: #1e80ff; color: #fff; }
.xf-search-index.num4,
.xf-search-index.num5 { background: #64748b; color: #fff; }

.xf-search-title {
	min-width: 0;
	flex: 1;
	overflow: hidden;
	font-size: .84rem;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xf-search-meta {
	flex-shrink: 0;
	color: #94a3b8;
	font-size: .72rem;
	font-weight: 700;
}

.dark .xf-search-meta {
	color: #94a3b8;
}

.breeze-panel,
.widget,
.link-box {
	border: 1px solid rgba(226, 232, 240, .82);
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 0 20px -5px rgba(158, 158, 158, .22);
	backdrop-filter: none;
}

.dark .breeze-panel,
.dark .widget,
.dark .link-box {
	border-color: rgba(51, 65, 85, .72);
	background: rgba(15, 23, 42, .88);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.breeze-dropdown {
	border: 1px solid rgba(226, 232, 240, .9);
	border-radius: .5rem;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 0 20px -5px rgba(158, 158, 158, .24);
}

.dark .breeze-dropdown {
	border-color: rgba(51, 65, 85, .72);
	background: rgba(15, 23, 42, .98);
}

.breeze-kicker {
	color: #409eff;
	font-size: .72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.breeze-kicker::before {
	width: 1.25rem;
	height: 1px;
	background: currentColor;
}

.breeze-nav-link {
	height: 2.75rem;
	border-radius: .45rem;
	font-weight: 800;
}

.breeze-nav-link:hover {
	background: rgba(64, 158, 255, .07);
	transform: none;
}

.breeze-nav-link.is-active::after {
	right: .75rem;
	bottom: .35rem;
	left: .75rem;
	background: #409eff;
}

.breeze-icon-button {
	border-color: rgba(226, 232, 240, .9);
	border-radius: .5rem;
	background: #fff;
	color: #3b5160;
	box-shadow: 0 6px 18px rgba(17, 58, 93, .08);
}

.breeze-icon-button:hover {
	border-color: #54b5db;
	color: #409eff;
	transform: translateY(-1px);
}

.dark .breeze-icon-button {
	border-color: rgba(51, 65, 85, .8);
	background: #0f172a;
	color: #dbe7f3;
}

.small-slider-item {
	background-color: #1f2c3d;
	box-shadow: 0 0 20px -5px rgba(158, 158, 158, .22);
}

.small-slider-item::after {
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: inherit;
	content: "";
	pointer-events: none;
}

.small-slider-item:hover {
	transform: translateY(-2px);
}

.carousel-slide {
	opacity: 0;
	visibility: hidden;
	transition: opacity .55s ease, visibility .55s ease;
}

.carousel-slide.is-active {
	opacity: 1;
	visibility: visible;
}

.carousel-dot.is-active {
	width: 2.25rem;
	background: #fff;
}

.toptext-list em {
	font-style: normal;
}

.toptext-list li {
	min-width: 0;
}

.toptext-list a {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.toptext-list span {
	flex-shrink: 0;
}

.site-header {
	padding-top: .15rem;
	padding-bottom: .15rem;
}

.main-navigation {
	display: grid;
	gap: .65rem;
}

.menu-nav-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-item a {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	border-radius: .45rem;
	padding: .46rem .8rem;
	color: #3b5160;
	font-size: .84rem;
	font-weight: 900;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.menu-item a:hover {
	background: rgba(64, 158, 255, .08);
	color: #409eff;
	transform: translateY(-1px);
}

.menu-item.active a {
	background: rgba(64, 158, 255, .1);
	color: #409eff;
}

.dark .menu-item a {
	color: #dbe7f3;
}

.dark .menu-item a:hover,
.dark .menu-item.active a {
	background: rgba(64, 158, 255, .14);
	color: #fff;
}

.primary-menu {
	min-width: 0;
}

.gg_fr {
	display: grid;
	gap: .35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gg_fr li a,
.gg_fr li span {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	gap: .35rem;
	overflow: hidden;
	border-radius: .45rem;
	background: #f6f8fb;
	padding: .4rem .7rem;
	color: #64748b;
	font-size: .8rem;
	font-weight: 800;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gg_fr li a:hover {
	background: #eaf4ff;
	color: #409eff;
}

.dark .gg_fr li a,
.dark .gg_fr li span {
	background: #111c2e;
	color: #94a3b8;
}

.dark .gg_fr li a:hover {
	background: rgba(64, 158, 255, .12);
	color: #fff;
}

.post-list {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.post-list::before {
	position: absolute;
	top: 1.2rem;
	bottom: 1.2rem;
	left: 0;
	width: 4px;
	border-radius: 999px;
	background: #409eff;
	content: "";
	opacity: 0;
	transform: scaleY(.35);
	transition: opacity .25s ease, transform .25s ease;
}

.post-list:hover::before {
	opacity: 1;
	transform: scaleY(1);
}

.post-list:hover {
	box-shadow: 0 12px 34px rgba(17, 58, 93, .08);
}

.post-list .feaimg {
	min-height: 10rem;
}

.entry-title a {
	color: inherit;
	text-decoration: none;
}

.fea-meta {
	color: #94a3b8;
}

.widget {
	position: relative;
	margin-bottom: 0;
	border-radius: .5rem;
	padding: .95rem;
	font-size: .875rem;
	line-height: 1.8;
}

.widget-title {
	position: relative;
	margin: -.15rem 0 .75rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid rgba(226, 232, 240, .9);
	color: #1f2c3d;
	font-size: 1rem;
	font-weight: 900;
}

.dark .widget-title {
	border-color: rgba(51, 65, 85, .74);
	color: #fff;
}

.widget-title::before {
	position: absolute;
	top: .58rem;
	right: 2.7rem;
	width: .72rem;
	height: .72rem;
	border-radius: 999px;
	background: #f92900;
	box-shadow: 1.22rem 0 #fbc606, 2.44rem 0 #448ef6;
	content: "";
}

.widget-title i {
	margin-right: .45rem;
	color: #409eff;
	font-size: 1.05rem;
	vertical-align: -1px;
}

.widget-title span {
	display: inline-block;
	padding-right: .6rem;
}

.widget_avatar {
	position: relative;
	min-height: 6.4rem;
	margin: -.95rem -.95rem 0;
	border-radius: .5rem .5rem 0 0;
	background-color: #dbeafe;
	background-size: cover;
	background-position: center;
}

.widget_avatar::after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(15, 23, 42, .08), rgba(15, 23, 42, .34));
	content: "";
}

.widget-logo-wrap {
	position: absolute;
	right: 0;
	bottom: -2.25rem;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.widget-about-image {
	display: flex;
	width: 4.5rem;
	height: 4.5rem;
	align-items: center;
	justify-content: center;
	border: 4px solid #fff;
	border-radius: 999px;
	background: linear-gradient(135deg, #409eff, #54b5db);
	color: #fff;
	font-size: 1.6rem;
	font-weight: 900;
	object-fit: cover;
	box-shadow: 0 10px 28px rgba(17, 58, 93, .16);
}

.dark .widget-about-image {
	border-color: #0f172a;
}

.widget-about-intro {
	padding-top: 2.8rem;
	text-align: center;
}

.widget-about-intro .name {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
}

.widget-about-intro h3 {
	color: #1f2c3d;
	font-size: 1.08rem;
	font-weight: 900;
}

.dark .widget-about-intro h3 {
	color: #fff;
}

.autlv {
	display: inline-flex;
	align-items: center;
	border-radius: .25rem;
	background: #409eff;
	padding: .05rem .35rem;
	color: #fff;
	font-size: .68rem;
	font-weight: 900;
	line-height: 1.3;
}

.autlv.vs {
	width: 1.1rem;
	justify-content: center;
	border-radius: 999px;
	padding: 0;
	background: #f92900;
}

.widget-about-desc {
	margin-top: .65rem;
	color: #64748b;
	font-size: .84rem;
	line-height: 1.75;
}

.dark .widget-about-desc {
	color: #94a3b8;
}

.side_latest {
	display: grid;
	gap: .5rem;
}

.side-latest-item {
	display: grid;
	gap: .2rem;
	border-radius: .45rem;
	background: #f6f8fb;
	padding: .62rem .72rem;
	color: #3b5160;
	text-decoration: none;
	transition: background-color .2s ease, transform .2s ease, color .2s ease;
}

.side-latest-item:hover {
	background: #eaf4ff;
	color: #409eff;
	transform: translateY(-1px);
}

.dark .side-latest-item {
	background: #111c2e;
	color: #dbe7f3;
}

.dark .side-latest-item:hover {
	background: rgba(64, 158, 255, .12);
	color: #fff;
}

.side-latest-title {
	display: -webkit-box;
	overflow: hidden;
	font-size: .84rem;
	font-weight: 800;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.side-latest-meta {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	color: #94a3b8;
	font-size: .72rem;
	font-weight: 700;
}

.dark .side-latest-meta {
	color: #94a3b8;
}

.widget-about-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .45rem;
	margin-top: .9rem;
}

.widget-about-meta span {
	border-radius: .45rem;
	background: #f6f8fb;
	padding: .55rem .35rem;
	color: #64748b;
	font-size: .72rem;
	font-weight: 800;
}

.widget-about-meta b {
	display: block;
	color: #409eff;
	font-size: 1rem;
	line-height: 1.2;
}

.dark .widget-about-meta span {
	background: #111c2e;
	color: #94a3b8;
}

.divhitimer p {
	color: #64748b;
}

.dark .divhitimer p {
	color: #94a3b8;
}

.side_countdown .item {
	margin-bottom: .8rem;
}

.side_countdown .item:last-child {
	margin-bottom: 0;
}

.side_countdown .title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	color: #64748b;
	font-size: .78rem;
	font-weight: 800;
}

.dark .side_countdown .title {
	color: #94a3b8;
}

.side_countdown .progress {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 3rem;
	align-items: center;
	gap: .55rem;
	margin-top: .35rem;
}

.side_countdown .progress-bar {
	height: .45rem;
	overflow: hidden;
	border-radius: 999px;
	background: #edf1f6;
}

.dark .side_countdown .progress-bar {
	background: #111c2e;
}

.side_countdown .progress-inner {
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #409eff, #54b5db);
	transition: width .45s ease;
}

.side_countdown .progress-inner-2 {
	background: linear-gradient(90deg, #22c55e, #54b5db);
}

.side_countdown .progress-inner-3 {
	background: linear-gradient(90deg, #f59e0b, #409eff);
}

.side_countdown .progress-inner-4 {
	background: linear-gradient(90deg, #f92900, #fbc606);
}

.side_countdown .progress-percentage {
	color: #94a3b8;
	font-size: .72rem;
	font-weight: 900;
	text-align: right;
}

#side_random {
	position: relative;
}

#side_random .r-item-btn {
	position: absolute;
	top: .98rem;
	left: 7rem;
	display: inline-flex;
	align-items: center;
	gap: .1rem;
	border: 0;
	background: transparent;
	color: #409eff;
	font-size: .78rem;
	font-weight: 900;
	cursor: pointer;
}

.side_random {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.side_random .r-item {
	min-width: 0;
}

.side_random .r-thumb {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: .5rem;
	background: #f8f9fa;
	padding-top: 66.666%;
}

.side_random .r-thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.side_random .r-item:hover img {
	transform: scale(1.06);
}

.side_random .r-title {
	margin-top: .45rem;
	font-size: .82rem;
	font-weight: 800;
	line-height: 1.55;
}

.side_random .r-title a {
	display: -webkit-box;
	overflow: hidden;
	color: #3b5160;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: color .2s ease;
}

.side_random .r-title a:hover {
	color: #409eff;
}

.dark .side_random .r-title a {
	color: #dbe7f3;
}

.link-box {
	border-radius: .5rem;
	padding: 1rem;
}

.hot-news-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .8rem;
	border-bottom: 1px solid rgba(226, 232, 240, .9);
	padding-bottom: .6rem;
}

.dark .hot-news-title {
	border-color: rgba(51, 65, 85, .72);
}

.hot-news-title h3 {
	color: #1f2c3d;
	font-size: 1rem;
	font-weight: 900;
}

.dark .hot-news-title h3 {
	color: #fff;
}

.suburl a {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	color: #409eff;
	font-size: .78rem;
	font-weight: 900;
	text-decoration: none;
}

#link-home {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.link-item a,
.link-item span {
	display: inline-flex;
	border-radius: .45rem;
	background: #f6f8fb;
	padding: .42rem .68rem;
	color: #64748b;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none;
	transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.link-item a:hover {
	background: #eaf4ff;
	color: #409eff;
	transform: translateY(-1px);
}

.dark .link-item a,
.dark .link-item span {
	background: #111c2e;
	color: #94a3b8;
}

@media (max-width: 767px) {
	.site-logo-mark {
		width: 2.5rem;
		height: 2.5rem;
	}

	.post-list .feaimg {
		min-height: 12rem;
	}
}

/* refined interactions and article reading system */
html.islet-lenis,
html.islet-lenis body {
	scroll-behavior: auto !important;
}

.top-header.is-scrolled .top-bar {
	box-shadow: 0 14px 46px rgba(17, 58, 93, .14);
}

.dark .top-header.is-scrolled .top-bar {
	box-shadow: 0 18px 48px rgba(0, 0, 0, .34);
}

body.is-mobile-menu-open::before {
	position: fixed;
	inset: 0;
	z-index: 40;
	background: rgba(15, 23, 42, .32);
	backdrop-filter: blur(4px);
	content: "";
}

.mobile-nav-panel {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 45;
	max-height: min(74vh, 34rem);
	overflow: auto;
	box-shadow: 0 24px 54px rgba(17, 58, 93, .18);
}

.mobile-nav-panel.is-open {
	display: block;
}

.mobile-nav-panel[hidden] {
	display: none !important;
}

.breeze-icon-button.is-active {
	border-color: rgba(64, 158, 255, .38);
	background: #eaf4ff;
	color: #409eff;
}

.dark .breeze-icon-button.is-active {
	border-color: rgba(64, 158, 255, .38);
	background: rgba(64, 158, 255, .12);
	color: #fff;
}

.mobile-nav-group summary,
.mobile-nav-panel a,
.mobile-nav-panel button {
	min-height: 44px;
}

.article-hero {
	position: relative;
	isolation: isolate;
}

.article-hero::before {
	position: absolute;
	inset: 0 auto 0 0;
	z-index: -1;
	width: .35rem;
	background: linear-gradient(180deg, #1e80ff, #0f9f8a 58%, #f59e0b);
	content: "";
	opacity: .95;
}

.article-hero h1 {
	letter-spacing: 0;
	text-wrap: balance;
}

.article-rail {
	align-items: flex-start;
	justify-content: center;
}

.article-rail-sticky {
	position: sticky;
	top: 112px;
	display: grid;
	width: 4.5rem;
	gap: .65rem;
	border: 1px solid rgba(226, 232, 240, .88);
	border-radius: .75rem;
	background: rgba(255, 255, 255, .96);
	padding: .65rem;
	box-shadow: 0 18px 44px rgba(17, 58, 93, .10);
	backdrop-filter: blur(12px);
}

.dark .article-rail-sticky {
	border-color: rgba(51, 65, 85, .78);
	background: rgba(15, 23, 42, .92);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

.article-rail-button {
	display: grid;
	min-height: 3.45rem;
	place-items: center;
	gap: .12rem;
	border: 1px solid rgba(226, 232, 240, .92);
	border-radius: .55rem;
	background: #f8fafc;
	color: #64748b;
	font-weight: 900;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.article-rail-button i {
	font-size: 1.2rem;
	line-height: 1;
}

.article-rail-button span {
	font-size: .68rem;
	line-height: 1.1;
}

.article-rail-button:hover,
.article-rail-button.is-active {
	border-color: rgba(64, 158, 255, .38);
	background: #eaf4ff;
	color: #1e80ff;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(64, 158, 255, .12);
}

.article-rail-button[data-article-action="like"].is-active {
	border-color: rgba(239, 68, 68, .34);
	background: rgba(254, 242, 242, .92);
	color: #ef4444;
}

.article-rail-button[data-article-action="collect"].is-active {
	border-color: rgba(245, 158, 11, .34);
	background: rgba(255, 251, 235, .92);
	color: #d97706;
}

.dark .article-rail-button {
	border-color: rgba(51, 65, 85, .8);
	background: #111c2e;
	color: #cbd5e1;
}

.dark .article-rail-button:hover,
.dark .article-rail-button.is-active {
	background: rgba(64, 158, 255, .14);
	color: #fff;
}

.dark .article-rail-button[data-article-action="like"].is-active {
	background: rgba(127, 29, 29, .36);
	color: #fca5a5;
}

.dark .article-rail-button[data-article-action="collect"].is-active {
	background: rgba(69, 45, 13, .52);
	color: #fbbf24;
}

.article-rail-count {
	display: inline-flex;
	min-height: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: .5rem;
	background: #f8fafc;
	color: #94a3b8;
	font-size: .7rem;
	font-weight: 900;
}

.dark .article-rail-count {
	background: #111c2e;
	color: #94a3b8;
}

.comment-children {
	margin-top: 1rem;
	border-left: 2px solid rgba(64, 158, 255, .16);
	padding-left: 1rem;
}

.comment-children .comment-node:last-child {
	padding-bottom: 0;
}

.islet-pagination {
	display: flex;
	justify-content: center;
	overflow-x: auto;
	scrollbar-width: none;
}

.islet-pagination::-webkit-scrollbar {
	display: none;
}

.islet-pagination-list {
	display: flex;
	align-items: center;
	gap: .45rem;
	margin: 0;
	padding: .1rem;
	list-style: none;
}

.islet-pagination li a {
	display: inline-flex;
	min-width: 2.35rem;
	height: 2.35rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(226, 232, 240, .92);
	border-radius: .5rem;
	background: #fff;
	color: #3b5160;
	font-size: .86rem;
	font-weight: 900;
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.islet-pagination li a:hover {
	border-color: rgba(64, 158, 255, .38);
	background: #eaf4ff;
	color: #1e80ff;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(64, 158, 255, .10);
}

.islet-pagination li.active a {
	border-color: #1e80ff;
	background: #1e80ff;
	color: #fff;
	box-shadow: 0 12px 24px rgba(30, 128, 255, .22);
}

.islet-pagination li.disabled a {
	opacity: .45;
	pointer-events: none;
}

.dark .islet-pagination li a {
	border-color: rgba(51, 65, 85, .78);
	background: #111c2e;
	color: #dbe7f3;
}

.dark .islet-pagination li a:hover {
	background: rgba(64, 158, 255, .14);
	color: #fff;
}

.dark .islet-pagination li.active a {
	border-color: #1e80ff;
	background: #1e80ff;
	color: #fff;
}

.islet-swal-popup,
.islet-swal-toast {
	border: 1px solid rgba(226, 232, 240, .92) !important;
	border-radius: .75rem !important;
	box-shadow: 0 24px 70px rgba(15, 23, 42, .16) !important;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.islet-swal-popup .swal2-title {
	color: #1f2c3d !important;
	font-size: 1.25rem !important;
	font-weight: 900 !important;
}

.islet-swal-popup .swal2-html-container {
	color: #64748b !important;
	font-size: .94rem !important;
	line-height: 1.7 !important;
}

.islet-swal-toast {
	padding: .8rem 1rem !important;
}

.dark .islet-swal-popup,
.dark .islet-swal-toast {
	border-color: rgba(51, 65, 85, .8) !important;
	background: #0f172a !important;
	color: #e2e8f0 !important;
}

.dark .islet-swal-popup .swal2-title {
	color: #fff !important;
}

.dark .islet-swal-popup .swal2-html-container {
	color: #cbd5e1 !important;
}

.swal2-close {
	color: #94a3b8 !important;
	font-size: 1.35rem !important;
	line-height: 1 !important;
	transition: color .2s ease, transform .2s ease;
}

.swal2-close:hover {
	color: #1e80ff !important;
	transform: rotate(90deg);
}

.dark .swal2-close {
	color: #cbd5e1 !important;
}

.breadcrumb-shell {
	position: relative;
	z-index: 10;
}

.breeze-breadcrumb {
	min-width: 0;
}

.breeze-breadcrumb a,
.breeze-breadcrumb span {
	min-width: 0;
}

.article-shell {
	box-shadow: 0 22px 60px rgba(15, 23, 42, .08);
}

.dark .article-shell {
	box-shadow: 0 24px 72px rgba(0, 0, 0, .22);
}

.site-footer {
	position: relative;
	z-index: 5;
}

.islet-back-top {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 60;
	box-shadow: 0 18px 44px rgba(15, 23, 42, .16);
}

.dark .islet-back-top {
	box-shadow: 0 18px 44px rgba(0, 0, 0, .34);
}

@media (max-width: 767px) {
	body.is-mobile-menu-open::before {
		background: rgba(15, 23, 42, .42);
	}

	.mobile-nav-panel {
		max-height: calc(100vh - 4.5rem);
	}

	.article-hero h1 {
		font-size: 2rem !important;
		line-height: 1.18 !important;
	}

	.article-content,
	.pay-content {
		font-size: 16px;
		line-height: 1.86;
	}

	.comment-node {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: .75rem;
	}

	.comment-avatar {
		width: 36px;
		height: 36px;
	}

	.comment-children {
		padding-left: .75rem;
	}

	.islet-pagination {
		justify-content: flex-start;
	}

	.toptext-list li {
		gap: .5rem;
	}

	.toptext-list a {
		max-width: calc(100vw - 8.5rem);
	}

	.islet-back-top {
		right: .75rem;
		bottom: .75rem;
	}
}

/* IsletBreeze interaction polish */
html {
	scrollbar-color: #9bc8ff #edf3f8;
	scrollbar-width: thin;
}

html.dark {
	scrollbar-color: #1e80ff #03050a;
}

::-webkit-scrollbar {
	width: .68rem;
	height: .68rem;
}

::-webkit-scrollbar-track {
	background: #edf3f8;
}

::-webkit-scrollbar-thumb {
	border: 2px solid #edf3f8;
	border-radius: 999px;
	background: linear-gradient(180deg, #9bc8ff, #409eff);
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #54b5db, #1e80ff);
}

.dark ::-webkit-scrollbar-track {
	background: #03050a;
}

.dark ::-webkit-scrollbar-thumb {
	border-color: #03050a;
	background: linear-gradient(180deg, #1e80ff, #07101f);
}

html:not(.dark) input,
html:not(.dark) textarea,
html:not(.dark) select {
	border-color: rgba(203, 213, 225, .9) !important;
	color: #1f2c3d !important;
	caret-color: #1e80ff;
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
	color: #94a3b8 !important;
	opacity: 1;
}

html:not(.dark) input:-webkit-autofill,
html:not(.dark) textarea:-webkit-autofill,
html:not(.dark) select:-webkit-autofill {
	-webkit-text-fill-color: #1f2c3d !important;
	box-shadow: 0 0 0 1000px #fff inset !important;
	transition: background-color 5000s ease-in-out 0s;
}

html:not(.dark) {
	--islet-text-primary: #1f2c3d;
	--islet-text-secondary: #334155;
	--islet-text-muted: #64748b;
	--islet-hover-bg: #eef6ff;
	--islet-hover-fg: #1e80ff;
}

html:not(.dark) .site-shell,
html:not(.dark) .site-footer {
	color: var(--islet-text-primary) !important;
}

html:not(.dark) .top-rank-meta,
html:not(.dark) .top-rank-empty,
html:not(.dark) .xf-search-area span,
html:not(.dark) .xf-search-meta,
html:not(.dark) .fea-meta,
html:not(.dark) .widget-about-desc,
html:not(.dark) .side-latest-meta,
html:not(.dark) .divhitimer p,
html:not(.dark) .site-search-empty,
html:not(.dark) .site-search-hot-item em,
html:not(.dark) .link-item a,
html:not(.dark) .link-item span,
html:not(.dark) .gg_fr li a,
html:not(.dark) .gg_fr li span,
html:not(.dark) .menu-item a,
html:not(.dark) .top-rank-item,
html:not(.dark) .toptext-card,
html:not(.dark) .side-latest-item,
html:not(.dark) .site-search-hot-item,
html:not(.dark) .islet-pagination li a,
html:not(.dark) .article-rail-button,
html:not(.dark) .auth-link,
html:not(.dark) .auth-user-card span,
html:not(.dark) .breeze-breadcrumb a,
html:not(.dark) .breeze-breadcrumb span {
	color: var(--islet-text-secondary);
}

html:not(.dark) .menu-item a:hover,
html:not(.dark) .menu-item.active a,
html:not(.dark) .toptext-card:hover,
html:not(.dark) .side-latest-item:hover,
html:not(.dark) .site-search-hot-item:hover,
html:not(.dark) .gg_fr li a:hover,
html:not(.dark) .link-item a:hover,
html:not(.dark) .islet-pagination li a:hover,
html:not(.dark) .article-rail-button:hover,
html:not(.dark) .article-rail-button.is-active,
html:not(.dark) .auth-link:hover,
html:not(.dark) .auth-user-card a:hover,
html:not(.dark) .breeze-nav-link:hover,
html:not(.dark) .breeze-icon-button:hover {
	background: var(--islet-hover-bg) !important;
	color: var(--islet-hover-fg) !important;
}

html:not(.dark) .top-rank-more:hover,
html:not(.dark) .auth-register:hover,
html:not(.dark) .breeze-action-button.is-primary:hover,
html:not(.dark) .site-search-form button:hover,
html:not(.dark) .xf-search-trigger:hover .xf-search-submit,
html:not(.dark) .xf-search-direct:focus-within .xf-search-submit,
html:not(.dark) .xf-search-direct:hover .xf-search-submit {
	background: #1e80ff;
	color: #fff;
}

.dark .site-shell {
	background:
		linear-gradient(180deg, rgba(1, 3, 6, .99), rgba(3, 5, 9, .99)),
		linear-gradient(90deg, rgba(30, 128, 255, .07), rgba(15, 118, 110, .04)) !important;
	color: #e5eef8 !important;
}

.dark .top-bar,
.dark .top-rank-strip,
.dark .site-footer {
	border-color: rgba(30, 41, 59, .92) !important;
	background: rgba(2, 4, 8, .97) !important;
}

.dark .breeze-panel,
.dark .widget,
.dark .link-box,
.dark .breeze-dropdown {
	border-color: rgba(30, 41, 59, .86) !important;
	background: rgba(3, 5, 10, .96) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, .34) !important;
}

.dark input,
.dark textarea,
.dark select {
	background-color: #03050a !important;
	border-color: rgba(30, 41, 59, .92) !important;
	color: #e5eef8 !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
	color: #718096 !important;
	opacity: 1;
}

.top-rank-more {
	border: 0;
	cursor: pointer;
}

.xf-search-trigger {
	border: 0;
	cursor: pointer;
	text-align: left;
}

.xf-search-area span {
	display: block;
	min-width: 0;
	flex: 1;
	overflow: hidden;
	color: #64748b;
	font-size: .875rem;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dark .xf-search-area span {
	color: #94a3b8;
}

.xf-search-submit {
	display: inline-flex;
	height: 2.35rem;
	align-items: center;
	gap: .3rem;
	border-radius: 0 .5rem .5rem 0;
	padding: 0 .95rem;
	color: #fff;
	font-size: .84rem;
	font-weight: 900;
	transition: background-color .22s ease;
}

.xf-search-trigger:hover .xf-search-submit,
.xf-search-direct:focus-within .xf-search-submit,
.xf-search-direct:hover .xf-search-submit {
	background: #54b5db;
}

.xf-search-direct {
	overflow: hidden;
}

.xf-search-direct .xf-search-area {
	flex: 1;
	min-width: 0;
}

.xf-search-direct input {
	width: 100%;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	color: #334155 !important;
	font-size: .95rem;
	font-weight: 900;
	outline: none;
}

.xf-search-direct input::placeholder {
	color: #94a3b8;
}

.dark .xf-search-direct input {
	color: #e5eef8 !important;
}

.site-search-modal[hidden] {
	display: none;
}

.site-search-modal {
	position: fixed;
	inset: 0;
	z-index: 90;
	display: grid;
	place-items: start center;
	padding: min(10vh, 5rem) 1rem 1rem;
}

.site-search-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, .42);
	backdrop-filter: blur(7px);
}

.site-search-card {
	position: relative;
	z-index: 1;
	width: min(680px, 100%);
	overflow: hidden;
	border: 1px solid rgba(226, 232, 240, .9);
	border-radius: .8rem;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 30px 90px rgba(15, 23, 42, .22);
}

.dark .site-search-card {
	border-color: rgba(30, 41, 59, .95);
	background: #060a12;
	box-shadow: 0 30px 90px rgba(0, 0, 0, .55);
}

.site-search-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.2rem 1.25rem .9rem;
}

.site-search-head h2 {
	margin-top: .3rem;
	color: #1f2c3d;
	font-size: 1.35rem;
	font-weight: 900;
}

.dark .site-search-head h2 {
	color: #fff;
}

.site-search-form {
	display: flex;
	align-items: center;
	gap: .7rem;
	margin: 0 1.25rem 1rem;
	border: 1px solid rgba(226, 232, 240, .95);
	border-radius: .65rem;
	background: #f7fafc;
	padding: .55rem .65rem;
	color: #94a3b8;
}

.dark .site-search-form {
	border-color: rgba(30, 41, 59, .9);
	background: #05070d;
}

.site-search-form input {
	min-width: 0;
	flex: 1;
	border: 0 !important;
	background: transparent !important;
	color: #334155;
	font-weight: 800;
	outline: none;
}

.dark .site-search-form input {
	color: #e5eef8;
}

.site-search-form button {
	height: 2.35rem;
	border: 0;
	border-radius: .5rem;
	background: #1e80ff;
	padding: 0 1rem;
	color: #fff;
	font-size: .875rem;
	font-weight: 900;
}

.site-search-hot {
	border-top: 1px solid rgba(226, 232, 240, .9);
	padding: 1rem 1.25rem 1.25rem;
}

.dark .site-search-hot {
	border-color: rgba(30, 41, 59, .86);
}

.site-search-hot-title {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: #1e80ff;
	font-size: .82rem;
	font-weight: 900;
}

.site-search-hot-list {
	display: grid;
	gap: .55rem;
	margin-top: .75rem;
}

.site-search-hot-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: .65rem;
	border-radius: .58rem;
	background: #f7fafc;
	padding: .72rem .8rem;
	color: #3b5160;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.site-search-hot-item:hover {
	background: #eaf4ff;
	color: #1e80ff;
	transform: translateY(-1px);
}

.dark .site-search-hot-item {
	background: #0a1020;
	color: #dbe7f3;
}

.dark .site-search-hot-item:hover {
	background: rgba(30, 128, 255, .14);
	color: #fff;
}

.site-search-hot-item strong {
	min-width: 0;
	overflow: hidden;
	font-size: .9rem;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site-search-hot-item em,
.site-search-empty {
	color: #94a3b8;
	font-size: .76rem;
	font-style: normal;
	font-weight: 800;
}

.carousel-slide {
	pointer-events: none;
}

.carousel-slide.is-active {
	z-index: 2;
	pointer-events: auto;
}

.carousel-slide h1,
.carousel-slide p,
.small-slider-item strong,
.small-slider-item span,
.article-hero h1,
.article-hero p {
	text-shadow: 0 3px 18px rgba(0, 0, 0, .58);
}

.carousel-control-button {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .42);
	border-radius: .5rem;
	background: rgba(15, 23, 42, .36);
	color: #fff;
	font-size: 1.25rem;
	backdrop-filter: blur(10px);
	transition: background-color .2s ease, transform .2s ease;
}

.carousel-control-button:hover {
	background: rgba(30, 128, 255, .82);
	transform: translateY(-1px);
}

.toptext-card {
	text-decoration: none;
	transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.toptext-card:hover {
	color: #1e80ff;
	background: #eef6ff;
	transform: translateY(-1px);
}

.post-list {
	cursor: pointer;
}

.post-list:focus-visible {
	outline: 3px solid rgba(30, 128, 255, .32);
	outline-offset: 2px;
}

.post-list .feaimg {
	min-height: 8.2rem;
}

.entry-summary p {
	line-height: 1.62;
}

.site-sidebar {
	min-width: 0;
}

@media (min-width: 1024px) {
	.site-sidebar {
		position: sticky !important;
		top: var(--sidebar-sticky-top, 112px) !important;
		align-self: start;
		max-height: none;
		overflow: visible;
		padding-right: 0;
		will-change: top;
	}
}

.site-sidebar::-webkit-scrollbar {
	display: none;
}

.side_countdown {
	display: grid;
	gap: .72rem;
}

.side_countdown .item {
	margin-bottom: 0;
	border: 1px solid rgba(226, 232, 240, .84);
	border-radius: .65rem;
	background:
		linear-gradient(135deg, rgba(64, 158, 255, .08), rgba(255, 255, 255, .86)),
		#fff;
	padding: .72rem;
}

.dark .side_countdown .item {
	border-color: rgba(30, 41, 59, .86);
	background:
		linear-gradient(135deg, rgba(30, 128, 255, .14), rgba(6, 10, 18, .9)),
		#060a12;
}

.side_countdown .title {
	font-size: .82rem;
}

.side_countdown .title span {
	display: inline-flex;
	min-width: 1.6rem;
	height: 1.6rem;
	align-items: center;
	justify-content: center;
	border-radius: .45rem;
	background: #1e80ff;
	color: #fff;
	font-size: .78rem;
	font-weight: 900;
}

.side_countdown .progress-bar {
	height: .55rem;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
}

.auth-link {
	display: inline-flex;
	height: 2.35rem;
	align-items: center;
	gap: .35rem;
	border-radius: .6rem;
	padding: 0 .85rem;
	font-size: .86rem;
	font-weight: 900;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease;
}

.auth-login {
	border: 1px solid rgba(226, 232, 240, .92);
	background: #fff;
	color: #3b5160;
}

.auth-register {
	border: 1px solid #1e80ff;
	background: linear-gradient(135deg, #1e80ff, #54b5db);
	color: #fff !important;
	box-shadow: 0 10px 22px rgba(30, 128, 255, .2);
}

.auth-link:hover {
	transform: translateY(-1px);
}

.dark .auth-login {
	border-color: rgba(30, 41, 59, .9);
	background: #0a1020;
	color: #dbe7f3;
}

.auth-user-card {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	border: 1px solid rgba(226, 232, 240, .86);
	border-radius: 999px;
	background: rgba(255, 255, 255, .9);
	padding: .25rem .45rem .25rem .25rem;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.auth-user-card span {
	max-width: 6rem;
	overflow: hidden;
	color: #334155;
	font-size: .84rem;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.auth-user-card a {
	color: #1e80ff;
	font-size: .8rem;
	font-weight: 900;
	text-decoration: none;
}

.dark .auth-user-card {
	border-color: rgba(30, 41, 59, .9);
	background: #0a1020;
}

.dark .auth-user-card span {
	color: #e5eef8;
}

.ai-analysis-panel[hidden] {
	display: none;
}

.ai-analysis-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .9rem;
}

.ai-analysis-head h2 {
	margin-top: .25rem;
	color: #1f2c3d;
	font-size: 1.25rem;
	font-weight: 900;
}

.dark .ai-analysis-head h2 {
	color: #fff;
}

.ai-analysis-status {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: #eef6ff;
	padding: .35rem .7rem;
	color: #1e80ff;
	font-size: .76rem;
	font-weight: 900;
}

.dark .ai-analysis-status {
	background: rgba(30, 128, 255, .14);
	color: #9bc8ff;
}

.ai-analysis-body {
	min-height: 5.8rem;
	border-radius: .65rem;
	background: #f7fafc;
	padding: 1rem;
	color: #334155;
	font-size: .95rem;
	font-weight: 650;
	line-height: 1.85;
}

.dark .ai-analysis-body {
	background: #05070d;
	color: #dbe7f3;
}

.ai-analysis-text {
	margin: 0;
	white-space: pre-wrap;
	font: inherit;
}

.ai-analysis-cursor {
	display: inline-block;
	margin-left: 2px;
	color: #1e80ff;
	font-weight: 900;
	animation: islet-cursor 1s steps(2, start) infinite;
}

.ai-analysis-loading {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: #1e80ff;
	font-weight: 900;
}

.ai-analysis-loading span {
	width: .46rem;
	height: .46rem;
	border-radius: 999px;
	background: currentColor;
	animation: islet-loading-dot .9s ease-in-out infinite;
}

.ai-analysis-loading span:nth-child(2) {
	animation-delay: .12s;
}

.ai-analysis-loading span:nth-child(3) {
	animation-delay: .24s;
}

.ai-analysis-loading em,
.ai-analysis-empty {
	font-style: normal;
	color: #64748b;
	font-weight: 800;
}

.dark .ai-analysis-loading em,
.dark .ai-analysis-empty {
	color: #94a3b8;
}

@keyframes islet-loading-dot {
	0%, 80%, 100% { transform: translateY(0); opacity: .45; }
	40% { transform: translateY(-5px); opacity: 1; }
}

@keyframes islet-cursor {
	50% { opacity: 0; }
}

.mobile-nav-drawer {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	z-index: 75;
	width: min(88vw, 23rem);
	max-height: none !important;
	border-top: 0 !important;
	border-left: 1px solid rgba(226, 232, 240, .92);
	box-shadow: -24px 0 70px rgba(15, 23, 42, .2);
	transform: translateX(100%);
	transition: transform .28s ease;
	will-change: transform;
}

.mobile-nav-drawer::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 4px;
	background: linear-gradient(180deg, #1e80ff, #54b5db 55%, #0f9f8a);
	content: "";
	opacity: .95;
}

.mobile-nav-drawer.is-open {
	transform: translateX(0);
}

.mobile-nav-drawer-inner {
	min-height: 100%;
	overflow: auto;
	padding: 1rem 1rem 1rem 1.25rem;
}

.dark .mobile-nav-drawer {
	border-left-color: rgba(30, 41, 59, .92);
	background: #060a12 !important;
	box-shadow: -24px 0 70px rgba(0, 0, 0, .5);
}

.article-mobile-actions {
	display: none;
}

.article-mobile-action {
	display: inline-flex;
	width: 2.65rem;
	height: 2.65rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(203, 213, 225, .9);
	border-radius: .8rem;
	background: rgba(255, 255, 255, .94);
	color: #3b5160;
	box-shadow: 0 14px 34px rgba(15, 23, 42, .16);
	backdrop-filter: blur(14px);
	transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}

.article-mobile-action i {
	font-size: 1.18rem;
}

.article-mobile-action span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.article-mobile-action .loading-dot {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	font-size: .68rem;
	white-space: nowrap;
}

.article-mobile-action:hover,
.article-mobile-action.is-active {
	border-color: rgba(30, 128, 255, .65);
	background: #1e80ff;
	color: #fff;
	transform: translateY(-1px);
}

.dark .article-mobile-action {
	border-color: rgba(30, 41, 59, .9);
	background: rgba(3, 5, 10, .94);
	color: #dbe7f3;
	box-shadow: 0 14px 38px rgba(0, 0, 0, .42);
}

.dark .article-mobile-action:hover,
.dark .article-mobile-action.is-active {
	border-color: rgba(30, 128, 255, .72);
	background: #1e80ff;
	color: #fff;
}

@media (max-width: 767px) {
	.post-list {
		grid-template-columns: 36% minmax(0, 1fr) !important;
		gap: .78rem !important;
		padding: .75rem !important;
	}

	.post-list .feaimg {
		min-height: 0;
		aspect-ratio: 1.18 / 1;
	}

	.post-list .feaimg img {
		height: 100% !important;
	}

	.post-list .entry-container {
		min-width: 0;
	}

	.post-list .entry-container > .flex:first-child {
		gap: .45rem;
		font-size: .72rem;
	}

	.post-list .entry-container > .flex:first-child span:first-child,
	.post-list .entry-container > .flex:first-child span:nth-child(3) {
		display: none;
	}

	.post-list .entry-header {
		margin-top: .25rem;
	}

	.post-list .entry-title {
		font-size: 1.02rem !important;
		line-height: 1.45 !important;
	}

	.post-list .entry-summary,
	.post-list .entry-container > .mt-4.flex.flex-wrap.items-center.gap-2 {
		display: none;
	}

	.post-list .fea-meta {
		margin-top: .55rem;
		gap: .55rem;
		font-size: .75rem;
	}

	.carousel-control-button {
		width: 1.85rem;
		height: 1.85rem;
	}

	.site-search-modal {
		padding-top: 4.2rem;
	}
}

@media (max-width: 1023px) {
	.article-mobile-actions {
		position: fixed;
		right: max(.75rem, env(safe-area-inset-right));
		bottom: calc(4.3rem + env(safe-area-inset-bottom));
		z-index: 58;
		display: flex;
		flex-direction: column;
		gap: .58rem;
	}

	.is-article-page .islet-back-top {
		right: max(.75rem, env(safe-area-inset-right));
		bottom: max(.75rem, env(safe-area-inset-bottom));
	}

	.article-hero-actions [data-article-action="like"],
	.article-hero-actions [data-article-action="collect"],
	.article-hero-actions [data-article-action="share"],
	.article-hero-actions [data-article-action="ai-parse"] {
		display: none;
	}
}

.top-bar {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 252, .92)),
		#fff;
}

@media (min-width: 1024px) {
	.top-bar {
		background:
			linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92)),
			url('/theme/IsletBreeze/static/images/header_bg.png') center top / cover no-repeat;
	}
}

.dark .top-bar {
	background:
		linear-gradient(180deg, rgba(2, 3, 4, .98), rgba(4, 6, 10, .96)),
		url('/theme/IsletBreeze/static/images/header_bg.png') center top / cover no-repeat !important;
}

.top-rank-strip {
	background:
		linear-gradient(90deg, rgba(255, 246, 246, .96), rgba(255, 255, 255, .88));
	border-bottom: 1px solid rgba(244, 114, 182, .16);
}

.dark .top-rank-strip {
	background: linear-gradient(90deg, rgba(3, 5, 10, .98), rgba(10, 15, 24, .96));
	border-bottom-color: rgba(127, 29, 29, .22);
}

.top-rank-label {
	background: linear-gradient(135deg, #ef4444, #fb7185);
	box-shadow: 0 12px 28px rgba(239, 68, 68, .22);
}

.top-rank-more {
	background: linear-gradient(135deg, #ef4444, #f97316);
	box-shadow: 0 12px 28px rgba(239, 68, 68, .18);
}

.top-rank-track {
	display: flex;
	min-width: 0;
	flex: 1;
	gap: .65rem;
	overflow: hidden;
}

.top-rank-index {
	background: linear-gradient(135deg, #ef4444, #f59e0b);
}

.top-rank-title {
	color: #1f2937;
}

.dark .top-rank-title {
	color: #e5eef8;
}

.top-rank-meta {
	color: #f97316;
}

.dark .top-rank-meta,
.dark .top-rank-empty {
	color: #fca5a5;
}

.toptext-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.islet-widget-loading,
.islet-widget-empty,
.comment-loading {
	display: flex;
	align-items: center;
	gap: .7rem;
	min-height: 2.5rem;
	border-radius: .6rem;
	background: rgba(248, 250, 252, .92);
	padding: .75rem .8rem;
	color: #94a3b8;
}

.dark .islet-widget-loading,
.dark .islet-widget-empty,
.dark .comment-loading {
	background: rgba(7, 10, 16, .92);
	color: #94a3b8;
}

.islet-widget-loading span,
.comment-loading span {
	width: .45rem;
	height: .45rem;
	border-radius: 999px;
	background: currentColor;
	animation: islet-loading-dot .9s ease-in-out infinite;
}

.islet-widget-loading span:nth-child(2),
.comment-loading span:nth-child(2) {
	animation-delay: .12s;
}

.islet-widget-loading span:nth-child(3),
.comment-loading span:nth-child(3) {
	animation-delay: .24s;
}

.islet-widget-loading b,
.comment-loading em {
	font-style: normal;
	font-weight: 800;
}

.side_latest_comments,
.side_tag_cloud {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
}

.latest-comment-item {
	display: flex;
	min-width: 0;
	flex: 1 1 100%;
	align-items: center;
	gap: .65rem;
	border-radius: .65rem;
	background: linear-gradient(135deg, rgba(239, 246, 255, .86), rgba(255, 255, 255, .92));
	padding: .72rem .8rem;
	text-decoration: none;
}

.dark .latest-comment-item {
	background: linear-gradient(135deg, rgba(7, 10, 16, .96), rgba(3, 5, 10, .94));
}

.latest-comment-avatar {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #1e80ff, #10b981);
	color: #fff;
	font-size: .78rem;
	font-weight: 900;
}

.latest-comment-main {
	display: grid;
	min-width: 0;
	flex: 1;
	gap: .15rem;
}

.latest-comment-main strong {
	overflow: hidden;
	color: #0f172a;
	font-size: .86rem;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.latest-comment-main em {
	color: #94a3b8;
	font-size: .72rem;
	font-style: normal;
	font-weight: 800;
}

.tag-cloud-item {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	border-radius: 999px;
	padding: .48rem .78rem;
	color: #334155;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none;
}

.tag-color-0 { background: rgba(239, 68, 68, .12); color: #ef4444; }
.tag-color-1 { background: rgba(30, 128, 255, .12); color: #1e80ff; }
.tag-color-2 { background: rgba(16, 185, 129, .12); color: #10b981; }
.tag-color-3 { background: rgba(249, 115, 22, .14); color: #f97316; }
.tag-color-4 { background: rgba(168, 85, 247, .12); color: #a855f7; }
.tag-color-5 { background: rgba(14, 165, 233, .12); color: #0ea5e9; }

.latest-comment-item {
	border: 1px solid var(--ib-line-soft);
	background: var(--ib-surface-soft);
	color: var(--ib-text-normal);
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.latest-comment-item:hover {
	border-color: color-mix(in srgb, var(--ib-blue) 35%, var(--ib-line-soft));
	background: var(--ib-blue-soft);
	transform: translateY(-1px);
}

.latest-comment-main strong {
	color: var(--ib-text-strong);
	font-size: .84rem;
}

.latest-comment-main em {
	color: var(--ib-text-muted);
	font-size: .7rem;
}

.side_tag_cloud {
	gap: .42rem;
}

.tag-cloud-item {
	gap: .25rem;
	padding: .32rem .58rem;
	font-size: .72rem;
	font-weight: 750;
	line-height: 1.2;
}

.tag-cloud-item i {
	font-size: .82rem;
}

.article-entry-head {
	border: 1px solid rgba(148, 163, 184, .18);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92)),
		#fff;
}

.dark .article-entry-head {
	border-color: rgba(30, 41, 59, .82);
	background:
		linear-gradient(135deg, rgba(3, 5, 10, .98), rgba(7, 10, 16, .94)),
		#03050a;
}

.article-content {
	color: #334155;
	font-size: 1.03rem;
	line-height: 1.95;
}

.dark .article-content {
	color: #dbe7f3;
}

.article-content pre,
.pay-content pre,
.ai-analysis-body pre {
	position: relative;
	border: 1px solid rgba(148, 163, 184, .22);
	background: #0b1120;
	padding: 1rem 1rem 3rem;
}

.article-content pre code,
.pay-content pre code,
.ai-analysis-body pre code {
	display: block;
	overflow-x: auto;
	font-size: .9rem;
	line-height: 1.8;
}

.copy-code-button {
	position: absolute;
	top: .75rem;
	right: .75rem;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: .55rem;
	background: rgba(15, 23, 42, .78);
	padding: .42rem .7rem;
	color: #fff;
	font-size: .76rem;
	font-weight: 900;
}

.copy-code-button:hover {
	background: rgba(30, 128, 255, .9);
}

.article-content img,
.pay-content img,
.comment-body img {
	max-width: 100%;
}

.comment-loading {
	justify-content: center;
}

.comment-empty {
	background: rgba(248, 250, 252, .88);
}

.dark .comment-empty {
	background: rgba(7, 10, 16, .88);
}

.comment-node {
	border-top-color: rgba(148, 163, 184, .14);
}

.comment-node[data-depth="0"] > .comment-body > .comment-head strong {
	color: #0f172a;
}

.comment-node[data-depth="1"] {
	margin-left: .25rem;
}

.comment-node[data-depth="2"] {
	margin-left: .5rem;
}

.comment-children {
	border-left-color: rgba(30, 128, 255, .18);
}

.site-sidebar > .widget,
.site-sidebar > .breeze-panel {
	border-radius: .75rem;
}

@media (min-width: 1024px) {
	.site-sidebar > .widget,
	.site-sidebar > .breeze-panel {
		position: relative;
	}
}

@media (max-width: 1023px) {
	.site-sidebar {
		display: none !important;
	}
}

.mobile-nav-drawer-inner {
	padding-bottom: 5rem;
}

.mobile-nav-drawer-inner::-webkit-scrollbar {
	width: .45rem;
}

.mobile-nav-drawer-inner::-webkit-scrollbar-thumb {
	border-color: transparent;
}

.breadcrumb-shell .breeze-breadcrumb {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(239, 246, 255, .92)),
		#fff;
}

.dark .breadcrumb-shell .breeze-breadcrumb {
	background:
		linear-gradient(135deg, rgba(3, 5, 10, .98), rgba(8, 12, 20, .94)),
		#03050a;
}

.breadcrumb-shell .breeze-breadcrumb a {
	color: #1e80ff !important;
}

/* IsletBreeze cleanup v4 */
:root {
	--ib-page-bg: #f6f8fb;
	--ib-surface: #ffffff;
	--ib-surface-strong: #ffffff;
	--ib-surface-soft: #f8fafc;
	--ib-line-soft: #e5eaf2;
	--ib-text: #172033;
	--ib-text-strong: #172033;
	--ib-text-normal: #334155;
	--ib-text-muted: #718096;
	--ib-blue: #1e80ff;
	--ib-blue-soft: #eef6ff;
	--ib-on-media: #ffffff;
	--ib-shadow: 0 10px 28px rgba(15, 23, 42, .045);
	--ib-shadow-strong: 0 14px 34px rgba(15, 23, 42, .07);
}

.dark {
	--ib-page-bg: #05070c;
	--ib-surface: #0b1019;
	--ib-surface-strong: #101722;
	--ib-surface-soft: #111827;
	--ib-line-soft: #1f2937;
	--ib-text: #edf4fb;
	--ib-text-strong: #edf4fb;
	--ib-text-normal: #cbd6e2;
	--ib-text-muted: #8f9bad;
	--ib-blue-soft: rgba(96, 165, 250, .12);
	--ib-on-media: #ffffff;
	--ib-shadow: 0 12px 30px rgba(0, 0, 0, .24);
	--ib-shadow-strong: 0 16px 36px rgba(0, 0, 0, .3);
}

.site-shell,
html:not(.dark) .site-shell,
.dark .site-shell {
	background: var(--ib-page-bg) !important;
	background-image: none !important;
	color: var(--ib-text-normal);
}

.font-black {
	color: var(--ib-font-black-color, var(--ib-text-strong));
}

.dark .font-black {
	color: var(--ib-font-black-color, var(--ib-text-strong));
}

.text-white.font-black,
.text-white .font-black,
[class~="text-white/82"].font-black,
[class~="text-white/84"].font-black,
[class~="text-white/88"].font-black,
.carousel-slide .font-black,
.home-feature-body .font-black,
.home-feature-body.font-black,
.bg-juejin-500.font-black,
.bg-rose-500.font-black,
.bg-amber-500.font-black {
	--ib-font-black-color: var(--ib-on-media);
}

.breeze-panel,
.widget,
.link-box,
.article-shell,
.article-entry-head,
.pagination-shell,
.site-search-card,
.site-search-history,
.breeze-neighbor-card {
	border: 1px solid var(--ib-line-soft) !important;
	background: color-mix(in srgb, var(--ib-surface) 94%, transparent) !important;
	box-shadow: var(--ib-shadow) !important;
}

.breeze-panel:hover,
.widget:hover,
.link-box:hover,
.post-list:hover,
.home-hot-card:hover {
	box-shadow: var(--ib-shadow-strong) !important;
}

.top-rank-strip,
.top-bar,
.dark .top-rank-strip,
.dark .top-bar {
	background: color-mix(in srgb, var(--ib-surface) 94%, transparent) !important;
	background-image: none !important;
	border-color: var(--ib-line-soft) !important;
	box-shadow: none !important;
}

.top-bar-navigation .breeze-nav-link {
	background: transparent !important;
	color: var(--ib-text-normal) !important;
	box-shadow: none !important;
}

.top-bar-navigation .breeze-nav-link:hover,
.top-bar-navigation .breeze-nav-link.is-active {
	background: transparent !important;
	color: var(--ib-blue) !important;
}

.top-bar-navigation .breeze-nav-link::after {
	right: .9rem;
	left: .9rem;
	bottom: .42rem;
	height: 2px;
	border-radius: 999px;
	background: transparent;
}

.top-bar-navigation .breeze-nav-link.is-active::after {
	background: var(--ib-blue) !important;
}

.breeze-dropdown-link.is-active,
.mobile-nav-link.is-active,
.mobile-nav-group.is-active > summary {
	color: var(--ib-blue) !important;
}

.breeze-dropdown-link.is-active {
	background: var(--ib-blue-soft) !important;
}

.top-inline-search {
	width: clamp(15.5rem, 23vw, 22rem) !important;
	max-width: 22rem !important;
	height: 2.55rem !important;
	flex: 0 1 auto !important;
	border: 1px solid var(--ib-line-soft) !important;
	border-radius: .85rem !important;
	background: var(--ib-surface-soft) !important;
	box-shadow: none !important;
}

.top-inline-search .xf-search-area {
	padding: 0 .75rem !important;
	color: var(--ib-text-muted) !important;
}

.top-inline-search input,
.site-search-form input,
.mobile-search-panel input {
	background: transparent !important;
	color: var(--ib-text-normal) !important;
	font-size: .88rem !important;
	font-weight: 750 !important;
}

.top-inline-search input::placeholder,
.site-search-form input::placeholder,
.mobile-search-panel input::placeholder {
	color: var(--ib-text-muted) !important;
}

.top-inline-search .xf-search-submit {
	padding: 0 1rem;
	color: var(--ib-text-muted) !important;
}

.top-inline-search .xf-search-submit:hover {
	background: var(--ib-blue) !important;
	color: #fff !important;
}

.top-inline-search:hover .xf-search-submit,
.top-inline-search:focus-within .xf-search-submit {
	background: var(--ib-blue) !important;
	color: #fff !important;
}

.breeze-breadcrumb a {
	color: var(--ib-blue) !important;
}

.breeze-breadcrumb a:hover {
	color: #1668d8 !important;
}

.home-filter-tabs {
	display: inline-flex;
	border: 1px solid var(--ib-line-soft);
	border-radius: 999px;
	background: var(--ib-surface-soft);
	padding: .25rem;
}

.home-filter-tab {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	height: 2rem;
	border-radius: 999px;
	padding: 0 .8rem;
	color: var(--ib-text-muted);
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.home-filter-tab:hover,
.home-filter-tab.is-active {
	background: var(--ib-surface);
	color: var(--ib-blue);
	box-shadow: 0 6px 16px rgba(15, 23, 42, .06);
}

.post-list,
.post-list .entry-container {
	min-width: 0;
}

html:not(.dark) .post-list .entry-title,
html:not(.dark) .post-list .entry-title a {
	color: var(--ib-text-strong) !important;
}

.dark .post-list .entry-title,
.dark .post-list .entry-title a {
	color: var(--ib-text-strong) !important;
}

html:not(.dark) .post-list .entry-title a:hover,
.dark .post-list .entry-title a:hover {
	color: var(--ib-blue) !important;
}

.post-list.has-cover {
	align-items: stretch;
}

.post-list.no-cover {
	padding: 1.1rem 1.15rem !important;
}

.post-list .feaimg {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 10;
	min-height: 0 !important;
	background: var(--ib-surface-soft) !important;
}

.post-list .feaimg img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-list .fea-meta,
.post-list .fea-meta span,
.post-list .fea-meta i {
	color: var(--ib-text-muted) !important;
}

@media (min-width: 768px) {
	.post-list .feaimg {
		aspect-ratio: auto;
		height: 100%;
		min-height: 9.5rem !important;
	}
}

@media (max-width: 767px) {
	.post-list.has-cover {
		display: block;
	}

	.post-list .feaimg {
		aspect-ratio: 16 / 9;
		margin: 0 0 .85rem;
		max-height: 12rem;
	}
}

.home-hot-index,
.top-rank-index,
.xf-search-index {
	background: #94a3b8 !important;
	color: #fff !important;
}

.home-hot-list > li:nth-child(1) .home-hot-index,
.top-rank-track .top-rank-item:nth-of-type(1) .top-rank-index,
.site-search-hot-item:nth-child(1) .xf-search-index {
	background: #ef4444 !important;
}

.home-hot-list > li:nth-child(2) .home-hot-index,
.top-rank-track .top-rank-item:nth-of-type(2) .top-rank-index,
.site-search-hot-item:nth-child(2) .xf-search-index {
	background: #f59e0b !important;
}

.home-hot-list > li:nth-child(3) .home-hot-index,
.top-rank-track .top-rank-item:nth-of-type(3) .top-rank-index,
.site-search-hot-item:nth-child(3) .xf-search-index {
	background: var(--ib-blue) !important;
}

.latest-comment-avatar {
	overflow: hidden;
	background: var(--ib-surface-soft) !important;
	color: transparent !important;
}

.latest-comment-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-search-history {
	margin-top: 1rem;
	border-radius: .9rem;
	padding: .85rem;
}

.site-search-history-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	margin-bottom: .7rem;
}

.site-search-history-clear {
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--ib-text-muted) 12%, transparent);
	padding: .35rem .7rem;
	color: var(--ib-text-muted);
	font-size: .75rem;
	font-weight: 850;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

.site-search-history-clear:hover {
	background: rgba(239, 68, 68, .12);
	color: #ef4444;
}

.site-search-history-list {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
}

.site-search-history-item {
	display: inline-flex !important;
	align-items: center;
	gap: .2rem;
	padding: 0 !important;
	overflow: hidden;
}

.site-search-history-link {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	padding: .48rem .2rem .48rem .72rem;
	color: inherit;
	text-decoration: none;
}

.site-search-history-remove {
	display: inline-flex;
	width: 1.55rem;
	height: 1.55rem;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	margin-right: .32rem;
	color: var(--ib-text-muted);
	transition: background-color .2s ease, color .2s ease;
}

.site-search-history-remove:hover {
	background: rgba(239, 68, 68, .1);
	color: #ef4444;
}

.home-feature-card {
	position: relative;
	display: block;
	min-height: 172px;
	text-decoration: none;
}

.home-feature-card.islet-widget-loading {
	display: flex;
	min-height: 172px;
}

.home-feature-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-feature-mask {
	background:
		linear-gradient(180deg, rgba(2, 6, 23, .1), rgba(2, 6, 23, .84)),
		linear-gradient(90deg, rgba(30, 128, 255, .2), transparent 58%);
}

.home-feature-body {
	color: #fff;
	text-shadow: 0 4px 18px rgba(0, 0, 0, .52);
}

.home-feature-badge {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	border-radius: 999px;
	background: rgba(255, 255, 255, .18);
	padding: .38rem .7rem;
	color: #fff;
	font-size: .7rem;
	font-weight: 850;
	backdrop-filter: blur(12px);
}

.home-hot-list {
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.home-hot-card {
	border: 1px solid var(--ib-line-soft);
	background: var(--ib-surface);
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.home-hot-card:hover {
	border-color: color-mix(in srgb, var(--ib-blue) 36%, var(--ib-line-soft));
	transform: translateY(-1px);
}

.home-hot-cover {
	position: relative;
	width: 3.75rem;
	height: 3.75rem;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: .85rem;
	background: var(--ib-surface-soft);
}

.home-hot-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-hot-body {
	display: grid;
	min-width: 0;
	flex: 1;
	gap: .42rem;
}

.home-hot-top {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: .55rem;
}

.home-hot-title {
	min-width: 0;
	overflow: hidden;
	color: var(--ib-text-strong);
	font-size: .9rem;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-hot-meta {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	color: var(--ib-text-muted);
	font-size: .76rem;
	font-weight: 800;
}

.site-sidebar .breeze-kicker {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	border: 1px solid var(--ib-line-soft);
	border-radius: 999px;
	background: var(--ib-blue-soft);
	padding: .32rem .62rem;
	color: var(--ib-blue) !important;
	font-size: .7rem;
	line-height: 1;
}

.site-sidebar .breeze-kicker::before {
	width: .42rem;
	height: .42rem;
	border-radius: 999px;
	background: currentColor;
	opacity: .9;
}

.article-entry-head,
#comments,
.site-sidebar .breeze-panel,
.article-content,
.comment-body,
.comment-empty,
.comment-loading {
	color: var(--ib-text-normal) !important;
}

.article-entry-head h1,
#comments h2,
.site-sidebar .breeze-panel p.breeze-kicker,
.comment-head strong,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	color: var(--ib-text-strong) !important;
}

.article-content p,
.article-content li,
.comment-body p,
.comment-head span,
#commentMessage {
	color: var(--ib-text-normal) !important;
}

#commentNickname,
#commentEmail,
#commentInput,
.site-sidebar input[type="search"] {
	border-color: var(--ib-line-soft) !important;
	background: var(--ib-surface-soft) !important;
	color: var(--ib-text-normal) !important;
}

#commentNickname::placeholder,
#commentEmail::placeholder,
#commentInput::placeholder,
.site-sidebar input[type="search"]::placeholder {
	color: var(--ib-text-muted) !important;
}

#commentSubmit {
	background: var(--ib-blue) !important;
	color: #fff !important;
	box-shadow: none !important;
}

#commentSubmit:hover {
	background: #1668d8 !important;
}

.article-tag-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}

.article-tag-link:hover {
	background: var(--ib-blue-soft) !important;
	color: var(--ib-blue) !important;
}

.comment-node {
	overflow: visible;
	scroll-margin-top: 9rem;
}

.comment-node.is-target > .comment-body {
	border-color: rgba(30, 128, 255, .35);
	background: var(--ib-blue-soft);
	box-shadow: 0 0 0 4px rgba(30, 128, 255, .08);
}

.comment-children {
	margin-top: .9rem;
	border-left: 1px solid var(--ib-line-soft);
	padding-left: .9rem;
	min-width: 0;
	overflow: visible;
}

.article-hero > .absolute.inset-0 {
	background:
		linear-gradient(180deg, rgba(2, 6, 23, .08), rgba(2, 6, 23, .76)),
		linear-gradient(90deg, rgba(2, 6, 23, .36), transparent 60%) !important;
}

.article-hero-meta,
.article-hero-meta * {
	color: rgba(255, 255, 255, .88);
	text-shadow: 0 3px 14px rgba(0, 0, 0, .62), 0 1px 1px rgba(0, 0, 0, .48);
}

.mobile-nav-drawer {
	background: var(--ib-surface-strong);
	box-shadow: -22px 0 64px rgba(15, 23, 42, .2);
}

.dark .mobile-nav-drawer {
	background: #030712 !important;
	box-shadow: -22px 0 64px rgba(0, 0, 0, .52);
}

.mobile-nav-drawer-inner {
	height: 100%;
	max-height: 100dvh;
	overflow-y: auto;
	padding: max(1rem, env(safe-area-inset-top)) 1rem calc(5rem + env(safe-area-inset-bottom)) 1.25rem;
}

.mobile-nav-drawer {
	width: min(80vw, 23rem) !important;
	max-width: 80vw !important;
}

.mobile-nav-drawer.is-open {
	transform: translateX(0) !important;
}

.mobile-nav-drawer-inner a,
.mobile-nav-drawer-inner summary,
.mobile-nav-drawer-inner span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pagination-shell {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.pagination-summary {
	display: none !important;
}

.islet-pagination {
	justify-content: flex-start;
	padding: 0;
	overflow-x: auto;
}

.islet-pagination-list {
	display: inline-flex;
	align-items: center;
	gap: .5rem !important;
	min-width: max-content;
	padding: .25rem 0;
}

.islet-pagination li a,
.islet-page-total span {
	display: inline-flex;
	min-width: 2.45rem !important;
	height: 2.45rem !important;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(148, 163, 184, .34) !important;
	border-radius: .65rem !important;
	background: var(--ib-surface) !important;
	color: var(--ib-text-normal) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
	font-size: .88rem !important;
	font-weight: 850 !important;
	text-decoration: none;
	white-space: nowrap;
}

.islet-pagination li.prev a,
.islet-pagination li.next a,
.islet-pagination li.first a,
.islet-pagination li.last a,
.islet-page-total span {
	min-width: auto !important;
	padding: 0 1.2rem;
}

.islet-pagination li.active a {
	border-color: var(--ib-blue) !important;
	background: var(--ib-blue) !important;
	color: #fff !important;
	box-shadow: none !important;
}

.islet-pagination li a:hover {
	border-color: var(--ib-blue) !important;
	color: var(--ib-blue) !important;
	transform: none;
	box-shadow: none !important;
}

.islet-pagination li.active a:hover {
	color: #fff !important;
}

.islet-page-total span {
	color: var(--ib-text-muted) !important;
}

.islet-pagination li.disabled {
	display: none !important;
}

.carousel-dot {
	position: relative;
	width: 1.65rem !important;
	height: .52rem !important;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .58) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, .22)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .62),
		inset 0 -1px 0 rgba(15, 23, 42, .08),
		0 8px 20px rgba(15, 23, 42, .20);
	backdrop-filter: blur(14px) saturate(1.45);
	-webkit-backdrop-filter: blur(14px) saturate(1.45);
	opacity: .82;
	transition: width .28s ease, opacity .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.carousel-dot::after {
	position: absolute;
	top: 1px;
	left: 12%;
	width: 44%;
	height: 1px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .78);
	content: "";
	opacity: .7;
	pointer-events: none;
}

.carousel-dot:hover {
	opacity: 1;
	transform: translateY(-1px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .7),
		inset 0 -1px 0 rgba(15, 23, 42, .08),
		0 10px 24px rgba(15, 23, 42, .24);
}

.carousel-dot.is-active {
	width: 2.15rem !important;
	border-color: rgba(255, 255, 255, .86) !important;
	background:
		linear-gradient(135deg, rgba(30, 128, 255, .88), rgba(96, 165, 250, .58)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .58),
		0 10px 26px rgba(30, 128, 255, .34);
	opacity: 1;
}

.dark .carousel-dot {
	border-color: rgba(255, 255, 255, .34) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .24), rgba(15, 23, 42, .34)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .32),
		inset 0 -1px 0 rgba(0, 0, 0, .2),
		0 9px 24px rgba(0, 0, 0, .36);
}

.dark .carousel-dot.is-active {
	border-color: rgba(255, 255, 255, .72) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(125, 211, 252, .56)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .68),
		0 10px 28px rgba(125, 211, 252, .26);
}

.footer-records,
.footer-record-badges {
	color: color-mix(in srgb, var(--ib-text-muted) 72%, transparent) !important;
	font-size: .76rem !important;
}

.footer-runtime,
.footer-runtime-item,
.footer-record-badge {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

.footer-runtime-item,
.footer-record-badge {
	background: transparent !important;
	padding: 0 !important;
}

.footer-records a,
.footer-record-badges a {
	color: color-mix(in srgb, var(--ib-text-muted) 78%, transparent) !important;
}

.footer-records a:hover,
.footer-record-badges a:hover {
	color: var(--ib-blue) !important;
}

.site-footer {
	overflow: hidden;
	background: color-mix(in srgb, var(--ib-surface) 92%, transparent) !important;
	color: var(--ib-text-muted);
}

.site-footer strong,
.site-footer .font-black {
	color: var(--ib-text-strong) !important;
	text-shadow: none !important;
}

.dark .site-footer strong,
.dark .site-footer .font-black {
	color: var(--ib-text-strong) !important;
}

::selection {
	background: rgba(30, 128, 255, .18);
	color: #0f172a;
}

.dark ::selection {
	background: rgba(96, 165, 250, .32);
	color: #f8fafc;
}

.site-footer .footer-link-stack {
	align-items: center;
	gap: .55rem;
}

.footer-pill-link {
	display: inline-flex;
	max-width: min(13rem, 100%);
	height: 2.05rem;
	align-items: center;
	gap: .42rem;
	overflow: hidden;
	border: 1px solid var(--ib-line-soft);
	border-radius: 999px;
	background: var(--ib-surface-soft);
	padding: 0 .72rem;
	color: var(--ib-text-muted);
	font-size: .78rem;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.footer-pill-link:hover {
	border-color: color-mix(in srgb, var(--ib-blue) 38%, var(--ib-line-soft));
	background: var(--ib-blue-soft);
	color: var(--ib-blue);
}

.footer-pill-link i,
.footer-runtime-item i {
	flex: 0 0 auto;
	font-size: .95rem;
	line-height: 1;
}

.footer-friend-logo {
	display: block;
	width: 1.18rem;
	height: 1.18rem;
	min-width: 1.18rem;
	max-width: 1.18rem;
	border-radius: 999px;
	object-fit: cover;
	background: var(--ib-surface);
}

.footer-records {
	align-items: center;
	line-height: 1.65;
}

.footer-copyright,
.footer-runtime,
.footer-record-badges {
	min-width: 0;
}

.footer-runtime-item,
.footer-record-badge {
	display: inline-flex;
	align-items: center;
	gap: .32rem;
	line-height: 1.45;
}

.footer-runtime-item b {
	color: color-mix(in srgb, var(--ib-text-muted) 82%, transparent);
	font-weight: 750;
}

.footer-record-badge img {
	display: block;
	width: .9rem;
	height: .9rem;
	min-width: .9rem;
	max-width: .9rem;
	object-fit: contain;
	opacity: .72;
}

#link-home {
	align-items: stretch;
	gap: .45rem;
}

#link-home .link-item {
	min-width: 0;
}

#link-home .link-item a,
#link-home .link-item span {
	border-radius: .55rem;
	padding: .34rem .55rem;
	font-size: .76rem;
	line-height: 1.2;
}

.friend-link-card {
	display: inline-flex;
	max-width: 11rem;
	min-height: 2rem;
	align-items: center;
	gap: .38rem;
	overflow: hidden;
	border: 1px solid var(--ib-line-soft);
	border-radius: .55rem;
	background: var(--ib-surface-soft);
	padding: .34rem .55rem;
	color: var(--ib-text-normal);
	font-size: .76rem;
	text-decoration: none;
}

.friend-link-card:hover {
	border-color: color-mix(in srgb, var(--ib-blue) 38%, var(--ib-line-soft));
	background: var(--ib-blue-soft);
	color: var(--ib-blue);
}

.friend-link-logo {
	display: block;
	width: 1.15rem;
	height: 1.15rem;
	min-width: 1.15rem;
	max-width: 1.15rem;
	border-radius: .34rem;
	object-fit: cover;
	background: var(--ib-surface);
}

.friend-link-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* IsletBreeze polish v5 */
:root {
	--ib-line-faint: rgba(148, 163, 184, .22);
	--ib-red: #ef4444;
	--ib-red-soft: rgba(239, 68, 68, .1);
}

.dark {
	--ib-line-faint: rgba(71, 85, 105, .36);
	--ib-red-soft: rgba(239, 68, 68, .16);
}

.top-bar,
.top-rank-strip,
.site-footer,
.top-bar .border-t,
.mobile-search-panel,
.mobile-nav-drawer,
.mobile-nav-drawer-inner .border-b {
	border-color: var(--ib-line-faint) !important;
}

.site-logo-mark {
	box-shadow: none !important;
}

.side_tag_cloud .tag-cloud-item {
	position: relative;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	transform: translateZ(0);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, filter .22s ease;
	will-change: transform;
}

.side_tag_cloud .tag-cloud-item::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .42) 45%, transparent 72%);
	content: "";
	opacity: 0;
	transform: translateX(-120%);
	transition: opacity .22s ease, transform .42s ease;
	pointer-events: none;
}

.side_tag_cloud .tag-cloud-item:hover {
	border-color: color-mix(in srgb, currentColor 34%, transparent);
	box-shadow: 0 10px 22px color-mix(in srgb, currentColor 14%, transparent);
	filter: saturate(1.08);
	transform: translateY(-3px) scale(1.03);
}

.side_tag_cloud .tag-cloud-item:hover::after {
	opacity: .82;
	transform: translateX(120%);
}

.breeze-dropdown {
	border-color: var(--ib-line-faint) !important;
	background: color-mix(in srgb, var(--ib-surface) 96%, transparent) !important;
	box-shadow: 0 18px 38px rgba(15, 23, 42, .08) !important;
}

.dark .breeze-dropdown {
	box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

.breeze-dropdown-link,
.mobile-nav-link,
.mobile-nav-group summary {
	color: var(--ib-text-normal) !important;
}

.breeze-dropdown-link span,
.mobile-nav-link span,
.mobile-nav-group summary span,
.top-bar-navigation .breeze-nav-link span,
.top-bar-navigation .breeze-nav-link i {
	color: inherit !important;
}

.breeze-dropdown-link:hover,
.breeze-dropdown-link.is-active,
.mobile-nav-link:hover,
.mobile-nav-link.is-active,
.mobile-nav-group.is-active > summary {
	background: var(--ib-blue-soft) !important;
	color: var(--ib-blue) !important;
}

.site-search-history[hidden] {
	display: none !important;
}

.is-article-page .article-entry-head {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ib-blue) 7%, var(--ib-surface)) 0%, var(--ib-surface) 42%, color-mix(in srgb, var(--ib-red) 6%, var(--ib-surface)) 100%) !important;
}

.is-article-page .article-entry-head::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--ib-red), var(--ib-blue), #10b981);
	content: "";
}

.is-article-page .article-entry-head h1 {
	max-width: 58rem;
	font-size: clamp(1.65rem, 2.55vw, 2.45rem) !important;
	line-height: 1.16 !important;
}

.is-article-page .article-entry-head .article-tag-link {
	border: 1px solid color-mix(in srgb, var(--ib-blue) 24%, var(--ib-line-soft)) !important;
	background: var(--ib-blue-soft) !important;
	color: var(--ib-blue) !important;
}

.is-article-page .article-entry-head .article-tag-link:hover {
	border-color: color-mix(in srgb, var(--ib-blue) 54%, var(--ib-line-soft)) !important;
	background: color-mix(in srgb, var(--ib-blue) 14%, var(--ib-surface)) !important;
	color: var(--ib-blue) !important;
}

.article-hero-actions .breeze-action-button[data-article-action="like"],
.article-mobile-action[data-article-action="like"].is-active,
.article-rail-button[data-article-action="like"].is-active {
	border-color: var(--ib-red) !important;
	background: var(--ib-red) !important;
	color: #fff !important;
}

.article-hero-actions .breeze-action-button[data-article-action="like"]:hover {
	background: #dc2626 !important;
	color: #fff !important;
}

.article-hero-actions .breeze-action-button[data-article-action="collect"] {
	border-color: color-mix(in srgb, var(--ib-red) 28%, var(--ib-line-soft)) !important;
	background: color-mix(in srgb, var(--ib-red) 9%, var(--ib-surface)) !important;
	color: var(--ib-red) !important;
}

.article-hero-actions .breeze-action-button[data-article-action="collect"]:hover,
.article-hero-actions .breeze-action-button[data-article-action="collect"].is-active {
	border-color: var(--ib-red) !important;
	background: var(--ib-red) !important;
	color: #fff !important;
}

.article-hero-actions .breeze-action-button[data-article-action="share"] {
	border-color: color-mix(in srgb, #10b981 26%, var(--ib-line-soft)) !important;
	color: #059669 !important;
}

.article-hero-actions .breeze-action-button[data-article-action="ai-parse"] {
	border-color: color-mix(in srgb, #8b5cf6 26%, var(--ib-line-soft)) !important;
	color: #7c3aed !important;
}

.article-action-count,
.comment-total-badge {
	border: 1px solid var(--ib-line-faint) !important;
	background: var(--ib-surface-soft) !important;
	color: var(--ib-text-normal) !important;
}

.article-like-count i,
.article-like-count b,
.article-collect-count i,
.article-collect-count b {
	color: var(--ib-red) !important;
}

.comment-total-badge {
	background: var(--ib-blue-soft) !important;
	color: var(--ib-blue) !important;
}

.is-article-page .site-sidebar .breeze-panel {
	border-color: var(--ib-line-faint) !important;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ib-surface) 96%, transparent), color-mix(in srgb, var(--ib-blue) 4%, var(--ib-surface))) !important;
	color: var(--ib-text-normal) !important;
}

.is-article-page .site-sidebar form[data-search-form] {
	align-items: center;
	border: 1px solid var(--ib-line-faint);
	border-radius: .75rem;
	background: var(--ib-surface-soft);
	padding: .35rem;
}

.is-article-page .site-sidebar form[data-search-form] input[type="search"] {
	height: 2.35rem;
	border: 0 !important;
	background: transparent !important;
	color: var(--ib-text-normal) !important;
	box-shadow: none !important;
}

.is-article-page .site-sidebar form[data-search-form] input[type="search"]:focus {
	box-shadow: none !important;
}

.is-article-page .site-sidebar form[data-search-form] button[type="submit"] {
	display: inline-flex;
	width: 2.35rem;
	height: 2.35rem;
	align-items: center;
	justify-content: center;
	border: 0;
	background: var(--ib-blue) !important;
	color: #fff !important;
	box-shadow: none !important;
	transition: background-color .2s ease, transform .2s ease;
}

.is-article-page .site-sidebar form[data-search-form] button[type="submit"]:hover {
	background: #1668d8 !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.is-article-page .article-sidebar-link {
	display: grid;
	gap: .32rem;
	border: 1px solid var(--ib-line-faint);
	border-radius: .7rem;
	background: color-mix(in srgb, var(--ib-surface-soft) 86%, transparent);
	padding: .72rem .82rem;
	color: var(--ib-text-normal);
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.is-article-page .article-sidebar-link:hover {
	border-color: color-mix(in srgb, var(--ib-blue) 36%, var(--ib-line-soft));
	background: var(--ib-blue-soft);
	transform: translateY(-1px);
}

.is-article-page .article-sidebar-link-title {
	color: var(--ib-text-strong) !important;
	font-size: .88rem;
	font-weight: 850;
	line-height: 1.45;
}

.is-article-page .article-sidebar-link:hover .article-sidebar-link-title {
	color: var(--ib-blue) !important;
}

.is-article-page .article-sidebar-link-meta,
.is-article-page .article-sidebar-empty {
	color: var(--ib-text-muted) !important;
	font-size: .74rem;
	font-weight: 750;
}

.is-article-page .article-sidebar-empty {
	display: block;
	border: 1px dashed var(--ib-line-faint);
	border-radius: .7rem;
	background: color-mix(in srgb, var(--ib-surface-soft) 76%, transparent);
	padding: .8rem;
	text-align: center;
}

.is-article-page .site-sidebar .breeze-panel .mt-4 > span:not(.article-sidebar-empty) {
	border: 1px solid var(--ib-line-faint) !important;
	background: color-mix(in srgb, var(--ib-surface-soft) 92%, transparent) !important;
	color: var(--ib-text-normal) !important;
}

.is-article-page .site-sidebar .breeze-panel .mt-4 > span:not(.article-sidebar-empty) b {
	color: var(--ib-text-strong) !important;
}

.is-article-page .site-sidebar .breeze-panel .mt-4 > span:not(.article-sidebar-empty):nth-child(1) i {
	color: var(--ib-red);
}

.is-article-page .site-sidebar .breeze-panel .mt-4 > span:not(.article-sidebar-empty):nth-child(2) i {
	color: var(--ib-red);
}

.is-article-page .site-sidebar .breeze-panel .mt-4 > span:not(.article-sidebar-empty):nth-child(3) i {
	color: var(--ib-blue);
}

.is-article-page .site-sidebar .breeze-panel .mt-4 > span:not(.article-sidebar-empty):nth-child(4) i {
	color: #10b981;
}

.article-rail-button[data-article-action="like"]:hover,
.article-rail-button[data-article-action="collect"]:hover,
.article-rail-button[data-article-action="collect"].is-active {
	border-color: color-mix(in srgb, var(--ib-red) 38%, var(--ib-line-soft)) !important;
	background: var(--ib-red-soft) !important;
	color: var(--ib-red) !important;
}

.article-mobile-action[data-article-action="like"] i,
.article-mobile-action[data-article-action="collect"] i {
	color: var(--ib-red);
}

.article-mobile-action[data-article-action="like"]:hover,
.article-mobile-action[data-article-action="like"].is-active,
.article-mobile-action[data-article-action="collect"]:hover,
.article-mobile-action[data-article-action="collect"].is-active {
	border-color: var(--ib-red) !important;
	background: var(--ib-red) !important;
	color: #fff !important;
}

.article-mobile-action[data-article-action="like"]:hover i,
.article-mobile-action[data-article-action="like"].is-active i,
.article-mobile-action[data-article-action="collect"]:hover i,
.article-mobile-action[data-article-action="collect"].is-active i {
	color: #fff;
}

@media (max-width: 640px) {
	.home-filter-tabs {
		width: 100%;
		justify-content: space-between;
	}

	.home-filter-tab {
		flex: 1;
		justify-content: center;
		padding: 0 .55rem;
	}

	.mobile-nav-drawer {
		width: 80vw !important;
		max-width: 80vw !important;
	}

	.islet-pagination {
		justify-content: center;
		width: 100%;
		overflow-x: visible;
	}

	.islet-pagination-list {
		display: flex;
		width: 100%;
		min-width: 0;
		flex-wrap: wrap;
		justify-content: center;
		gap: .32rem !important;
		padding: .08rem !important;
	}

	.islet-pagination li.prev a,
	.islet-pagination li.next a,
	.islet-pagination li.first a,
	.islet-pagination li.last a {
		width: auto !important;
		padding: 0 .5rem;
	}

	.islet-pagination li a,
	.islet-page-total span {
		min-width: 1.9rem !important;
		height: 1.9rem !important;
		border-radius: .52rem !important;
		font-size: .72rem !important;
	}

	.islet-page-total span {
		padding: 0 .5rem;
	}

	.comment-node,
	.comment-node[data-depth="1"],
	.comment-node[data-depth="2"] {
		margin-left: 0;
		grid-template-columns: 34px minmax(0, 1fr);
		gap: .7rem;
	}

	.comment-avatar {
		width: 34px;
		height: 34px;
	}

	.comment-children {
		margin-top: .75rem;
		margin-left: calc(-34px - .7rem);
		width: calc(100% + 34px + .7rem);
		padding-left: .65rem;
	}
}