/* ============================================================
   updates.css — v1.1 Design Updates
   - 7-language dropdown switcher
   - Larger fonts (desktop 18px / iPad 17px / iPhone 16px)
   - Higher contrast colors (WCAG 2.1 AA)
   - Accessibility (skip-link, ARIA, focus states)
   EyewearCost Index — Design D (Data Authority)
   ============================================================ */

/* ---------- CSS Variable Overrides (Higher Contrast) ---------- */
html:root {
  --text-secondary: #2D3748;   /* was #4A5568 */
  --text-muted: #4A5568;        /* was #8892A0 */
  --border: #CBD5E0;            /* was #E2E8F0 */
  --green: #15803D;             /* was #16A34A */
  --red: #B91C1C;               /* was #DC2626 */
  --blue: #1D4ED8;
}

/* ---------- Base Font Sizes (Larger) ---------- */
html body {
  font-size: 18px;
  line-height: 1.7;
}

/* Topbar */
html body .topbar {
  font-size: 14px;
  padding: 10px 0;
}
html body .topbar-inner {
  flex-wrap: wrap;
  gap: 8px;
}

/* Nav */
html body .nav-inner {
  padding: 18px 0;
}
html body .logo {
  font-size: 20px;
}
html body .logo-mark {
  width: 40px;
  height: 40px;
  font-size: 14px;
}
html body .logo-sub {
  font-size: 10px;
}
html body .nav-links a {
  font-size: 17px;
  font-weight: 600;
}
html body .nav-cta {
  font-size: 14px;
  padding: 12px 24px;
}

/* Headings */
html body h1 { font-size: 44px; line-height: 1.15; }
html body h2 { font-size: 32px; line-height: 1.25; }
html body h3 { font-size: 26px; line-height: 1.3; }
html body h4 { font-size: 22px; line-height: 1.35; }
html body h5 { font-size: 19px; }
html body h6 { font-size: 17px; }

/* Hero */
html body .hero h1 { font-size: 44px; }
html body .hero p { font-size: 18px; line-height: 1.75; }
html body .hero-label { font-size: 14px; padding: 8px 16px; }

/* Buttons */
html body .btn-primary,
html body .btn-secondary,
html body .btn {
  font-size: 17px;
  padding: 14px 28px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Cards */
html body .market-card,
html body .location-card,
html body .online-card,
html body .process-item,
html body .overview-card,
html body .tip-box,
html body .stat-card {
  font-size: 17px;
}
html body .market-card h3,
html body .location-card h3,
html body .online-card h3 {
  font-size: 22px;
}
html body .market-card p,
html body .location-card p,
html body .online-card p {
  font-size: 14px;
  line-height: 1.7;
}

/* Tables */
html body table {
  font-size: 14px;
}
html body table th,
html body table td {
  padding: 14px 16px;
  font-size: 14px;
}

/* Badges / Labels */
html body .badge,
html body .tag,
html body .label {
  font-size: 14px;
  padding: 4px 10px;
}

/* Footer */
html body footer {
  font-size: 14px;
}
html body footer h4 {
  font-size: 18px;
}
html body footer a {
  font-size: 14px;
}

/* Page header */
html body .page-header h1 {
  font-size: 40px;
}
html body .page-header p {
  font-size: 18px;
}
html body .page-stats {
  font-size: 14px;
}

/* Section tags */
html body .section-tag {
  font-size: 14px;
}

/* Floating TOC */
html body .floating-toc {
  font-size: 14px;
}
html body .floating-toc a {
  font-size: 14px;
  padding: 10px 14px;
}

/* Overview cards */
html body .overview-card h4 {
  font-size: 19px;
}
html body .overview-card p {
  font-size: 14px;
}

/* City quick links */
html body .city-quicklinks a,
html body .overview-quicklinks a {
  font-size: 14px;
  padding: 10px 18px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* ---------- Skip Link (Accessibility) ---------- */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--navy);
  color: var(--gold);
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  z-index: 10000;
  border-bottom: 2px solid var(--gold);
  transition: top 0.2s;
}
.skip-link:focus {
  top: 0;
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}

/* ---------- Focus States (Accessibility) ---------- */
html body a:focus,
html body button:focus,
html body input:focus,
html body select:focus,
html body textarea:focus,
html body [tabindex]:focus {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
html body a:focus-visible,
html body button:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}

/* ---------- 7-Language Dropdown Switcher ---------- */
.lang-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.lang-switcher .lang-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  list-style: none;
  margin: 0;
  padding: 6px 0;
  min-width: 180px;
  z-index: 200;
  display: none;
}
.lang-switcher .lang-dropdown a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--text);
  text-decoration: none;
  transition: background 0.1s;
  min-height: 44px;
}
.lang-switcher .lang-dropdown a:hover {
  background: var(--bg);
  color: var(--navy);
}
.lang-switcher .lang-dropdown a.active {
  background: rgba(212,175,55,0.1);
  color: var(--navy);
  font-weight: 700;
  border-left: 3px solid var(--gold);
}
/* ---------- Responsive: iPad (768-1024px) ---------- */
@media (max-width: 1024px) {
  html body {
    font-size: 17px;
  }
  html body h1 { font-size: 36px; }
  html body h2 { font-size: 28px; }
  html body h3 { font-size: 24px; }
  html body h4 { font-size: 20px; }
  html body .hero h1 { font-size: 36px; }
  html body .hero p { font-size: 17px; }
  html body .nav-links a { font-size: 14px; }
  html body .nav-cta { font-size: 14px; padding: 10px 20px; }
  html body table { font-size: 14px; }
  html body table th, html body table td { font-size: 14px; padding: 12px 14px; }
  html body .floating-toc { display: none !important; }
}

/* ---------- Responsive: iPhone (≤767px) ---------- */
@media (max-width: 767px) {
  html body {
    font-size: 14px;
    line-height: 1.75;
  }
  html body h1 { font-size: 30px; }
  html body h2 { font-size: 26px; }
  html body h3 { font-size: 22px; }
  html body h4 { font-size: 19px; }
  html body .hero { padding: 40px 0 48px; }
  html body .hero h1 { font-size: 30px; }
  html body .hero p { font-size: 14px; }
  html body .hero-label { font-size: 14px; }
  html body .nav-inner { padding: 14px 0; flex-wrap: wrap; gap: 12px; }
  html body .logo { font-size: 18px; }
  html body .logo-mark { width: 36px; height: 36px; font-size: 14px; }
  html body .nav-cta { display: none; }
  html body .btn-primary, html body .btn-secondary, html body .btn {
    font-size: 14px;
    padding: 16px 24px;
    width: 100%;
    min-height: 52px;
  }
  html body table {
    font-size: 14px;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html body table.responsive-card-table {
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html body table th {
    font-size: 14px;
    padding: 10px 12px;
    white-space: nowrap;
  }
  html body table td {
    font-size: 14px;
    padding: 10px 12px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  html body .market-card, html body .location-card, html body .online-card {
    font-size: 14px;
  }
  html body .market-card h3, html body .location-card h3, html body .online-card h3 {
    font-size: 20px;
  }
  html body .page-header h1 { font-size: 28px; }
  html body .page-header p { font-size: 14px; }
  html body .topbar { font-size: 14px; padding: 8px 0; }
  html body .topbar-inner { flex-direction: column; align-items: flex-start; gap: 4px; }
  html body footer { font-size: 14px; }
  html body footer h4 { font-size: 17px; }
  html body .lang-switcher { order: 3; width: auto; }
  html body .lang-switcher .lang-dropdown {
    left: 0;
    right: 0;
    min-width: auto;
  }
  html body .location-card, html body .online-card {
    min-height: 48px;
  }
  html body .city-quicklinks a, html body .overview-quicklinks a {
    font-size: 14px;
    padding: 10px 14px;
  }
}

/* ---------- Small Phone (≤500px) ---------- */
@media (max-width: 500px) {
  html body { font-size: 14px; }
  html body h1 { font-size: 28px; }
  html body h2 { font-size: 24px; }
  html body .container { padding-left: 16px; padding-right: 16px; }
  html body .hero h1 { font-size: 26px; }
}

/* ---------- High Contrast Mode (User System Preference) ---------- */
@media (prefers-contrast: more) {
  html:root {
    --text: #000000;
    --text-secondary: #1A1A1A;
    --text-muted: #333333;
    --border: #000000;
    --gold: #B8860B;
    --gold-light: #DAA520;
  }
  html body a {
    text-decoration: underline;
  }
  html body .btn, html body .btn-primary, html body .nav-cta {
    border: 2px solid currentColor;
  }
}

/* ---------- Reduced Motion (User System Preference) ---------- */
@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------- Print Styles ---------- */
@media print {
  html body .topbar,
  html body nav,
  html body .lang-switcher,
  html body .floating-toc,
  html body .skip-link {
    display: none !important;
  }
  html body {
    font-size: 14px;
    color: #000;
    background: #fff;
  }
}

/* ---------- 首页微调 2026-09-12 ---------- */

/* 顶栏左右文字 11px（左标语 + 右侧 topbar-info；右侧 CTA 链接不变） */
html body .topbar .topbar-left,
html body .topbar .topbar-right > span {
  font-size: 11px !important;
}

/* 页脚版权行（含 ICP 备案链接）全部 11px */
html body footer .footer-bottom,
html body footer .footer-bottom * {
  font-size: 11px !important;
}

/* 博客/归档/搜索页 hero 三项统计：数值与文案居中 */
html body .inline-style-129 > div {
  text-align: center;
}

/* 城市详情页：多市场区块交替底色（对应 demo inline-style-4） */
.single-city section:nth-of-type(even):not(.cta-section):not(.city-quality-section) {
  background: var(--white);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* 真人验证：绿色方框，位于轮播 banner 下方（无验证人则不渲染） */
.verified-box {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 28px 0;
  padding: 12px 16px;
  background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);
  border: 1px solid #86EFAC;
  border-left: 4px solid #16A34A;
  border-radius: 6px;
}
.verified-avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
}
.verified-info { min-width: 0; }
.verified-title { font-size: 14px; font-weight: 700; color: #166534; line-height: 1.5; }
.verified-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #16A34A;
  white-space: nowrap;
}
.verified-meta { font-size: 12px; color: #15803D; margin-top: 2px; }
.verified-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.verified-tag {
  font-size: 12px;
  line-height: 1.4;
  color: #166534;
  background: #FFFFFF;
  border: 1px solid #86EFAC;
  border-radius: 999px;
  padding: 2px 9px;
  white-space: nowrap;
}
/* 徽章行紧跟轮播下方 */
.market-card .market-badges { margin: 14px 28px 0; }
@media (max-width: 768px) {
  .verified-box { margin: 12px 16px 0; }
}

/* 顶部警示条：强制单行，超长截断显示省略号，链接始终可见 */
.alert-bar .alert-text { white-space: nowrap !important; overflow: hidden !important; flex-wrap: nowrap !important; }
.alert-bar .alert-msg { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alert-bar .alert-link { flex-shrink: 0; white-space: nowrap; margin-left: 8px; }

/* Hero 数据块文字水平居中 */
html body .hero-stat {
  text-align: center;
}

/* 信任区：trust-item 卡片整体水平居中（flex 居中排列，单卡 300px 可收缩换行） */
html body .trust-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
html body .trust-item {
  flex: 0 1 300px;
}

/* 质量黑名单预览区：底部「查看完整黑名单 →」按钮水平居中（表格单元格保持左对齐） */
html body .blacklist-preview .container {
  text-align: center;
}
html body .blacklist-preview .btn-primary {
  margin-top: 24px;
}
html body .blacklist-preview .blacklist-table th,
html body .blacklist-preview .blacklist-table td {
  text-align: left;
}

/* 配镜 6 步骤：各步骤时长统一垂直下对齐（等高栅格 + flex 列 + margin-top:auto） */
html body .process-step {
  display: flex;
  flex-direction: column;
}
html body .process-step .process-step-time {
  margin-top: auto;
  padding-top: 8px;
}

/* ---------- 隐私政策页 content-card（参考内页文章卡 inline-style-26 / 金线标题 inline-style-59） ---------- */

html body .content-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 28px 32px;
  margin-bottom: 16px;
}

html body .content-card h3 {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--gold);
}

html body .content-card p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 10px;
}

html body .content-card p:last-child {
  margin-bottom: 0;
}

html body .content-card strong {
  color: var(--navy);
}

html body .content-card ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 10px;
}

html body .content-card ul li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
}

html body .content-card ul li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.65em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

/* 手机端：卡片内边距略收窄，保证文字与卡片边缘、卡片与屏幕两侧都有空隙 */
@media (max-width: 768px) {
  html body .content-card {
    padding: 18px 16px;
    margin-bottom: 12px;
  }
  html body .content-card h3 {
    font-size: 17px;
    margin-bottom: 10px;
    padding-bottom: 8px;
  }
  html body .content-card ul li {
    padding-left: 15px;
  }
}

/* ---------- 返回顶部悬浮按钮 ---------- */
.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 44px;
  height: 44px;
  min-height: 0;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: var(--navy);
  color: var(--white);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity 0.25s, visibility 0.25s, transform 0.25s, background 0.15s, border-color 0.15s;
  z-index: 998;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.back-to-top:hover {
  background: var(--gold);
  color: var(--navy);
  border-color: var(--gold);
}
.back-to-top:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
@media (max-width: 480px) {
  .back-to-top {
    right: 16px;
    bottom: 16px;
    width: 40px;
    height: 40px;
    min-height: 0;
  }
}

/* ---------- 顶部 alert-bar：整行可点击 + 移动端 ✕ 独立成行 ---------- */
.alert-bar .alert-text {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.alert-bar .alert-text:hover {
  color: var(--white);
}
.alert-bar .alert-link {
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 8px;
  text-decoration: underline;
  font-weight: 600;
}
.alert-bar .alert-text:hover .alert-link {
  color: var(--gold);
}

/* 移动端：✕ 与文字同行；隐藏 Learn more */
@media (max-width: 768px) {
  .alert-bar .alert-bar-inner {
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
  }
  .alert-bar .alert-link {
    display: none;
  }
}

/* ---------- 语言切换条：放在白底导航上方 ---------- */
.lang-bar {
  background: var(--navy);
  padding: 6px 0;
  border-top: 1px solid rgba(212,175,55,0.2);
  border-bottom: 1px solid rgba(212,175,55,0.2);
  text-align: right;
  padding-right: 24px;
  overflow: visible !important;
}
/* 移动端：topbar 内容已隐藏，直接隐藏避免空隙 */
@media (max-width: 768px) {
  .topbar { display: none !important; }
}
.lang-bar .lang-switcher {
  display: inline-block;
  position: relative;
}
.lang-bar .lang-btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  font-family: var(--mono);
  font-weight: 600;
  color: var(--white);
  cursor: pointer;
}
.lang-bar .lang-btn:hover {
  border-color: var(--gold);
  color: var(--gold);
}
.lang-bar .lang-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  /* 宽度固定为 15 个英文字符（ch=0 的字宽），font-size 与选项一致保证换算准确 */
  width: 15ch;
  min-width: 15ch;
  font-size: 14px;
  text-align: left;
  padding: 6px 0;
  display: none;
  z-index: 9999;
  max-height: 360px;
  overflow-y: auto;
}
.lang-bar .lang-switcher.open .lang-dropdown {
  display: block;
}
.lang-bar .lang-dropdown a {
  display: block;
  padding: 8px 14px;
  font-size: 14px;
  color: var(--text-secondary);
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
}
.lang-bar .lang-dropdown a:hover {
  background: var(--bg);
  color: var(--navy);
}
.lang-bar .lang-dropdown a.active {
  color: var(--gold);
  font-weight: 700;
}


/* ===== MIGRATED-FROM-CUSTOMIZER 2026-09-18 ===== */
/* 以下内容原为站点「外观 → 自定义 → 额外 CSS」，2026-09-18 按开发阶段要求整体迁入主题。*/
/* 位置在本文件末尾 = 主题最后加载的样式表，层叠优先级与原来「额外 CSS」一致。*/

@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 12px 8px 16px;padding:2px 0 2px 10px;border-left:2px solid var(--border)}
html body .nav-links .dropdown .dd-sub a{padding:6px 10px;font-size:13px;color:var(--text-secondary);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{padding-left:12px;background:var(--bg);color:var(--navy)}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:42px;font-size:13px;opacity:.9}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 12px 8px 16px;padding:2px 0 2px 10px;border-left:2px solid var(--border)}
html body .nav-links .dropdown .dd-sub a{padding:6px 10px;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{padding-left:12px;background:var(--bg);color:var(--navy)}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:42px;font-size:13px !important;opacity:.9}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 30px;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:30px}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 32px !important;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:32px !important}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}


@media (max-width: 900px) {
  html body .alert-bar .alert-msg { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word !important; overflow-wrap: anywhere !important; line-height: 1.45 !important; }
  html body .alert-bar-inner { align-items: flex-start !important; }
  html body .alert-bar .alert-text { align-items: flex-start !important; }
  html body .alert-bar .alert-text strong { white-space: normal !important; flex-shrink: 0; }
  html body .alert-bar .alert-link { white-space: normal !important; }
  html body .alert-bar .alert-close { flex-shrink: 0 !important; margin-top: 2px !important; }
}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 32px !important;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:32px !important}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}


@media (max-width: 900px) {
  html body main { font-size: 17px !important; }

  html body main p,
  html body main li,
  html body main dd,
  html body main dt,
  html body main blockquote,
  html body main .container > p { font-size: 17px !important; line-height: 1.7 !important; }

  html body main .data-table td,
  html body main .data-table th,
  html body main table td,
  html body main table th,
  html body main .card p,
  html body main .market-card p,
  html body main .city-card p,
  html body main .step-content p,
  html body main .ggc-exp-wrap td { font-size: 16px !important; line-height: 1.65 !important; }

  html body main h3,
  html body main h4 { font-size: 16px !important; line-height: 1.5 !important; }

  html body main .tip-box p,
  html body main .warn-box p,
  html body main .badge,
  html body main figcaption,
  html body main small,
  html body main .meta { font-size: 15px !important; line-height: 1.6 !important; }
}


@media (max-width: 900px) {
  html body .alert-bar .alert-msg { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word !important; overflow-wrap: anywhere !important; line-height: 1.45 !important; }
  html body .alert-bar-inner { align-items: flex-start !important; }
  html body .alert-bar .alert-text { align-items: flex-start !important; }
  html body .alert-bar .alert-text strong { white-space: normal !important; flex-shrink: 0; }
  html body .alert-bar .alert-link { white-space: normal !important; }
  html body .alert-bar .alert-close { flex-shrink: 0 !important; margin-top: 2px !important; }
}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 32px !important;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:32px !important}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}


@media (max-width: 900px) {
  html body main#main-content { font-size: 17px !important; }

  html body main#main-content p,
  html body main#main-content li,
  html body main#main-content dd,
  html body main#main-content dt,
  html body main#main-content blockquote,
  html body main#main-content p.wp-block-paragraph,
  html body main#main-content article p { font-size: 17px !important; line-height: 1.7 !important; }

  html body main#main-content .data-table td,
  html body main#main-content .data-table th,
  html body main#main-content table td,
  html body main#main-content table th,
  html body main#main-content .card p,
  html body main#main-content .market-card p,
  html body main#main-content .city-card p,
  html body main#main-content .step-content p,
  html body main#main-content .ggc-exp-wrap td { font-size: 16px !important; line-height: 1.65 !important; }

  html body main#main-content h3,
  html body main#main-content h4 { font-size: 16px !important; line-height: 1.5 !important; }

  html body main#main-content .tip-box p,
  html body main#main-content .warn-box p,
  html body main#main-content .badge,
  html body main#main-content figcaption,
  html body main#main-content small,
  html body main#main-content .meta { font-size: 15px !important; line-height: 1.6 !important; }
}


@media (max-width: 900px) {
  html body .alert-bar .alert-msg { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word !important; overflow-wrap: anywhere !important; line-height: 1.45 !important; }
  html body .alert-bar-inner { align-items: flex-start !important; }
  html body .alert-bar .alert-text { align-items: flex-start !important; }
  html body .alert-bar .alert-text strong { white-space: normal !important; flex-shrink: 0; }
  html body .alert-bar .alert-link { white-space: normal !important; }
  html body .alert-bar .alert-close { flex-shrink: 0 !important; margin-top: 2px !important; }
}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 32px !important;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:32px !important}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}


@media (max-width: 640px) {
  html body main#main-content .city-compare-table { min-width: 0 !important; width: 100% !important; border: 0 !important; table-layout: auto !important; }

  html body main#main-content .city-compare-table thead { display: none !important; }

  html body main#main-content .city-compare-table,
  html body main#main-content .city-compare-table tbody,
  html body main#main-content .city-compare-table tr,
  html body main#main-content .city-compare-table td { display: block !important; width: auto !important; max-width: 100% !important; }

  html body main#main-content .city-compare-table tr {
    border: 1px solid rgba(128,128,128,.28) !important;
    border-radius: 10px !important;
    margin: 0 0 12px !important;
    padding: 10px 12px !important;
  }

  html body main#main-content .city-compare-table td {
    border: 0 !important;
    padding: 2px 0 !important;
    white-space: normal !important;
    line-height: 1.65 !important;
  }

  html body main#main-content .city-compare-table td::before { content: attr(data-label) ": "; font-weight: 600; opacity: .65; }

  main#main-content :lang(zh-Hans) .city-compare-table td::before,
  main#main-content :lang(zh-Hant) .city-compare-table td::before,
  main#main-content :lang(ja) .city-compare-table td::before,
  :lang(zh-Hans) main#main-content .city-compare-table td::before,
  :lang(zh-Hant) main#main-content .city-compare-table td::before,
  :lang(ja) main#main-content .city-compare-table td::before { content: attr(data-label) "："; }

  /* 首列（城市名）作为卡片标题 */
  html body main#main-content .city-compare-table td:first-child { font-size: 17px !important; margin-bottom: 4px; }
  html body main#main-content .city-compare-table td:first-child::before { display: none !important; }
}


@media (max-width: 900px) {
  html body main#main-content { font-size: 17px !important; }

  html body main#main-content p,
  html body main#main-content li,
  html body main#main-content dd,
  html body main#main-content dt,
  html body main#main-content blockquote,
  html body main#main-content p.wp-block-paragraph,
  html body main#main-content article p { font-size: 17px !important; line-height: 1.7 !important; }

  html body main#main-content .data-table td,
  html body main#main-content .data-table th,
  html body main#main-content table td,
  html body main#main-content table th,
  html body main#main-content .card p,
  html body main#main-content .market-card p,
  html body main#main-content .city-card p,
  html body main#main-content .step-content p,
  html body main#main-content .ggc-exp-wrap td { font-size: 16px !important; line-height: 1.65 !important; }

  html body main#main-content h3,
  html body main#main-content h4 { font-size: 16px !important; line-height: 1.5 !important; }

  html body main#main-content .tip-box p,
  html body main#main-content .warn-box p,
  html body main#main-content .badge,
  html body main#main-content figcaption,
  html body main#main-content small,
  html body main#main-content .meta { font-size: 15px !important; line-height: 1.6 !important; }
}


@media (max-width: 900px) {
  html body .alert-bar .alert-msg { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word !important; overflow-wrap: anywhere !important; line-height: 1.45 !important; }
  html body .alert-bar-inner { align-items: flex-start !important; }
  html body .alert-bar .alert-text { align-items: flex-start !important; }
  html body .alert-bar .alert-text strong { white-space: normal !important; flex-shrink: 0; }
  html body .alert-bar .alert-link { white-space: normal !important; }
  html body .alert-bar .alert-close { flex-shrink: 0 !important; margin-top: 2px !important; }
}


@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}


@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}


@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}


html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}


html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 32px !important;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:32px !important}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}

/* GGC:cities 页「城市对比表」手机端卡片化（≤640px；data-label 由模板输出，自动多语言） */
@media (max-width: 640px) {
  html body main#main-content .city-compare-table { min-width: 0 !important; width: 100% !important; border: 0 !important; table-layout: auto !important; }

  html body main#main-content .city-compare-table thead { display: none !important; }

  html body main#main-content .city-compare-table,
  html body main#main-content .city-compare-table tbody,
  html body main#main-content .city-compare-table tr,
  html body main#main-content .city-compare-table td { display: block !important; width: auto !important; max-width: 100% !important; }

  html body main#main-content .city-compare-table tr {
    border: 1px solid rgba(128,128,128,.28) !important;
    border-radius: 10px !important;
    margin: 0 0 12px !important;
    padding: 10px 12px !important;
  }

  html body main#main-content .city-compare-table td {
    border: 0 !important;
    padding: 2px 0 !important;
    white-space: normal !important;
    line-height: 1.65 !important;
  }

  html body main#main-content .city-compare-table td::before { content: attr(data-label) ": "; font-weight: 600; opacity: .65; }

  main#main-content :lang(zh-Hans) .city-compare-table td::before,
  main#main-content :lang(zh-Hant) .city-compare-table td::before,
  main#main-content :lang(ja) .city-compare-table td::before,
  :lang(zh-Hans) main#main-content .city-compare-table td::before,
  :lang(zh-Hant) main#main-content .city-compare-table td::before,
  :lang(ja) main#main-content .city-compare-table td::before { content: attr(data-label) "："; }

  /* 首列（城市名）作为卡片标题 */
  html body main#main-content .city-compare-table td:first-child { font-size: 17px !important; margin-bottom: 4px; }
  html body main#main-content .city-compare-table td:first-child::before { display: none !important; }
}

/* GGC:手机端字号提升（正文17 / 表格与卡片16 / 注释类15；行距1.6-1.8；桌面与头部导航不受影响） */
@media (max-width: 900px) {
  html body main#main-content { font-size: 17px !important; }

  html body main#main-content p,
  html body main#main-content li,
  html body main#main-content dd,
  html body main#main-content dt,
  html body main#main-content blockquote,
  html body main#main-content p.wp-block-paragraph,
  html body main#main-content article p { font-size: 17px !important; line-height: 1.7 !important; }

  html body main#main-content .data-table td,
  html body main#main-content .data-table th,
  html body main#main-content table td,
  html body main#main-content table th,
  html body main#main-content .card p,
  html body main#main-content .market-card p,
  html body main#main-content .city-card p,
  html body main#main-content .step-content p,
  html body main#main-content .ggc-exp-wrap td { font-size: 16px !important; line-height: 1.65 !important; }

  html body main#main-content h3,
  html body main#main-content h4 { font-size: 16px !important; line-height: 1.5 !important; }

  html body main#main-content .tip-box p,
  html body main#main-content .warn-box p,
  html body main#main-content .badge,
  html body main#main-content figcaption,
  html body main#main-content small,
  html body main#main-content .meta { font-size: 15px !important; line-height: 1.6 !important; }
}

/* GGC:顶部警示条手机端换行（原为单行省略号，窄屏看不全） */
@media (max-width: 900px) {
  html body .alert-bar .alert-msg { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word !important; overflow-wrap: anywhere !important; line-height: 1.45 !important; }
  html body .alert-bar-inner { align-items: flex-start !important; }
  html body .alert-bar .alert-text { align-items: flex-start !important; }
  html body .alert-bar .alert-text strong { white-space: normal !important; flex-shrink: 0; }
  html body .alert-bar .alert-link { white-space: normal !important; }
  html body .alert-bar .alert-close { flex-shrink: 0 !important; margin-top: 2px !important; }
}

/* GGC「媒体曝光」表：手机端（≤640px）自动改为卡片式
   用法：WordPress 后台 → 外观 → 自定义 → 额外 CSS，整段粘贴保存
   说明：导入端会剥离内容里的 <style> 标签，因此这段必须放在站点级样式里
   版本：v2 —— 覆盖全部 12 语种的 data-label；冒号按语种区分（中日全角，其余半角） */
@media (max-width:640px){
  .ggc-exp-wrap{overflow:visible !important}
  .ggc-exp-wrap table.data-table{min-width:0 !important;width:100% !important;border:0}
  .ggc-exp-wrap table.data-table thead{display:none !important}
  .ggc-exp-wrap table.data-table,
  .ggc-exp-wrap tbody,
  .ggc-exp-wrap tr,
  .ggc-exp-wrap td{display:block !important;width:auto !important}
  .ggc-exp-wrap tr{border:1px solid rgba(128,128,128,.28);border-radius:10px;margin:0 0 12px;padding:10px 12px}
  .ggc-exp-wrap td{border:0 !important;padding:2px 0 !important;white-space:normal !important;line-height:1.7}
  .ggc-exp-wrap td::before{content:attr(data-label) ": ";font-weight:600;opacity:.65}
  :lang(zh-Hans) .ggc-exp-wrap td::before,
  :lang(zh-Hant) .ggc-exp-wrap td::before,
  :lang(ja) .ggc-exp-wrap td::before{content:attr(data-label) "："}
  .ggc-exp-wrap td[data-label="问题描述"]::before,
  .ggc-exp-wrap td[data-label="問題描述"]::before,
  .ggc-exp-wrap td[data-label="Issue Description"]::before,
  .ggc-exp-wrap td[data-label="Описание проблемы"]::before,
  .ggc-exp-wrap td[data-label="문제 설명"]::before,
  .ggc-exp-wrap td[data-label="問題内容"]::before,
  .ggc-exp-wrap td[data-label="Mô tả vấn đề"]::before,
  .ggc-exp-wrap td[data-label="Problembeschreibung"]::before,
  .ggc-exp-wrap td[data-label="Description du problème"]::before,
  .ggc-exp-wrap td[data-label="Probleembeschrijving"]::before,
  .ggc-exp-wrap td[data-label="Descripción del problema"]::before,
  .ggc-exp-wrap td[data-label="Descrição do problema"]::before,
  .ggc-exp-wrap td[data-label="处理结果"]::before,
  .ggc-exp-wrap td[data-label="處理結果"]::before,
  .ggc-exp-wrap td[data-label="Result"]::before,
  .ggc-exp-wrap td[data-label="Принятые меры"]::before,
  .ggc-exp-wrap td[data-label="처리 결과"]::before,
  .ggc-exp-wrap td[data-label="処理結果"]::before,
  .ggc-exp-wrap td[data-label="Kết quả xử lý"]::before,
  .ggc-exp-wrap td[data-label="Ergebnis"]::before,
  .ggc-exp-wrap td[data-label="Résultat"]::before,
  .ggc-exp-wrap td[data-label="Afhandeling"]::before,
  .ggc-exp-wrap td[data-label="Resultado"]::before{display:block}
}

/* GGC:页面宽度统一（PC 端）—— 头部导航与页面所有区块同宽，logo 与正文左对齐
   ① ≥1301px：所有 .container 统一 1400px（与导航一致；正文原本只有 1200）
   ② 1025–1300px：容器用满可用宽 + 导航 15px + 允许折行，绝不截断
   ③ 语言切换条原来只有右侧 24px 内边距 → 比其它容器偏左 12px，一并修正
   ④ 导航项内边距/logo 字号微调 + 下拉菜单右对齐（避免横向滚动条）
   全部写在站点级「额外 CSS」，不修改主题文件 */
@media (min-width:1301px){
  html body .container{max-width:1400px !important}
  html body .breadcrumb > .container{max-width:1400px !important}
  html body .cookie-consent .container{max-width:1400px !important}
}
@media (min-width:1025px) and (max-width:1300px){
  html body .container{max-width:100% !important}
  html body .nav-links > li > a{font-size:15px !important;padding:8px 6px !important}
  html body .logo{font-size:16px !important}
  html body .nav-inner{gap:12px !important;flex-wrap:wrap !important}
  html body .nav-links{flex-wrap:wrap !important;justify-content:flex-end !important;row-gap:2px !important}
}
@media (min-width:1025px){
  html body .nav-inner{gap:16px !important}
  html body .nav-links{gap:2px !important}
  html body .nav-links > li > a{padding:8px 8px !important}
  html body .logo{font-size:17px !important}
  html body .logo-mark{width:34px !important;height:34px !important}
  html body .lang-bar{padding-left:0 !important;padding-right:0 !important}
  .nav-links > li:nth-last-child(-n+3) .dropdown{left:auto !important;right:0 !important}
}

/* GGC:城市价格对比表（/cities/）—— 列宽固定：短列不换行，两个长文本列均分剩余宽度
   原 auto 布局把「Best for」撑到 590px，而「Price range」只 104px 还换行、View → 被拆行。
   固定列宽按「最长语种」取值：
     价格列 295px ＝ 越南语「RMB 270–568（VND 1,046,512–2,201,550）」
     便利度/攻略列 182px ＝ 越南语 MỨC ĐỘ THUẬN TIỆN / CẨM NANG CHI TIẾT
   表格内价格为本币单显（RMB 金额 + 本语种货币，不附英镑），故比双显窄。
   仅宽屏生效；手机/窄平板的横向滚动逻辑不受影响 */
@media (min-width:1200px){
  html body table.city-compare-table{table-layout:fixed;width:100%}
  html body table.city-compare-table th{white-space:nowrap}
  html body table.city-compare-table th:nth-child(1){width:122px}
  html body table.city-compare-table th:nth-child(2){width:auto}
  html body table.city-compare-table th:nth-child(3){width:295px}
  html body table.city-compare-table th:nth-child(4){width:182px}
  html body table.city-compare-table th:nth-child(5){width:auto}
  html body table.city-compare-table th:nth-child(6){width:182px}
  html body table.city-compare-table th:nth-child(2),
  html body table.city-compare-table th:nth-child(5){white-space:normal}
  html body table.city-compare-table td:nth-child(3),
  html body table.city-compare-table td:nth-child(4),
  html body table.city-compare-table td:nth-child(6){white-space:nowrap}
  html body table.city-compare-table td:nth-child(2),
  html body table.city-compare-table td:nth-child(5){white-space:normal}
}

/* GGC:城市页「眼镜城图片轮播」—— 没有图片时不展示占位块
   主题输出的轮播容器带 data-count（图片数）；全站当前均为 0（未放图），
   故整块隐藏，不再显示「图片轮播位置 / 外观·内部·店铺照片（3-5张）」占位。
   以后一旦在后台补了图片（data-count>0），轮播会自动恢复显示 */
html body .ggc-carousel[data-count="0"]{display:none !important}
html body .ggc-carousel:not([data-count]):not(:has(img)){display:none !important}

/* GGC:导航层级（购买眼镜三级菜单） */
html body .nav-links .dropdown a.dd-group{display:block;font-weight:700;color:var(--navy);padding:12px 16px 6px;font-size:14px;text-decoration:none;letter-spacing:0}
html body .nav-links .dropdown a.dd-group:hover{background:transparent;padding-left:16px;color:var(--gold)}
html body .nav-links .dropdown .dd-sub{display:flex;flex-direction:column;margin:0 0 8px;padding:0;border-left:0}
html body .nav-links .dropdown .dd-sub a{padding:6px 16px 6px 32px !important;font-size:13px !important;line-height:1.3;color:var(--text-muted);border-radius:3px}
html body .nav-links .dropdown .dd-sub a:hover{background:var(--bg);color:var(--navy);padding-left:32px !important}
html body .mobile-menu-overlay a.menu-lv2{padding-left:24px;font-weight:600;font-size:15px}
html body .mobile-menu-overlay a.menu-lv3{padding-left:38px;font-size:13px !important;opacity:.9}
/* ===== 导航「当前位置」下划线（2026-09-18）=====
   当前所在栏目：桌面顶层项文字加金色下划线；
   下划线只作用于文字 <span class="nav-cur">，右侧向下箭头是 <a> 的 ::after 伪元素，
   在 span 之外，因此绝不会被划到。（text-decoration 会传播到伪元素，不能靠 inherit 关掉） */
html body .nav-links > li > a > .nav-cur {
  /* 显式继承字体：主题里有 [class*="label"]{font-size:10px !important} 之类的通配规则，
     类名一旦被命中会把导航文字压成 10px（曾用名 nav-label 就中招） */
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}
html body .nav-links > li.is-current > a > .nav-cur {
  color: var(--gold) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--gold) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 6px !important;
}
html body .nav-links > li.is-current > a.has-dropdown {
  text-decoration: none !important;          /* <a> 本体不划，箭头随之保持干净 */
}
html body .nav-links .dropdown a.is-current {
  color: var(--gold) !important;
  font-weight: 700 !important;
}
html body .mobile-menu-overlay a.is-current {
  color: var(--gold) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}


/* ===== Logo 域名后缀(.com) 小字号 ===== */
.logo .logo-tld,
li.logo .logo-tld,
.nav-inner .logo .logo-tld {
  font-size: 0.72em !important;
  font-weight: 800 !important;
  letter-spacing: 0;
}