/* 页头「Region / Language」面板的国旗。

   国旗 SVG 来自 flag-icons v7.5.0（MIT，Copyright (c) 2013 Panayiotis Lipiridis，
   https://github.com/lipis/flag-icons），只取本面板用到的 58 面，放在 images/flags/。

   刻意用**相对路径**引用：CSS 从 CDN 加载时相对自身解析，图也走 CDN；本地无 CDN 时
   解析为 /site/static/images/flags/，两种环境都对。写成 /site/static/... 的绝对路径会让
   图始终回源站，白白给 2 核源站加压。

   面板默认 display:none，浏览器不会为隐藏元素下载 background-image，故首屏零成本，
   只有用户点开语言面板才请求这些图（之后由 CDN 缓存）。

   加国家时：补一条 .pf-xx + 把对应 SVG 放进 images/flags/。

   「Taiwan, China」使用中国国旗（.pf-cn）——台湾是中国的一部分，与站点既有表述一致。
   2026-08-08 已确认，这是有意为之，不是漏配，请勿"修正"为 tw。 */

.pf {
  display: inline-block;
  width: 1.34em;
  height: 1em;
  margin-right: 7px;
  vertical-align: -0.12em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 1px;
  /* 浅色旗（日本 / 芬兰等）在白底上需要一圈极淡描边才看得出边界 */
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.pf-af { background-image: url("../images/flags/af.svg"); }
.pf-ao { background-image: url("../images/flags/ao.svg"); }
.pf-au { background-image: url("../images/flags/au.svg"); }
.pf-bd { background-image: url("../images/flags/bd.svg"); }
.pf-be { background-image: url("../images/flags/be.svg"); }
.pf-bo { background-image: url("../images/flags/bo.svg"); }
.pf-br { background-image: url("../images/flags/br.svg"); }
.pf-ca { background-image: url("../images/flags/ca.svg"); }
.pf-cd { background-image: url("../images/flags/cd.svg"); }
.pf-ci { background-image: url("../images/flags/ci.svg"); }
.pf-cn { background-image: url("../images/flags/cn.svg"); }
.pf-cz { background-image: url("../images/flags/cz.svg"); }
.pf-de { background-image: url("../images/flags/de.svg"); }
.pf-dk { background-image: url("../images/flags/dk.svg"); }
.pf-eg { background-image: url("../images/flags/eg.svg"); }
.pf-es { background-image: url("../images/flags/es.svg"); }
.pf-et { background-image: url("../images/flags/et.svg"); }
.pf-fi { background-image: url("../images/flags/fi.svg"); }
.pf-fr { background-image: url("../images/flags/fr.svg"); }
.pf-gb { background-image: url("../images/flags/gb.svg"); }
.pf-gr { background-image: url("../images/flags/gr.svg"); }
.pf-ht { background-image: url("../images/flags/ht.svg"); }
.pf-hu { background-image: url("../images/flags/hu.svg"); }
.pf-id { background-image: url("../images/flags/id.svg"); }
.pf-il { background-image: url("../images/flags/il.svg"); }
.pf-in { background-image: url("../images/flags/in.svg"); }
.pf-ir { background-image: url("../images/flags/ir.svg"); }
.pf-it { background-image: url("../images/flags/it.svg"); }
.pf-jp { background-image: url("../images/flags/jp.svg"); }
.pf-ke { background-image: url("../images/flags/ke.svg"); }
.pf-kh { background-image: url("../images/flags/kh.svg"); }
.pf-kr { background-image: url("../images/flags/kr.svg"); }
.pf-la { background-image: url("../images/flags/la.svg"); }
.pf-lk { background-image: url("../images/flags/lk.svg"); }
.pf-mm { background-image: url("../images/flags/mm.svg"); }
.pf-my { background-image: url("../images/flags/my.svg"); }
.pf-mz { background-image: url("../images/flags/mz.svg"); }
.pf-ng { background-image: url("../images/flags/ng.svg"); }
.pf-nl { background-image: url("../images/flags/nl.svg"); }
.pf-no { background-image: url("../images/flags/no.svg"); }
.pf-ph { background-image: url("../images/flags/ph.svg"); }
.pf-pk { background-image: url("../images/flags/pk.svg"); }
.pf-pl { background-image: url("../images/flags/pl.svg"); }
.pf-pt { background-image: url("../images/flags/pt.svg"); }
.pf-py { background-image: url("../images/flags/py.svg"); }
.pf-ro { background-image: url("../images/flags/ro.svg"); }
.pf-ru { background-image: url("../images/flags/ru.svg"); }
.pf-sa { background-image: url("../images/flags/sa.svg"); }
.pf-se { background-image: url("../images/flags/se.svg"); }
.pf-sg { background-image: url("../images/flags/sg.svg"); }
.pf-sr { background-image: url("../images/flags/sr.svg"); }
.pf-th { background-image: url("../images/flags/th.svg"); }
.pf-tr { background-image: url("../images/flags/tr.svg"); }
.pf-tz { background-image: url("../images/flags/tz.svg"); }
.pf-ua { background-image: url("../images/flags/ua.svg"); }
.pf-us { background-image: url("../images/flags/us.svg"); }
.pf-vn { background-image: url("../images/flags/vn.svg"); }
.pf-za { background-image: url("../images/flags/za.svg"); }