
/* 2026-09-14 改（按要求）：
   ① .po-page 不再写 font-family / font-size —— 字体型号与基准字号跟随客户原页面，上下一致；
      （原来硬写 -apple-system… / 16px，和客户页面自带字体不一致）
   ② 标题/表格字号由固定 px 改为 em（相对继承来的正文字号）—— 整块随客户页面等比缩放，
      既"跟客户页面一致"，又保证标题与正文的层级比例不走样（不会出现标题和正文一样大）。
   ③ h2 / h3 / FAQ 问题显式 font-weight:700 —— 不再依赖浏览器对标题的默认加粗，
      避免客户主题把 h2/h3 重置成 400 后看起来"没加粗"（正文里也不再需要塞 <strong>）。
   ④ 不再写 max-width + margin:0 auto —— 原来是 1180px 定宽居中，在比它宽的页面里
      会左右各留一段空白、看起来"缩进/居中"，和客户原页面靠左的内容对不齐。
      现在整块跟随所在容器宽度、靠左排版。 */
.po-page{color:#1a202c;line-height:1.7}
.po-page h2{font-weight:700;font-size:1.75em;line-height:1.25;margin:56px 0 18px;padding-bottom:10px;border-bottom:1px solid #e2e5ec;position:relative;letter-spacing:-.015em}
.po-page h2::before{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;background:#1e40d8;border-radius:3px}
.po-page h3{font-weight:700;font-size:1.25em;line-height:1.35;margin:34px 0 12px;display:flex;align-items:center;gap:10px}
.po-page h3::before{content:"";width:6px;height:6px;border-radius:50%;background:#1e40d8;flex:none}
.po-page p{margin:0 0 18px}
.po-page ul,.po-page ol{margin:0 0 18px;padding-left:22px}
.po-page li{margin-bottom:8px}
.po-page .po-table-wrap{border:1px solid #eef0f4;border-radius:12px;overflow:hidden;background:#fff;margin:14px 0 18px}
.po-page table.po-table{width:100%;border-collapse:collapse}
.po-page .po-table th,.po-page .po-table td{padding:13px 18px;border-bottom:1px solid #eef0f4;text-align:left}
.po-page .po-table thead th{background:#f7f8fb;color:#52525b;font-weight:700}
.po-page .po-table tbody tr:last-child td{border-bottom:0}
.po-page .po-table tbody tr:nth-child(even){background:#fbfcfe}
.po-page .po-faq-list{border-top:1px solid #eef0f4}
.po-page .po-faq-item{border-bottom:1px solid #eef0f4;padding:22px 0}
.po-page .po-faq-item h3{margin:0 0 8px;font-size:1.125em;font-weight:700}
.po-page .po-faq-item p{margin:0;color:#52525b}
/* 项目符号列表：普通单列圆点列表。
   2026-09-13 改：原来这里是 display:grid 的多列卡片，短文本配大卡片又空又乱，
   而且每页都用同一种卡片 → 视觉上"一眼看出是模板"。按要求改为最朴素的单列分点。 */
.po-page ul.po-list{list-style:none;padding:0;margin:0 0 18px}
.po-page ul.po-list>li{position:relative;padding-left:20px;margin-bottom:10px}
.po-page ul.po-list>li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:#1e40d8}
.po-page ul.po-list>li strong{font-weight:700}
@media (max-width:720px){.po-page h2{font-size:1.5em}.po-page h3{font-size:1.125em}.po-page ul,.po-page ol{padding-left:18px}}
