/*
 * 礼物标（独立页 public/gifts.html）
 *
 * 只放「页面骨架 + 网格列数」；礼物格子（.gift-tile / 月币价格）直接复用
 * gift-wall.css，保证和礼物墙的观感一致，不重复写一份。
 */

/* 页脚贴底（照 showcase.css 里 .services-shell 等的写法，不改大文件） */
.gifts-shell { display: flex; flex-direction: column; flex: 1 0 auto; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 34px; }
.gifts-header { border-bottom: 1px solid #e7e7e7; }
.gifts-header nav a.active { color: #242e3d; }
.gifts-main { padding: 78px 0 100px; }
.gifts-heading { margin: 0 auto 42px; text-align: center; }
.gifts-heading h1 { margin: 0; font-size: clamp(40px, 5.4vw, 64px); line-height: 1.08; letter-spacing: -.06em; }

/* 自适应列：桌面 6 列 → 5 → 4，手机 3 列 */
.gifts-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.gifts-grid .gift-tile { padding: 14px 10px 16px; }
.gifts-grid .gift-tile-icon { max-width: 64px; margin: 6px auto 10px; border-radius: 14px; }
.gifts-grid .gift-tile-name { font-size: 13px; }
.gifts-grid .gift-tile-value { font-size: 13px; }
.gifts-grid .gift-wall-empty { grid-column: 1 / -1; }
.gifts-grid .gift-group-title { grid-column: 1 / -1; margin: 8px 0 -2px; color: #8a8a99; font-size: 13px; font-weight: 800; letter-spacing: .06em; }

@media (max-width: 1080px) { .gifts-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 900px) { .gifts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 620px) {
    .gifts-shell { padding: 0 12px; }
    .gifts-main { padding: 30px 0 46px; }
    .gifts-heading { margin-bottom: 24px; }
    .gifts-heading h1 { font-size: 32px; line-height: 1.1; }
    .gifts-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .gifts-grid .gift-tile { padding: 10px 6px 12px; }
    .gifts-grid .gift-tile-icon { max-width: 52px; }
    .gifts-grid .gift-tile-name,
    .gifts-grid .gift-tile-value { font-size: 11.5px; }
}