/* =====================================================================
   主题 t4 · 简约商务白
   适用：精密零部件、仪器仪表、检测服务等偏「专业可信」定位。
   结构特征：去阴影、细线分隔、大留白、标题字距加宽，克制而正式。
   ===================================================================== */

/* 全局：去掉所有投影，仅用细线表达层级 */
.card, .side-card, .adv, .faq-item, .message-box, .hero-card { box-shadow: none; }
.card:hover { transform: none; }
.card:hover .card-thumb img { transform: none; }

/* 首屏：大留白，标题字距加宽 */
.hero { padding: calc(88px * var(--site-density)) 0; }
.hero-inner { grid-template-columns: 1.5fr .8fr; gap: 56px; }
.hero-title { font-size: 33px; letter-spacing: 2px; font-weight: 600; }
.hero-card { border-top-width: 2px; border-radius: 0; padding: 22px 0 0; background: transparent; }
.hero-card-list li { border-top-style: solid; border-top-width: 1px; }

/* 栏目标题：小字号 + 宽字距，商务杂志感 */
.section-head { border-bottom: 1px solid var(--line); padding-bottom: 16px; margin-bottom: 32px; }
.section-head h2 { font-size: 20px; letter-spacing: 3px; font-weight: 600; }
.section-head h2::before { width: 2px; }

/* 产品：4 列，图片比例偏横向 */
.card-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; }
.card { border-radius: 0; border-color: #e8ebf0; }
.card-thumb { aspect-ratio: 16 / 11; }
.card-body { padding: 16px 0 0; gap: 4px; }
.card-body h3 { font-size: 15px; font-weight: 600; }
.card-foot { border-top: 1px solid var(--line); padding-top: 10px; }

/* 优势：编号式小标题 */
.adv-grid { gap: 1px; background: var(--line); border: 1px solid var(--line); }
.adv { border: 0; border-radius: 0; background: #fff; padding: 24px 22px; }
.adv-icon { width: auto; height: auto; background: transparent; color: var(--site-primary); font-size: 22px; }

/* 数据卖点条：反白，细线分隔 */
.highlights { background: #101827; }
.highlight-item { border-left: 1px solid rgba(255, 255, 255, .18); }

/* 新闻：编号 + 日期的表格式排布 */
.news-list li { display: grid; grid-template-columns: 38px 1fr auto; gap: 4px 14px; align-items: baseline; padding: 16px 0; }
.news-list li::before {
    content: counter(news-item, decimal-leading-zero);
    grid-row: 1 / 3; font-size: 13px; color: var(--ink-3); letter-spacing: 1px;
}
.news-list { counter-reset: news-item; }
.news-list li { counter-increment: news-item; }
.news-list li p { grid-column: 2 / -1; }
.news-list li .news-date { grid-column: 3; grid-row: 1; }

/* 页脚：浅色反白式，无柱状分隔 */
.site-footer { background: #101827; }

@media (max-width: 1024px) {
    .card-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-title { font-size: 27px; letter-spacing: 1px; }
    .hero-inner { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 720px) {
    .card-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .hero { padding: calc(42px * var(--site-density)) 0; }
    .hero-title { font-size: 23px; }
    .adv-grid { gap: 1px; }
}