/* JSON 对比 */
.jc-area{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6}
.jc-stat{display:flex;flex-wrap:wrap;gap:.5rem}
.jc-chip{padding:.35rem .6rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd;font-size:.8125rem;color:#5c636a}
.jc-chip b{font-weight:600}
.jc-chip.is-ok{border-color:#cfe9dc;background:#e7f7ef;color:#0f7b4f}
.jc-chip.is-add{border-color:#cfe9dc;background:#f2fbf6;color:#0f7b4f}
.jc-chip.is-del{border-color:#f6d5d5;background:#fff5f5;color:#b42318}
.jc-chip.is-chg{border-color:#f6e0b5;background:#fffaf0;color:#8a5a00}

.jc-diffs{display:flex;flex-direction:column;gap:.35rem;max-height:26rem;overflow:auto}
.jc-item{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .55rem;border:1px solid #eef1f5;border-radius:.5rem;font-size:.8125rem}
.jc-item.is-add{border-color:#d3f0e0;background:#f5fdf9}
.jc-item.is-del{border-color:#f7dada;background:#fff7f7}
.jc-item.is-chg{border-color:#f6e6c8;background:#fffcf5}
.jc-badge{flex:none;padding:.05rem .35rem;border-radius:.375rem;font-size:.6875rem;color:#fff}
.is-add .jc-badge{background:#12b76a}
.is-del .jc-badge{background:#f04438}
.is-chg .jc-badge{background:#f79009}
.jc-path{flex:0 0 auto;max-width:46%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#1d2939;word-break:break-all}
.jc-val{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#5c636a;word-break:break-all}
.jc-val .jc-old{color:#b42318}
.jc-val .jc-new{color:#027a48}
.jc-item.is-same{border-color:#eef1f5;background:#fafbfd}

.jc-side{border:1px solid #eef1f5;border-radius:.5rem;overflow:auto;max-height:30rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}
.jc-side-head{display:grid;grid-template-columns:1fr 1fr;gap:0;position:sticky;top:0;z-index:1}
.jc-side-head div{padding:.35rem .5rem;border-bottom:1px solid #eef1f5;background:#fafbfd;color:#8a9199}
.jc-row{display:grid;grid-template-columns:3rem 1fr 3rem 1fr;border-bottom:1px dashed #f2f4f7}
.jc-ln{padding:.15rem .35rem;color:#b0b7c3;text-align:right;background:#fbfcfd;border-right:1px solid #f2f4f7;user-select:none}
.jc-code{padding:.15rem .5rem;white-space:pre-wrap;word-break:break-all;color:#344054}
.jc-row.is-same .jc-code{color:#667085}
.jc-row.is-del .jc-ln.jc-a,.jc-row.is-del .jc-code.jc-a,
.jc-row.is-chg .jc-ln.jc-a,.jc-row.is-chg .jc-code.jc-a{background:#fff5f5}
.jc-row.is-add .jc-ln.jc-b,.jc-row.is-add .jc-code.jc-b,
.jc-row.is-chg .jc-ln.jc-b,.jc-row.is-chg .jc-code.jc-b{background:#f2fbf6}