/* =========================================================
   演出名录：刻度尺筛选 + 宽行大表 + 乐器分栏
   ========================================================= */

.cat-head{padding:36px 0 10px;}
.cat-head-grid{display:flex;gap:20px;}
.cat-title{font-family:var(--serif);font-size:clamp(28px,3.6vw,44px);letter-spacing:.06em;}
.cat-title em{font-style:normal;color:var(--curtain);}
.cat-desc{max-width:60ch;margin-top:16px;font-size:14.6px;line-height:2.05;color:var(--ink-2);}

/* 刻度尺 */
.ruler{margin:26px 0 8px;}
.ruler-line{position:relative;height:22px;border-bottom:1px solid var(--line-2);}
.ruler-line i{position:absolute;bottom:0;width:1px;height:6px;background:var(--line-2);}
.ruler-line i.major{height:13px;background:var(--ink-3);}

/* 筛选 chips */
.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;}
.filter-k{font-size:11.5px;letter-spacing:.24em;color:var(--ink-4);margin-right:6px;}
.chip{padding:5px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:13px;
  color:var(--ink-2);transition:.24s;background:rgba(255,255,255,.5);}
.chip:hover{border-color:var(--ink-3);color:var(--ink);}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.filter-count{margin-left:auto;font-size:12.5px;color:var(--ink-3);letter-spacing:.08em;}

/* 宽行大表 */
.cat-table{border-top:2px solid var(--ink);}
.cat-th{display:grid;grid-template-columns:52px 1fr 118px 108px 92px 116px;gap:18px;
  padding:12px 6px;font-size:11.5px;letter-spacing:.22em;color:var(--ink-4);border-bottom:1px solid var(--line);}
.cat-tr{display:grid;grid-template-columns:52px 1fr 118px 108px 92px 116px;gap:18px;align-items:center;
  padding:18px 6px;border-bottom:1px solid var(--line);transition:.28s;}
.cat-tr:hover{background:rgba(255,255,255,.62);}
.ct-no{font-family:var(--serif);font-size:18px;color:var(--ink-4);}
.ct-main{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;min-width:0;}
.ct-main .frame{border-radius:2px;}
.ct-text{min-width:0;}
.ct-t{display:block;font-size:15.5px;line-height:1.5;transition:.24s;}
.cat-tr:hover .ct-t{color:var(--curtain);}
.ct-intro{display:block;font-size:12.8px;color:var(--ink-3);line-height:1.75;margin-top:5px;
  max-width:52ch;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ct-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px;}
.ct-inst{color:var(--curtain);}
.ct-inst b{display:block;font-size:13.5px;color:var(--ink);font-weight:400;margin-top:2px;letter-spacing:.04em;}
.ct-artist{font-size:14px;}
.ct-artist i{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--ink-4);margin-top:3px;}
.ct-play{font-size:14.5px;font-variant-numeric:tabular-nums;}
.ct-play i{display:block;font-style:normal;font-size:11px;color:var(--ink-4);margin-top:3px;}
.ct-go{font-size:13px;color:var(--curtain);letter-spacing:.06em;text-align:right;white-space:nowrap;}
.cat-tr:hover .ct-go{transform:translateX(3px);}

/* 乐器分栏 */
.inst-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.inst-col{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 22px 26px;transition:.3s;}
.inst-col:hover{background:rgba(255,255,255,.6);}
.ic-head{display:flex;align-items:center;gap:12px;color:var(--curtain);}
.ic-name{font-family:var(--serif);font-size:22px;letter-spacing:.08em;color:var(--ink);}
.ic-en{font-size:10px;letter-spacing:.26em;color:var(--ink-4);margin-top:3px;}
.ic-count{margin-left:auto;font-family:var(--serif);font-size:24px;color:var(--amber-text);}
.ic-desc{margin:14px 0 16px;font-size:13.2px;line-height:1.9;color:var(--ink-2);}
.ic-list{list-style:none;margin:0;padding:0;border-top:1px dashed var(--line);}
.ic-list li{border-bottom:1px dashed var(--line);}
.ic-list a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;transition:.24s;}
.ic-list a:hover{color:var(--curtain);padding-left:4px;}
.ic-list b{font-weight:500;font-size:14px;}
.ic-list span{font-size:12px;color:var(--ink-3);white-space:nowrap;}

/* 收费说明横幅 */
.price-bar{margin:56px 0 0;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;}
.pb-grid{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;}
.pb-lead{display:flex;flex-direction:column;gap:8px;}
.pb-text{font-size:14px;line-height:2;color:var(--ink-2);}
.pb-text a{color:var(--curtain);text-decoration:underline;text-underline-offset:3px;}
.pb-act{display:flex;gap:12px;flex-wrap:wrap;}

@media (max-width:1080px){
  .cat-th,.cat-tr{grid-template-columns:44px 1fr 104px 92px;}
  .cat-th span:nth-child(5),.cat-th span:nth-child(6),.ct-play,.ct-go{display:none;}
  .inst-cols{grid-template-columns:1fr;}
}
@media (max-width:700px){
  .cat-head-grid{flex-direction:column;gap:12px;}
  .cat-th{display:none;}
  .cat-tr{grid-template-columns:1fr;}
  .ct-main{grid-template-columns:96px 1fr;gap:12px;}
  .ct-inst,.ct-artist{display:none;}
  .pb-grid{grid-template-columns:1fr;gap:18px;}
}