/* 基础重置 */
* { box-sizing: border-box; margin: 0; padding: 0; }
html,body { height: 100%; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif; color:#222; background:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* 容器 */
.container { width: min(1140px, 92%); margin: 0 auto; }

/* 头部 */
.site-header { background:#fff; border-bottom:1px solid #eef0f3; position:sticky; top:0; z-index:50; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:18px; }
.logo { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.logo svg { display:block; flex-shrink:0; border-radius:6px; }
.company-title { display:flex; flex-direction:column; line-height:1; }
.company-name { font-weight:700; font-size:26px; color:#0b3a66; }
.tagline { font-size:16px; color:#6b7280; margin-top:4px; }

/* 导航 */
.nav a { margin-left:18px; color:#333; text-decoration:none; font-size:15px; }
.nav a:hover { color:#0b6efd; }

/* 通用按钮 */
.btn { display:inline-block; padding:10px 18px; background:#0b6efd; color:#fff; text-decoration:none; border-radius:8px; font-weight:600; box-shadow:0 6px 18px rgba(11,110,253,0.08); }
.btn-alt { display:inline-block; padding:10px 18px; background:#fff; color:#0b6efd; border:1px solid #dfe8ff; margin-left:12px; border-radius:8px; font-weight:600; }

/* 英雄区（新样式） */
.hero { padding:48px 0; background:linear-gradient(180deg,#f8fbff, #fff); }
.hero-inner { display:flex; gap:32px; align-items:center; flex-wrap:wrap; }
.hero-text { flex:1 1 420px; max-width:640px; }
.hero-text h1 { font-size:32px; color:#0b3a66; margin-bottom:12px; line-height:1.2; }
.hero-text .lead { color:#444; margin-bottom:16px; font-size:16px; }
.hero-ctas { margin-bottom:16px; }
.hero-features { list-style:none; margin-top:10px; display:grid; grid-template-columns:repeat(1,1fr); gap:8px; color:#444; }
.hero-features li { font-size:14px; }
.hero-media { flex:1 1 420px; text-align:right; }
.hero-media img { max-width:100%; height:auto; border-radius:12px; box-shadow:0 14px 40px rgba(11,110,253,0.08); }

/* 能力区 */
.solutions { padding:36px 0; }
.solutions h2 { font-size:20px; color:#0b6efd; margin-bottom:6px; }
.solutions .muted { color:#666; margin-bottom:14px; }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:14px; }
.cap { background:#fff; border:1px solid #f0f2f5; padding:18px; border-radius:10px; }
.cap h3 { font-size:16px; color:#0b3a66; margin-bottom:8px; }
.cap p { color:#555; font-size:14px; line-height:1.6; }

/* 合作流程 */
.work-flow { padding:28px 0; }
.work-flow h2 { font-size:20px; color:#0b6efd; margin-bottom:12px; }
.steps { display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin-top:12px; }
.step { background:#fff; border:1px solid #eef2fb; padding:18px; border-radius:10px; text-align:center; width:140px; box-shadow:0 6px 18px rgba(11,110,253,0.03); }
.step strong { display:block; width:48px; height:48px; line-height:48px; margin:0 auto 8px; border-radius:50%; background:linear-gradient(180deg,#ffffff,#eaf4ff); color:#0b6efd; font-size:18px; font-weight:700; border:1px solid #dfeeff; }
.step p { color:#444; font-weight:600; }

/* 产品卡片（复用） */
.products-preview { padding:28px 0 40px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px; }
.card { background:#fff; border:1px solid #f0f2f5; border-radius:8px; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease; }
.card img { width:100%; height:auto; display:block; }
.card h3 { font-size:16px; margin:12px 14px 6px; color:#0b3a66; }
.card p { margin:0 14px 16px; color:#666; font-size:14px; }
.card:hover { transform:translateY(-6px); box-shadow:0 10px 30px rgba(11,110,253,0.06); }

/* 联系 CTA */
.contact-cta { padding:28px 0; background:#f7fbff; text-align:center; }
.contact-cta h2 { color:#0b6efd; margin-bottom:8px; }
.contact-cta p { color:#444; margin-bottom:12px; }

/* footer */
.site-footer { border-top:1px solid #eef0f3; padding:20px 0 12px; background:#fff; margin-top:30px; }
.footer-inner { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; }
.footer-links a { display:inline-block; margin-left:10px; color:#666; text-decoration:none; font-size:14px; }
.footer-links a:hover { color:#0b6efd; }
footer .copyright, .copyright { display:block; text-align:center; margin-top:12px; color:#999; font-size:13px; }

/* 响应式 */
@media (max-width:1000px) {
  .capabilities { grid-template-columns:repeat(2,1fr); }
  .cards { grid-template-columns:repeat(2,1fr); }
  .hero-media { text-align:center; order: -1; }
  .hero-inner { align-items:flex-start; }
}
@media (max-width:660px) {
  .capabilities { grid-template-columns:1fr; }
  .cards { grid-template-columns:1fr; }
  .nav { display:none; }
  .company-name { display:block; }
  .hero-text h1 { font-size:22px; }
  .header-inner { padding:12px 0; }
  .steps { justify-content:space-between; }
  .step { width:calc(50% - 10px); }
}