@charset "utf-8";
/*====================
首页（新版·暗金风格）复写样式。
基础暗金风格全部来自 pages/home-development.css（参考页同款，勿重复定义）；
本文件只做「首页数据走后台」带来的差异复写（旧版首页遗留样式已随新版重写清理）：
1. 卡片介绍两行截断（覆盖公共 .els2）
2. 后台产品数不定：卡片网格自适应换行（参考页固定 4 张一排）
3. 仅首页 body.home-v2 生效，不影响其它页面
2026-10-08 【小C】随新版首页重写
======================*/

/* ---- 卡片区：后台产品数量不定，允许换行（参考页固定 4 列不换行） ---- */
body.home-v2 .cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.home-v2 .cards-empty { grid-column: 1 / -1; margin: 0; padding: 40px 0; color: #8a8a90; font-size: 13px; text-align: center; }

/* ---- 卡片介绍：两行截断（覆盖公共 .els2 多余样式） ---- */
body.home-v2 .card .els2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    height: auto;
    max-height: none;
    white-space: normal;
}

/* ---- 响应式（与参考页断点一致：4 → 2 → 1） ---- */
@media (max-width: 1100px) {
    body.home-v2 .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.home-v2 .hero { grid-template-columns: 280px minmax(0, 1fr); }
}
@media (max-width: 760px) {
    body.home-v2 .hero { display: block; }
    body.home-v2 .intro { margin-bottom: 48px; }
    body.home-v2 .cards { grid-template-columns: repeat(2, 220px); overflow-x: auto; }
}
@media (max-width: 480px) {
    body.home-v2 .cards { grid-template-columns: minmax(0, 1fr); overflow: visible; }
}