/* 全站语言组件使用隔离类名；首页与笔记页共享同一地球按钮和暖色弹窗。 */
.cs-language-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; margin: 0; padding: 0; border: 1px solid currentColor; border-color: rgba(128,95,75,.2); border-radius: 50%; color: inherit; background: transparent; cursor: pointer; }
.cs-language-button:hover { background: rgba(176,117,87,.1); }
.cs-language-button:focus-visible, .cs-language-dialog button:focus-visible { outline: 2px solid #b67557; outline-offset: 3px; }
/* dialog 进入浏览器顶层，不受各首页导航的 z-index 或 overflow 限制。 */
.cs-language-dialog { box-sizing: border-box; position: fixed; inset: 0; width: min(380px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 24px; overflow: auto; border: 1px solid #dfcbbb; border-radius: 20px; color: #513e33; background: #fffaf3; box-shadow: 0 20px 80px rgba(49,33,26,.2); font: 14px/1.6 system-ui, sans-serif; }
.cs-language-dialog::backdrop { background: rgba(45,36,31,.28); backdrop-filter: blur(6px); }
.cs-language-heading { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.cs-language-heading h2 { margin: 0; font: 600 21px/1.4 system-ui, sans-serif; }
.cs-language-heading button { width: 32px; height: 32px; padding: 0; flex-shrink: 0; border: 0; background: transparent; color: inherit; font-size: 24px; cursor: pointer; }
.cs-language-dialog p { margin: 12px 0 18px; color: #897164; font-size: 13px; }
/* 删除说明文字后，标题与语言选项仍保留清晰间距。 */
.cs-language-options { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.cs-language-options button { min-height: 44px; padding: 9px; border: 1px solid #eadbd0; border-radius: 10px; background: #fffdf9; color: inherit; font: inherit; cursor: pointer; }
.cs-language-options button:hover, .cs-language-options button[aria-pressed="true"] { background: #f4e2d3; border-color: #ba8565; }
.cs-language-dialog .cs-language-error { color: #a23e38; margin-bottom: 0; }
/* 笔记页和应用首页给入口保留导航右侧位置，不挤压标题或返回链接。 */
.topbar > .cs-language-button { justify-self: end; margin-left: 0; }
.store-page .nav > .cs-language-button { margin-left: auto; }
