html:root{ --red:#1F3A5F !important; --gold:#1F3A5F !important; --gold-dark:#16304F !important; --gold-muted:#1F3A5F !important; --gold-light:#16304F !important; --accent-text:#1F3A5F !important; --btn-bg:#1F3A5F !important; --btn-bg-hover:#16304F !important;
  --c-navy:#1F3A5F; --c-red:#942525; --c-ink:#111827; --c-mute:#5B6573; --c-hair:#E3E7ED; --c-cool:#F5F7FA;
  --c-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif; --c-serif-zh: "Noto Serif SC", "Songti SC", "SimSun", serif; }
.c-wrap{ width: min(1200px, calc(100% - 64px)); margin: 0 auto; }
.chero{ background:#fff; padding: 56px 0 40px; }
.c-h1{ margin: 0 auto; text-align:center; font-weight: 500; color: var(--c-ink); letter-spacing: -.035em; line-height: 1.08; font-size: clamp(32px, 2.95vw, 43px); }
.c-h1 .gold{ color: var(--c-navy) !important; -webkit-text-fill-color: currentColor; background:none !important; }
html[lang="zh-Hans"] .c-h1, html[lang="th"] .c-h1{ letter-spacing: 0; line-height: 1.3; max-width: none; font-size: clamp(28px, 2.6vw, 40px); }
.c-choice{ display:flex; justify-content:center; flex-wrap: wrap; gap: 0 4px; margin: 26px auto 0; }
.c-opt{ appearance:none; background:none; border:0; font: inherit; font-size: 15px; font-weight: 500; color: var(--c-mute); padding: 8px 14px 9px; cursor:pointer; position:relative; letter-spacing: -.005em; }
.c-opt + .c-opt::before{ content:''; position:absolute; left:-2px; top: 50%; width: 3px; height: 3px; margin-top:-1px; border-radius: 50%; background: #B8C0CC; }
.c-opt::after{ content:''; position:absolute; left: 14px; right: 14px; bottom: 2px; height: 1.5px; background: var(--c-navy); transform: scaleX(0); transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.c-opt:hover{ color: var(--c-ink); } .c-opt.on{ color: var(--c-ink); } .c-opt.on::after{ transform: none; }
.c-opt:focus-visible, .c-term:focus-visible, .c-src:focus-visible, .c-note a:focus-visible{ outline: 2px solid var(--c-navy); outline-offset: 3px; border-radius: 3px; }
.c-doc{ display:none; } .c-doc.on{ display:block; animation: cfade .45s ease; }
@keyframes cfade{ from{ opacity:0; transform: translateY(6px); } to{ opacity:1; transform:none; } }
.c-head{ display:flex; align-items: baseline; gap: 14px; flex-wrap: wrap; font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--c-mute); font-weight: 500; }
html[lang="zh-Hans"] .c-head{ letter-spacing: .06em; }
.c-num{ color: var(--c-red); font-variant-numeric: tabular-nums; letter-spacing: .06em; font-weight: 600; }
.c-label{ margin-left: auto; letter-spacing: .08em; color: var(--c-navy); }
.c-text{ font-family: var(--c-serif); color: #1A2230; font-weight: 400; font-optical-sizing: auto; hyphens: manual; }
.c-text :lang(zh-Hans), [lang="zh-Hans"] .c-text, .c-text[lang="zh-Hans"], p[lang="zh-Hans"]{ font-family: var(--c-serif-zh); }
.c-text p{ margin: 0 0 .9em; } .c-text p:last-child{ margin-bottom: 0; }
.c-fill{ color: var(--c-navy); font-style: italic; white-space: normal; }
[lang="zh-Hans"] .c-fill, .c-fill:lang(zh-Hans){ font-style: normal; }
.c-term{ color: inherit !important; text-decoration: underline; text-decoration-style: dotted; text-decoration-color: rgba(31,58,95,.55); text-decoration-thickness: 1.5px; text-underline-offset: .22em; border-radius: 2px; transition: background .25s ease, color .25s ease, text-decoration-color .25s ease; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-term:hover, .c-term.on{ background: rgba(31,58,95,.08); color: var(--c-navy) !important; text-decoration-style: solid; text-decoration-color: var(--c-navy); }
.c-note{ font-size: 14px; line-height: 1.5; color: var(--c-mute); }
.c-note b{ display:block; font-weight: 600; color: var(--c-ink); font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 6px; }
html[lang="zh-Hans"] .c-note b{ letter-spacing: .04em; }
.c-note span{ display:block; }
.c-note a{ display:inline-block; margin-top: 8px; color: var(--c-navy) !important; font-weight: 500; text-decoration: none; font-size: 13.5px; }
.c-note a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.c-foot-src{ text-align: center; margin-top: 28px; }
.c-src{ font-size: 13.5px; color: var(--c-navy) !important; text-decoration: none; font-weight: 500; }
.c-src:hover{ text-decoration: underline; text-underline-offset: 3px; }

.cwhy{ background:#fff; }
.cwhy h2{ margin:0; font-weight: 500; color: var(--c-ink); letter-spacing: -.035em; line-height: 1; }
.cwhy p{ margin: 12px 0 0; color: var(--c-mute); font-size: 15px; line-height: 1.5; }

.h-routes, .g-routes{ display:none !important; }
@media (max-width: 700px){
  .c-wrap{ width: calc(100% - 40px); }
  .chero{ padding: 40px 0 24px; }
  .c-h1{ font-size: 28px; }
  .c-choice{ margin-top: 22px; display:grid; grid-template-columns: max-content max-content; justify-content:center; }
  .c-opt{ font-size: 14px; padding: 8px 10px; } .c-opt::after{ left: 10px; right: 10px; } .c-opt + .c-opt::before{ display:none; }
  .c-label{ margin-left: 0; }
}
@media (prefers-reduced-motion: reduce){ .c-doc.on{ animation: none; } .c-opt::after, .c-term{ transition: none; } }

.site-footer{ background: #F5F7FA !important; color: #3B4552 !important; border-top: 1px solid var(--c-hair) !important; }
.site-footer *{ color: inherit; border-color: var(--c-hair) !important; }
.site-footer a{ color: var(--c-navy) !important; }
.site-footer .logo-text, .site-footer .footer-brand strong, .site-footer h4{ color: var(--c-ink) !important; }
.site-footer .logo-text span{ color: var(--c-red) !important; }
.site-footer p, .site-footer .footer-bottom{ color: #5B6573 !important; opacity: 1 !important; }

html body .site-footer .footer-col a, html body .site-footer .footer-col a[href]{ color: var(--c-navy) !important; border-color: var(--c-navy) !important; }
html body .site-footer .footer-bottom, html body .site-footer .footer-bottom *{ color: #5B6573 !important; }
html body .site-footer .footer-bottom a{ color: var(--c-navy) !important; }