/* 临时双层导航：主菜单 + 七项常用服务。 */
:root { --sx-header-height:177px; }
.sx-header { position:sticky; top:0; z-index:3000; background:#fff; border-bottom:1px solid #e8edf3; }
.sx-topbar { display:flex; align-items:center; gap:24px; min-height:44px; margin-left:max(35%,calc((100% - 1440px)/2 + 440px)); padding:0 max(32px,calc((100% - 1440px)/2)) 0 38px; border-radius:0 0 0 28px; background:linear-gradient(105deg,#0268fe,#12b5df); }
.sx-nav { display:flex; flex:1; align-items:center; justify-content:space-between; gap:16px; min-width:0; }
.sx-nav > a,.sx-services > summary { position:relative; display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:0 12px; color:#fff; font-size:15px; font-weight:500; white-space:nowrap; cursor:pointer; list-style:none; }
.sx-nav > a:hover,.sx-services > summary:hover { background:rgba(255,255,255,.12); }
.sx-nav > a[aria-current="page"],.sx-services.sx-current > summary { font-weight:700; }
.sx-nav > a[aria-current="page"]::after,.sx-services.sx-current > summary::after { content:''; position:absolute; height:2px; width:20px; left:50%; bottom:6px; transform:translateX(-50%); background:#fff; border-radius:2px; }
.sx-language { display:flex; align-items:center; gap:7px; white-space:nowrap; color:#fff; font-size:13px; }
.sx-language svg { width:17px; height:17px; }
.sx-header-inner { max-width:1504px; height:132px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:240px minmax(0,1fr) 210px; align-items:center; gap:32px; }
.sx-brand { display:flex; align-items:center; gap:16px; min-width:0; }
.sx-brand-mark { position:relative; display:block; width:104px; height:104px; flex:0 0 auto; overflow:hidden; background:#fff; }
/* Use the supplied original image; frame its white margins without altering the artwork. */
.sx-brand-mark img { position:absolute; top:50%; left:50%; display:block; width:216%; height:auto; max-width:none; object-fit:contain; transform:translate(-50%,-50%); }


.sx-quick-services { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:center; gap:8px; min-width:0; }
.sx-quick-services .sx-quick-link { position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; padding:12px 0; color:#243238; font-size:13px; line-height:1.3; white-space:nowrap; text-align:center; transform:none; }
.sx-quick-services .sx-quick-link img { width:46px; height:46px; object-fit:contain; transform:none; filter:none; }
.sx-quick-services .sx-quick-link:hover,.sx-quick-services .sx-quick-link[aria-current="location"] { color:#00afe3; }
.sx-quick-link:hover::after,.sx-quick-link[aria-current="location"]::after { content:''; position:absolute; height:2px; background:#00b3e4; bottom:2px; width:58%; left:21%; }
.sx-header-contact { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.sx-consult-link { display:flex; align-items:center; gap:8px; color:#243238; font-size:17px; font-weight:600; }
.sx-consult-link svg { width:23px; height:23px; color:#0268fe; }
.sx-contact-email { color:#677c88; font-size:13px; }
.sx-contact-channels { display:flex; gap:9px; margin-top:4px; }
.sx-contact-channels a { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#10b4de; color:#fff; }
.sx-contact-channels a:hover { background:#0268fe; }
.sx-contact-channels svg { width:17px; height:17px; }
.sx-mobile-actions { display:none; }
.sx-services { position:relative; }
.sx-services > summary::-webkit-details-marker { display:none; }
.sx-chevron { width:12px; height:12px; transition:transform .18s ease; }
.sx-services[open] .sx-chevron { transform:rotate(180deg); }
.sx-services .sx-service-panel { display:none; position:absolute; top:44px; left:50%; transform:translateX(-40%); width:660px; min-width:0; max-height:calc(100dvh - 70px); overflow:auto; padding:24px; background:#fff; border:1px solid #e3eaf1; border-radius:0 0 12px 12px; box-shadow:0 18px 50px rgba(16,40,67,.15); z-index:10; }
.sx-services[open] .sx-service-panel { display:block; }
.sx-service-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.sx-service-group h2 { font-size:11px; letter-spacing:1px; font-weight:600; color:#7c8c98; margin:0 10px 10px; }
.sx-service-panel a { margin:0!important; padding:8px 10px!important; font-size:14px!important; line-height:1.6!important; height:auto!important; border-radius:6px!important; }
.sx-service-panel .sx-all-services { display:flex; align-items:center; justify-content:space-between; margin-top:16px!important; padding-top:16px!important; border-top:1px solid #edf1f5; border-radius:0!important; color:#0268fe!important; }
.sx-menu-toggle { display:none; }
.sx-menu-toggle[hidden] { display:none!important; }
.sx-header a:focus-visible,.sx-header summary:focus-visible,.sx-header button:focus-visible { outline:3px solid #79b6ff; outline-offset:3px; }
html { scroll-padding-top:calc(var(--sx-header-height) + 16px); }
#supported-brands,#blog-articles { scroll-margin-top:0; }
@media (max-width:1300px) and (min-width:1101px) {
 .sx-header-inner { padding:0 24px; gap:18px; grid-template-columns:215px minmax(0,1fr) 174px; }
 .sx-brand { gap:12px; }

 .sx-brand-mark { width:96px; height:96px; }
 .sx-quick-services { gap:3px; }
 .sx-quick-services .sx-quick-link { font-size:12px; }
 .sx-nav { gap:8px; }
 .sx-topbar { gap:18px; padding-left:26px; }
 .sx-nav > a,.sx-services > summary { padding:0 8px; }
}
@media (max-width:1100px) {
 :root { --sx-header-height:163px; }
 .sx-header-inner { display:grid; grid-template-columns:1fr auto; grid-template-rows:72px 90px; height:auto; padding:0 24px; gap:0; }
 .sx-brand { grid-column:1; grid-row:1; gap:12px; }

 .sx-brand-mark { width:58px; height:58px; }
 .sx-header-contact { display:none; }
 .sx-quick-services { grid-column:1 / -1; grid-row:2; align-self:stretch; display:grid; grid-template-columns:repeat(7,minmax(98px,1fr)); gap:4px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; border-top:1px solid #eff3f7; }
 .sx-quick-services .sx-quick-link { font-size:12px; gap:7px; padding:10px 2px; }
 .sx-quick-services .sx-quick-link img { width:36px; height:36px; }
 .sx-quick-link:hover::after,.sx-quick-link[aria-current="location"]::after { bottom:7px; }
 .sx-mobile-actions { grid-row:1; grid-column:2; display:flex; align-items:center; gap:10px; }
 .sx-contact { display:flex; align-items:center; justify-content:center; min-height:38px; padding:0 15px; border-radius:6px; background:#0268fe; color:#fff; font-size:14px; }
 .sx-menu-toggle { display:flex; align-items:center; justify-content:center; width:38px; height:38px; padding:8px; border:1px solid #e4eaf0; border-radius:6px; background:#fff; color:#19364d; cursor:pointer; }
 .sx-menu-toggle svg { width:22px; height:22px; }
 .sx-menu-toggle .sx-close-icon { display:none; }
 .sx-menu-toggle[aria-expanded="true"] .sx-close-icon { display:block; }
 .sx-menu-toggle[aria-expanded="true"] .sx-open-icon { display:none; }
 .sx-topbar { position:absolute; top:72px; left:0; right:0; margin:0; max-height:calc(100dvh - 72px); overflow:auto; padding:12px 24px 20px; border-radius:0; background:#fff; border-top:1px solid #e8edf3; box-shadow:0 16px 24px rgba(16,40,67,.12); z-index:20; display:block; }
 .sx-header.sx-ready .sx-topbar { display:none; }
 .sx-header.sx-ready.sx-menu-open .sx-topbar { display:block; }
 .sx-nav { display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0; }
 .sx-nav > a,.sx-services > summary { justify-content:flex-start; min-height:48px; padding:10px 12px; color:#40515f; font-size:16px; }
 .sx-nav > a:hover,.sx-services > summary:hover,.sx-nav > a[aria-current="page"] { color:#0268fe; background:#f2f7ff; border-radius:6px; }
 .sx-nav > a[aria-current="page"]::after,.sx-services.sx-current > summary::after { display:none; }
 .sx-services > summary { justify-content:space-between; }
 .sx-services .sx-service-panel { position:static; width:auto; transform:none; max-height:none; padding:16px 10px; border:0; background:#f7f9fc; box-shadow:none; border-radius:8px; }
 .sx-service-groups { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .sx-language { color:#7c8c98; padding:14px 12px 0; margin-top:10px; border-top:1px solid #edf1f5; }
}
@media (max-width:600px) {
 .sx-header-inner { padding:0 18px; }
 .sx-brand { gap:9px; }
 .sx-brand-mark { width:54px; height:54px; }

 .sx-mobile-actions { gap:8px; }
 .sx-topbar { padding:10px 18px 18px; }
 .sx-service-groups { grid-template-columns:1fr; gap:18px; }
 .sx-service-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:6px; }
 .sx-service-group h2 { grid-column:1 / -1; }
 .sx-service-panel a { font-size:13px!important; }
}
@media (prefers-reduced-motion:reduce) { .sx-header * { transition:none!important; } }