/* ===================================================
   拾光影库 · 首页
   =================================================== */

.home-section {
  max-width:1920px;
  width:100%;
  margin:20px auto;
  padding:22px 30px;
  background:#fff;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  box-sizing:border-box;
}
.home-section:first-child { margin-top:20px; }

.home-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}
.home-head h2 {
  font-size:17px;
  color:#222;
  margin:0;
  border-left:4px solid #2aa461;
  padding-left:12px;
  font-weight:700;
  line-height:1;
}
.home-head .more {
  font-size:13px;
  color:#999;
  text-decoration:none;
}
.home-head .more:hover { color:#2aa461; }

/* 6 列网格 */
.home-grid {
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:20px;
}

.home-card {
  display:block;
  color:inherit;
  text-decoration:none;
  transition:.2s;
}
.home-card:hover { transform:translateY(-3px); }

.home-pic {
  position:relative;
  width:100%;
  aspect-ratio:3/4;
  border-radius:8px;
  overflow:hidden;
  background:#f0f0f0;
  margin-bottom:10px;
}
.home-pic img {
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transition:.3s;
}
.home-card:hover .home-pic img { transform:scale(1.04); }

.home-star {
  position:absolute;
  right:8px; top:8px;
  background:#2aa461;
  color:#fff;
  padding:2px 8px;
  border-radius:10px;
  font-size:12px;
  font-weight:600;
}

.home-title {
  font-size:14.5px;
  font-weight:600;
  color:#333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.4;
}
.home-card:hover .home-title { color:#2aa461; }
.home-meta {
  font-size:12px;
  color:#999;
  margin-top:3px;
}

/* ===================================================
   响应式
   =================================================== */
@media (max-width:1600px){
  .home-grid { grid-template-columns:repeat(5, 1fr); }
}
@media (max-width:1100px){
  .home-grid { grid-template-columns:repeat(4, 1fr); gap:16px; }
}
@media (max-width:768px){
  .home-section {
    padding:16px;
    margin:12px auto;
    border-radius:6px;
  }
  .home-head h2 { font-size:15.5px; }
  .home-grid {
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
  }
  .home-title { font-size:12.5px; }
  .home-meta { font-size:11.5px; }
  .home-star { font-size:11px; padding:1px 6px; }
}