:root{
--beili-blue:#365dd5;--text:#242a31;--muted:#535e6b;--line:#e0e5eb;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}
html{
scroll-padding-top:100px}
body.complete-site{
font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:16px;color:var(--text)}
.complete-site *{
letter-spacing:0!important}
.complete-site h1,.complete-site h2,.complete-site h3{
font-family:inherit}
.complete-site a:focus-visible,.complete-site button:focus-visible,.complete-site input:focus-visible,.complete-site select:focus-visible,.complete-site textarea:focus-visible{
outline:3px solid #365dd5;outline-offset:3px}
.skip-link{
position:fixed;top:-100px;left:20px;z-index:1000;background:#fff;color:#253f88;padding:12px}
.skip-link:focus{
top:10px}
.complete-site .complete-header{
position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:78px;width:100%;padding:14px 4%;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);gap:22px;color:var(--text);backdrop-filter:none}
.complete-site .brand{
flex:none;display:flex;align-items:center}
.complete-site .brand-logo{
width:114px;height:40px;object-fit:contain;filter:none}
.complete-site .nav-links{
display:flex;gap:23px;align-items:center;position:static;background:none;width:auto;padding:0;box-shadow:none}
.complete-site .nav-links a{
font-size:14px;font-weight:600;white-space:nowrap;color:#34404e}
.complete-site .nav-links a:hover{
color:var(--beili-blue)}
.complete-site .header-actions{
display:flex;align-items:center;gap:12px;flex:none}
.complete-site [data-site-language]{
min-height:40px;max-width:120px;background:#fff;color:#354352;border:1px solid #ced5dd;border-radius:4px;font:inherit;font-size:13px;padding:7px}
.complete-site .cta{
display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--beili-blue);color:#fff;border:0;border-radius:4px;font-size:15px;font-weight:600;line-height:1.45;padding:11px 18px;text-decoration:none;cursor:pointer}
.complete-site .cta:hover{
background:#274bb3}
.complete-site .cta:disabled{
opacity:.65;cursor:wait}
.complete-site .complete-menu{
display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #cdd5df;background:#fff;border-radius:4px;color:#29384a}
.complete-menu svg{
width:22px;height:22px}
.complete-site .cover{
position:relative}
.complete-site .cover img{
height:390px;object-fit:contain}
.complete-site .film-entry{
position:absolute;right:20px;bottom:50px;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#365dd5;border:1px solid #d9e0ed;box-shadow:0 3px 12px #17284415;transition:transform .18s,background .18s}
.complete-site .film-entry:hover{
transform:scale(1.08);background:#edf2ff}
.film-entry svg{
height:20px;width:20px}
.complete-site .related .item img{
object-fit:cover}
.complete-site .item[hidden]{
display:none!important}
.product-search{
max-width:620px;font-size:14px;font-weight:600;margin-top:28px}
.product-search input{
display:block;width:100%;min-height:46px;font:inherit;font-size:16px;background:#fff;border:1px solid #9ca9b9;border-radius:4px;padding:12px}
.resource-links{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:22px 0}
.resource-links a{
display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line);line-height:1.6;text-decoration:none;color:#263747}
.resource-links a:hover{
color:var(--beili-blue)}
.complete-resources{
max-width:1180px;padding:50px 32px;margin:auto}
.complete-resources h2{
font-size:30px;line-height:1.4}
.complete-inline-rfq{
background:#fff;padding:28px;border:1px solid #dfe4eb;border-radius:6px;min-width:0}
.rfq-local-note{
border-left:3px solid #497a69;background:#f0f5f3;color:#365e50;font-size:14px;padding:12px 16px;margin-bottom:22px}
.complete-form{
display:block;color:#25313e;width:100%;max-width:900px}
.complete-form .form-grid{
display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.complete-form label{
display:block;margin:0 0 18px;font-weight:600;font-size:14px;min-width:0}
.complete-form input,.complete-form select,.complete-form textarea{
display:block;width:100%;font-family:inherit;font-size:16px;line-height:1.5;font-weight:400;border:1px solid #98a5b5;border-radius:4px;background:#fff;color:#202a36;padding:11px 12px;margin-top:7px;min-height:46px;box-shadow:none;min-width:0}
.complete-form input::placeholder,.complete-form textarea::placeholder{
color:#5e6876}
.complete-form select{
white-space:normal;max-width:100%}
.complete-form input[type=file]{
font-size:13px;overflow:hidden}
.complete-form textarea{
resize:vertical}
.complete-form .check{
display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}
.complete-form .check input{
width:18px;height:18px;min-height:18px;flex:none;margin-top:3px;padding:0}
.complete-form .field-help{
font-size:13px;line-height:1.6;color:#535e6b;margin:0 0 18px}
.complete-form .field-help a{
text-decoration:underline}
.complete-form .form-trap{
position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.complete-form [data-file-error]{
color:#a82730}
.complete-form .form-status{
font-size:14px;color:#354e63;line-height:1.7;overflow-wrap:anywhere;min-height:24px}
.complete-form .is-error{
color:#a82730}
.complete-form .is-success{
color:#246147}
.complete-site .form-wrap{
max-width:850px}
.complete-site .form-grid select{
max-width:100%}
.complete-site .mfg-scroll-poster{
object-fit:contain}
.complete-site .bottom-bar{
z-index:90}
.complete-site .product-film-media{
outline-offset:4px}
.complete-site .hero{
margin-top:0}
.complete-site .hero-content{
padding-top:40px}
.complete-site .quality-proof-grid img{
content-visibility:auto}
section[id]{
scroll-margin-top:95px}
#main-content:focus{
outline:none}
.complete-site .heading{
max-width:940px}
.complete-site .prose a{
text-decoration:underline}
.complete-site footer{
color:#535e6b}
#main-content .grid.three{
align-items:start}
#main-content .item h3{
overflow-wrap:anywhere}
.complete-site .form-grid>*{
min-width:0}
@media(max-width:1100px){
.complete-site .complete-header{
gap:14px;padding:12px 22px}
.complete-site .nav-links{
gap:15px}
.complete-site .nav-links a{
font-size:13px}
.complete-site .header-quote{
font-size:13px;padding:10px 12px}
.complete-site .header-actions{
gap:8px}
.complete-site .brand-logo{
width:100px}
}
@media(max-width:960px){
.complete-site .complete-header{
flex-wrap:nowrap;min-height:72px}
.complete-site .nav-links{
display:none}
.complete-site .complete-menu{
display:flex;flex:none}
.complete-site .complete-header.menu-open .nav-links{
display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;width:100%;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line);gap:0;box-shadow:0 6px 16px #1833470d}
.complete-site .nav-links a{
padding:12px 0;font-size:15px}
.complete-site .reading{
gap:35px;grid-template-columns:190px minmax(0,1fr)}
.complete-site .grid.three{
grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.complete-site .reading{
display:block}
.complete-site .cover img{
height:auto;aspect-ratio:3/2}
.complete-site .film-entry{
bottom:70px;right:14px;width:42px;height:42px}
.complete-resources{
padding:32px 20px}
.complete-resources h2{
font-size:25px}
.resource-links{
grid-template-columns:1fr}
.complete-site .complete-header{
padding:11px 16px;gap:10px}
.complete-site .header-quote{
display:none}
.complete-site .brand{
width:auto}
.complete-site .brand-logo{
width:96px;height:34px}
.complete-site [data-site-language]{
width:102px;max-width:102px}
.complete-site .grid.three{
grid-template-columns:1fr}
.complete-inline-rfq{
padding:20px}
.complete-form .form-grid{
grid-template-columns:1fr;gap:0}
.complete-site .form-wrap{
padding-bottom:28px}
.complete-site .hero-content{
padding-top:20px}
.complete-site aside{
position:static;display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:30px}
.complete-site aside strong{
width:100%}
.complete-site aside a{
font-size:13px;border:0;padding:7px 0}
.complete-site h1{
overflow-wrap:anywhere}
.complete-site .hero h1{
font-size:40px;line-height:1.16}
.complete-site .hero-proof strong{
font-size:20px}
.complete-site .complete-form .form-status{
min-height:45px}
}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto!important}
*,*::before,*::after{
animation-duration:.001ms!important;transition-duration:.001ms!important}
.reveal{
opacity:1!important;transform:none!important}
.complete-site .film-entry:hover{
transform:none}
.complete-site .mfg-scroll-poster{
opacity:1!important}
}
@media print{
header,footer,aside,.film-entry,.cta{
display:none!important}
}