/* 热门作者区域 */
.authors_hot {
	margin-top: 10px;
	display: grid;
	/* grid-template-columns:120px auto; */
	/* gap: 1rem; */
}

.authors_title {
	display:none;
	writing-mode: vertical-rl; /* 从右到左垂直排列 */
	text-orientation: upright; /* 文本方向 */
	background: #ffb5b5;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right:10px;
}

.authors_grid {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	/* grid-template-columns: repeat(8, 1fr); */
	/* grid-template-rows: repeat(2, 1fr); */
	gap: 10px;
}

.author_card {
	display: block;
	background:linear-gradient(to right bottom, #fff,#fae8ff );
	/* background: #a1baff; */
	/* padding: 10px 0; */
	text-align: center;
	border-radius: 5px;
	border:solid 1px #fae8ff;
	transition: transform 0.3s ease;
	overflow:hidden;
}

.author_card:last-child { display:flex; align-items:center; justify-content:center; }

.author_card:hover {
	/* transform: translateY(-5px); */
	box-shadow: 0 4px 5px rgba(0,0,0,0.1);
}

.author_grid_avatar {
	width: 100%;
	height: 80%; 
	border-radius: 5px;
	object-fit: cover;
}


.author_grid_alias{
	width:100%;
	display: block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* .author_card h3 {
	margin-bottom: 0.5rem;
	color: #333;
} */

.author_card p a {
	text-align:left;
	/* line-height:100%;
	vertical-align:middle; */
	/* color: #666;
	font-size: 0.9rem; */
}

/* 响应式布局调整 */
@media (max-width: 768px) {

	.authors_hot {
		grid-template-columns: 1fr;
	}

	.authors_grid {
		/* grid-template-columns: repeat(4, 1fr); */
	}
	.authors_grid .author_card{
		/* height:50%; */
	}
	.authors_grid .author_card:last-child span { display:block; }

	.author_grid_alias{ height:50px;}

	.quotes_list {
		padding-right: 0;  /* 移除右侧内边距 */
	}

	.authors_title {
		/* padding: 1rem;  */
		margin-right: 0;
		margin-bottom: 10px;  /* 小屏幕时的底部内边距 */
	}

	.quotes_side {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
}

@media (max-width: 480px) {
	
	.authors_grid {
		grid-template-columns: repeat(4,1fr);
		/* grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); */
		/* grid-auto-flow: dense; */
		/* grid-template-columns: repeat(2,1fr); */
		/* grid-template-columns: none; */
	}
	.author_card{
		/* padding:5px; */
		border-radius:10px;
	}
	.author_card img{
		width:80px;
		height:80px;
		border-radius:10px;
		/* display: none; */
	}
	.author_grid_alias{ display: none; }
}