.language-switcher { position: relative; flex: 0 0 auto; font: 13px/1.5 system-ui, sans-serif; text-align: left; color: #193c2b; z-index: 1100; letter-spacing: normal; }
.language-switcher summary { display: flex; align-items: center; gap: 7px; cursor: pointer; list-style: none; padding: 9px 10px; border: 1px solid #c9dbcf; background: #fff; border-radius: 8px; white-space: nowrap; min-height: 38px; }
.language-switcher summary::-webkit-details-marker { display: none; }
.language-switcher img { display: inline-block; width: 24px; height: 16px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px #0002; flex-shrink: 0; }
.language-options { position: absolute; right: 0; top: calc(100% + 8px); width: 160px; background: white; border: 1px solid #c9dbcf; border-radius: 10px; padding: 5px; box-shadow: 0 10px 30px #0002; }
.language-options a { display: flex !important; align-items: center; gap: 12px; padding: 10px !important; color: #193c2b !important; text-decoration: none; font: 14px/1.5 system-ui, sans-serif !important; border-radius: 6px; letter-spacing: normal; }
.language-options a:hover,.language-options a[aria-current="true"] { background: #e9f5ee; }
.language-switcher summary:focus-visible,.language-options a:focus-visible { outline: 3px solid #176b45; outline-offset: 2px; }
.nav-inner { gap: 12px; }
.nav-inner .nav-links { gap: clamp(8px, 1.3vw, 20px); }
.site-head .bar { gap: 12px; }
.language-standalone { display: flex; justify-content: flex-end; padding: 12px 20px; position: relative; z-index: 1100; background: #14231c; }
html[lang="zh-CN"] body { font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
html[lang="th"] body { font-family: Tahoma, "Noto Sans Thai", system-ui, sans-serif; }
@media (max-width: 1150px) { .nav-inner .nav-links { display: none; } .nav-inner .nav-burger { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; border: 0; background: none; cursor: pointer; flex-shrink: 0; } .nav-inner .nav-burger span { display: block; width: 22px; height: 2px; background: #1a1a2e; border-radius: 2px; } .nav-inner>.language-switcher { margin-left: auto; } }
@media (max-width: 560px) { .language-switcher summary { padding: 8px; gap: 5px; } .language-switcher summary>span:first-of-type { display: none; } .nav-inner { padding-left: 12px; padding-right: 12px; gap: 10px; } .site-head .brand { min-width: 0; } .site-head .brand>span:last-child { font-size: 12px; } .site-head .bar { gap: 8px; } .language-options { width: 150px; } }