#pageChineseLetters{--cn-red:#c84f4f;--cn-jade:#67a88c;--cn-ink:#d7d1c3}
.cn-wrap{max-width:1280px;margin:0 auto;padding:2rem 1.25rem 4rem;direction:rtl}
.cn-head{text-align:center;margin-bottom:1.4rem}.cn-kicker{font:600 .63rem 'Ubuntu Mono',monospace;letter-spacing:.25em;color:var(--gold-dim);text-transform:uppercase}.cn-head h1{font-family:'Amiri',serif;font-size:clamp(1.9rem,4vw,2.9rem);color:var(--gold);margin:.35rem 0}.cn-head p{color:var(--text-sec);font-size:.88rem;line-height:1.9;max-width:900px;margin:auto}
.cn-note{max-width:980px;margin:0 auto 1.2rem;padding:.85rem 1rem;border:1px solid rgba(201,168,76,.22);border-radius:10px;background:rgba(201,168,76,.055);color:var(--text-sec);font-size:.82rem;line-height:1.85}.cn-note strong{color:var(--gold)}
.cn-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:.7rem;max-width:920px;margin:0 auto 1rem}.cn-search{width:100%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-pri);border-radius:9px;padding:.72rem 1rem;font-size:.92rem}.cn-tabs{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:0 0 1.2rem}.cn-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-sec);border-radius:999px;padding:.45rem .8rem;cursor:pointer;font-size:.76rem}.cn-tab.active,.cn-tab:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.08)}
.cn-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:0 auto 1.1rem;max-width:900px}.cn-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.75rem;text-align:center}.cn-stat b{display:block;color:var(--gold);font-size:1.2rem}.cn-stat span{color:var(--text-muted);font-size:.7rem}
.cn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.cn-card{border:1px solid var(--border);background:var(--bg-card);border-radius:11px;padding:.75rem .55rem;text-align:center;cursor:pointer;transition:.18s ease;min-height:145px}.cn-card:hover,.cn-card.active{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 28px rgba(0,0,0,.2)}.cn-char{font-family:'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;font-size:2.55rem;line-height:1.1;color:var(--gold2)}.cn-pinyin{font:600 .72rem 'Ubuntu Mono',monospace;color:var(--cn-jade);margin:.25rem 0}.cn-ar{font-size:.78rem;color:var(--text-pri);font-weight:700}.cn-kind{font-size:.62rem;color:var(--text-muted);margin-top:.35rem}.cn-badge{display:inline-block;margin-top:.35rem;padding:.16rem .38rem;border-radius:999px;border:1px solid rgba(201,168,76,.25);color:var(--gold-dim);font-size:.58rem}
.cn-panel{display:none;margin:1.2rem auto 0;max-width:1000px;border:1px solid var(--gold-dim);border-radius:13px;background:var(--bg-card);overflow:hidden}.cn-panel.show{display:block}.cn-panel-head{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--border)}.cn-panel-char{font-size:5rem;text-align:center;color:var(--gold2);font-family:'Noto Sans CJK SC','Microsoft YaHei',sans-serif}.cn-panel h2{margin:0;color:var(--gold);font-family:'Amiri',serif;font-size:1.55rem}.cn-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.cn-meta span{border:1px solid var(--border);border-radius:6px;padding:.25rem .45rem;font-size:.68rem;color:var(--text-sec)}.cn-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:0}.cn-sec{padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.cn-sec:nth-child(odd){border-left:1px solid var(--border)}.cn-sec h3{font-size:.75rem;color:var(--gold);margin:0 0 .45rem}.cn-sec p{font-size:.8rem;color:var(--text-sec);line-height:1.8;margin:0}.cn-rel{display:flex;flex-wrap:wrap;gap:.35rem}.cn-rel span{padding:.25rem .45rem;border-radius:6px;background:rgba(103,168,140,.08);border:1px solid rgba(103,168,140,.25);color:var(--text-sec);font-size:.68rem}.cn-confidence{font-size:.67rem;color:var(--text-muted);margin-top:.45rem}.cn-empty{text-align:center;color:var(--text-muted);padding:2rem;grid-column:1/-1}
@media(max-width:900px){.cn-grid{grid-template-columns:repeat(4,1fr)}.cn-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cn-tools{grid-template-columns:1fr}.cn-grid{grid-template-columns:repeat(3,1fr)}.cn-panel-head{grid-template-columns:85px 1fr}.cn-panel-char{font-size:4rem}.cn-sections{grid-template-columns:1fr}.cn-sec:nth-child(odd){border-left:0}.cn-card{min-height:132px}}