
/* 单一深色视觉：沿用网站现有设计（深色底 + 应急橙），不随主题切换 */
:root { color-scheme: dark; --page: #0e1013; --chip: #1a1d22; --chip-line: #2c3038; --chip-ink: #e9e6e0; --accent: #ff6a2b; }
html, body { background: var(--page); }
body { margin: 0; }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 10; background: var(--page); }
.langbar { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 5; display: flex; gap: 8px; flex-wrap: wrap;
  padding-block: 12px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
  background: rgba(14,16,19,.92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.langbar a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--chip-line);
  background: var(--chip); color: var(--chip-ink); text-decoration: none; font: 600 16px system-ui, -apple-system, "PingFang SC", "Noto Sans Arabic", sans-serif; }
.langbar a[aria-current="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }
.langbar a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
