/* HanziPeek · 视觉阿语（جَذْر）· 依据 Jadhr UI 规范 v1.0，并入站点体系 */
.ar-root{--ar-root:#5b4fb5;--ar-root-tint:#eeebfa;--ar-pat:#2f8a5a;--ar-pat-tint:#e9f5ee;--ar-pre:#c26a1b;--ar-pre-tint:#fbefe2;--ar-ink:#1c1a17;--ar-sub:#6b665d;--ar-line:#e4e0d6;--ar-card:#fffefb;
  font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--ar-ink);background:#f6f4ef;border-radius:16px;padding:14px}
.ar-root .ar{font-family:"Noto Naskh Arabic","Amiri","Scheherazade New","Geeza Pro","Traditional Arabic",serif;line-height:1.7;unicode-bidi:isolate}
.ar-root button{font-family:inherit;cursor:pointer}
.ar-top .ko-title b{font-size:26px}
.ar-sec-t{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:12px 0 8px;flex-wrap:wrap}
.ar-sec-t small{color:var(--ar-sub);font-weight:400}
.ar-sec-t .ko-n{background:var(--ar-ink)}
.ar-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--ar-card);border:1px solid var(--ar-line);border-radius:12px}
.ar-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:2px solid var(--ar-root);border-radius:999px;background:var(--ar-root-tint)}
.ar-chip b{font-size:22px}.ar-chip small{font-size:11px;color:var(--ar-sub)}
/* 字母形族 */
.ar-fams{display:flex;flex-direction:column;gap:6px;background:var(--ar-card);border:1px solid var(--ar-line);border-radius:14px;padding:10px 12px}
.ar-fam{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ar-fam-l{font-size:11px;color:var(--ar-sub);min-width:64px}
.ar-letter{display:inline-flex;flex-direction:column;align-items:center;min-width:64px;padding:4px 6px 3px;border:2px solid var(--ar-line);border-radius:10px;background:#fff;color:var(--ar-ink)}
.ar-letter:hover{border-color:#b9b2a3}.ar-letter.on{border-color:var(--ar-root);background:var(--ar-root-tint)}
.ar-letter b{font-size:26px;line-height:1.2}
.ar-forms{display:inline-flex;gap:4px;font-size:15px;color:var(--ar-sub);font-family:"Noto Naskh Arabic",serif}
.ar-forms i{font-style:normal}
.ar-letter small{font-size:10px;color:var(--ar-sub)}
.ar-pos{background:#fff8ee;border:2px solid #f0c9a8;border-radius:14px;padding:10px 12px;margin:10px 0}
.ar-q{font-size:16px;font-weight:600;margin-bottom:8px}
.ar-q-l{font-size:30px;color:var(--ar-root);margin-right:6px}
.ar-pos-row{display:flex;gap:10px;flex-wrap:wrap}
.ar-pos-btn{display:inline-flex;flex-direction:column;align-items:center;min-width:96px;padding:8px 12px;border:2px solid var(--ar-line);border-radius:12px;background:#fff;color:var(--ar-ink);font-size:14px}
.ar-pos-btn b{font-size:36px;line-height:1.3;font-family:"Noto Naskh Arabic",serif}
.ar-pos-btn.top{border-color:var(--ar-root)}
.ar-pos-btn small{font-size:11px;color:var(--ar-sub)}
/* 候选 */
.ar-cands{display:flex;flex-wrap:wrap;gap:8px}
.ar-cand{display:inline-flex;flex-direction:column;align-items:center;min-width:96px;padding:6px 10px;border:2px solid var(--ar-line);border-radius:12px;background:#fff;color:var(--ar-ink)}
.ar-cand:hover{border-color:var(--ar-ink)}
.ar-cand .big{font-size:30px}
.ar-cand small{font-size:12px;color:var(--ar-sub);max-width:140px;text-align:center}
.ar-cand em{font-style:normal;font-size:12px;color:var(--ar-root);letter-spacing:.15em}
.ar-cands.sm .ar-cand{min-width:72px}.ar-cands.sm .ar-cand .big{font-size:24px}
/* 词根高亮：只改颜色和下划线，不改字重（保持连写） */
.ar-hl .ar-seg.root{color:var(--ar-root);text-decoration:underline;text-decoration-color:var(--ar-root);text-decoration-thickness:3px;text-underline-offset:.3em;text-decoration-skip-ink:none}
.ar-hl .ar-seg.pat{color:var(--ar-pat)}
.ar-hl .ar-seg.pre{color:var(--ar-pre)}
.ar-hl .ar-seg.suf{color:var(--ar-pre)}
.ar-hl.big{font-size:30px}.ar-hl.huge{font-size:64px;line-height:1.5}
/* 词根 + 模式 */
.ar-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ar-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){.ar-cols{grid-template-columns:1fr}}
.ar-col{background:var(--ar-card);border:1px solid var(--ar-line);border-radius:14px;padding:10px 12px;min-width:0}
.ar-q-in{margin-left:auto;font:inherit;font-size:12px;border:1px solid var(--ar-line);border-radius:8px;padding:3px 8px;width:140px}
.ar-root-list,.ar-pat-list{display:flex;flex-direction:column;gap:5px;max-height:420px;overflow:auto}
.ar-root-btn,.ar-pat-btn{display:flex;align-items:center;gap:10px;padding:6px 10px;border:2px solid var(--ar-line);border-radius:10px;background:#fff;color:var(--ar-ink);text-align:left}
.ar-root-btn.on{border-color:var(--ar-root);background:var(--ar-root-tint)}
.ar-pat-btn.on{border-color:var(--ar-pat);background:var(--ar-pat-tint)}
.ar-root-btn b{font-size:22px;letter-spacing:.12em;color:var(--ar-root);min-width:80px;text-align:right}
.ar-root-btn span{font-size:13px;flex:1}
.ar-root-btn small,.ar-root-btn em{font-size:11px;color:var(--ar-sub);font-style:normal}
.ar-root-btn em{border:1px dashed var(--ar-line);border-radius:6px;padding:0 5px}
.ar-pat-ico{font-size:18px}
.ar-patform{font-size:20px;min-width:90px;text-align:right}
.ar-patform .ar-seg.root{color:#9a93d8}.ar-patform .ar-seg.pat{color:var(--ar-pat)}
.ar-pat-zh{font-size:13px;flex:1;display:flex;flex-direction:column}
.ar-pat-zh small{font-size:11px;color:var(--ar-sub)}
.ar-pat-ex{font-size:18px;color:var(--ar-sub)}
/* 矩阵 */
.ar-matrix-scroll{overflow:auto;background:var(--ar-card);border:1px solid var(--ar-line);border-radius:14px;padding:8px}
.ar-matrix{border-collapse:separate;border-spacing:3px;font-size:12px}
.ar-matrix th{font-weight:500;text-align:center;padding:4px 6px;background:#f3efe6;border-radius:8px;white-space:nowrap}
.ar-matrix th .ar-patform{min-width:0;font-size:16px;display:block}
.ar-matrix th small{display:block;color:var(--ar-sub);font-size:10px}
.ar-matrix tr>th:first-child{text-align:right}
.ar-matrix tr>th:first-child b{font-size:18px;letter-spacing:.1em;color:var(--ar-root)}
.ar-matrix td{text-align:center}
.ar-cell{border:1px solid var(--ar-line);background:#fff;border-radius:8px;padding:2px 8px;font-size:18px;color:var(--ar-ink)}
.ar-cell:hover{border-color:var(--ar-ink)}
.ar-empty{color:#cfc9bd}
/* 学习卡 */
.ar-card{background:#1c1a17;color:#f3efe6;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.ar-card-top{display:flex;gap:16px;flex-wrap:wrap}
.ar-card-big{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:200px}
.ar-card .ar-hl.huge .ar-seg.root{color:#b8aef5;text-decoration-color:#b8aef5}
.ar-card .ar-hl.huge .ar-seg.pat{color:#8fd6ad}
.ar-card .ar-hl.huge .ar-seg.pre{color:#f0b37e}
.ar-ipa{font-family:"IBM Plex Mono",monospace;font-size:14px;opacity:.8;display:flex;align-items:center;gap:6px}
.ar-zh{font-size:18px}
.ar-card-r{flex:1;min-width:260px;display:flex;flex-direction:column;gap:8px}
.ar-eq{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.ar-eq-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:12px;min-width:110px;background:rgba(255,255,255,.06)}
.ar-eq-box small{font-size:10px;letter-spacing:.08em;opacity:.7}
.ar-eq-box.root{border:2px solid #7b6fd8}.ar-eq-box.root b{font-size:26px;letter-spacing:.15em;color:#b8aef5}
.ar-eq-box.pat{border:2px solid #3fa672}.ar-eq-box.pat .ar-patform{font-size:22px}.ar-eq-box.pat .ar-patform .ar-seg.root{color:#9a93d8}.ar-eq-box.pat .ar-patform .ar-seg.pat{color:#8fd6ad}
.ar-eq-box.pat i{font-style:normal;font-size:11px;opacity:.75}
.ar-eq-box.out{border:2px solid #f3efe6}.ar-eq-box.out .big{font-size:32px}
.ar-eq-box em{font-style:normal;font-size:11px;opacity:.8}
.ar-eq-box span{font-size:13px}
.ar-eq-op{align-self:center;font-size:24px;opacity:.6}
.ar-note{font-size:12px;color:#f3b4a6}
.ar-letters{display:flex;flex-wrap:wrap;gap:6px}
.ar-lt{display:inline-flex;flex-direction:column;align-items:center;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.06)}
.ar-lt b{font-size:22px;font-family:"Noto Naskh Arabic",serif}.ar-lt small{font-size:10px;opacity:.75}
.ar-fam-row,.ar-sents{background:var(--ar-card);color:var(--ar-ink);border-radius:12px;padding:10px 12px}
.ar-fam-row .ar-sec-t,.ar-sents .ar-sec-t{margin:0 0 6px}
.ar-sent{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px dashed var(--ar-line)}
.ar-sent .sent{font-size:22px;flex:1;text-align:right}
.ar-sent-tr{width:100%;font-size:13px;color:var(--ar-sub);padding-left:40px}
.ar-spk{border:0;background:#f3efe6;border-radius:50%;width:32px;height:32px;font-size:15px;color:var(--ar-ink);display:inline-flex;align-items:center;justify-content:center}
.ar-spk.light{background:rgba(255,255,255,.2);color:#fff}.ar-spk.lg{width:40px;height:40px;font-size:18px}.ar-spk.sm{width:26px;height:26px;font-size:11px}
/* 日常阿语 */
.ar-phr .ar-phr-ar{font-size:24px;text-align:right}
.ar-syl{border:0;background:transparent;padding:0 1px;font:inherit;font-family:"Noto Naskh Arabic",serif;font-size:24px;color:var(--ar-ink);border-bottom:2px dashed var(--ar-root);border-radius:3px}
.ar-syl:hover{background:var(--ar-root-tint);color:var(--ar-root)}
/* 小学生版 */
.ar-root.kids{font-family:"Zen Maru Gothic","Noto Sans SC",sans-serif;background:#fffdf7;border-radius:24px}
.ar-root.kids .kd-tile-ja{font-size:20px}
.ar-kid-roots{display:flex;flex-wrap:wrap;gap:10px}
.ar-kid-root{display:flex;flex-direction:column;align-items:center;min-width:110px;padding:12px 10px;border:3px solid var(--ar-line);border-radius:18px;background:#fff;color:var(--ar-ink);box-shadow:0 3px 0 #e8dcc8}
.ar-kid-root b{font-size:34px;letter-spacing:.15em;color:var(--ar-root)}
.ar-kid-root span{font-size:14px}
.ar-molds{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.ar-mold{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border:3px solid var(--ar-pat);border-radius:20px;background:var(--ar-pat-tint);color:var(--ar-ink);box-shadow:0 4px 0 #bcd9c8}
.ar-mold-ico{font-size:40px}
.ar-mold-k{font-size:18px;font-weight:700}
.ar-mold .ar-patform{font-size:22px;min-width:0}
.ar-mold-out{margin-top:6px;padding:4px 12px;background:#fff;border-radius:10px;font-size:30px}
.ar-card.kids{background:#fff;color:var(--ar-ink);border:2px solid var(--ar-line)}
.ar-card.kids .ar-hl.huge .ar-seg.root{color:var(--ar-root);text-decoration-color:var(--ar-root)}
.ar-card.kids .ar-hl.huge .ar-seg.pat{color:var(--ar-pat)}
.ar-card.kids .ar-eq-box{background:#f8f6f0}.ar-card.kids .ar-eq-box.root b{color:var(--ar-root)}.ar-card.kids .ar-eq-box.pat .ar-patform .ar-seg.pat{color:var(--ar-pat)}
.ar-card.kids .ar-spk.light{background:#f3efe6;color:var(--ar-ink)}
.ar-card.kids .ar-hl.huge{font-size:80px}
.ar-root.kids .kd-cta,.ar-root.kids .kd-btn{font-family:"Noto Naskh Arabic","Zen Maru Gothic",sans-serif;font-size:20px}
.ar-root.kids .kd-head-t{font-size:24px}