/* 分类页：筛区深灰面板 + 横向细滚动条 + 珊瑚选中；排序药丸；分页 */

html:has(body.st48-list-zhiyan) {
  overflow-x: clip;
  max-width: 100%;
  background-color: var(--zy-bgcolor, #16161a);
  scrollbar-gutter: stable;
}

:root {
	--st48-tgt-panel: #1a1a1a;
	--st48-tgt-panel-line: rgba(255, 255, 255, 0.07);
	--st48-tgt-text: hsla(0, 0%, 100%, 0.72);
	--st48-tgt-muted: hsla(0, 0%, 100%, 0.45);
	--st48-tgt-accent: #ff4d4f;
	--st48-tgt-track: rgba(255, 255, 255, 0.08);
}

/* 抵消 st48-shoutu48 里 body.st48.fed-min-width 的浅色底 + 深色字、以及 body.st48 a { #333 }，避免 zhiyan 顶栏在分类页「发黑看不见」 */
body.st48.fed-min-width.st48-list-zhiyan {
	color: hsla(0, 0%, 100%, 0.88) !important;
	background-color: var(--zy-bgcolor, #16161a) !important;
	background-image: none !important;
	margin: 0;
	padding-left: env(safe-area-inset-left, 0px);
	padding-right: env(safe-area-inset-right, 0px);
	overflow-x: clip;
}

/* 仅顶栏 / 页脚链接：勿用全局 a，否则会压过筛选区、分页的 hover 色 */
body.st48.fed-min-width.st48-list-zhiyan .header a {
	color: hsla(0, 0%, 100%, 0.9) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .header a:hover {
	color: var(--zy-hover, #00cc4c) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .header .nav a.active {
	color: var(--zy-hover, #00cc4c) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .footer a {
	color: hsla(0, 0%, 100%, 0.75) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .footer a:hover {
	color: var(--zy-hover, #00cc4c) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .header .nav .menu span,
body.st48.fed-min-width.st48-list-zhiyan .header .nav .menu span i {
	color: hsla(0, 0%, 100%, 0.82) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .header .nav .menu:hover span,
body.st48.fed-min-width.st48-list-zhiyan .header .nav .menu:hover span i {
	color: hsla(0, 0%, 100%, 0.96) !important;
}

body.st48.fed-min-width.st48-list-zhiyan .search-box .search-input {
	color: hsla(0, 0%, 100%, 0.92) !important;
	caret-color: var(--zy-hover, #00cc4c);
}

body.st48.fed-min-width.st48-list-zhiyan .search-box .search-input::placeholder {
	color: hsla(0, 0%, 100%, 0.52) !important;
	opacity: 1;
}

body.st48.fed-min-width.st48-list-zhiyan .header .logo span.name {
	color: hsla(0, 0%, 100%, 0.92) !important;
}

body.st48.st48-list-zhiyan {
	background: var(--zy-bgcolor, #16161a);
}

.st48-list-main {
	display: flow-root;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 24px;
	box-sizing: border-box;
}

body.st48-list-zhiyan .header {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

body.st48-list-zhiyan .header .container,
body.st48-list-zhiyan .main.st48-list-main > .container {
	box-sizing: border-box;
	padding-left: max(10px, env(safe-area-inset-left, 0px));
	padding-right: max(10px, env(safe-area-inset-right, 0px));
}

/* ---------- 影片列表：深色底上标题 / 副标题加亮（避免灰字贴黑看不见） ---------- */
.st48-list-zhiyan .block.index-block .a-tit h2 {
	color: hsla(0, 0%, 100%, 0.94) !important;
	-webkit-text-fill-color: currentColor !important;
}

.st48-list-zhiyan .block.index-block .a-tit h2 i {
	color: var(--zy-hover, #00cc4c) !important;
}

.st48-list-zhiyan .a-con-inner span.s1,
.st48-list-zhiyan .a-con-inner span.s1 a {
	color: hsla(0, 0%, 100%, 0.9) !important;
	-webkit-text-fill-color: currentColor !important;
}

.st48-list-zhiyan .a-con-inner span.s1 a:hover {
	color: var(--zy-hover, #00cc4c) !important;
}

.st48-list-zhiyan .a-con-inner span.s2,
.st48-list-zhiyan .a-con-inner span.s2 a {
	color: hsla(0, 0%, 100%, 0.68) !important;
	-webkit-text-fill-color: currentColor !important;
}

.st48-list-zhiyan .a-con-inner span.s2 a:hover {
	color: var(--zy-hover, #00cc4c) !important;
}

/* 悬停层简介字（s5）在列表页也略提亮，避免过暗 */
.st48-list-zhiyan .a-con-inner span.s5,
.st48-list-zhiyan .a-con-inner span.s5 b.jj {
	color: hsla(0, 0%, 100%, 0.72) !important;
}

.st48-list-zhiyan .a-con-inner span.s5 b.zy {
	color: hsla(0, 0%, 100%, 0.88) !important;
}

/* ---------- 筛选主面板 ---------- */
.st48-list-zhiyan .st48-tgt-filter {
	background: var(--st48-tgt-panel);
	border-radius: 12px;
	padding: 16px 18px 14px;
	border: 1px solid var(--st48-tgt-panel-line);
	box-shadow: 0 10px 36px rgba(0, 0, 0, 0.45);
	max-width: 100%;
}

.st48-list-zhiyan .st48-tgt-filter__row {
	display: flex;
	align-items: stretch;
	gap: 0 16px;
	padding: 12px 0;
	border-bottom: 1px solid var(--st48-tgt-panel-line);
	flex-wrap: nowrap;
}

.st48-list-zhiyan .st48-tgt-filter__row:last-of-type {
	border-bottom: none;
}

@media (max-width: 520px) {
	.st48-list-zhiyan .st48-tgt-filter__row {
		flex-wrap: wrap;
	}
}

/* 左侧：灰色文字标签（非大色块） */
.st48-list-zhiyan .st48-tgt-filter__name {
	flex: 0 0 auto;
	width: 2.75rem;
	padding-top: 4px;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	color: var(--st48-tgt-muted);
	text-align: right;
}

@media (min-width: 521px) {
	.st48-list-zhiyan .st48-tgt-filter__name {
		width: 3.25rem;
	}
}

.st48-list-zhiyan .st48-tgt-filter__body {
	position: relative;
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: flex-start;
	gap: 6px 10px;
}

/* 横向滚动轨道：标签下方细灰条 */
.st48-list-zhiyan .st48-tgt-filter__track {
	flex: 1;
	min-width: 0;
	padding-bottom: 6px;
	border-radius: 0 0 6px 6px;
}

.st48-list-zhiyan .st48-tgt-filter__scroll {
	font-size: 14px;
	line-height: 26px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--st48-tgt-track) transparent;
	padding-bottom: 2px;
}

.st48-list-zhiyan .st48-tgt-filter__scroll::-webkit-scrollbar {
	height: 4px;
}

.st48-list-zhiyan .st48-tgt-filter__scroll::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.04);
	border-radius: 3px;
}

.st48-list-zhiyan .st48-tgt-filter__scroll::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.22);
	border-radius: 3px;
}

.st48-list-zhiyan .st48-tgt-filter__scroll a {
	display: inline-block;
	margin: 0 2px 6px 0;
	padding: 2px 8px;
	border-radius: 4px;
	color: var(--st48-tgt-text);
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s ease, background 0.15s ease;
}

.st48-list-zhiyan .st48-tgt-filter__scroll a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
}

.st48-list-zhiyan .st48-tgt-filter__scroll a.active {
	color: var(--st48-tgt-accent);
	font-weight: 700;
	background: transparent;
}

/* 折叠：默认单行横向滚；展开后换行展示全部 */
.st48-list-zhiyan .st48-tgt-filter__row--collapsible:not(.is-expanded) .st48-tgt-filter__scroll {
	white-space: nowrap;
}

.st48-list-zhiyan .st48-tgt-filter__row--collapsible.is-expanded .st48-tgt-filter__scroll {
	white-space: normal;
}

.st48-list-zhiyan .st48-tgt-filter__expand {
	flex: 0 0 auto;
	align-self: center;
	border: none;
	background: transparent;
	color: var(--st48-tgt-accent);
	font-size: 13px;
	cursor: pointer;
	padding: 4px 4px 4px 2px;
	white-space: nowrap;
	line-height: 1.2;
}

.st48-list-zhiyan .st48-tgt-filter__expand:hover {
	text-decoration: underline;
}

/* ---------- 排序行：未选中灰字；选中珊瑚圆角药丸 + 白字 ---------- */
.st48-list-zhiyan .st48-tgt-filter__row--sort .st48-tgt-filter__body {
	align-items: center;
}

.st48-list-zhiyan .st48-tgt-filter__sort {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.st48-list-zhiyan .st48-tgt-filter__sort a {
	display: inline-block;
	padding: 6px 18px;
	border-radius: 999px;
	font-size: 14px;
	color: var(--st48-tgt-muted);
	text-decoration: none;
	background: transparent;
	transition: color 0.15s ease, background 0.15s ease;
}

.st48-list-zhiyan .st48-tgt-filter__sort a:hover {
	color: var(--st48-tgt-text);
}

.st48-list-zhiyan .st48-tgt-filter__sort a.active {
	color: #fff !important;
	background: var(--st48-tgt-accent);
	font-weight: 600;
}

/* ---------- 底部统计 ---------- */
.st48-list-zhiyan .st48-tgt-filter__summary {
	text-align: center;
	margin: 16px 0 2px;
	padding-top: 12px;
	border-top: 1px solid var(--st48-tgt-panel-line);
	color: var(--st48-tgt-muted);
	font-size: 14px;
	line-height: 1.65;
}

.st48-list-zhiyan .st48-tgt-filter__summary .st48-tgt-filter__count {
	font-style: normal;
	font-weight: 700;
	color: var(--st48-tgt-accent);
	font-size: 17px;
}

.st48-list-zhiyan .st48-tgt-filter__summary b {
	color: var(--st48-tgt-text);
	font-weight: 600;
}

/* ---------- 分页 ---------- */
.st48-list-zhiyan .page.st48-zy-page {
	margin-top: 12px;
	margin-bottom: 24px;
}

.st48-list-zhiyan .page.st48-zy-page .stui-page {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.st48-list-zhiyan .page.st48-zy-page .stui-page li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.st48-list-zhiyan .page.st48-zy-page .stui-page a,
.st48-list-zhiyan .page.st48-zy-page .stui-page span a {
	display: inline-block;
	line-height: 30px;
	min-width: 30px;
	padding: 0 10px;
	margin: 0 2px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--st48-tgt-text);
	text-decoration: none;
}

.st48-list-zhiyan .page.st48-zy-page .stui-page li.active a,
.st48-list-zhiyan .page.st48-zy-page .stui-page .active a,
.st48-list-zhiyan .page.st48-zy-page .stui-page a:hover {
	background: var(--st48-tgt-accent);
	color: #fff;
}