/**
 * 后置覆盖：右侧歌词区域、音量滑块、悬停与禁用态、减少动态效果等。
 * 这里的规则依赖“写在前面各文件之后”才能生效（同优先级时后者覆盖前者），必须最后加载
 * 加载顺序：layout → player-bar → library-header → song-panel → playlist → overrides（见 index.html），顺序不可调换。
 */

/* ================ 右侧歌词区域 ================ */
.content-right {
	flex: 1;
	width: 100%;
	max-width: 520px;
	height: 100%;
	position: relative;
	background: transparent;
	box-shadow: none;
	padding: 18px 0 0;
	overflow: hidden;
}

.right-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* 歌词容器 */
[data-play-lyrics] {
	width: 100%;
	position: absolute;
	left: 0;
	transition: transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
	backface-visibility: hidden;
}

/* 歌词行样式 */
[data-play-lyrics] .lyric {
	padding: 12px 0;
	text-align: center;
	transition: color 0.28s ease, opacity 0.28s ease, transform 0.34s ease;
	font-size: 15px;
	line-height: 1.55;
	color: var(--text-secondary);
	opacity: 0.78;
}

/* 当前播放歌词样式 */
[data-play-lyrics] .lyric.active {
	color: var(--theme-color);
	font-size: 18px;
	font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
	.wrap-lyrics,
	[data-play-lyrics] {
		transition-duration: 0.01ms;
	}

	.wrap-lyrics .lyric.active span {
		animation: none;
	}
}

/* 音量控制样式 */
.options-soundSlider input[type="range"] {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
	background: transparent;
	border-radius: var(--border-radius);
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

/* 响应式设计优化 - 手机端详细规则在 response.css 中 */

:root {
	--transition: transform 0.3s ease, background 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
	.btn-play:hover,
	.btn-prev:hover,
	.btn-next:hover {
		background: var(--surface-hover);
		transition: var(--transition);
	}
}

:is(button, input):disabled {
	cursor: not-allowed;
	opacity: 0.48;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}