/* Shared visual system. Pixel sizes keep the legacy rem-based pages independent. */
:root { --sr-navy:#12283d; --sr-gold:#087e87; --sr-teal:#087e87; --sr-ink:#243747; --sr-body:#53606b; --sr-paper:#eff5f7; --sr-line:#dce6eb; --sr-serif:"PingFang SC","Microsoft YaHei",Arial,sans-serif; --sr-sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.sr-modern { margin:0; color:var(--sr-body); background:#fff; font-family:var(--sr-sans); font-size:16px; line-height:1.8; -webkit-font-smoothing:antialiased; }
.sr-modern *, [data-site-header] *, [data-site-footer] * { box-sizing:border-box; }
.sr-modern h1,.sr-modern h2,.sr-modern h3,.sr-modern p,.sr-modern ul { margin:0; }
.sr-modern a { color:inherit; text-decoration:none; }
.sr-modern button,.sr-modern input { font:inherit; }
.sr-modern button { cursor:pointer; }
.sr-modern img { display:block; max-width:100%; height:auto; }
.sr-modern h1,.sr-modern h2,.sr-modern h3 { color:var(--sr-navy); font-family:var(--sr-serif); font-weight:500; line-height:1.5; }
.sr-modern h1 { font-size:clamp(34px,4vw,54px); }
.sr-modern h2 { font-size:clamp(28px,3vw,38px); }
.sr-modern h3 { font-size:24px; }
.sr-modern a:focus-visible,.sr-modern button:focus-visible,.sr-modern summary:focus-visible,[data-site-header] :focus-visible,[data-site-footer] :focus-visible { outline:2px solid var(--sr-gold); outline-offset:5px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.sr-skip { position:fixed; left:18px; top:-100px; z-index:1001; padding:12px 18px; background:var(--sr-navy); color:#fff!important; font:14px var(--sr-sans); }
.sr-skip:focus { top:12px; }
.sr-container { width:calc(100% - 96px); max-width:1200px; margin-inline:auto; }
.sr-section { padding-block:90px; }
.sr-eyebrow { margin-bottom:18px!important; color:#087e87; font-family:var(--sr-sans); font-size:11px; font-weight:600; letter-spacing:.19em; line-height:1.7; text-transform:uppercase; }
.sr-section-heading { margin-bottom:30px!important; }
.sr-link { display:inline-flex; gap:22px; align-items:center; padding:8px 0; color:var(--sr-navy)!important; border-bottom:1px solid var(--sr-gold); font-size:14px; }
.sr-link:hover { color:#087e87!important; }
.sr-button { display:inline-flex; justify-content:center; align-items:center; gap:28px; min-height:50px; padding:12px 24px; border:1px solid var(--sr-navy); background:var(--sr-navy); color:#fff!important; font-size:14px; text-decoration:none; }
.sr-button:hover { background:#254158; }
.sr-page-hero { padding:72px 0 66px; background:var(--sr-paper); border-bottom:1px solid var(--sr-line); }
.sr-page-hero h1 { margin-bottom:18px; }
.sr-page-hero p:not(.sr-eyebrow) { max-width:750px; }
#header[data-site-header] { position:sticky; inset:0 0 auto; z-index:100; display:block; width:100%; height:auto; min-height:84px; margin:0; padding:0; color:var(--sr-navy); background:rgba(255,255,255,.98); border:0; border-bottom:1px solid rgba(18,40,61,.1); font-family:var(--sr-sans); font-size:14px; line-height:1.5; }
[data-site-header] a { text-decoration:none; color:inherit; }
.sr-header-inner { max-width:1392px; width:calc(100% - 96px); min-height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.sr-brand { display:block; flex:none; width:270px; height:66px; background:url('/static/image/logo_1x.png') center/320px auto no-repeat; }
.sr-nav-list { display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0; }
.sr-nav-item { position:relative; }
.sr-nav-heading { display:flex; align-items:center; }
.sr-nav-heading > a { display:block; padding:30px 0; white-space:nowrap; font-size:14px; }
.sr-nav-item.is-current > .sr-nav-heading > a { color:#087e87; }
.sr-nav-item.is-current > .sr-nav-heading > a:after { content:""; position:absolute; bottom:20px; left:0; width:18px; height:1px; background:var(--sr-gold); }
[data-site-header] button { border:0; padding:0; background:transparent; color:inherit; cursor:pointer; }
.sr-sub-toggle { display:none; }
.sr-submenu { position:absolute; left:-22px; top:100%; display:none; min-width:175px; margin:0; padding:16px 22px; border-top:2px solid var(--sr-gold); background:#fff; box-shadow:0 16px 40px #12283d14; list-style:none; }
.sr-submenu a { display:block; padding:10px 0; font-size:13px; white-space:nowrap; }
.sr-submenu a:hover { color:#087e87; }
.sr-nav-item:hover .sr-submenu,.sr-nav-item:focus-within .sr-submenu,.sr-nav-item.is-expanded .sr-submenu { display:block; }
.sr-header-tools { display:flex; align-items:center; gap:20px; }
.sr-language-link { flex:none; white-space:nowrap; font-size:12px; letter-spacing:.05em; }
.sr-search-toggle { display:flex; align-items:center; justify-content:center; min-width:30px; min-height:40px; }
.sr-menu-toggle { display:none; }
.sr-mobile-search { display:none; }
.sr-search-panel { border-top:1px solid var(--sr-line); padding:26px 48px 32px; background:var(--sr-paper); }
.sr-search-panel[hidden] { display:none; }
.sr-search-panel form { max-width:650px; margin:auto; }
.sr-search-panel label { display:block; margin-bottom:12px; font-size:13px; }
.sr-search-panel form > div { display:flex; border-bottom:1px solid var(--sr-gold); }
.sr-search-panel input { min-width:0; flex:1; border:0; padding:12px 0; background:transparent; font:16px var(--sr-sans); }
.sr-search-panel button { padding:10px 18px!important; font:14px var(--sr-sans); }
#footer[data-site-footer] { display:block; width:100%; margin:0; padding:0; background:#102538; color:#fff; font-family:var(--sr-sans); font-size:13px; line-height:1.8; }
[data-site-footer] a { text-decoration:none; color:inherit; }
[data-site-footer] a:hover { color:#91d1d4; }
.sr-footer-inner { display:grid; grid-template-columns:1fr 2fr; gap:70px; max-width:1200px; width:calc(100% - 96px); margin:auto; padding:64px 0 54px; }
.sr-footer-brand { font-family:var(--sr-serif); font-size:23px; letter-spacing:.08em; }
.sr-footer-intro p { margin:18px 0 22px; color:#c2ccd4; font-size:15px; line-height:1.9; }
.sr-footer-email { color:#91d1d4!important; font-size:12px; }
.sr-footer-navigation { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.sr-footer-heading { display:block; margin-bottom:16px; font-size:13px; }
.sr-footer-navigation ul { margin:0; padding:0; list-style:none; }
.sr-footer-navigation li { margin:0 0 9px; }
.sr-footer-navigation li a { color:#aebdc8; font-size:12px; }
.sr-footer-bottom { display:flex; gap:22px; justify-content:space-between; align-items:center; width:calc(100% - 96px); max-width:1200px; margin:auto; padding:24px 0; border-top:1px solid #ffffff1f; color:#aebdc8; font-size:10px; letter-spacing:.04em; }
.sr-legacy-content { display:block; }
.sr-legacy-content .banner { margin-top:0; }
.sr-legacy-content > main { display:block; }
@media (max-width:1200px) {
  .sr-header-inner { width:calc(100% - 48px); gap:18px; }
  .sr-nav-list { gap:20px; }
  [data-language="en"] .sr-nav-list { gap:18px; }
  [data-language="en"] .sr-nav-heading > a { font-size:11px; }
}
@media (max-width:1000px) {
  #header[data-site-header] { min-height:74px; }
  .sr-header-inner { min-height:74px; }
  .sr-navigation { display:none; position:absolute; top:100%; left:0; width:100%; max-height:calc(100dvh - 74px); overflow:auto; padding:18px 24px 28px; border-top:1px solid var(--sr-line); background:#fff; box-shadow:0 15px 25px #12283d12; }
  [data-menu-open] .sr-navigation { display:block; }
  .sr-nav-list { display:block; }
  .sr-nav-item { border-bottom:1px solid var(--sr-line); }
  .sr-nav-heading { justify-content:space-between; }
  .sr-nav-heading > a { padding:17px 0; flex:1; font-size:15px!important; }
  .sr-nav-item.is-current > .sr-nav-heading > a:after { display:none; }
  [data-site-header] .sr-sub-toggle { display:flex; width:44px; height:50px; align-items:center; justify-content:center; font-size:22px; }
  .sr-submenu { position:static; min-width:0; padding:0 0 12px 16px; border:0; box-shadow:none; }
  .sr-nav-item:hover .sr-submenu,.sr-nav-item:focus-within .sr-submenu { display:none; }
  .sr-nav-item.is-expanded .sr-submenu { display:block; }
  .sr-nav-item.is-expanded .sr-sub-toggle span { transform:rotate(180deg); }
  .sr-mobile-search { display:flex; margin-top:24px; border:1px solid var(--sr-line); }
  .sr-mobile-search input { min-width:0; width:100%; border:0; padding:12px; font:14px var(--sr-sans); background:var(--sr-paper); }
  .sr-mobile-search button { flex:none; padding:10px 14px!important; font:13px var(--sr-sans); }
  .sr-menu-toggle { display:flex; justify-content:center; flex-direction:column; gap:6px; width:30px; height:44px; }
  .sr-menu-toggle span { display:block; height:1px; width:23px; background:currentColor; transition:transform .2s; }
  [data-menu-open] .sr-menu-toggle span:first-child { transform:translateY(3.5px) rotate(45deg); }
  [data-menu-open] .sr-menu-toggle span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .sr-search-toggle { display:none; }
  .sr-header-tools { gap:18px; }
  .sr-footer-inner { gap:40px; grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .sr-container { width:calc(100% - 40px); }
  .sr-section { padding-block:58px; }
  .sr-page-hero { padding:46px 0; }
  .sr-header-inner { width:calc(100% - 40px); }
  .sr-brand { width:215px; height:58px; background-size:270px auto; }
  .sr-footer-inner,.sr-footer-bottom { width:calc(100% - 40px); }
  .sr-footer-inner { padding:48px 0 36px; }
  .sr-footer-navigation { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
  .sr-footer-bottom { flex-wrap:wrap; gap:12px 20px; padding:22px 0; }
  .sr-footer-bottom span:first-child { width:100%; }
}
@media (max-width:375px) {
  .sr-header-inner { gap:12px; }
  .sr-header-tools { gap:12px; }
  .sr-brand { width:200px; height:54px; background-size:250px auto; }
}
@media (prefers-reduced-motion:reduce) { .sr-modern *,[data-site-header] *,[data-site-footer] * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }