.a9-nav{position:sticky;top:18px;z-index:1000;box-sizing:border-box;width:min(calc(100% - 96px),1600px);height:72px;margin:18px auto 0;padding:0 18px 0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;border:1px solid #1111111a;border-radius:999px;background:rgba(255,249,244,.94);box-shadow:0 18px 55px #5c312514;backdrop-filter:blur(18px);color:#111;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.a9-tools{display:flex;align-items:center;gap:10px;min-width:0}.a9-brand{display:flex;align-items:center;min-width:0;text-decoration:none;color:#111}.a9-brand img{width:0;height:38px;opacity:0;object-fit:contain;transition:width .5s ease,opacity .3s ease}.a9-brand span{max-width:150px;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:560;line-height:1;transition:max-width .5s ease,opacity .3s ease}.a9-nav.is-compact .a9-brand img{width:38px;opacity:1}.a9-nav.is-compact .a9-brand span{max-width:0;opacity:0}
.a9-links{display:flex;align-items:center;gap:clamp(24px,3vw,52px);white-space:nowrap}.a9-links a{position:relative;color:#3d3d3d;text-decoration:none;font-size:15px;font-weight:650}.a9-links a::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:#cf3927;transform:scaleX(0);transition:transform .2s}.a9-links a:hover::after,.a9-links a[aria-current=page]::after{transform:scaleX(1)}
.a9-cta{justify-self:end;box-sizing:border-box;min-width:138px;padding:15px 23px;border-radius:999px;background:#111;color:#fff;text-align:center;text-decoration:none;font-size:16px;font-weight:700;white-space:nowrap}.a9-cta:hover{background:#9d241b}
.a9-toggle{display:none;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #1111111f;border-radius:50%;background:#ffffffa6;color:#222;cursor:pointer}.a9-toggle span{position:relative;width:18px;height:14px}.a9-toggle span::before,.a9-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .25s}.a9-toggle span::before{top:3px}.a9-toggle span::after{bottom:3px}.a9-nav.is-open .a9-toggle span::before{transform:translateY(3px) rotate(45deg)}.a9-nav.is-open .a9-toggle span::after{transform:translateY(-3px) rotate(-45deg)}
.a9-panel{position:absolute;box-sizing:border-box;top:calc(100% + 12px);left:0;width:100%;padding:12px;border:1px solid #1111111a;border-radius:24px;background:#fff9f4;box-shadow:0 18px 55px #5c31251f;visibility:hidden;opacity:0;clip-path:inset(0 100% 0 0 round 24px);transition:clip-path .32s ease,opacity .2s,visibility .32s;pointer-events:none;display:flex;flex-direction:column;gap:4px}.a9-nav.is-open .a9-panel{visibility:visible;opacity:1;clip-path:inset(0 0 0 0 round 24px);pointer-events:auto}.a9-panel a{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:52px;padding:12px 20px;border-radius:14px;color:#333;text-decoration:none;font-size:15px;font-weight:600}.a9-panel a::after{content:"↗";color:#a8978d;font-size:18px}.a9-panel a:hover,.a9-panel a[aria-current=page]{background:#f5e6dd;color:#b52f21}.a9-nav a:focus-visible,.a9-toggle:focus-visible{outline:2px solid #b52f21;outline-offset:4px}
@media(max-width:960px){.a9-nav{width:calc(100% - 40px);grid-template-columns:1fr auto;gap:16px}.a9-links{display:none}.a9-toggle{display:inline-flex}}
@media(max-width:600px){.a9-nav{top:8px;width:calc(100% - 28px);height:62px;margin-top:8px;padding:0 10px 0 14px}.a9-brand span{font-size:17px}.a9-brand img{height:32px}.a9-nav.is-compact .a9-brand img{width:32px}.a9-cta{min-width:100px;padding:12px 16px;font-size:14px}}
@media(max-width:360px){.a9-nav{gap:8px}.a9-tools{gap:6px}.a9-brand span{font-size:15px}.a9-cta{min-width:88px;padding:12px}}
@media(prefers-reduced-motion:reduce){.a9-nav *,.a9-nav *::before,.a9-nav *::after{transition:none}}
