/* =====================================================================
   主题 t6 · 网格矩阵
   适用：标准件、耗材、易损件等 SKU 多、以「规格齐全」为卖点的站群。
   结构特征：首屏压低，产品 5 列密集网格，小字号，信息密度最大化。
   ===================================================================== */

/* 首屏：压缩高度，把首屏空间让给产品网格 */
.hero { padding: calc(40px * var(--site-density)) 0; }
.hero-inner { grid-template-columns: 1fr 400px; gap: 32px; }
.hero-title { font-size: 27px; }
.hero-desc { font-size: 15px; }
.hero-tags li { padding: 4px 10px; font-size: 12px; }
.hero-actions .btn { min-height: 38px; padding: 0 18px; font-size: 14px; }
.hero-card { padding: 20px; }
.hero-card-list li { padding: 7px 0; }

/* 栏目：压缩段落间距 */
.section { padding: calc(42px * var(--site-density)) 0; }
.section-head { margin-bottom: 20px; }
.section-head h2 { font-size: 20px; }

/* 产品：5 列密集网格，图片改 4:3，弱化正文 */
.card-grid { grid-template-columns: repeat(5, 1fr); gap: 12px; }
.card-body { padding: 10px 12px 12px; gap: 4px; }
.card-body h3 { font-size: 13px; line-height: 1.45; }
.card-body p { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-foot { font-size: 12px; padding-top: 6px; }
.card-thumb { aspect-ratio: 4 / 3; }

/* 优势：五列一行的矩阵排布 */
.adv-grid { grid-template-columns: repeat(5, 1fr); gap: 12px; }
.adv { padding: 16px 14px; }
.adv-icon { width: 30px; height: 30px; font-size: 15px; margin-bottom: 8px; }
.adv h3 { font-size: 14px; }
.adv p { font-size: 12px; }

/* 数据卖点条：紧凑横向铺满 */
.highlights-inner { grid-template-columns: repeat(4, 1fr); gap: 12px; }
.highlight-item strong { font-size: 15px; }
.highlight-item p { font-size: 12px; }

/* 新闻：双列紧凑，日期右浮 */
.news-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 30px; }
.news-list li { padding: 12px 0; }
.news-title { font-size: 14px; }
.news-list p { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 参数表：加大密度 */
.param-table th { width: 190px; padding: 9px 14px; font-size: 13px; }
.param-table td { padding: 9px 14px; font-size: 13px; }

/* 页脚：五栏信息矩阵 */
.footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr 1.2fr; gap: 24px; }

@media (max-width: 1200px) {
    .card-grid, .adv-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1024px) {
    .card-grid, .adv-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-inner { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
    .card-grid, .adv-grid { grid-template-columns: repeat(2, 1fr); }
    .highlights-inner { grid-template-columns: repeat(2, 1fr); }
    .news-list { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .hero-title { font-size: 22px; }
}