.shelf-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  margin-top: 1rem;
  padding: 2rem 1rem;
}
.shelf-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  width: 100%;
}
.shelf-item {
  background-color: rgb(250, 249, 247);
  border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: 0 6px 14px 0 rgba(0,0,0,.04);
  border-radius: 6px;
  overflow: hidden;
  transition: transform .2s;
}
@media (prefers-color-scheme: dark) {
  .shelf-item {
    background-color: rgb(51, 51, 51);
  }
}
.item-cover {
  width: 100%;
  aspect-ratio: 2 / 3; /* 固定 2:3 比例（电影常见海报比例） */
  object-fit: cover; /* 自动裁剪以适应盒子，不会拉伸 */
  display: block;
}
.item-info {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 110px; /* 固定文字区域高度 */
}
.item-title {
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  transition: .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制最多显示两行标题 */
  line-clamp: 2; /* 限制最多显示两行标题 */
  -webkit-box-orient: vertical;
}
.item-meta {
  font-size: 1rem;
  line-height: 1.3rem;
  margin-top: .5rem;
}
.load-more-wrapper {
  text-align:center; 
  margin: 2rem 0;
   width:100%;
}
.load-more-btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  background-color: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color .2s, border-color .2s;
}
.load-more-btn:hover {
  background-color: #e5e7eb;
  border-color: #cbd5e1;
}
@media (prefers-color-scheme: dark) {
  .load-more-btn {
    background-color: #4a4a4a;
    border-color: #5a5a5a;
    color: #eee;
  }
  .load-more-btn:hover {
    background-color: #5a5a5a;
    border-color: #6a6a6a;
  }
}