/* ============================================================
   About 页面（参考 Qualcomm Company 风格：Hero → 使命 → 业务 → 历程 → 荣誉 → CTA）
   ============================================================ */

/* Hero —— 浅蓝径向光晕底，与 cr-hero 同源 */
.ab-hero{position:relative;background:radial-gradient(120% 130% at 82% 0%,#EAF1FF 0%,#F7F9FC 55%,#fff 100%);padding:84px 0 64px;overflow:hidden}
.ab-hero .container{max-width:1080px}
.ab-hero h1{font-size:clamp(34px,5.2vw,58px);line-height:1.04;letter-spacing:-.03em;margin:0 0 20px;color:var(--ink);max-width:18ch}
.ab-hero-lead{font-size:clamp(16px,1.9vw,20px);line-height:1.65;color:var(--ink-soft);max-width:66ch;margin:0}

/* 数据条 */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.ab-stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;transition:.3s}
.ab-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue-100)}
.ab-stat .v{font-size:clamp(22px,2.4vw,30px);font-weight:800;color:var(--blue);letter-spacing:-.02em;line-height:1.1}
.ab-stat .l{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}

/* Logo 释义 */
.ab-logo .section-head{margin-bottom:48px}
.ab-logo-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:center}
.ab-logo-col{display:flex;flex-direction:column;gap:36px}
.ab-logo-item{display:flex;flex-direction:column;gap:14px}
.ab-logo-item h3{font-size:24px;font-weight:800;color:var(--blue);margin:0}
.ab-logo-item p{color:var(--ink-soft);font-size:15px;line-height:1.8;margin:0}
.ab-logo-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ab-logo-square{background:var(--blue)}
.ab-logo-c{background:#EAF1FF;color:var(--blue);font-size:30px;font-weight:800;font-style:italic;font-family:Georgia,serif}
.ab-logo-star{background:#FFF0F0;color:#E53935}
.ab-logo-center{display:flex;justify-content:center}
.ab-logo-bubble{position:relative;overflow:hidden;background:none;border-radius:28px;padding:48px 56px;box-shadow:none}
.ab-logo-bubble img,.ab-logo-bubble video{position:relative;z-index:1;max-width:400px;width:100%;height:auto;display:block}
/* 锁定 7:3：video 固有比例(1470x630)。根治 Edge 下 height:auto 未取固有高度导致的 letterbox 黑边（加载态/autoplay 前尤明显），不依赖 video metadata */
.ab-logo-bubble video{aspect-ratio:1470/630;object-fit:contain;background-color:transparent;border:0;outline:none}
/* 品牌名从 24px 蓝标降为与释义一致的标签，消除右列视觉重心偏移 */
.ab-logo-item h3{font-size:19px;font-weight:800;color:var(--ink);margin:0}
/* logo 释义四卡片：滚动交错淡入（隐藏态在首帧由 .js 类绘制，保证过渡必触发） */
.js .ab-logo-item{opacity:0;transform:translateY(20px);transition:opacity .55s ease, transform .55s ease}
.js .ab-logo-item.is-visible{opacity:1;transform:translateY(0)}

/* 使命 */
.ab-mission{background:var(--zone-soft)}
.ab-mission-inner{max-width:900px;margin:0 auto;text-align:center}
.ab-mission h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em;margin:0 0 18px}
.ab-mission p{color:var(--ink-soft);font-size:clamp(16px,1.8vw,19px);line-height:1.8;margin:0}

/* 业务双卡 */
.ab-biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}

/* 企业文化（V3 浅蓝软底 + 大序号，2026-09 改版） */
.ab-values{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;counter-reset:ab-value}
.ab-value{counter-increment:ab-value;position:relative;overflow:hidden;flex:1 1 200px;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px 24px;text-align:left;border:1px solid transparent;border-radius:var(--radius);background:var(--blue-50);transition:.35s}
.ab-value:hover{background:#fff;border-color:var(--blue-100);transform:translateY(-4px);box-shadow:var(--shadow)}
/* 大序号纯装饰：CSS 计数器生成，不进 DOM 文本（不污染爬虫正文/搜索索引），三语通用 */
.ab-value::after{content:counter(ab-value,decimal-leading-zero);position:absolute;right:14px;top:6px;font-size:46px;font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(46,107,255,.13);transition:.35s;pointer-events:none}
.ab-value:hover::after{color:rgba(46,107,255,.22)}
.ab-value-w{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.15;margin-bottom:9px}
.ab-value-d{font-size:13.5px;color:var(--ink-soft);line-height:1.55}
.ab-culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-culture-card{padding:30px 30px}
.ab-culture-card h3{font-size:20px;margin:0 0 12px;letter-spacing:-.01em}
.ab-culture-card p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}
.ab-biz-card{padding:34px 30px}
.ab-biz-card .ab-biz-ico{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-400));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.ab-biz-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.01em}
.ab-biz-card p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}

/* 芯邦感通（2026 UWB 独立运营） */
.ab-sense{position:relative}
.ab-sense .section-head{margin-bottom:36px}
.ab-sense-lead{color:var(--ink-soft);font-size:clamp(16px,1.8vw,19px);line-height:1.8;max-width:70ch;margin:18px 0 0}
.ab-sense-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-sense-card{padding:34px 30px}
.ab-sense-card .ab-biz-ico{margin-bottom:18px}
.ab-sense-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.01em}
.ab-sense-card p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}

/* 极简分隔线 */
.ab-sense-rule{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent);margin-bottom:36px}
/* 「新篇 · 2026」随滚动缩放（由 JS 实时设置 transform），从左侧生长感 */
.ab-sense-eyebrow{display:inline-block;transform-origin:left center;will-change:transform}
/* 内容「生长」入场：从底部升起并放大，错落浮现，如破土而出 */
.ab-sense-grow{opacity:0;transform:translateY(38px) scale(.92);transform-origin:bottom center;transition:opacity .7s ease,transform .9s cubic-bezier(.34,1.42,.5,1)}
.ab-sense.in-view .ab-sense-grow{opacity:1;transform:none}
.ab-sense.in-view .ab-sense-grow.d1{transition-delay:.10s}
.ab-sense.in-view .ab-sense-grow.d2{transition-delay:.22s}
.ab-sense.in-view .ab-sense-grow.d3{transition-delay:.38s}
.ab-sense.in-view .ab-sense-grow.d4{transition-delay:.54s}
@media(prefers-reduced-motion:reduce){
  .ab-sense-grow{opacity:1;transform:none;transition:none}
  .ab-sense-eyebrow{transform:none !important}
}

/* 发展历程时间线 */
.ab-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 44px}
.ab-tl-item{position:relative;padding-left:26px;border-left:2px solid var(--line)}
.ab-tl-item::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-50)}
.ab-tl-year{font-size:14px;font-weight:800;color:var(--blue);letter-spacing:.04em}
.ab-tl-title{font-size:20px;margin:6px 0 8px;letter-spacing:-.01em}
.ab-tl-desc{color:var(--muted);font-size:15px;line-height:1.7}

/* 荣誉资质 */

/* CTA —— 不使用大色块，简洁排版 */

@media(max-width:900px){
  .ab-stats{grid-template-columns:repeat(2,1fr)}
  .ab-biz-grid{grid-template-columns:1fr}
  .ab-sense-grid{grid-template-columns:1fr}
  .ab-timeline{grid-template-columns:1fr;gap:22px}
  .ab-logo-grid{grid-template-columns:1fr;gap:34px}
  .ab-logo-col{gap:28px}
  .ab-logo-center{order:-1}
  .ab-logo-bubble{padding:44px 52px}
  .ab-logo-bubble img,.ab-logo-bubble video{max-width:340px}
}
@media(max-width:560px){
  .ab-stats{grid-template-columns:1fr}
  .ab-hero{padding:60px 0 48px}
  .ab-logo-bubble{padding:32px 40px}
  .ab-logo-bubble img,.ab-logo-bubble video{max-width:280px}
}

/* ===========================================================
   收口块 .app-cta —— 全站统一（与 applications / products 等页一致）
   =========================================================== */
/* ===========================================================
   收口块 .app-cta —— 复用 uwb-remote.html 设计
   （两端横向收白 + 中部淡蓝光晕 + 垂直白→淡蓝→白渐变）
   =========================================================== */
.app-cta {
  position: relative; overflow: hidden;
  background:
    linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #FFFFFF 100%),
    radial-gradient(85% 78% at 50% 46%, rgba(46,107,255,.08) 0%, transparent 44%),
    linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 14%, #EDF3FF 46%, #F2F7FF 74%, #FFFFFF 100%);
}
.app-cta .container {
  position: relative; z-index: 1;
  padding-top: 76px; padding-bottom: 76px;
  text-align: center;
}
.app-cta h2 {
  font-size: clamp(22px, 3vw, 34px);
  margin: 0 0 12px;
  color: var(--ink);
}
.app-cta p {
  font-size: 16px;
  color: var(--ink-soft);
  margin: 0 auto 28px;
  max-width: 560px;
}
.app-cta .btn-row {
  display: flex; gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.app-cta .btn-row .btn { padding: 12px 28px; }
.app-cta .btn-outline { border-color: rgba(46,107,255,.45); }

@media (max-width: 560px) {
  .app-cta .container { padding-top: 56px; padding-bottom: 56px; }
  .app-cta h2 { font-size: 24px; }
  .app-cta p { font-size: 15px; margin-bottom: 22px; }
}