/* 理念页私有样式。令牌全部来自 renyimen.css，此处不新增颜色。 */

.ab{padding-top:0}
[data-page="about"] .hero{padding-bottom:8px}
[data-page="about"] .lede{max-width:62ch}

/* ---------- 问题区块 ---------- */
.q{margin-top:58px;max-width:70ch}
.q:first-child{margin-top:38px}
.q-no{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--p);margin:0 0 10px}
.q h2{font-size:clamp(23px,3.4vw,31px);font-weight:800;letter-spacing:-.02em;line-height:1.28;
  margin:0 0 18px;text-wrap:balance}
.q h3{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:32px 0 10px}
.q p{margin:0 0 15px;font-size:16.5px;line-height:1.86;color:var(--ink);text-wrap:pretty}
.q p b{font-weight:700}

/* ---------- 重点句 ---------- */
.pull{margin:24px 0 22px;padding:17px 20px;background:var(--ps);
  border-left:3px solid var(--p);border-radius:0 var(--r-md) var(--r-md) 0;
  font-size:17px;font-weight:600;line-height:1.68;color:var(--pd)}
.q p.pull{color:var(--pd)}

/* ---------- 真实问题举例 ---------- */
.eg{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}
.eg li{background:var(--surface);border:1px solid var(--line-soft);
  border-left:3px solid var(--sun);border-radius:0 var(--r-md) var(--r-md) 0;
  padding:14px 18px;font-size:15.8px;line-height:1.72;color:var(--ink);
  box-shadow:var(--sh-soft)}

/* ---------- 五步 ---------- */
.steps{list-style:none;counter-reset:st;padding:0;margin:20px 0 18px;display:grid;gap:10px}
.steps li{counter-increment:st;position:relative;padding-left:38px;
  font-size:16px;line-height:1.74;color:var(--ink)}
.steps li::before{content:counter(st);position:absolute;left:0;top:3px;
  width:25px;height:25px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);
  font-family:var(--mono);font-size:11.5px;display:flex;align-items:center;justify-content:center}

/* ---------- 不遮掩的几件事 ---------- */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.fact{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);
  padding:19px 21px}
.fact b{display:block;font-size:15.5px;font-weight:700;margin-bottom:7px;letter-spacing:-.01em}
.fact p{margin:0;font-size:14.5px;line-height:1.75;color:var(--soft)}

/* ---------- 收尾 ---------- */
.cta{margin-top:62px;background:var(--ink);border-radius:var(--r-xl);
  padding:38px 30px;text-align:center}
.cta h2{margin:0 0 8px;font-size:clamp(21px,3vw,26px);font-weight:800;
  letter-spacing:-.02em;color:var(--bg)}
.cta p{margin:0 0 22px;font-size:15px;line-height:1.7;color:rgba(244,242,239,.68)}
.cta .btn{background:var(--bg);color:var(--ink);padding:11px 26px}
.cta .btn:hover{background:#fff;box-shadow:none}

@media(max-width:760px){
  [data-page="about"] .hero{padding:36px 0 4px}
  .q{margin-top:44px}
  .q p{font-size:16px;line-height:1.82}
  .q h3{margin-top:26px}
  .pull{font-size:16px;padding:15px 17px}
  .eg li{font-size:15.2px;padding:13px 15px}
  .facts{grid-template-columns:1fr}
  .cta{margin-top:48px;padding:30px 22px;border-radius:var(--r-lg)}
  .steps li{padding-left:34px;font-size:15.5px}
  .steps li::before{width:23px;height:23px;font-size:11px}
}