/* =====================================================================
   独立页面样式：页面横幅 / 关于我们 / 案例筛选 / 联系咨询
   ===================================================================== */

/* ------------------------------ 页面横幅 ------------------------------ */
.page-hero {
  position: relative; overflow: hidden;
  background: var(--g-dark); color: #fff;
  padding: clamp(52px, 7vw, 96px) 0;
  isolation: isolate;
}
.page-hero .hero-bg { position: absolute; inset: -20% 0; z-index: -2; pointer-events: none; }
.page-hero .hero-grid { position: absolute; inset: 0; z-index: -1; pointer-events: none; }

/* ------------------------------ 关于我们 ------------------------------ */
.about-stats {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--sp-5);
  max-width: 900px; margin: 0 auto;
}
.about-stat { text-align: center; padding: var(--sp-5) var(--sp-3); }
.about-stat-value {
  font-size: clamp(2rem, 4vw, 2.9rem); font-weight: 800; letter-spacing: -.03em;
  background: var(--g-brand); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.about-stat-label { font-size: .88rem; color: var(--c-text-3); margin-top: 4px; }

.milestone-track {
  position: relative; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--sp-5);
  max-width: 980px; margin: 0 auto; padding-top: var(--sp-5);
}
.milestone-track::before {
  content: ""; position: absolute; top: calc(var(--sp-5) + 34px); left: 10%; right: 10%;
  height: 2px; background: linear-gradient(90deg, var(--c-primary), var(--c-accent-2), var(--c-accent));
  opacity: .3;
}
.milestone { position: relative; text-align: center; }
.milestone-year {
  font-size: 1.5rem; font-weight: 800; color: var(--c-primary); letter-spacing: -.02em;
}
.milestone-dot {
  width: 14px; height: 14px; border-radius: 50%; margin: 14px auto 18px;
  background: var(--c-surface); border: 3px solid var(--c-primary);
  position: relative; z-index: 1;
  box-shadow: 0 0 0 4px rgba(47,107,255,.1);
}
.milestone-text { font-size: .89rem; color: var(--c-text-2); line-height: 1.7; }

.team-card { text-align: center; padding: var(--sp-6) var(--sp-4); }
.team-avatar {
  width: 62px; height: 62px; border-radius: 50%; margin: 0 auto var(--sp-4);
  background: var(--g-brand); color: #fff;
  display: grid; place-items: center; font-size: 1.4rem; font-weight: 700;
  box-shadow: var(--sh-brand);
}
.team-name { font-size: 1rem; font-weight: 680; margin-bottom: 4px; }
.team-role { font-size: .84rem; color: var(--c-text-3); }

.value-card { position: relative; overflow: hidden; }
.value-index {
  font-size: 2rem; font-weight: 800; color: var(--c-primary); opacity: .16;
  line-height: 1; letter-spacing: -.04em;
}

/* ------------------------------ 案例页 ------------------------------ */
.case-filters {
  padding: var(--sp-4) var(--sp-5);
  background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-md);
  position: sticky; top: calc(var(--nav-h) + 12px); z-index: 20;
  box-shadow: var(--sh-sm);
}

/* ------------------------------ 联系页 ------------------------------ */
.contact-channels {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--sp-4);
}
.contact-channel { text-align: center; padding: var(--sp-5) var(--sp-4); }
.contact-channel-icon {
  width: 46px; height: 46px; border-radius: 13px; margin: 0 auto var(--sp-4);
  background: rgba(47,107,255,.1); color: var(--c-primary);
  display: grid; place-items: center;
}

.policy-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--sp-5);
  max-width: 1000px; margin: 0 auto;
}
.policy-list { display: flex; flex-direction: column; gap: 10px; }
.policy-item { display: flex; gap: 9px; align-items: flex-start; font-size: .88rem; color: var(--c-text-2); line-height: 1.65; }
.policy-item svg { color: var(--c-ok); flex-shrink: 0; margin-top: 4px; }

/* ------------------------------ 响应式 ------------------------------ */
@media (max-width: 1200px) {
  .about-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .contact-channels { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .milestone-track { grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--sp-6); }
  .milestone-track::before { display: none; }
  .policy-grid { grid-template-columns: minmax(0,1fr); }
  .case-filters { position: static; }
}
@media (max-width: 720px) {
  .about-stats { grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--sp-3); }
  .milestone-track { grid-template-columns: minmax(0,1fr); }
  .contact-channels { grid-template-columns: minmax(0,1fr); }
  .case-filters { padding: var(--sp-4); }
}