/* 自他動詞 一般規則ページ（TASK-DEV-026）。作用域 .wordchars（壳 <main class="wordcards wordchars">）。
   配对对照表框：复用概念页【一覧】表(.cdetail .kgtab)的圆角描边阴影+红底白字表头，去分隔线/斑马；
   表头=规则模式两列(〇まる｜〇める)分别居中，对齐下方 自動詞/他動詞；
   单词标签直接复用汉字详情页 .wordchars .t（大小/点击抬起/音波一致），左自=音読色(--on 红)/右他=訓读色(--kun 蓝)。
   依赖：theme.css(token) + word_char.css(.t 标签) + word_card.css(.wordcards page-head/app-promo/breadcrumb)。
   改本文件须 bump 壳引用 ?v=。 */

/* 排布：masonry 紧凑列（列内上下无空隙）。基础态(无 JS)=单列居中可用；
   JS(片段内)按「最短列优先」把各表分配进等宽列(330px·对齐汉字卡)→列内紧贴无空隙·各列底大致齐·正确处理超长组。
   纯 CSS columns 在超长块时列高平衡失灵(跨列阴影残影+顶部不齐)，故改用 JS masonry。 */
.wordchars .vj-flow{display:flex;flex-direction:column;align-items:center;gap:24px;}
.wordchars .vj-col{display:flex;flex-direction:column;gap:24px;width:330px;max-width:100%;}

/* 外框：一覧表的圆角描边阴影（去分隔线/斑马）。垂直间距交给 flex gap，勿加 margin（否则叠加） */
.wordchars .vjr{width:100%;max-width:330px;background:var(--surface);font-family:var(--font-ja);
  border:var(--bd) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden;}

/* 表头：红底白字·规则模式两列分别居中（对齐下方 自動詞/他動詞）；99 等无配对模式整体居中 */
.wordchars .vjr-h{display:grid;grid-template-columns:1fr 1fr;background:var(--brand);color:#fff;
  border-bottom:var(--bd) solid var(--ink);letter-spacing:.02em;}
.wordchars .vjr-h span{padding:8px 6px;text-align:center;font-weight:800;font-size:1.04rem;}
.wordchars .vjr-h.single{display:block;text-align:center;padding:8px 14px;font-weight:800;font-size:1.04rem;}

/* 自動詞/他動詞 列标签行（自红 他蓝·无分隔线·上下间距相等 11px） */
.wordchars .vjr-ch{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;}
.wordchars .vjr-ch span{text-align:center;font-family:var(--font-ja-display);font-weight:800;font-size:.82rem;}
.wordchars .vjr-ch .ci{color:var(--on);}
.wordchars .vjr-ch .ct{color:var(--kun);}

/* 表身：2 列单词标签网格（不等高·无分隔线/斑马·顶 padding 交给上方列标签行）*/
.wordchars .vjr-b{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;padding:0 11px 11px;}
/* .t 标签样式完全由 word_char.css 提供；此处只设类型色 --tc（自=音読红/他=訓读蓝） */
.wordchars .vjr-b .t.intr{--tc:var(--on);}
.wordchars .vjr-b .t.trans{--tc:var(--kun);}