/* ============================================================
   page.css — about 单页专属样式
   含：ab-hero / ab-main / ab-content 富排版正文
   ============================================================ */

/* ===== 单页 hero（面包屑 + H1 + 导语） ===== */
.ab-hero{padding:64px 0 48px;border-bottom:1px solid #2a2d33;background:linear-gradient(180deg,#16191f 0%,#111418 100%)}
.ab-container{max-width:1200px;margin:0 auto;padding:0 20px}
.ab-crumbs{font-size:13px;color:#8a8780;margin-bottom:20px}
.ab-crumbs a{color:#8a8780;transition:.2s}
.ab-crumbs a:hover{color:#c9a96a}
.ab-h1{font-family:"Noto Serif SC",serif;font-size:42px;font-weight:700;color:#c9a96a;letter-spacing:2px;line-height:1.3;margin-bottom:14px}
.ab-lead{font-size:16px;color:#b8b5ad;letter-spacing:1px}

/* ===== 主体区 ===== */
.ab-main{padding:56px 0 80px}
.ab-content{max-width:900px}
.ab-content :where(h2,h3,h4){font-family:"Noto Serif SC",serif;color:#c9a96a;font-weight:600;margin:38px 0 18px;letter-spacing:1px}
.ab-content h2{font-size:26px;padding-left:14px;border-left:3px solid #c9a96a}
.ab-content h3{font-size:21px;padding-bottom:8px;border-bottom:1px dashed rgba(201,169,106,.3)}
.ab-content p{margin:14px 0;color:#c9c9c2;font-size:15px;line-height:1.9}
.ab-content ul,.ab-content ol{margin:16px 0;padding-left:6px;list-style:none}
.ab-content ul li{margin:10px 0;color:#c9c9c2;font-size:15px;line-height:1.85;padding-left:22px;position:relative}
.ab-content ul li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;border:1px solid #c9a96a;transform:rotate(45deg)}
.ab-content ol{counter-reset:oln}
.ab-content ol li{margin:10px 0;color:#c9c9c2;font-size:15px;line-height:1.85;padding-left:38px;position:relative;counter-increment:oln}
.ab-content ol li::before{content:counter(oln,decimal-leading-zero);position:absolute;left:0;top:11px;font-family:"Noto Serif SC",serif;font-size:14px;color:#c9a96a;border:1px solid rgba(201,169,106,.4);padding:0 5px;line-height:1.5}
.ab-content strong,.ab-content b{color:#c9a96a;font-weight:500}
.ab-content img{border-radius:4px;margin:18px 0;border:1px solid #2a2d33}
.ab-content a{color:#c9a96a;border-bottom:1px solid rgba(201,169,106,.4)}
.ab-content blockquote{margin:20px 0;padding:16px 22px;background:rgba(201,169,106,.06);border-left:3px solid #c9a96a;color:#b8b5ad;font-size:14.5px;line-height:1.85}
.ab-content blockquote p{margin:6px 0;color:inherit}
.ab-content hr{border:0;height:1px;background:linear-gradient(90deg,rgba(201,169,106,.4),transparent);margin:30px 0}
.ab-content dl{margin:16px 0;display:grid;grid-template-columns:120px 1fr;gap:10px 18px}
.ab-content dt{font-family:"Noto Serif SC",serif;color:#c9a96a;font-size:14.5px;letter-spacing:1px}
.ab-content dd{color:#c9c9c2;font-size:14.5px;line-height:1.8}
.ab-content table{width:100%;border-collapse:collapse;margin:18px 0}
.ab-content table th,.ab-content table td{border:1px solid #2a2d33;padding:10px 14px;font-size:14px;color:#c9c9c2}
.ab-content table th{background:#1a1d23;color:#c9a96a;font-weight:500}

/* ===== 响应式（单页专属类名断点） ===== */
@media(max-width:768px){
  .ab-hero{padding:44px 0 36px}
  .ab-h1{font-size:30px;letter-spacing:1px}
  .ab-lead{font-size:14px}
  .ab-main{padding:44px 0 100px}
  .ab-content h2{font-size:22px}
  .ab-content h3{font-size:18px}
  .ab-content dl{grid-template-columns:1fr}
}