.panel-content{--panel-wide-min:1000;padding-left:64px}
.panel-content .wrap.index-narrow{display:block;max-width:560px;padding:0 16px}
.panel-content .wrap.index-narrow .col-side{position:static}
.panel-content .wrap.index-narrow .dmBox{max-height:1500px}
.panel-card-index{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:60;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 16px)}
.panel-index-rail,.panel-index-panel{background-color:var(--card);background-image:var(--card-sheen),var(--card-noise);background-repeat:no-repeat,repeat;background-size:100% 100%,140px 140px;border:1px solid var(--glass-line);border-radius:18px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--card-shadow),var(--card-shade)}
.panel-index-rail{flex:none;width:44px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:5px}
.panel-index-rail-group{display:flex;flex-direction:column;gap:4px}
.panel-index-rail-group+.panel-index-rail-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.panel-index-icon{display:flex;align-items:center;justify-content:center;width:100%;height:30px;flex:none;padding:0;border-color:transparent;border-radius:8px;background:transparent}
.panel-index-icon svg{width:18px;height:18px;flex:none;display:block;margin:0}
.panel-index-icon.peer-hover,.panel-index-item.peer-hover{background:var(--soft);color:var(--accent);border-color:var(--accent-ring)}
.panel-index-icon.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.panel-index-panel{width:224px;min-width:0;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:14px;color:var(--text);animation:glassIn .18s ease-out}
.panel-index-panel[hidden]{display:none}
.panel-index-heading{display:block;font-size:15px;margin-bottom:12px}
.panel-index-group+.panel-index-group{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.panel-index-group h2{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 7px}
.panel-index-list{display:flex;flex-direction:column;gap:5px}
.panel-index-item{width:100%;text-align:left;line-height:1.5;padding:6px 10px;white-space:normal;border-radius:10px}
.panel-index-item.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.panel-card-index button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@keyframes panelIndexFade{from{opacity:0}to{opacity:1}}
@media (max-width:700px){
  .panel-layout .panel-content{padding-left:0}
  .panel-card-index{position:relative;transform:none;display:block;max-width:none;margin:20px 16px 0}
  .panel-index-rail{display:flex;align-items:center;gap:8px;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  .panel-index-rail-group{flex-direction:row;flex:none}
  .panel-index-rail-group+.panel-index-rail-group{margin:0;padding:0 0 0 8px;border-top:0;border-left:1px solid var(--line)}
  .panel-index-icon{width:30px;flex:none}
  .panel-index-panel{position:absolute;left:0;top:100%;width:100%;max-height:60vh;padding:12px;margin-top:0;animation-name:panelIndexFade}
}
@media (prefers-reduced-motion:reduce){.panel-index-panel{animation:none}.panel-card-index button{transition:none}}