/* 页面 Tab 滑动下划线：点击切换时滑块过渡；hover 仅文字变蓝 */

[data-tsg-sliding-tabs] {
	position: relative;
}

[data-tsg-sliding-tabs].petro-tabs-wrap {
	position: relative;
	box-sizing: border-box;
}

[data-tsg-sliding-tabs] .petro-tabs,
[data-tsg-sliding-tabs] .arp-tabs,
[data-tsg-sliding-tabs] .liot-tabs,
[data-tsg-sliding-tabs] .epm-tabs,
[data-tsg-sliding-tabs] .aiv-tabs,
[data-tsg-sliding-tabs][role="tablist"] {
	position: relative;
	padding-bottom: .75rem!important;
}

/* 文字与下划线固定 8px 间距（由 tab 行底 padding 承担，按钮本身不加底 padding） */
[data-tsg-sliding-tabs] .petro-tabs,
[data-tsg-sliding-tabs] .arp-tabs,
[data-tsg-sliding-tabs] .liot-tabs,
[data-tsg-sliding-tabs] .epm-tabs,
[data-tsg-sliding-tabs] .aiv-tabs,
[data-tsg-sliding-tabs].cases-tabs,
[data-tsg-sliding-tabs].uwb-tag-tabs,
.is-view-cases [data-tsg-sliding-tabs].cases-tabs,
.petrochemical-page [data-tsg-sliding-tabs] .petro-tabs,
.mine-page [data-tsg-sliding-tabs] .petro-tabs,
.electricity-page [data-tsg-sliding-tabs] .petro-tabs,
.app-functions-tabs-accordion [data-tsg-sliding-tabs] .petro-tabs,
.is-view-analysis-platform [data-tsg-sliding-tabs] .arp-tabs,
.is-view-location-iot-system [data-tsg-sliding-tabs] .liot-tabs,
.is-view-emergency-platform [data-tsg-sliding-tabs] .epm-tabs,
.is-view-ai-vision-system [data-tsg-sliding-tabs] .aiv-tabs,
.product-satellite-page [data-tsg-sliding-tabs].uwb-tag-tabs,
.is-view-uwb-centimeter [data-tsg-sliding-tabs].uwb-tag-tabs,
.is-view-uwb-wireless [data-tsg-sliding-tabs].uwb-tag-tabs,
.is-view-bluetooth [data-tsg-sliding-tabs].uwb-tag-tabs {
	padding-bottom: .75rem;
	box-sizing: border-box;
}

[data-tsg-sliding-tabs] .petro-tab,
[data-tsg-sliding-tabs] .arp-tab,
[data-tsg-sliding-tabs] .liot-tab,
[data-tsg-sliding-tabs] .epm-tab,
[data-tsg-sliding-tabs] .aiv-tab,
[data-tsg-sliding-tabs] .cases-tab,
[data-tsg-sliding-tabs] .uwb-tag-tab,
[data-tsg-sliding-tabs] [role="tab"] {
	padding-bottom: 0;
}

.tsg-sliding-tabs__slider,
.petro-tabs__slider {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0.25rem;
	background: #007DF2;
	border-radius: 0.0625rem;
	transition: transform 0.6s ease, width 0.6s ease;
	pointer-events: none;
	z-index: 2;
}

/* 激活态文字色（页面可覆盖字号/间距） */
[data-tsg-sliding-tabs] .petro-tab.is-active,
[data-tsg-sliding-tabs] [role="tab"].is-active,
[data-tsg-sliding-tabs] .cases-tab.is-active,
[data-tsg-sliding-tabs] .uwb-tag-tab.active {
	color: #007DF2;
}

[data-tsg-sliding-tabs] .petro-tab:hover,
[data-tsg-sliding-tabs] [role="tab"]:hover,
[data-tsg-sliding-tabs] .cases-tab:hover,
[data-tsg-sliding-tabs] .uwb-tag-tab:hover {
	color: #007DF2;
}