/* 词条索引页 */
.idx{max-width:880px}
.crumb2{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--dim2);padding:34px 0 0}
.crumb2 i{font-style:normal;opacity:.45;padding:0 8px}
.idxhead{padding:20px 0 34px;border-bottom:1px solid var(--line)}
.idxhead h1{font-family:var(--mincho);font-weight:400;font-size:clamp(26px,4.4vw,38px);
  letter-spacing:.1em;color:#fff;margin:0 0 18px}
.lead{color:var(--kinari);opacity:.9;line-height:1.95;max-width:46em;margin:0 0 24px}
.counts2{display:flex;gap:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;max-width:420px}
.counts2 div{flex:1;padding:14px 8px 15px;text-align:center;border-right:1px solid var(--line)}
.counts2 div:last-child{border-right:0}
.counts2 b{display:block;font-family:var(--mono);font-size:24px;font-weight:400;color:#fff}
.counts2 span{font-family:var(--mincho);font-size:11px;color:var(--dim);letter-spacing:.14em}

.path,.cat,.paid{padding:38px 0 8px;border-bottom:1px solid var(--line)}
.paid{border-bottom:0}
.steps2{list-style:none;padding:0;margin:14px 0 22px;counter-reset:s}
.steps2 li{counter-increment:s;display:flex;align-items:baseline;gap:13px;padding:11px 0;
  border-top:1px solid var(--line);font-size:14.5px;color:var(--kinari);opacity:.92}
.steps2 li::before{content:counter(s);font-family:var(--mono);font-size:10px;color:var(--kin);
  letter-spacing:.1em;flex:none;width:1.4em}
.steps2 b{font-family:var(--mincho);font-weight:400;color:#fff;letter-spacing:.08em;flex:none;min-width:5.6em}
.steps2 em{font-style:normal;color:var(--shu);font-size:12.5px;margin-left:6px}
.steps2 span{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--dim2);flex:none}

.ents{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;
  overflow:hidden;margin:14px 0 22px}
@media(min-width:720px){.ents{grid-template-columns:1fr 1fr}}
.ent{background:var(--sumi2);padding:12px 15px;display:flex;gap:10px;align-items:baseline;
  font-size:14px;color:var(--kinari);line-height:1.6}
a.ent:hover{background:var(--sumi3);color:#fff}
.ent .d{font-size:8px;color:var(--matsu);flex:none;position:relative;top:-2px}
.ent.off{color:var(--dim2)}
.ent.off .d{color:var(--line)}
.cat h2 .en{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--dim2);letter-spacing:.14em}

/* —— 索引导航：跳转条 + 客户端过滤（08-21） —— */
.idxnav{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 0}
.idxnav a{display:flex;align-items:baseline;gap:7px;font-family:var(--mincho);font-size:12.5px;
  letter-spacing:.06em;color:var(--dim);border:1px solid var(--line);border-radius:3px;
  padding:6px 10px;background:var(--sumi2)}
.idxnav a:hover{color:var(--kinari);border-color:var(--dim);background:var(--sumi3)}
.idxnav a b{font-family:var(--mincho);font-weight:400;color:var(--kin);font-size:13px}
.idxnav a i{font-style:normal;font-family:var(--mono);font-size:9.5px;color:var(--dim2);letter-spacing:.1em}
.idxbox{margin:14px 0 4px}
.idxbox input{width:100%;box-sizing:border-box;font-family:var(--mono);font-size:14px;color:var(--kinari);
  background:var(--sumi2);border:1px solid var(--line);border-radius:3px;padding:11px 13px;outline:none}
.idxbox input:focus{border-color:var(--kin)}
.idxbox input::placeholder{color:var(--dim2)}
#qn{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--dim2);
  margin-top:7px;min-height:14px}
#qn em{font-style:normal;color:var(--kin)}
.ent[hidden]{display:none}
.cat[hidden],.path[hidden],.paid[hidden],.idxnav[hidden]{display:none}
.cat.dim h2 .en{color:var(--kin)}
.ent.fill{background:var(--sumi2);pointer-events:none;padding:0}
.ent.fill[hidden]{display:none}

@media(max-width:719px){
  /* 窄屏：跳转条改单行横滑，省掉换行占掉的大半屏 */
  .idxnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:2px}
  .idxnav::-webkit-scrollbar{display:none}
  .idxnav a{flex:0 0 auto}
  /* 单列网格没有空格可补 */
  .ent.fill{display:none}
}
