/* zh.css – bản tiếng Trung (10/11/2026). Xem zh.js.
   1) Phông SSZeroSpace chỉ chứa DẤU CÁCH rộng 0 (unicode-range U+0020): áp cho phần tử CHA của các "từ" phụ đề
      → dữ liệu "我 今 天" hiện thành "我今天" mà mọi tính năng tách theo dấu cách vẫn chạy.
   2) Phông chữ Hán: dùng phông hệ thống giản thể (PingFang SC / Microsoft YaHei / Noto Sans CJK SC) – không tải thêm. */
@font-face { font-family: SSZeroSpace; src: url(data:font/ttf;base64,AAEAAAALAIAAAwAwRFNJRwAAAAEAAAJ0AAAACE9TLzJBFz9kAAABOAAAAGBjbWFwAAwAcwAAAaAAAAA0Z2x5ZgAAAAAAAAHcAAAAAWhlYWQtSDXGAAAAvAAAADZoaGVhAyH/OgAAAPQAAAAkaG10eAAAAAAAAAGYAAAABmxvY2EAAAAAAAAB1AAAAAZtYXhwAAMAAgAAARgAAAAgbmFtZYyK+eMAAAHgAAAAbHBvc3QABwAAAAACTAAAACYAAQAAAAEAAGT/cx1fDzz1AAMD6AAAAADnGPpzAAAAAOcY+nMAAAAAAAAAAAAAAAMAAgAAAAAAAAABAAADIP84AAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQABAAAAAgAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAMAAAGQAAUABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAD8/Pz8AAAAgACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACAAAAAEAAQAAQAAACD//wAAACD////hAAEAAAAAAAAAAAAAAAAAAAAAAAAABAA2AAEAAAAAAAEACwAAAAEAAAAAAAIABwALAAMAAQQJAAEAFgASAAMAAQQJAAIADgAoU1NaZXJvU3BhY2VSZWd1bGFyAFMAUwBaAGUAcgBvAFMAcABhAGMAZQBSAGUAZwB1AGwAYQByAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAMAAAAAAAEAAAAA) format('truetype'); unicode-range: U+0020; }
:root { --zh-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif; }
html.ss-zh body { font-family: "Plus Jakarta Sans", var(--zh-font); }
/* phần tử chứa trực tiếp các từ phụ đề (mọi giao diện) – trừ dòng tiếng Việt */
html.ss-zh :is(
  *:has(> .sub-word-unit), *:has(> .sh-w), *:has(> .th-w), *:has(> .bk-w), *:has(> .dc-hw), *:has(> .zh-w)
):not(.sub-vi-line):not([class*="-vi"]):not(.zh-keep-space),
html.ss-zh .zh-t {
  font-family: SSZeroSpace, "Plus Jakarta Sans", var(--zh-font) !important;
  word-spacing: 0 !important;
}
html.ss-zh .ipa-sp { font-family: SSZeroSpace, sans-serif !important; }
/* Pinyin (dùng lại chỗ IPA): nằm TRÊN chữ Hán như sách học tiếng Trung */
html.ss-zh :is(.cs-w, .sh-w)[data-ipa] { flex-direction: column-reverse; padding: 0 .1em; }
html.ss-zh :is(.cs-w, .sh-w)[data-ipa]::after { margin: 4px 0 0; font-size: .6em; line-height: 1.2; letter-spacing: 0; font-family: "Plus Jakarta Sans", system-ui, sans-serif; }
html.ss-zh :is(.cs-w, .sh-w)[data-ipa]::before { top: auto; bottom: 0; }
/* Tra nghĩa: pinyin + Hán Việt ở đầu cửa sổ; bảng "Cách đọc" từng chữ (màu thanh điệu kiểu Pleco) */
html.ss-zh .lx-term { font-family: var(--zh-font); letter-spacing: .02em; }
html.ss-zh .lx-py { font-family: "Plus Jakarta Sans", system-ui, sans-serif; }
html.ss-zh .lx-hv { margin-left: 10px; font-size: 12px; font-weight: 700; letter-spacing: .06em; color: #f59e0b; }
html.ss-zh .zh-rds { display: grid; gap: 8px; }
html.ss-zh .zh-rd { display: flex; align-items: center; gap: 12px; }
html.ss-zh .zh-rd-c { width: 46px !important; height: 46px !important; border-radius: 10px; font: 600 26px/1 var(--zh-font) !important; display: inline-flex; align-items: center; justify-content: center; }
html.ss-zh .zh-rd-i { display: flex; flex-direction: column; gap: 1px; font-size: 13px; }
html.ss-zh .zh-rd-i b { font-size: 16px; }
html.ss-zh .zh-rd-hv { opacity: .8; }
html.ss-zh .zh-t1 { color: #ef4444; } html.ss-zh .zh-t2 { color: #f59e0b; } html.ss-zh .zh-t3 { color: #22c55e; } html.ss-zh .zh-t4 { color: #3b82f6; } html.ss-zh .zh-t0 { color: #94a3b8; }
/* Logo: nhãn đỏ "中文" sau chữ Studio */
html.ss-zh .ytn-zh { display: inline-block; margin-left: 6px; padding: 1px 6px 2px; border-radius: 6px; background: #de2910; color: #ffde00 !important;
  font: 700 12px/1.25 var(--zh-font) !important; letter-spacing: .04em; vertical-align: 3px; }
/* Nhãn HSK trên thẻ video thư viện */
.lv-HSK1 { --lv-c: #16a34a; } .lv-HSK2 { --lv-c: #0d9488; } .lv-HSK3 { --lv-c: #2563eb; } .lv-HSK4 { --lv-c: #7c3aed; } .lv-HSK5 { --lv-c: #d97706; } .lv-HSK6 { --lv-c: #dc2626; }
html.ss-zh .yt-card:has(> .lv-pill) .yt-views-date { padding-right: 52px; }
/* Tiện ích Chrome hiện chỉ mở bản tiếng Anh → ẩn mọi khung mời cài tiện ích ở bản Trung (làm tiện ích bản Trung sau) */
html.ss-zh .ext-strip, html.ss-zh #ext-install-strip, html.ss-zh .oy-ext { display: none !important; }
/* pinyin dưới câu ví dụ tiếng Trung */
html.ss-zh .zh-py { margin-top: 1px; font: 400 12.5px/1.4 "Plus Jakarta Sans", system-ui, sans-serif; color: #86efac; opacity: .85; letter-spacing: .01em; }
html[data-ui="light"].ss-zh .zh-py, html.light.ss-zh .zh-py { color: #15803d; }
/* "AI chấm phát âm" (Azure/Gemini) hiện chỉ cho tiếng Anh + đang bảo trì → ẩn ở bản Trung */
html.ss-zh #psc-toggle, html.ss-zh .psc-tg { display: none !important; }
/* Luyện nói: câu hỏi đang thu gọn (spk-q-col) không hiện pinyin – tối giản; mở câu thì hiện */
html.ss-zh .spk-q-col > .zh-py { display: none; }
/* "Nghe bài" (giọng đọc cả bài): model Qwen 3.1 Flash chưa có giọng Trung → tạm ẩn ở bản Trung (11/11/2026) */
html.ss-zh #rt-btn, html.ss-zh #rt-pill { display: none !important; }
