/* skin-base.css */
.mh, .mh * { margin: 0; padding: 0; box-sizing: border-box; }
.mh {
	font-size: 16px;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	min-width: 0;
	overflow-x: clip;
	max-width: 1280px;
	margin-inline: auto;
	padding-inline: 16px;
}
.mh a { text-decoration: none; color: inherit; }
.mh a:hover { text-decoration: none; }
.mh ol, .mh ul { list-style: none; }
.mh img { max-width: 100%; height: auto; }
.mh .mh-e { display: flex; align-items: baseline; gap: .5em; min-width: 0; }
.mh .mh-e > time { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.mh .mh-e > .mh-s { flex: 0 0 auto; }
.mh .mh-e > .mh-t { min-width: 0; }
.mh .mh-s-mark { display: none; }
.mh .mh-h { display: flex; align-items: baseline; gap: .5em; }
.mh .mh-n { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.mh .mh-skins {
	box-sizing: border-box;
	order: -1;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto 12px;
	padding: 6px 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	line-height: 1.6;
	white-space: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
}
.mh .mh-skins::-webkit-scrollbar { display: none; }
.mh .mh-skins a {
	flex: 0 0 auto;
	padding: 2px 10px;
	border: 1px solid transparent;
	cursor: pointer;
}
.mh .mh-sample { font-variant-numeric: tabular-nums; }
.mh .mh-art {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, var(--rule-strong, #6b6b62), var(--rule, #3a3a36));
}
.mh .mh-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@supports not (aspect-ratio: 1) {
	.mh .mh-art { height: 0; padding-bottom: 56.25%; position: relative; }
	.mh .mh-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
}
.mh .mh-empty { padding: 2em 0; text-align: center; }
@media (prefers-reduced-motion: reduce) {
	.mh *, .mh *::before, .mh *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}
.mh .mh-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.mh .mh-leads > .mh-h {
	flex: 1 0 100%;
	grid-column: 1 / -1;
}
.mh .mh-ticker { display: none; }
.mh .mh-mast,
.mh .mh-gal { display: none; }
.mh .mh-brief,
.mh .mh-read { display: none; }
.mh .mh-op .mh-e { display: block; }
.mh .mh-cats { display: flex; flex-wrap: wrap; gap: .5em 1em; align-items: baseline; }
.mh .mh-cat { cursor: pointer; }
.mh .mh-k {
	display: inline-block;
	margin-inline-start: .4em;
	font-size: .78em;
	font-variant-numeric: tabular-nums;
	vertical-align: baseline;
}
.mh .mh-k::before { content: "相关 "; }
.mh .mh-k::after { content: " 条"; }
.mh .mh-ro { font-size: .78em; font-weight: 400; font-variant-numeric: tabular-nums; }
.mh .mh-more { display: block; font-size: .85em; }
.mh .mh-e[data-flag="submission"] > .mh-t::after,
.mh .mh-lead[data-flag="submission"] .mh-lead-t::after {
	content: "（自）";
	font-size: .85em;
}
#mh-c-china:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="china"]),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="hk-taiwan"]),
#mh-c-usa:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="usa"]),
#mh-c-world:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="world"]),
#mh-c-finance:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="finance"]),
#mh-c-society:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="society"]),
#mh-c-tech:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="tech"]),
#mh-c-culture:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="culture"]),
#mh-c-minjian:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="minjian"]),
#mh-c-entertainment:checked ~ .mh-body .mh-mods .mh-e:not([data-topic="entertainment"]),
#mh-c-china:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="china"]),
#mh-c-china:checked ~ .mh-body .mh-log .mh-e:not([data-topic="china"]),
#mh-c-china:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="china"]),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="hk-taiwan"]),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-log .mh-e:not([data-topic="hk-taiwan"]),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="hk-taiwan"]),
#mh-c-usa:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="usa"]),
#mh-c-usa:checked ~ .mh-body .mh-log .mh-e:not([data-topic="usa"]),
#mh-c-usa:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="usa"]),
#mh-c-world:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="world"]),
#mh-c-world:checked ~ .mh-body .mh-log .mh-e:not([data-topic="world"]),
#mh-c-world:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="world"]),
#mh-c-finance:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="finance"]),
#mh-c-finance:checked ~ .mh-body .mh-log .mh-e:not([data-topic="finance"]),
#mh-c-finance:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="finance"]),
#mh-c-society:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="society"]),
#mh-c-society:checked ~ .mh-body .mh-log .mh-e:not([data-topic="society"]),
#mh-c-society:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="society"]),
#mh-c-tech:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="tech"]),
#mh-c-tech:checked ~ .mh-body .mh-log .mh-e:not([data-topic="tech"]),
#mh-c-tech:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="tech"]),
#mh-c-culture:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="culture"]),
#mh-c-culture:checked ~ .mh-body .mh-log .mh-e:not([data-topic="culture"]),
#mh-c-culture:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="culture"]),
#mh-c-minjian:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="minjian"]),
#mh-c-minjian:checked ~ .mh-body .mh-log .mh-e:not([data-topic="minjian"]),
#mh-c-minjian:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="minjian"]),
#mh-c-entertainment:checked ~ .mh-body .mh-mods .mh-mod:not([data-topics~="entertainment"]),
#mh-c-entertainment:checked ~ .mh-body .mh-log .mh-e:not([data-topic="entertainment"]),
#mh-c-entertainment:checked ~ .mh-body .mh-leads .mh-lead:not([data-topic="entertainment"]),
#mh-c-china:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="china"]),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="hk-taiwan"]),
#mh-c-usa:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="usa"]),
#mh-c-world:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="world"]),
#mh-c-finance:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="finance"]),
#mh-c-society:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="society"]),
#mh-c-tech:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="tech"]),
#mh-c-culture:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="culture"]),
#mh-c-minjian:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="minjian"]),
#mh-c-entertainment:checked ~ .mh-body .mh-gal .mh-photo:not([data-topic="entertainment"]) {
	display: none;
}
#mh-c-china:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="china"])),
#mh-c-china:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="china"])),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="hk-taiwan"])),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="hk-taiwan"])),
#mh-c-usa:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="usa"])),
#mh-c-usa:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="usa"])),
#mh-c-world:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="world"])),
#mh-c-world:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="world"])),
#mh-c-finance:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="finance"])),
#mh-c-finance:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="finance"])),
#mh-c-society:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="society"])),
#mh-c-society:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="society"])),
#mh-c-tech:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="tech"])),
#mh-c-tech:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="tech"])),
#mh-c-culture:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="culture"])),
#mh-c-culture:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="culture"])),
#mh-c-minjian:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="minjian"])),
#mh-c-minjian:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="minjian"])),
#mh-c-entertainment:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="entertainment"])),
#mh-c-entertainment:checked ~ .mh-body .mh-log:not(:has(.mh-e[data-topic="entertainment"])),
#mh-c-china:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="china"])),
#mh-c-hk-taiwan:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="hk-taiwan"])),
#mh-c-usa:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="usa"])),
#mh-c-world:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="world"])),
#mh-c-finance:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="finance"])),
#mh-c-society:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="society"])),
#mh-c-tech:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="tech"])),
#mh-c-culture:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="culture"])),
#mh-c-minjian:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="minjian"])),
#mh-c-entertainment:checked ~ .mh-body .mh-gal:not(:has(.mh-photo[data-topic="entertainment"])) {
	display: none;
}
.mh .mh-nav { display: none; }
.mh .mh-t:focus,
.mh .mh-lead-t:focus,
.mh .mh-lead-t a:focus,
.mh .mh-t:focus-visible,
.mh .mh-lead-t:focus-visible,
.mh .mh-lead-t a:focus-visible {
	outline: none;
}
.mh .mh-t:focus-visible,
.mh .mh-lead-t a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mh .mh-desks { display: none; }
.mh .mh-roll  { display: none; }
.mh .mh-cmt   { display: none; }
.mh .mh-pair  { display: none; }
.mh-join-wrap {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	line-height: 1.2;
}
.mh-join {
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 0 14px;
	border: 1px solid currentColor;
	background: none;
	font-size: 13px;
	text-decoration: none;
}
.mh-join-note { font-size: 11px; opacity: .7; }
[hidden] { display: none !important; }

/* skin-dianxun.css */
.mh.mh-skin-dianxun {
  width: calc(100% - 40px);
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 0;
  --mh-paper: #f1eee4;
  --mh-panel: #faf8f0;
  --mh-panel-soft: #e8e7dd;
  --mh-ink: #19201b;
  --mh-muted: #606b63;
  --mh-line: #b9c1ba;
  --mh-green: #2f6b48;
  --mh-rust: #a8443d;
  --mh-switch: #e2e0d7;
  --mh-sans: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --mh-serif: "Songti SC", "Noto Serif CJK SC", STSong, serif;
  --mh-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-family: var(--mh-sans);
  font-size: 14px;
  line-height: 1.55;
  font-variant-numeric: tabular-nums;
  background: var(--mh-paper);
  color: var(--mh-ink);
  min-width: 0;
}
html[data-mh-theme="dark"] .mh.mh-skin-dianxun {
  --mh-paper: #0d100e;
  --mh-panel: #131714;
  --mh-panel-soft: #181d19;
  --mh-ink: #f0eee6;
  --mh-muted: #a9afa9;
  --mh-line: #354039;
  --mh-green: #7db38f;
  --mh-rust: #c45c52;
  --mh-switch: #111411;
  --ink: var(--mh-ink);
  --ink-2: var(--mh-muted);
}
@media (prefers-color-scheme: dark) {
  html:not([data-mh-theme="light"]) .mh.mh-skin-dianxun {
    --mh-paper: #0d100e;
    --mh-panel: #131714;
    --mh-panel-soft: #181d19;
    --mh-ink: #f0eee6;
    --mh-muted: #a9afa9;
    --mh-line: #354039;
    --mh-green: #7db38f;
    --mh-rust: #c45c52;
    --mh-switch: #111411;
    --ink: var(--mh-ink);
    --ink-2: var(--mh-muted);
  }
}
.mh.mh-skin-dianxun a { color: inherit; text-decoration: none; }
.mh.mh-skin-dianxun a:hover {
  text-decoration: underline;
  text-decoration-color: var(--mh-green);
  text-underline-offset: 3px;
}
.mh.mh-skin-dianxun :is(a, button, label):focus-visible {
  outline: 2px solid var(--mh-green);
  outline-offset: 2px;
}
.mh.mh-skin-dianxun .mh-t:focus-visible,
.mh.mh-skin-dianxun .mh-lead-t a:focus-visible {
  outline: none;
}
.mh.mh-skin-dianxun .mh-side { display: none; }
.mh.mh-skin-dianxun .mh-log .mh-e > .mh-art { display: none; }
.mh.mh-skin-dianxun .mh-mods .mh-e:nth-child(n+2) > .mh-art { display: none; }
.mh.mh-skin-dianxun .mh-empty {
  padding: 44px 0;
  text-align: center;
  font-size: 14px;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-skins {
  border-bottom: 1px dotted var(--rule);
  color: var(--ink-2);
}
.mh.mh-skin-dianxun .mh-skins a {
  font-weight: 500;
  color: var(--ink-2);
}
.mh.mh-skin-dianxun .mh-skins a:hover {
  color: var(--ink);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 var(--rule-strong);
}
.mh.mh-skin-dianxun .mh-skins a.on {
  color: var(--ink);
  box-shadow: inset 0 -2px 0 var(--accent);
}
.mh.mh-skin-dianxun .mh-cats {
  gap: 4px 24px;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid var(--mh-line);
  font-size: 14px;
  letter-spacing: .02em;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-cat {
  padding-block: 4px;
  color: var(--mh-muted);
  border-bottom: 1px solid transparent;
  line-height: 1.4;
}
.mh.mh-skin-dianxun .mh-cat:hover { color: var(--mh-ink); }
.mh.mh-skin-dianxun .mh-cat .mh-n { display: none; }
#mh-c-all:checked ~ .mh-cats [for="mh-c-all"],
#mh-c-china:checked ~ .mh-cats [for="mh-c-china"],
#mh-c-hk-taiwan:checked ~ .mh-cats [for="mh-c-hk-taiwan"],
#mh-c-usa:checked ~ .mh-cats [for="mh-c-usa"],
#mh-c-world:checked ~ .mh-cats [for="mh-c-world"],
#mh-c-finance:checked ~ .mh-cats [for="mh-c-finance"],
#mh-c-society:checked ~ .mh-cats [for="mh-c-society"],
#mh-c-tech:checked ~ .mh-cats [for="mh-c-tech"],
#mh-c-culture:checked ~ .mh-cats [for="mh-c-culture"],
#mh-c-minjian:checked ~ .mh-cats [for="mh-c-minjian"],
#mh-c-entertainment:checked ~ .mh-cats [for="mh-c-entertainment"] {
  color: var(--mh-ink);
  border-bottom-color: var(--mh-rust);
}
.mh.mh-skin-dianxun .mh-art {
  border-radius: 5px;
  overflow: hidden;
}
.mh.mh-skin-dianxun .mh-art .mh-img { border-radius: 5px; }
.mh.mh-skin-dianxun .mh-strip {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  column-gap: 8px;
  row-gap: 2px;
  margin-top: 8px;
  padding: 7px 12px;
  background: var(--mh-panel);
  border-top: 1px solid var(--mh-line);
  border-bottom: 1px solid var(--mh-line);
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-strip > span { flex: none; }
.mh.mh-skin-dianxun .mh-strip > span + span::before {
  content: "·";
  margin-right: 8px;
  color: var(--mh-line);
}
.mh.mh-skin-dianxun .mh-strip .mh-date { font-family: var(--mh-mono); }
.mh.mh-skin-dianxun .mh-strip > span.mh-flash {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-flash b {
  display: inline-block;
  margin-right: 2px;
  padding: 2px 8px;
  vertical-align: 1px;
  border: 1px solid var(--mh-line);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: var(--mh-green);
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-flash a { font-weight: 500; }
.mh.mh-skin-dianxun .mh-sample {
  padding: 2px 8px;
  border: 1px solid var(--mh-rust);
  color: var(--mh-rust);
  font-weight: 500;
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-body {
  display: grid;
  grid-template-columns: minmax(0, 868fr) minmax(0, 372fr);
  column-gap: 0;
  align-items: stretch;
  padding-block: 24px 54px;
  min-width: 0;
}
.mh.mh-skin-dianxun .mh-body > * { min-width: 0; }
.mh.mh-skin-dianxun .mh-leads { grid-column: 1; order: 1; }
.mh.mh-skin-dianxun .mh-brief { grid-column: 2; order: 2; }
.mh.mh-skin-dianxun .mh-mods  { grid-column: 1 / -1; order: 3; }
.mh.mh-skin-dianxun .mh-log   { grid-column: 1 / -1; order: 4; }
.mh.mh-skin-dianxun .mh-op    { grid-column: 1 / -1; order: 5; }
.mh.mh-skin-dianxun .mh-body:not(:has(> .mh-brief)) .mh-leads { grid-column: 1 / -1; }
.mh.mh-skin-dianxun .mh-body:not(:has(> .mh-leads)) .mh-brief,
.mh.mh-skin-dianxun > #mh-c-china:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="china"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-hk-taiwan:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="hk-taiwan"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-usa:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="usa"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-world:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="world"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-finance:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="finance"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-society:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="society"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-tech:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="tech"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-culture:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="culture"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-minjian:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="minjian"])) + .mh-brief,
.mh.mh-skin-dianxun > #mh-c-entertainment:checked ~ .mh-body .mh-leads:not(:has(.mh-lead[data-topic="entertainment"])) + .mh-brief {
  grid-column: 1 / -1;
  margin-top: 0;
}
.mh.mh-skin-dianxun > #mh-c-hk-taiwan:checked ~ .mh-body .mh-mods,
.mh.mh-skin-dianxun > #mh-c-usa:checked ~ .mh-body .mh-mods,
.mh.mh-skin-dianxun > #mh-c-finance:checked ~ .mh-body .mh-mods,
.mh.mh-skin-dianxun > #mh-c-society:checked ~ .mh-body .mh-mods,
.mh.mh-skin-dianxun > #mh-c-tech:checked ~ .mh-body .mh-mods,
.mh.mh-skin-dianxun > #mh-c-entertainment:checked ~ .mh-body .mh-mods {
  display: none;
}
.mh.mh-skin-dianxun > #mh-c-china:checked ~ .mh-body .mh-mods .mh-mod[data-topics~="china"],
.mh.mh-skin-dianxun > #mh-c-world:checked ~ .mh-body .mh-mods .mh-mod[data-topics~="world"],
.mh.mh-skin-dianxun > #mh-c-minjian:checked ~ .mh-body .mh-mods .mh-mod[data-topics~="minjian"],
.mh.mh-skin-dianxun > #mh-c-culture:checked ~ .mh-body .mh-mods .mh-mod[data-topics~="culture"] {
  grid-column: 1 / -1;
  border-right: 0;
}
.mh.mh-skin-dianxun .mh-leads {
  display: flex;
  flex-direction: column;
}
.mh.mh-skin-dianxun > #mh-c-all:checked ~ .mh-body .mh-leads .mh-lead:nth-of-type(n+2) {
  display: none;
}
.mh.mh-skin-dianxun .mh-leads > .mh-h {
  flex: 0 0 auto;
  display: flex;
  align-items: baseline;
  gap: 16px;
  height: 27px;
  margin: 0 0 13px;
  padding: 0;
  border: 0;
  overflow: visible;
  font-weight: 500;
}
.mh.mh-skin-dianxun .mh-leads > .mh-h::before {
  content: "DOCUMENT 001";
  font-family: var(--mh-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .08em;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-leads > .mh-h a { font-size: 0; }
.mh.mh-skin-dianxun .mh-leads > .mh-h a::after {
  content: "今日焦点";
  font-family: var(--mh-serif);
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-leads > .mh-h .mh-n { display: none; }
.mh.mh-skin-dianxun .mh-leads > .mh-h .mh-ro {
  margin-left: auto;
  font-family: var(--mh-mono);
  font-size: 12px;
  color: var(--mh-muted);
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-leads > .mh-h .mh-ro::before { content: "更新 "; }
.mh.mh-skin-dianxun .mh-lead {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 486fr) minmax(0, 381fr);
  grid-template-rows: minmax(22px, 1fr) auto auto auto auto minmax(22px, 1fr);
  background: var(--mh-panel);
  border-top: 2px solid var(--mh-ink);
  border-bottom: 1px solid var(--mh-line);
  border-right: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-lead + .mh-lead { margin-top: 14px; }
.mh.mh-skin-dianxun .mh-lead > .mh-art {
  grid-column: 1;
  grid-row: 1 / -1;
  display: block;
  height: 100%;
  min-height: 360px;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
  border: 0;
  overflow: hidden;
  position: relative;
  background-color: var(--mh-panel-soft);
  background-repeat: repeat;
}
.mh.mh-skin-dianxun .mh-lead > .mh-m,
.mh.mh-skin-dianxun .mh-lead > .mh-lead-t,
.mh.mh-skin-dianxun .mh-lead > .mh-x,
.mh.mh-skin-dianxun .mh-lead > .mh-read {
  grid-column: -2 / -1;
  margin-inline: 22px;
}
.mh.mh-skin-dianxun .mh-lead:not(:has(> .mh-art)) {
  grid-template-columns: minmax(0, 1fr);
}
.mh.mh-skin-dianxun .mh-lead > .mh-m {
  grid-row: 2;
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-lead .mh-m .mh-s { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-lead .mh-m time {
  font-family: var(--mh-mono);
  color: var(--mh-rust);
}
.mh.mh-skin-dianxun .mh-lead .mh-m time::before {
  content: "·";
  margin: 0 5px;
  color: var(--mh-line);
}
.mh.mh-skin-dianxun .mh-lead > .mh-lead-t {
  grid-row: 3;
  margin-top: 11px;
  font-family: var(--mh-serif);
  font-size: 26px;
  line-height: 35px;
  font-weight: 500;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.mh.mh-skin-dianxun .mh-lead > .mh-x {
  grid-row: 4;
  margin-top: 11px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-lead > .mh-read {
  display: inline-block;
  grid-row: 5;
  justify-self: start;
  margin-top: 17px;
  font-size: 14px;
  font-weight: 500;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-lead > .mh-read::after { content: " →"; }
.mh.mh-skin-dianxun .mh-img { filter: saturate(.8) contrast(1.04); }
.mh.mh-skin-dianxun .mh-art:not(.mh-art-photo)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--mh-panel);
  opacity: .6;
}
.mh.mh-skin-dianxun .mh-art:not(.mh-art-photo)::after {
  position: absolute;
  right: 14px;
  bottom: -14px;
  font-size: 58px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .08em;
  color: var(--mh-green);
  opacity: .3;
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-art-china {
  background-image: repeating-linear-gradient(45deg, var(--mh-green) 0 1px, transparent 1px 6px);
}
.mh.mh-skin-dianxun .mh-art-world {
  background-image: radial-gradient(var(--mh-green) .9px, transparent 1px);
  background-size: 9px 9px;
}
.mh.mh-skin-dianxun .mh-art-finance {
  background-image: repeating-linear-gradient(90deg, var(--mh-green) 0 1px, transparent 1px 8px);
}
.mh.mh-skin-dianxun .mh-art-society {
  background-image:
    repeating-linear-gradient(45deg,  var(--mh-green) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(-45deg, var(--mh-green) 0 1px, transparent 1px 9px);
}
.mh.mh-skin-dianxun .mh-art-tech {
  background-image:
    repeating-linear-gradient(0deg,  var(--mh-green) 0 1px, transparent 1px 10px),
    repeating-linear-gradient(90deg, var(--mh-green) 0 1px, transparent 1px 10px);
}
.mh.mh-skin-dianxun .mh-art-culture {
  background-image: repeating-linear-gradient(0deg, var(--mh-green) 0 1px, transparent 1px 7px);
}
.mh.mh-skin-dianxun .mh-art-minjian {
  background-image: repeating-linear-gradient(135deg, var(--mh-green) 0 1px, transparent 1px 6px);
}
.mh.mh-skin-dianxun .mh-art-hk-taiwan {
  background-image:
    repeating-linear-gradient(90deg, var(--mh-green) 0 1px, transparent 1px 12px),
    repeating-linear-gradient(0deg,  var(--mh-green) 0 1px, transparent 1px 24px);
}
.mh.mh-skin-dianxun .mh-art-usa {
  background-image: repeating-linear-gradient(0deg, var(--mh-green) 0 1px, transparent 1px 5px);
}
.mh.mh-skin-dianxun .mh-art-entertainment {
  background-image:
    radial-gradient(var(--mh-green) 1.1px, transparent 1.2px),
    radial-gradient(var(--mh-green) 1.1px, transparent 1.2px);
  background-size: 14px 14px, 14px 14px;
  background-position: 0 0, 7px 7px;
}
.mh.mh-skin-dianxun .mh-art-china:not(.mh-art-photo)::after            { content: "中国"; }
.mh.mh-skin-dianxun .mh-art-world:not(.mh-art-photo)::after            { content: "国际"; }
.mh.mh-skin-dianxun .mh-art-finance:not(.mh-art-photo)::after          { content: "财经"; }
.mh.mh-skin-dianxun .mh-art-society:not(.mh-art-photo)::after          { content: "社会"; }
.mh.mh-skin-dianxun .mh-art-tech:not(.mh-art-photo)::after             { content: "科技"; }
.mh.mh-skin-dianxun .mh-art-culture:not(.mh-art-photo)::after          { content: "文化"; }
.mh.mh-skin-dianxun .mh-art-hk-taiwan:not(.mh-art-photo)::after      { content: "港台"; }
.mh.mh-skin-dianxun .mh-art-usa:not(.mh-art-photo)::after            { content: "美国"; }
.mh.mh-skin-dianxun .mh-art-minjian:not(.mh-art-photo)::after        { content: "民间"; }
.mh.mh-skin-dianxun .mh-art-entertainment:not(.mh-art-photo)::after    { content: "娱乐"; }
.mh.mh-skin-dianxun .mh-brief {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  background: var(--mh-panel-soft);
  border-top: 2px solid var(--mh-ink);
  border-bottom: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-brief > .mh-h {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  padding: 14px;
  border-bottom: 1px solid var(--mh-line);
  font-family: var(--mh-serif);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-brief-k {
  font-family: var(--mh-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .08em;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-brief .mh-list { padding: 0 14px; }
.mh.mh-skin-dianxun .mh-brief .mh-e {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  padding-block: 13px;
  border-bottom: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-brief .mh-e > time {
  grid-column: 1;
  font-family: var(--mh-mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--mh-rust);
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-brief .mh-e > .mh-t {
  grid-column: 2;
  justify-self: start;
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-brief-note {
  display: grid;
  gap: 4px;
  margin: 14px;
  padding: 11px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-muted);
  background: var(--mh-panel);
  border-left: 3px solid var(--mh-green);
}
.mh.mh-skin-dianxun .mh-mods {
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  border-block: 2px solid var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-mods::before {
  content: "DOCUMENT 002 / TOPICS · 分类纵览";
  grid-column: 1 / -1;
  padding: 12px 20px 11px;
  border-bottom: 1px solid var(--mh-line);
  font-family: var(--mh-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-mod {
  min-width: 0;
  position: relative;
  padding: 18px 20px 16px;
  border-bottom: 0;
}
.mh.mh-skin-dianxun .mh-mod:nth-of-type(odd) { border-right: 1px solid var(--mh-line); }
.mh.mh-skin-dianxun .mh-mod:nth-of-type(-n+2) { border-bottom: 1px solid var(--mh-line); }
.mh.mh-skin-dianxun .mh-mod > .mh-h {
  display: flex;
  align-items: baseline;
  gap: 13px;
  margin: 0;
  padding: 0 0 11px;
  border-bottom: 1px solid var(--mh-line);
  font-family: var(--mh-serif);
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}
.mh.mh-skin-dianxun .mh-mod > .mh-h::before {
  font-family: var(--mh-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .08em;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-mod[data-topic="china"] > .mh-h::before         { content: "01 / CHINA"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="hk-taiwan"] > .mh-h::before     { content: "02 / HK-TW"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="usa"] > .mh-h::before           { content: "03 / USA"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="world"] > .mh-h::before         { content: "04 / WORLD"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="finance"] > .mh-h::before       { content: "05 / FINANCE"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="society"] > .mh-h::before       { content: "06 / SOCIETY"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="tech"] > .mh-h::before          { content: "07 / TECH"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="culture"] > .mh-h::before       { content: "08 / CULTURE"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="minjian"] > .mh-h::before       { content: "09 / MINJIAN"; }
.mh.mh-skin-dianxun .mh-mod[data-topic="entertainment"] > .mh-h::before { content: "10 / ENT"; }
.mh.mh-skin-dianxun .mh-block .mh-h a + a::before {
  content: "·";
  margin: 0 .45em;
  color: var(--mh-line);
  font-weight: 400;
}
.mh.mh-skin-dianxun .mh-mod > .mh-h .mh-n,
.mh.mh-skin-dianxun .mh-mod > .mh-h .mh-ro { display: none; }
.mh.mh-skin-dianxun .mh-mod > .mh-more {
  position: absolute;
  top: 22px;
  right: 20px;
  margin: 0;
  font-size: 0;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-mod > .mh-more::after {
  content: "进入栏目 →";
  font-size: 12px;
  line-height: 1.5;
}
.mh.mh-skin-dianxun .mh-mod > .mh-more:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-mods .mh-e {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0 10px;
  align-items: start;
  padding-block: 10px;
  border-bottom: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-mods .mh-e:nth-child(n+7) { display: none; }
.mh.mh-skin-dianxun .mh-mods .mh-e:nth-child(6),
.mh.mh-skin-dianxun .mh-mods .mh-e:last-child { border-bottom: 0; }
.mh.mh-skin-dianxun .mh-mods .mh-e:nth-child(n+2) > time { display: none; }
.mh.mh-skin-dianxun .mh-mods .mh-e:nth-child(n+2) > .mh-s {
  grid-column: 1;
  padding-top: 2px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-green);
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-mods .mh-e > .mh-t {
  grid-column: 2;
  justify-self: start;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr);
  column-gap: 6px;
  min-height: 176px;
  margin: 15px 0 4px;
  padding: 21px;
  background: var(--mh-panel);
  border-left: 3px solid var(--mh-green);
  border-bottom: 0;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child > time { grid-area: 2 / 1; padding-top: 0; }
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child > .mh-s {
  grid-area: 2 / 2;
  justify-self: start;
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-green);
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child > .mh-t {
  grid-area: 3 / 1 / 4 / 3;
  justify-self: start;
  margin-top: 8px;
  font-family: var(--mh-serif);
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-wrap: balance;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child:has(> .mh-art) {
  grid-template-columns: 45% auto minmax(0, 1fr);
  grid-template-rows: minmax(17px, 1fr) auto auto minmax(17px, 1fr);
  column-gap: 0;
  padding: 0;
  border-left: 0;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child > .mh-art {
  display: block;
  grid-area: 1 / 1 / -1 / 2;
  height: 100%;
  min-height: 176px;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
  border: 0;
  overflow: hidden;
  position: relative;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child:has(> .mh-art) > time { margin-left: 17px; }
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child:has(> .mh-art) > .mh-s { margin: 0 17px 0 6px; }
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child:has(> .mh-art) > .mh-t {
  grid-area: 3 / 2 / 4 / 4;
  margin: 8px 17px 0;
}
.mh.mh-skin-dianxun .mh-block[data-topics~="finance"][data-topics~="society"] .mh-e[data-topic="finance"] > .mh-t::before { content: "财经 "; }
.mh.mh-skin-dianxun .mh-block[data-topics~="finance"][data-topics~="society"] .mh-e[data-topic="society"] > .mh-t::before { content: "社会 "; }
.mh.mh-skin-dianxun .mh-block[data-topics~="tech"][data-topics~="culture"] .mh-e[data-topic="tech"] > .mh-t::before { content: "科技 "; }
.mh.mh-skin-dianxun .mh-block[data-topics~="tech"][data-topics~="culture"] .mh-e[data-topic="culture"] > .mh-t::before { content: "文化 "; }
.mh.mh-skin-dianxun .mh-block .mh-e > .mh-t::before {
  font-size: .8em;
  color: var(--mh-green);
  margin-inline-end: .1em;
}
.mh.mh-skin-dianxun .mh-log { margin-top: 52px; }
.mh.mh-skin-dianxun .mh-log > .mh-h {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  padding: 0 0 14px;
  border-bottom: 2px solid var(--mh-ink);
  font-family: var(--mh-serif);
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}
.mh.mh-skin-dianxun .mh-log > .mh-h .mh-n {
  font-family: var(--mh-mono);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--mh-green);
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-log > .mh-h .mh-ro {
  margin-left: auto;
  font-family: var(--mh-mono);
  font-size: 12px;
  font-weight: 400;
  color: var(--mh-muted);
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-log > .mh-h .mh-ro::before { content: "最近更新 "; }
.mh.mh-skin-dianxun .mh-log .mh-list {
  margin-top: 2px;
  columns: 2;
  column-gap: 34px;
  column-rule: 1px solid var(--mh-line);
  border-bottom: 2px solid var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-log .mh-e {
  display: grid;
  grid-template-columns: 48px 48px minmax(0, 1fr);
  gap: 0 6px;
  align-items: start;
  padding-block: 7px;
  border-bottom: 1px dotted var(--mh-line);
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.mh.mh-skin-dianxun .mh-log .mh-list > .mh-e:last-child { border-bottom: 0; }
.mh.mh-skin-dianxun .mh-log .mh-e > time {
  grid-column: 1;
  padding-top: 2px;
  font-family: var(--mh-mono);
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-rust);
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-log .mh-e > .mh-s {
  grid-column: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 2px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--mh-green);
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-log .mh-e > .mh-t {
  grid-column: 3;
  justify-self: start;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-log > .mh-more {
  display: block;
  margin: 0;
  padding: 15px 0;
  font-size: 13px;
  text-align: right;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-log > .mh-more::after { content: " →"; }
.mh.mh-skin-dianxun .mh-op {
  margin-top: 52px;
  border-top: 2px solid var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-op .mh-h {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 12px 0 6px;
  font-family: var(--mh-serif);
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}
.mh.mh-skin-dianxun .mh-op .mh-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  background: var(--mh-panel);
  border: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-op .mh-e {
  flex: 1 1 240px;
  min-width: 0;
  padding: 12px 16px 14px;
  border-left: 1px dotted var(--mh-line);
}
.mh.mh-skin-dianxun .mh-op .mh-e:first-child { border-left: 0; }
.mh.mh-skin-dianxun .mh-op .mh-e::before {
  content: "评论";
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--mh-line);
  font-size: 12px;
  line-height: 1;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-op .mh-t {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-op .mh-by {
  display: inline-block;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-op time {
  font-family: var(--mh-mono);
  font-size: 12px;
  line-height: 1.4;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-op time::before {
  content: "·";
  margin: 0 5px;
  color: var(--mh-line);
}
.mh.mh-skin-dianxun .mh-n {
  font-family: var(--mh-mono);
  font-weight: 400;
}
.mh.mh-skin-dianxun .mh-ro { color: var(--mh-muted); }
.mh.mh-skin-dianxun .mh-k {
  padding: 0 .4em;
  border: 1px solid var(--mh-line);
  font-family: var(--mh-mono);
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-e[data-flag="submission"] > .mh-t::after,
.mh.mh-skin-dianxun .mh-lead[data-flag="submission"] .mh-lead-t::after { color: var(--mh-rust); }
.mh.mh-skin-dianxun .mh-e[data-flag="hot"] > .mh-t { color: var(--mh-rust); }
.mh.mh-skin-dianxun .mh-leads .mh-lead .mh-art {
  height: 360px;
  min-height: 0;
  overflow: hidden;
}
.mh.mh-skin-dianxun .mh-leads .mh-lead .mh-art .mh-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mh.mh-skin-dianxun .mh-log { margin-inline: 16px; }
.mh.mh-skin-dianxun .mh-log .mh-e .mh-t,
.mh.mh-skin-dianxun .mh-mods .mh-e .mh-t {
  display: inline-block;
  max-width: 100%;
  min-width: 0;
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.mh.mh-skin-dianxun .mh-brief .mh-t {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  overflow-wrap: anywhere;
}
.mh.mh-skin-dianxun .mh-mods .mh-e:first-child .mh-x {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (hover: hover) {
  .mh.mh-skin-dianxun .mh-log .mh-e:hover,
  .mh.mh-skin-dianxun .mh-mods .mh-e:nth-child(n+2):hover {
    background: var(--mh-panel);
  }
}
.mh .mh-cover {
  --cv-ink-1: #061d19;
  --cv-ink-2: #0b382f;
  --cv-paper: #eee6d1;
  --cv-gold: #bc9c58;
  --cv-dim: rgba(238, 230, 209, .62);
  --cv-role: rgba(238, 230, 209, .54);
  --cv-src: rgba(238, 230, 209, .55);
  --cv-foot: rgba(238, 230, 209, .48);
  --cv-hair: rgba(238, 230, 209, .20);
  --cv-faint: rgba(238, 230, 209, .16);
  --cv-hold: 2880ms;
  --cv-exit: 620ms;
  display: block;
  position: fixed;
  z-index: 10000;
  inset: 0;
  overflow: hidden;
  color: var(--cv-paper);
  background:
    radial-gradient(circle at 77% 33%, rgba(122, 160, 132, .15), transparent 31%),
    linear-gradient(112deg, #061d19 0%, #092a24 57%, #0b382f 100%);
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif;
  animation: mh-cover-out var(--cv-exit) cubic-bezier(.76, 0, .24, 1) var(--cv-hold) forwards;
}
.mh .mh-cover-tex {
  position: absolute;
  top: -34vh;
  right: -18vw;
  width: 92vw;
  height: 150vh;
  z-index: 0;
  border: 1px solid rgba(238, 230, 209, .05);
  border-radius: 50%;
  pointer-events: none;
}
.mh .mh-cover > *:not(.mh-cover-tex) { z-index: 1; }
html.mh-cover-on, html.mh-cover-on body { overflow: hidden; }
.mh .mh-cover.is-leaving { pointer-events: none; }
.mh .mh-cover.is-exiting,
.mh .mh-cover.is-paused.is-exiting {
  animation: mh-cover-out var(--cv-exit) cubic-bezier(.76, 0, .24, 1) 0ms forwards;
  animation-play-state: running;
  pointer-events: none;
}
.mh .mh-cover.is-exiting .mh-cover-bar i { animation-play-state: running; }
@keyframes mh-cover-out {
  from  { clip-path: inset(0 0 0 0); filter: brightness(1); }
  99.9% { clip-path: inset(0 0 100% 0); filter: brightness(.88); }
  to    { clip-path: inset(0 0 100% 0); visibility: hidden; pointer-events: none; }
}
.mh .mh-cover-head {
  position: absolute;
  top: 5.5%;
  right: 6%;
  left: 6%;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  padding-bottom: 2.35%;
  border-bottom: 3px double rgba(238, 230, 209, .48);
}
.mh .mh-cover-side { display: grid; gap: 6px; }
.mh .mh-cover-side-r { justify-items: end; text-align: right; }
.mh .mh-cover-side-zh {
  color: var(--cv-paper);
  font-size: clamp(10px, .78vw, 13px);
  letter-spacing: .18em;
}
.mh .mh-cover-lat {
  color: var(--cv-foot);
  font-family: var(--mh-mono);
  font-size: clamp(8px, .69vw, 11px);
  letter-spacing: .28em;
}
.mh .mh-cover-id {
  display: grid;
  justify-items: center;
  gap: 4px;
  text-align: center;
}
.mh .mh-cover-id strong {
  display: block;
  font-size: clamp(19px, 1.85vw, 30px);
  font-weight: 500;
  letter-spacing: .12em;
}
.mh .mh-cover-id > span:last-child {
  color: var(--cv-foot);
  font-family: var(--mh-mono);
  font-size: clamp(7px, .6vw, 10px);
  letter-spacing: .34em;
}
.mh .mh-cover-mark {
  display: block;
  margin-bottom: 2px;
}
.mh .mh-cover-flower {
  display: block;
  width: clamp(20px, 1.7vw, 28px);
  height: auto;
  color: var(--cv-paper);
}
.mh .mh-cover-petals { fill: currentColor; }
.mh .mh-cover-eye { fill: var(--cv-gold); }
.mh .mh-cover-rule {
  position: absolute;
  top: 21.5%;
  right: 6%;
  left: 6%;
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--cv-foot);
  font-family: var(--mh-mono);
  font-size: clamp(8px, .66vw, 11px);
  letter-spacing: .26em;
  white-space: nowrap;
}
.mh .mh-cover-hr {
  flex: 1;
  height: 1px;
  background: var(--cv-faint);
}
.mh .mh-cover-dot {
  flex: none;
  width: 5px;
  height: 5px;
  border: 1px solid var(--cv-gold);
  background: none;
  transform: rotate(45deg);
}
.mh .mh-cover-main {
  position: absolute;
  top: 28.5%;
  right: 10%;
  bottom: 16%;
  left: 10%;
  display: grid;
  grid-template-columns: 34% 1fr;
  align-items: center;
  column-gap: 8%;
}
.mh .mh-cover-who {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15% 0 0;
  border-right: 1px solid var(--cv-hair);
}
.mh .mh-cover-kicker {
  margin: 0;
  color: #c5a65f;
  font-family: var(--mh-mono);
  font-size: clamp(8px, .72vw, 11px);
  letter-spacing: .27em;
}
.mh .mh-cover-zh-name {
  display: block;
  margin: 8% 0 0;
  color: var(--cv-paper);
  font-size: clamp(46px, 7.1vw, 112px);
  font-weight: 500;
  line-height: .90;
  letter-spacing: .06em;
  text-align: left;
}
.mh .mh-cover-zh-name-t { display: inline; }
.mh .mh-cover-en {
  display: block;
  margin: 10% 0 0;
  color: var(--cv-dim);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(10px, 1.08vw, 15px);
  letter-spacing: .32em;
  text-transform: uppercase;
}
.mh .mh-cover-tick {
  width: 38px;
  height: 2px;
  margin: 12% 0 0;
  background: var(--cv-gold);
}
.mh .mh-cover-role {
  margin: 8% 0 0;
  color: var(--cv-role);
  font-size: clamp(8px, .69vw, 11px);
  line-height: 1.85;
  letter-spacing: .13em;
}
.mh .mh-cover-role-1,
.mh .mh-cover-role-2 { display: block; }
.mh .mh-cover-said {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
}
.mh .mh-cover-q {
  position: absolute;
  top: -.53em;
  left: -.47em;
  color: var(--cv-gold);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(68px, 10vw, 142px);
  line-height: 1;
}
.mh .mh-cover-quote {
  position: relative;
  z-index: 1;
  margin: 0;
  border: 0;
  padding: 0;
  color: var(--cv-paper);
  font-size: clamp(18px, 3.75vw, 52px);
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: .065em;
}
.mh .mh-cover-attr {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6%;
  padding-top: 3.5%;
  border-top: 1px solid rgba(238, 230, 209, .17);
  color: var(--cv-src);
  font-size: clamp(9px, .74vw, 12px);
  letter-spacing: .13em;
}
.mh .mh-cover-attr > i {
  flex: none;
  width: 24px;
  height: 1px;
  background: var(--cv-gold);
}
.mh .mh-cover-src {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.mh .mh-cover-src:hover,
.mh .mh-cover-src:focus-visible { border-bottom-color: var(--cv-gold); }
.mh .mh-cover-year { font-family: var(--mh-mono); letter-spacing: .16em; }
.mh .mh-cover-credit:empty { display: none; }
.mh .mh-cover-foot {
  position: absolute;
  right: 6%;
  bottom: 5.5%;
  left: 6%;
  display: block;
  color: var(--cv-foot);
  font-size: clamp(9px, .74vw, 12px);
  letter-spacing: .14em;
}
.mh .mh-cover-act {
  display: flex;
  justify-content: center;
  padding-bottom: clamp(14px, 1.9%, 26px);
}
.mh .mh-cover-go {
  display: inline-flex;
  align-items: center;
  gap: .85em;
  margin: 0;
  padding: clamp(10px, 1em, 17px) clamp(22px, 2.6em, 48px);
  border: 1px solid rgba(238, 230, 209, .34);
  border-radius: 0;
  background-color: rgba(238, 230, 209, .07);
  background-image: linear-gradient(180deg, rgba(238, 230, 209, .09), rgba(238, 230, 209, 0) 62%);
  box-shadow:
    inset 0 1px 0 rgba(253, 248, 236, .18),
    0 8px 22px rgba(3, 14, 12, .38);
  color: rgba(245, 238, 221, .95);
  font-family: inherit;
  font-size: clamp(11px, .86vw, 14px);
  font-weight: 400;
  letter-spacing: .28em;
  text-indent: .28em;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .3s ease, background-color .3s ease, color .3s ease,
              box-shadow .3s ease, transform .12s ease;
}
.mh .mh-cover-go::after {
  content: "\2192";
  text-indent: 0;
  letter-spacing: 0;
  transform: translateX(0);
  transition: transform .3s ease;
}
.mh .mh-cover-go:hover,
.mh .mh-cover-go:focus-visible {
  border-color: var(--cv-gold);
  background-color: rgba(238, 230, 209, .12);
  color: #fdf8ec;
  box-shadow:
    inset 0 1px 0 rgba(253, 248, 236, .26),
    0 10px 26px rgba(3, 14, 12, .46);
}
.mh .mh-cover-go:hover::after { transform: translateX(3px); }
.mh .mh-cover-go:focus-visible { outline: 2px solid var(--cv-gold); outline-offset: 3px; }
.mh .mh-cover-go:active {
  transform: translateY(1px);
  background-color: rgba(238, 230, 209, .16);
  box-shadow: inset 0 1px 3px rgba(3, 14, 12, .40);
}
.mh .mh-cover-enter {
  padding-top: clamp(10px, 1.8%, 22px);
  border-top: 1px solid var(--cv-hair);
  text-align: center;
}
@media (hover: none), (max-width: 680px) {
  .mh .mh-cover-enter { color: transparent; }
  .mh .mh-cover-enter b { display: none; }
  .mh .mh-cover-enter { padding-top: clamp(10px, 1.8%, 22px); min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .mh .mh-cover-go,
  .mh .mh-cover-go::after { transition: none; }
}
.mh .mh-cover-enter b {
  color: rgba(238, 230, 209, .80);
  font-weight: 400;
  font-size: clamp(12px, .86vw, 14px);
  letter-spacing: .1em;
}
.mh .mh-cover-bag,
.mh .mh-cover-roster { display: none !important; }
.mh .mh-cover-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: rgba(238, 230, 209, .12);
  overflow: hidden;
}
.mh .mh-cover-bar i {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #9f8141, #efe4c7);
  transform: scaleX(0);
  transform-origin: left center;
  animation: mh-cover-fill var(--cv-hold, 2880ms) linear forwards;
}
@keyframes mh-cover-fill { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  .mh .mh-cover,
  .mh .mh-cover-bar i { animation: none; }
  .mh .mh-cover-bar { display: none; }
}
.mh.mh-skin-dianxun .mh-desks {
  display: block;
  grid-column: 1 / -1;
  order: 3;
  margin-top: 30px;
  padding-top: 14px;
  border-top: 2px solid var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-desks-h {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.mh.mh-skin-dianxun .mh-desks-title {
  margin: 0;
  font-family: var(--mh-serif);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .04em;
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-desks-tabs {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 2px 14px;
  min-width: 0;
}
.mh.mh-skin-dianxun .mh-desk-tab {
  padding: 3px 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  font-family: var(--mh-sans);
  font-size: 14px;
  line-height: 1.5;
  color: var(--mh-muted);
  cursor: pointer;
}
.mh.mh-skin-dianxun .mh-desk-tab:hover { color: var(--mh-ink); }
.mh.mh-skin-dianxun .mh-desk-tab.is-on {
  color: var(--mh-green);
  border-bottom-color: var(--mh-green);
  font-weight: 500;
}
.mh.mh-skin-dianxun .mh-desks-ctl {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.mh.mh-skin-dianxun .mh-desk-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--mh-line);
  background: var(--mh-panel);
  color: var(--mh-ink);
  cursor: pointer;
}
.mh.mh-skin-dianxun .mh-desk-arrow:hover { border-color: var(--mh-green); color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-desk-count {
  font-family: var(--mh-mono);
  font-size: 12px;
  color: var(--mh-muted);
  min-width: 42px;
  text-align: center;
}
.mh.mh-skin-dianxun .mh-desk-count b { color: var(--mh-ink); font-weight: 500; }
.mh.mh-skin-dianxun .mh-desks-stage { position: relative; }
.mh.mh-skin-dianxun .mh-desk { display: none; }
.mh.mh-skin-dianxun .mh-desk.is-on {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 0 26px;
  height: 420px;
}
.mh.mh-skin-dianxun .mh-desk[hidden] { display: none; }
.mh.mh-skin-dianxun .mh-desk-lead {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 420px;
}
.mh.mh-skin-dianxun .mh-desk-pic {
  display: block;
  width: 100%;
  height: 186px;
  overflow: hidden;
  background: var(--mh-panel-soft);
}
.mh.mh-skin-dianxun .mh-desk-pic .mh-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.02);
}
.mh.mh-skin-dianxun .mh-desk-lead-txt {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 10px;
  min-width: 0;
}
.mh.mh-skin-dianxun .mh-desk-lead-h {
  margin: 0;
  min-height: 4.5em;
  line-height: 1.5;
  overflow: hidden;
  font-family: var(--mh-serif);
  font-size: 17px;
  font-weight: 500;
}
.mh.mh-skin-dianxun .mh-desk-lead-h a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  color: var(--mh-ink);
  text-decoration: none;
}
.mh.mh-skin-dianxun .mh-desk-lead-h a:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-desk-lead-x {
  flex: 1 1 auto;
  min-height: 0;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--mh-muted);
  overflow: hidden;
}
.mh.mh-skin-dianxun .mh-desk-lead-m {
  margin-top: auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0 0;
  font-size: 12px;
}
.mh.mh-skin-dianxun .mh-desk-more { color: var(--mh-green); text-decoration: none; white-space: nowrap; }
.mh.mh-skin-dianxun .mh-desk-more:hover { text-decoration: underline; }
.mh.mh-skin-dianxun .mh-desk-list {
  display: flex;
  flex-direction: column;
  height: 420px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-desk-list > li {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted var(--mh-line);
}
.mh.mh-skin-dianxun .mh-desk-list > li > article {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.mh.mh-skin-dianxun .mh-desk-t {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--mh-serif);
  font-size: 15px;
  color: var(--mh-ink);
  text-decoration: none;
}
.mh.mh-skin-dianxun .mh-desk-t:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-desk-list .mh-s { flex: 0 0 auto; font-size: 12px; color: var(--mh-muted); }
.mh.mh-skin-dianxun .mh-desks-dots {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 14px;
}
.mh.mh-skin-dianxun .mh-desk-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 1px solid var(--mh-line);
  border-radius: 50%;
  background: none;
  cursor: pointer;
}
.mh.mh-skin-dianxun .mh-desk-dot.is-on { background: var(--mh-green); border-color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-roll {
  display: block;
  grid-column: 1 / -1;
  order: 4;
  margin-top: 34px;
  padding-top: 14px;
  border-top: 2px solid var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-roll-h {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.mh.mh-skin-dianxun .mh-roll-title {
  margin: 0;
  font-family: var(--mh-serif);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .04em;
}
.mh.mh-skin-dianxun .mh-roll-title a { color: var(--mh-ink); text-decoration: none; }
.mh.mh-skin-dianxun .mh-roll-swap {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--mh-line);
  background: var(--mh-panel);
  font-family: var(--mh-sans);
  font-size: 13px;
  color: var(--mh-ink);
  cursor: pointer;
}
.mh.mh-skin-dianxun .mh-roll-swap:hover {
  border-color: var(--mh-green);
  background: color-mix(in srgb, var(--mh-green) 7%, var(--mh-panel));
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-roll-cyc { flex: 0 0 auto; opacity: .75; }
.mh.mh-skin-dianxun .mh-roll-chip {
  font-family: var(--mh-mono);
  font-size: 11px;
  line-height: 1;
  padding: 3px 5px;
  color: var(--mh-green);
  background: color-mix(in srgb, var(--mh-green) 10%, transparent);
}
.mh.mh-skin-dianxun .mh-roll-swap[data-mode="featured"] .mh-roll-swap-b,
.mh.mh-skin-dianxun .mh-roll-swap[data-mode="featured"] .mh-roll-chip-b,
.mh.mh-skin-dianxun .mh-roll-swap[data-mode="dense"] .mh-roll-swap-a,
.mh.mh-skin-dianxun .mh-roll-swap[data-mode="dense"] .mh-roll-chip-a { display: none; }
.mh.mh-skin-dianxun .mh-roll-grid {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) 104px;
  gap: 0 20px;
}
.mh.mh-skin-dianxun .mh-roll-body { min-width: 0; }
.mh.mh-skin-dianxun .mh-roll-rail { min-width: 0; }
.mh.mh-skin-dianxun .mh-roll-rail-h {
  margin: 0 0 8px;
  font-family: var(--mh-sans);
  font-size: 11px;
  letter-spacing: .18em;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-roll-rail ul { margin: 0; padding: 0; list-style: none; }
.mh.mh-skin-dianxun .mh-roll-rail li { border-bottom: 1px dotted var(--mh-line); }
.mh.mh-skin-dianxun .mh-roll-rail a {
  display: block;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--mh-muted);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mh.mh-skin-dianxun .mh-roll-rail a:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-roll-feat {
  display: flex;
  flex-direction: column;
  height: 1700px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-roll-feat > li { flex: 1 1 0; min-height: 0; border-bottom: 1px solid var(--mh-line); }
.mh.mh-skin-dianxun .mh-roll-feat > li > article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto auto;
  grid-template-rows: auto auto auto;
  align-items: center;
  gap: 2px 12px;
  height: 100%;
  padding: 10px 0;
}
.mh.mh-skin-dianxun .mh-roll-badge {
  grid-row: 1 / span 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-family: var(--mh-serif);
  font-size: 14px;
  color: var(--mh-green);
  background: color-mix(in srgb, var(--mh-green) 8%, transparent);
}
.mh.mh-skin-dianxun .mh-roll-t {
  font-family: var(--mh-serif);
  font-size: 20px;
  line-height: 1.55;
  color: var(--mh-ink);
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.mh.mh-skin-dianxun .mh-roll-t:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-roll-pic {
  grid-column: 3;
  grid-row: 1 / span 3;
  display: block;
  width: 132px;
  height: 82px;
  overflow: hidden;
  background: var(--mh-panel-soft);
}
.mh.mh-skin-dianxun .mh-roll-pic .mh-img { width: 100%; height: 100%; object-fit: cover; }
.mh.mh-skin-dianxun .mh-roll-meta { grid-column: 2; display: flex; gap: 10px; font-size: 12px; color: var(--mh-muted); }
.mh.mh-skin-dianxun .mh-roll-cat { color: var(--mh-green); text-decoration: none; }
.mh.mh-skin-dianxun .mh-roll-go { grid-column: 4; grid-row: 1 / span 3; color: var(--mh-line); font-size: 18px; }
.mh.mh-skin-dianxun .mh-roll-dense {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(50, 34px);
  grid-auto-flow: column;
  height: 1700px;
  column-gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-roll-dense > li { min-width: 0; display: flex; align-items: center; border-bottom: 1px dotted var(--mh-line); }
.mh.mh-skin-dianxun .mh-roll-dense > li > article {
  display: flex;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
.mh.mh-skin-dianxun .mh-roll-ds {
  flex: 0 0 5.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--mh-sans);
  font-size: 12px;
  color: var(--mh-muted);
  text-decoration: none;
}
.mh.mh-skin-dianxun .mh-roll-ds:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-roll-dt {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--mh-serif);
  font-size: 15px;
  line-height: 1.55;
  color: var(--mh-ink);
  text-decoration: none;
}
.mh.mh-skin-dianxun .mh-roll-dt:hover { color: var(--mh-green); }
.mh.mh-skin-dianxun .mh-mods { display: none; }
.mh.mh-skin-dianxun .mh-log  { display: none; }
.mh.mh-skin-dianxun .mh-lead > .mh-art {
  align-self: stretch;
  height: auto;
  min-height: 0;
}
.mh.mh-skin-dianxun .mh-lead > .mh-art img,
.mh.mh-skin-dianxun .mh-lead > .mh-art .mh-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mh.mh-skin-dianxun .mh-lead > .mh-lead-t {
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.24;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.mh.mh-skin-dianxun .mh-brief .mh-e:nth-child(n+7) { display: none; }
.mh.mh-skin-dianxun .mh-cmt {
  display: block;
  grid-column: 1 / -1;
  order: 6;
  margin-top: 34px;
  padding-top: 14px;
  border-top: 2px solid var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-cmt-h {
  margin: 0 0 14px;
  font-family: var(--mh-serif);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .04em;
}
.mh.mh-skin-dianxun .mh-cmt-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 0 26px;
}
.mh.mh-skin-dianxun .mh-cmt-list {
  padding: 26px 22px;
  background: color-mix(in srgb, var(--mh-green) 5%, var(--mh-panel));
  border: 1px solid var(--mh-line);
}
.mh.mh-skin-dianxun .mh-cmt-empty { margin: 0; font-size: 14px; color: var(--mh-muted); }
.mh.mh-skin-dianxun .mh-cmt-ask {
  padding: 14px 16px;
  margin-bottom: 14px;
  border-left: 2px solid var(--mh-green);
  background: color-mix(in srgb, var(--mh-green) 6%, transparent);
}
.mh.mh-skin-dianxun .mh-cmt-ask-k {
  margin: 0 0 5px;
  font-family: var(--mh-sans);
  font-size: 11px;
  letter-spacing: .18em;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-cmt-ask-q { margin: 0; font-family: var(--mh-serif); font-size: 15px; line-height: 1.6; }
.mh.mh-skin-dianxun .mh-cmt-form fieldset { margin: 0; padding: 0; border: 0; }
.mh.mh-skin-dianxun .mh-cmt-legend {
  padding: 0;
  font-family: var(--mh-sans);
  font-size: 11px;
  letter-spacing: .18em;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-cmt-type {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 8px;
  margin: 8px 0;
  font-size: 13px;
}
.mh.mh-skin-dianxun .mh-cmt-type input { grid-row: 1 / span 2; align-self: start; margin-top: 3px; }
.mh.mh-skin-dianxun .mh-cmt-type-n { color: var(--mh-ink); }
.mh.mh-skin-dianxun .mh-cmt-type-h { font-size: 12px; color: var(--mh-muted); }
.mh.mh-skin-dianxun .mh-cmt-f { display: block; margin: 10px 0; font-size: 12px; color: var(--mh-muted); }
.mh.mh-skin-dianxun .mh-cmt-f input,
.mh.mh-skin-dianxun .mh-cmt-f textarea {
  display: block;
  width: 100%;
  margin-top: 4px;
  padding: 7px 9px;
  border: 1px solid var(--mh-line);
  background: var(--mh-panel);
  font: inherit;
  font-size: 13px;
  color: var(--mh-ink);
}
.mh.mh-skin-dianxun .mh-cmt-go {
  height: 34px;
  padding: 0 18px;
  border: 1px solid var(--mh-green);
  background: none;
  font-family: var(--mh-sans);
  font-size: 13px;
  color: var(--mh-green);
}
.mh.mh-skin-dianxun .mh-cmt-form fieldset:disabled { opacity: .55; }
.mh.mh-skin-dianxun .mh-cmt-form fieldset:disabled .mh-cmt-go { cursor: not-allowed; }
.mh.mh-skin-dianxun .mh-cmt-off {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--mh-muted);
}
.mh.mh-skin-dianxun .mh-cmt-off a { color: var(--mh-green); }
@media (max-width: 1040px) {
  .mh.mh-skin-dianxun .mh-desk.is-on { grid-template-columns: 232px minmax(0, 1fr); gap: 0 18px; }
  .mh.mh-skin-dianxun .mh-desk-pic { height: 148px; }
  .mh.mh-skin-dianxun .mh-desk-lead-h { font-size: 16px; }
  .mh.mh-skin-dianxun .mh-desk-t { font-size: 14px; }
  .mh.mh-skin-dianxun .mh-roll-rail-r { display: none; }
  .mh.mh-skin-dianxun .mh-roll-grid { grid-template-columns: 96px minmax(0, 1fr); }
}
@media (max-width: 959px) {
  .mh.mh-skin-dianxun .mh-body {
    display: flex;
    flex-direction: column;
  }
  .mh.mh-skin-dianxun .mh-lead {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
  }
  .mh.mh-skin-dianxun .mh-lead > .mh-art {
    grid-area: 1 / 1 / 2 / 2;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .mh.mh-skin-dianxun .mh-lead > .mh-m,
  .mh.mh-skin-dianxun .mh-lead > .mh-lead-t,
  .mh.mh-skin-dianxun .mh-lead > .mh-x,
  .mh.mh-skin-dianxun .mh-lead > .mh-read {
    grid-column: 1;
    margin-inline: 14px;
  }
  .mh.mh-skin-dianxun .mh-lead > .mh-m { grid-row: 2; margin-top: 14px; }
  .mh.mh-skin-dianxun .mh-lead > .mh-lead-t {
    grid-row: 3;
    font-size: 22px;
    line-height: 30px;
  }
  .mh.mh-skin-dianxun .mh-lead > .mh-x { grid-row: 4; }
  .mh.mh-skin-dianxun .mh-lead > .mh-read { grid-row: 5; margin-bottom: 14px; }
  .mh.mh-skin-dianxun .mh-brief { margin-top: 26px; }
  .mh.mh-skin-dianxun .mh-mods { grid-template-columns: minmax(0, 1fr); }
  .mh.mh-skin-dianxun .mh-mod:nth-of-type(odd) { border-right: 0; }
  .mh.mh-skin-dianxun .mh-mod:nth-of-type(-n+3) { border-bottom: 1px solid var(--mh-line); }
  .mh.mh-skin-dianxun .mh-mod:nth-of-type(4) { border-bottom: 0; }
  .mh.mh-skin-dianxun .mh-op .mh-e {
    flex: 1 1 100%;
    border-left: 0;
    border-top: 1px dotted var(--mh-line);
  }
  .mh.mh-skin-dianxun .mh-op .mh-e:first-child { border-top: 0; }
}
@media (max-width: 880px) {
  .mh .mh-cover-main {
    top: 26%;
    right: 7%;
    bottom: 13%;
    left: 7%;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: min-content;
    align-content: center;
    column-gap: 0;
    row-gap: clamp(20px, 3.6vh, 38px);
    overflow-y: auto;
  }
  .mh .mh-cover-who {
    align-self: auto;
    padding: 0 0 clamp(18px, 3.2vh, 34px);
    border-right: 0;
    border-bottom: 1px solid var(--cv-hair);
  }
  .mh .mh-cover-zh-name { margin-top: 14px; font-size: clamp(44px, 15vw, 76px); }
  .mh .mh-cover-en { margin-top: 14px; }
  .mh .mh-cover-tick { margin-top: 20px; }
  .mh .mh-cover-role { margin-top: 14px; font-size: 11px; }
  .mh .mh-cover-quote { font-size: clamp(21px, 5.6vw, 30px); line-height: 1.5; }
  .mh .mh-cover-q { font-size: clamp(52px, 16vw, 88px); }
  .mh .mh-cover-attr { margin-top: 22px; padding-top: 14px; font-size: 11px; }
  .mh .mh-cover-id strong { font-size: 18px; letter-spacing: .1em; }
  .mh .mh-cover-lat { font-size: 9px; letter-spacing: .18em; }
  .mh .mh-cover-rule { gap: 10px; font-size: 8px; letter-spacing: .18em; }
  .mh .mh-cover-flower { width: 22px; }
}
@media (max-width: 720px) {
  .mh .mh-cover { --cv-hold: 6380ms; }
  .mh.mh-skin-dianxun .mh-log .mh-list { columns: 1; }
}
@media (max-width: 720px) {
  .mh.mh-skin-dianxun .mh-desk.is-on { grid-template-columns: minmax(0, 1fr); height: 500px; }
  .mh.mh-skin-dianxun .mh-desk-lead { height: auto; }
  .mh.mh-skin-dianxun .mh-desk-pic { height: 152px; }
  .mh.mh-skin-dianxun .mh-desk-lead-h { min-height: 0; }
  .mh.mh-skin-dianxun .mh-desk-list { height: 252px; }
  .mh.mh-skin-dianxun .mh-roll-grid { grid-template-columns: minmax(0, 1fr); }
  .mh.mh-skin-dianxun .mh-roll-rail-l {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
  .mh.mh-skin-dianxun .mh-roll-rail-l ul { display: flex; gap: 14px; }
  .mh.mh-skin-dianxun .mh-roll-rail-l li { border-bottom: 0; }
  .mh.mh-skin-dianxun .mh-roll-rail-l a { white-space: nowrap; padding: 0; }
  .mh.mh-skin-dianxun .mh-roll-dense {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(100, 34px);
    height: 3400px;
  }
  .mh.mh-skin-dianxun .mh-roll-feat { height: 3400px; }
  .mh.mh-skin-dianxun .mh-roll-t { font-size: 16px; }
}
@media (max-width: 720px) {
  .mh.mh-skin-dianxun .mh-cmt-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 720px) {
  .mh.mh-skin-dianxun .mh-desks-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .mh.mh-skin-dianxun .mh-desks-tabs::-webkit-scrollbar { display: none; }
  .mh.mh-skin-dianxun .mh-desk-tab { flex: 0 0 auto; }
}
@media (max-width: 700px) {
  .mh.mh-skin-dianxun .mh-strip { flex-wrap: wrap; }
  .mh.mh-skin-dianxun .mh-strip > span.mh-flash {
    flex-basis: 100%;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .mh.mh-skin-dianxun .mh-strip > span + span.mh-flash::before,
  .mh.mh-skin-dianxun .mh-strip > span + span.mh-sample::before { content: none; }
}
@media (max-width: 700px) {
  .mh.mh-skin-dianxun .mh-cats {
    flex-wrap: wrap;
    gap: 5px 5px;
    padding: 8px 14px;
    overflow-x: visible;
  }
  .mh.mh-skin-dianxun .mh-cat {
    padding: 3px 7px;
    font-size: 12.5px;
    line-height: 1.5;
    white-space: nowrap;
  }
  .mh.mh-skin-dianxun .mh-cat .mh-n { display: none; }
  .mh.mh-skin-dianxun .mh-cat[for="mh-c-all"] .mh-n {
    display: inline;
    margin-left: 4px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .mh-join-note { display: none; }
}
@media (max-width: 420px) {
  .mh.mh-skin-dianxun .mh-strip { padding: 7px 10px; column-gap: 6px; }
  .mh.mh-skin-dianxun .mh-strip > span + span::before { margin-right: 6px; }
  .mh.mh-skin-dianxun .mh-mods .mh-e {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .mh.mh-skin-dianxun .mh-log .mh-e {
    grid-template-columns: 40px 46px minmax(0, 1fr);
  }
  .mh.mh-skin-dianxun .mh-op .mh-e { padding: 10px 12px 12px; }
  .mh.mh-skin-dianxun .mh-art:not(.mh-art-photo)::after { font-size: 40px; }
}
.mh .mh-cover.is-paused,
.mh .mh-cover.is-paused .mh-cover-bar i { animation-play-state: paused; }

/* skin-wxc.css */
.mh.mh-skin-wxc {
	--wxc-g-900: #1e3520;
	--wxc-g-700: #2e5631;
	--wxc-g-600: #44753d;
	--wxc-g-400: #7fa277;
	--wxc-g-bar: #335c2c;
	--wxc-g-200: #c9dcc3;
	--wxc-g-050: #f1f6ee;
	--wxc-link:       #0d00ff;
	--wxc-link-hover: #ff0000;
	--wxc-visited:    #660066;
	--wxc-alert: #a3251c;
	--wxc-ink:    #1b1d19;
	--wxc-body:   #454842;
	--wxc-meta:   #6b6f67;
	--wxc-faint:  #93988f;
	--wxc-rule:   #e4e7df;
	--wxc-rule-2: #cbd1c4;
	--wxc-paper:  #ffffff;
	--wxc-tint:   #f8f9f5;
	--wxc-cream:  #fbf8ec;
	--f-xs:  12px;
	--f-wxc: "Microsoft YaHei", Tahoma, Verdana, STHeiTi, SimSun, sans-serif;
	--f-wxc-list: Tahoma, Verdana, Arial, sans-serif;
	--f-serif-cjk: var(--f-wxc);
	--f-sm:  13px;
	--f-md:  15px;
	--f-lg:  17px;
	--f-xl:  21px;
	--f-2xl: 27px;
	--gut: 20px;
	--list-indent: 14px;
	--rail: 160px;
	--tile-gap: 7px;
	--mk: 14px;
	--wxc-eye: var(--wxc-paper);
	--wxc-petal: radial-gradient(circle closest-side, currentColor 96%, transparent 100%);
	font-family: var(--f-wxc);
	font-size: 16px;
	line-height: 1.65;
	color: var(--wxc-ink);
	background: var(--wxc-paper);
	color-scheme: only light;
	min-width: 0;
	overflow-x: clip;
	-webkit-text-size-adjust: 100%;
}
.mh.mh-skin-wxc a { color: var(--wxc-link); text-decoration: none; }
.mh.mh-skin-wxc a:visited { color: var(--wxc-visited); }
.mh.mh-skin-wxc a:hover {
	color: var(--wxc-link-hover);
	text-decoration: none;
}
.mh.mh-skin-wxc ol,
.mh.mh-skin-wxc ul { list-style: none; margin: 0; padding: 0; }
.mh.mh-skin-wxc .mh-t,
.mh.mh-skin-wxc .mh-lead-t,
.mh.mh-skin-wxc .mh-x { overflow-wrap: anywhere; }
.mh.mh-skin-wxc .mh-lead .mh-art,
.mh.mh-skin-wxc .mh-ticker { display: none; }
.mh.mh-skin-wxc a:focus-visible:not(.mh-t):not(.mh-lead-t),
.mh.mh-skin-wxc label:focus-visible {
	outline: 2px solid var(--wxc-g-600);
	outline-offset: 2px;
	border-radius: 1px;
}
.mh.mh-skin-wxc .mh-empty {
	padding: 4em 0;
	text-align: center;
	color: var(--wxc-meta);
	font-size: var(--f-md);
}
.mh.mh-skin-wxc .mh-leads > .mh-h::before,
.mh.mh-skin-wxc .mh-log > .mh-h::before,
.mh.mh-skin-wxc .mh-op > .mh-h::before,
.mh.mh-skin-wxc .mh-mod > .mh-h::before,
.mh.mh-skin-wxc .mh-side > section > .mh-h::before,
.mh.mh-skin-wxc .mh-mods .mh-e::before,
.mh.mh-skin-wxc .mh-hot .mh-e::before,
.mh.mh-skin-wxc .mh-flash b::before {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	box-sizing: content-box;
	width: var(--mk);
	height: var(--mk);
	background-image:
		radial-gradient(circle closest-side, var(--wxc-eye) 96%, transparent 100%),
		var(--wxc-petal), var(--wxc-petal), var(--wxc-petal),
		var(--wxc-petal), var(--wxc-petal);
	background-size:
		22% 22%,
		52% 52%, 52% 52%, 52% 52%, 52% 52%, 52% 52%;
	background-position:
		50% 50%,
		50% 0, 98% 35%, 79% 90%, 21% 90%, 2% 35%;
	background-repeat: no-repeat;
}
.mh.mh-skin-wxc {
	display: flex;
	flex-direction: column;
	--edge: 0px;
	--wxc-shell: 1100px;
	--wxc-nav-h: 37px;
	width: 100%;
	max-width: var(--wxc-shell);
	margin-inline: auto;
	padding-inline: var(--edge);
}
.mh.mh-skin-wxc .mh-mast,
.mh.mh-skin-wxc .mh-cats,
.mh.mh-skin-wxc .mh-mast  { order: 2; }
.mh.mh-skin-wxc .mh-cats  { order: 3; }
.mh.mh-skin-wxc .mh-strip { order: 4; }
.mh.mh-skin-wxc .mh-body  { order: 5; }
.mh.mh-skin-wxc .mh-empty { order: 6; }
.mh.mh-skin-wxc .mh-mast {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 0 30px;
	box-sizing: border-box;
	min-height: 153px;
	padding: 11px var(--edge);
	background: var(--wxc-paper);
	border-bottom: 1px solid var(--wxc-rule);
	min-width: 0;
}
.mh.mh-skin-wxc .mh-mast-brand > a {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: 8px;
	color: var(--wxc-g-900);
}
.mh.mh-skin-wxc .mh-mast-brand > a:hover { text-decoration: none; }
.mh.mh-skin-wxc .mh-mast-brand {
	position: absolute;
	left: 20px;
	top: 18px;
	width: 78px;
	height: 90px;
	margin: 0;
	padding: 0;
}
.mh.mh-skin-wxc .mh-mast-brand > a {
	display: block;
	width: 78px;
	height: 90px;
	background: url("../img/wxc/molihua-wxc-masthead-logo.png?v=2") no-repeat center / contain;
}
.mh.mh-skin-wxc .mh-mast-brand > a > *,
.mh.mh-skin-wxc .mh-mast-name,
.mh.mh-skin-wxc .mh-mast-sub {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.mh.mh-skin-wxc .mh-mast-app {
	position: absolute;
	right: 0;
	top: 18px;
	width: 160px;
	height: 91px;
	border: 0;
	border-radius: 0;
	background: url("../img/wxc/molihua-wxc-app-panel.png?v=2") no-repeat center / contain;
	overflow: hidden;
}
.mh.mh-skin-wxc .mh-app-name,
.mh.mh-skin-wxc .mh-app-note {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: none;
}
.mh.mh-skin-wxc .mh-logo {
	grid-row: 1 / 3;
	width: 34px;
	height: 34px;
	padding: 4px;
	background: var(--wxc-g-600);
	border-radius: 3px;
	color: var(--wxc-paper);
	box-sizing: border-box;
	transition: background-color .15s linear;
}
.mh.mh-skin-wxc .mh-mast-brand > a:hover .mh-logo { background: var(--wxc-g-700); }
.mh.mh-skin-wxc .mh-logo-eye { fill: var(--wxc-g-600); }
.mh.mh-skin-wxc .mh-mast-brand > a:hover .mh-logo-eye { fill: var(--wxc-g-700); }
.mh.mh-skin-wxc .mh-mast-name {
	align-self: end;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -.015em;
	color: var(--wxc-g-900);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-mast-sub {
	align-self: start;
	margin-top: 2px;
	font-family: var(--f-serif-cjk);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .42em;
	margin-right: -.42em;
	color: var(--wxc-meta);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-mast-feature {
	position: relative;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wxc-g-600);
	overflow: hidden;
	grid-column: 1 / -1;
	margin-left: 120px;
	margin-right: 182px;
}
.mh.mh-skin-wxc .mh-mast-feature::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(58% 118% at 50% 52%, var(--wxc-g-050), transparent 72%),
		linear-gradient(to right, transparent, var(--wxc-rule) 22%, var(--wxc-rule) 78%, transparent) bottom / 100% 1px no-repeat;
	pointer-events: none;
}
.mh.mh-skin-wxc .mh-anim {
	position: relative;
	display: block;
	width: 100%;
	max-width: 560px;
	height: 125px;
	overflow: visible;
}
.mh.mh-skin-wxc .mh-anim-p,
.mh.mh-skin-wxc .mh-anim-field,
.mh.mh-skin-wxc .mh-anim-halo {
	transform-box: view-box;
	transform-origin: 0 0;
	will-change: transform;
}
.mh.mh-skin-wxc .mh-anim-p { transform: translate(var(--x), var(--y)) scale(var(--s)); }
.mh.mh-skin-wxc .mh-anim-p:nth-child(1) { --x:  46px; --y: 30px; --s: 1.5;  animation-duration: 7.5s;  animation-delay: -0.4s; }
.mh.mh-skin-wxc .mh-anim-p:nth-child(2) { --x: 120px; --y: 62px; --s: 1;    animation-duration: 9.1s;  animation-delay: -3.1s; }
.mh.mh-skin-wxc .mh-anim-p:nth-child(3) { --x: 196px; --y: 26px; --s: 1.2;  animation-duration: 8.3s;  animation-delay: -1.7s; }
.mh.mh-skin-wxc .mh-anim-p:nth-child(4) { --x: 268px; --y: 66px; --s: .85;  animation-duration: 10.4s; animation-delay: -5.2s; }
.mh.mh-skin-wxc .mh-anim-p:nth-child(5) { --x: 330px; --y: 34px; --s: 1.35; animation-duration: 8.8s;  animation-delay: -2.3s; }
.mh.mh-skin-wxc .mh-anim-p:nth-child(6) { --x: 398px; --y: 60px; --s: 1;    animation-duration: 9.7s;  animation-delay: -6.6s; }
.mh.mh-skin-wxc .mh-anim-p:nth-child(7) { --x: 452px; --y: 28px; --s: .7;   animation-duration: 7.9s;  animation-delay: -4.4s; }
.mh.mh-skin-wxc .mh-anim-p {
	animation-name: mh-wxc-bloom;
	animation-timing-function: cubic-bezier(.37, 0, .63, 1);
	animation-iteration-count: infinite;
	opacity: .5;
}
@keyframes mh-wxc-bloom {
	0%, 100% { transform: translate(var(--x), var(--y)) scale(var(--s)); opacity: .5; }
	50%      { transform: translate(var(--x), calc(var(--y) - 9px)) scale(calc(var(--s) * 1.11)); opacity: .82; }
}
.mh.mh-skin-wxc .mh-anim-field {
	animation: mh-wxc-drift 24s cubic-bezier(.37, 0, .63, 1) infinite;
	translate: calc((var(--mh-px, .5) - .5) * 26px) calc((var(--mh-py, .5) - .5) * 10px);
	transition: translate .55s cubic-bezier(.22, 1, .36, 1);
}
@keyframes mh-wxc-drift {
	0%, 100% { transform: translate(0, 0); }
	50%      { transform: translate(-14px, 0); }
}
.mh.mh-skin-wxc .mh-anim-halo {
	transform-origin: 240px 48px;
	stroke: var(--wxc-g-400);
	opacity: .5;
	animation: mh-wxc-halo 11s cubic-bezier(.37, 0, .63, 1) infinite;
}
@keyframes mh-wxc-halo {
	0%, 100% { transform: scale(1);    opacity: .5; }
	50%      { transform: scale(1.16); opacity: .16; }
}
.mh.mh-skin-wxc .mh-anim-c { fill: var(--wxc-paper); }
.mh.mh-skin-wxc .mh-mast-feature:hover .mh-anim-p { opacity: .88; }
.mh.mh-skin-wxc .mh-mast-feature:hover .mh-anim-halo { opacity: .72; }
.mh.mh-skin-wxc .mh-anim-p,
.mh.mh-skin-wxc .mh-anim-halo { transition: opacity .4s linear; }
.mh.mh-skin-wxc .mh-mast-feature.mh-anim-off .mh-anim-p,
.mh.mh-skin-wxc .mh-mast-feature.mh-anim-off .mh-anim-field,
.mh.mh-skin-wxc .mh-mast-feature.mh-anim-off .mh-anim-halo { animation-play-state: paused; }
.mh.mh-skin-wxc .mh-app-name {
	padding: 5px 6px 5px;
	white-space: nowrap;
	font-family: var(--f-serif-cjk);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: .04em;
	color: var(--wxc-ink);
}
.mh.mh-skin-wxc .mh-app-note {
	display: block;
	margin: 0 6px 6px;
	padding: 4px 4px 5px;
	background: var(--wxc-g-600);
	color: var(--wxc-paper);
	font-family: var(--f-serif-cjk);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .14em;
	cursor: default;
}
.mh.mh-skin-wxc .mh-skins {
	box-sizing: border-box;
	height: 32px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	background: var(--wxc-paper);
	color: var(--wxc-meta);
	font-size: 13.5px;
	line-height: 30px;
	align-items: center;
}
.mh.mh-skin-wxc .mh-skins a {
	color: var(--wxc-g-700);
	border-radius: 2px;
}
.mh.mh-skin-wxc .mh-skins a:hover {
	background: var(--wxc-g-050);
	color: var(--wxc-g-900);
	text-decoration: none;
}
.mh.mh-skin-wxc .mh-skins a.on,
.mh.mh-skin-wxc .mh-skins a.on:hover {
	background: var(--wxc-g-600);
	color: var(--wxc-paper);
	text-decoration: none;
}
.mh.mh-skin-wxc .mh-cats {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 100%;
	height: var(--wxc-nav-h);
	min-height: var(--wxc-nav-h);
	margin: 0;
	padding: 0 0 0 55px;
	gap: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	color: #f7faf5;
	background-image: url("../img/wxc/bg_menubar.gif"), linear-gradient( to bottom,
		#3a6434 0px, #3a6434 1px,
		#538448 1px, #538448 2px,
		#4d8744 2px, #4d8744 5px,
		#538448 5px, #538448 7px,
		#497c42 7px, #497c42 12px,
		#43703a 12px, #43703a 16px,
		#3e6935 16px, #3e6935 19px,
		#3a6434 19px, #3a6434 36px,
		#395a2e 36px, #395a2e 37px,
		#cae1cf 37px, #cae1cf 38px );
	background-repeat: repeat-x, repeat-x;
	background-position: 0 0, 0 0;
}
.mh.mh-skin-wxc .mh-cat {
	box-sizing: border-box;
	flex: 0 0 auto;
	width: auto;
	height: 36px;
	margin: 0;
	padding: 8px 13px 10px 14px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	font-family: "PingFang SC", var(--f-wxc);
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	cursor: pointer;
	transition: color .12s linear;
}
.mh.mh-skin-wxc .mh-cat:hover { color: #f00; }
.mh.mh-skin-wxc .mh-cat .mh-n { display: none; }
.mh.mh-skin-wxc #mh-c-all:checked              ~ .mh-cats .mh-cat[for="mh-c-all"],
.mh.mh-skin-wxc #mh-c-china:checked         ~ .mh-cats .mh-cat[for="mh-c-china"],
.mh.mh-skin-wxc #mh-c-hk-taiwan:checked     ~ .mh-cats .mh-cat[for="mh-c-hk-taiwan"],
.mh.mh-skin-wxc #mh-c-usa:checked           ~ .mh-cats .mh-cat[for="mh-c-usa"],
.mh.mh-skin-wxc #mh-c-world:checked         ~ .mh-cats .mh-cat[for="mh-c-world"],
.mh.mh-skin-wxc #mh-c-finance:checked       ~ .mh-cats .mh-cat[for="mh-c-finance"],
.mh.mh-skin-wxc #mh-c-society:checked       ~ .mh-cats .mh-cat[for="mh-c-society"],
.mh.mh-skin-wxc #mh-c-tech:checked          ~ .mh-cats .mh-cat[for="mh-c-tech"],
.mh.mh-skin-wxc #mh-c-culture:checked       ~ .mh-cats .mh-cat[for="mh-c-culture"],
.mh.mh-skin-wxc #mh-c-minjian:checked       ~ .mh-cats .mh-cat[for="mh-c-minjian"],
.mh.mh-skin-wxc #mh-c-entertainment:checked ~ .mh-cats .mh-cat[for="mh-c-entertainment"] {
	height: 36px;
	margin-top: 0;
	color: #000;
	font-weight: 500;
	border-radius: 0;
	background: url("../img/wxc/bg_mainmenu_selected.gif") no-repeat center bottom / 100% 34px;
}
.mh.mh-skin-wxc .mh-strip {
	display: none;
	flex-wrap: wrap;
	align-items: baseline;
	row-gap: 4px;
	padding: 7px var(--edge);
	background: var(--wxc-cream);
	border-bottom: 1px solid var(--wxc-rule);
	font-size: var(--f-sm);
	line-height: 1.7;
	color: var(--wxc-body);
}
.mh.mh-skin-wxc .mh-count::before,
.mh.mh-skin-wxc .mh-updated::before,
.mh.mh-skin-wxc .mh-flash::before,
.mh.mh-skin-wxc .mh-sample::before {
	content: "｜";
	color: var(--wxc-rule-2);
	margin: 0 8px;
}
.mh.mh-skin-wxc .mh-strip > :first-child::before { content: none; }
.mh.mh-skin-wxc .mh-date { font-weight: 700; color: var(--wxc-g-900); }
.mh.mh-skin-wxc .mh-count { font-variant-numeric: tabular-nums; }
.mh.mh-skin-wxc .mh-flash { display: inline-flex; align-items: baseline; gap: 7px; }
.mh.mh-skin-wxc .mh-flash b {
	--mk: 10px;
	--wxc-eye: var(--wxc-alert);
	display: inline-flex;
	flex: 0 0 auto;
	white-space: nowrap;
	align-items: center;
	gap: 5px;
	background: var(--wxc-alert);
	color: var(--wxc-paper);
	font-size: var(--f-xs);
	font-weight: 700;
	letter-spacing: .04em;
	padding: 1px 8px 2px;
	border-radius: 2px;
	align-self: center;
}
.mh.mh-skin-wxc .mh-flash a { color: var(--wxc-alert); font-weight: 600; }
.mh.mh-skin-wxc .mh-flash a:hover { color: var(--wxc-alert); }
.mh.mh-skin-wxc .mh-flash .mh-s { color: var(--wxc-faint); font-size: var(--f-xs); }
.mh.mh-skin-wxc .mh-sample {
	color: var(--wxc-g-700);
	background: var(--wxc-g-050);
	border: 1px solid var(--wxc-g-200);
	border-radius: 2px;
	font-size: var(--f-xs);
	padding: 0 7px;
}
.mh.mh-skin-wxc .mh-body {
	margin-top: 0;
	--gc-l: auto;
	--gc-mid: 1 / -1;
	--gc-r: auto;
	--gr-log: auto;
	--band-mt: 12px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-flow: row dense;
	align-items: start;
	column-gap: var(--gut);
	row-gap: var(--tile-gap);
	padding-top: var(--gut);
	padding-bottom: var(--gut);
	min-width: 0;
}
.mh.mh-skin-wxc .mh-leads,
.mh.mh-skin-wxc .mh-log,
.mh.mh-skin-wxc .mh-mods,
.mh.mh-skin-wxc .mh-op,
.mh.mh-skin-wxc .mh-side { min-width: 0; }
.mh.mh-skin-wxc .mh-gal    { display: contents; }
.mh.mh-skin-wxc .mh-photo  { order: 1; }
.mh.mh-skin-wxc .mh-log    { order: 2; grid-column: var(--gc-mid); grid-row: var(--gr-log); }
.mh.mh-skin-wxc .mh-leads  { order: 3; grid-column: 1 / -1; }
.mh.mh-skin-wxc .mh-mods   { order: 4; grid-column: 1 / -1; }
.mh.mh-skin-wxc .mh-op     { order: 5; grid-column: 1 / -1; }
.mh.mh-skin-wxc .mh-side   { order: 6; grid-column: 1 / -1; }
.mh.mh-skin-wxc .mh-photo:nth-of-type(odd)  { grid-column: var(--gc-l); }
.mh.mh-skin-wxc .mh-photo:nth-of-type(even) { grid-column: var(--gc-r); }
.mh.mh-skin-wxc .mh-photo:nth-of-type(1),
.mh.mh-skin-wxc .mh-photo:nth-of-type(2) { grid-row: 1; }
.mh.mh-skin-wxc .mh-photo:nth-of-type(3),
.mh.mh-skin-wxc .mh-photo:nth-of-type(4) { grid-row: 2; }
.mh.mh-skin-wxc .mh-photo:nth-of-type(5),
.mh.mh-skin-wxc .mh-photo:nth-of-type(6) { grid-row: 3; }
.mh.mh-skin-wxc .mh-photo:nth-of-type(7) { grid-row: 4; }
.mh.mh-skin-wxc .mh-leads,
.mh.mh-skin-wxc .mh-mods,
.mh.mh-skin-wxc .mh-op,
.mh.mh-skin-wxc .mh-side { margin-top: var(--band-mt); }
.mh.mh-skin-wxc .mh-gal > .mh-h {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-photo {
	min-width: 0;
	align-self: start;
}
.mh.mh-skin-wxc .mh-photo > a { display: block; color: inherit; }
.mh.mh-skin-wxc .mh-photo > a:hover { text-decoration: none; }
.mh.mh-skin-wxc .mh-photo .mh-art {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 2px;
	background-color: var(--wxc-g-900);
	transition: filter .15s linear;
}
.mh.mh-skin-wxc .mh-photo > a:hover .mh-art { filter: brightness(1.12); }
.mh.mh-skin-wxc .mh-photo .mh-art::before {
	content: "";
	position: absolute;
	inset: 0;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
	border-radius: 2px;
}
.mh.mh-skin-wxc .mh-photo .mh-art::after {
	position: absolute;
	right: 9px;
	bottom: 2px;
	font-size: 33px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: .06em;
	color: rgba(255, 255, 255, .17);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-photo .mh-art-china::after            { content: "中国"; }
.mh.mh-skin-wxc .mh-photo .mh-art-world::after            { content: "国际"; }
.mh.mh-skin-wxc .mh-photo .mh-art-finance::after          { content: "财经"; }
.mh.mh-skin-wxc .mh-photo .mh-art-society::after          { content: "社会"; }
.mh.mh-skin-wxc .mh-photo .mh-art-tech::after             { content: "科技"; }
.mh.mh-skin-wxc .mh-photo .mh-art-culture::after          { content: "文化"; }
.mh.mh-skin-wxc .mh-photo .mh-art-hk-taiwan::after        { content: "港台"; }
.mh.mh-skin-wxc .mh-photo .mh-art-usa::after              { content: "美国"; }
.mh.mh-skin-wxc .mh-photo .mh-art-minjian::after          { content: "民间"; }
.mh.mh-skin-wxc .mh-photo .mh-art-entertainment::after    { content: "娱乐"; }
.mh.mh-skin-wxc .mh-photo .mh-art-china            { --plate: linear-gradient(148deg, #2e5631, #16281a); }
.mh.mh-skin-wxc .mh-photo .mh-art-world            { --plate: linear-gradient(122deg, #37564f, #17282c); }
.mh.mh-skin-wxc .mh-photo .mh-art-finance          { --plate: linear-gradient(165deg, #4a5638, #23291a); }
.mh.mh-skin-wxc .mh-photo .mh-art-society          { --plate: linear-gradient(135deg, #4b4a3f, #22221d); }
.mh.mh-skin-wxc .mh-photo .mh-art-tech             { --plate: linear-gradient(110deg, #2f4a5a, #16232c); }
.mh.mh-skin-wxc .mh-photo .mh-art-culture          { --plate: linear-gradient(158deg, #55452f, #251e16); }
.mh.mh-skin-wxc .mh-photo .mh-art-minjian          { --plate: linear-gradient(128deg, #3f5340, #1b2a1d); }
.mh.mh-skin-wxc .mh-photo .mh-art-hk-taiwan        { --plate: linear-gradient(140deg, #3a4f5b, #1a252b); }
.mh.mh-skin-wxc .mh-photo .mh-art-usa              { --plate: linear-gradient(112deg, #4c4552, #221d26); }
.mh.mh-skin-wxc .mh-photo .mh-art-entertainment    { --plate: linear-gradient(118deg, #59413f, #271b1b); }
.mh.mh-skin-wxc .mh-photo .mh-art {
	background-image: var(--plate, linear-gradient(148deg, #2e5631, #16281a));
}
.mh.mh-skin-wxc .mh-photo .mh-art-v1 {
	background-image:
		repeating-linear-gradient(115deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 13px),
		var(--plate);
}
.mh.mh-skin-wxc .mh-photo .mh-art-v2 {
	background-image:
		radial-gradient(circle at 22% 82%, rgba(255, 255, 255, .15), transparent 44%),
		radial-gradient(circle at 22% 82%, transparent 0 33%, rgba(255, 255, 255, .11) 33% 34%, transparent 34%),
		radial-gradient(circle at 22% 82%, transparent 0 54%, rgba(255, 255, 255, .08) 54% 55%, transparent 55%),
		var(--plate);
}
.mh.mh-skin-wxc .mh-photo .mh-art-v3 {
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, .1) 0 30px, transparent 30px),
		linear-gradient(to bottom, rgba(0, 0, 0, .26), transparent 64%),
		var(--plate);
}
.mh.mh-skin-wxc .mh-photo .mh-art-v4 {
	background-image:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 11px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 11px),
		var(--plate);
}
.mh.mh-skin-wxc .mh-photo .mh-art:has(img)::before,
.mh.mh-skin-wxc .mh-photo .mh-art:has(img)::after { content: none; }
.mh.mh-skin-wxc .mh-photo .mh-art img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mh.mh-skin-wxc .mh-photo-t {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-photo .mh-m { display: none; }
.mh.mh-skin-wxc .mh-photo:nth-of-type(5)::before {
	content: "精选好文 限时任意阅读";
	display: block;
	margin: 9px 0 10px;
	padding: 7px 0;
	border-top: 1px solid var(--wxc-ink);
	border-bottom: 1px solid var(--wxc-ink);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .02em;
	text-align: center;
	color: var(--wxc-ink);
}
.mh.mh-skin-wxc .mh-photo > a:hover .mh-photo-t {
	color: var(--wxc-link-hover);
}
.mh.mh-skin-wxc .mh-photo .mh-m {
	margin-top: 4px;
	font-size: var(--f-xs);
	line-height: 18px;
	color: var(--wxc-meta);
}
.mh.mh-skin-wxc .mh-leads,
.mh.mh-skin-wxc .mh-log,
.mh.mh-skin-wxc .mh-op { position: relative; }
.mh.mh-skin-wxc .mh-leads > .mh-h,
.mh.mh-skin-wxc .mh-log > .mh-h,
.mh.mh-skin-wxc .mh-op > .mh-h {
	--mk: 20px;
	--wxc-eye: var(--wxc-g-600);
	overflow: hidden;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin-bottom: 20px;
	padding: 6px 96px 6px 16px;
	background: var(--wxc-g-600);
	border-radius: 2px 2px 0 0;
	color: var(--wxc-paper);
	font-size: var(--f-xl);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .02em;
}
.mh.mh-skin-wxc .mh-leads > .mh-h::before,
.mh.mh-skin-wxc .mh-log > .mh-h::before,
.mh.mh-skin-wxc .mh-op > .mh-h::before { color: var(--wxc-paper); }
.mh.mh-skin-wxc .mh-leads > .mh-h::after,
.mh.mh-skin-wxc .mh-log > .mh-h::after,
.mh.mh-skin-wxc .mh-op > .mh-h::after {
	content: "";
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
	height: 1px;
	margin: 0 18px;
	background: rgba(255, 255, 255, .28);
}
.mh.mh-skin-wxc .mh-leads > .mh-h a,
.mh.mh-skin-wxc .mh-log > .mh-h a,
.mh.mh-skin-wxc .mh-op > .mh-h a { color: var(--wxc-paper); }
.mh.mh-skin-wxc .mh-leads > .mh-h a:hover,
.mh.mh-skin-wxc .mh-log > .mh-h a:hover,
.mh.mh-skin-wxc .mh-op > .mh-h a:hover {
	color: var(--wxc-paper);
	text-decoration-color: rgba(255, 255, 255, .6);
}
.mh.mh-skin-wxc .mh-leads > .mh-h .mh-n,
.mh.mh-skin-wxc .mh-log > .mh-h .mh-n,
.mh.mh-skin-wxc .mh-op > .mh-h .mh-n {
	order: 2;
	font-size: var(--f-xs);
	font-weight: 400;
	color: rgba(255, 255, 255, .72);
}
.mh.mh-skin-wxc .mh-h .mh-n::after { content: " 条"; }
.mh.mh-skin-wxc .mh-log > .mh-more,
.mh.mh-skin-wxc .mh-op > .mh-more {
	position: absolute;
	top: 0;
	right: 16px;
	display: flex;
	align-items: center;
	height: 44px;
	font-size: var(--f-xs);
	color: rgba(255, 255, 255, .82);
}
.mh.mh-skin-wxc .mh-log > .mh-more:hover,
.mh.mh-skin-wxc .mh-op > .mh-more:hover { color: var(--wxc-paper); }
.mh.mh-skin-wxc .mh-more::after { content: " →"; }
.mh.mh-skin-wxc .mh-mod > .mh-h,
.mh.mh-skin-wxc .mh-side > section > .mh-h {
	--mk: 14px;
	--wxc-eye: var(--wxc-paper);
	align-items: baseline;
	gap: 9px;
	padding-bottom: 9px;
	margin-bottom: 12px;
	border-bottom: 2px solid var(--wxc-g-600);
	font-size: var(--f-lg);
	font-weight: 700;
	line-height: 1.5;
	color: var(--wxc-g-900);
}
.mh.mh-skin-wxc .mh-mod > .mh-h::before,
.mh.mh-skin-wxc .mh-side > section > .mh-h::before {
	color: var(--wxc-g-600);
	align-self: center;
}
.mh.mh-skin-wxc .mh-mod > .mh-h a,
.mh.mh-skin-wxc .mh-side > section > .mh-h a { color: var(--wxc-g-900); }
.mh.mh-skin-wxc .mh-mod > .mh-h a:hover {
	color: var(--wxc-g-600);
	text-decoration: none;
}
.mh.mh-skin-wxc .mh-mod > .mh-h a + a::before {
	content: "·";
	color: var(--wxc-g-400);
	margin: 0 .45em;
	font-weight: 400;
}
.mh.mh-skin-wxc .mh-mod > .mh-h .mh-n,
.mh.mh-skin-wxc .mh-side > section > .mh-h .mh-n {
	margin-left: auto;
	font-size: var(--f-xs);
	font-weight: 400;
	color: var(--wxc-faint);
}
.mh.mh-skin-wxc .mh-ro {
	font-size: var(--f-xs);
	font-weight: 400;
	color: var(--wxc-faint);
}
.mh.mh-skin-wxc .mh-ro::before { content: "· "; }
.mh.mh-skin-wxc .mh-mod > .mh-more,
.mh.mh-skin-wxc .mh-side > section > .mh-more {
	margin-top: 8px;
	text-align: right;
	font-size: var(--f-xs);
	color: var(--wxc-faint);
}
.mh.mh-skin-wxc .mh-mod > .mh-more:hover,
.mh.mh-skin-wxc .mh-side > section > .mh-more:hover {
	color: var(--wxc-g-600);
	text-decoration: none;
}
.mh.mh-skin-wxc .mh-s { cursor: help; }
.mh.mh-skin-wxc .mh-k {
	padding: 0 5px;
	border: 1px solid var(--wxc-g-200);
	border-radius: 2px;
	background: var(--wxc-g-050);
	color: var(--wxc-g-700);
	font-size: var(--f-xs);
	line-height: 16px;
	font-weight: 400;
}
.mh.mh-skin-wxc .mh-e[data-flag="hot"] .mh-t,
.mh.mh-skin-wxc .mh-lead[data-flag="hot"] .mh-lead-t a { color: var(--wxc-alert); }
.mh.mh-skin-wxc .mh-e[data-flag="update"] > time {
	color: var(--wxc-g-600);
	font-weight: 600;
}
.mh.mh-skin-wxc .mh-e[data-flag="submission"] > .mh-t::after,
.mh.mh-skin-wxc .mh-lead[data-flag="submission"] .mh-lead-t::after {
	color: var(--wxc-g-600);
	font-size: var(--f-xs);
}
.mh.mh-skin-wxc .mh-leads {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0;
	padding-bottom: 4px;
}
.mh.mh-skin-wxc .mh-lead {
	flex: 1 1 300px;
	padding-bottom: 8px;
	min-width: 0;
}
.mh.mh-skin-wxc .mh-lead:nth-of-type(1) { padding-right: calc(var(--gut) / 2); }
.mh.mh-skin-wxc .mh-lead:nth-of-type(2) {
	padding-left: calc(var(--gut) / 2);
}
.mh.mh-skin-wxc #mh-c-china:checked         ~ .mh-body .mh-lead:not([data-topic="china"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-hk-taiwan:checked     ~ .mh-body .mh-lead:not([data-topic="hk-taiwan"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-usa:checked           ~ .mh-body .mh-lead:not([data-topic="usa"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-world:checked         ~ .mh-body .mh-lead:not([data-topic="world"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-finance:checked       ~ .mh-body .mh-lead:not([data-topic="finance"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-society:checked       ~ .mh-body .mh-lead:not([data-topic="society"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-tech:checked          ~ .mh-body .mh-lead:not([data-topic="tech"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-culture:checked       ~ .mh-body .mh-lead:not([data-topic="culture"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-minjian:checked       ~ .mh-body .mh-lead:not([data-topic="minjian"]) + .mh-lead,
.mh.mh-skin-wxc #mh-c-entertainment:checked ~ .mh-body .mh-lead:not([data-topic="entertainment"]) + .mh-lead {
	padding-left: 0;
	border-left: 0;
}
.mh.mh-skin-wxc .mh-lead::before {
	display: block;
	margin-bottom: 5px;
	color: var(--wxc-g-600);
	font-size: var(--f-xs);
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.4;
}
.mh.mh-skin-wxc .mh-lead[data-topic="china"]::before            { content: "［中国］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="world"]::before            { content: "［国际］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="finance"]::before          { content: "［财经］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="society"]::before          { content: "［社会］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="tech"]::before             { content: "［科技］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="culture"]::before          { content: "［文化］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="hk-taiwan"]::before        { content: "［港台］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="usa"]::before              { content: "［美国］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="minjian"]::before          { content: "［民间］"; }
.mh.mh-skin-wxc .mh-lead[data-topic="entertainment"]::before    { content: "［娱乐］"; }
.mh.mh-skin-wxc .mh-lead-t {
	font-size: var(--f-2xl);
	font-weight: 700;
	line-height: 38px;
	letter-spacing: -.01em;
	margin: 0;
}
.mh.mh-skin-wxc .mh-lead-t a { color: var(--wxc-ink); }
.mh.mh-skin-wxc .mh-lead-t a:hover { color: var(--wxc-link-hover); }
.mh.mh-skin-wxc .mh-x {
	margin-top: 10px;
	font-size: var(--f-md);
	line-height: 26px;
	color: var(--wxc-body);
}
.mh.mh-skin-wxc .mh-m {
	margin-top: 10px;
	font-size: var(--f-xs);
	color: var(--wxc-meta);
}
.mh.mh-skin-wxc .mh-m .mh-s::before { content: "（"; }
.mh.mh-skin-wxc .mh-m > time::after { content: "）"; }
.mh.mh-skin-wxc .mh-m > time { margin-left: 4px; }
.mh.mh-skin-wxc .mh-log .mh-e > time,
.mh.mh-skin-wxc .mh-log .mh-e > .mh-s { display: none; }
.mh.mh-skin-wxc .mh-log .mh-list {
	columns: 2;
	column-width: 350px;
	column-gap: 10px;
	width: 710px;
	margin: 0 0 0 var(--list-indent);
	padding: 0;
	min-width: 0;
}
.mh.mh-skin-wxc .mh-log .mh-e {
	display: block;
	break-inside: avoid;
	padding-block: 2px;
	font-family: var(--f-wxc-list);
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}
.mh.mh-skin-wxc .mh-mods {
	columns: 2;
	column-gap: var(--gut);
	padding-top: 14px;
}
.mh.mh-skin-wxc .mh-mod {
	display: block;
	break-inside: auto;
	min-width: 0;
	margin-bottom: 30px;
}
.mh.mh-skin-wxc .mh-mod:last-child { margin-bottom: 0; }
.mh.mh-skin-wxc .mh-mod > .mh-h { break-after: avoid; }
.mh.mh-skin-wxc .mh-mod > .mh-more { break-before: avoid; }
.mh.mh-skin-wxc .mh-mod .mh-e { break-inside: avoid; }
.mh.mh-skin-wxc .mh-mods .mh-e {
	position: relative;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 6px;
	padding: 4px 0 4px 15px;
	font-size: var(--f-md);
	line-height: 24px;
}
.mh.mh-skin-wxc .mh-mods .mh-e > .mh-t { order: 1; flex: 0 1 auto; min-width: 0; }
.mh.mh-skin-wxc .mh-mods .mh-e > .mh-s { order: 2; margin-left: auto; }
.mh.mh-skin-wxc .mh-mods .mh-e > time  { order: 3; }
.mh.mh-skin-wxc .mh-mods .mh-e > .mh-s,
.mh.mh-skin-wxc .mh-mods .mh-e > time {
	font-size: var(--f-xs);
	color: var(--wxc-meta);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-mods .mh-e:has(> .mh-s):has(> time) > .mh-s::before { content: "（"; }
.mh.mh-skin-wxc .mh-mods .mh-e:has(> .mh-s):has(> time) > time::after   { content: "）"; }
.mh.mh-skin-wxc .mh-mods .mh-e::before,
.mh.mh-skin-wxc .mh-hot .mh-e::before {
	--mk: 5px;
	--wxc-eye: transparent;
	position: absolute;
	left: 0;
	top: 13px;
	color: var(--wxc-g-400);
}
.mh.mh-skin-wxc .mh-mods .mh-e:hover::before { color: var(--wxc-g-600); }
.mh.mh-skin-wxc .mh-mod .mh-list { border-bottom: 1px solid var(--wxc-rule); }
.mh.mh-skin-wxc .mh-op .mh-list {
	columns: 2;
	column-gap: var(--gut);
	min-width: 0;
}
.mh.mh-skin-wxc .mh-op .mh-e {
	break-inside: avoid;
	padding-block: 8px;
	border-bottom: 1px solid var(--wxc-rule);
}
.mh.mh-skin-wxc .mh-op .mh-t {
	display: block;
	font-size: var(--f-md);
	line-height: 26px;
	color: var(--wxc-ink);
	font-weight: 600;
}
.mh.mh-skin-wxc .mh-op .mh-t:hover { color: var(--wxc-link-hover); }
.mh.mh-skin-wxc .mh-op .mh-by,
.mh.mh-skin-wxc .mh-op time {
	font-size: var(--f-xs);
	color: var(--wxc-meta);
}
.mh.mh-skin-wxc .mh-op .mh-by::before { content: "文／"; color: var(--wxc-faint); }
.mh.mh-skin-wxc .mh-op time::before   { content: " · "; color: var(--wxc-faint); }
.mh.mh-skin-wxc .mh-side {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px var(--gut);
	border-top: 2px solid var(--wxc-g-600);
	padding-top: 26px;
}
.mh.mh-skin-wxc .mh-side > section { min-width: 0; }
.mh.mh-skin-wxc .mh-side .mh-e {
	position: relative;
	padding: 4px 0 4px 15px;
	font-size: var(--f-md);
	line-height: 24px;
}
.mh.mh-skin-wxc .mh-ranked { counter-reset: mh-rk; }
.mh.mh-skin-wxc .mh-ranked .mh-e {
	counter-increment: mh-rk;
	padding-left: 26px;
}
.mh.mh-skin-wxc .mh-ranked .mh-e::before {
	content: counter(mh-rk);
	position: absolute;
	left: 0;
	top: 6px;
	width: 18px;
	height: 18px;
	background: var(--wxc-faint);
	background-image: none;
	border-radius: 2px;
	color: var(--wxc-paper);
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.mh.mh-skin-wxc .mh-ranked .mh-e:nth-child(-n+3)::before { background: var(--wxc-alert); }
.mh.mh-skin-wxc .mh-tagrow {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.mh.mh-skin-wxc .mh-tagrow a {
	padding: 2px 11px;
	border: 1px solid var(--wxc-rule-2);
	border-radius: 2px;
	font-size: var(--f-sm);
	line-height: 22px;
	color: var(--wxc-body);
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-tagrow a:hover {
	border-color: var(--wxc-g-600);
	color: var(--wxc-link-hover);
	text-decoration: none;
}
@media (prefers-color-scheme: dark) {
	.mh.mh-skin-wxc { --ink: var(--wxc-ink); --ink-2: var(--wxc-meta); }
	.mh.mh-skin-wxc { background: var(--wxc-paper); color: var(--wxc-ink); }
	.mh.mh-skin-wxc .mh-skins { background: var(--wxc-tint); color: var(--wxc-meta); }
	.mh.mh-skin-wxc .mh-mast  { background: var(--wxc-paper); }
	.mh.mh-skin-wxc .mh-cats  { background: var(--wxc-g-600); color: var(--wxc-paper); }
	.mh.mh-skin-wxc .mh-strip { background: var(--wxc-cream); color: var(--wxc-body); }
	.mh.mh-skin-wxc .mh-body  { background: var(--wxc-paper); }
}
html[data-mh-theme="dark"] .mh.mh-skin-wxc { --ink: var(--wxc-ink); --ink-2: var(--wxc-meta); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc { background: var(--wxc-paper); color: var(--wxc-ink); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-skins { background: var(--wxc-tint); color: var(--wxc-meta); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-mast  { background: var(--wxc-paper); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-cats  { background: var(--wxc-g-600); color: var(--wxc-paper); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-strip { background: var(--wxc-cream); color: var(--wxc-body); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-body  { background: var(--wxc-paper); }
html[data-mh-theme="light"] .mh.mh-skin-wxc { background: var(--wxc-paper); color: var(--wxc-ink); }
@media (prefers-reduced-motion: reduce) {
	.mh.mh-skin-wxc .mh-anim,
	.mh.mh-skin-wxc .mh-anim-p,
	.mh.mh-skin-wxc .mh-anim-field,
	.mh.mh-skin-wxc .mh-anim-halo {
		animation: none !important;
		transition: none !important;
	}
	.mh.mh-skin-wxc .mh-anim-field { translate: none !important; }
	.mh.mh-skin-wxc .mh-anim-p { opacity: .68; }
	.mh.mh-skin-wxc .mh-anim-halo { opacity: .45; }
	.mh.mh-skin-wxc .mh-anim-p,
	.mh.mh-skin-wxc .mh-anim-field,
	.mh.mh-skin-wxc .mh-anim-halo { will-change: auto; }
}
.mh.mh-skin-wxc .mh-nav {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	order: 4;
	grid-column: 2;
	width: auto;
	height: auto;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
}
.mh.mh-skin-wxc .mh-nav::before { content: none; }
.mh.mh-skin-wxc .mh-nav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	transform: translateY(2px);
	gap: 16px;
	height: auto;
	margin: 0 0 0 auto;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}
.mh.mh-skin-wxc .mh-nav-home,
.mh.mh-skin-wxc .mh-nav-submit,
.mh.mh-skin-wxc .mh-nav-about { display: none; }
.mh.mh-skin-wxc .mh-nav-wall   { order: 1; }
.mh.mh-skin-wxc .mh-nav-wenku  { order: 2; }
.mh.mh-skin-wxc .mh-nav-latest { order: 3; }
.mh.mh-skin-wxc .mh-nav-i > a {
	display: inline-flex;
	align-items: center;
	height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: #0d00ff;
	font: 400 14.4px/26px var(--f-wxc);
	text-decoration: none;
}
.mh.mh-skin-wxc .mh-nav-i > a:hover { color: var(--wxc-link-hover); }
.mh.mh-skin-wxc .mh-nav-ic { display: none; }
.mh.mh-skin-wxc .mh-nav-l { font-size: 0; }
.mh.mh-skin-wxc .mh-nav-wall  .mh-nav-l::after { content: "翻墙以后"; font-size: 14.4px; }
.mh.mh-skin-wxc .mh-nav-wenku .mh-nav-l::after { content: "文库精华"; font-size: 14.4px; }
.mh.mh-skin-wxc .mh-nav-latest .mh-nav-l::after { content: "更多新闻 » »"; font-size: 14.4px; }
html[data-mh-theme="dark"] .mh.mh-skin-wxc,
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-mast,
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-strip {
	background: var(--wxc-paper);
	color: var(--wxc-ink);
}
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-log .mh-e,
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-mods .mh-e,
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-side .mh-e {
	background: transparent;
	color: var(--wxc-body);
}
html[data-mh-theme="dark"] .mh.mh-skin-wxc a { color: var(--wxc-link); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc a:visited { color: var(--wxc-visited); }
html[data-mh-theme="dark"] .mh.mh-skin-wxc a:hover { color: var(--wxc-link-hover); }
@media (prefers-color-scheme: dark) {
	.mh.mh-skin-wxc,
	.mh.mh-skin-wxc .mh-mast,
	.mh.mh-skin-wxc .mh-strip {
		background: var(--wxc-paper);
		color: var(--wxc-ink);
	}
	.mh.mh-skin-wxc a { color: var(--wxc-link); }
}
.mh.mh-skin-wxc .mh-t,
.mh.mh-skin-wxc .mh-lead-t {
	display: inline-block;
	max-width: 100%;
	min-width: 0;
	flex: 0 1 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
.mh.mh-skin-wxc .mh-mods .mh-e > .mh-art,
.mh.mh-skin-wxc .mh-log .mh-e > .mh-art { display: none; }
.mh.mh-skin-wxc .mh-t {
	font-family: Tahoma, Verdana, Arial, "PingFang SC", sans-serif;
	font-weight: 450;
	font-variation-settings: "wght" 450;
}
@media (min-width: 900px) {
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body:has(> .mh-gal):has(> .mh-log) {
		--gc-l: 1;
		--gc-mid: 2;
		--gc-r: 3;
		--gr-log: 1 / -1;
		grid-template-columns: var(--rail) 740px var(--rail);
		grid-template-rows: repeat(4, min-content) 1fr;
		align-content: start;
		row-gap: var(--tile-gap);
	}
	.mh.mh-skin-wxc:has(> .mh-body > .mh-gal):has(> .mh-body > .mh-log) #mh-c-all:checked ~ .mh-nav ul {
		margin-right: calc(var(--rail) + var(--gut));
	}
	.mh.mh-skin-wxc:has(> .mh-body > .mh-gal):has(> .mh-body > .mh-log) #mh-c-all:checked ~ .mh-nav::before {
		content: "";
		flex: 0 0 355px;
		height: 40px;
		margin-left: calc(var(--rail) + var(--gut) + 9px);
		background:
			radial-gradient(circle at 74% 30%, #f6ead2 0 6px, rgba(246, 234, 210, .5) 7px, transparent 15px),
			linear-gradient(178deg, #cfd9c9 0%, #e8d9b8 40%, #d9b98a 54%, #57604a 55%, #333a2c 80%, #23281e 100%);
	}
}
@media (min-width: 900px) {
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body .mh-log .mh-e:nth-child(n+71) { display: none; }
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body .mh-log > .mh-h {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body .mh-log {
		position: relative;
		padding-top: 6px;
	}
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body .mh-log::before {
		content: "";
		position: absolute;
		top: 0;
		left: 9px;
		right: 10px;
		height: 1px;
		background: var(--wxc-g-600);
	}
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body:has(> .mh-gal):has(> .mh-log) {
		margin-top: -54px;
	}
	.mh.mh-skin-wxc #mh-c-all:checked ~ .mh-body:has(> .mh-gal):has(> .mh-log) > .mh-log {
		margin-top: 48px;
	}
}
@media (max-width: 899px) {
	.mh.mh-skin-wxc {
		--gut: 12px;
		--tile-gap: 10px;
	}
	.mh.mh-skin-wxc .mh-body { --band-mt: 16px; }
	.mh.mh-skin-wxc .mh-mods {
		columns: 1;
		column-rule: 0;
	}
	.mh.mh-skin-wxc .mh-mod { margin-bottom: 26px; }
	.mh.mh-skin-wxc .mh-log .mh-e { font-size: 16px; }
	.mh.mh-skin-wxc .mh-lead-t { font-size: 24px; line-height: 34px; }
	.mh.mh-skin-wxc .mh-leads > .mh-h,
	.mh.mh-skin-wxc .mh-log > .mh-h,
	.mh.mh-skin-wxc .mh-op > .mh-h { font-size: 19px; }
	.mh.mh-skin-wxc .mh-photo .mh-art::after { font-size: 26px; right: 7px; }
	.mh.mh-skin-wxc .mh-mast { gap: 0 20px; padding-block: 11px; }
	.mh.mh-skin-wxc .mh-anim { height: 68px; }
}
@media (max-width: 899px) {
	.mh.mh-skin-wxc .mh-log .mh-list {
		columns: 1;
		column-width: auto;
		column-gap: 0;
		width: auto;
		margin-left: 0;
	}
	.mh.mh-skin-wxc .mh-body {
		grid-template-columns: minmax(0, 1fr);
	}
	.mh.mh-skin-wxc .mh-mods {
		columns: 1;
		column-width: auto;
	}
	.mh.mh-skin-wxc .mh-cats {
		height: auto;
		min-height: 0;
		padding: 0 8px;
		overflow-x: auto;
		overflow-y: hidden;
		background-size: auto 100%;
	}
	.mh.mh-skin-wxc .mh-cat {
		height: 34px;
		padding: 6px 10px 8px 11px;
		font-size: 14px;
	}
	.mh.mh-skin-wxc .mh-mast {
		min-height: 0;
		padding-block: 8px;
	}
	.mh.mh-skin-wxc .mh-mast-brand,
	.mh.mh-skin-wxc .mh-mast-app {
		position: static;
		right: auto;
		top: auto;
		left: auto;
	}
	.mh.mh-skin-wxc .mh-mast-feature {
		grid-column: auto;
		margin-left: 0;
		margin-right: 0;
	}
	.mh.mh-skin-wxc .mh-nav {
		grid-column: 1 / -1;
		width: auto;
		height: auto;
		margin: 0 8px 10px;
		flex-wrap: wrap;
	}
	.mh.mh-skin-wxc .mh-nav ul { margin-left: 0; }
}
@media (max-width: 720px) {
  .mh.mh-skin-wxc { --edge: 14px; }
  .mh.mh-skin-wxc .mh-body img {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 619px) {
	.mh.mh-skin-wxc {
		--gut: 10px;
		--tile-gap: 8px;
	}
	.mh.mh-skin-wxc .mh-body {
		--band-mt: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mh.mh-skin-wxc .mh-lead:nth-of-type(1) { padding-right: 0; padding-bottom: 18px; }
	.mh.mh-skin-wxc .mh-lead:nth-of-type(2) {
		padding-left: 0;
		padding-top: 18px;
		border-left: 0;
		border-top: 1px solid var(--wxc-rule);
	}
	.mh.mh-skin-wxc .mh-lead { flex: 1 1 100%; }
	.mh.mh-skin-wxc .mh-lead-t { font-size: 22px; line-height: 32px; }
	.mh.mh-skin-wxc .mh-op .mh-list {
		columns: 1;
		column-rule: 0;
	}
	.mh.mh-skin-wxc .mh-log .mh-e { padding-block: 8px; }
	.mh.mh-skin-wxc .mh-mast {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 9px 14px;
		padding-block: 10px;
	}
	.mh.mh-skin-wxc .mh-mast-brand   { grid-area: 1 / 1; min-width: 0; overflow: hidden; }
	.mh.mh-skin-wxc .mh-mast-app { position: static; grid-area: 1 / 2; width: 140px; height: 80px; }
	.mh.mh-skin-wxc .mh-mast-feature { grid-area: 2 / 1 / 3 / -1; margin-left: 0; margin-right: 0; }
	.mh.mh-skin-wxc .mh-logo { width: 30px; height: 30px; padding: 3px; }
	.mh.mh-skin-wxc .mh-mast-brand > a { column-gap: 8px; }
	.mh.mh-skin-wxc .mh-mast-name { font-size: 16px; }
	.mh.mh-skin-wxc .mh-mast-sub { font-size: 8px; letter-spacing: .3em; margin-right: -.3em; }
	.mh.mh-skin-wxc .mh-app-name { padding: 5px 6px 6px; font-size: var(--f-sm); letter-spacing: .02em; }
	.mh.mh-skin-wxc .mh-app-note { padding: 5px 6px 6px; font-size: var(--f-xs); letter-spacing: .12em; margin-right: -.12em; }
	.mh.mh-skin-wxc .mh-anim { height: 50px; }
	.mh.mh-skin-wxc .mh-cats {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		scrollbar-width: none;
		gap: 0;
	}
	.mh.mh-skin-wxc .mh-cats::-webkit-scrollbar { display: none; }
	.mh.mh-skin-wxc .mh-strip { column-gap: 14px; }
	.mh.mh-skin-wxc .mh-count::before,
	.mh.mh-skin-wxc .mh-updated::before,
	.mh.mh-skin-wxc .mh-flash::before,
	.mh.mh-skin-wxc .mh-sample::before { content: none; }
	.mh.mh-skin-wxc .mh-flash { display: block; }
	.mh.mh-skin-wxc .mh-flash b { margin-right: 7px; vertical-align: 1px; }
	.mh.mh-skin-wxc .mh-leads > .mh-h,
	.mh.mh-skin-wxc .mh-log > .mh-h,
	.mh.mh-skin-wxc .mh-op > .mh-h {
		--mk: 17px;
		font-size: 18px;
		min-height: 40px;
		gap: 9px;
		padding-inline: 12px 76px;
		margin-bottom: 14px;
	}
	.mh.mh-skin-wxc .mh-leads > .mh-h::after,
	.mh.mh-skin-wxc .mh-log > .mh-h::after,
	.mh.mh-skin-wxc .mh-op > .mh-h::after { margin: 0 12px; }
	.mh.mh-skin-wxc .mh-log > .mh-more,
	.mh.mh-skin-wxc .mh-op > .mh-more { right: 12px; height: 40px; }
	.mh.mh-skin-wxc .mh-photo .mh-art::after { font-size: 20px; right: 6px; }
	.mh.mh-skin-wxc .mh-side { gap: 20px; }
}
.mh.mh-skin-wxc .mh-photo { order: 1; }
.mh.mh-skin-wxc .mh-log   { order: 2; }
.mh.mh-skin-wxc .mh-leads { order: 3; }
.mh.mh-skin-wxc .mh-brief { order: 4; }
.mh.mh-skin-wxc .mh-roll  { order: 6; }
.mh.mh-skin-wxc .mh-desks { order: 7; }
.mh.mh-skin-wxc .mh-mods  { order: 8; }
.mh.mh-skin-wxc .mh-cmt   { order: 9; }
.mh.mh-skin-wxc .mh-op    { order: 10; }
.mh.mh-skin-wxc .mh-deep  { order: 11; }
.mh.mh-skin-wxc .mh-side  { order: 12; }
.mh.mh-skin-wxc .mh-news  { order: 13; }
.mh.mh-skin-wxc .mh-brief,
.mh.mh-skin-wxc .mh-roll,
.mh.mh-skin-wxc .mh-desks,
.mh.mh-skin-wxc .mh-cmt,
.mh.mh-skin-wxc .mh-op,
.mh.mh-skin-wxc .mh-deep,
.mh.mh-skin-wxc .mh-news {
  grid-column: var(--gc-mid);
}
.mh.mh-skin-wxc time { display: none; }
.mh.mh-skin-wxc .mh-deep,
.mh.mh-skin-wxc .mh-news {
	position: relative;
	min-width: 0;
	margin-top: var(--band-mt);
	background: var(--wxc-paper);
}
.mh.mh-skin-wxc .mh-deep-h,
.mh.mh-skin-wxc .mh-news-h {
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin-bottom: 20px;
	padding: 6px 16px;
	background: var(--wxc-g-600);
	border-radius: 2px 2px 0 0;
	color: var(--wxc-paper);
}
.mh.mh-skin-wxc .mh-deep-title,
.mh.mh-skin-wxc .mh-news-t {
	flex: none;
	margin: 0;
	color: var(--wxc-paper);
	font-size: var(--f-xl);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .02em;
}
.mh.mh-skin-wxc .mh-deep-h::after,
.mh.mh-skin-wxc .mh-news-h::after {
	content: "";
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
	height: 1px;
	margin: 0 18px;
	background: rgba(255, 255, 255, .28);
}
.mh.mh-skin-wxc .mh-deep-src,
.mh.mh-skin-wxc .mh-news-tag {
	order: 2;
	display: flex;
	flex: 0 1 auto;
	align-items: baseline;
	gap: 10px;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	color: rgba(255, 255, 255, .9);
	font-size: var(--f-xs);
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mh.mh-skin-wxc .mh-deep-src-l { white-space: nowrap; }
.mh.mh-skin-wxc .mh-deep-src a,
.mh.mh-skin-wxc .mh-deep-src a:visited {
	color: var(--wxc-paper);
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, .6);
}
.mh.mh-skin-wxc .mh-deep-src a:hover { color: var(--wxc-paper); text-decoration-color: var(--wxc-paper); }
.mh.mh-skin-wxc .mh-deep-count b { color: var(--wxc-paper); font-weight: 700; }
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-deep-src a,
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-deep-src a:visited,
html[data-mh-theme="dark"] .mh.mh-skin-wxc .mh-deep-src a:hover { color: var(--wxc-paper); }
.mh.mh-skin-wxc .mh-deep-content { padding: 0 16px 18px; }
.mh.mh-skin-wxc .mh-deep-films {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 18px;
}
.mh.mh-skin-wxc .mh-deep-film { margin: 0; min-width: 0; }
.mh.mh-skin-wxc .mh-deep-play,
.mh.mh-skin-wxc .mh-deep-film-f {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	aspect-ratio: 16 / 9;
	padding: 0;
	overflow: hidden;
	background: var(--wxc-g-900);
	border: 0;
	border-radius: 2px;
	color: var(--wxc-paper);
	cursor: pointer;
}
.mh.mh-skin-wxc .mh-deep-play:hover { background: var(--wxc-g-700); }
.mh.mh-skin-wxc .mh-deep-play:focus-visible {
	outline: 2px solid var(--wxc-g-600);
	outline-offset: 2px;
}
.mh.mh-skin-wxc .mh-deep-play-ep {
	color: var(--wxc-paper);
	font-size: 21px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1;
}
.mh.mh-skin-wxc .mh-deep-play-i {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid var(--wxc-paper);
}
.mh.mh-skin-wxc .mh-deep-play-x {
	color: rgba(255, 255, 255, .72);
	font-size: var(--f-xs);
}
.mh.mh-skin-wxc .mh-deep-film-f.is-live { cursor: default; }
.mh.mh-skin-wxc .mh-deep-film-f.is-live iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.mh.mh-skin-wxc .mh-deep-film-f.is-none { background: var(--wxc-g-600); cursor: default; }
.mh.mh-skin-wxc .mh-deep-film-ep {
	color: var(--wxc-paper);
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}
.mh.mh-skin-wxc .mh-deep-film-c { display: block; padding-top: 9px; }
.mh.mh-skin-wxc .mh-deep-film-meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 4px;
	font-size: var(--f-xs);
}
.mh.mh-skin-wxc .mh-deep-film-n { flex: none; color: var(--wxc-g-600); font-weight: 700; }
.mh.mh-skin-wxc .mh-deep-film-m { color: var(--wxc-meta); text-align: right; }
.mh.mh-skin-wxc .mh-deep-film-t {
	display: block;
	font-size: var(--f-md);
	line-height: 1.55;
	overflow-wrap: anywhere;
}
.mh.mh-skin-wxc .mh-deep-list {
	margin: 20px 0 0;
	padding: 16px 0 0;
	border-top: 2px solid var(--wxc-g-600);
	columns: 330px 2;
	column-gap: 30px;
	column-rule: 1px solid var(--wxc-rule);
}
.mh.mh-skin-wxc .mh-deep-row {
	break-inside: avoid;
	display: grid;
	grid-template-columns: 4.2em minmax(0, 1fr);
	gap: 0 10px;
	align-items: baseline;
	padding: 7px 0;
	border-bottom: 1px solid var(--wxc-rule);
}
.mh.mh-skin-wxc .mh-deep-n {
	color: var(--wxc-g-600);
	font-size: var(--f-xs);
	font-weight: 400;
}
.mh.mh-skin-wxc .mh-deep-body-c { min-width: 0; }
.mh.mh-skin-wxc .mh-deep-t {
	display: block;
	font-size: var(--f-md);
	line-height: 1.5;
	overflow-wrap: anywhere;
}
.mh.mh-skin-wxc .mh-deep-m {
	display: block;
	margin-top: 2px;
	color: var(--wxc-meta);
	font-size: var(--f-xs);
}
.mh.mh-skin-wxc .mh-news-in {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	align-items: start;
	gap: 18px 28px;
	padding: 0 16px 20px;
}
.mh.mh-skin-wxc .mh-news-say-t {
	margin: 0;
	color: var(--wxc-ink);
	font-size: var(--f-lg);
	font-weight: 700;
	line-height: 1.55;
}
.mh.mh-skin-wxc .mh-news-x {
	margin: 8px 0 0;
	color: var(--wxc-meta);
	font-size: var(--f-xs);
}
.mh.mh-skin-wxc .mh-news-form { margin: 0; }
.mh.mh-skin-wxc .mh-news-l {
	display: block;
	margin-bottom: 6px;
	color: var(--wxc-meta);
	font-size: var(--f-xs);
}
.mh.mh-skin-wxc .mh-news-row {
	display: flex;
	align-items: stretch;
	background: var(--wxc-paper);
	border: 1px solid var(--wxc-rule-2);
	border-radius: 2px;
	overflow: hidden;
}
.mh.mh-skin-wxc .mh-news-i {
	flex: 1;
	min-width: 0;
	padding: 10px 12px;
	background: transparent;
	border: 0;
	color: var(--wxc-ink);
	font-family: inherit;
	font-size: var(--f-sm);
	line-height: 1.4;
}
.mh.mh-skin-wxc .mh-news-i:focus { outline: 0; }
.mh.mh-skin-wxc .mh-news-row:focus-within {
	border-color: var(--wxc-g-600);
	box-shadow: 0 0 0 3px rgba(68, 117, 61, .16);
}
.mh.mh-skin-wxc .mh-news-go {
	flex: none;
	padding: 10px 18px;
	background: var(--wxc-g-bar);
	border: 0;
	color: var(--wxc-paper);
	font-family: inherit;
	font-size: var(--f-sm);
	letter-spacing: .04em;
	white-space: nowrap;
	cursor: pointer;
}
.mh.mh-skin-wxc .mh-news-go:hover { background: var(--wxc-g-700); }
.mh.mh-skin-wxc .mh-news-go:focus-visible { outline: 2px solid var(--wxc-g-600); outline-offset: 2px; }
.mh.mh-skin-wxc .mh-news-note {
	margin: 9px 0 0;
	color: var(--wxc-meta);
	font-size: var(--f-xs);
	line-height: 1.7;
}
.mh.mh-skin-wxc .mh-news-live { margin: 6px 0 0; color: var(--wxc-g-600); font-size: var(--f-xs); }
.mh.mh-skin-wxc .mh-news-live:empty { display: none; }

/* skin-xhs.css */
.mh.mh-skin-xhs {
  background: #0f0f0f;
  box-shadow: 0 0 0 100vmax #0f0f0f;
  clip-path: inset(0 -100vmax);
  color: #ececec;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  padding: 0 24px 44px;
  max-width: none;
  display: grid;
  grid-template-columns: var(--mh-xhs-rail, 164px) minmax(0, 1fr);
  column-gap: 32px;
  padding-left: 16px;
  padding-right: 32px;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  column-gap: 28px;
}
.mh.mh-skin-xhs > * { grid-column: 2; }
.mh.mh-skin-xhs a { color: inherit; text-decoration: none; }
.mh.mh-skin-xhs a:hover { text-decoration: none; }
.mh.mh-skin-xhs ol,
.mh.mh-skin-xhs ul { list-style: none; }
.mh.mh-skin-xhs .mh-t,
.mh.mh-skin-xhs .mh-lead-t,
.mh.mh-skin-xhs .mh-x { overflow-wrap: break-word; }
.mh.mh-skin-xhs .mh-strip {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 14px;
  margin: 10px 0 4px;
  padding: 9px 15px;
  background: #161616;
  border: 1px solid #232323;
  border-radius: 12px;
  font-size: 12.5px;
  color: #b3b3b3;
}
.mh.mh-skin-xhs .mh-flash {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  flex: 1 1 300px;
}
.mh.mh-skin-xhs .mh-flash b {
  flex: none;
  background: #ff2442;
  color: #fff;
  border-radius: 5px;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 600;
}
.mh.mh-skin-xhs .mh-flash a {
  color: #dedede;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mh.mh-skin-xhs .mh-flash a:hover { color: #fff; }
.mh.mh-skin-xhs .mh-updated { color: #8f8f8f; }
.mh.mh-skin-xhs .mh-body {
  columns: 5;
  column-gap: 32px;
  margin: 0;
}
.mh.mh-skin-xhs .mh-mods,
.mh.mh-skin-xhs .mh-mod,
.mh.mh-skin-xhs .mh-mods .mh-list,
.mh.mh-skin-xhs .mh-op,
.mh.mh-skin-xhs .mh-op .mh-list,
.mh.mh-skin-xhs .mh-side { display: contents; }
.mh.mh-skin-xhs .mh-mods .mh-e,
.mh.mh-skin-xhs .mh-op .mh-e,
.mh.mh-skin-xhs .mh-mods .mh-h,
.mh.mh-skin-xhs .mh-op > .mh-h,
.mh.mh-skin-xhs .mh-log .mh-e,
.mh.mh-skin-xhs .mh-hot,
.mh.mh-skin-xhs .mh-rank,
.mh.mh-skin-xhs .mh-tags {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 16px;
}
.mh.mh-skin-xhs .mh-leads { display: contents; }
.mh.mh-skin-xhs .mh-gal { display: none; }
.mh.mh-skin-xhs .mh-gal > .mh-h,
.mh.mh-skin-xhs .mh-leads > .mh-h { display: none; }
.mh.mh-skin-xhs .mh-photo {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	margin: 0 0 16px;
	position: relative;
	isolation: isolate;
}
.mh.mh-skin-xhs .mh-photo > a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mh.mh-skin-xhs .mh-photo .mh-art {
	display: block;
	border-radius: 15px;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-photo .mh-photo-t {
	margin: 0 0 8px;
	padding: 12px 12px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.6px;
	color: #fafafa;
}
.mh.mh-skin-xhs .mh-photo:hover .mh-photo-t { color: #fff; }
.mh.mh-skin-xhs .mh-photo .mh-m {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 12px 12px;
	font-size: 12px;
	line-height: 13.8px;
	color: #9c9c9c;
}
.mh.mh-skin-xhs .mh-lead .mh-art {
	display: block;
	border-radius: 15px;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-lead {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  break-inside: avoid;
  margin: 0 0 16px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 15px;
  overflow: hidden;
}
.mh.mh-skin-xhs .mh-lead .mh-art {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.mh.mh-skin-xhs .mh-lead::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 82%;
  z-index: -1;
  background: linear-gradient(180deg,
    transparent, rgba(0, 0, 0, .58) 38%, rgba(0, 0, 0, .92));
}
.mh.mh-skin-xhs .mh-lead::after {
  content: "头条";
  position: absolute;
  top: 12px;
  left: 12px;
  background: #ff2442;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 11px;
  border-radius: 999px;
}
.mh.mh-skin-xhs .mh-lead-t {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
.mh.mh-skin-xhs .mh-lead .mh-x {
  margin-top: 5px;
  font-size: 13px;
  color: #d9d9d9;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.mh.mh-skin-xhs .mh-lead .mh-m {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 12px;
  color: #cfcfcf;
}
.mh.mh-skin-xhs .mh-art,
.mh.mh-skin-xhs .mh-mods .mh-e::before,
.mh.mh-skin-xhs .mh-log .mh-e::before,
.mh.mh-skin-xhs .mh-op .mh-e::before {
  background-image: var(--mh-xhs-tex, none),
    var(--mh-xhs-duo, linear-gradient(135deg, #241722, #5c2740));
  background-color: #241014;
}
.mh.mh-skin-xhs [data-topic="china"]            { --mh-xhs-duo: linear-gradient(135deg, #3a1114, #7d2030); }
.mh.mh-skin-xhs [data-topic="world"]            { --mh-xhs-duo: linear-gradient(135deg, #101c3a, #28508f); }
.mh.mh-skin-xhs [data-topic="finance"]          { --mh-xhs-duo: linear-gradient(135deg, #0d2b23, #1f6b4f); }
.mh.mh-skin-xhs [data-topic="society"]          { --mh-xhs-duo: linear-gradient(135deg, #33230f, #8a5a1e); }
.mh.mh-skin-xhs [data-topic="tech"]             { --mh-xhs-duo: linear-gradient(135deg, #1a1140, #5b2fa8); }
.mh.mh-skin-xhs [data-topic="culture"]          { --mh-xhs-duo: linear-gradient(135deg, #3a2c12, #a8842f); }
.mh.mh-skin-xhs [data-topic="minjian"]          { --mh-xhs-duo: linear-gradient(135deg, #301020, #8f2650); }
.mh.mh-skin-xhs [data-topic="hk-taiwan"]        { --mh-xhs-duo: linear-gradient(135deg, #0f2a2e, #1e6b74); }
.mh.mh-skin-xhs [data-topic="usa"]              { --mh-xhs-duo: linear-gradient(135deg, #251435, #5c3a8f); }
.mh.mh-skin-xhs [data-topic="entertainment"]    { --mh-xhs-duo: linear-gradient(135deg, #331025, #a33272); }
.mh.mh-skin-xhs .mh-op .mh-e { --mh-xhs-duo: linear-gradient(135deg, #38060f, #a3123a); }
.mh.mh-skin-xhs .mh-art-v1,
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 1)::before,
.mh.mh-skin-xhs .mh-op .mh-e:nth-child(3n + 1)::before {
  --mh-xhs-tex: radial-gradient(rgba(255, 255, 255, .13) 1.2px, transparent 1.8px);
  background-size: 16px 16px, auto;
}
.mh.mh-skin-xhs .mh-art-v2,
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 2)::before,
.mh.mh-skin-xhs .mh-op .mh-e:nth-child(3n + 2)::before {
  --mh-xhs-tex: repeating-linear-gradient(45deg,
    rgba(255, 255, 255, .08) 0 6px, transparent 6px 19px);
}
.mh.mh-skin-xhs .mh-art-v3,
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 3)::before,
.mh.mh-skin-xhs .mh-op .mh-e:nth-child(3n)::before {
  --mh-xhs-tex: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .22), transparent 46%);
}
.mh.mh-skin-xhs .mh-art-v4,
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 4)::before {
  --mh-xhs-tex:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 15px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 15px);
}
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n)::before {
  --mh-xhs-tex: linear-gradient(200deg, rgba(255, 255, 255, .16), transparent 55%);
}
.mh.mh-skin-xhs .mh-lead .mh-art::after {
  content: "❀";
  position: absolute;
  top: -26px;
  right: -8px;
  font-size: 110px;
  line-height: 1;
  color: rgba(255, 255, 255, .12);
}
.mh.mh-skin-xhs .mh-mods .mh-e,
.mh.mh-skin-xhs .mh-log .mh-e,
.mh.mh-skin-xhs .mh-op .mh-e {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.mh.mh-skin-xhs .mh-mods .mh-e:hover::before,
.mh.mh-skin-xhs .mh-op .mh-e:hover::before { filter: brightness(1.08); }
.mh.mh-skin-xhs .mh-mods .mh-e::before,
.mh.mh-skin-xhs .mh-op .mh-e::before {
  content: "❀";
  order: 1;
  flex: 0 0 100%;
  display: grid;
  place-items: center;
  aspect-ratio: var(--mh-xhs-ar, 4 / 3);
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 800;
  color: rgba(255, 255, 255, .16);
  user-select: none;
}
.mh.mh-skin-xhs .mh-mods .mh-e::after,
.mh.mh-skin-xhs .mh-op .mh-e::after {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0, 0, 0, .48);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  padding: 1px 9px;
  font-size: 11px;
  color: #f0f0f0;
}
.mh.mh-skin-xhs .mh-op .mh-e::after {
  content: "茉莉花评论";
  background: #ff2442;
  border-color: #ff2442;
  color: #fff;
  font-weight: 700;
}
.mh.mh-skin-xhs .mh-op .mh-e::before { content: "评"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="china"]::before            { content: "中"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="china"]::after             { content: "中国"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="world"]::before            { content: "界"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="world"]::after             { content: "国际"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="finance"]::before          { content: "财"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="finance"]::after           { content: "财经"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="society"]::before          { content: "社"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="society"]::after           { content: "社会"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="tech"]::before             { content: "科"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="tech"]::after              { content: "科技"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="culture"]::before          { content: "文"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="culture"]::after           { content: "文化"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="minjian"]::before          { content: "民"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="minjian"]::after           { content: "民间"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="hk-taiwan"]::before        { content: "港"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="hk-taiwan"]::after         { content: "港台"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="usa"]::before              { content: "美"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="usa"]::after               { content: "美国"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="entertainment"]::before    { content: "娱"; }
.mh.mh-skin-xhs .mh-mods .mh-e[data-topic="entertainment"]::after     { content: "娱乐"; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 1) .mh-e:nth-child(6n + 1) { --mh-xhs-ar: 3 / 4; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 1) .mh-e:nth-child(6n + 2) { --mh-xhs-ar: 1 / 1; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 1) .mh-e:nth-child(6n + 3) { --mh-xhs-ar: 4 / 5; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 1) .mh-e:nth-child(6n + 4) { --mh-xhs-ar: 4 / 3; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 1) .mh-e:nth-child(6n + 5) { --mh-xhs-ar: 16 / 10; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 1) .mh-e:nth-child(6n)     { --mh-xhs-ar: 3 / 4; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 2) .mh-e:nth-child(6n + 1) { --mh-xhs-ar: 4 / 5; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 2) .mh-e:nth-child(6n + 2) { --mh-xhs-ar: 4 / 3; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 2) .mh-e:nth-child(6n + 3) { --mh-xhs-ar: 16 / 10; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 2) .mh-e:nth-child(6n + 4) { --mh-xhs-ar: 3 / 4; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 2) .mh-e:nth-child(6n + 5) { --mh-xhs-ar: 1 / 1; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n + 2) .mh-e:nth-child(6n)     { --mh-xhs-ar: 4 / 5; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n) .mh-e:nth-child(6n + 1) { --mh-xhs-ar: 16 / 10; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n) .mh-e:nth-child(6n + 2) { --mh-xhs-ar: 3 / 4; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n) .mh-e:nth-child(6n + 3) { --mh-xhs-ar: 1 / 1; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n) .mh-e:nth-child(6n + 4) { --mh-xhs-ar: 4 / 5; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n) .mh-e:nth-child(6n + 5) { --mh-xhs-ar: 4 / 3; }
.mh.mh-skin-xhs .mh-mod:nth-child(3n) .mh-e:nth-child(6n)     { --mh-xhs-ar: 16 / 10; }
.mh.mh-skin-xhs .mh-op .mh-e:nth-child(2n) { --mh-xhs-ar: 4 / 5; }
.mh.mh-skin-xhs .mh-mods .mh-e .mh-t,
.mh.mh-skin-xhs .mh-log .mh-e .mh-t,
.mh.mh-skin-xhs .mh-op .mh-e .mh-t {
  order: 2;
  flex: 0 0 100%;
  padding: 12px 12px 0;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  color: #fafafa;
}
.mh.mh-skin-xhs .mh-mods .mh-e > .mh-art {
	flex: 0 0 100%;
	order: -1;
	border-radius: 13px 13px 0 0;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-mods .mh-e:has(> .mh-art)::before,
.mh.mh-skin-xhs .mh-log .mh-e:has(> .mh-art)::before {
	display: none;
}
.mh.mh-skin-xhs .mh-log .mh-e > .mh-art {
	flex: 0 0 100%;
	order: -1;
	border-radius: 13px 13px 0 0;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-mods .mh-e .mh-t:hover,
.mh.mh-skin-xhs .mh-op .mh-e .mh-t:hover { color: #fff; }
.mh.mh-skin-xhs .mh-mods .mh-e .mh-t:visited,
.mh.mh-skin-xhs .mh-op .mh-e .mh-t:visited { color: #b9b3b4; }
.mh.mh-skin-xhs .mh-mods .mh-e .mh-s,
.mh.mh-skin-xhs .mh-log .mh-e .mh-s,
.mh.mh-skin-xhs .mh-op .mh-e .mh-by {
  order: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-left: 12px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 13.8px;
  color: #9c9c9c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mh.mh-skin-xhs .mh-mods .mh-e time,
.mh.mh-skin-xhs .mh-log .mh-e time,
.mh.mh-skin-xhs .mh-op .mh-e time {
  order: 4;
  flex: none;
  margin: 0 12px 12px auto;
  font-size: 12px;
  line-height: 13.8px;
  color: #8f8f8f;
  font-variant-numeric: tabular-nums;
}
.mh.mh-skin-xhs .mh-mods .mh-e .mh-s::before,
.mh.mh-skin-xhs .mh-log .mh-e .mh-s::before,
.mh.mh-skin-xhs .mh-op .mh-e .mh-by::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--mh-xhs-av, linear-gradient(135deg, #5a8dee, #7f53ac));
}
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 1) .mh-s::before,
.mh.mh-skin-xhs .mh-log .mh-e:nth-child(5n + 1) .mh-s::before { --mh-xhs-av: linear-gradient(135deg, #5a8dee, #7f53ac); }
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 2) .mh-s::before,
.mh.mh-skin-xhs .mh-log .mh-e:nth-child(5n + 2) .mh-s::before { --mh-xhs-av: linear-gradient(135deg, #d4586f, #e08b52); }
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 3) .mh-s::before,
.mh.mh-skin-xhs .mh-log .mh-e:nth-child(5n + 3) .mh-s::before { --mh-xhs-av: linear-gradient(135deg, #11998e, #37b26a); }
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n + 4) .mh-s::before,
.mh.mh-skin-xhs .mh-log .mh-e:nth-child(5n + 4) .mh-s::before { --mh-xhs-av: linear-gradient(135deg, #b06a10, #d0a416); }
.mh.mh-skin-xhs .mh-mods .mh-e:nth-child(5n)     .mh-s::before,
.mh.mh-skin-xhs .mh-log .mh-e:nth-child(5n)     .mh-s::before { --mh-xhs-av: linear-gradient(135deg, #8e2de2, #5533d0); }
.mh.mh-skin-xhs .mh-op .mh-e .mh-by::before { --mh-xhs-av: linear-gradient(135deg, #ff2442, #ff7a8a); }
.mh.mh-skin-xhs .mh-op .mh-e .mh-by { color: #d9c2c6; }
.mh.mh-skin-xhs .mh-lead .mh-s {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mh.mh-skin-xhs .mh-lead .mh-s::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff2442, #ff7a8a);
}
.mh.mh-skin-xhs .mh-mods .mh-h,
.mh.mh-skin-xhs .mh-op > .mh-h {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  background: #1a1a1a;
  border: 1px solid rgba(255, 36, 66, .35);
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 700;
  color: #ff5c73;
}
.mh.mh-skin-xhs .mh-mods .mh-h:hover,
.mh.mh-skin-xhs .mh-op > .mh-h:hover {
  border-color: #ff2442;
  background: #201618;
}
.mh.mh-skin-xhs .mh-mods .mh-h::after,
.mh.mh-skin-xhs .mh-op > .mh-h::after {
  content: "→";
  margin-left: auto;
  color: #ff2442;
  font-weight: 400;
}
.mh.mh-skin-xhs .mh-mods .mh-h .mh-n {
  font-size: 11.5px;
  font-weight: 400;
  color: #8f8f8f;
}
.mh.mh-skin-xhs .mh-log,
.mh.mh-skin-xhs .mh-hot,
.mh.mh-skin-xhs .mh-rank,
.mh.mh-skin-xhs .mh-tags { display: none; }
.mh.mh-skin-xhs .mh-log > .mh-h,
.mh.mh-skin-xhs .mh-hot > .mh-h,
.mh.mh-skin-xhs .mh-rank > .mh-h,
.mh.mh-skin-xhs .mh-tags > .mh-h {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 14px 8px;
  font-size: 14px;
  font-weight: 700;
  color: #f0f0f0;
}
.mh.mh-skin-xhs .mh-log > .mh-h .mh-n,
.mh.mh-skin-xhs .mh-hot > .mh-h .mh-n,
.mh.mh-skin-xhs .mh-rank > .mh-h .mh-n {
  margin-left: auto;
  font-size: 11px;
  font-weight: 400;
  color: #8f8f8f;
}
.mh.mh-skin-xhs .mh-log > .mh-h::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff2442;
  animation: mh-xhs-pulse 1.6s ease-in-out infinite;
}
@keyframes mh-xhs-pulse { 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) {
  .mh.mh-skin-xhs .mh-log > .mh-h::before { animation: none; }
}
.mh.mh-skin-xhs .mh-hot > .mh-h::before,
.mh.mh-skin-xhs .mh-rank > .mh-h::before,
.mh.mh-skin-xhs .mh-tags > .mh-h::before {
  content: "";
  flex: none;
  width: 4px;
  height: 13px;
  border-radius: 2px;
  background: #ff2442;
}
.mh.mh-skin-xhs .mh-log .mh-e,
.mh.mh-skin-xhs .mh-hot .mh-e,
.mh.mh-skin-xhs .mh-rank .mh-e {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 5px 14px;
  border-bottom: 1px dashed #282828;
  font-size: 12.5px;
  line-height: 1.5;
  color: #cfcfcf;
}
.mh.mh-skin-xhs .mh-log .mh-e:nth-child(n + 25) { display: none; }
.mh.mh-skin-xhs .mh-log .mh-e:last-child,
.mh.mh-skin-xhs .mh-hot .mh-e:last-child,
.mh.mh-skin-xhs .mh-rank .mh-e:last-child { border-bottom: 0; }
.mh.mh-skin-xhs .mh-log .mh-e time {
  flex: none;
  color: #ff6b81;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.mh.mh-skin-xhs .mh-log .mh-e .mh-s { display: none; }
.mh.mh-skin-xhs .mh-log .mh-e .mh-t:hover,
.mh.mh-skin-xhs .mh-hot .mh-e .mh-t:hover,
.mh.mh-skin-xhs .mh-rank .mh-e .mh-t:hover { color: #fff; }
.mh.mh-skin-xhs .mh-log .mh-e .mh-t:visited,
.mh.mh-skin-xhs .mh-hot .mh-e .mh-t:visited,
.mh.mh-skin-xhs .mh-rank .mh-e .mh-t:visited { color: #9c9698; }
.mh.mh-skin-xhs .mh-rank .mh-ranked { counter-reset: mh-xhs-rank; }
.mh.mh-skin-xhs .mh-rank .mh-ranked .mh-e { counter-increment: mh-xhs-rank; }
.mh.mh-skin-xhs .mh-rank .mh-ranked .mh-e::before {
  content: counter(mh-xhs-rank);
  flex: none;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  background: #2c2c2c;
  color: #b5b5b5;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  align-self: center;
}
.mh.mh-skin-xhs .mh-rank .mh-ranked .mh-e:nth-child(-n + 3)::before {
  background: #ff2442;
  color: #fff;
}
.mh.mh-skin-xhs .mh-tagrow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 2px 14px 8px;
}
.mh.mh-skin-xhs .mh-tagrow a {
  padding: 4px 12px;
  border: 1px solid #303030;
  border-radius: 999px;
  font-size: 12.5px;
  color: #d9d9d9;
}
.mh.mh-skin-xhs .mh-tagrow a:hover { border-color: #ff2442; color: #fff; }
.mh.mh-skin-xhs .mh-mods .mh-more,
.mh.mh-skin-xhs .mh-op .mh-more { display: none; }
.mh.mh-skin-xhs .mh-cats {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	justify-self: start;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	gap: 0;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
}
.mh.mh-skin-xhs .mh-cats::-webkit-scrollbar { display: none; }
.mh.mh-skin-xhs .mh-cats::before { content: none; }
.mh.mh-skin-xhs .mh-cat {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	background: transparent;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	font-weight: 400;
	line-height: 18.4px;
	white-space: nowrap;
	transition: background-color .18s ease, color .18s ease;
}
.mh.mh-skin-xhs .mh-cat:hover { background: rgba(255, 255, 255, .04); color: #fff; }
.mh.mh-skin-xhs .mh-cat .mh-n { display: none; }
#mh-c-all:checked ~ .mh-cats [for="mh-c-all"],
#mh-c-china:checked ~ .mh-cats [for="mh-c-china"],
#mh-c-hk-taiwan:checked ~ .mh-cats [for="mh-c-hk-taiwan"],
#mh-c-usa:checked ~ .mh-cats [for="mh-c-usa"],
#mh-c-world:checked ~ .mh-cats [for="mh-c-world"],
#mh-c-finance:checked ~ .mh-cats [for="mh-c-finance"],
#mh-c-society:checked ~ .mh-cats [for="mh-c-society"],
#mh-c-tech:checked ~ .mh-cats [for="mh-c-tech"],
#mh-c-culture:checked ~ .mh-cats [for="mh-c-culture"],
#mh-c-minjian:checked ~ .mh-cats [for="mh-c-minjian"],
#mh-c-entertainment:checked ~ .mh-cats [for="mh-c-entertainment"] {
	background: rgba(255, 255, 255, .04);
	color: #fff;
	font-weight: 600;
}
.mh.mh-skin-xhs .mh-k {
	border-radius: 999px;
	padding: 0 .5em;
	background: rgba(255, 36, 66, .14);
	color: #ff5c73;
}
.mh.mh-skin-xhs .mh-nav {
	display: block;
	grid-column: 1;
	grid-row: 2 / -1;
	align-self: start;
	position: sticky;
	top: 16px;
	padding-top: 16px;
}
.mh.mh-skin-xhs .mh-nav ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mh.mh-skin-xhs .mh-nav-i { margin: 0; }
.mh.mh-skin-xhs .mh-nav-i > a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 48px;
	padding-left: 32px;
	padding-right: 16px;
	border-radius: 999px;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	line-height: 18.4px;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease;
}
.mh.mh-skin-xhs .mh-nav-ic {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	border-radius: 7px;
	background: rgba(255, 255, 255, .1);
	position: relative;
}
.mh.mh-skin-xhs .mh-nav-ic::after {
	content: "";
	position: absolute;
	inset: 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .45);
}
.mh.mh-skin-xhs .mh-nav-i > a:hover {
	background: rgba(255, 255, 255, .04);
	color: #fff;
}
.mh.mh-skin-xhs .mh-nav-i > a[aria-current="page"] {
	background: rgba(255, 255, 255, .04);
	color: #fff;
	font-weight: 600;
}
.mh.mh-skin-xhs .mh-nav-i > a[aria-current="page"] .mh-nav-ic {
	background: #ff2442;
}
.mh.mh-skin-xhs .mh-nav-i > a[aria-current="page"] .mh-nav-ic::after {
	background: #fff;
}
.mh.mh-skin-xhs .mh-mods .mh-e > .mh-t::after,
.mh.mh-skin-xhs .mh-op .mh-e > .mh-t::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 15px;
}
.mh.mh-skin-xhs .mh-mods .mh-e,
.mh.mh-skin-xhs .mh-op .mh-e { isolation: isolate; }
.mh.mh-skin-xhs .mh-mods .mh-e:hover .mh-t,
.mh.mh-skin-xhs .mh-op .mh-e:hover .mh-t { color: #fff; }
.mh.mh-skin-xhs .mh-mods .mh-h,
.mh.mh-skin-xhs .mh-mod > .mh-h,
.mh.mh-skin-xhs .mh-op > .mh-h { display: none; }
.mh.mh-skin-xhs .mh-lead::after,
.mh.mh-skin-xhs .mh-lead::before,
.mh.mh-skin-xhs .mh-lead .mh-art::after { content: none; display: none; }
.mh.mh-skin-xhs .mh-lead {
	display: block;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}
.mh.mh-skin-xhs .mh-lead .mh-art {
	position: static;
	inset: auto;
	z-index: auto;
	display: block;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-lead-t {
	position: static;
	margin: 0 0 8px;
	padding: 12px 12px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.6px;
	text-shadow: none;
	color: #fafafa;
}
.mh.mh-skin-xhs .mh-lead-t a { color: inherit; text-decoration: none; }
.mh.mh-skin-xhs .mh-lead:hover .mh-lead-t { color: #fff; }
.mh.mh-skin-xhs .mh-lead .mh-m {
	position: static;
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 12px 12px;
	padding: 0;
	font-size: 12px;
	line-height: 13.8px;
	color: #9c9c9c;
	text-shadow: none;
}
.mh.mh-skin-xhs .mh-mods .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-op .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-photo .mh-photo-t,
.mh.mh-skin-xhs .mh-lead-t {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	flex: 0 0 auto;
}
.mh.mh-skin-xhs .mh-log .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-hot .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-rank .mh-e > .mh-t {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-log .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-hot .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-rank .mh-e > .mh-t,
.mh.mh-skin-xhs .mh-mods .mh-e > .mh-t {
	min-height: 51.2px;
	min-height: calc(2lh + 12px);
	max-height: 51.2px;
	max-height: calc(2lh + 12px);
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-photo .mh-photo-t,
.mh.mh-skin-xhs .mh-lead-t {
	min-height: 51.2px;
	min-height: calc(2lh + 12px);
	max-height: 51.2px;
	max-height: calc(2lh + 12px);
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	overflow: hidden;
}
.mh.mh-skin-xhs .mh-cats {
	justify-self: center;
	margin-bottom: 30px;
}
.mh.mh-skin-xhs {
	padding-top: 25px;
}
.mh.mh-skin-xhs .mh-art .mh-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.mh.mh-skin-xhs .mh-photo[data-topic="china"] .mh-art,
.mh.mh-skin-xhs .mh-photo[data-topic="world"] .mh-art,
.mh.mh-skin-xhs .mh-lead[data-topic="china"] .mh-art,
.mh.mh-skin-xhs .mh-lead[data-topic="world"] .mh-art {
	position: relative;
	aspect-ratio: 3 / 4;
	display: grid;
	place-items: center;
	overflow: hidden;
	border-radius: 15px;
	background-color: #101010;
}
.mh.mh-skin-xhs .mh-photo[data-topic="china"] .mh-art::after,
.mh.mh-skin-xhs .mh-photo[data-topic="world"] .mh-art::after,
.mh.mh-skin-xhs .mh-lead[data-topic="china"] .mh-art::after,
.mh.mh-skin-xhs .mh-lead[data-topic="world"] .mh-art::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var(--mh-mount);
	background-size: cover;
	background-position: center;
	filter: blur(26px) saturate(1.25);
	transform: scale(1.15);
}
.mh.mh-skin-xhs .mh-photo[data-topic="china"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-photo[data-topic="world"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-lead[data-topic="china"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-lead[data-topic="world"] .mh-art .mh-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
}
.mh.mh-skin-xhs .mh-photo[data-topic="tech"] .mh-art,
.mh.mh-skin-xhs .mh-photo[data-topic="culture"] .mh-art,
.mh.mh-skin-xhs .mh-photo[data-topic="finance"] .mh-art,
.mh.mh-skin-xhs .mh-lead[data-topic="tech"] .mh-art,
.mh.mh-skin-xhs .mh-lead[data-topic="culture"] .mh-art,
.mh.mh-skin-xhs .mh-lead[data-topic="finance"] .mh-art {
	aspect-ratio: 1 / 1;
	display: block;
	overflow: hidden;
	border-radius: 15px;
}
.mh.mh-skin-xhs .mh-photo[data-topic="tech"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-photo[data-topic="culture"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-photo[data-topic="finance"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-lead[data-topic="tech"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-lead[data-topic="culture"] .mh-art .mh-img,
.mh.mh-skin-xhs .mh-lead[data-topic="finance"] .mh-art .mh-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
@media (max-width: 1440px) {
  .mh.mh-skin-xhs .mh-body { columns: 4; }
}
@media (max-width: 1120px) {
  .mh.mh-skin-xhs .mh-body { columns: 3; }
  .mh.mh-skin-xhs {
    display: block;
    padding: 0 14px 36px;
  }
  .mh.mh-skin-xhs .mh-cats {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5em;
    margin: 0 0 14px;
    padding: 0 2px;
    border-right: 0;
  }
  .mh.mh-skin-xhs .mh-cats::before { display: none; }
  .mh.mh-skin-xhs .mh-cat {
    padding: 6px 14px;
    border-radius: 999px;
    background: #1a1a1a;
    font-size: 14px;
  }
}
@media (max-width: 1119px) {
	.mh.mh-skin-xhs .mh-nav {
		grid-column: 1 / -1;
		grid-row: auto;
		position: static;
		padding-top: 0;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.mh.mh-skin-xhs .mh-nav ul { flex-direction: row; }
	.mh.mh-skin-xhs .mh-nav-i > a { height: 40px; padding-left: 14px; }
	.mh.mh-skin-xhs .mh-nav-ic { display: none; }
}
@media (max-width: 1119px) {
	.mh.mh-skin-xhs .mh-nav {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		height: auto;
		z-index: 40;
		grid-column: auto;
		grid-row: auto;
		padding: 0;
		background: rgba(10, 10, 10, .97);
		border-top: 1px solid #232323;
		padding-bottom: env(safe-area-inset-bottom, 0px);
		overflow: visible;
	}
	.mh.mh-skin-xhs .mh-nav ul {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: stretch;
		gap: 0;
		margin: 0;
		padding: 0;
	}
	.mh.mh-skin-xhs .mh-nav-latest,
	.mh.mh-skin-xhs .mh-nav-wall { display: none; }
	.mh.mh-skin-xhs .mh-nav-i { flex: 1 1 0; }
	.mh.mh-skin-xhs .mh-nav-i > a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		height: 54px;
		padding: 0;
		border-radius: 0;
		background: transparent;
		font-size: 11px;
		line-height: 1.2;
		color: rgba(255, 255, 255, .62);
	}
	.mh.mh-skin-xhs .mh-nav-ic {
		display: block;
		width: 20px;
		height: 20px;
		margin: 0;
		border-radius: 6px;
	}
	.mh.mh-skin-xhs .mh-nav-i > a[aria-current="page"] {
		background: transparent;
		color: #fff;
		font-weight: 600;
	}
	.mh.mh-skin-xhs .mh-nav-home .mh-nav-l { font-size: 0; }
	.mh.mh-skin-xhs .mh-nav-home .mh-nav-l::after {
		content: "主页";
		font-size: 11px;
	}
	.mh.mh-skin-xhs .mh-body { padding-bottom: 68px; }
}
@media (max-width: 1119px) {
	.mh.mh-skin-xhs .mh-photo .mh-art,
	.mh.mh-skin-xhs .mh-lead .mh-art,
	.mh.mh-skin-xhs .mh-photo[data-topic="china"] .mh-art,
	.mh.mh-skin-xhs .mh-photo[data-topic="world"] .mh-art,
	.mh.mh-skin-xhs .mh-lead[data-topic="china"] .mh-art,
	.mh.mh-skin-xhs .mh-lead[data-topic="world"] .mh-art,
	.mh.mh-skin-xhs .mh-photo[data-topic="tech"] .mh-art,
	.mh.mh-skin-xhs .mh-photo[data-topic="culture"] .mh-art,
	.mh.mh-skin-xhs .mh-photo[data-topic="finance"] .mh-art,
	.mh.mh-skin-xhs .mh-lead[data-topic="tech"] .mh-art,
	.mh.mh-skin-xhs .mh-lead[data-topic="culture"] .mh-art,
	.mh.mh-skin-xhs .mh-lead[data-topic="finance"] .mh-art,
	.mh.mh-skin-xhs .mh-mods .mh-e::before,
	.mh.mh-skin-xhs .mh-op .mh-e::before,
	.mh.mh-skin-xhs .mh-mods .mh-e > .mh-t::after,
	.mh.mh-skin-xhs .mh-op .mh-e > .mh-t::after {
		border-radius: 5px;
	}
}
@media (max-width: 640px) {
  .mh.mh-skin-xhs .mh-body { columns: 2; column-gap: 8px; }
  .mh.mh-skin-xhs { padding: 0 10px 30px; font-size: 14.5px; }
  .mh.mh-skin-xhs .mh-leads { grid-template-columns: 1fr; gap: 8px; margin-bottom: 8px; }
  .mh.mh-skin-xhs .mh-lead { min-height: 200px; padding: 76px 13px 12px; border-radius: 13px; }
  .mh.mh-skin-xhs .mh-lead-t { font-size: 16.5px; }
  .mh.mh-skin-xhs .mh-lead .mh-art::after { font-size: 84px; }
  .mh.mh-skin-xhs .mh-mods .mh-e,
  .mh.mh-skin-xhs .mh-op .mh-e,
  .mh.mh-skin-xhs .mh-log,
  .mh.mh-skin-xhs .mh-hot,
  .mh.mh-skin-xhs .mh-rank,
  .mh.mh-skin-xhs .mh-tags { border-radius: 13px; margin-bottom: 8px; }
  .mh.mh-skin-xhs .mh-mods .mh-h,
  .mh.mh-skin-xhs .mh-op > .mh-h { margin-bottom: 8px; padding: 8px 12px; font-size: 13px; }
  .mh.mh-skin-xhs .mh-mods .mh-e::before,
  .mh.mh-skin-xhs .mh-op .mh-e::before { font-size: 44px; }
  .mh.mh-skin-xhs .mh-mods .mh-e .mh-t,
  .mh.mh-skin-xhs .mh-op .mh-e .mh-t { padding: 0 10px 5px; font-size: 13px; }
  .mh.mh-skin-xhs .mh-mods .mh-e .mh-s,
  .mh.mh-skin-xhs .mh-op .mh-e .mh-by { margin-left: 10px; gap: 5px; }
  .mh.mh-skin-xhs .mh-mods .mh-e time,
  .mh.mh-skin-xhs .mh-op .mh-e time { margin-right: 10px; }
  .mh.mh-skin-xhs .mh-mods .mh-e .mh-s::before,
  .mh.mh-skin-xhs .mh-op .mh-e .mh-by::before { width: 16px; height: 16px; }
  .mh.mh-skin-xhs .mh-log .mh-e:nth-child(n + 9) { display: none; }
  .mh.mh-skin-xhs .mh-strip { gap: 4px 10px; padding: 8px 12px; font-size: 12px; }
}
.mh.mh-skin-xhs .mh-mods .mh-e .mh-s-link,
.mh.mh-skin-xhs .mh-op .mh-e .mh-s-link,
.mh.mh-skin-xhs .mh-photo .mh-s-link,
.mh.mh-skin-xhs .mh-lead .mh-s-link {
	position: relative;
	z-index: 2;
}
.mh.mh-skin-xhs .mh-deep { display: none; }
.mh.mh-skin-xhs .mh-news { display: none; }
.mh.mh-skin-xhs .mh-mods .mh-e .mh-s:has(> .mh-s-mark)::before,
.mh.mh-skin-xhs .mh-log .mh-e .mh-s:has(> .mh-s-mark)::before,
.mh.mh-skin-xhs .mh-op .mh-e .mh-by:has(> .mh-s-mark)::before,
.mh.mh-skin-xhs .mh-lead .mh-s:has(> .mh-s-mark)::before { content: none; }
.mh.mh-skin-xhs .mh-s-mark {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	overflow: hidden;
	border-radius: 50%;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	color: rgba(255, 255, 255, .92);
	background: var(--mh-xhs-av, linear-gradient(135deg, #5a8dee, #7f53ac));
}
.mh.mh-skin-xhs .mh-s-mark[data-mh-i]::before { content: attr(data-mh-i); }
.mh.mh-skin-xhs .mh-s-mark.is-logo { background: #f3f3f3; }
.mh.mh-skin-xhs .mh-s-mark.is-logo img {
	width: 100%;
	height: 100%;
	padding: 1px;
	object-fit: contain;
}
.mh.mh-skin-xhs .mh-s-mark.is-t0 { background: linear-gradient(135deg, #5a8dee, #7f53ac); }
.mh.mh-skin-xhs .mh-s-mark.is-t1 { background: linear-gradient(135deg, #d4586f, #e08b52); }
.mh.mh-skin-xhs .mh-s-mark.is-t2 { background: linear-gradient(135deg, #11998e, #37b26a); }
.mh.mh-skin-xhs .mh-s-mark.is-t3 { background: linear-gradient(135deg, #b06a10, #d0a416); }
.mh.mh-skin-xhs .mh-s-mark.is-t4 { background: linear-gradient(135deg, #8e2de2, #5533d0); }