/* =============================================
   Smartent - 首页特有样式 (styles-index.css)
   仅在 index.html 中使用
   ============================================= */

/* 首页Banner扩展 */
.page-banner {
    min-height:560px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.page-banner p {margin:0 auto 32px;}

/* 首页标签组 */
.tag-group {display:flex;gap:24px;justify-content:center;margin-top:40px;flex-wrap:wrap;}
.tag-item {color:#fff;font-size:16px;}

/* 数据亮点条 */
.data-bar {
    border-top:1px solid var(--border);
    padding:60px 0;
}
.data-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.data-num {font-size:36px;font-weight:700;color:var(--main);margin-bottom:8px;}

/* 浅色CTA */
.cta-light {background:#EFF6FF;}

/* 两栏布局 */
.two-col {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}

/* 服务网格 */
.service-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;}

/* 场景网格 */
.scene-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;}

/* 手风琴 */
.accordion-item {border:1px solid var(--border);border-radius:8px;margin-bottom:12px;}
.accordion-head {padding:16px 20px;background:var(--bg-light);font-weight:600;cursor:pointer;}
.accordion-body {padding:16px 20px;display:none;}
.accordion-item.active .accordion-body {display:block;}

/* 深色CTA */
.dark-cta {
    background:linear-gradient(135deg, #0F172A 0%, #1E3A5F 50%, #2563EB 100%);
    color:#fff;text-align:center;
}

/* 响应式 */
@media (max-width:992px) {
    .data-grid {grid-template-columns:repeat(2,1fr);}
    .scene-grid {grid-template-columns:repeat(2,1fr);}
    .two-col {grid-template-columns:1fr;}
}
@media (max-width:768px) {
    .page-banner {padding:60px 0 40px;min-height:auto;}
    .service-grid {grid-template-columns:1fr;}
}
@media (max-width:576px) {
    .data-grid,.scene-grid {grid-template-columns:1fr;}
}