/* ====== 首页专属样式 ====== */

/* 首屏 Hero */
.hero { padding:120px 0 80px; background:url('../images/indexBanner.png') no-repeat center center/cover;}
.hero .container { display:flex; align-items:center; gap:60px; }
.hero-content { flex:1; }
.hero-content h1 { font-size:38px; font-weight:800; color:var(--text-primary); line-height:1.3; margin-bottom:20px; color:#fff; }
.hero-content h1 .highlight { color:var(--primary); }
.hero-content .hero-desc { font-size:16px; color:var(--text-secondary); line-height:1.8; margin-bottom:32px; color:#fff; }
.hero-btns { display:flex; gap:16px; }
.hero-image { flex:1; display:flex; align-items:center; justify-content:center; }
.hero-image .flow-chart { background-color:#0A1A3F; background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(135deg, #0A1A3F 0%, #0D2B6B 50%, #165DFF 100%); background-size:18px 18px, 18px 18px, 100% 100%; border-radius:var(--radius-lg); padding:32px; box-shadow:0 4px 32px rgba(22,93,255,.3); }
.hero-image .flow-chart .node { display:inline-flex; align-items:center; padding:8px 16px; background:rgba(255,255,255,.1); border:2px solid rgba(255,255,255,.18); border-radius:8px; font-size:13px; margin:4px; font-weight:500; color:rgba(255,255,255,.9); }
.hero-image .flow-chart .node.center { border-color:var(--secondary-cyan); background:rgba(54,207,201,.15); color:var(--secondary-cyan); }
.hero-image .flow-chart .connector { text-align:center; color:rgba(255,255,255,.75); margin:8px 0; }

/* 核心能力区 */
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px 24px; }
.capability-item { text-align:center; }
.capability-item .cap-icon { width:64px; height:64px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-size:32px; background:var(--bg-light); }
.capability-item h4 { font-size:16px; margin-bottom:6px; }
.capability-item p { font-size:13px; color:var(--text-secondary); }

/* 客户轮播 */
.carousel-wrap { overflow:hidden; }
.carousel-track { display:flex; animation:scroll 30s linear infinite; }
.carousel-track .client-logo { flex-shrink:0; width:auto; height:72px; box-sizing:border-box; padding:0 16px; margin:0 24px; display:flex; align-items:center; justify-content:center; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); font-size:15px; color:var(--text-secondary); font-weight:500; }
@keyframes scroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* 响应式 */
@media (max-width:1200px) {
  .capability-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .hero .container { flex-direction:column; gap:32px; }
  .hero-content h1 { font-size:28px; }
  .capability-grid { grid-template-columns:1fr; }
}
@media (max-width:375px) {
  .hero-content h1 { font-size:24px; }
}