/* abc_center_layout: 隐藏右侧栏 + 统一导航/主体/页脚宽度，主内容加宽居中 */

/* 隐藏右侧栏（站点简介 / 版块信息 / 作者信息等侧栏） */
.row > .aside { display: none !important; }

/* 统一顶部导航、主体、页脚的容器宽度，形成居中盒型布局（略宽于原主区） */
#header .container,
#body > .container,
#footer .container {
	max-width: 1040px !important;
}

/* 桌面端：主内容铺满容器（由原 col-lg-9 ≈75% 加宽为 100%），与导航同宽居中 */
@media (min-width: 992px) {
	.row > .main {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* 顶部导航：白底深字（原为 navbar-dark bg-dark，翻转为浅色导航） */
#header {
	background-color: #fff !important;
	border-bottom: 1px solid #e9ecef;
}
#header .navbar-brand,
#header .nav-link {
	color: #343a40 !important;
}
#header .navbar-brand:hover,
#header .nav-link:hover {
	color: #0d6efd !important;
}
#header .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.15);
}
#header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(33,37,41,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* 当前页导航项：高亮为悬停色（.active 由页面脚本加到 li.nav-item 上） */
#header .nav-item.active .nav-link,
#header .nav-link.active {
	color: #0d6efd !important;
}

/* 首页榜单列表（搜索榜 / 下载榜） */
.abc-rank-list { font-size: .9rem; }
.abc-rank-list li { transition: background-color .15s; }
.abc-rank-list li:hover { background-color: #f8f9fa; }
.abc-rank-list .abc-rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	font-size: .75rem;
	font-weight: 600;
	color: #6c757d;
	background: #f1f3f5;
	border-radius: .375rem;
	flex: 0 0 auto;
}
.abc-rank-list .abc-rank-1 { background: #ffd43b; color: #866400; }
.abc-rank-list .abc-rank-2 { background: #ced4da; color: #495057; }
.abc-rank-list .abc-rank-3 { background: #ffd5a1; color: #8a5a00; }
.abc-rank-list li:last-child { border-bottom: 0 !important; }

/* ========== 首页卡片统一内边距：替代默认 .card-body 的 padding:1rem，
   让顶部/底部对称留白，不再用 ul 负 margin trick，结构更稳 ========== */
body .card.card-threadlist > .card-body,
body .main > .row > div > .card > .card-body {
	padding: .625rem 1rem; /* 上下 10px / 左右 16px，对称且不贴死 */
}

/* 首页自定义歌曲列表（专辑合集 / 最近更新）：歌名 + 歌手单独行，无发帖人/日期 */
/* 不再用负 margin 吃 card-body padding：card-body 已统一收窄，列表直接正常摆放即可。
   hover 背景 / 分割线左右仍要贴 card 边缘，所以 li 的左右 padding 就是贴 card 内边距。
*/
.abc-songlist > .abc-songlist-item {
	padding: .55rem 0; /* 上下紧凑，左右交给 card-body padding 负责 */
	border-bottom: 1px solid #e5e8ec;
	border-radius: 0;
	transition: background-color .15s ease-in-out;
	cursor: pointer;
	/* 让 hover 背景贴 card 左右边：抵消 card-body 的 1rem 左右内边距 */
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.abc-songlist > .abc-songlist-item:last-child { border-bottom: 0; }
/* 整张卡片（分割线到分割线之间，左右贴 card）悬停变色 */
.abc-songlist > li.thread.abc-songlist-item:hover,
.abc-songlist > li.abc-songlist-item:hover {
	background-color: #eef1f5 !important;
}
.abc-songlist .abc-song-artist {
	font-size: .85rem;
	color: #8b93a0;
	margin-top: .2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.abc-songlist .avatar-3 { flex: 0 0 auto; }
/* 列表头像改为方形圆角（覆盖框架 .avatar-3 的 2.4rem 圆形） */
.abc-songlist .avatar-3,
.abc-songlist-item img.avatar-3 {
	border-radius: .375rem !important;
}
/* 列表专辑封面：尺寸由 --abc-cover-size 统一控制（默认 2.4rem = avatar-3），改这里即可调大小 */
.abc-songlist {
	--abc-cover-size: 2.8rem;
}
.abc-songlist .abc-cover-box {
	display: flex;
	align-self: center;
	margin: 0 .75rem 0 0 !important;
}
.abc-songlist .avatar-3.abc-album-cover {
	width: var(--abc-cover-size);
	height: var(--abc-cover-size);
	object-fit: cover;
	border-radius: .375rem;
	background-color: #f1f3f5;
}

/* 歌曲发布日期（歌名行右侧，粉/红色文字，不参与换行） */
.abc-song-date {
	flex: 0 0 auto;
	white-space: nowrap;
	margin-left: .75rem;
	font-size: .9rem;
	color: #ef4444;   /* 参考截图的粉红：和截图里 2026-08-22 颜色一致 */
	line-height: 1.6;
}
/* ========== 全站卡片标题栏 tab：hover/active 完全不变形 ========== */
.card-header-tabs > .nav-item > .nav-link,
.card-header-tabs > .nav-item > .nav-link:hover:not(.active),
.card-header-tabs > .nav-item > .nav-link.active {
	border: 1px solid transparent !important;
	background: transparent !important;
	background-image: none !important;
	padding: 0.5rem 1rem !important;
	margin-bottom: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}
/* 个人中心 tab 对齐顶部导航栏：仅作用于个人中心主内容区 #my_main，不污染全站 .card-header-tabs */
/* 蓝色直接复用框架主题变量 --bs-link-color（即导航栏/.nav-link 的真实蓝 #2563eb），不硬编码 */
#my_main .card-header-tabs > .nav-item > .nav-link:not(.active) {
	color: #495057 !important;
}
#my_main .card-header-tabs > .nav-item > .nav-link:hover,
#my_main .card-header-tabs > .nav-item > .nav-link.active {
	color: var(--bs-link-color) !important;
}

/* 板块列表：排序下拉框去掉右边的下拉箭头（chevron） */
.card-header-dropdown .dropdown-toggle::after {
	display: none !important;
}
/* ========== 个人中心侧边栏 list-group-item hover：保留视觉效果，仅防止文字位移 ==========
   BS5 list-group-item-action 默认 hover 有背景色变化，保留；
   只覆盖可能导致位移的属性（如 font-weight、border 变化） */
.list-group-item.list-group-item-action,
.list-group-item.list-group-item-action:hover,
.list-group-item.list-group-item-action.active {
	font-weight: 400 !important;
	transform: none !important;
}
/* ========== 板块列表页：日期用正常灰色，不用红色 ========== */
.abc-songlist-forum .abc-song-date {
	color: #6c757d !important;
}

/* ========== 专辑合集模块（无头像）专属：左侧稍微增加一点留白 ========== */
.abc-songlist-album > .abc-songlist-item > .flex-grow-1 {
	padding-left: .25rem;  /* 比默认（紧贴 card 左内边距）多出约 4px，不再像 .5rem 那么宽 */
}

/* 榜单（搜索榜 / 下载榜）— 同步：只给 li 左右负 margin 贴边，上下留白由 .card-body 统一控制 */
.abc-rank-list {
	font-size: 1rem;   /* 恢复到正文大小，不再缩到 .9rem */
	line-height: 1.5;
}
.abc-rank-list li {
	padding: .55rem 0 !important;
	border-bottom: 1px solid #e5e8ec !important;
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	transition: background-color .15s ease-in-out;
	cursor: pointer;
}
/* 与上方歌曲列表 hover 背景完全统一 */
.abc-rank-list li:hover { background-color: #eef1f5 !important; }

/* ========== 个人中心：仅隐藏「论坛帖子」左侧栏菜单项（不再禁用路由，/my-thread.htm 仍可正常访问）========== */
#my_aside a[data-active="menu-my-thread"],
#my_mobile_nav a[data-active="menu-my-thread"] {
	display: none !important;
}
.abc-rank-list li:last-child { border-bottom: 0 !important; }
/* 数字徽章：回退到原始大小与颜色（1.6rem / 原金/银/铜），不再做放大/变浅调整 */
.abc-rank-list .abc-rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	font-size: .75rem;
	font-weight: 600;
	color: #6c757d;
	background: #f1f3f5;
	border-radius: .375rem;
	flex: 0 0 auto;
}
.abc-rank-list .abc-rank-1 { background: #ffd43b; color: #866400; }
.abc-rank-list .abc-rank-2 { background: #ced4da; color: #495057; }
.abc-rank-list .abc-rank-3 { background: #ffd5a1; color: #8a5a00; }
/* "X次" 数字和"无"提示颜色变浅 */
.abc-rank-list li .text-muted { font-size: .9rem; color: #8b93a0 !important; }

/* 最近更新：桌面端一行两列，移动端单列堆叠 */
/* 两列模式下：首两项顶边距对齐卡片，末两项底边距对齐卡片且无下分割线 */
.threadlist-2col > li.abc-songlist-item { padding-top: .55rem; padding-bottom: .55rem; border-bottom: 1px solid #e5e8ec; }
.threadlist-2col > li:nth-last-child(-n+2) { border-bottom: 0; }
.threadlist-2col > li { margin-bottom: 0 !important; }
@media (min-width: 768px) {
	.threadlist-2col {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 1.25rem;
		align-items: start;
	}
}

/* 帖子详情页：长内容展开/收起 */
.abc-thread-wrap { position: relative; }
.abc-thread-content { overflow: hidden; transition: max-height .3s ease; }
.abc-thread-content.abc-collapsed {
	overflow: hidden;
	position: relative;
}
/* 折叠状态下的渐变遮罩，提示内容被截断 */
.abc-thread-content.abc-collapsed::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	background: linear-gradient(to bottom, transparent, #fff);
	pointer-events: none;
}
.abc-thread-wrap .abc-thread-toggle {
	display: block;
	width: 100%;
	text-align: center;
	color: #0d6efd;
	font-size: .875rem;
	padding: .5rem 0;
	margin-top: .25rem;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.abc-thread-wrap .abc-thread-toggle:hover { color: #0a58ca; background: transparent; text-decoration: underline; }
.abc-thread-wrap .abc-thread-toggle:focus { outline: none; box-shadow: none; }