/* uses zc tokens from bundle */
/* Customer wall page */

/* Hero（同步加载，避免依赖 bundle 异步） */
.customer-wall-page .customer-hero.section-hero {
  position: relative;
  background: linear-gradient(135deg, var(--zc-slate-900, #0f172a) 0%, var(--zc-slate-800, #1e293b) 48%, var(--zc-brand-dark, #14532d) 100%);
  color: #fff;
  overflow: hidden;
  padding: 70px 0 50px;
}
.customer-wall-page .customer-hero.section-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(600px 300px at 12% 12%, rgba(22, 163, 74, 0.18), transparent 60%),
    radial-gradient(480px 240px at 88% 88%, rgba(30, 64, 175, 0.12), transparent 60%);
}
.customer-wall-page .customer-hero .container { position: relative; z-index: 1; }
.customer-wall-page .customer-hero .hero-inner {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 40px;
  align-items: center;
}
.customer-wall-page .customer-hero .hero-content { color: #fff; }
.customer-wall-page .customer-hero .hero-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 30px;
  background: rgba(22, 163, 74, 0.18);
  border: 1px solid rgba(22, 163, 74, 0.4);
  color: #86efac;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px;
}
.customer-wall-page .customer-hero .hero-title {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 14px;
  color: #fff;
}
.customer-wall-page .customer-hero .hero-subtitle {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.82);
  margin: 0 0 22px;
}
.customer-wall-page .customer-hero .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.customer-wall-page .customer-hero .customer-stats-grid {
  margin: 0;
}

.industry-section{padding:40px 0;border-bottom:1px solid #eef0f3}
    .industry-section:last-child{border-bottom:none}
    .industry-header{margin-bottom:16px}
    .industry-header h2{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 6px;display:flex;align-items:center;gap:8px}
    .industry-header p{color:#64748b;font-size:14px;margin:0}
    .logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px}
    .logo-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:86px;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .25s ease;box-shadow:0 1px 2px rgba(15,23,42,.04)}
    .logo-item:hover{border-color:var(--zc-brand-light,#16a34a);box-shadow:0 8px 20px rgba(22,163,74,.14);transform:translateY(-2px)}
    .logo-item img{max-height:48px;max-width:100%;object-fit:contain;filter:grayscale(18%);transition:filter .25s ease}
    .logo-item:hover img{filter:none}
    .customer-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:28px auto 0}
    .customer-stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 12px;text-align:center;transition:all .25s ease}
    .customer-stat-item:hover{border-color:var(--zc-brand-light,#16a34a);box-shadow:0 8px 22px rgba(22,163,74,.12);transform:translateY(-2px)}
    .customer-stat-number{font-size:28px;font-weight:800;color:var(--zc-brand-light,#16a34a);line-height:1.1}
    .customer-stat-label{color:#64748b;font-size:13px;margin-top:6px}
    @media (max-width:768px){
      .customer-wall-page .customer-hero.section-hero { padding: 48px 0 40px; }
      .customer-wall-page .customer-hero .hero-inner { grid-template-columns: 1fr; gap: 28px; }
      .customer-wall-page .customer-hero .hero-title { font-size: 26px; }
      .customer-wall-page .customer-hero .hero-subtitle { font-size: 14px; }
      .customer-wall-page .customer-hero .hero-actions .btn { padding: 10px 18px; font-size: 13px; }
      .industry-section{padding:28px 0}
      .industry-header h2{font-size:18px}
      .industry-header p{font-size:12.5px}
      .logo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}
      .logo-item{height:70px;padding:8px}
      .logo-item img{max-height:38px}
      .customer-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}
      .customer-stat-number{font-size:22px}
    }
    @media (max-width:480px){
      .logo-grid{grid-template-columns:repeat(3,1fr);gap:6px}
      .logo-item{height:60px;padding:6px}
      .logo-item img{max-height:32px}
    }