/* About page ("关于我们") - isolated styles
   仅作用于 about.html，不影响其它页面
*/

:root{
  --about2-text: #2f405a;
  --about2-muted: #657792;
  --about2-title: #0b2b55;
  --about2-blue: #0f5bd6;
  --about2-soft: #f2f7ff;
}

/* Section base */
.about2-section{padding:76px 0; background:#fff;}
.about2-section--soft{background:var(--about2-soft);}
.about2-section--partners{background:#fff; padding-bottom:92px;}

.about2-title{text-align:center; font-weight:900; font-size:28px; margin:0; color:var(--about2-title); letter-spacing:.2px;}
.about2-subtitle{text-align:center; color:var(--about2-muted); font-size:15px; line-height:1.9; margin:10px 0 0;}

/* Cards */
.about2-card{background:#fff; border:1px solid rgba(10,44,84,.08); border-radius:18px; padding:30px 26px 24px; text-align:left; box-shadow:0 14px 36px rgba(10,44,84,.06); height:100%;}
.about2-icon{width:74px; height:74px; color:var(--about2-blue); display:flex; align-items:center; justify-content:center; border-radius:16px; background:rgba(15,91,214,.06); border:1px solid rgba(15,91,214,.12);}
.about2-card__title{font-weight:900; color:var(--about2-title); font-size:18px; margin:14px 0 10px;}
.about2-card__desc{color:var(--about2-text); font-size:14px; line-height:1.9; margin:0 0 12px;}

.about2-list{margin:0; padding-left:18px;}
.about2-list li{color:var(--about2-muted); font-size:14px; line-height:1.9; margin:4px 0;}

/* KPI pills */
.about2-kpis{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px;}
.about2-kpis--center{grid-template-columns: repeat(4, minmax(0, 1fr));}
.about2-kpi{background:#fff; border:1px solid rgba(10,44,84,.08); border-radius:14px; padding:14px 14px 12px; text-align:center; box-shadow:0 10px 24px rgba(10,44,84,.05);}
.about2-kpi__num{font-weight:950; font-size:18px; color:var(--about2-title); letter-spacing:.3px;}
.about2-kpi__label{margin-top:4px; font-size:13px; color:var(--about2-muted);}

/* Welcome photo */
.about2-photo{position:relative; border-radius:18px; overflow:hidden; border:1px solid rgba(10,44,84,.10); box-shadow:0 18px 50px rgba(10,44,84,.10); background:#0b2b55;}
.about2-photo img{display:block; width:100%; height:auto;}
.about2-photo:after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(11,43,85,.65), rgba(11,43,85,0) 60%); pointer-events:none;}
.about2-photo__badge{position:absolute; left:14px; bottom:14px; z-index:2; background:rgba(255,255,255,.92); color:var(--about2-title); border-radius:999px; padding:8px 12px; font-size:13px; font-weight:900; border:1px solid rgba(10,44,84,.10);}

.about2-text{color:var(--about2-text); font-size:15px; line-height:2.0;}
.about2-text p{margin:0 0 14px;}

.about2-tags{display:flex; flex-wrap:wrap; gap:10px;}
.about2-tag{display:inline-flex; align-items:center; gap:6px; background:#fff; border:1px solid rgba(10,44,84,.08); border-radius:999px; padding:8px 12px; font-size:13px; color:var(--about2-muted); font-weight:800;}

/* Feature section (official look) */
.about2-feature{display:grid; grid-template-columns: 1.05fr .95fr; gap:26px; align-items:start;}

.about2-step{display:flex; gap:12px; padding:14px 0; border-bottom:1px solid rgba(10,44,84,.06);}
.about2-step:last-child{border-bottom:none;}
.about2-step__no{width:38px; height:38px; border-radius:12px; background:rgba(15,91,214,.08); color:var(--about2-blue); display:flex; align-items:center; justify-content:center; font-weight:950; font-size:14px; border:1px solid rgba(15,91,214,.14); flex:0 0 auto;}
.about2-step__title{font-weight:950; color:var(--about2-title); font-size:16px; margin-bottom:6px;}
.about2-step__desc{color:var(--about2-muted); font-size:14px; line-height:1.95;}

.about2-mini-grid{margin-top:18px; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px;}
.about2-mini{background:#fff; border:1px solid rgba(10,44,84,.08); border-radius:16px; padding:16px 14px 14px; box-shadow:0 10px 24px rgba(10,44,84,.05);}
.about2-mini__t{font-weight:950; color:var(--about2-title); font-size:15px; margin-bottom:6px;}
.about2-mini__d{color:var(--about2-muted); font-size:13px; line-height:1.95;}

/* Figure card */
.about2-figure{position:relative; border-radius:20px; overflow:hidden; border:1px solid rgba(10,44,84,.10); box-shadow:0 20px 56px rgba(10,44,84,.12); background-size:cover; background-position:center;}
.about2-figure:before{content:""; position:absolute; inset:0; background:radial-gradient(680px 340px at 12% 15%, rgba(255,255,255,.22), rgba(255,255,255,0) 60%), linear-gradient(180deg, rgba(11,43,85,.06), rgba(11,43,85,.20)); pointer-events:none;}
.about2-figure__photo{position:relative; height:220px; background-size:cover; background-position:center;}
.about2-figure__panel{position:relative; margin:14px; background:rgba(255,255,255,.92); border:1px solid rgba(10,44,84,.10); border-radius:16px; padding:12px 12px 6px; box-shadow:0 12px 30px rgba(10,44,84,.08);}
.about2-panel-row{display:flex; align-items:center; justify-content:space-between; padding:10px 6px; border-bottom:1px solid rgba(10,44,84,.08);}
.about2-panel-row:last-child{border-bottom:none;}
.about2-panel-k{color:var(--about2-muted); font-size:13px; font-weight:800;}
.about2-panel-v{color:var(--about2-title); font-weight:950; font-size:14px;}

/* Partners */
.about2-partners{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:18px; align-items:center;}
.about2-partner{height:58px; border-radius:14px; background:#f6f9ff; border:1px solid rgba(10,44,84,.08); display:flex; align-items:center; justify-content:center; font-weight:900; color:var(--about2-title); letter-spacing:.4px;}
.about2-note{margin-top:18px; text-align:center; color:#8091aa; font-size:12px;}

/* Responsive */
@media (max-width: 991.98px){
  .about2-section{padding:60px 0;}
  .about2-title{font-size:24px;}
  .about2-feature{grid-template-columns: 1fr;}
  .about2-figure__photo{height:200px;}
  .about2-kpis--center{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .about2-partners{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 575.98px){
  .about2-title{font-size:22px;}
  .about2-subtitle{font-size:14px;}
  .about2-card{padding:26px 20px 20px;}
  .about2-kpis{grid-template-columns: 1fr;}
}