/* ============================================================
   TOONIES — 政策/文章详情页 (/index/dvy_policy)
   外壳类 page-head/crumb/sec/panel 来自 style.css + pages.css,
   本文件只承载页级细节与后台富文本排版兜底;
   颜色/圆角/阴影全部取 style.css tokens,与新布局保持一致
   ============================================================ */

/* 标题:居中 + 品牌渐变装饰条 */
.dp-title{text-align:center;margin-bottom:8px}
.dp-title::after{content:'';display:block;width:56px;height:4px;border-radius:2px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));margin:14px auto 0}

/* 正文卡片:阅读宽度收窄,覆盖 .panel 默认 padding */
.dp-panel{max-width:920px;margin:0 auto;padding:44px 48px 52px}

.dp-body{color:var(--body);font-size:15px;line-height:1.75}

/* ===== 富文本排版兜底(内容来自后台富文本,无自带样式) ===== */
.detail-content{word-break:break-word}
.detail-content p{margin:0 0 14px}
.detail-content h1,.detail-content h2,.detail-content h3,.detail-content h4,.detail-content h5,.detail-content h6{
  color:var(--ink);font-weight:700;line-height:1.35;margin:26px 0 12px}
.detail-content h1{font-size:22px}
.detail-content h2{font-size:20px}
.detail-content h3{font-size:17px}
.detail-content h4,.detail-content h5,.detail-content h6{font-size:15px}
/* 全局 reset 去掉了列表符号,正文区内恢复 */
.detail-content ul{list-style:disc;padding-left:22px;margin:0 0 14px}
.detail-content ol{list-style:decimal;padding-left:22px;margin:0 0 14px}
.detail-content li{margin-bottom:6px}
.detail-content a{color:var(--brand);text-decoration:underline}
.detail-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:10px 0}
/* display:block + overflow-x:auto:宽表格手机端横向滚动不撑破卡片 */
.detail-content table{width:100%;max-width:100%;border-collapse:collapse;margin:16px 0;
  display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.detail-content th,.detail-content td{border:1px solid var(--line);padding:9px 12px;text-align:left;min-width:90px}
.detail-content th{background:var(--bg-soft);color:var(--ink);font-weight:650}
.detail-content strong,.detail-content b{color:var(--ink)}
.detail-content blockquote{margin:16px 0;padding:12px 16px;background:var(--brand-soft);
  border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;color:var(--body)}

/* ===== 响应式:与新布局断点(991/767/575)对齐 =====
   991px 起底部出现 mnav 标签栏,内容避让已由 style.css 全局 body padding-bottom 处理 */
@media(max-width:991px){
  .dp-panel{padding:32px 26px 40px}
}
@media(max-width:767px){
  .dp-panel{padding:24px 18px 32px;border-radius:12px}
  .dp-body{font-size:14px;line-height:1.7}
}
@media(max-width:575px){
  .dp-title{font-size:19px}
  .detail-content h1{font-size:19px}
  .detail-content h2{font-size:17px}
  .detail-content h3{font-size:15px}
  .detail-content th,.detail-content td{padding:7px 10px;min-width:80px}
}