/* ============================================================
   page-pingjia.css — 客户评价
   签名布局：评分环（SVG 环形）+ 分项评分条 + 评价瀑布
   作用域：body.page-pingjia
   ============================================================ */

.pj-hero .hero-hotline{margin-top:18px;font-size:14px;color:var(--c-muted)}

/* ---------- 评分总览 ---------- */
.rate-wrap{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;max-width:880px;margin:0 auto}
.rate-ring{position:relative;display:flex;align-items:center;justify-content:center}
.ring-num{position:absolute;text-align:center}
.ring-num strong{display:block;font-size:38px;font-weight:800;color:var(--c-ink)}
.ring-num span{font-size:12.5px;color:var(--c-muted)}
.rate-bars{display:flex;flex-direction:column;gap:18px}
.rb-head{display:flex;justify-content:space-between;font-size:14px;color:var(--c-ink);margin-bottom:7px;font-weight:600}
.rb-track{height:9px;border-radius:999px;background:var(--c-line);overflow:hidden}
.rb-track i{display:block;height:100%;border-radius:999px;background:var(--grad-main)}

/* ---------- 评价瀑布 ---------- */
.waterfall{columns:3;column-gap:20px}
.rev-card{break-inside:avoid;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-card)}
.rev-stars{color:#F2A6CC;letter-spacing:2px;font-size:14px;margin-bottom:10px}
.rev-card p{font-size:14px;color:var(--c-text);margin-bottom:16px}
.rev-by strong{display:block;color:var(--c-ink);font-size:15px}
.rev-by span{font-size:12.5px;color:var(--c-muted)}

/* ---------- 行业横卷卡 ---------- */
.ind-card{flex:0 0 260px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}
.ind-card img{height:160px;width:100%;object-fit:cover}
.ind-card h3{font-size:17px;padding:14px 18px 2px}
.ind-card span{display:block;font-size:13px;color:var(--c-purple-400);padding:0 18px 16px}

/* ---------- 文字 logo 墙 ---------- */
.logo-wall{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:960px;margin:0 auto}
.logo-wall span{padding:12px 22px;background:#fff;border:1px solid var(--c-line);border-radius:12px;color:var(--c-text);font-size:14px;font-weight:600;box-shadow:var(--shadow-card)}

/* ---------- CTA ---------- */
.cta-sec{background:var(--grad-soft)}
.cta-box{text-align:center;max-width:760px;margin:0 auto;padding:56px 30px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}
.cta-box h2{margin-bottom:14px}
.cta-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .waterfall{columns:2}
  .rate-wrap{grid-template-columns:1fr;gap:36px;justify-items:center}
}
@media (max-width:600px){
  .waterfall{columns:1}
}
@media (max-width:360px){
  .rev-card{padding:18px 16px}
  .logo-wall span{padding:10px 16px;font-size:13px}
}