/* ============================================================
   company.css · 企业/合作页族（关于我们、企业团报、招聘、
   渠道合作、售后服务）
   布局：居中 Hero + 图文分栏 + 价值卡 + 团队/案例 + 里程碑
   ============================================================ */

/* ---------- Hero ---------- */
.hero-company{ min-height:500px; padding:170px 0 90px; text-align:center; }
.hero-company .kicker.light::before,.hero-company .kicker.light::after{ background:rgba(255,255,255,.5); }
.hero-company .kicker.light{ color:#F5E3B3; }
.hero-company h1{ color:#FFF; margin-bottom:16px; text-shadow:0 2px 16px rgba(0,0,0,.22); }
.hero-company .hc-sub{ color:rgba(255,255,255,.88); max-width:680px; margin:0 auto 30px; }
.hc-actions{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }

/* ---------- 图文分栏 ---------- */
.intro-split{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.intro-split .is-img{ position:relative; }
.intro-split .is-img img{ width:100%; border-radius:26px; box-shadow:var(--shadow-l); }
.intro-split .is-img .is-float{
  position:absolute; left:-26px; bottom:-26px; background:#FFF; border-radius:18px; padding:18px 22px;
  box-shadow:var(--shadow-l); display:flex; align-items:center; gap:14px; border:1px solid var(--line);
}
.intro-split .is-img .is-float .if-num{ font-size:26px; font-weight:800; color:var(--amber); line-height:1; }
.intro-split .is-img .is-float span{ font-size:12.5px; color:var(--ink-2); }
.intro-split .is-text .kicker{ margin-bottom:8px; }
.intro-split .is-text h2{ margin-bottom:16px; }
.intro-split .is-text p{ margin-bottom:12px; font-size:15px; }
.intro-split .is-text ul li{ display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--ink-2); margin-bottom:9px; }
.intro-split .is-text ul svg{ flex:none; margin-top:5px; color:var(--amber); }

/* ---------- 价值卡 ---------- */
.value-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.value-card{
  background:#FFF; border:1px solid var(--line); border-radius:22px; padding:30px 26px;
  box-shadow:var(--shadow-c); transition:transform .35s,box-shadow .35s; position:relative; overflow:hidden;
}
.value-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--yellow-2),var(--pink-2)); opacity:0; transition:opacity .3s; }
.value-card:hover{ transform:translateY(-7px); box-shadow:var(--shadow-l); }
.value-card:hover::before{ opacity:1; }
.value-card .vc-ico{ width:54px; height:54px; border-radius:17px; background:var(--yellow); color:var(--amber); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.value-card.pink .vc-ico{ background:var(--pink); color:var(--rose); }
.value-card h3{ font-size:17px; margin-bottom:10px; }
.value-card p{ font-size:13.5px; }

/* ---------- 团队/案例 ---------- */
.team-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.team-card{ background:#FFF; border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow-c); transition:transform .35s; }
.team-card:hover{ transform:translateY(-7px); box-shadow:var(--shadow-l); }
.team-card .tc-img{ height:230px; overflow:hidden; }
.team-card .tc-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.team-card:hover .tc-img img{ transform:scale(1.06); }
.team-card .tc-body{ padding:20px 24px 24px; }
.team-card .tc-body h3{ font-size:16px; }
.team-card .tc-body .tc-role{ font-size:13px; color:var(--amber); font-weight:600; margin-bottom:8px; }
.team-card .tc-body p{ font-size:13px; }

/* ---------- 里程碑 ---------- */
.mile{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; counter-reset:mile; }
.mile-item{
  background:#FFF; border:1px solid var(--line); border-radius:20px; padding:26px 22px;
  box-shadow:var(--shadow-c); position:relative; transition:transform .3s;
}
.mile-item:hover{ transform:translateY(-6px); }
.mile-item::before{ counter-increment:mile; content:"0" counter(mile); position:absolute; top:18px; right:20px; font-size:30px; font-weight:800; color:var(--bg-2); }
.mile-item .mi-y{ font-size:13px; font-weight:700; color:var(--amber); margin-bottom:10px; }
.mile-item h3{ font-size:15px; margin-bottom:8px; }
.mile-item p{ font-size:13px; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .intro-split{ grid-template-columns:1fr; }
  .value-grid{ grid-template-columns:1fr 1fr; }
  .team-row{ grid-template-columns:1fr 1fr; }
  .mile{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .value-grid,.team-row,.mile{ grid-template-columns:1fr; }
  .hero-company{ padding:130px 0 60px; }
  .intro-split .is-img .is-float{ left:10px; bottom:-18px; }
}