/* ============================================================
   关于我们页 · 方案 B（2026-09-30）
   ① 经营理念横条贯通顶部（渐变 + 图标）
   ② 两列同类型内容（公司简介 / 业务方向）→ 行高天然对齐
   ③ 企业信息横排卡片
   ============================================================ */

/* ========== ① 经营理念横条 ========== */
.phi-banner{
  display:flex;align-items:flex-start;gap:20px;
  padding:26px 28px;
  background:linear-gradient(120deg,#eef2ff 0%,#f5f0ff 48%,#ecfeff 100%);
  border:1px solid #e4e6fb;
  border-radius:18px;
  box-shadow:0 2px 8px rgba(99,102,241,.07), 0 12px 32px rgba(99,102,241,.06);
  margin-bottom:32px;
  position:relative;
  overflow:hidden;
}
.phi-banner::after{
  content:'';position:absolute;right:-60px;top:-60px;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.13) 0%,transparent 70%);
  pointer-events:none;
}
.phi-ic{
  width:52px;height:52px;border-radius:15px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  box-shadow:0 8px 22px rgba(99,102,241,.34);
  position:relative;z-index:1;
}
.phi-ic svg{display:block}
.phi-txt{flex:1;min-width:0;position:relative;z-index:1}
.phi-txt h3{
  font-size:18px;font-weight:800;color:#3730a3;
  margin-bottom:9px;letter-spacing:-.3px;
}
.phi-txt p{
  font-size:14.5px;color:#4c5486;line-height:1.95;margin:0;
}

/* ========== ② 两列（同类型，行高天然对齐）========== */
.about-2col{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:44px;
  margin-bottom:34px;
}
.about-col h2{
  font-size:20px;font-weight:800;color:#080e1a;
  margin:0 0 15px;padding-bottom:11px;
  border-bottom:2px solid #eef2f8;
  letter-spacing:-.4px;
  position:relative;
}
.about-col h2::after{
  content:'';position:absolute;left:0;bottom:-2px;
  width:44px;height:2px;border-radius:2px;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
}
.about-col p{
  font-size:14px;color:#5a6577;line-height:2;margin-bottom:14px;
}
.about-col p:last-child{margin-bottom:0}

/* ========== 响应式 ========== */
@media (max-width:900px){
  .phi-banner{
    flex-direction:row;gap:13px;
    padding:16px 15px;border-radius:14px;margin-bottom:20px;
  }
  .phi-ic{width:40px;height:40px;border-radius:12px}
  .phi-ic svg{width:20px;height:20px}
  .phi-txt h3{font-size:14.5px;margin-bottom:6px}
  .phi-txt p{font-size:12px;line-height:1.75}

  .about-2col{
    grid-template-columns:minmax(0,1fr);
    gap:22px;margin-bottom:22px;
  }
  .about-col h2{font-size:16.5px;margin-bottom:11px;padding-bottom:9px}
  .about-col h2::after{width:34px;height:2px}
  .about-col p{font-size:12.5px;line-height:1.85;margin-bottom:10px}
}
@media (max-width:420px){
  .phi-ic{width:34px;height:34px;border-radius:10px}
  .phi-ic svg{width:17px;height:17px}
  .phi-txt h3{font-size:13.5px}
  .phi-txt p{font-size:11.5px;line-height:1.7}
}


/* ============================================================
   发展理念 · 双色调 SVG 图标（方案 B，2026-09-30）
   ============================================================ */

.sec-alt .card-ic,
.grid3 .card-ic{
  width:56px !important;
  height:56px !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  background:#f4f6fb !important;
  border:1px solid #e3e9f4 !important;
  box-shadow:none !important;
  font-size:0 !important;   /* 清掉 Emoji 字号影响 */
  transition:background-color .25s, border-color .25s !important;
}
.sec-alt .card-ic svg,
.grid3 .card-ic svg{
  display:block !important;
  width:26px !important;
  height:26px !important;
}
/* hover：容器淡蓝 + 边框靛蓝 */
.sec-alt .card:hover .card-ic,
.grid3 .card:hover .card-ic{
  background:#eef2ff !important;
  border-color:#c7d2fe !important;
}

/* 卡片标题与正文 */
.sec-alt .card h3,
.grid3 .card h3{
  font-size:17px !important;
  font-weight:800 !important;
  margin:14px 0 9px !important;
  color:#080e1a !important;
  letter-spacing:-.3px !important;
}
.sec-alt .card p,
.grid3 .card p{
  font-size:13px !important;
  color:#5a6577 !important;
  line-height:1.85 !important;
  margin:0 !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  .sec-alt .card-ic,
  .grid3 .card-ic{
    width:46px !important;
    height:46px !important;
    border-radius:13px !important;
  }
  .sec-alt .card-ic svg,
  .grid3 .card-ic svg{width:22px !important;height:22px !important}
  .sec-alt .card h3,
  .grid3 .card h3{font-size:15px !important;margin:12px 0 7px !important}
  .sec-alt .card p,
  .grid3 .card p{font-size:12px !important;line-height:1.8 !important}
}


/* ============================================================
   ⭐ 恢复：图标居中在上（原位置）2026-09-30
   撤销 about-values-left.css 的左右布局
   ============================================================ */

/* 卡片：block 布局 + 文字左对齐 */
.sec-alt .grid3 .card,
.grid3 .card{
  display:block !important;
  text-align:left !important;
  padding:24px 22px !important;
}

/* 图标：居中 */
.sec-alt .grid3 .card .card-ic,
.grid3 .card .card-ic{
  display:flex !important;
  grid-column:auto !important;
  grid-row:auto !important;
  margin:0 auto !important;
  align-self:auto !important;
}

/* 标题：居中 */
.sec-alt .grid3 .card h3,
.grid3 .card h3{
  grid-column:auto !important;
  grid-row:auto !important;
  text-align:center !important;
  font-size:17px !important;
  font-weight:800 !important;
  margin:14px 0 9px !important;
  padding-top:0 !important;
  color:#080e1a !important;
  letter-spacing:-.3px !important;
}

/* 正文：左对齐 */
.sec-alt .grid3 .card p,
.grid3 .card p{
  grid-column:auto !important;
  grid-row:auto !important;
  text-align:left !important;
  font-size:13px !important;
  color:#5a6577 !important;
  line-height:1.85 !important;
  margin:0 !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  .sec-alt .grid3 .card,
  .grid3 .card{padding:20px 18px !important}
  .sec-alt .grid3 .card h3,
  .grid3 .card h3{font-size:15px !important;margin:12px 0 7px !important}
  .sec-alt .grid3 .card p,
  .grid3 .card p{font-size:12px !important;line-height:1.8 !important}
}