@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
/* Same markup and styles as the homepage; scoped for the city layout. */
.site-header{font-family:'DM Sans','Noto Sans TC',system-ui,sans-serif;line-height:1.5}.site-header button{border:0;background:none;color:inherit;line-height:inherit;margin:0;cursor:pointer}.site-header a{color:inherit}.site-header .brand{display:block;letter-spacing:normal}.site-header .brand img{display:block;max-width:none}.site-header [hidden]{display:none!important}
  .city-page .site-header{ position:sticky;top:0;display:flex;align-items:center;justify-content:space-between; height:64px; padding:0 clamp(24px,4vw,76px); gap:26px; z-index:80; margin-bottom:-64px; color:#071b50; background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(235,247,255,.85) 34%,rgba(13,29,60,.34) 65%,rgba(3,15,38,.08)); border-bottom:1px solid #d4e5ff33; backdrop-filter:blur(12px); }
  .site-header.on-body{ background:#fffffff2; box-shadow:0 1px 12px #16385a12; }
  .site-header .brand{ flex-shrink:0; width:140px; }
  .site-header .brand img{ width:100%; height:46px; object-fit:contain; }
  .site-header .main-nav{ display:flex;align-items:center; gap:9px; margin-right:auto; }
  .site-header .main-nav button{ padding:9px 12px; font-size:13px; font-weight:600; white-space:nowrap; border-radius:10px; }
  .site-header .main-nav button:nth-child(n+5){ color:white; }
  .site-header .main-nav button.active{ color:#0063ff; background:#8fc5ff65; box-shadow:inset 0 -2px 0 #3d8bff35; }
  .site-header .main-nav span{ font-size:11px; margin-left:3px; }
  .site-header .header-actions{ display:flex;align-items:center; gap:10px; color:white; }
  .site-header .icon-btn,.site-header .pill{ display:flex;align-items:center;justify-content:center; height:38px; border:1px solid #ffffff30; border-radius:10px; padding:0 12px; background:#06152d22; }
  .site-header .icon-btn{ width:38px; font-size:24px; padding:0; }
  .site-header .pill{ gap:8px; font-size:13px; }
  .site-header .sign-in{ border-radius:9999px;background:#1672ff;color:#fff;font-weight:600; height:38px; padding:0 24px; white-space:nowrap; font-size:13px; }
  .site-header.on-body .main-nav button,.site-header.on-body .header-actions{ color:#142a50; }
  .site-header.on-body .sign-in{ color:white; }
  .site-header .mobile-nav-toggle,.site-header .mobile-sign-in{ display:none; }
  .site-header .language-picker{ position:relative; }
  .site-header .language-chevron::after{ content:'⌄'; }
  .site-header .language-menu{ position:absolute; top:48px; right:0; width:230px; background:#fff; color:#172c4f; border:1px solid #dce6f5; border-radius:14px; padding:10px; box-shadow:0 12px 40px #071b5026; }
  .site-header .language-menu-heading{ font-size:10px; letter-spacing:1px; padding:8px; }
  .site-header .language-option{ display:flex;align-items:center;width:100%; gap:10px; padding:9px; border-radius:8px; }
  .site-header .language-option:hover,.site-header .language-option.is-selected{ background:#edf5ff; }
  .site-header .language-check{ margin-left:auto; visibility:hidden; }
  .site-header .is-selected .language-check{ visibility:visible; }
  .site-header .language-all{ display:block; border-top:1px solid #e5edf7; padding:12px 8px; }

.site-header .language-flag{display:inline-block;width:24px;height:24px;border-radius:50%;flex-shrink:0;background-image:url('../國家國旗1.png');background-size:1672% 941%;background-position:var(--flag-x) var(--flag-y)}
@media(max-width:1499px){.city-page .site-header{padding-inline:28px;gap:18px}.site-header .brand{width:120px}.site-header .main-nav{gap:1px}.site-header .main-nav button{padding:9px;font-size:12px}}
@media(max-width:1199px){.site-header .mobile-nav-toggle{display:block;margin-right:auto;font-size:24px}.site-header .main-nav{display:none;position:absolute;left:20px;top:64px;background:#fff;box-shadow:0 8px 30px #001d4533;border-radius:12px;padding:12px;min-width:230px}.site-header .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.site-header .main-nav button:nth-child(n){color:#132b4f;text-align:left}.site-header .mobile-sign-in{display:block}.site-header .header-actions .sign-in{display:none}}
@media(max-width:767px){.city-page .site-header{height:58px;margin-bottom:-58px;padding-inline:16px;gap:16px}.site-header .brand{width:104px}.site-header .header-actions{gap:5px}.site-header .header-actions .icon-btn:first-child{display:none}.site-header .pill{padding-inline:8px}}
.city-page.article-page .site-header{margin-bottom:0}.city-page .site-header.on-body{background:#fffffff2}
html[data-theme=dark] .city-page .site-header.on-body{background:#13243bea}html[data-theme=dark] .site-header.on-body .main-nav button,html[data-theme=dark] .site-header.on-body .header-actions{color:white}