/* The same public-site shell on home, section, list and detail pages. */
:root{--brand-navy:#00174a;--brand-teal:#008c8a;--brand-teal-text:#007b79;--brand-on-dark:#72c9c3;--line:#e3e9ed}
body .skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px 24px}
body .skip-link:focus{top:8px}
body,body.inner-page,body.home-page{font-family:Arial,Helvetica,SimSun,"宋体","Songti SC",STSong,serif;font-size:16px}
body.inner-page{font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif}
body .site-header,body .home-footer{font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.42857143}
body .site-header *,body .home-footer *{box-sizing:border-box}
body .site-header{position:relative;z-index:30;background:#fff;border:0;color:#00174a}
body .site-header a,body .home-footer a{text-decoration:none;color:inherit}
body .site-header button,body .home-footer button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
body .site-header [hidden],body .home-footer [hidden]{display:none!important}
body .site-header .header-inner,body .home-footer .home-footer-inner{width:1200px;max-width:calc(100% - 40px);margin-inline:auto}
body .site-header .header-inner{height:60px;display:flex;align-items:center;gap:0;padding:0}
body .site-header .brand{display:block;flex:none}
body .site-header .brand img{display:block;width:155px;height:30px;max-width:100%}
body .site-header .desktop-nav{display:flex;align-items:center;margin-left:auto;height:100%;gap:34px}
body .site-header .nav-item{display:flex;align-items:center;height:100%;margin:0;padding:0}
body .site-header .nav-item>a{display:flex;align-items:center;height:100%;position:relative;font-size:16px;white-space:nowrap;font-weight:400;color:#444}
body .site-header .nav-item>a:after{content:none}
body .site-header .nav-item>a[aria-current]{color:#00174a;font-weight:600}
body .site-header .mobile-group>a{color:#444}
body .site-header .mobile-nav .mobile-group>a[aria-current]{color:#00174a;font-weight:700}
body .site-header .nav-item>a:not([aria-current]):hover,body .site-header .mobile-group>a:not([aria-current]):hover{color:#007b79}
body .site-header a:hover{color:#007b79}
body .site-header .header-phone,body .site-header .menu-toggle,body .site-header .mobile-nav,body .site-header .nav-dropdown,body .site-header .nav-toggle{display:none}
body .site-header :focus-visible,body .home-footer :focus-visible{outline:2px solid #008c8a;outline-offset:4px}
body .home-footer{background:#00174a;color:#b8c6d8;font-size:15px;min-height:60px;clear:both}
body .home-footer .home-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:13px 0}
body .home-footer p{margin:0;line-height:28px}
body .home-footer figure{margin:0}
body .home-footer a:hover,body .home-footer button:hover{color:#72c9c3}
/* One secondary-navigation treatment for every section. */
body .content_nav li.current a{background:#e1edf5;color:#00174a;box-shadow:none}
body .content_nav li:hover a{background:#eef6f6;color:#007b79}
body .content_nav li.current:hover a{background:#e1edf5;color:#00174a}
body .content_nav li a{font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;font-size:18px}
body .content_nav li a span{color:transparent;pointer-events:none}
body .content_nav li.current a span{color:rgba(0,23,74,.06)}
/* Native CMS layouts take precedence over incompatible reference-page rules. */
body #fh5co-board.cms-original-webcases{columns:auto;column-gap:normal}
body .cms-original-webcases .groupnewslist{margin:0;padding-left:0;list-style:none}
body .cms-original-webcases li.item{list-style:none}
body .cms-original-webcases .cont_title{font-family:inherit;font-size:16px}
body .webnavlis [data-case-filter]{padding:10px 24px;font-size:16px;border:0;border-bottom:2px solid transparent;background:none;color:#00174a;cursor:pointer}
body .webnavlis [data-case-filter][aria-pressed="true"]{color:#007b79;border-bottom-color:#008c8a}
body .cms-original-culture #swiper-culture .swiper-wrapper{display:flex;height:100%}
body .cms-original-culture #swiper-culture .swiper-slide{height:100%;flex-shrink:0}
body .cms-original-culture #swiper-culture .swiper-slide>img{width:100%;height:auto}
body .cms-original-culture .culture-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;background:#fff;font-size:16px;color:#00174a}
body .culture-controls button,body .join-title .job-toggle{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
body .culture-controls button:hover,body .join-title .job-toggle:hover{color:#007b79}
body .culture-controls :focus-visible,body .webnavlis :focus-visible,body .job-toggle:focus-visible{outline:2px solid #008c8a;outline-offset:4px}
body .join-title .job-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:0}
body .joinlist .join-info[hidden]{display:none!important}
body .joinlist .join-info:not([hidden]){display:block}
@media(max-width:768px){body .cms-original-webcases li.item{width:50%!important}body .webnavlis [data-case-filter]{padding:10px 13px;font-size:14px}}
/* Preserve the original Salvattore waterfall geometry; refine type and interaction. */
body.inner-page .projectbox{font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif}
body .webcase-list #fh5co-board{display:flow-root}
body .webcase-list #fh5co-main li.item{box-sizing:border-box;list-style:none}
body .webcase-list .animate-box{opacity:1;visibility:visible}
body .webcase-list #fh5co-main li.item .cont_title{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#00174a;transition:color .18s ease,background .18s ease}
body .webcase-list .fh5co-board-img{transition:box-shadow .18s ease}
body .webcase-list .fh5co-board-img:hover,body .webcase-list .fh5co-board-img:focus-visible{box-shadow:0 4px 14px #00174a18}
body .webcase-list #fh5co-main li.item a:hover .cont_title,body .webcase-list #fh5co-main li.item a:focus-visible .cont_title{color:#007b79;background:#edf5f5}
body .webcase-list .fh5co-board-img:focus-visible{outline:2px solid #008c8a;outline-offset:4px}
body .webcase-list .fh5co-board-img .imgbox img{transition:transform .18s ease}
@media(prefers-reduced-motion:reduce){body .webcase-list .fh5co-board-img,body .webcase-list .cont_title,body .webcase-list .fh5co-board-img .imgbox img{transition:none}}
@media(min-width:992px) and (max-width:1209px){body .site-header .header-inner,body .home-footer .home-footer-inner{width:970px}body .site-header .desktop-nav{gap:27px}}
@media(min-width:769px) and (max-width:991px){body .site-header .header-inner,body .home-footer .home-footer-inner{width:750px}body .site-header .desktop-nav{gap:20px}}
@media(max-width:768px){
 body .site-header .header-inner,body .home-footer .home-footer-inner{width:auto;max-width:none;margin-inline:10px}
 body .site-header .header-inner{justify-content:space-between}
 body .site-header .desktop-nav{display:none}
 body .site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:44px;padding:0}
 body .site-header .menu-toggle span{display:block;width:23px;height:1.5px;background:#00174a}
 body .site-header .mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px 24px;max-height:calc(100dvh - 60px);overflow:auto;border-bottom:1px solid #e3e9ed;box-shadow:0 20px 30px #00174a15}
 body .site-header .mobile-group{display:flex;flex-wrap:wrap;gap:10px 20px;border-bottom:1px solid #e3e9ed;padding:14px 0;font-size:16px}
 body .site-header .mobile-group>a:first-child{width:100%;font-weight:600}
 body .home-footer .home-footer-inner{display:block;text-align:center;padding:15px 0 10px}
 body .home-footer .home-footer-links{justify-content:center;margin-top:2px}
 body .home-footer p{font-size:14px;line-height:1.8}
 body .content_nav{display:block!important;margin-top:0;padding-top:0;overflow-x:auto;white-space:nowrap;text-align:left;scrollbar-width:none;background:#fff}
 body .content_nav>ul,body ul.content_nav{display:flex;width:max-content;min-width:100%;margin:0}
 body ul.content_nav{width:100%;min-width:0;max-width:100%}
 body .content_nav li{width:auto;min-width:110px;box-shadow:none;padding:0;border-bottom:1px solid #e3e9ed;flex:none}
 body .content_nav li a{display:block;font-size:16px;line-height:56px;height:56px;padding:0 18px}
 body .content_nav li a span{height:56px;line-height:56px;font-size:40px}
}
