.skip-link{position:absolute;left:12px;top:-80px;z-index:30;padding:12px 18px;background:#fff;color:#173746;box-shadow:0 2px 14px #0003}
.skip-link:focus{top:12px}
.header{position:relative;z-index:5}
.language a{font-size:13px;padding:4px;line-height:1.4;color:#64747a}
.language a.selected{color:#173746;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.nav a[aria-current="page"]{color:var(--blue)}
.nav .contact-nav[aria-current="page"]{color:#fff}
.social-footer{display:grid;gap:3px;margin-top:7px}
.social-footer button,.contact-panel .wechat-copy{border:0;background:none;text-align:left;color:#647279;padding:0;font-size:14px;line-height:1.9}
.social-footer button:hover,.contact-panel .wechat-copy:hover{text-decoration:underline;text-underline-offset:4px}
.social-footer button span{color:var(--blue);margin-left:6px}
.contact-panel .wechat-copy{border-top:1px solid #e5e9eb;padding:13px 0;width:100%;color:var(--ink);font-size:15px}
.contact-panel .wechat-copy span{float:right;color:var(--blue)}
.contact-panel .wechat-hint{font-size:12px;color:#718088;line-height:1.5;display:block}
.contact-panel a span{float:right;font-size:13px}
.contact-panel .panel-address{font-size:13px;margin-bottom:0}
.copy-status{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:20;background:#173746;color:#fff;padding:10px 14px;border-radius:5px;font-size:14px}
.copy-status:empty{display:none}
.contact-item button{border:0;background:none;padding:0;color:var(--blue);font-size:15px;text-decoration:underline;text-underline-offset:4px}
.topic-choice{cursor:default}
.topic-choice.selected-topic{border-color:#577e91;background:#edf3f4}
.topic-choice::before{content:'';width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8ea9b5}
.tagline{font-size:12px;color:#758b95;letter-spacing:1px;margin-bottom:13px}
.photo-note{font-size:12px;color:#6b7778;line-height:1.6;margin-top:12px}
.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.detail-list article{border-top:1px solid #b9cbd1;padding-top:18px}
.detail-list h3{font-size:21px;margin-bottom:10px}
.detail-list p{font-size:16px}
.contact-panel:focus{outline:0}
@media(max-width:960px){
  .nav{display:none}
  .mobile-menu{display:block;background:none;border:0;color:var(--ink)}
  .header.menu-open{height:auto;min-height:86px;padding:15px 0}
  .header.menu-open .wrap{flex-wrap:wrap}
  .header.menu-open .wrap{align-items:flex-start}
  .header.menu-open .nav{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px 0 10px;white-space:normal}
  .header.menu-open .nav>a{padding:13px 8px;border-bottom:1px solid #e4eaec}
  .header.menu-open .nav .language{grid-column:1/-1;margin:8px 0 12px;gap:11px}
  .header.menu-open .nav .contact-nav{grid-column:1/-1;text-align:center;margin-top:8px}
  .mobile-menu{min-width:44px;min-height:44px;font-size:0;line-height:1}
  .mobile-menu::after{content:'☰';font-size:25px}
  .header.menu-open .mobile-menu::after{content:'×';font-size:31px}
}
@media(max-width:760px){
  .brand-name{letter-spacing:.2px}
  .detail-list{grid-template-columns:1fr;gap:22px}
  .contact-panel{max-width:calc(100vw - 32px)}
  .site-intro{padding-top:55px;padding-bottom:55px}
}