
.gh-card-link.has-cover{display:flex;align-items:flex-start;gap:24px}
.gh-card-copy{flex:1;min-width:0}
.gh-card-cover{flex:0 0 150px;aspect-ratio:4/3;overflow:hidden;background:#f4f7fa}
.gh-card-cover img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.gh-card-link.has-cover{gap:16px}.gh-card-cover{flex-basis:100px}}
.gh-featured .gh-card-cover{flex-basis:75px}
@font-face{font-family:BrandSans;src:url('../brand/noto-sans-sc-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:BrandSans;src:url('../brand/noto-sans-sc-bold.woff2') format('woff2');font-weight:700;font-display:swap}
.site-header,.site-footer{font-family:BrandSans,'Microsoft YaHei',sans-serif;font-size:16px;line-height:1.5;letter-spacing:normal}
.site-header *,.site-footer *{box-sizing:border-box}
.site-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.gh-site{padding-top:80px}
@media(min-width:992px){.tag-template .gh-pagehead{top:104px}}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:80px;background:#0868f7;color:white}
.site-header>.site-container{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand-link{display:inline-flex;flex-shrink:0;margin-top:5px}
.brand-link img{width:152.34px;height:25.1591px}
.main-navigation{display:flex;align-items:center;gap:32px;height:80px;white-space:nowrap}
.nav-link{position:relative;display:inline-flex;align-items:center;height:80px;color:#fff;text-decoration:none;font-size:16px;line-height:24px}
.nav-link.is-active{font-weight:700}
.nav-link.is-active:after{content:'';position:absolute;bottom:22px;left:0;right:0;height:2px;background:white}
.header-demo-button{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border:1px solid #ffffffe6;border-radius:999px;color:white;text-decoration:none;font-size:16px;line-height:24px}
.header-demo-button:hover{background:#ffffff24}
.menu-toggle{display:none;width:40px;height:40px;padding:8px;border:0;background:transparent;cursor:pointer}
.menu-toggle span{display:block;height:2px;margin:6px 0;background:white}
.site-footer .font-bold{font-weight:700}
.site-footer img{display:block}
.site-footer { min-height: 413px; background: #003e98; color: white; }
.footer-main { position: relative; display: grid; grid-template-columns: minmax(0, 661fr) minmax(0, 421fr) 118px; min-height: 315px; padding-top: 61px; }
.footer-brand-link { display: inline-flex; }
.footer-brand-link img { max-width: none; }
.footer-brand p { margin: 19px 0 0; color: #b8c9dd; font-size: 16px; line-height: 24px; }
.footer-navigation { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.footer-navigation a { color: #fff; text-decoration: none; font-size: 16px; line-height: 19px; }
.footer-navigation a:hover { text-decoration: underline; text-underline-offset: 5px; }
.footer-wechat { width: 112px; margin: 6px 6px 0 0; }
.footer-wechat > img { width: 108.5625px; height: 108.5625px; margin-left: 3px; }
.footer-wechat figcaption { margin-top: 14.4375px; }
.footer-wechat p { margin: 0; font-size: 16px; line-height: 24px; text-align: right; }
.footer-wechat p:last-child { margin-top: 5px; color: rgb(255 255 255 / 60%); font-size: 14px; line-height: 14px; white-space: nowrap; }
.footer-bottom { border-top: 1px solid rgb(255 255 255 / 10%); }
.footer-legal { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 25px 0 44px; font-size: 14px; line-height: 20px; }
.footer-legal p { margin: 3px 0 0; }
.footer-registrations { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px 24px; margin-left: auto; max-width: 100%; }
.footer-registrations a { white-space: nowrap; }
.guide-return { margin: 24px auto 0; }
.guide-return-link { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border: 1px solid #d5e2f5; border-radius: 999px; color: #0868f7; background: #fff; font-family: BrandSans,'Microsoft YaHei',sans-serif; font-size: 14px; line-height: 20px; text-decoration: none; }
.guide-return-link:hover { color: #003e98; background: #e8f1ff; }
.guide-return-link:focus-visible { outline: 2px solid #0868f7; outline-offset: 3px; }
@media (width < 500px) {
  .footer-registrations { margin-left: 0; justify-content: flex-start; }
}
.footer-public-security { display: inline-flex; align-items: center; gap: 6px; }
.footer-public-security img { width: 20px; height: 20px; flex-shrink: 0; }
.footer-legal a { color: #b8c9dd; text-decoration: none; }
.footer-legal a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1000px) {
  .footer-main { grid-template-columns: minmax(0, 1fr) 180px 118px; gap: 24px; }
  .footer-brand p { max-width: 340px; }
}
@media (max-width: 800px) {
  .footer-main { grid-template-columns: minmax(0, 1fr) 112px; gap: 32px 24px; padding: 40px 0; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-wechat { margin: 0; }
  .footer-navigation { gap: 16px; }
  .footer-brand p { max-width: none; font-size: 15px; }
  .footer-legal { flex-direction: column; gap: 14px; padding: 24px 0 32px; font-size: 13px; line-height: 22px; }
  .footer-legal p { margin: 0; }
}
@media(max-width:1100px){.main-navigation{gap:22px}.nav-link{font-size:15px}}
@media(max-width:800px){.site-container{width:calc(100% - 40px)}.site-header,.site-header>.site-container{height:72px}.gh-site{padding-top:72px}.menu-toggle{display:block}.main-navigation{display:none;position:absolute;left:0;right:0;top:72px;height:auto;padding:20px;background:#0868f7;flex-direction:column;align-items:stretch;gap:0}.menu-open .main-navigation{display:flex}.nav-link{height:48px}.nav-link.is-active:after{display:none}.header-demo-button{margin-top:12px}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}}
