/* AI 手册第二层：A–G 模块目录 */
.component-nav{
  position:sticky;top:64px;z-index:210;height:52px;border-bottom:1px solid rgba(11,11,13,.07);
  background:rgba(242,243,246,.96);backdrop-filter:blur(14px);
}
.component-nav,.component-nav *{box-sizing:border-box}
.component-nav-inner{
  width:min(var(--ce-page-max,1180px),calc(100% - 64px));height:100%;margin:0 auto;
  display:flex;align-items:center;gap:12px;min-width:0;
}
.component-level-label{
  flex:0 0 auto;color:rgba(11,11,13,.42);font:500 10px var(--mono);letter-spacing:.08em;white-space:nowrap;
}
.component-nav-divider{width:1px;height:20px;background:rgba(11,11,13,.09);flex:0 0 auto}
.component-module-rail{
  align-self:stretch;display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));align-items:center;
  gap:4px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;padding:6px 0;
}
.component-module-rail::-webkit-scrollbar{display:none}
.component-module-item{
  position:relative;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid transparent;border-radius:9px;color:rgba(11,11,13,.58);text-decoration:none;white-space:nowrap;
  font:400 11.5px var(--sans);transition:.15s ease;
}
.component-module-item:hover,.component-module-item:focus-visible{
  border-color:rgba(11,11,13,.06);background:rgba(255,255,255,.55);color:var(--ink);outline:none;
}
.component-module-item.on{
  border-color:rgba(11,11,13,.09);background:rgba(255,255,255,.78);color:var(--ink);font-weight:500;
}
.component-module-item .module-letter{
  width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:rgba(11,11,13,.055);
  color:rgba(11,11,13,.5);font:650 9px var(--mono);
}
.component-module-item.on .module-letter{background:rgba(58,52,255,.09);color:rgba(58,52,255,.78)}

@media(max-width:900px){
  .component-nav-inner{width:calc(100% - 32px);gap:8px}
  .component-level-label{display:none}
  .component-nav-divider{display:none}
  .component-module-rail{display:flex;gap:5px;overflow-x:auto}
  .component-module-item{flex:0 0 auto;min-width:104px;padding-inline:9px}
}