/* 手机与窄屏站点导航：保留首屏主操作，把次级偏好放入完整菜单。 */
.mobile-nav-trigger,.mobile-nav-login{display:none}
.mobile-nav-panel[hidden]{display:none!important}
#nav .nav-links a[aria-current]{color:var(--lime-ink);font-weight:600}
#nav .nav-links a[aria-current]::after{transform:scaleX(1);background:var(--lime-ink)}
@media(max-width:1100px){
  body.mobile-nav-open{overflow:hidden}
  body.mobile-nav-open #zhqn-chat{visibility:hidden}
  #nav .nav-cta [data-theme-btn],#nav .nav-cta #langBtn{display:none}
  #nav .nav-cta .mobile-nav-trigger{
    min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;
    background:var(--surface);color:var(--ink);font:650 12px var(--zh);white-space:nowrap;cursor:pointer;
  }
  .mobile-nav-trigger-lines{display:grid;gap:4px;width:14px}
  .mobile-nav-trigger-lines::before,.mobile-nav-trigger-lines::after{content:"";display:block;width:14px;height:1.5px;border-radius:2px;background:currentColor}
  #nav .nav-cta .mobile-nav-login{
    min-height:38px;display:inline-flex;align-items:center;justify-content:center;
    padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;
    background:var(--surface);color:var(--ink);font-size:12px;font-weight:650;white-space:nowrap;
  }
  #nav .nav-cta .btn-ghost{display:none}
  #nav .nav-in{position:relative;z-index:1}
  .mobile-nav-panel{
    position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;
    height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;
    padding:0 max(24px,calc((100vw - 480px)/2));
    background:linear-gradient(155deg,var(--bg-1),var(--bg) 64%,color-mix(in srgb,var(--lime) 4%,var(--bg)));
    color:var(--ink);animation:mobile-nav-enter .26s cubic-bezier(.2,.7,.2,1) both;
  }
  @keyframes mobile-nav-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .mobile-nav-panel-header{height:75px;min-height:75px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
  .mobile-nav-panel-header .logo img{height:24px}
  .mobile-nav-panel-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
  .mobile-nav-close,.mobile-nav-panel-login{
    min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;
    background:var(--surface);color:var(--ink);font:650 12px var(--zh);white-space:nowrap;cursor:pointer;
  }
  .mobile-nav-close-mark{font-size:19px;font-weight:300;line-height:1}
  .mobile-nav-main{padding-top:44px}
  .mobile-nav-eyebrow{margin:0;color:var(--lime-ink);font:600 10px var(--mono);letter-spacing:.14em}
  .mobile-nav-title{margin:14px 0 25px;font-size:clamp(30px,8.9vw,38px);font-weight:800;line-height:1.12;letter-spacing:-.055em}
  .mobile-nav-title span{color:var(--lime-ink)}
  .mobile-nav-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
  .mobile-nav-list li{border-bottom:1px solid var(--line)}
  .mobile-nav-list a{min-height:55px;display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
  .mobile-nav-list .num{width:25px;color:var(--faint);font:500 10px var(--mono)}
  .mobile-nav-list .label{font-size:20px;font-weight:650;letter-spacing:-.025em}
  .mobile-nav-list .arrow{margin-left:auto;color:var(--faint);font-size:19px;font-weight:300}
  .mobile-nav-list .is-current .label,.mobile-nav-list .is-current .arrow{color:var(--lime-ink)}
  .mobile-nav-footer{margin-top:auto;padding:34px 0 23px}
  .mobile-nav-primary{
    min-height:52px;width:100%;display:flex;align-items:center;justify-content:space-between;
    padding:0 20px;border:0;border-radius:999px;cursor:pointer;
    background:linear-gradient(115deg,var(--lime-lite),var(--lime-deep));color:#132009;
    font:700 14px var(--zh);box-shadow:0 12px 28px rgba(163,198,69,.15);
  }
  .mobile-nav-utility{display:flex;align-items:center;gap:15px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
  .mobile-nav-utility button{border:0;padding:0;background:none;color:var(--mut);font:500 11px var(--zh);cursor:pointer}
  .mobile-nav-utility small{margin-left:auto;color:var(--lime-ink);font:600 10px var(--mono);letter-spacing:.05em;white-space:nowrap}
  .mobile-nav-panel :is(a,button):focus-visible,#nav .mobile-nav-trigger:focus-visible,#nav .mobile-nav-login:focus-visible{outline:2px solid var(--lime-ink);outline-offset:3px}
}
@media(max-width:640px){
  #nav .nav-cta .mobile-nav-trigger{padding-inline:12px}
  #nav .nav-cta .mobile-nav-login{padding-inline:12px}
  .mobile-nav-panel{padding-inline:24px}
}
@media(max-width:360px){
  .mobile-nav-panel{padding-inline:18px}
  .mobile-nav-panel-header .logo img{height:21px}
  #nav .nav-cta .mobile-nav-trigger{gap:5px;padding-inline:9px}
  #nav .nav-cta .mobile-nav-login{padding-inline:9px}
  .mobile-nav-list .label{font-size:19px}
}
@media(max-width:1100px) and (max-height:740px){
  .mobile-nav-main{padding-top:27px}
  .mobile-nav-title{margin-bottom:17px;font-size:30px}
  .mobile-nav-list a{min-height:48px}
  .mobile-nav-list .label{font-size:18px}
  .mobile-nav-footer{padding-top:25px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-panel{animation:none}}