/* 多语言外观。每一页都加载，叠在 styles.css 之上。 单开一份而不是并进 styles.css：那个文件已经过了项目 700 行的上限， 再往里塞就是加深欠债（404 页当初把自己的骨架内联，也是同一个理由）。 */ /* --- 导航栏里的语言切换器 --- 用 不受那条规则影响，切换器因此在小屏上照样在。 代价：跳转需要 layout 末尾那三行 JS，关掉脚本就没有切换入口 —— 里的 hreflang 仍在，爬虫不受影响。 */ #lang { appearance: none; font: inherit; font-size: 14px; font-weight: 500; color: var(--secondary-text); background-color: transparent; border: 1px solid var(--border); border-radius: 9px; padding: 6px 26px 6px 11px; cursor: pointer; transition: color 0.18s, border-color 0.18s; /* appearance:none 会连原生箭头一起去掉，光剩个框读起来像按钮。自绘一个 chevron 补回可供性；用 currentColor 才能跟着 hover 一起变。 */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23808080' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 9px; } #lang:hover { color: var(--active-text); border-color: var(--secondary-text); } /* 下拉展开时用的是系统菜单，得给它一个能读的底 —— 暗底上继承 transparent 会变成白底白字。 */ #lang option { background: var(--surface); color: var(--primary-text); } /* --- 中文的显示字体回退 --- Newsreader 的子集只含 Latin + 常用标点，汉字会一路掉到浏览器默认衬线。 把 CJK 段交给 PingFang SC：它是 macOS 的系统字，暗底上的字重也撑得住， 而 Latin 仍然优先命中 Newsreader —— 「macOS 原生的 Logseq」这种混排里， 英文走 Newsreader、中文走 PingFang，正是想要的结果。 */ :root:lang(zh) { --display: 'Newsreader', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; } /* 中文页一律不用斜体。汉字没有真正的斜体字形，浏览器只能机械倾斜，比不斜更难看， 而 `` 里落进来的是汉字还是拉丁字母，CSS 分辨不了 —— 与其逐处判断，不如整页禁掉。 强调不会因此消失：`h1 em` 本来就同时靠 accent 色和字重，斜体只是第三重。 */ :root:lang(zh) .kicker, :root:lang(zh) em { font-style: normal; }