/* =====================================================================
   主题 t7 · 时间轴品牌
   适用：需要持续输出行业资讯、发货动态、施工案例来养内容权重的站群。
   结构特征：新闻/动态改为时间轴呈现，栏目标题带节点圆点，品牌色块突出。
   ===================================================================== */

/* 首屏：品牌色块压左侧，形成记忆点 */
.hero { padding: calc(62px * var(--site-density)) 0; }
.hero-inner { grid-template-columns: 1.25fr .9fr; gap: 40px; }
.hero-text { padding-left: 22px; border-left: 5px solid var(--site-secondary); }
.hero-title { font-size: 32px; }
.hero-eyebrow { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }

/* 栏目标题：带节点的「轴」样式 */
.section-head { padding-left: 18px; position: relative; }
.section-head::before {
    content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px;
    background: var(--line);
}
.section-head::after {
    content: ""; position: absolute; left: -4px; top: 10px; width: 10px; height: 10px;
    border-radius: 50%; background: var(--site-primary);
}
.section-head h2 { padding-left: 0; }
.section-head h2::before { display: none; }

/* 新闻：时间轴主视觉 */
.news-list { position: relative; padding-left: 26px; }
.news-list::before {
    content: ""; position: absolute; left: 5px; top: 6px; bottom: 6px; width: 2px;
    background: linear-gradient(180deg, var(--site-primary), var(--line));
}
.news-list li { position: relative; padding: 16px 0 16px 18px; border-bottom: 0; }
.news-list li::before {
    content: ""; position: absolute; left: -26px; top: 24px;
    width: 12px; height: 12px; border-radius: 50%;
    background: #fff; border: 2px solid var(--site-primary);
}
.news-list li::after {
    content: ""; position: absolute; left: 6px; right: 0; bottom: 0;
    height: 1px; background: var(--line);
}
.news-title { font-size: 16px; }
.news-date {
    display: inline-block; margin-bottom: 6px; padding: 2px 10px;
    background: var(--bg-alt); border-radius: 999px; font-size: 12px;
}

/* 产品：3 列，图片顶角折标 */
.card-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card-thumb::after {
    content: ""; position: absolute; right: 0; top: 0;
    border: 16px solid var(--site-secondary); border-left-color: transparent; border-bottom-color: transparent;
    opacity: .85;
}

/* 优势：左侧竖线，弱化图标 */
.adv { border-left: 3px solid var(--site-primary); }
.adv-icon { background: transparent; color: var(--site-primary); }

/* FAQ：时间轴同款节点 */
.faq-item { border-left: 3px solid var(--site-secondary); }

/* 数据卖点条：渐变，呼应时间轴的推进感 */
.highlights { background: linear-gradient(90deg, var(--site-primary), #0b1220); }

@media (max-width: 1024px) {
    .card-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-inner { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .card-grid { grid-template-columns: 1fr; }
    .hero-title { font-size: 24px; }
    .hero-text { padding-left: 14px; }
    .news-list { padding-left: 20px; }
}