/* ========== 相册列表样式（100%宽 + 6列 Grid） ========== */

/* 页面容器 */
.album-page {
    width: 100%;
    padding: 0 60px;
}
@media (max-width: 768px) {
    .album-page { padding: 0 15px; }
}

/* 瀑布流/网格布局 - 默认6列，用 Grid 避免右侧留白 */
.waterfall-full {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    padding: 20px 0;
}
.waterfall-full .album-card {
    margin-bottom: 0;
}

/* 响应式：6→5→4→3→2→1 */
@media (max-width: 1600px) {
    .waterfall-full { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 1300px) {
    .waterfall-full { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 960px) {
    .waterfall-full { grid-template-columns: repeat(3, 1fr); gap: 14px; }
}
@media (max-width: 640px) {
    .waterfall-full { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 420px) {
    .waterfall-full { grid-template-columns: 1fr; gap: 10px; }
}

/* ========== Card 样式 ========== */
.album-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 1px 5px rgba(0,0,0,0.07);
    border: 1px solid #f0ece6;
}
.album-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}

/* Cover 图片区 */
.cover-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/3;
    background: #f5f0e6;
}
.cover-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.album-card:hover .cover-wrap img {
    transform: scale(1.04);
}

/* 图片数量标签 */
.img-count {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    pointer-events: none;
}

/* 朝代标签 */
.card-dynasty {
    position: absolute;
    top: 6px;
    left: 6px;
    background: rgba(145,53,0,0.85);
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    pointer-events: none;
}

/* 卡片信息区 */
.info-wrap {
    padding: 12px 14px 13px;
}
.card-title {
    font-size: 16px;
    font-weight: 700;
    color:#111;
    margin-bottom: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.4;
}

/* 作者 + 统计 行 */
.card-row-meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.card-author {
    display:flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
}
.author-avatar {
    width:22px;height:22px;border-radius:50%;
    background:#913500;color:#fff;font-size:11px;
    font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.author-name {
    font-size:12px;color:#666;
    max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.card-right {
    display:flex;align-items:center;gap:8px;flex-shrink:0;
}
.stat-item {
    display:flex;align-items:center;gap:2px;font-size:12px;color:#999;
}
.stat-icon {
    width:13px;height:13px;stroke:currentColor;fill:none;
    stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}