/* Shared homepage and inner-page header, contact area, and footer. */
.site-shell{--header:88px;--reference-blue:#0757ad;--reference-ink:#0b315b;--reference-pale:#edf7ff;--reference-serif:"SimSun","Songti SC","STSong",serif}
.site-shell .reference-contact>.container,.site-shell .reference-footer>.container{width:min(1320px,89.2%)}
.site-shell .site-header{height:var(--header);color:var(--reference-ink)}
.site-shell .header-inner{width:min(1320px,89.2%);gap:32px}
.site-shell .brand{order:1;gap:12px}
.site-shell .brand img{width:46px;height:46px}
.site-shell .brand-name{color:#0683ff;font-family:var(--reference-serif);font-size:29px;letter-spacing:3px}
.site-shell .brand-name small{color:#194c7a;font-size:10px;letter-spacing:1px;margin-top:4px}
.site-shell .main-nav{order:2;gap:28px;font-family:var(--reference-serif);font-size:16px}
.site-shell .main-nav>a:after,.site-shell .nav-group:after{bottom:17px;background:var(--reference-blue);height:2px}
.site-shell .language-switcher{order:3;margin-left:auto}
.site-shell .language-trigger{font-size:13px}
.site-shell .language-trigger>svg,.site-shell .language-chevron{display:none}
.site-shell .header-contact{order:4;background:var(--reference-blue);padding:14px 26px;font-size:14px;border-radius:3px;letter-spacing:1px}
.site-shell .header-contact svg{display:none}
.site-shell .menu-toggle{order:5}
.site-shell .reference-title{position:relative;font-family:var(--reference-serif);font-size:clamp(32px,3.45vw,50px);font-weight:700;line-height:1.4;letter-spacing:1px;padding-top:26px;color:var(--reference-ink)}
.site-shell .reference-title:before{position:absolute;content:"";height:3px;width:42px;top:0;left:0;background:var(--reference-blue)}
.site-shell .reference-section-heading{text-align:center;margin-bottom:26px}
.site-shell .reference-section-heading .reference-title:before{left:50%;transform:translateX(-50%)}
.site-shell .reference-section-heading>p{font-family:var(--reference-serif);font-size:25px;line-height:1.7;margin-top:4px;color:#39536d}
.site-shell .reference-contact{background:var(--reference-pale);padding:30px 0 38px;color:var(--reference-ink)}
.site-shell .reference-contact .reference-section-heading{margin-bottom:22px}
.site-shell .reference-contact-grid{display:grid;grid-template-columns:1fr 1fr;width:min(920px,92%);margin:auto}
.site-shell .reference-contact-item{display:flex;align-items:flex-start;gap:23px;padding:0 44px 0 0;min-width:0}
.site-shell .reference-contact-item+div{border-left:1px solid #7896b2;padding:0 0 0 70px}
.site-shell .reference-contact-icon{width:28px;height:28px;color:#114e8b;stroke-width:2;margin-top:3px}
.site-shell .reference-contact-item>div{min-width:0}
.site-shell .reference-contact-item h3{font-family:var(--reference-serif);font-size:22px;font-weight:700;margin-bottom:8px}
.site-shell .reference-contact-item address,.site-shell .reference-contact-item a{font-size:17px;line-height:1.55;font-style:normal;color:#425363;display:block;width:fit-content;max-width:100%}
.site-shell .reference-contact-item a:hover{color:var(--blue)}
.site-shell .reference-contact-item .reference-contact-email{font:16px/1.8 Arial,sans-serif;overflow-wrap:anywhere}
.site-shell .reference-contact-actions{display:flex;justify-content:center;gap:30px;margin-top:28px}
.site-shell .reference-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:230px;min-height:62px;padding:13px 28px;border:1px solid var(--reference-blue);background:var(--reference-blue);color:#fff;border-radius:4px;font-family:var(--reference-serif);font-size:20px;font-weight:600}
.site-shell .reference-button-outline{background:transparent;color:#114b84;min-width:255px}
.site-shell .reference-button:hover{background:#0683ff;border-color:#0683ff;color:#fff}
.site-shell .reference-footer{padding:24px 0;background:#0a2e55;color:#fff}
.site-shell .reference-footer-inner{display:flex;align-items:center;gap:28px;min-height:40px}
.site-shell .reference-footer-brand{display:flex;align-items:center;gap:10px;flex:none}
.site-shell .reference-footer-brand img{border-radius:50%;width:34px;height:34px}
.site-shell .reference-footer-brand>span{font:700 21px var(--reference-serif)}
.site-shell .reference-footer-brand>small{border-left:1px solid #8ea6bf;padding-left:12px;font:13px Arial,sans-serif;letter-spacing:.2px}
.site-shell .reference-footer-inner>p{margin-left:auto;font-size:13px;color:#dce8f5}
.site-shell .reference-wechat{font-size:12px;color:#b4cbe0;padding:5px 0}
.site-shell .wechat-dialog-qr{width:220px;margin:24px auto 0}
.site-shell .back-top{width:34px;height:34px;right:10px;bottom:18px}
.site-shell .brand-name{font-size:25px}
.site-shell .reference-title{font-size:clamp(30px,3.05vw,44px)}
.site-shell .reference-section-heading>p{font-size:21px}
.site-shell .reference-contact-item h3{font-size:20px}
.site-shell .reference-contact-item address,.site-shell .reference-contact-item a{font-size:15px}
.site-shell .reference-contact-item .reference-contact-email{font-size:14px}
.site-shell .reference-button{font-size:18px;min-height:56px}
.site-shell .reference-footer-brand>span{font-size:19px}
.site-shell .reference-footer-brand>small{font-size:12px}
.site-shell .reference-footer-inner>p{font-size:12px}
@media(max-width:1250px) and (min-width:1061px){
 .site-shell .header-inner{width:92%;gap:22px}
 .site-shell .main-nav{gap:14px;font-size:14px}
 .site-shell .brand-name{font-size:25px}
 .site-shell .header-contact{padding:12px 18px;font-size:13px}
 .site-shell .reference-contact-item+div{padding-left:40px}
}
@media(max-width:1060px){
 .site-shell{--header:72px}
 .site-shell .header-inner{width:92%;gap:22px}
 .site-shell .main-nav{gap:0;font-family:inherit;font-size:17px}
 .site-shell .language-switcher{margin-left:auto}
 .site-shell .brand-name{font-size:25px}
 .site-shell .reference-contact-grid{width:100%}
 .site-shell .reference-contact-item{padding-right:24px;gap:15px}
 .site-shell .reference-contact-item+div{padding-left:24px}
 .site-shell .reference-contact-item h3{font-size:20px}
 .site-shell .reference-contact-item address,.site-shell .reference-contact-item a{font-size:15px}
 .site-shell .reference-contact-item .reference-contact-email{font-size:13px}
 .site-shell .reference-footer-inner{gap:18px;flex-wrap:wrap}
 .site-shell .reference-footer-brand>small{font-size:11px}
 .site-shell .reference-footer-inner>p{font-size:11px}
}
@media(max-width:760px){
 .site-shell{--header:68px}
 .site-shell .header-inner{width:calc(100% - 32px);gap:16px}
 .site-shell .brand{gap:8px}
 .site-shell .brand img{width:36px;height:36px}
 .site-shell .brand-name{font-size:23px;letter-spacing:2px}
 .site-shell .brand-name small{font-size:7px;letter-spacing:.6px}
 .site-shell .language-trigger{font-size:11px}
 .site-shell .header-contact{display:none}
 .site-shell .reference-title{font-size:31px;padding-top:22px}
 .site-shell .reference-title:before{height:2px;width:30px}
 .site-shell .reference-section-heading{margin-bottom:22px}
 .site-shell .reference-section-heading>p{font-size:17px}
 .site-shell .reference-contact{padding:28px 0 32px}
 .site-shell .reference-contact-grid{grid-template-columns:1fr;gap:20px}
 .site-shell .reference-contact-item,.site-shell .reference-contact-item+div{padding:0;border:0;gap:16px}
 .site-shell .reference-contact-item+div{border-top:1px solid #cedeea;padding-top:20px}
 .site-shell .reference-contact-item h3{font-size:19px;margin-bottom:6px}
 .site-shell .reference-contact-item address,.site-shell .reference-contact-item a{font-size:14px}
 .site-shell .reference-contact-item .reference-contact-email{font-size:12px}
 .site-shell .reference-contact-icon{width:24px;height:24px}
 .site-shell .reference-contact-actions{gap:12px;margin-top:24px}
 .site-shell .reference-button{min-width:0;flex:1;font-size:14px;min-height:47px;padding:10px 12px;gap:7px}
 .site-shell .reference-button svg{width:19px;height:19px}
 .site-shell .reference-footer{padding:20px 0}
 .site-shell .reference-footer-inner{gap:12px}
 .site-shell .reference-footer-brand{gap:8px}
 .site-shell .reference-footer-brand img{width:28px;height:28px}
 .site-shell .reference-footer-brand>span{font-size:17px}
 .site-shell .reference-footer-brand>small{font-size:9px;padding-left:8px}
 .site-shell .reference-wechat{font-size:11px}
 .site-shell .reference-footer-inner>p{width:100%;margin-left:0;font-size:10px}
}
@media(max-width:360px){
 .site-shell .header-inner{gap:12px}
 .site-shell .brand-name{font-size:21px}
 .site-shell .reference-button{font-size:13px;padding-inline:8px}
}
@media(max-width:760px){.site-shell .reference-contact>.container,.site-shell .reference-footer>.container{width:calc(100% - 40px)}}
@media(min-width:1061px){.site-shell .nav-group.is-active .nav-group-heading:after{bottom:17px;height:2px;background:var(--reference-blue)}}