/* =====================================================================
   主题 t2 · 左右分栏商务
   适用：机械配件、阀门水泵、电气设备等重「产品参数」的行业。
   结构特征：首屏左右等分、产品改横向卡片（图左文右），信息密度高。
   ===================================================================== */

/* 首屏：左右等分，右侧卡片直接展示卖点，减少滚动 */
.hero { padding: calc(58px * var(--site-density)) 0; }
.hero-inner { grid-template-columns: 1fr 1fr; gap: 46px; }
.hero-title { font-size: 32px; }
.hero-desc { max-width: 34em; }

/* 产品：2 列 + 横向卡片，一屏可见更多型号 */
.card-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
.card { flex-direction: row; align-items: stretch; }
.card-thumb { flex: none; width: 42%; aspect-ratio: 1 / 1; }
.card-body { padding: 14px 16px; }
.card-body h3 { font-size: 15px; }
.card-body p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* 优势：两列紧凑排布 */
.adv-grid { grid-template-columns: repeat(2, 1fr); }
.adv { padding: 18px; }

/* 栏目标题：右对齐副标题，商务感更强 */
.section-head { align-items: baseline; }
.section-head h2 { padding-left: 0; }
.section-head h2::before { display: none; }
.section-head p { text-align: right; }

/* 新闻：左右两列，标题优先 */
.news-list li { display: grid; grid-template-columns: 1fr auto; gap: 6px 18px; }
.news-list li p { grid-column: 1 / -1; }
.news-list li .news-meta { grid-column: 2; grid-row: 1; justify-content: flex-end; }

/* 侧栏：贴右，与正文形成明显分栏 */
.sidebar { position: sticky; top: 18px; }

/* 页脚：三栏紧凑 */
.footer-grid { grid-template-columns: 1.3fr 1fr 1.5fr; }

@media (max-width: 1024px) {
    .hero-inner { grid-template-columns: 1fr; }
    .card-grid { grid-template-columns: 1fr; }
    .card { flex-direction: column; }
    .card-thumb { width: 100%; aspect-ratio: 4 / 3; }
    .sidebar { position: static; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .news-list li { grid-template-columns: 1fr; }
    .news-list li .news-meta { grid-column: 1; grid-row: auto; justify-content: flex-start; }
    .adv-grid { grid-template-columns: 1fr; }
}