/* =========================================
             COMPREHENSIVE VIEW STYLES (综合搜索样式 - 优化版)
             ========================================= */
			.comp-section {
				margin-bottom: 30px;
				width: 100%;
				animation: fadeIn 0.4s ease;
				position: relative;
			}

			.comp-header {
				display: flex;
				align-items: center;
				font-size: 1.3rem;
				font-weight: 700;
				margin-bottom: 12px;
				color: #111;
				cursor: pointer;
				transition: color 0.2s;
				padding-left: 5px;
				user-select: none;
			}

			.comp-header:hover {
				color: var(--primary);
			}

			.comp-header i {
				font-size: 0.9rem;
				margin-left: 8px;
				color: #ccc;
				transition: transform 0.2s;
			}

			.comp-header:hover i {
				color: var(--primary);
				transform: translateX(3px);
			}

			/* Carousel Wrapper */
			.carousel-wrapper {
				position: relative;
				width: 100%;
			}

			.carousel-wrapper:hover .carousel-btn {
				opacity: var(--btn-opacity, 1);
			}

			.carousel-btn {
				position: absolute;
				top: 45%;
				transform: translateY(-50%);
				width: 32px;
				height: 32px;
				border-radius: 50%;
				background: rgba(255, 255, 255, 0.95);
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
				border: 1px solid rgba(0, 0, 0, 0.05);
				color: #333;
				display: none;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				z-index: 10;
				opacity: 0;
				transition: all 0.2s;
			}

			.carousel-btn:hover {
				background: #fff;
				transform: translateY(-50%) scale(1.1);
				color: var(--primary);
			}

			.carousel-btn.left {
				left: 5px;
			}

			.carousel-btn.right {
				right: 5px;
			}

			@media (max-width: 768px) {
				.carousel-btn {
					display: none !important;
				}
			}

			/* Horizontal Scroll Container */
			.scroll-row {
				display: flex;
				gap: 15px;
				overflow-x: auto;
				padding: 5px 15px 25px 5px;
				margin: 0 -5px;
				-webkit-overflow-scrolling: touch;
				scrollbar-width: none;
				scroll-behavior: smooth;
				align-items: flex-start;
				/* 关键：防止不同高度拉伸 */
			}

			.scroll-row::-webkit-scrollbar {
				display: none;
			}

			/* 哨兵样式优化：默认隐藏 spinner */
			/* 哨兵隐藏，防止转圈圈抢戏 */
			.scroll-sentinel {
				flex: 0 0 50px;
				height: 100%;
				opacity: 0;
				transition: opacity 0.3s;
			}

			.scroll-sentinel.active {
				opacity: 1;
			}

			.mini-spinner-h {
				width: 24px;
				height: 24px;
				border: 3px solid #eee;
				border-top-color: var(--primary);
				border-radius: 50%;
				animation: spin 0.8s linear infinite;
			}

			/* Circular Artist Card */
			.artist-circle-card {
				flex: 0 0 140px;
				display: flex;
				flex-direction: column;
				align-items: center;
				cursor: pointer;
				transition: transform 0.2s;
			}

			.artist-circle-card:active {
				transform: scale(0.95);
			}

			.artist-circle-img {
				width: 140px;
				height: 140px;
				border-radius: 50%;
				object-fit: cover;
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
				margin-bottom: 10px;
				background: #eee;
			}

			.artist-circle-name {
				text-align: center;
				font-weight: 600;
				color: var(--text-main);
				font-size: 0.95rem;
				line-height: 1.2;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				width: 100%;
				padding: 0 4px;
			}

			/* Square Card (Albums/Playlists) */
			.square-scroll-card {
				flex: 0 0 160px;
				width: 160px;
				cursor: pointer;
				transition: opacity 0.2s;
			}

			.square-scroll-card:active {
				opacity: 0.7;
			}

			.square-scroll-card .img-wrap {
				width: 160px;
				height: 160px;
				border-radius: 8px;
				overflow: hidden;
				margin-bottom: 8px;
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
				background: #eee;
				position: relative;
			}

			.square-scroll-card img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.square-scroll-card h4 {
				font-size: 0.9rem;
				font-weight: 600;
				margin-bottom: 3px;
				/* Flex 布局 */
				overflow: hidden;
				color: var(--text-main);
				display: flex;
				align-items: center;
				width: 100%;
			}

			/* 【关键修改】只对第一个 span (歌名) 生效，不误伤后面的 E 标 */
			.square-scroll-card h4 span:first-child {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				flex: 1;      /* 让歌名占据主要空间 */
				min-width: 0; /* 允许压缩 */
			}

			.square-scroll-card p {
				font-size: 0.8rem;
				color: var(--text-secondary);
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			/* Song Horizontal Card (Modified for Carousel) */
			.song-scroll-card {
				flex: 0 0 300px;
				/* 固定宽度以横向排列 */
				display: flex;
				align-items: center;
				background: #fff;
				padding: 10px;
				border-radius: 10px;
				cursor: pointer;
				transition: background 0.2s;
				border: 1px solid rgba(0, 0, 0, 0.04);
				box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
			}

			.song-scroll-card:hover {
				background: #f9f9fb;
			}

			.song-scroll-card:active {
				transform: scale(0.98);
			}

			.song-scroll-img {
				width: 54px;
				height: 54px;
				border-radius: 6px;
				margin-right: 12px;
				object-fit: cover;
				background: #eee;
				flex-shrink: 0;
			}

			.song-scroll-info {
				flex: 1;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}

			.song-scroll-title {
				font-weight: 600;
				font-size: 0.95rem;
				color: #333;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin-bottom: 3px;
				display: flex;
				align-items: center;
			}

			.song-scroll-meta {
				font-size: 0.8rem;
				color: #888;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.badge-e-compact {
				background: #000;
				color: #fff;
				font-size: 0.6rem;
				padding: 1px 3px;
				border-radius: 2px;
				margin-left: 4px;
				display: inline-block;
				line-height: 1.2;
				font-weight: 600;
				vertical-align: middle;
				flex-shrink: 0;
			}