/* 语言选择组件（浅色页头版），与首页同款地球图标＋国旗 */
.lang-wrap{position:relative;display:flex;align-items:center;margin-inline-start:auto}
.lang-btn{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border-radius:2px;
  border:1px solid var(--line);color:var(--ink);background:transparent;transition:.22s;
  font-size:10.5px;letter-spacing:.14em;cursor:pointer}
.lang-btn:hover{border-color:var(--faint)}
.lang-btn .globe{width:16px;height:16px;opacity:.85}
.lang-code{font-weight:500;letter-spacing:.1em;line-height:1}
.lang-btn .caret{opacity:.65;transition:transform .2s}
.lang-btn[aria-expanded="true"] .caret{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:120;
  width:min(352px,calc(100vw - 24px));background:#fff;color:var(--ink);border:1px solid var(--line);
  box-shadow:0 26px 60px rgba(17,22,27,.16);border-radius:3px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s}
.lang-menu.open{opacity:1;visibility:visible;transform:none}
.lang-menu-head{display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px 11px;border-bottom:1px solid #EFEAE1;
  font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.lang-menu-head .cnt{letter-spacing:.1em;color:var(--brass,#9C7A46)}
.lang-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:8px;max-height:456px;overflow-y:auto}
.lang-item{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:2px;
  font-size:12.5px;color:#3C454E;text-align:start;transition:.14s;width:100%;
  background:transparent;border:0;cursor:pointer;font-family:inherit}
.lang-item:hover{background:#F3EFE7}
.lang-item .fl{width:21px;height:15px;object-fit:cover;border-radius:1px;
  box-shadow:0 0 0 1px rgba(17,22,27,.08);flex:none}
.lang-item .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang-item .cd{font-size:9px;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}
.lang-item[aria-selected="true"]{background:var(--ink);color:#fff}
.lang-item[aria-selected="true"] .cd{color:rgba(255,255,255,.55)}
.lang-menu-foot{padding:10px 16px 12px;border-top:1px solid #EFEAE1;
  font-size:10.5px;color:var(--faint);letter-spacing:.02em}
@media(max-width:640px){
  .lang-btn{padding:7px 9px;gap:7px}
  .lang-menu{position:fixed;top:auto;inset-inline:12px;bottom:14px;width:auto}
}