/* ===================================================================
   新闻中心 Hub 页
   =================================================================== */

/* Tab 切换（WP 核心 Gutenberg "Tabs" 区块，真实类名 wp-block-tabs/
   tabs__list/tabs__tab-label，逐字节抠自参考站
   `新闻中心/index.html` 里的 `wp-block-tabs-inline-css`
   （源 https://wierpower.com/wp-content/plugins/gutenberg/build/styles/
   block-library/tabs/style.css）。之前这里是一套完全对不上号的旧
   `.yike-news-hub__*` 臆造类名（news-hub.html 早就换成真实标记了，这份 CSS
   没跟着换，0 条规则命中），2026-08-29 用 tools/probe --map 逐属性比对才挖出来
   ——css-coverage.py 这类工具只查"HTML 用到的类有没有规则"，查不出"CSS 里
   还留着一堆没人用的旧规则"这种反向缺口。只保留咱们用得到的 is-style-links +
   is-horizontal 两种变体，is-vertical/is-style-button 参考站这页没用到，不抄。 */
.wp-block-tabs {
	--tab-bg: var(--custom-tab-inactive-color, transparent);
	--tab-bg-hover: var(--custom-tab-hover-color, #eaeaea);
	--tab-bg-active: var(--custom-tab-active-color, #000);
	--tab-text: var(--custom-tab-text-color, #000);
	--tab-text-hover: var(--custom-tab-hover-text-color, #000);
	--tab-text-active: var(--custom-tab-active-text-color, #fff);
	--tab-opacity: 0.5;
	--tab-opacity-hover: 1;
	--tab-opacity-active: 1;
	--tab-outline-width: 0;
	--tab-underline-width: 0;
	--tab-side-border-width: 0;
	--tab-border-color: var(--custom-tab-inactive-color, transparent);
	--tab-border-color-hover: var(--custom-tab-hover-color, #000);
	--tab-border-color-active: var(--custom-tab-active-color, #000);
	--tab-padding-block: var(--wp--preset--spacing--20, 0.5em);
	--tab-padding-inline: var(--wp--preset--spacing--30, 1em);
	--tab-border-radius: 0;
	--tabs-divider-color: var(--custom-tab-active-color, #000);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--wp--style--unstable-tabs-gap, var(--wp--style--tabs-gap-default));
}

.wp-block-tabs .tabs__title {
	display: none;
}

.wp-block-tabs .tabs__list {
	align-items: flex-end;
	display: flex;
	flex-basis: 100%;
	flex-grow: 1;
	gap: var(--wp--style--unstable-tabs-list-gap, var(--wp--style--tabs-gap-default));
	list-style: none;
	margin: 0;
	min-width: 100px;
	padding: 0;
}

.wp-block-tabs .tabs__list .tabs__tab-label {
	background-color: var(--tab-bg);
	border: var(--tab-outline-width) solid var(--tab-border-color);
	border-block-end: var(--tab-underline-width) solid var(--tab-border-color);
	border-inline-end: var(--tab-side-border-width) solid var(--tab-border-color);
	border-radius: var(--tab-border-radius);
	box-sizing: border-box;
	color: var(--tab-text);
	cursor: pointer;
	display: block;
	margin: 0;
	opacity: var(--tab-opacity);
	padding-block: var(--tab-padding-block);
	padding-inline: var(--tab-padding-inline);
	text-decoration: none;
	width: max-content;
}

.wp-block-tabs .tabs__list .tabs__tab-label:hover {
	background-color: var(--tab-bg-hover);
	border-color: var(--tab-border-color-hover);
	color: var(--tab-text-hover);
	opacity: var(--tab-opacity-hover);
}

.wp-block-tabs .tabs__list .tabs__tab-label[aria-selected="true"] {
	background-color: var(--tab-bg-active);
	border-color: var(--tab-border-color-active);
	color: var(--tab-text-active);
	opacity: var(--tab-opacity-active);
}

.wp-block-tabs:not(.is-vertical) .tabs__list {
	border-block-end: 1px solid var(--tabs-divider-color);
	overflow-x: auto;
}

.wp-block-tabs.is-style-links {
	--tabs-divider-color: var(--custom-tab-hover-color, #000);
	--tab-bg: transparent;
	--tab-bg-hover: transparent;
	--tab-bg-active: transparent;
	--tab-text: var(--custom-tab-text-color, #000);
	--tab-text-hover: var(--custom-tab-hover-text-color, #000);
	--tab-text-active: var(--custom-tab-active-text-color, #000);
	--tab-border-color: var(--custom-tab-inactive-color, transparent);
	--tab-border-color-hover: var(--custom-tab-hover-color, #000);
	--tab-border-color-active: var(--custom-tab-active-color, #000);
	--tab-underline-width: 2px;
}

.wp-block-tabs.is-style-links .tabs__tab-label {
	border-bottom: 2px solid var(--tab-border-color);
	padding-block-end: .5em;
}

.wp-block-tabs.is-style-links .tabs__tab-label[aria-selected="true"] {
	background-color: inherit;
	border-color: var(--tab-border-color-active);
	color: var(--tab-text-active);
}

.wp-block-tabs.is-style-links .tabs__tab-label:hover:not([aria-selected="true"]) {
	background-color: inherit;
	border-color: var(--tab-border-color-hover);
	color: var(--tab-text-hover);
}