.main_container {
  max-width: 1200px;
  margin: 0 auto;
  /* 页面标题 */
  /* 作品网格 */
  /* 单个作品 */
  /* 封面图 */
  /* 文本信息 */
}
.main_container .page-header {
  padding: 16px;
  margin-top: 24px;
}
.main_container .page-header .page-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 288px;
}
.main_container .page-header .title {
  font-size: 36px;
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.033em;
}
.main_container .page-header .subtitle {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.6;
}
.main_container .works-grid {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.main_container .work-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main_container .work-cover {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.main_container .work-cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.main_container .work-cover:hover {
  transform: scale(1.05);
}
.main_container .work-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.main_container .work-name {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.main_container .work-desc {
  display: none;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}
.main_container .work-date {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.45);
}