/* 外語頁（/<lang>/…）共用的網站表頭：品牌、三個工具、語言切換。
   由 scripts/build_cp_static_i18n.py 與 build_pvp_i18n.py 產生的頁面載入。 */
.xh{position:sticky;top:0;z-index:2000;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);
  -webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid #e6e9ee;box-shadow:0 2px 12px rgba(16,24,40,.06)}
.xh-in{box-sizing:border-box;max-width:1100px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:9px 16px;
  font-family:system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif}
.xh-brand{display:flex;align-items:center;gap:9px;margin-right:auto;font-weight:800;font-size:16px;color:#14171c;
  text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.xh-logo{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:17px;
  background:linear-gradient(135deg,#e0276c,#7b5cff);box-shadow:0 3px 10px rgba(123,92,255,.35)}
.xh-nav{display:flex;gap:6px;order:3;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.xh-nav::-webkit-scrollbar{display:none}
.xh-nav a{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;text-decoration:none;
  padding:6px 12px;border-radius:999px;background:#f2f4f7;color:#3a3f47;border:1px solid transparent}
.xh-nav a:hover{background:#e9edf3}
.xh-nav a.on{color:#fff;border-color:transparent}
.xh-nav a.t.on{background:linear-gradient(135deg,#e0276c,#b23ad8)}
.xh-nav a.c.on{background:linear-gradient(135deg,#1877f2,#2fb5d6)}
.xh-nav a.p.on{background:linear-gradient(135deg,#7b5cff,#4a6cf7)}
.xlang{position:relative}
.xlang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;
  color:#3a3f47;padding:6px 11px;border:1px solid #e3e6eb;border-radius:999px;background:#fff;white-space:nowrap}
.xlang summary::-webkit-details-marker{display:none}
.xlang summary::after{content:"▾";font-size:11px;color:#8a8f98}
.xlang[open] summary{border-color:#bcd5fb}
.xlang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;background:#fff;border:1px solid #e3e6eb;
  border-radius:14px;box-shadow:0 12px 30px rgba(16,24,40,.16);padding:6px;display:grid;z-index:2100}
.xlang-menu a{padding:8px 12px;border-radius:9px;color:#14171c;text-decoration:none;font-size:14px;font-weight:600}
.xlang-menu a:hover{background:#f2f4f7}
.xlang-menu a.on{background:#eef4ff;color:#1a56c4}
@media (min-width:760px){.xh-nav{order:0;width:auto;margin-right:4px}}