/* ============================================================
   pgy6.com 首页增强样式（跑马灯配图 + 产品区紧凑化）
   由 index.html 引入，独立文件避免构建产物缓存问题
   ============================================================ */

/* ---------- 1. 首页口号区跑马灯配图 ---------- */
/* 位置：hero-layout 内部第三行（grid-column:1/-1），
   即主口号/副标题/按钮组下方、"为什么选择我们"上方。
   后台（/pgy-console/home-manage）未上传图片时整块不渲染，不留空白。 */
.hero-marquee{
  grid-column:1/-1;
  width:100%;
  margin-top:44px;
  overflow:hidden;
  position:relative;
  z-index:2;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.hm-track{
  display:flex;
  gap:16px;
  width:max-content;
  animation:hmScroll var(--hm-speed,36s) linear infinite;
  will-change:transform;
}
.hero-marquee:hover .hm-track{animation-play-state:paused}
.hm-item{
  flex:none;
  height:210px;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(232,168,124,.35);
  box-shadow:0 12px 30px rgba(42,38,34,.10), 0 0 22px rgba(217,119,87,.06);
}
.hm-item img{height:100%;width:auto;display:block}
@keyframes hmScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:1024px){.hm-item{height:170px}}
@media (max-width:600px){
  .hero-marquee{margin-top:30px}
  .hm-item{height:118px;border-radius:10px}
  .hm-track{gap:10px}
}

/* ---------- 2. 产品区紧凑化（完整列表见「AI产品矩阵」页） ---------- */
@media (min-width:1025px){.home .product-grid .product-card:nth-child(n+10){display:none!important}}
@media (max-width:1024px) and (min-width:601px){.home .product-grid .product-card:nth-child(n+7){display:none!important}}
@media (max-width:600px){.home .product-grid .product-card:nth-child(n+5){display:none!important}}

/* 查看全部产品入口（样式对齐案例区/资讯区的 center 链接） */
.pg-more{display:flex;justify-content:center;margin-top:26px}
.pg-more a{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 34px;border:1px solid #e8e0d4;border-radius:999px;
  color:#4a443c;font-size:15px;letter-spacing:1px;background:#fff;
  transition:all .3s;text-decoration:none;cursor:pointer;
}
.pg-more a:hover{
  border-color:#d97757;color:#b45309;
  box-shadow:0 8px 24px rgba(217,119,87,.15);transform:translateY(-2px);
}