/* ===========================================================
   语言切换（简 / 繁 / EN） —— 样式
   命名空间统一用 .ppl-lang-*，避免和现有类名冲突
   =========================================================== */

/* 语言按钮：和站点图标按钮同尺寸同风格（38px 圆形） */
.ppl-lang-switch{position:relative;display:flex;align-items:center;gap:3px;flex:0 0 auto}

.ppl-lang-btn{width:38px;height:38px;padding:0;display:inline-flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;line-height:1;
  border:1px solid var(--line);border-radius:50%;background:var(--surface2);color:var(--muted);
  cursor:pointer;font-size:13px;transition:color .15s,border-color .15s,background .15s}
.ppl-lang-btn:hover{color:var(--text);border-color:var(--accent)}
.ppl-lang-btn.ppl-on{color:var(--accent);border-color:var(--accent);font-weight:700;
  background:rgba(214,173,83,.14)}
.ppl-lang-btn .ppl-caret{font-size:7px;opacity:.75;transform:translateY(-1px)}

/* 三种语言各用各自的字体书写，字形差异真实可见 */
.ppl-lang-btn[data-ppl-lang="zh-CN"]{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif}
.ppl-lang-btn[data-ppl-lang="zh-HK"]{font-family:"PMingLiU","MingLiU","Microsoft JhengHei","PingFang HK","Noto Sans TC",serif}
.ppl-lang-btn[data-ppl-lang="en"]{font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.04em;font-size:12px}

/* 点一下弹出的选择框 */
.ppl-lang-pop{position:absolute;top:calc(100% + 10px);right:0;min-width:266px;z-index:60;
  background:var(--surface,#14181d);border:1px solid var(--line,#282f38);border-radius:12px;padding:6px;
  box-shadow:0 16px 44px rgba(0,0,0,.5);display:none}
.ppl-lang-pop.ppl-open{display:block}
.ppl-lang-pop a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;
  color:var(--text,#eef1f4);text-decoration:none;font-size:13px}
.ppl-lang-pop a:hover{background:var(--surface2,#1b2027)}
.ppl-lang-pop a.ppl-on{color:var(--accent,#d6ad53)}
.ppl-lang-pop .ppl-name{flex:1 1 auto}
.ppl-lang-pop .ppl-code{color:var(--muted,#98a2ad);font-size:11px;font-family:Inter,monospace}
.ppl-lang-pop .ppl-tick{font-size:12px;color:var(--accent,#d6ad53)}

/* 旧版 UI（body 无 .v106）没有 CSS 变量，这里给一份兜底配色 */
body:not(.v106) .ppl-lang-btn{background:#fff;border-color:#d0d4d8;color:#50575e}
body:not(.v106) .ppl-lang-btn:hover{color:#15191d;border-color:#15191d}
body:not(.v106) .ppl-lang-btn.ppl-on{color:#8a6d1f;border-color:#8a6d1f;background:#fdf6e6}
body:not(.v106) .ppl-lang-pop{background:#fff;border-color:#e1e4e8}
body:not(.v106) .ppl-lang-pop a{color:#15191d}
body:not(.v106) .ppl-lang-pop a:hover{background:#f2f4f6}
body:not(.v106) .ppl-lang-pop .ppl-code{color:#6b737c}

/* 极窄屏幕：略缩，避免顶栏溢出 */
@media(max-width:560px){
  .ppl-lang-btn{width:32px;height:32px;font-size:12px}
  .ppl-lang-pop{min-width:238px}
}