/* Shared preview controls and responsive navigation; the default design stays intact. */
@media(min-width:1001px){body[data-site-template] .nav.nav-expanded .nav-inner{width:min(1440px,96vw);gap:18px;box-sizing:border-box}body[data-site-template] .nav.nav-expanded .brand{flex:none}body[data-site-template] .nav.nav-expanded .brand-text small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px}body[data-site-template] .nav.nav-expanded .nav-links{gap:2px;min-width:0}body[data-site-template] .nav.nav-expanded .nav-links a{font-size:14px;padding:8px 9px;white-space:nowrap;flex:none}}
@media(min-width:1001px) and (max-width:1200px){body[data-site-template] .nav.nav-expanded .nav-inner{gap:10px}body[data-site-template] .nav.nav-expanded .brand-text small{display:none}body[data-site-template] .nav.nav-expanded .brand-text strong{font-size:17px}body[data-site-template] .nav.nav-expanded .nav-links{gap:0}body[data-site-template] .nav.nav-expanded .nav-links a{font-size:13px;padding:8px 7px}}
.template-preview-banner{position:fixed;inset:0 0 auto;z-index:1100;height:56px;padding:12px 4vw;display:flex;align-items:center;justify-content:center;gap:20px;background:#f7f9ff;color:#243653;border-bottom:1px solid #d6dfec;font:14px/1.6 "Microsoft YaHei",sans-serif;text-align:center}
.template-preview-banner strong{font-size:15px}.template-preview-banner span{color:#53657e}
body.is-template-preview{padding-top:56px;--template-preview-offset:56px}.is-template-preview .nav{top:56px}.is-template-preview .scroll-progress{top:56px}
body:not(.site-theme--tech-blue) .template-hero-copy{min-width:0}
body:not(.site-theme--tech-blue) .hero-title{overflow-wrap:anywhere;text-wrap:balance}
body:not(.site-theme--tech-blue) .about-copy,body:not(.site-theme--tech-blue) .contact-list span{overflow-wrap:anywhere}
body:not(.site-theme--tech-blue) .contact-form,body:not(.site-theme--tech-blue) .contact-info{min-width:0}
body:not(.site-theme--tech-blue) .brand-logo{flex-shrink:0}
body:not(.site-theme--tech-blue) .field label{font-size:14px}
body:not(.site-theme--tech-blue) .form-tip{font-size:14px;line-height:1.8}
body:not(.site-theme--tech-blue) .contact-list li{grid-template-columns:90px minmax(0,1fr)}
body:not(.site-theme--tech-blue) .footer small{font-size:13px}
body:not(.site-theme--tech-blue) .content-article-link>span{box-shadow:none;border:1px solid var(--line)}
body:not(.site-theme--tech-blue) .public-page h1{font-size:clamp(28px,4.6vw,46px);line-height:1.5;overflow-wrap:anywhere}
.public-content-page:not(.site-theme--tech-blue) .public-page{padding-top:140px}
@media(max-width:1000px){
 body[data-site-template] .nav,body[data-site-template] .nav.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
 body[data-site-template] .nav .nav-inner{backdrop-filter:none;-webkit-backdrop-filter:none}
 body[data-site-template] .nav .nav-links{position:fixed;top:var(--template-preview-offset,0px);right:0;bottom:0;width:min(82vw,340px);display:flex;flex-direction:column;justify-content:flex-start;gap:9px;padding:92px 28px 28px;background:var(--ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateX(100%);transition:transform .3s ease;box-shadow:-15px 0 45px #0003;overflow-y:auto;overscroll-behavior:contain}
 body[data-site-template] .nav .nav-links.open{transform:translateX(0)}
 body[data-site-template] .nav .nav-links a{width:100%;text-align:center;color:#fff!important;font-size:16px;padding:11px 15px;white-space:normal;flex-shrink:0}
 body[data-site-template] .nav .nav-links a.active,body[data-site-template] .nav.scrolled .nav-links a.active{background:var(--primary);color:var(--nav-active-text,#fff)!important;border-color:transparent;box-shadow:none}
 body[data-site-template] .nav .nav-toggle{display:flex;z-index:1001}
 body[data-site-template] .nav .nav-toggle.open span{background:#fff}
}
@media(max-width:600px){.template-preview-banner{height:80px;flex-direction:column;gap:2px;padding:10px 12px}body.is-template-preview{padding-top:80px;--template-preview-offset:80px}.is-template-preview .nav{top:80px}.is-template-preview .scroll-progress{top:80px}body:not(.site-theme--tech-blue) .hero-title{font-size:clamp(32px,8.5vw,46px)}body:not(.site-theme--tech-blue) .brand-text small{display:none}body:not(.site-theme--tech-blue) .brand-text strong{font-size:17px}body:not(.site-theme--tech-blue) .hero-actions .btn{padding:12px 20px;max-width:100%}body:not(.site-theme--tech-blue) .contact-list li{grid-template-columns:78px minmax(0,1fr)}}
@media print{.template-preview-banner{display:none}body.is-template-preview{padding-top:0}}