.xn-header{position:sticky;top:0;z-index:1100;background:#fff;color:#242424;border-bottom:1px solid #e7e7e7;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.xn-header *{box-sizing:border-box}
.xn-bar{position:relative;display:flex;align-items:center;gap:28px;min-height:80px;width:min(1280px,calc(100% - 80px));margin:0 auto}
.xn-logo{display:block;flex:none}.xn-logo img{display:block;width:140px;height:auto}
.xn-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:24px;min-width:0}
.xn-nav>a{font-size:14px;line-height:1.4;white-space:nowrap;text-decoration:none;color:inherit}
.xn-nav>a:hover,.xn-nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.xn-controls{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}
.xn-language{position:relative;flex:none;margin:0}
.xn-language>summary,.xn-mobile-nav>summary{display:flex;align-items:center;justify-content:center;gap:5px;width:54px;height:44px;margin:0;padding:0;background:#fff;border:1px solid #dedede;border-radius:8px;cursor:pointer;list-style:none;color:#242424}
.xn-header summary::-webkit-details-marker{display:none}.xn-header summary::marker{content:""}
.xn-header svg{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.xn-language svg.xn-chevron{width:12px;height:12px;transition:transform .15s}
.xn-language[open] svg.xn-chevron{transform:rotate(180deg)}
.xn-language-list{position:absolute;right:0;top:calc(100% + 10px);z-index:1120;width:200px;max-width:calc(100vw - 40px);padding:6px;background:#fff;border:1px solid #dedede;border-radius:10px;box-shadow:0 10px 30px #00000014}
.xn-language-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;font-size:15px;line-height:20px;color:#242424;text-decoration:none;border-radius:6px;white-space:nowrap}
.xn-language-list>a:hover{background:#f4f4f4}.xn-language-list>a[aria-current=true]{background:#f4f4f4;font-weight:600}
.xn-language-list svg{width:16px;height:16px}
.xn-header .xn-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:44px;width:auto;max-width:none;padding:12px 18px;border:0;border-radius:8px;background:#242424;color:#fff;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;text-decoration:none}
.xn-cta:hover{background:#404040}.xn-header .xn-cta svg{width:16px;height:16px}
.xn-header a:focus-visible,.xn-header summary:focus-visible{outline:2px solid #242424;outline-offset:4px}
.xn-mobile-nav{display:none;flex:none}.xn-mobile-nav>summary{width:44px}
.xn-mobile-links{position:absolute;top:100%;right:-20px;left:-20px;z-index:1110;max-height:calc(100dvh - 80px);overflow:auto;padding:14px 20px 22px;background:#fff;border-bottom:1px solid #dedede;box-shadow:0 12px 20px #0000000a}
.xn-mobile-links>a{display:flex;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid #eee;color:#242424;font-size:16px;line-height:24px;text-decoration:none}
.xn-mobile-links>a.xn-cta{margin-top:16px;padding:12px 18px;border:0;color:#fff}
@media(max-width:1240px){.xn-nav{display:none}.xn-mobile-nav{display:block}.xn-bar{gap:16px;width:calc(100% - 40px)}.xn-controls{gap:10px}}
@media(max-width:700px){.xn-bar{min-height:72px}.xn-controls>.xn-cta{display:none}.xn-mobile-links{max-height:calc(100dvh - 72px)}.xn-logo img{width:140px}}
@media(prefers-reduced-motion:reduce){.xn-language svg.xn-chevron{transition:none}}