/* Shared V10 website header, search and footer. Scope legacy CSS away from the shell. */
.v10-site-shell { font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; font-size:15px; line-height:1.6; text-align:left; color:var(--v10-ink); }
.v10-site-shell *, .v10-site-shell *::before, .v10-site-shell *::after { box-sizing:border-box; }
.v10-site-shell :is(h1,h2,h3,p,figure,ul,form) { padding:0; }
.v10-site-shell .container::before,.v10-site-shell .container::after { display:none; }
:root { color-scheme: light; --v10-blue: #2869d8; --v10-blue-dark: #1b4fae; --v10-ink: #1c2b41; --v10-muted: #697990; --v10-line: #e3eaf3; --v10-canvas: #f6f9fd; --v10-green: #229b83; --v10-amber: #c68b2c; font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif; color: var(--v10-ink); background: rgb(255, 255, 255); font-synthesis: none; text-rendering: optimizelegibility; }
.v10-site-shell * { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { min-width: 320px; margin: 0px; font-size: 15px; line-height: 1.6; }
body.menu-open { overflow: hidden; }
.v10-site-shell button, .v10-site-shell a { font: inherit; }
.v10-site-shell a { color: inherit; text-decoration: none; }
.v10-site-shell button { color: inherit; }
.v10-site-shell svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.v10-site-shell .container { width: min(1280px, 100% - 48px); margin-inline: auto; }
.v10-site-shell .skip-link { position: fixed; z-index: 1000; top: 8px; left: 8px; padding: 8px 12px; transform: translateY(-150%); color: rgb(255, 255, 255); background: var(--v10-ink); border-radius: 4px; }
.v10-site-shell .skip-link:focus { transform: none; }
.v10-site-shell.site-header { position: sticky; z-index: 100; top: 0px; min-height: 76px; background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid var(--v10-line); backdrop-filter: blur(12px); }
.v10-site-shell .header-inner { position: relative; width: min(1600px, 100% - 64px); min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.v10-site-shell .brand { display: inline-flex; align-items: center; flex: 0 1 180px; min-width: 0px; max-width: 180px; color: var(--v10-ink); }
.v10-site-shell .brand-logo { display: block; width: 100%; height: 40px; object-fit: contain; object-position: left center; }
.v10-site-shell .brand-fallback { color: rgb(32, 55, 86); font-size: 16px; font-weight: 600; }
.v10-site-shell .site-nav { display: flex; align-items: center; gap: 28px; margin-right: auto; margin-left: 10px; }
.v10-site-shell .site-nav > .nav-link, .v10-site-shell .nav-disclosure > summary { position: relative; display: inline-flex; align-items: center; gap: 5px; min-height: 76px; color: rgb(50, 71, 96); font-size: 15px; white-space: nowrap; cursor: pointer; }
.v10-site-shell .site-nav > .nav-link::after, .v10-site-shell .nav-disclosure > summary::after { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 2px; transform: scaleX(0); background: var(--v10-blue); content: ""; transition: transform 0.18s; }
.v10-site-shell .site-nav > .nav-link:hover, .v10-site-shell .nav-disclosure > summary:hover, .v10-site-shell .nav-disclosure[open] > summary { color: var(--v10-blue); }
.v10-site-shell .site-nav > .nav-link:hover::after, .v10-site-shell .nav-disclosure[open] > summary::after { transform: scaleX(1); }
.v10-site-shell .header-actions { display: flex; align-items: center; gap: 22px; flex: 0 0 auto; font-size: 14px; }
.v10-site-shell .header-actions > a:not(.button):hover { color: var(--v10-blue); }
.v10-site-shell .header-account { color: rgb(77, 93, 116); font-size: 14px; }
.v10-site-shell .header-account:hover { color: var(--v10-blue); }
.v10-site-shell .button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0px 20px; border: 1px solid transparent; border-radius: 5px; font-size: 14px; line-height: 1.2; font-weight: 600; white-space: nowrap; transition: background-color 0.18s, border-color 0.18s, color 0.18s, transform 0.18s; }
.v10-site-shell .button svg, .v10-site-shell .text-link svg { flex: 0 0 auto; width: 18px; height: 18px; }
.v10-site-shell .button:hover { transform: translateY(-1px); }
.v10-site-shell .button-primary { color: rgb(255, 255, 255); background: var(--v10-blue); border-color: var(--v10-blue); }
.v10-site-shell .button-primary:hover { background: var(--v10-blue-dark); border-color: var(--v10-blue-dark); }
.v10-site-shell .button-secondary { color: rgb(52, 84, 127); background: rgb(255, 255, 255); border-color: rgb(207, 220, 237); }
.v10-site-shell .button-secondary:hover { color: var(--v10-blue); border-color: rgb(156, 185, 232); background: rgb(247, 250, 255); }
.v10-site-shell .button-compact { min-height: 40px; padding-inline: 15px; font-size: 13px; }
.v10-site-shell .menu-toggle { display: none; width: 42px; height: 42px; padding: 0px; place-items: center; border: 1px solid var(--v10-line); border-radius: 5px; background: rgb(255, 255, 255); cursor: pointer; }
.v10-site-shell .menu-toggle svg { width: 21px; height: 21px; }
.v10-site-shell .menu-close-icon { display: none; }
.v10-site-shell .nav-disclosure > summary { list-style: none; }
.v10-site-shell .nav-disclosure > summary::-webkit-details-marker { display: none; }
.v10-site-shell .nav-disclosure > summary > svg { width: 14px; height: 14px; transition: transform 0.18s; }
.v10-site-shell .nav-disclosure[open] > summary > svg { transform: rotate(180deg); }
.v10-site-shell .nav-panel { position: absolute; top: 100%; left: 180px; right: 0px; padding: 28px; border: 1px solid var(--v10-line); border-radius: 0px 0px 12px 12px; background: rgb(255, 255, 255); box-shadow: rgba(24, 55, 88, 0.08) 0px 18px 40px; }
.v10-site-shell .nav-panel-intro { padding-right: 26px; border-right: 1px solid var(--v10-line); }
.v10-site-shell .nav-panel-intro h2 { margin: 0px; font-size: 20px; }
.v10-site-shell .nav-panel-intro p { color: var(--v10-muted); font-size: 13px; }
.v10-site-shell .nav-product-links, .v10-site-shell .nav-scene-links { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px 20px; align-content: start; max-height: 330px; overflow: auto; }
.v10-site-shell .nav-panel a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0px; padding: 10px 12px; font-size: 14px; color: rgb(66, 89, 117); overflow-wrap: anywhere; }
.v10-site-shell .nav-panel a:hover { color: var(--v10-blue); background: rgb(244, 248, 255); border-radius: 4px; }
.v10-site-shell .nav-panel a svg { width: 16px; height: 16px; flex: 0 0 auto; }
.v10-site-shell .nav-panel .text-link { display: inline-flex; padding: 8px 0px; justify-content: flex-start; color: var(--v10-blue); }
.v10-site-shell .nav-panel-label { color: var(--v10-muted); font-size: 12px; margin-bottom: 12px; }
.v10-site-shell .nav-mobile-actions { display: none; }
.v10-site-shell .eyebrow { display: flex; align-items: center; gap: 8px; margin: 0px 0px 14px; color: var(--v10-blue); font-size: 12px; line-height: 1.4; font-weight: 700; letter-spacing: 0.08em; }
.v10-site-shell .eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--v10-green); box-shadow: rgba(34, 155, 131, 0.09) 0px 0px 0px 4px; }
.v10-site-shell .text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--v10-blue); font-size: 13px; font-weight: 600; white-space: nowrap; }
.v10-site-shell .text-link:hover { color: var(--v10-blue-dark); }
.v10-site-shell .text-link svg { width: 17px; height: 17px; transition: transform 0.18s; }
.v10-site-shell .text-link:hover svg { transform: translateX(3px); }
.v10-site-shell .menu-toggle:focus-visible, .v10-site-shell a:focus-visible, .v10-site-shell button:focus-visible { outline: rgba(75, 131, 220, 0.333) solid 3px; outline-offset: 3px; }
.v10-site-shell .button-light { color: rgb(35, 67, 110); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.v10-site-shell .button-light:hover { color: var(--v10-blue); background: rgb(242, 246, 253); }
.v10-site-shell.site-footer { background: rgb(19, 37, 60); color: rgb(194, 206, 223); }
.v10-site-shell .footer-inner { min-height: 88px; display: flex; align-items: center; gap: 20px; }
.v10-site-shell .footer-brand { flex-basis: 150px; max-width: 150px; }
.v10-site-shell .footer-brand .brand-logo { height: 34px; }
.v10-site-shell .footer-inner > p { margin: 0px; color: rgb(122, 137, 157); font-size: 12px; }
.v10-site-shell .footer-links { display: flex; gap: 18px; margin-left: auto; color: rgb(97, 114, 138); font-size: 12px; }
.v10-site-shell .footer-links a:hover { color: var(--v10-blue); }
.v10-site-shell .footer-inner small { color: rgb(150, 161, 176); font-size: 11px; }
@media (max-width: 1000px) {
.v10-site-shell .container { width: min(100% - 40px, 820px); }
.v10-site-shell .site-nav { gap: 22px; }
.v10-site-shell .header-inner { gap: 20px; }
}
@media (max-width: 760px) {
html { scroll-padding-top: 72px; }
.v10-site-shell .container { width: calc(100% - 36px); }
.v10-site-shell.site-header, .v10-site-shell .header-inner { min-height: 64px; }
.v10-site-shell .header-inner { position: relative; gap: 10px; }
.v10-site-shell .brand { flex-basis: 140px; max-width: 140px; }
.v10-site-shell .brand-logo { height: 34px; }
.v10-site-shell .menu-toggle { display: grid; order: 3; flex: 0 0 auto; }
.v10-site-shell .header-actions { gap: 13px; margin-left: auto; }
.v10-site-shell .header-account { font-size: 13px; }
.v10-site-shell .header-actions .button { min-height: 38px; padding-inline: 12px; font-size: 12px; }
.v10-site-shell .site-nav { position: absolute; z-index: 10; top: calc(100% + 1px); right: -18px; left: -18px; display: none; align-items: stretch; gap: 0px; padding: 8px 18px 14px; border-bottom: 1px solid var(--v10-line); background: rgb(255, 255, 255); box-shadow: rgba(32, 57, 87, 0.07) 0px 12px 20px; }
.v10-site-shell .site-nav.is-open { display: flex; flex-direction: column; }
.v10-site-shell .site-nav a { min-height: 44px; border-bottom: 1px solid rgb(240, 243, 248); font-size: 14px; }
.v10-site-shell .site-nav a::after { display: none; }
.v10-site-shell .menu-toggle[aria-expanded="true"] .menu-open-icon { display: none; }
.v10-site-shell .menu-toggle[aria-expanded="true"] .menu-close-icon { display: block; }
.v10-site-shell .footer-inner { min-height: 0px; flex-wrap: wrap; gap: 12px 18px; padding-block: 21px; }
.v10-site-shell .footer-inner > p { flex: 1 1 0%; }
.v10-site-shell .footer-links { order: 3; width: 100%; margin-left: 0px; }
.v10-site-shell .footer-inner small { margin-left: auto; }
}
@media (max-width: 420px) {
.v10-site-shell .container { width: calc(100% - 30px); }
.v10-site-shell .header-actions { gap: 9px; }
.v10-site-shell .header-account { font-size: 12px; }
.v10-site-shell .header-actions .button { padding-inline: 10px; }
.v10-site-shell .menu-toggle { width: 38px; height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
.v10-site-shell * { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
.v10-site-shell .footer-services { border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: rgb(16, 33, 55); }
.v10-site-shell .footer-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px; padding-block: 32px; }
.v10-site-shell .footer-service-grid > a { display: flex; gap: 16px; align-items: center; }
.v10-site-shell .footer-service-grid svg { flex: 0 0 auto; width: 34px; height: 34px; color: rgb(160, 188, 223); stroke-width: 1.5; }
.v10-site-shell .footer-service-grid strong { display: block; color: rgb(235, 243, 255); font-size: 16px; font-weight: 500; }
.v10-site-shell .footer-service-grid small { display: block; margin-top: 3px; font-size: 12px; color: rgb(129, 155, 189); }
.v10-site-shell .footer-brand-row { display: flex; align-items: center; gap: 28px; padding-block: 36px 30px; }
.v10-site-shell.site-footer .footer-brand { flex: 0 0 auto; width: 160px; max-width: 160px; padding: 8px 10px; border-radius: 5px; background: rgb(255, 255, 255); }
.v10-site-shell.site-footer .footer-brand .brand-logo { height: 32px; }
.v10-site-shell .footer-brand-row p { margin: 0px; color: rgb(145, 167, 195); font-size: 13px; }
.v10-site-shell .footer-back-top { margin-left: auto; font-size: 12px; color: rgb(158, 182, 214); white-space: nowrap; }
.v10-site-shell .footer-directory { display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 3fr) minmax(0px, 1.15fr); gap: 34px; padding-block: 12px 40px; }
.v10-site-shell .footer-configured-columns { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px; align-content: start; }
.v10-site-shell .footer-column { min-width: 0px; }
.v10-site-shell .footer-column h2 { margin: 0px 0px 22px; color: rgb(240, 245, 253); font-size: 15px; font-weight: 500; }
.v10-site-shell .footer-column-links { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; }
.v10-site-shell .footer-column-links a { color: rgb(143, 165, 194); font-size: 13px; overflow-wrap: anywhere; line-height: 1.6; }
.v10-site-shell.site-footer a:hover { color: rgb(255, 255, 255); }
.v10-site-shell .footer-all-products, .v10-site-shell .footer-contact-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: rgb(167, 200, 247); font-size: 13px; }
.v10-site-shell .footer-all-products svg, .v10-site-shell .footer-contact-link svg { width: 16px; height: 16px; }
.v10-site-shell .footer-contact { padding-left: 28px; border-left: 1px solid rgba(255, 255, 255, 0.08); }
.v10-site-shell .footer-contact p { margin: 0px 0px 9px; font-size: 13px; color: rgb(145, 167, 195); overflow-wrap: anywhere; }
.v10-site-shell .footer-contact .footer-phone { font-size: 18px; color: rgb(220, 233, 252); }
.v10-site-shell .footer-qr { display: flex; align-items: center; gap: 14px; margin: 22px 0px 0px; }
.v10-site-shell .footer-qr img { display: block; width: 94px; height: 94px; padding: 5px; border-radius: 4px; object-fit: contain; background: rgb(255, 255, 255); }
.v10-site-shell .footer-qr figcaption { color: rgb(145, 167, 195); font-size: 12px; }
.v10-site-shell .footer-friends { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding-block: 22px; border-top: 1px solid rgba(255, 255, 255, 0.07); color: rgb(130, 155, 189); font-size: 12px; }
.v10-site-shell .footer-friends > span { color: rgb(186, 203, 226); }
.v10-site-shell .footer-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 30px; padding-block: 22px 26px; border-top: 1px solid rgba(255, 255, 255, 0.07); color: rgb(113, 139, 173); font-size: 11px; }
.v10-site-shell .footer-records { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.v10-site-shell .footer-legal p { margin: 0px; }
@media (max-width: 1300px) and (min-width: 1121px) {
.v10-site-shell .header-inner { width: calc(100% - 40px); gap: 20px; }
.v10-site-shell .header-inner .brand { flex-basis: 150px; max-width: 150px; }
.v10-site-shell .site-nav { gap: 18px; margin-left: 0px; }
.v10-site-shell .site-nav > .nav-link, .v10-site-shell .nav-disclosure > summary { font-size: 14px; }
.v10-site-shell .header-actions { gap: 16px; }
}
@media (max-width: 1120px) {
.v10-site-shell.site-header, .v10-site-shell .header-inner { min-height: 68px; }
.v10-site-shell .header-inner { width: calc(100% - 36px); gap: 14px; }
.v10-site-shell .header-inner .brand { flex-basis: 156px; max-width: 156px; }
.v10-site-shell .header-actions { margin-left: auto; }
.v10-site-shell .header-actions > a:not(.button) { display: none; }
.v10-site-shell .menu-toggle { display: grid; flex: 0 0 auto; order: 3; }
.v10-site-shell .site-nav { position: fixed; top: 68px; left: 0px; right: 0px; display: none; max-height: calc(100dvh - 68px); overflow: auto; overscroll-behavior: contain; margin: 0px; padding: 12px 24px 24px; border-bottom: 1px solid var(--v10-line); background: rgb(255, 255, 255); box-shadow: rgba(24, 55, 88, 0.08) 0px 14px 24px; }
.v10-site-shell .site-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0px; }
.v10-site-shell .site-nav > .nav-link, .v10-site-shell .nav-disclosure > summary { display: flex; justify-content: space-between; width: 100%; min-height: 50px; font-size: 15px; border-bottom: 1px solid rgb(237, 241, 246); }
.v10-site-shell .nav-disclosure > summary::after, .v10-site-shell .site-nav > .nav-link::after { display: none; }
.v10-site-shell .site-nav .nav-panel { position: static; padding: 14px 0px; border: 0px; border-radius: 0px; background: rgb(248, 250, 255); box-shadow: none; }
.v10-site-shell .site-nav .nav-panel a { min-height: 40px; border: 0px; font-size: 13px; }
.v10-site-shell .nav-panel-intro { padding: 4px 16px 10px; border: 0px; }
.v10-site-shell .nav-panel-intro h2 { font-size: 17px; }
.v10-site-shell .nav-panel-intro p, .v10-site-shell .nav-panel-intro .eyebrow { display: none; }
.v10-site-shell .nav-product-links, .v10-site-shell .nav-scene-links { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; padding-inline: 6px; max-height: none; }
.v10-site-shell .nav-panel-label { margin-left: 16px; }
.v10-site-shell .nav-mobile-actions { display: flex; gap: 28px; padding-top: 22px; font-size: 14px; color: var(--v10-blue); }
.v10-site-shell .nav-mobile-actions a { min-height: 32px; border: 0px; }
.v10-site-shell .footer-directory { grid-template-columns: 1fr 3fr; gap: 30px; }
.v10-site-shell .footer-contact { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding: 24px 0px 0px; border-left: 0px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.v10-site-shell .footer-contact h2 { width: 100%; margin-bottom: 0px; }
.v10-site-shell .footer-contact p, .v10-site-shell .footer-contact-link, .v10-site-shell .footer-qr { margin: 0px; }
.v10-site-shell .footer-service-grid { gap: 20px; }
.v10-site-shell .footer-service-grid > a { gap: 10px; }
}
@media (max-width: 680px) {
.v10-site-shell .header-inner { width: calc(100% - 28px); gap: 10px; }
.v10-site-shell .header-inner .brand { flex-basis: 132px; max-width: 132px; }
.v10-site-shell .header-inner .brand-logo { height: 32px; }
.v10-site-shell .header-actions .button { padding-inline: 12px; min-height: 38px; }
.v10-site-shell .header-inner .menu-toggle { width: 38px; height: 38px; }
.v10-site-shell .footer-service-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 16px; }
.v10-site-shell .footer-service-grid svg { width: 26px; height: 26px; }
.v10-site-shell .footer-service-grid strong { font-size: 14px; }
.v10-site-shell .footer-service-grid small { font-size: 10px; }
.v10-site-shell .footer-brand-row { flex-wrap: wrap; gap: 14px 20px; padding-block: 28px; }
.v10-site-shell .footer-brand-row p { order: 3; width: 100%; font-size: 12px; }
.v10-site-shell .footer-directory { grid-template-columns: 1fr; gap: 28px; }
.v10-site-shell .footer-configured-columns { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px; }
.v10-site-shell .footer-directory > .footer-column:first-child .footer-column-links { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.v10-site-shell .footer-column h2 { margin-bottom: 16px; }
.v10-site-shell .footer-contact { display: block; }
.v10-site-shell .footer-contact p { margin-bottom: 8px; }
.v10-site-shell .footer-qr { margin-top: 18px; }
.v10-site-shell .footer-legal { display: block; line-height: 1.9; }
.v10-site-shell .footer-legal p { margin-top: 10px; }
}
.v10-site-shell .nav-disclosure > summary:focus-visible { outline: rgb(40, 105, 216) solid 2px; outline-offset: 4px; }
.v10-site-shell .header-inner { gap: 24px; }
.v10-site-shell .site-nav { flex: 0 0 auto; margin-right: 0px; }
.v10-site-shell .header-search { position: relative; flex: 1 1 300px; min-width: 190px; max-width: 420px; margin: 0px; }
.v10-site-shell .header-search-field { display: flex; align-items: center; height: 40px; gap: 8px; padding: 0px 8px 0px 12px; border: 1px solid rgb(220, 228, 239); border-radius: 0px; background: rgb(248, 250, 255); color: rgb(132, 146, 167); transition: border-color 0.15s, background-color 0.15s; }
.v10-site-shell .header-search-field:focus-within { border-color: var(--v10-blue); background: rgb(255, 255, 255); }
.v10-site-shell .header-search-field > svg { width: 18px; height: 18px; flex: 0 0 auto; }
.v10-site-shell .header-search input { flex: 1 1 0px; min-width: 0px; width: 100%; height: 100%; padding: 0px; border: 0px; border-radius: 0px; outline: none; box-shadow: none; appearance: none; background: transparent; color: var(--v10-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; line-height: 20px; }
.v10-site-shell .header-search input::-webkit-search-cancel-button { appearance: none; }
.v10-site-shell .header-search input::placeholder { color: rgb(132, 146, 167); opacity: 1; }
.v10-site-shell .header-search-field button { display: grid; place-items: center; flex: 0 0 auto; width: 26px; height: 28px; padding: 0px; border: 0px; background: transparent; color: rgb(113, 131, 155); cursor: pointer; }
.v10-site-shell .header-search-field button:hover { color: var(--v10-blue); }
.v10-site-shell .header-search-field button:focus-visible { outline: 1px solid var(--v10-blue); }
.v10-site-shell .header-search-field button svg { width: 17px; height: 17px; }
.v10-site-shell .header-search-panel { position: absolute; z-index: 12; top: calc(100% + 10px); left: 0px; width: max(100%, 340px); max-height: min(440px, 100dvh - 100px); overflow: auto; overscroll-behavior: contain; border: 1px solid var(--v10-line); background: rgb(255, 255, 255); box-shadow: rgba(32, 57, 87, 0.08) 0px 12px 28px; }
.v10-site-shell .header-search-panel ul { margin: 0px; padding: 5px; list-style: none; }
.v10-site-shell .header-search-panel [role="option"] { display: flex; align-items: center; gap: 14px; padding: 10px 12px; font-size: 13px; line-height: 20px; }
.v10-site-shell .header-search-panel [role="option"] > span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.v10-site-shell .header-search-panel [role="option"] > small { flex: 0 0 auto; font-size: 11px; color: rgb(130, 144, 164); }
.v10-site-shell .header-search-panel [role="option"]:hover, .v10-site-shell .header-search-panel [aria-selected="true"] { color: var(--v10-blue); background: rgb(241, 246, 255); }
.v10-site-shell .header-search-status { margin: 0px; padding: 13px 16px 8px; color: var(--v10-muted); font-size: 12px; }
.v10-site-shell .header-search-hint { margin: 0px; padding: 9px 16px; border-top: 1px solid rgb(237, 241, 246); color: rgb(132, 146, 167); font-size: 11px; }
.v10-site-shell .header-search [hidden] { display: none; }
@media (min-width: 1121px) and (max-width: 1460px) {
.v10-site-shell .header-inner { width: calc(100% - 40px); gap: 16px; }
.v10-site-shell .header-inner .brand { flex: 0 0 130px; max-width: 130px; }
.v10-site-shell .site-nav { gap: 16px; margin-left: 0px; }
.v10-site-shell .site-nav > .nav-link, .v10-site-shell .nav-disclosure > summary { font-size: 14px; }
.v10-site-shell .header-actions { gap: 14px; }
.v10-site-shell .header-actions .button { padding-inline: 12px; }
}
@media (max-width: 1120px) {
.v10-site-shell .header-inner { gap: 14px; }
.v10-site-shell .header-search { margin-left: auto; }
.v10-site-shell .header-actions { margin-left: 0px; }
}
@media (max-width: 680px) {
html { scroll-padding-top: 128px; }
.v10-site-shell.site-header, .v10-site-shell .header-inner { min-height: 114px; }
.v10-site-shell .header-inner { flex-wrap: wrap; gap: 10px; padding-block: 13px; }
.v10-site-shell .header-actions { margin-left: auto; }
.v10-site-shell .header-search { flex: 1 0 100%; order: 4; max-width: none; margin: 0px; }
.v10-site-shell .header-search-panel { width: 100%; max-height: min(420px, 100dvh - 130px); }
.v10-site-shell .site-nav { top: 114px; max-height: calc(100dvh - 114px); }
}
.v10-site-shell a:hover { color:var(--v10-blue)!important; text-decoration:none; }
.v10-site-shell .button-primary:hover { color:#fff!important; }
.v10-site-shell.site-footer a:hover { color:#fff!important; }
.v10-site-shell .container { padding-inline:0; }
.v10-site-shell .header-inner { padding-block:0; }
@media(max-width:680px){.v10-site-shell .header-inner{padding-block:13px;}}
.v10-website > .skip-link { position:fixed; z-index:1000; top:8px; left:8px; padding:8px 12px; transform:translateY(-150%); background:var(--v10-ink); color:#fff; }
.v10-website > .skip-link:focus { transform:none; }