/* ═══════════════════════════════════════════
   about.css — 「关于我们」独立页（暗金高级感）
   依赖 main.css 的 :root 变量与 .stat-cell/.clients-grid 等
═══════════════════════════════════════════ */

/* ── 页眉 ── */
.about-hero{
  position:relative;z-index:1;overflow:hidden;display:flex;align-items:center;text-align:center;
  min-height:clamp(420px,50vw,560px);
  padding:calc(var(--nav-h) + 56px) 0 64px;background:#080808;
}
.about-hero::before{
  content:'';position:absolute;inset:0;z-index:-2;
  background:url('../img/about-hero.jpg') center center/cover no-repeat;
  filter:brightness(.5) saturate(1.05);transform:scale(1.03);
}
.about-hero::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(8,8,8,.82) 0%, rgba(8,8,8,.5) 42%, rgba(8,8,8,.8) 100%),
    radial-gradient(ellipse 60% 70% at 50% 42%, rgba(204,0,0,.14), transparent 70%);
}
.about-hero .container{position:relative;z-index:2}
.about-hero .label{justify-content:center}
.about-hero-title{
  font-family:var(--serif);font-weight:300;line-height:1.18;color:#fff;
  font-size:clamp(34px,5vw,66px);margin:18px auto 0;max-width:20ch;
}
.about-hero-title em{font-style:italic;color:var(--gold)}
.about-hero-sub{max-width:660px;margin:26px auto 0;font-size:15px;line-height:1.95;color:var(--t2)}

/* ── 公司简介 ── */
.about-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.about-figure{position:relative;border:1px solid rgba(201,168,76,.18);border-radius:3px;overflow:hidden;
  box-shadow:0 40px 90px -44px rgba(0,0,0,.92)}
.about-figure img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;filter:brightness(.92) saturate(.92)}
.about-figure .about-figure-tag{position:absolute;left:18px;bottom:18px;font-size:12px;letter-spacing:.1em;
  color:var(--gold);background:rgba(8,8,8,.7);border:1px solid rgba(201,168,76,.4);padding:6px 14px;backdrop-filter:blur(4px)}
.about-intro p{font-size:15px;color:var(--t2);line-height:2;margin-bottom:18px}
.about-intro p strong{color:#fff;font-weight:500}

/* ── 数据条 ── */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);
  border:0.5px solid var(--border);background:rgba(8,8,8,.55);margin-top:56px}
.about-stats .stat-cell{text-align:center;border-right:0.5px solid var(--border);padding:34px 24px}
.about-stats .stat-cell:last-child{border-right:0}

/* ── 核心价值 ── */
.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:0.5px solid var(--border)}
.about-value{background:var(--deep);padding:42px 40px;transition:background var(--transition);position:relative;overflow:hidden}
.about-value::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}
.about-value:hover{background:var(--surface)}
.about-value:hover::after{transform:scaleX(1)}
.about-value-n{font-family:var(--serif);font-size:38px;color:var(--gold);opacity:.55;line-height:1;margin-bottom:18px}
.about-value h3{font-size:17px;font-weight:500;color:#fff;margin-bottom:10px}
.about-value p{font-size:13.5px;color:var(--t2);line-height:1.9}

/* ── 发展历程 ── */
.about-timeline{position:relative;max-width:740px;margin:0 auto;padding-left:42px}
.about-timeline::before{content:'';position:absolute;left:7px;top:6px;bottom:6px;width:1px;
  background:linear-gradient(180deg,var(--gold),rgba(201,168,76,.12))}
.about-tl{position:relative;padding-bottom:42px}
.about-tl:last-child{padding-bottom:0}
.about-tl::before{content:'';position:absolute;left:-41px;top:4px;width:15px;height:15px;border-radius:50%;
  background:var(--deep);border:2px solid var(--gold)}
.about-tl-year{font-family:var(--serif);font-size:23px;color:var(--gold);line-height:1;margin-bottom:9px}
.about-tl h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:6px}
.about-tl p{font-size:13.5px;color:var(--t2);line-height:1.85}

/* ── 业务领域 ── */
.about-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:0.5px solid var(--border)}
.about-svc{background:var(--deep);padding:32px 30px;transition:background var(--transition)}
.about-svc:hover{background:var(--surface)}
.about-svc h3{font-size:15px;font-weight:500;color:#fff;margin-bottom:9px;display:flex;align-items:center;gap:11px}
.about-svc h3::before{content:'';width:16px;height:2px;background:var(--red);flex:none}
.about-svc p{font-size:13px;color:var(--t2);line-height:1.85}

/* ── 结尾 CTA ── */
.about-cta{text-align:center}
.about-cta-inner{position:relative;max-width:780px;margin:0 auto;padding:58px 34px;
  border:1px solid rgba(201,168,76,.2);
  background:linear-gradient(180deg, rgba(201,168,76,.05), rgba(204,0,0,.03) 60%, transparent)}
.about-cta-inner::before,.about-cta-inner::after{content:'';position:absolute;width:16px;height:16px;border:1px solid var(--gold);opacity:.6}
.about-cta-inner::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.about-cta-inner::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.about-cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.4vw,40px);color:#fff;margin:0 0 14px}
.about-cta p{color:var(--t2);margin:0 0 28px;font-size:15px}
.about-cta-phone{font-family:var(--serif);font-size:27px;color:var(--gold);margin-top:26px;letter-spacing:.02em}

@media(max-width:900px){
  .about-intro-grid{grid-template-columns:1fr;gap:40px}
  .about-svc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  .about-stats{grid-template-columns:1fr 1fr}
  .about-stats .stat-cell:nth-child(2){border-right:0}
  .about-values-grid{grid-template-columns:1fr}
  .about-svc-grid{grid-template-columns:1fr}
}
/* ── 简介区图片轮播 ── */
.about-carousel{position:relative;border:1px solid rgba(201,168,76,.18);border-radius:3px;overflow:hidden;
  box-shadow:0 40px 90px -44px rgba(0,0,0,.92);background:#0c0c0c}
.about-carousel-track{position:relative;width:100%;aspect-ratio:4/3}
.about-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.about-slide.active{opacity:1;pointer-events:auto}
.about-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.95) saturate(.95)}
.about-cnav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(201,168,76,.45);background:rgba(8,8,8,.5);color:#fff;font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .3s;backdrop-filter:blur(3px)}
.about-cnav:hover{background:var(--red);border-color:var(--red)}
.about-cprev{left:14px}
.about-cnext{right:14px}
.about-ctag{position:absolute;left:16px;bottom:14px;z-index:3;font-size:12px;letter-spacing:.1em;color:var(--gold);
  background:rgba(8,8,8,.7);border:1px solid rgba(201,168,76,.4);padding:6px 13px;backdrop-filter:blur(4px)}
.about-cdots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:7px}
.about-cdot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .35s}
.about-cdot.active{background:var(--gold);width:22px;border-radius:4px}
/* ── 移动端精修 V3（追加到 about.css 末尾）── */
@media(max-width:767px){
  .about-value{ padding:30px 24px; }
  .about-svc{ padding:26px 22px; }
  .about-cta-inner{ padding:42px 22px; }
  .about-hero-sub,.about-intro p{ font-size:14.5px; }
}
@media(max-width:480px){
  .about-stats .stat-cell{ padding:24px 14px; }
  .about-cta-inner{ padding:36px 18px; }
}
@media(prefers-reduced-motion:reduce){
  .about-value,.about-value::after,.about-svc,.about-figure img,
  .about-slide,.about-cdot,.about-cnav{ transition:none !important; animation:none !important; }
}