.mugcxpb-posts-section {
	--mugcxpb-gap: 16px;
	--mugcxpb-radius: 6px;
	--mugcxpb-border: var(--main-border-color, rgba(50, 50, 50, .06));
	--mugcxpb-shadow: 0 1px 2px rgba(34, 36, 38, .025);
	--mugcxpb-loading-footer-gap: 32px
}

.mugcxpb-posts-section {
	position: relative
}

.mugcxpb-masonry {
	display: grid;
	grid-auto-rows: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--mugcxpb-gap);
	align-items: start
}

.mugcxpb-first-layout-stage {
	display: grid
}

.mugcxpb-first-layout-stage>.mugcxpb-first-layout-skeleton,
.mugcxpb-first-layout-stage>.mugcxpb-masonry {
	grid-area: 1/1
}

.mugcxpb-first-layout-skeleton {
	display: none
}

.mugcxpb-first-layout-pending .mugcxpb-first-layout-skeleton {
	display: block
}

.mugcxpb-first-layout-pending>.mugcxpb-loading-slot,
.mugcxpb-first-layout-pending>.mugcxpb-posts-empty {
	visibility: hidden
}

.mugcxpb-masonry.mugcxpb-layout-pending,
.mugcxpb-post-card.mugcxpb-layout-pending-card {
	visibility: hidden
}

.mugcxpb-post-card {
	position: relative;
	min-width: 0;
	overflow: hidden;
	border: 0;
	border-radius: var(--mugcxpb-radius);
	background: var(--main-bg-color, #fff);
	box-shadow: var(--mugcxpb-shadow)
}

.mugcxpb-post-skeleton {
	--mugcxpb-skeleton-base: rgba(125, 125, 125, .1);
	--mugcxpb-skeleton-shine: rgba(255, 255, 255, .46);
	min-width: 0;
	overflow: hidden;
	border-radius: var(--mugcxpb-radius);
	background: var(--main-bg-color, #fff);
	box-shadow: var(--mugcxpb-shadow);
	pointer-events: none
}

.mugcxpb-initial-skeleton-grid {
	--mugcxpb-gap: 16px;
	--mugcxpb-radius: 6px;
	--mugcxpb-shadow: 0 1px 2px rgba(34, 36, 38, .025);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--mugcxpb-gap);
	padding-bottom: 32px;
	align-items: start
}

.mugcxpb-first-layout-skeleton .mugcxpb-initial-skeleton-grid {
	padding-bottom: 0
}

.mugcxpb-initial-skeleton-column {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: var(--mugcxpb-gap)
}

.mugcxpb-loading-slot {
	display: flex;
	height: 46px;
	margin-top: 16px;
	align-items: center;
	justify-content: center;
	transition: margin-top .2s ease
}

.mugcxpb-loading-slot-done {
	height: 0;
	margin-top: 0
}

.mugcxpb-loading-slot-done .mugcxpb-load-more {
	display: none
}

.mugcxpb-loading-skeleton-grid {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease
}

.mugcxpb-loading-skeleton-grid>.mugcxpb-post-skeleton {
	position: absolute;
	top: 0;
	left: 0
}

.mugcxpb-loading-slot-active .mugcxpb-loading-skeleton-grid {
	opacity: 1;
	visibility: visible
}

.mugcxpb-loading-slot-leave .mugcxpb-loading-skeleton-grid {
	opacity: 0;
	visibility: visible
}

.mugcxpb-loading-slot-active .mugcxpb-load-more,
.mugcxpb-loading-slot-leave .mugcxpb-load-more {
	visibility: hidden
}

.mugcxpb-loading-slot .mugcxpb-load-more {
	margin: 0
}

.mugcxpb-loaded-card {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .22s ease, transform .22s ease
}

.mugcxpb-loaded-card-ready {
	opacity: 1;
	transform: none
}

.dark-theme .mugcxpb-post-skeleton {
	--mugcxpb-skeleton-base: rgba(255, 255, 255, .09);
	--mugcxpb-skeleton-shine: rgba(255, 255, 255, .08)
}

.mugcxpb-skeleton-block {
	background: linear-gradient(100deg, transparent 24%, var(--mugcxpb-skeleton-shine) 42%, transparent 60%) 150% 0/220% 100% no-repeat, var(--mugcxpb-skeleton-base);
	animation: mugcxpb-skeleton-shimmer 1.35s ease-in-out infinite
}

.mugcxpb-skeleton-media {
	width: 100%;
	height: 0;
	padding-top: 88%
}

.mugcxpb-post-skeleton-2 .mugcxpb-skeleton-media {
	padding-top: 118%
}

.mugcxpb-post-skeleton-3 .mugcxpb-skeleton-media {
	padding-top: 76%
}

.mugcxpb-post-skeleton-4 .mugcxpb-skeleton-media {
	padding-top: 104%
}

.mugcxpb-skeleton-body {
	display: flex;
	padding: 15px 16px 16px;
	flex-direction: column;
	gap: 9px
}

.mugcxpb-skeleton-title {
	display: block;
	width: 100%;
	height: 14px;
	border-radius: 7px
}

.mugcxpb-skeleton-title-short {
	width: 68%
}

.mugcxpb-skeleton-author {
	display: flex;
	min-width: 0;
	margin-top: 4px;
	align-items: center;
	gap: 7px
}

.mugcxpb-skeleton-avatar {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: 50%
}

.mugcxpb-skeleton-name {
	width: 34%;
	height: 10px;
	border-radius: 5px
}

.mugcxpb-skeleton-stat {
	width: 22%;
	height: 10px;
	margin-left: auto;
	border-radius: 5px
}

@keyframes mugcxpb-skeleton-shimmer {
	to {
		background-position: -150% 0, 0 0
	}
}

.mugcxpb-card-media {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	border: 0;
	padding: 0;
	background: rgba(125, 125, 125, .08);
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none
}

.mugcxpb-card-media::after,
.mugcxpb-card-text-cover::after {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, .1);
	content: "";
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease
}

.mugcxpb-card-media:hover::after,
.mugcxpb-card-text-cover:hover::after {
	opacity: 1
}

.mugcxpb-card-media img,
.mugcxpb-card-media video {
	display: block;
	width: 100%;
	max-height: 680px;
	object-fit: cover;
	transition: transform .25s ease
}

.mugcxpb-card-media:hover img {
	transform: scale(1.025)
}

.mugcxpb-card-media.mugcxpb-suppress-hover::after,
.mugcxpb-card-text-cover.mugcxpb-suppress-hover::after {
	opacity: 0
}

.mugcxpb-card-media.mugcxpb-suppress-hover img {
	transform: none
}

.mugcxpb-card-text-cover {
	--mugcxpb-tone-accent: #f7a8c8;
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	border: 0;
	padding-top: 130%;
	overflow: hidden;
	border-radius: var(--mugcxpb-radius) var(--mugcxpb-radius) 0 0;
	background: linear-gradient(135deg, #ffeef8 0%, #ffe4f1 100%);
	color: inherit;
	font: inherit;
	text-align: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none
}

/* ★ 列表文字封面统一控制：W≤250 / H≤350（padding-top:130% → 高=250×1.3=325≤350 恒成立），
   列宽超过 250px 时封面居中收缩，移动端窄列自动占满（自适应）。
   :not(.mugcxpb-modal-text-cover) 排除弹窗左侧封面：弹窗封面需占满左侧栏，不受此约束 */
.mugcxpb-card-text-cover:not(.mugcxpb-modal-text-cover) {
	max-width: 250px;
	margin: 0 auto;
}

.mugcxpb-card-tone-2 {
	--mugcxpb-tone-accent: #9cc8f0;
	background: linear-gradient(135deg, #e8f4fd 0%, #d6eafb 100%)
}

.mugcxpb-card-tone-3 {
	--mugcxpb-tone-accent: #eecf7a;
	background: linear-gradient(135deg, #fff9e6 0%, #fff3cc 100%)
}

.mugcxpb-card-tone-4 {
	--mugcxpb-tone-accent: #9fd9bd;
	background: linear-gradient(135deg, #e8f8f0 0%, #d4f1e3 100%)
}

.mugcxpb-card-tone-5 {
	--mugcxpb-tone-accent: #c5b3f5;
	background: linear-gradient(135deg, #f5f0ff 0%, #ebe3ff 100%)
}

.mugcxpb-card-tone-6 {
	--mugcxpb-tone-accent: #f6b39a;
	background: linear-gradient(135deg, #fff0eb 0%, #ffe0d6 100%)
}

.mugcxpb-card-tone-7 {
	--mugcxpb-tone-accent: #a8d8f5;
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%)
}

.mugcxpb-card-tone-8 {
	--mugcxpb-tone-accent: #f5b3ae;
	background: linear-gradient(135deg, #fef3f2 0%, #fee4e2 100%)
}

/* 深色模式：文字封面保持小红书马卡龙温柔色（与浅色一致），
   文字固定深色（同生产插件 .mugcxpb-cover-text-only：马卡龙底恒为浅色 → 深色文字才可读） */
.dark-theme .mugcxpb-card-text-cover {
	background: linear-gradient(135deg, #ffeef8 0%, #ffe4f1 100%)
}

.dark-theme .mugcxpb-card-tone-2 {
	background: linear-gradient(135deg, #e8f4fd 0%, #d6eafb 100%)
}

.dark-theme .mugcxpb-card-tone-3 {
	background: linear-gradient(135deg, #fff9e6 0%, #fff3cc 100%)
}

.dark-theme .mugcxpb-card-tone-4 {
	background: linear-gradient(135deg, #e8f8f0 0%, #d4f1e3 100%)
}

.dark-theme .mugcxpb-card-tone-5 {
	background: linear-gradient(135deg, #f5f0ff 0%, #ebe3ff 100%)
}

.dark-theme .mugcxpb-card-tone-6 {
	background: linear-gradient(135deg, #fff0eb 0%, #ffe0d6 100%)
}

.dark-theme .mugcxpb-card-tone-7 {
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%)
}

.dark-theme .mugcxpb-card-tone-8 {
	background: linear-gradient(135deg, #fef3f2 0%, #fee4e2 100%)
}

.mugcxpb-card-cover-content,
.mugcxpb-card-pattern {
	position: absolute;
	inset: 0
}

.mugcxpb-card-cover-content,
.mugcxpb-card-mark,
.mugcxpb-card-pattern {
	transition: transform .25s ease
}

.mugcxpb-card-text-cover:hover .mugcxpb-card-cover-content,
.mugcxpb-card-text-cover:hover .mugcxpb-card-mark,
.mugcxpb-card-text-cover:hover .mugcxpb-card-pattern {
	transform: scale(1.025)
}

.mugcxpb-card-text-cover.mugcxpb-suppress-hover .mugcxpb-card-cover-content,
.mugcxpb-card-text-cover.mugcxpb-suppress-hover .mugcxpb-card-mark,
.mugcxpb-card-text-cover.mugcxpb-suppress-hover .mugcxpb-card-pattern {
	transform: none
}

.mugcxpb-card-pattern {
	background: radial-gradient(var(--mugcxpb-tone-accent) .7px, transparent .7px) 0 0/13px 13px, linear-gradient(135deg, transparent, rgba(255, 255, 255, .22));
	opacity: .45
}

/* 小红书风格双引号（SVG fill=currentColor，颜色跟随 tone 色，仅装饰）
   列表卡片引号：尺寸/位置/透明度逐项对齐生产插件 .mugcxpb-quote-mark（30px） */
.mugcxpb-quote-mark {
	position: absolute;
	top: 6px;
	left: 8px;
	width: 30px;
	height: 30px;
	line-height: 1;
	color: var(--mugcxpb-tone-accent, rgba(0, 0, 0, .08));
	opacity: .6;
	font-weight: 900;
	user-select: none;
	pointer-events: none;
	/* z-index 2：必须高于 .mugcxpb-card-cover-content(z-index:1)。
	   弹窗文字封面 content 带不透明马卡龙内联背景，若同级会被它盖住（引号不可见） */
	z-index: 2
}
.mugcxpb-quote-mark svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor
}

/* 弹窗文字封面（横版左列）引号：左上角、稍微向中间靠，固定 40px（对齐生产插件 .mugcxpb-modal-text-cover） */
.mugcxpb-modal-text-cover .mugcxpb-quote-mark {
	top: 26px;
	left: 24px;
	width: 40px;
	height: 40px;
	opacity: 1
}

.mugcxpb-card-mark {
	position: absolute;
	right: -4px;
	bottom: -13px;
	color: var(--mugcxpb-tone-accent);
	font-size: clamp(82px, 8vw, 118px);
	font-weight: 700;
	line-height: 1;
	opacity: .2;
	pointer-events: none
}

.mugcxpb-card-cover-content {
	z-index: 1;
	display: flex;
	padding: 14px 20px;
	justify-content: center;
	flex-direction: column
}

/* 文字封面右上角版块标签（效仿生产插件 .mugcxpb-cover-plate）：白底胶囊，tone 彩色背景上自适应 */
.mugcxpb-card-cover-plate {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	max-width: 62%;
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.5;
	/* ★ 固定深色文字：白底胶囊在主题深色模式下 muted-color 变白 → 白底白字 */
	color: rgba(40, 42, 48, 0.66);
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 999px;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	user-select: none;
	pointer-events: none
}

.mugcxpb-card-cover-meta {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding-left: 36px;
	color: rgba(45, 49, 53, .45);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px
}

.mugcxpb-card-cover-copy {
	display: -webkit-box;
	overflow: hidden;
	/* ★ 固定深色文字：马卡龙背景恒为浅色，若用 var(--main-color) 在主题深色模式下
	   会变成白色 → 白底白字看不见。深浅主题下文字封面都必须是深色文字（同生产插件） */
	color: rgba(40, 42, 48, .78);
	font-weight: 500;
	text-align: center;
	-webkit-box-orient: vertical
}

.mugcxpb-card-cover-copy-short {
	font-size: 22px;
	line-height: 1.45;
	-webkit-line-clamp: 3
}

.mugcxpb-card-cover-copy-medium {
	font-size: 20px;
	line-height: 1.55;
	-webkit-line-clamp: 5
}

.mugcxpb-card-cover-copy-long {
	font-size: 16px;
	line-height: 1.65;
	text-align: left;
	-webkit-line-clamp: 8
}

.mugcxpb-card-cover-footer {
	color: rgba(45, 49, 53, .45);
	font-size: 12px;
	line-height: 16px
}

.dark-theme .mugcxpb-card-cover-footer,
.dark-theme .mugcxpb-card-cover-meta {
	color: rgba(45, 49, 53, .45)
}

/* 深色模式：马卡龙底恒浅 → 文字封面全部保持深色文字（同生产插件），删除白色覆盖 */
.dark-theme .mugcxpb-card-cover-copy {
	color: rgba(40, 42, 48, .78);
	text-shadow: none
}

.mugcxpb-card-body {
	position: relative;
	display: flex;
	max-width: 300px;
	margin: 0 auto;
	padding: 15px 16px 16px;
	flex-direction: column;
	gap: 8px
}

.mugcxpb-card-title {
	display: -webkit-box;
	width: 100%;
	overflow: hidden;
	border: 0;
	padding: 0;
	background: 0 0;
	color: inherit;
	font-family: inherit;
	/* ★ 标题+作者区 H≤75：标题 2 行(15×1.4×2=42) + gap 8 + 作者行 24 = 74 ≤ 75 */
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	cursor: pointer;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-appearance: none;
	appearance: none
}

.mugcxpb-card-media:focus-visible,
.mugcxpb-card-text-cover:focus-visible {
	outline: 2px solid var(--focus-color, #409eff);
	outline-offset: -3px
}

.mugcxpb-card-title:focus-visible {
	outline: 2px solid var(--focus-color, #409eff);
	outline-offset: 2px
}

.mugcxpb-card-author {
	display: flex;
	min-width: 0;
	align-items: center;
	flex-wrap: nowrap;
	gap: 8px;
	color: var(--muted-color, #777);
	font-size: 12px
}

.mugcxpb-card-author-link {
	display: flex;
	min-width: 0;
	overflow: visible;
	flex: 1 1 auto;
	align-items: center;
	gap: 6px;
	color: inherit
}

.mugcxpb-card-author-link:hover {
	color: var(--theme-color, #3a7afe)
}

.mugcxpb-card-author-link>.avatar-img {
	--this-size: 24px;
	flex: 0 0 24px;
	border: 0;
	box-shadow: none
}

.mugcxpb-card-author-link>.avatar-img>img.avatar {
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover
}

.mugcxpb-card-author-name {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mugcxpb-card-stats {
	display: flex;
	flex: 0 0 auto;
	margin-left: auto;
	align-items: center;
	gap: 7px;
	white-space: nowrap
}

.mugcxpb-card-stats>.item {
	display: inline-flex;
	margin: 0;
	align-items: center;
	gap: 3px
}

.mugcxpb-card-stats .icon {
	width: 1em;
	height: 1em;
	fill: currentColor
}

.mugcxpb-load-more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto 0;
	border: 0;
	border-radius: 30px;
	padding: 5px 15px;
	background: 0 0;
	color: var(--muted-color, #777);
	font: inherit;
	line-height: 1.42857143;
	opacity: .6;
	cursor: pointer;
	transition: background .3s, color .2s, opacity .3s
}

.mugcxpb-load-more:focus-visible,
.mugcxpb-load-more:hover {
	background: var(--main-border-color, rgba(50, 50, 50, .06));
	color: var(--muted-color, #777);
	opacity: 1
}

.mugcxpb-load-more:focus-visible {
	outline: 2px solid var(--focus-color, #409eff);
	outline-offset: 2px
}

.mugcxpb-load-more-icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
	margin-right: 15px;
	align-items: center;
	justify-content: center;
	transition: margin-right .3s
}

.mugcxpb-load-more:focus-visible .mugcxpb-load-more-icon,
.mugcxpb-load-more:hover .mugcxpb-load-more-icon {
	margin-right: 8px
}

.mugcxpb-load-more.is-error {
	color: #ff5473;
	opacity: .85
}

.mugcxpb-auto-sentinel {
	height: 1px
}

html.mugcxpb-modal-open {
	overflow-x: hidden;
	overflow-y: scroll
}

body.mugcxpb-modal-open {
	position: fixed;
	top: calc(-1 * var(--mugcxpb-modal-scroll-top, 0px));
	right: 0;
	left: 0;
	overflow: hidden
}

body.mugcxpb-modal-open>.modal-backdrop {
	z-index: 2147483200 !important
}

body.mugcxpb-modal-open>.modal,
body.mugcxpb-modal-open>.popover,
body.mugcxpb-modal-open>.tooltip {
	z-index: 2147483300 !important
}

body.mugcxpb-modal-open>#mini-imgbox {
	z-index: 2147483400 !important
}

body.mugcxpb-modal-open.mugcxpb-modal-imgbox-prepared .mugcxpb-modal-backdrop {
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important
}

body.mugcxpb-modal-open>.notyn {
	z-index: 2147483500 !important
}

.mugcxpb-modal {
	position: fixed;
	z-index: 2147483000;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	isolation: isolate;
	padding: 5vh 4.3vw;
	pointer-events: none
}

.mugcxpb-modal.mugcxpb-is-visible {
	pointer-events: auto
}

.mugcxpb-modal.mugcxpb-is-closing {
	z-index: var(--mugcxpb-modal-return-z-index, 2147483000);
	pointer-events: auto
}

.mugcxpb-modal-backdrop {
	position: absolute;
	z-index: 0;
	background: rgba(78, 82, 86, .56);
	inset: 0;
	backdrop-filter: blur(10px);
	opacity: 0;
	transition: opacity 320ms cubic-bezier(.4, 0, .2, 1);
	will-change: opacity
}

.mugcxpb-modal-close {
	display: none
}

.mugcxpb-modal.mugcxpb-is-visible .mugcxpb-modal-backdrop {
	opacity: 1
}

.mugcxpb-modal.mugcxpb-has-origin:not(.mugcxpb-is-closing) .mugcxpb-modal-backdrop {
	opacity: 1;
	transition-duration: 140ms
}

.mugcxpb-modal.mugcxpb-has-origin.mugcxpb-is-closing .mugcxpb-modal-backdrop {
	opacity: 0;
	transition-delay: 0s;
	transition-duration: .4s
}

.mugcxpb-modal.mugcxpb-is-preparing .mugcxpb-modal-backdrop,
.mugcxpb-modal.mugcxpb-is-preparing .mugcxpb-modal-cover,
.mugcxpb-modal.mugcxpb-is-preparing .mugcxpb-modal-dialog,
.mugcxpb-modal.mugcxpb-is-preparing .mugcxpb-modal-loading-cover {
	transition: none
}

.mugcxpb-modal-dialog {
	--mugcxpb-modal-media-bg: #f8faf9;
	position: relative;
	z-index: 2;
	display: flex;
	width: var(--mugcxpb-modal-width, 112vh);
	max-width: 100%;
	height: min(90vh, 880px);
	overflow: visible;
	border-radius: 4px;
	background: 0 0;
	opacity: 0;
	clip-path: inset(0 0 0 0 round 4px);
	transform: translate3d(0, 14px, 0) scale(.985);
	transform-origin: left top;
	transition: clip-path .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1), opacity 280ms cubic-bezier(.4, 0, .2, 1);
	will-change: clip-path, transform, opacity
}

/* 深色模式：弹窗左侧封面区与图片 gallery 统一深色底（gallery 固定 #141518），
   文字封面（.mugcxpb-modal-text-cover 继承 .mugcxpb-card-text-cover 的深色红粉渐变）在其上更协调 */
.dark-theme .mugcxpb-modal-dialog {
	--mugcxpb-modal-media-bg: #17181a
}

.dark-theme .mugcxpb-modal-cover-pane {
	background: #17181a
}

.mugcxpb-modal.mugcxpb-is-visible .mugcxpb-modal-dialog {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition-delay: 70ms
}

.mugcxpb-modal.mugcxpb-is-closing .mugcxpb-modal-dialog {
	transition-delay: 0s
}

.mugcxpb-modal.mugcxpb-has-origin.mugcxpb-is-closing .mugcxpb-modal-dialog {
	opacity: 0;
	transition: clip-path .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1), opacity 120ms ease-out 280ms
}

@media (min-width:696px) {
	.mugcxpb-modal-close {
		position: absolute;
		z-index: 3;
		top: 12px;
		right: 12px;
		display: inline-flex;
		width: 38px;
		height: 38px;
		padding: 0;
		align-items: center;
		justify-content: center;
		border: 0;
		border-radius: 50%;
		color: rgba(255, 255, 255, .92);
		background: rgba(25, 28, 31, .24);
		box-shadow: none;
		opacity: 0;
		cursor: pointer;
		transform: scale(.92);
		transition: color .18s ease, background-color .18s ease, opacity .18s ease, transform .18s ease
	}

	.mugcxpb-modal-close .icon {
		width: 18px;
		height: 18px;
		margin: 0
	}

	.mugcxpb-modal.mugcxpb-is-visible .mugcxpb-modal-close {
		opacity: 1;
		transform: scale(1)
	}

	.mugcxpb-modal-close:focus-visible,
	.mugcxpb-modal-close:hover {
		color: #fff;
		background: rgba(25, 28, 31, .46);
		outline: 0
	}

	.mugcxpb-modal-close:focus-visible {
		box-shadow: 0 0 0 3px rgba(255, 255, 255, .32)
	}

	.mugcxpb-modal-dialog {
		position: absolute;
		top: 0;
		left: 0;
		height: var(--mugcxpb-modal-height, min(90vh, 880px));
		transform: translate3d(var(--mugcxpb-modal-left, 0), calc(var(--mugcxpb-modal-top, 0) + 14px), 0) scale(.985)
	}

	.mugcxpb-modal.mugcxpb-is-visible .mugcxpb-modal-dialog {
		transform: translate3d(var(--mugcxpb-modal-left, 0), var(--mugcxpb-modal-top, 0), 0) scale(1)
	}

	.mugcxpb-modal.mugcxpb-has-origin .mugcxpb-modal-dialog {
		overflow: hidden;
		opacity: 1;
		clip-path: inset(0 var(--mugcxpb-modal-start-clip-right) 0 0 round 4px);
		transform: translate3d(var(--mugcxpb-modal-start-left), var(--mugcxpb-modal-start-top), 0) scale(var(--mugcxpb-modal-start-scale-x), var(--mugcxpb-modal-start-scale-y));
		transition-delay: 0s
	}

	.mugcxpb-modal.mugcxpb-has-origin .mugcxpb-modal-cover,
	.mugcxpb-modal.mugcxpb-has-origin .mugcxpb-modal-loading-cover {
		transform: scale(var(--mugcxpb-modal-media-scale-x, 1), var(--mugcxpb-modal-media-scale-y, 1));
		transition-delay: 0s
	}

	.mugcxpb-modal.mugcxpb-has-origin.mugcxpb-is-visible .mugcxpb-modal-dialog {
		clip-path: inset(0 0 0 0 round 4px);
		transform: translate3d(var(--mugcxpb-modal-left), var(--mugcxpb-modal-top), 0) scale(1)
	}

	.mugcxpb-modal.mugcxpb-has-origin.mugcxpb-is-visible .mugcxpb-modal-cover,
	.mugcxpb-modal.mugcxpb-has-origin.mugcxpb-is-visible .mugcxpb-modal-loading-cover {
		transform: scale(1)
	}

	.mugcxpb-modal-body {
		width: var(--mugcxpb-modal-width);
		min-width: var(--mugcxpb-modal-width);
		flex: 0 0 var(--mugcxpb-modal-width)
	}
}

@media (min-width:960px) {
	.mugcxpb-modal-close {
		top: var(--mugcxpb-modal-top, 5vh);
		right: auto;
		left: calc(var(--mugcxpb-modal-left, 0px) + var(--mugcxpb-modal-width, 112vh) + 12px)
	}
}

.mugcxpb-modal-body {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	border-radius: 4px;
	background: var(--main-bg-color, #fff);
	box-shadow: none;
	overscroll-behavior: contain
}

.mugcxpb-modal-state {
	display: flex;
	min-height: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	color: var(--muted-color, #777);
	text-align: center
}

.mugcxpb-modal-loading-preview {
	display: grid;
	width: 100%;
	height: 100%;
	min-height: 0;
	grid-template-columns: var(--mugcxpb-modal-media-width, minmax(0, 1fr)) var(--mugcxpb-modal-side-width, minmax(0, 1fr))
}

.mugcxpb-modal-cover-pane,
.mugcxpb-modal-loading-cover {
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: var(--mugcxpb-modal-media-bg)
}

.mugcxpb-modal-cover,
.mugcxpb-modal-loading-cover {
	transform: scale(1);
	transform-origin: center;
	transition: transform .4s cubic-bezier(.4, 0, .2, 1);
	will-change: transform
}

.mugcxpb-modal-loading-cover>.mugcxpb-card-media,
.mugcxpb-modal-loading-cover>.mugcxpb-card-text-cover,
.mugcxpb-modal-loading-cover>.mugcxpb-post-card {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	pointer-events: none !important
}

.mugcxpb-modal-loading-cover>.mugcxpb-card-media {
	background: 0 0 !important
}

.mugcxpb-modal-loading-cover>.mugcxpb-card-media.mugcxpb-video-card {
	background: #000 !important
}

.mugcxpb-modal-loading-cover .mugcxpb-card-media::after,
.mugcxpb-modal-loading-cover .mugcxpb-card-text-cover::after {
	display: none
}

.mugcxpb-modal-loading-cover img,
.mugcxpb-modal-loading-cover video {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: contain;
	transform: none !important
}

.mugcxpb-modal-loading-copy {
	display: grid;
	min-width: 0;
	min-height: 0;
	place-items: center;
	background: var(--main-bg-color, #fff)
}

.mugcxpb-modal-loading-spinner {
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border: 3px solid rgba(125, 125, 125, .18);
	border-top-color: var(--theme-color, #3a7afe);
	border-radius: 50%;
	animation: mugcxpb-modal-loading-spin .72s linear infinite
}

@keyframes mugcxpb-modal-loading-spin {
	to {
		transform: rotate(360deg)
	}
}

.mugcxpb-modal-article {
	display: grid;
	height: 100%;
	min-height: 0;
	grid-template-columns: var(--mugcxpb-modal-media-width, minmax(0, 1fr)) var(--mugcxpb-modal-side-width, minmax(0, 1fr))
}

.mugcxpb-modal-cover {
	display: grid;
	width: 100%;
	height: 100%;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	place-items: center
}

.mugcxpb-modal-cover>* {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	margin: 0 !important
}

.mugcxpb-modal-native-media {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	place-items: center
}

.mugcxpb-modal-dplayer-media {
	background: #000
}

.mugcxpb-modal-dplayer {
	width: 100%;
	height: 100%
}

.mugcxpb-modal-dplayer>.graphic {
	width: 100%;
	height: 100%;
	padding-bottom: 0 !important
}

.mugcxpb-modal-dplayer .dplayer-video-wrap {
	height: 100%
}

.mugcxpb-modal-dplayer .dplayer-video {
	object-fit: contain
}

.mugcxpb-modal-cover img,
.mugcxpb-modal-cover video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

/* 图片帖弹窗左侧多图 gallery：Swiper 轮播（结构/样式对齐生产插件 .mugcxpb-modal-swiper），
   翻页按钮 + 分页点 + 计数；外层带 .imgbox-container，点击图片仍调子比主题 imgbox 灯箱 */
.mugcxpb-modal-gallery {
	position: relative;
	width: 100%;
	height: 100%;
	background: #141518;
	overflow: hidden
}

.mugcxpb-modal-gallery .mugcxpb-modal-swiper {
	width: 100%;
	height: 100%;
	position: relative
}

.mugcxpb-modal-gallery .swiper-wrapper {
	height: 100%
}

.mugcxpb-modal-gallery .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.mugcxpb-modal-gallery .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	cursor: zoom-in;
	-webkit-user-drag: none;
	user-select: none
}

.mugcxpb-modal-gallery .swiper-pagination {
	bottom: 12px !important
}

.mugcxpb-modal-gallery .swiper-pagination-bullet {
	background: #fff;
	opacity: .5;
	margin: 0 3px !important
}

.mugcxpb-modal-gallery .swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--theme-color, #007aff)
}

.mugcxpb-modal-gallery .swiper-button-prev,
.mugcxpb-modal-gallery .swiper-button-next {
	width: 36px;
	height: 36px;
	background: rgba(0, 0, 0, .35);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	opacity: 1; /* 主题 swiper 默认 opacity:0 悬停才显示，弹窗内保持常显便于翻页 */
	transition: background .2s ease
}

.mugcxpb-modal-gallery .swiper-button-prev::after,
.mugcxpb-modal-gallery .swiper-button-next::after {
	font-size: 14px;
	font-weight: 700
}

.mugcxpb-modal-gallery .swiper-button-prev:hover,
.mugcxpb-modal-gallery .swiper-button-next:hover {
	background: rgba(0, 0, 0, .6)
}

.mugcxpb-modal-gallery .swiper-button-disabled {
	opacity: .3;
	cursor: default
}

/* 图片计数器 */
.mugcxpb-modal-swiper-counter {
	position: absolute;
	top: 12px;
	right: 12px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 12px;
	z-index: 10;
	pointer-events: none
}

/* 兜底：swiper 模块加载失败时，横向 scroll-snap 保证仍可滑动查看（不阻塞 imgbox 点击） */
.mugcxpb-modal-swiper:not(.swiper-container-initialized) .swiper-wrapper {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain
}

.mugcxpb-modal-swiper:not(.swiper-container-initialized) .swiper-slide {
	flex: 0 0 100%;
	scroll-snap-align: center
}

.mugcxpb-modal-text-cover {
	height: 100%;
	padding-top: 0;
	border-radius: 0
}

.mugcxpb-modal-text-cover::after {
	display: none
}

.mugcxpb-modal-text-cover .mugcxpb-card-cover-content,
.mugcxpb-modal-text-cover .mugcxpb-card-mark,
.mugcxpb-modal-text-cover .mugcxpb-card-pattern {
	transition: none
}

.mugcxpb-modal-text-cover:hover .mugcxpb-card-cover-content,
.mugcxpb-modal-text-cover:hover .mugcxpb-card-mark,
.mugcxpb-modal-text-cover:hover .mugcxpb-card-pattern {
	transform: none
}

.mugcxpb-modal-main-pane {
	display: grid;
	min-width: 0;
	min-height: 0;
	grid-template-rows: auto minmax(0, 1fr) auto;
	background: var(--main-bg-color, #fff)
}

.mugcxpb-modal-main-content {
	min-width: 0;
	min-height: 0;
	padding: 0 28px
}

.mugcxpb-modal-side-header {
	position: relative;
	min-width: 0;
	padding: 0 0 12px
}

.mugcxpb-modal-title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4
}

.mugcxpb-modal-author-row {
	position: relative;
	z-index: 2;
	display: flex;
	min-width: 0;
	padding: 18px 28px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	background: var(--main-bg-color, #fff)
}

.mugcxpb-modal-author-row::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: var(--mugcxpb-border, rgba(125, 125, 125, .14));
	content: "";
	opacity: 0;
	pointer-events: none
}

.mugcxpb-modal-author-row.mugcxpb-is-scrolled::after {
	opacity: 1
}

.mugcxpb-modal-author {
	display: flex;
	min-width: 0;
	align-items: flex-start;
	color: inherit;
	font-size: 15px
}

.mugcxpb-modal-author-avatar {
	width: 45px;
	height: 45px;
	margin-right: 20px;
	--this-size: 45px
}

.mugcxpb-modal-author-avatar .avatar {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mugcxpb-modal-author-info {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 7px
}

.mugcxpb-modal-author-name-row {
	display: flex;
	min-width: 0;
	align-items: center;
	flex-wrap: wrap
}

.mugcxpb-modal-author-name {
	min-width: 0;
	flex: 0 1 auto
}

.mugcxpb-modal-author-date {
	color: var(--muted-2-color, #666);
	font-size: 14px;
	line-height: 1.4
}

.mugcxpb-modal-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	color: var(--muted-color, #888);
	font-size: 12px
}

.mugcxpb-modal-meta span {
	display: inline-flex;
	align-items: center;
	gap: 5px
}

.mugcxpb-modal-plate {
	min-width: 0;
	max-width: 100%
}

.mugcxpb-modal-plate-link {
	max-width: 180px;
	color: inherit
}

.mugcxpb-modal-plate-link:hover {
	color: var(--focus-color)
}

.mugcxpb-modal-actions .icon,
.mugcxpb-modal-meta .icon {
	width: 1em;
	height: 1em;
	fill: currentColor
}

.mugcxpb-modal-actions {
	position: relative;
	z-index: 3;
	display: block;
	min-height: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0 18px;
	overflow: visible;
	border-top: 1px solid var(--mugcxpb-border, rgba(125, 125, 125, .1));
	background: var(--main-bg-color, #fff);
	transition: padding-left .3s ease, padding-right .3s ease
}

.mugcxpb-modal-actions-default {
	display: flex;
	min-height: 56px;
	max-height: 56px;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	opacity: 1;
	transform: translateY(0);
	transition: min-height .3s ease, max-height .3s ease, opacity .2s ease .08s, transform .3s ease
}

.mugcxpb-modal-actions .mugcxpb-modal-action,
.mugcxpb-modal-actions-default>a {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 5px;
	padding: 7px 8px;
	border-radius: 18px;
	color: var(--main-color, #333);
	font-size: 12px;
	white-space: nowrap
}

.mugcxpb-modal-actions .mugcxpb-modal-comment-jump {
	min-width: 0;
	flex: 1 1 auto;
	gap: 6px;
	margin-right: 8px;
	padding: 8px 16px 8px 8px;
	border-radius: 20px;
	background: var(--body-bg-color, #f6f7f8);
	color: var(--muted-color, #777);
	cursor: text
}

.mugcxpb-modal-actions .mugcxpb-modal-comment-jump text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis
}

.mugcxpb-modal-actions .mugcxpb-modal-comment-avatar {
	--this-size: 24px;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	overflow: hidden;
	border-radius: 50%
}

.mugcxpb-modal-actions .mugcxpb-modal-comment-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover
}

.mugcxpb-modal-actions-default>.right {
	flex: 0 0 auto
}

.mugcxpb-modal-actions .mugcxpb-modal-action:hover,
.mugcxpb-modal-actions-default>a.active,
.mugcxpb-modal-actions-default>a:hover {
	background: var(--body-bg-color, #f1f2f3);
	color: #ff2442
}

.mugcxpb-modal-actions .mugcxpb-modal-comment-jump:hover {
	color: var(--muted-color, #777)
}

.mugcxpb-modal-comment-editor {
	display: grid;
	min-height: 0;
	grid-template-rows: 0fr;
	opacity: 0;
	transform: translateY(10px);
	visibility: hidden;
	transition: grid-template-rows .32s ease, opacity .2s ease, transform .3s ease, visibility 0s linear .32s
}

.mugcxpb-modal-comment-editor-inner {
	min-height: 0;
	overflow: hidden
}

.mugcxpb-modal-comment-editor #respond {
	position: relative !important;
	inset: auto !important;
	margin: 0;
	padding: 8px 0;
	background: 0 0;
	box-shadow: none
}

.mugcxpb-modal-actions.mugcxpb-comment-editor-open .mugcxpb-modal-actions-default {
	min-height: 0;
	max-height: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-8px);
	transition-delay: 0s
}

.mugcxpb-modal-actions.mugcxpb-comment-editor-open {
	padding-right: 0;
	padding-left: 0;
	overflow: hidden
}

.mugcxpb-modal-actions.mugcxpb-comment-editor-open .mugcxpb-modal-comment-editor {
	grid-template-rows: 1fr;
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	transition-delay: 0s
}

.mugcxpb-modal-actions.mugcxpb-comment-editor-overflow-ready,
.mugcxpb-modal-actions.mugcxpb-comment-editor-overflow-ready .mugcxpb-modal-comment-editor-inner {
	overflow: visible
}

.mugcxpb-modal-main-scroll {
	min-height: 0;
	overflow: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.mugcxpb-modal-main-scroll::-webkit-scrollbar {
	display: none
}

.mugcxpb-modal-content {
	max-width: none;
	margin: 0;
	padding: 4px 0 18px;
	font-size: 15px;
	line-height: 1.8
}

.mugcxpb-modal-content .theme-box.wp-posts-content {
	margin: 0;
	padding: 0;
	background: 0 0;
	box-shadow: none
}

.mugcxpb-modal-score.single-footer.score-box {
	margin: 4px 0 8px
}

.mugcxpb-modal-score-actions {
	position: relative;
	z-index: 4;
	display: flex;
	min-height: 32px;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
	margin: -6px -8px 22px 0;
	color: var(--muted-color, #777)
}

.mugcxpb-modal-score-actions .mugcxpb-modal-more,
.mugcxpb-modal-score-actions .mugcxpb-modal-rewards {
	flex: 0 0 auto
}

.mugcxpb-modal-score-actions .mugcxpb-modal-more>.dropdown-menu {
	z-index: 95
}

.mugcxpb-modal-comments {
	min-height: 0;
	padding: 0 0 12px
}

.mugcxpb-modal-comments #comments {
	display: block
}

.mugcxpb-modal-comments #comments,
.mugcxpb-modal-comments #postcomments,
.mugcxpb-modal-comments .bbs-commentlist {
	height: auto !important;
	min-height: 0 !important
}

.mugcxpb-modal-comments #comments>.comment-box:first-child {
	display: none
}

.mugcxpb-modal-comments #postcomments {
	order: 1;
	margin: 0;
	padding: 8px 0;
	background: 0 0;
	box-shadow: none
}

.mugcxpb-modal-comments #postcomments .bbs-commentlist>.comment>.list-inline,
.mugcxpb-modal-comments #postcomments .bbs-commentlist>.comment>.list-inline>.comt-main {
	padding-right: 0;
	padding-left: 0
}

.mugcxpb-modal-comments .dropdown:not(.open)>.dropdown-menu,
.mugcxpb-modal-comments .dropup:not(.open)>.dropdown-menu {
	display: none
}

/* 弹窗内评论表情面板：open 时强制显示并抬高层级（编辑器内不依赖主题 bootstrap 规则） */
.mugcxpb-modal-comments .dropup.open>.dropdown-menu,
.mugcxpb-modal-comment-editor .dropup.open>.dropdown-menu {
	display: block;
	z-index: 99
}

.mugcxpb-modal-comment-editor #respond.mobile-fixed,
.mugcxpb-modal-comments #respond.mobile-fixed {
	position: relative !important;
	inset: auto !important;
	margin: 0;
	transform: none !important
}

.mugcxpb-modal-comment-editor #respond .fixed-body,
.mugcxpb-modal-comments #respond .fixed-body {
	display: none
}

.mugcxpb-modal-comment-editor #commentform,
.mugcxpb-modal-comments #commentform {
	padding: 6px 10px;
	border: 0;
	border-radius: 10px;
	background: 0 0
}

.mugcxpb-modal-comment-editor .action-text:empty,
.mugcxpb-modal-comments .action-text:empty {
	display: none
}

.mugcxpb-modal-comment-editor #comment,
.mugcxpb-modal-comments #comment {
	min-height: 46px;
	max-height: 84px !important;
	background: var(--body-bg-color, #f6f7f8)
}

.mugcxpb-modal-comment-editor .comt-title,
.mugcxpb-modal-comments .comt-title {
	display: none
}

.mugcxpb-modal-comments .comment-filter {
	margin-bottom: 14px
}

.mugcxpb-modal-comment-editor .comt-tips-left>.dropup>.btn-input-expand {
	display: inline-flex;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	padding: 0;
	align-items: center;
	justify-content: center;
	font-size: 0;
	line-height: 1
}

.mugcxpb-modal-comment-editor .comt-tips-left>.dropup>.btn-input-expand .fa {
	width: auto;
	margin: 0;
	font-size: 15px
}

.mugcxpb-modal-comment-editor .comt-tips-left>.dropup>.btn-input-expand .icon {
	width: 15px;
	height: 15px;
	margin: 0;
	font-size: 15px
}

.mugcxpb-modal-comments .commentlist>.comment-null {
	min-height: 180px;
	padding: 32px 0
}

.mugcxpb-modal-comments .comment-null img,
.mugcxpb-modal-comments .comment-null svg {
	max-height: 120px
}

[hidden] {
	display: none !important
}

@media (prefers-reduced-motion:reduce) {

	.mugcxpb-modal-actions,
	.mugcxpb-modal-actions-default,
	.mugcxpb-modal-backdrop,
	.mugcxpb-modal-comment-editor,
	.mugcxpb-modal-dialog {
		transform: none
	}

	.mugcxpb-modal-actions-default,
	.mugcxpb-modal-actions.mugcxpb-comment-editor-open .mugcxpb-modal-actions-default,
	.mugcxpb-modal-comment-editor {
		transform: none
	}

	.mugcxpb-modal-loading-spinner,
	.mugcxpb-skeleton-block {
		animation: none
	}

	.mugcxpb-loaded-card,
}

@media (max-width:991px) {
	.mugcxpb-posts-section {
		--mugcxpb-loading-footer-gap: 24px
	}

	.mugcxpb-initial-skeleton-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-bottom: 24px
	}

	.mugcxpb-first-layout-skeleton .mugcxpb-initial-skeleton-grid {
		padding-bottom: 0
	}

	.mugcxpb-initial-skeleton-column:nth-child(n+3) {
		display: none
	}

	.mugcxpb-masonry {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.mugcxpb-modal {
		padding: 26px
	}

	.mugcxpb-modal-article {
		grid-template-columns: var(--mugcxpb-modal-media-width, minmax(0, 1fr)) var(--mugcxpb-modal-side-width, minmax(0, 1fr))
	}
}

@media (max-width:575px) {
	.mugcxpb-card-body {
		padding: 10px;
		gap: 9px
	}

	.mugcxpb-card-title {
		font-size: 13px
	}

	.mugcxpb-card-cover-content {
		padding: 10px 12px
	}

	.mugcxpb-card-cover-copy-short {
		font-size: 18px
	}

	.mugcxpb-card-cover-copy-medium {
		font-size: 16px
	}

	.mugcxpb-card-cover-copy-long {
		font-size: 13px;
		-webkit-line-clamp: 7
	}

	.mugcxpb-modal {
		align-items: flex-end;
		padding: 0
	}

	.mugcxpb-modal-dialog {
		width: 100vw;
		height: 94vh;
		max-height: 94vh;
		border-radius: 4px 4px 0 0
	}

	.mugcxpb-modal-body {
		overflow: auto;
		border-radius: 4px 4px 0 0
	}

	.mugcxpb-modal-loading-preview {
		display: block;
		height: auto;
		min-height: 100%
	}

	.mugcxpb-modal-loading-cover {
		height: min(62vh, 520px)
	}

	.mugcxpb-modal-loading-copy {
		min-height: 32vh
	}

	.mugcxpb-modal-article {
		display: block;
		height: auto
	}

	.mugcxpb-modal-cover-pane {
		height: min(62vh, 520px);
		border-right: 0;
		border-bottom: 1px solid var(--mugcxpb-border, rgba(125, 125, 125, .14))
	}

	.mugcxpb-modal-main-pane {
		display: block
	}

	.mugcxpb-modal-main-content {
		padding: 0 18px
	}

	.mugcxpb-modal-author-row {
		position: sticky;
		top: 0;
		padding: 16px 18px
	}

	.mugcxpb-modal-side-header {
		padding: 0 0 12px
	}

	.mugcxpb-modal-title {
		margin-top: 0;
		font-size: 21px
	}

	.mugcxpb-modal-meta {
		gap: 13px
	}

	.mugcxpb-modal-actions {
		position: sticky;
		z-index: 3;
		bottom: 0;
		max-width: none;
		padding: 0 12px env(safe-area-inset-bottom, 0);
		overflow: hidden
	}

	.mugcxpb-modal-actions:not(.mugcxpb-comment-editor-open),
	.mugcxpb-modal-actions:not(.mugcxpb-comment-editor-open) .mugcxpb-modal-actions-default {
		overflow: visible
	}

	.mugcxpb-modal-actions-default {
		gap: 1px;
		scrollbar-width: none
	}

	.mugcxpb-modal-actions .mugcxpb-modal-comment-jump {
		margin-right: 2px;
		padding-right: 10px
	}

	.mugcxpb-modal-actions-default>.right>.item text {
		display: none
	}

	.mugcxpb-modal-actions-default>.right {
		min-width: 0;
		gap: 0
	}

	.mugcxpb-modal-actions-default>.right>.item {
		margin: 0;
		padding-right: 5px;
		padding-left: 5px
	}

	.mugcxpb-modal-actions-default::-webkit-scrollbar {
		display: none
	}

	.mugcxpb-modal-main-scroll {
		overflow: visible
	}

	.mugcxpb-modal-content {
		padding: 4px 0 18px
	}

	.mugcxpb-modal-score-actions {
		margin-right: -4px;
		margin-bottom: 18px
	}

	.mugcxpb-modal-comments {
		min-height: 360px;
		padding: 0
	}

	.mugcxpb-modal-comment-editor .ccomt-ctrl,
	.mugcxpb-modal-comments .ccomt-ctrl {
		flex-wrap: wrap;
		gap: 8px
	}
}

/* 手机端兼容：触屏设备无鼠标，滑动帖子列表时浏览器会合成 :hover 状态，
   造成卡片 hover 遮罩/缩放闪烁（断触）。这里在纯触屏设备上关闭卡片 hover 效果，
   hover 变换仅在支持真悬停（鼠标）的设备保留 */
@media (hover: none) {
	.mugcxpb-card-media:hover::after,
	.mugcxpb-card-text-cover:hover::after {
		opacity: 0
	}

	.mugcxpb-card-media:hover img {
		transform: none
	}

	.mugcxpb-card-text-cover:hover .mugcxpb-card-cover-content,
	.mugcxpb-card-text-cover:hover .mugcxpb-card-mark,
	.mugcxpb-card-text-cover:hover .mugcxpb-card-pattern {
		transform: none
	}
}