/* A 股短线研究系统：父级/子级信息架构与无障碍导航 */
.skip-link{
  position:fixed;left:18px;top:-80px;z-index:999;
  min-height:44px;
  background:var(--ink);color:var(--paper);padding:9px 14px;
  font:12px var(--mono);transition:top .2s var(--ease);
}
.skip-link:focus{top:12px}
.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

.trade-subnav{
  position:sticky;top:58px;z-index:90;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  backdrop-filter:blur(12px);
}
.trade-subnav-in{
  width:100%;max-width:var(--shell);margin:0 auto;
  padding:0 clamp(26px,5vw,72px);height:48px;
  display:flex;align-items:center;gap:6px;overflow-x:auto;
  scrollbar-width:none;
}
.trade-subnav-in::-webkit-scrollbar{display:none}
.trade-crumb{
  display:flex;align-items:center;gap:7px;flex:0 0 auto;
  margin-right:auto;padding-right:18px;
  font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);
}
.trade-crumb b{font-weight:700;color:var(--blue)}
.trade-crumb i{font-style:normal;color:var(--line)}
.trade-subnav a{
  position:relative;flex:0 0 auto;min-width:44px;min-height:44px;padding:7px 10px;
  display:inline-flex;align-items:center;
  font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid transparent;
}
.trade-subnav a:hover,.trade-subnav a:focus-visible{
  color:var(--blue);border-color:var(--line);outline:none;
}
.trade-subnav a[aria-current="page"]{
  color:var(--paper);background:var(--blue);border-color:var(--blue);
}

.system-state{
  display:inline-flex;align-items:center;gap:7px;
  font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;
}
.system-state::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.system-state.good{color:#286a50}.system-state.warn{color:#9b5a0a}.system-state.bad{color:#a7352b}

a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wordmark{min-height:44px}

@media(max-width:760px){
  .trade-subnav-in{padding:0 14px;height:50px}
  .trade-crumb{display:none}
  .trade-subnav a{padding:7px 11px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}