/* Unified navigation only: keep the live page body, article lists and footer intact. */
.jbb-nav,.jbb-nav *,.jbb-nav *::before,.jbb-nav *::after{box-sizing:border-box}
.jbb-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border:0;border-bottom:1px solid #e8e1de;backdrop-filter:blur(16px);color:#262323;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;margin:0;padding:0;width:100%}
.jbb-nav a{color:inherit;text-decoration:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
.jbb-nav a:focus-visible,.jbb-nav button:focus-visible{outline:3px solid #ac242c;outline-offset:5px}
.jbb-nav button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.jbb-nav .jbb-nav-inner{width:min(1280px,calc(100% - 80px));height:84px;margin:0 auto;padding:0;display:flex;align-items:center;gap:40px}
.jbb-nav .jbb-brand{display:inline-flex;align-items:center;flex-shrink:0;padding:0;margin:0;border:0;background:none;line-height:1}
.jbb-nav .jbb-brand img{display:block;width:148px;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
.jbb-nav .nav-links{position:static;display:flex;list-style:none;align-items:center;justify-content:flex-end;flex:1;gap:26px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;transform:none;opacity:1;visibility:visible;width:auto}
.jbb-nav .nav-links li{display:block;list-style:none;padding:0;margin:0;border:0;background:none}
.jbb-nav .nav-links a{display:block;font-size:15px;font-weight:500;line-height:1.5;padding:12px 0;margin:0;border:0;background:none;color:#4f4845;white-space:nowrap;letter-spacing:.02em}
.jbb-nav .nav-links a:hover,.jbb-nav .nav-links a[aria-current]{color:#ac242c}
.jbb-nav .nav-links a::before,.jbb-nav .nav-links a::after{display:none}
.jbb-nav .jbb-nav-contact{display:inline-flex;align-items:center;gap:20px;background:#ac242c;border:0;border-radius:5px;padding:11px 21px;margin:0;color:#fff;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;flex-shrink:0}
.jbb-nav .jbb-nav-contact:hover{background:#871b23}
.jbb-nav .jbb-menu-button{display:none;background:none;border:0;border-radius:0;box-shadow:none;width:40px;height:44px;padding:10px;margin:0;flex-shrink:0;appearance:none}
.jbb-nav .jbb-menu-button span{display:block;width:100%;height:2px;background:#262323;margin:6px 0;padding:0;border:0;transition:transform .2s}
@media(min-width:901px) and (max-width:1200px){
 .jbb-nav .jbb-nav-inner{width:calc(100% - 48px);gap:20px}
 .jbb-nav .nav-links{gap:17px}
 .jbb-nav .nav-links a{font-size:14px}
 .jbb-nav .jbb-brand img{width:124px}
 .jbb-nav .jbb-nav-contact{padding:10px 16px;gap:12px}
}
@media(max-width:900px){
 .jbb-nav .jbb-nav-inner{height:72px;width:calc(100% - 40px);gap:16px}
 .jbb-nav .jbb-brand img{width:126px}
 .jbb-nav .jbb-nav-contact{margin-left:auto;padding:9px 14px;font-size:12px;gap:12px}
 .jbb-nav .jbb-menu-button{display:block}
 .jbb-nav .nav-links{display:none;position:absolute;top:72px;left:0;right:0;width:100%;background:#fff;padding:12px 24px 24px;border-bottom:1px solid #e8e1de;box-shadow:0 12px 24px #3b17170a}
 .jbb-nav.menu-open .nav-links{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .jbb-nav .nav-links a{padding:15px 0;border-bottom:1px solid #eee6e1;font-size:16px}
 .jbb-nav.menu-open .jbb-menu-button span:first-child{transform:translateY(4px) rotate(45deg)}
 .jbb-nav.menu-open .jbb-menu-button span:last-child{transform:translateY(-4px) rotate(-45deg)}
}
@media(max-width:640px){
 .jbb-nav .jbb-nav-inner{gap:8px}
 .jbb-nav .jbb-brand img{width:117px}
 .jbb-nav .jbb-nav-contact{padding:8px 12px}
 .jbb-nav .jbb-nav-contact span{display:none}
}
@media(prefers-reduced-motion:reduce){
 .jbb-nav .jbb-menu-button span{transition:none}
}