/* RTBL_V1 (2026-10-07) 列表 / 分类 / 单页富文本表格自适应, 配套 rtbl.js
 * 手机端 (<=640px) 与文章详情页同款: 每行一张浅灰圆角卡片, 左侧主题色小标签 = 表头, 右侧内容, 首格做卡片标题
 * 选择器故意写长 (类名重复) 压过模板和 zblocks 表格里带 !important 的规则; 电脑端只加横向滚动外壳, 外观仍由模板决定 */
.rt-o{position:relative;max-width:100%;margin:20px 0}
.rt-o.rt-zb{margin:0}
.rt-w{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:var(--primary-light,#c7d7f5) transparent}
.rt-w::-webkit-scrollbar{height:6px}
.rt-w::-webkit-scrollbar-thumb{background:var(--primary-light,#c7d7f5);border-radius:3px}
html body .rt-o .rt-w > table{margin:0!important;max-width:none}
.rt-o::after{content:"";position:absolute;top:0;right:0;bottom:0;width:36px;pointer-events:none;
  background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.95));opacity:1;transition:opacity .3s}
.rt-o.rt-end::after,.rt-o.rt-of::after{opacity:0}
@media (min-width:641px){
  html body .rt-o .rt-w > table.rt-card{min-width:560px}
}

@media (max-width:640px){
  .rt-o{margin:16px 0}
  .rt-o.rt-zb{margin:0}
  .rt-o.rt-oc::after{display:none}
  .rt-o.rt-oc > .rt-w{overflow:visible}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card{
    display:block!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;
    border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
    table-layout:auto!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card > thead,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr.rt-head,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr.rt-erow,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card .rt-empty{display:none!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card > tbody,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card > tfoot{
    display:block!important;width:100%!important;background:none!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr{
    display:block!important;width:100%!important;margin:0 0 14px!important;padding:6px 14px!important;
    border:0!important;border-radius:10px!important;background:#f8f9fb!important;box-shadow:none!important;
    overflow:hidden}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr:last-child{margin-bottom:0!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > td,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > th{
    display:block!important;position:relative!important;width:auto!important;height:auto!important;min-height:36px;
    margin:0!important;padding:10px 0 10px 42%!important;border:0!important;
    border-bottom:1px dashed rgba(0,0,0,.07)!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;text-align:right!important;vertical-align:top!important;white-space:normal!important;
    font-size:.85rem!important;font-weight:400!important;line-height:1.55!important;letter-spacing:normal!important;
    text-transform:none!important;color:#0f172a!important;word-break:break-word;overflow-wrap:anywhere}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > :last-child{
    border-bottom:0!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > td::before,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > th::before{
    content:attr(data-label);position:absolute;left:0;top:10px;width:38%;padding-right:10px;
    text-align:left;white-space:normal;font-size:.72rem;font-weight:700;line-height:1.4;
    letter-spacing:.03em;text-transform:uppercase;color:var(--primary-blue,#2563eb)!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > [data-label=""]{
    padding-left:0!important;text-align:left!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > [data-label=""]::before{
    display:none}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > .rt-first{
    margin:-6px -14px 4px!important;padding:12px 14px!important;min-height:0;border-bottom:0!important;
    background:rgba(var(--primary-rgb,37,99,235),.06)!important;text-align:left!important;
    font-size:.95rem!important;font-weight:700!important;color:var(--hover-blue,#1e3a8a)!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > .rt-first::before{
    display:block;position:static;width:auto;padding:0 0 2px;font-size:.68rem;
    color:var(--accent-blue,#3b82f6)!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > .rt-first[data-label=""]::before{
    display:none}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card :is(td,th) > :first-child{margin-top:0}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card :is(td,th) > :last-child{margin-bottom:0}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card img{
    display:inline-block;max-width:100%;height:auto;margin:0}
  html body .rt-o .rt-w table.rt-fit.rt-fit.rt-fit.rt-fit{
    width:100%!important;min-width:0!important;table-layout:fixed!important}
  html body .rt-o .rt-w table.rt-fit.rt-fit.rt-fit.rt-fit td,
  html body .rt-o .rt-w table.rt-fit.rt-fit.rt-fit.rt-fit th{
    width:auto!important;padding:10px 12px!important;font-size:.88rem!important;line-height:1.55!important;
    white-space:normal!important;word-break:break-word;overflow-wrap:anywhere}
  html body .rt-o .rt-w table.rt-fit2.rt-fit2.rt-fit2.rt-fit2 tr > :first-child{width:38%!important}
}
@media (max-width:400px){
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr{padding:4px 12px!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > td,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > th{
    padding:9px 0 9px 40%!important;font-size:.82rem!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > .rt-first{
    margin:-4px -12px 4px!important;padding:11px 12px!important;font-size:.92rem!important}
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > td::before,
  html body .rt-o .rt-w table.rt-card.rt-card.rt-card.rt-card.rt-card.rt-card tr > th::before{
    width:36%;font-size:.68rem}
}
@media print{
  .rt-o::after{display:none}
  .rt-w{overflow:visible}
}
/* RTBL_V1 END */
/* ZBLOCKS_V1_END */