/* =====================================================================
   主题 t5 · 企业门户蓝
   适用：成套设备、工程安装、总包服务等需要展示「体系与资质」的企业。
   结构特征：柱子式栏目头、页头信息条、产品卡带顶部色条、双层页脚。
   ===================================================================== */

/* 页头：加一条浅色信息条，更像门户站 */
.site-header::before {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--site-primary) 0 62%, var(--site-secondary) 62% 100%);
}
.header-inner { min-height: 78px; }

/* 首屏：左侧标题 + 右侧卖点卡，底部压一条浅色带 */
.hero { padding: calc(62px * var(--site-density)) 0 calc(66px * var(--site-density)); }
.hero-inner { grid-template-columns: 1.3fr .95fr; gap: 44px; }
.hero-title { font-size: 33px; }

/* 栏目标题：门户式「双行 + 右侧更多」 */
.section-head { border-bottom: 2px solid var(--line); padding-bottom: 16px; }
.section-head h2 { font-size: 22px; padding-left: 0; }
.section-head h2::before { display: none; }
.section-head h2::after {
    content: ""; display: block; width: 44px; height: 3px; margin-top: 10px;
    background: var(--site-primary);
}

/* 产品：3 列，卡片顶部色条 + 悬停强调 */
.card-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
.card { border-top: 3px solid transparent; }
.card:hover { border-top-color: var(--site-primary); }
.card-body h3 a { font-weight: 700; }

/* 优势：图标 + 标题同行，节省纵向空间 */
.adv-grid { grid-template-columns: repeat(3, 1fr); }
.adv { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; padding: 20px; }
.adv-icon { grid-row: 1 / 3; margin-bottom: 0; }
.adv h3 { margin-bottom: 0; align-self: center; }

/* 新闻：两列卡片，摘要限制行数 */
.news-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 36px; }
.news-list li p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 侧栏：常驻，方便门户式长页面快速转化 */
.sidebar { position: sticky; top: 18px; }
.side-contact { border-top: 3px solid var(--site-secondary); }

/* 页脚：四栏 + 备案行双层 */
.footer-grid { grid-template-columns: 1.5fr 1fr 1.2fr 1.3fr; padding-top: 48px; }

@media (max-width: 1024px) {
    .card-grid, .adv-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-inner { grid-template-columns: 1fr; gap: 28px; }
    .sidebar { position: static; }
    .news-list { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .card-grid, .adv-grid { grid-template-columns: 1fr; }
    .hero-title { font-size: 25px; }
    .header-inner { min-height: 0; }
}