/* =============================================================
   about.css — 关于我们 / 应用案例 等内页专属样式
   ============================================================= */

/* 内页头图 */
.page-hero {
  background: var(--grad-hero); color: #fff; padding: 56px 0 60px;
  position: relative; overflow: hidden;
}
.page-hero::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(700px 320px at 85% 10%, rgba(255,255,255,0.14), transparent 60%);
}
.page-hero .container { position: relative; z-index: 2; }
.page-hero h1 { font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; }
.page-hero p { margin-top: 10px; color: rgba(255,255,255,0.85); max-width: 640px; }

/* 关于：简介 + 配图 */
.about-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: center; }
.about-text h2 { font-size: 26px; font-weight: 800; margin-bottom: 16px; }
.about-text p { color: var(--c-text-soft); margin-bottom: 14px; }
.about-text .lead { font-size: 17px; color: var(--c-text); }
.about-figure {
  border-radius: var(--radius); overflow: hidden;
  border: 1px solid var(--c-border); box-shadow: var(--c-shadow-soft);
  background: var(--c-surface-2); aspect-ratio: 4 / 3; display: grid; place-items: center;
}
.about-figure svg { width: 88%; }

/* 优势卡片 */
.adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.adv-card { padding: 28px 24px; }
.adv-card .adv-ico {
  width: 50px; height: 50px; border-radius: 13px; display: grid; place-items: center;
  background: rgba(20, 82, 155, 0.10); color: var(--c-primary); margin-bottom: 16px;
}
.adv-card h3 { font-size: 17px; margin-bottom: 8px; }
.adv-card p { color: var(--c-text-soft); font-size: 14px; }

/* 资质 / 时间线 */
.timeline { border-left: 2px solid var(--c-border); padding-left: 26px; margin-left: 8px; }
.timeline li { position: relative; padding: 0 0 26px; }
.timeline li::before {
  content: ""; position: absolute; left: -33px; top: 4px;
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--grad-accent); box-shadow: 0 0 0 4px var(--c-surface);
}
.timeline .year { font-weight: 800; color: var(--c-primary); }
.timeline p { color: var(--c-text-soft); }

/* 常见问题卡片（cjwt 页复用 about.css） */
.faq-item { padding: 22px; margin-bottom: 16px; }
.faq-item h3 {
  font-size: 17px; margin-bottom: 8px;
  display: flex; gap: 10px; align-items: flex-start; color: var(--c-text);
}
.faq-item h3 svg { color: var(--c-accent-strong); flex-shrink: 0; margin-top: 3px; }
/* FAQ 卡片作为链接（详情页跳转） */
a.faq-item { display: block; text-decoration: none; color: inherit; }
a.faq-item:hover { transform: translateY(-3px); box-shadow: var(--c-shadow); border-color: var(--c-primary); }

@media (max-width: 880px) {
  .about-grid { grid-template-columns: 1fr; }
  .adv-grid { grid-template-columns: 1fr; }
}