* { box-sizing:border-box; margin:0; padding:0 }
body { font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; background:#f5f6fa; color:#1a1a1a; padding:24px }

.wrap { max-width:1200px; margin:0 auto }
h1 { font-size:22px; margin-bottom:4px }
.sub { color:#888; font-size:13px; margin-bottom:16px }

.nav { display:flex; align-items:center; gap:16px; padding:10px 14px; background:#fff; border-radius:12px; margin-bottom:16px; box-shadow:0 1px 4px rgba(0,0,0,.06) }
.brand { font-weight:700; font-size:15px; color:#e23a3a }
.nav-i { font-size:13px; color:#666; text-decoration:none; padding:4px 6px; border-radius:6px }
.nav-i:hover { background:#f6f9ff; color:#e23a3a }
.nav-i.on { color:#e23a3a; font-weight:600 }
.nav-i.muted { color:#bbb; cursor:default }
.crumb { font-size:13px; color:#999; margin:0 0 12px }
.crumb b { color:#333 }

.sec { background:#fff; border-radius:12px; padding:16px 18px; margin-bottom:16px; box-shadow:0 1px 4px rgba(0,0,0,.06) }
.sec-h { font-size:16px; font-weight:700; margin-bottom:12px; display:flex; align-items:center; gap:8px }
.sec-h::before { content:""; width:4px; height:16px; background:#e23a3a; border-radius:2px; display:inline-block }
.sec-h .hint { font-size:11px; color:#aaa; font-weight:400; margin-left:auto }
.sec-h.ld-brk-h::before { background:#e6a23c }
.sec-h.lhb-h::before { background:#d46b08 }
.card { flex:1; min-width:150px; background:#fff; border-radius:12px; padding:14px 16px; box-shadow:0 1px 4px rgba(0,0,0,.06) }
.card .ld-n { font-size:24px; font-weight:700; color:#e23a3a }
.card .ld-l { font-size:12px; color:#888; margin-top:4px }

.ph { font-size:13px; color:#999; line-height:1.7 }
.hint { font-size:11px; color:#aaa; font-weight:400 }
.muted { color:#bbb }
.on { color:#e23a3a; font-weight:600 }
.r { color:#e23a3a; font-weight:600 }
.g { color:#1aa251; font-weight:600 }
.dim { opacity:.22; filter:grayscale(.8) }
.tag { display:inline-block; background:#eef4ff; color:#3a6ee2; font-size:11px; padding:1px 7px; border-radius:4px; margin-top:4px; margin-right:4px }
.tag2 { display:inline-block; background:#f3f3f5; color:#888; font-size:11px; padding:1px 7px; border-radius:4px; margin-top:4px }
.tag-b { display:inline-block; padding:2px 8px; border-radius:6px; font-size:11px; background:#fff7e6; color:#e6a23c; margin-left:6px }
.rsn { font-size:12px; background:#f3e8ff !important; color:#8e44ad !important; line-height:1.5; margin-top:4px }
.ft { color:#aaa; font-size:12px; margin-top:14px; line-height:1.7 }
.more { margin-top:10px; font-size:13px }
.more a, .ph a { color:#e23a3a; text-decoration:none }
.more a:hover, .ph a:hover { text-decoration:underline }

.tags, .idx-tags { display:flex; flex-wrap:wrap; gap:8px; padding:10px 0 }


.row { display:flex; align-items:center; gap:14px; padding:11px 12px; border-bottom:1px solid #f2f2f2; text-decoration:none; color:#333; border-radius:8px; transition:background .15s }
.row:hover { background:#f6f9ff }
.row .d { font-weight:700; font-size:14px; min-width:88px; color:#222 }
.row .m { flex:1; font-size:13px; color:#666 }
.row .m b { color:#e23a3a }
.row .s { font-size:13px; font-weight:700; min-width:96px; text-align:right }

.hero { background:linear-gradient(135deg,#e23a3a,#ff7a45); color:#fff; border-radius:14px; padding:18px 22px; margin-bottom:18px; box-shadow:0 4px 14px rgba(226,58,58,.25) }
.hero-d { font-size:13px; opacity:.92 }
.hero-s { font-size:34px; font-weight:800; margin-top:6px }
.hero-s span { font-size:15px; font-weight:600; margin-left:10px; opacity:.95 }

table { width:100%; border-collapse:collapse }
th,td { padding:10px 12px; text-align:left; font-size:13px; border-bottom:1px solid #f0f0f0 }
th { background:#fafafa; font-weight:600; color:#555 }

.ld-hero-n { font-size:38px; font-weight:800; line-height:1 }
.ld-hero-sub { font-size:13px; margin-top:6px; opacity:.92 }
.ld-pnbar { display:flex; gap:12px; margin:0 0 12px }
.ld-pn { font-size:13px; color:#e23a3a; text-decoration:none; background:#fff; border:1px solid #eee; padding:5px 12px; border-radius:8px }
.ld-pn.dim { color:#bbb; border-color:#f0f0f0 }
.ld-cards { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:16px }
.ld-note { margin-top:14px; font-size:12px; color:#999; line-height:1.7 }

.ld-lv { margin-bottom:14px; border-radius:10px; padding:12px 14px; box-shadow:0 1px 3px rgba(0,0,0,.04) }
.ld-lv-h { font-size:15px; font-weight:700; color:#e23a3a; margin-bottom:8px; display:flex; align-items:center; gap:8px }
.ld-lv-h .ld-cnt { font-size:12px; color:#888; font-weight:400 }
.ld-lv-rate { font-size:12px; font-weight:600; background:#fff; padding:1px 8px; border-radius:10px }
.ld-chips { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-bottom:16px }
.ld-chip { width:100%; min-width:0; border:1px solid #f0f0f0; border-radius:10px; padding:10px 12px; background:#fff }
.ld-chip.dim { opacity:.22; filter:grayscale(.8) }
.ld-chip.ld-brk { width:100%; border:1px dashed #e0c9a6; background:#fffdf8 }
.ld-chip.ld-dn { width:100%; border:1px dashed #bfe6cf; background:#fbfefb }
.ld-chip-h { display:flex; align-items:flex-start; gap:4px 6px; flex-wrap:wrap }
.ld-nm { font-size:15px; color:#e23a3a; margin-right:2px }
.ld-chip-t { font-size:11px; color:#b06a00; margin:5px 0 2px; font-family:"Consolas",monospace }
.ld-nm2 { font-size:15px; color:#b06a00 }
.ld-chip-m2 { font-size:12px; color:#aaa; margin-top:3px }
.ld-chip-m { font-size:12px; color:#888; margin:6px 0 4px }

.ld-bd, .ld-bd2, .ld-fz, .ld-yz, .ld-st, .ld-xz, .ld-lhb, .ld-ztj, .ld-re,
.ld-sz-yz, .ld-sz-tz, .ld-sz-hs, .ld-sz-lb, .ld-sz-sl { white-space:nowrap }
.ld-bd { background:#fdeaea; color:#e23a3a; font-size:11px; padding:1px 6px; border-radius:4px }
.ld-bd2 { background:#fdeaea; color:#e23a3a; font-size:11px; padding:1px 5px; border-radius:4px; margin-left:4px; font-style:normal; font-weight:400 }
.ld-fz { background:#f3e8ff !important; color:#8e44ad !important }
.ld-yz { background:#fff3d6; color:#d48806; font-size:11px; padding:1px 6px; border-radius:4px }
.ld-xz { background:#e6fffb; color:#13c2c2; font-size:11px; padding:1px 6px; border-radius:4px }
.ld-st { background:#f5f5f5; color:#999; font-size:11px; padding:1px 6px; border-radius:4px }
.ld-sz-yz { background:#fff3d6; color:#d48806; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-sz-tz { background:#e6fffb; color:#08979c; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-sz-hs { background:#f6ffed; color:#389e0d; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-sz-lb { background:#fff1f0; color:#cf1322; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-sz-sl { background:#f0f5ff; color:#2f54eb; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-re { background:#e8f5ee; color:#1aa251; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-dead { background:#fff1f0; color:#cf1322; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-lhb { background:#fff7e6; color:#d46b08; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-ztj { background:#fff1f0; color:#cf1322; font-size:11px; padding:1px 6px; border-radius:4px; font-weight:600 }
.ld-rate { display:flex; align-items:center; gap:8px }
.ld-bar { width:90px; height:7px; background:#eee; border-radius:4px; overflow:hidden }
.ld-bar div { height:100% }

.ld-bk { padding:14px 0; border-bottom:1px solid #f3f5f3 }
.ld-bk:last-child { border-bottom:0; padding-bottom:0 }
.ld-bk-h { display:flex; align-items:center; gap:8px; margin-bottom:8px }
.ld-bk-lv { background:#e8f5ee; color:#1aa251; font-size:12px; padding:2px 9px; border-radius:6px; font-weight:600 }
.ld-bk-cnt { font-size:12px; color:#999 }
.ld-bk-grid { display:grid; grid-template-columns:repeat(8, 1fr); gap:10px 8px; align-items:stretch }
.ld-pill { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:0; font-size:13px; color:#333; background:#f3faf6; border:1px solid #e3f0ea; padding:6px 4px; border-radius:8px; cursor:default }
.ld-pill .ld-pn { color:#333; font-weight:600; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ld-pill .ld-pp { font-style:normal; font-weight:600; font-size:12px }

.ld-th { padding:7px 0; border-bottom:1px solid #f5f5f5; font-size:13px; cursor:pointer; border-radius:6px; transition:background .15s }
.ld-th:hover { background:#f6f9ff }
.ld-th.active { background:#eef4ff; outline:1px solid #3a6ee2 }
.ld-th-b { background:#eef4ff; color:#3a6ee2; font-size:12px; padding:2px 9px; border-radius:5px; margin-right:8px }
.ld-th-c { color:#e23a3a; font-weight:700; margin-right:10px }
.ld-th-n { color:#555 }
.ld-tbtns { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px }
.ld-tbtn { border:1px solid #ddd; background:#fff; color:#666; font-size:12px; padding:3px 10px; border-radius:14px; cursor:pointer }
.ld-tbtn.on { background:#333; color:#fff; border-color:#333 }
.ld-tbl-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch }
.ld-tbl-wrap::-webkit-scrollbar { height:4px }

.lhb-nav { display:flex; gap:6px; flex-wrap:wrap; margin:12px 0 }
.lhb-nav a { font-size:12px; padding:3px 11px; border:1px solid #eee; border-radius:12px; color:#666; text-decoration:none; background:#fff }
.lhb-nav a.on { background:#d46b08; color:#fff; border-color:#d46b08; font-weight:600 }
.lhb-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin:12px 0 }
.lhb-stats .card { background:#fffdf7; border:1px solid #f5ecd9; border-radius:10px; padding:10px 12px }
.lhb-stats .card span { font-size:11px; color:#999 }
.lhb-stats .card b { font-size:19px; display:block; margin-top:2px; color:#333 }
.lhb-crow { display:flex; align-items:center; gap:10px; font-size:13px; padding:6px 4px; border-bottom:1px solid #f5f5f5 }
.lhb-crow .lhb-cn { width:132px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.lhb-crow .lhb-cbar { width:200px; height:9px; background:#f2f2f2; border-radius:5px; overflow:hidden }
.lhb-crow .lhb-cbar i { display:block; height:100% }
.lhb-crow .lhb-cv { width:96px; text-align:right; font-weight:700 }
.lhb-fstruct { margin-top:8px }
.lhb-fs-bar { display:flex; height:20px; border-radius:6px; overflow:hidden; background:#f2f2f2 }
.lhb-fs-bar span { display:block; height:100% }
.lhb-fs-legend { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:10px }
.lhb-fs-item { display:flex; align-items:center; gap:6px; font-size:13px }
.lhb-fs-item i { width:10px; height:10px; border-radius:2px; display:inline-block }
.lhb-fs-item .lhb-fs-nm { color:#555 }
.lhb-fs-item .lhb-fs-val { font-weight:700 }
.lhb-fs-item .lhb-fs-pct { color:#999; font-size:12px; min-width:48px; text-align:right }
.lhb-tbl td { font-size:13px }
.lhb-tbl tr:hover { background:#fffdf7 }
.lhb-stk-link { color:#333; text-decoration:none }
.lhb-stk-link:hover { color:#d46b08; text-decoration:underline }
.lhb-dcard { background:#fff; border:1px solid #f0f0f0; border-radius:12px; padding:16px 18px; margin-bottom:14px }
.lhb-dh { font-size:18px; font-weight:700; display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.lhb-dh .lhb-dcode { font-size:13px; color:#999; font-weight:400 }
.lhb-kvs { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px 20px; margin-top:14px }
.lhb-kvs .lhb-item { font-size:12px; color:#999 }
.lhb-kvs .lhb-item b { display:block; font-size:15px; color:#333; margin-top:2px }
.lhb-srow { display:flex; align-items:center; gap:10px; padding:9px 8px; border-bottom:1px solid #f7f7f7; font-size:13px }
.lhb-srow .lhb-sn { font-weight:600; width:120px; color:#333 }
.lhb-srow .lhb-sv { font-weight:700; width:130px; text-align:right }
.lhb-srow .lhb-sr { color:#999; font-size:12px; width:100px; text-align:right }
.lhb-srow .lhb-ss { color:#666; flex:1; font-size:12px; text-align:right }
.lhb-srow .lhb-snote { font-size:11px; color:#bbb; flex:1 }
.lhb-bond { background:#f4f4f4; color:#999 }
.lhb-bond a { color:#999 }
.lhb-tag-mini { display:inline-block; font-size:11px; padding:0 5px; border-radius:8px; margin-left:3px; vertical-align:middle }
.lhb-t-limit { background:#fdeaea; color:#e23a3a; border:1px solid #f5c2c2 }
.lhb-t-bond { background:#eef0f2; color:#888; border:1px solid #dde1e5 }
.lhb-cps { color:#555; font-size:12px; max-width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.lhb-cc { font-style:normal; font-size:10px; color:#fff; background:#c0392b; border-radius:6px; padding:0 4px; margin-left:4px }
.hint.warn, .hint.lhb-warn { display:block; color:#b8860b; background:#fff8e6; border:1px solid #f0e0b0; border-radius:8px; padding:6px 10px; margin:8px 0; font-size:12px }
.lhb-filter { display:flex; gap:14px; flex-wrap:wrap; align-items:center; padding:10px 12px; background:#fff; border:1px solid #eee; border-radius:10px; margin:10px 0; font-size:13px }
.lhb-filter label { cursor:pointer; user-select:none }
.lhb-update { font-size:12px; color:#999; margin:6px 0 2px }
.lhb-jump { display:inline-flex; gap:4px; margin-left:12px; align-items:center }
.lhb-jump input { width:116px; padding:3px 8px; border:1px solid #ddd; border-radius:8px; font-size:12px }
.lhb-jump button { padding:3px 10px; border:1px solid #d46b08; background:#d46b08; color:#fff; border-radius:8px; cursor:pointer; font-size:12px }
.lhb-yyb-alias { font-size:11px; color:#d46b08; background:#fff3e8; border:1px solid #f3d3b0; border-radius:6px; padding:0 4px; margin-left:4px }
.lhb-yyb-link { color:#333; text-decoration:none }
.lhb-disclaimer { font-size:12px; color:#999; line-height:1.7; border-top:1px dashed #eee; margin-top:14px; padding-top:10px }
.lhb-sub { padding:8px 12px; background:#fff; border:1px solid #eee; border-radius:10px; margin:8px 0; font-size:13px }
.lhb-sub .hint { margin-left:4px }

.lhb-box { display:flex; flex-direction:column; gap:8px }
.lhb-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; padding:7px 10px; background:#fffdf7; border:1px solid #f5ecd9; border-radius:8px }
.lhb-name { font-weight:600; color:#333; display:flex; align-items:center; gap:6px }
.lhb-net { font-weight:700; font-size:13px }
.lhb-reason { color:#888; font-size:12px; flex:1; min-width:120px }
.lhb-d5 { font-size:12px; font-weight:600 }
.lhb-mv { color:#aaa; font-size:11px }

.tm-mod-head { font-size:16px; font-weight:700; margin-bottom:12px }

.tabbar { display:flex; gap:8px; margin-bottom:16px }
.tabbtn { border:1px solid #ddd; background:#fff; color:#666; font-size:13px; padding:6px 18px; border-radius:8px; cursor:pointer; font-weight:600 }
.tabbtn.on { background:#e23a3a; color:#fff; border-color:#e23a3a }
.tabpane { display:block }
.tl-tbl { overflow-x:auto; padding:6px 0; max-width:100% }
.tl-tbl table { border-collapse:collapse; font-size:12px; min-width:100% }
.tl-tbl th, .tl-tbl td { border:1px solid rgba(127,127,127,.15); padding:3px 5px; text-align:center; white-space:nowrap; font-variant-numeric:tabular-nums }
.tl-tbl thead th { background:rgba(127,127,127,.10); font-weight:600; position:sticky; top:0 }
.tl-tbl .tl-name { position:sticky; left:0; background:#fff; text-align:left; z-index:2; min-width:84px; font-weight:600 }
.tl-tbl thead .tl-name { z-index:3 }
.tl-tbl .tl-meta { color:#666; font-size:11px }
.tl-tbl td.dim { color:#bbb }

.tm-rot-box { display:flex; flex-direction:column; gap:2px; padding:8px 0 }
.tm-rot-row { display:flex; align-items:center; gap:10px; font-size:14px; padding:5px 2px; border-bottom:1px dashed rgba(127,127,127,.15) }
.tm-rot-row .rk { width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background:#f0f0f0; color:#666; font-size:12px; font-weight:700; flex:none }
.tm-rot-row .nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600 }
.tm-rot-row .bar { flex:1; height:8px; background:rgba(127,127,127,.12); border-radius:4px; overflow:hidden; max-width:200px }
.tm-rot-row .bar i { display:block; height:100%; border-radius:4px }
.tm-rot-row .pc { width:76px; text-align:right; font-weight:700; font-variant-numeric:tabular-nums }
.tm-rot-matrix { overflow-x:auto; padding:6px 0 }
.tm-rot-matrix table { border-collapse:collapse; font-size:12px; min-width:100% }
.tm-rot-matrix th, .tm-rot-matrix td { border:1px solid rgba(127,127,127,.15); padding:4px 8px; text-align:center; white-space:nowrap }
.tm-rot-matrix th { background:rgba(127,127,127,.08); font-weight:600 }
.tm-rot-matrix td.dim { color:#bbb }
.tm-rot-matrix td.hit { font-weight:700; color:#cf1322; background:#fff1f0 }

@media (min-width:768px) and (max-width:1024px) {
  body { padding:16px }
  .wrap { max-width:100% }
  .nav { gap:12px }
  .hero { padding:16px 18px }
  .hero-s { font-size:30px }

  .ld-bk-grid { grid-template-columns:repeat(4, 1fr); gap:8px 6px }
  .ld-chips { grid-template-columns:repeat(2, 1fr); gap:8px }
  .ld-cards { gap:8px }
  .card { min-width:calc(50% - 4px) }
  th,td { padding:9px 10px; font-size:12px }
  .tl-tbl th, .tl-tbl td { padding:3px 5px }
  .lhb-crow .lhb-cn { width:100px }
  .lhb-crow .lhb-cbar { width:140px }
}

@media (max-width:767px) {
  body { padding:10px; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:100% }
  .wrap { max-width:100% }
  .nav { overflow-x:auto; gap:10px; padding:8px 10px; -webkit-overflow-scrolling:touch }
  .nav::-webkit-scrollbar { display:none }
  .brand { font-size:14px; white-space:nowrap }
  .nav-i { white-space:nowrap; font-size:12px; padding:3px 5px }
  h1 { font-size:18px }
  .sub { font-size:12px }
  .hero { padding:14px 16px; border-radius:12px }
  .hero-s { font-size:26px }
  .hero-d { font-size:12px }
  .card { min-width:calc(50% - 4px) !important; padding:10px 12px; border-radius:10px }
  .card .ld-n { font-size:20px }
  .card .ld-l { font-size:11px }
  .sec { padding:12px; border-radius:10px }
  .sec-h { font-size:14px; flex-wrap:wrap; gap:6px }
  .sec-h .hint { font-size:10px; width:100%; margin-left:0; margin-top:2px }
  .ld-pnbar { gap:8px }
  .ld-pn { font-size:12px; padding:4px 10px }
  .ld-cards { gap:8px }
  .ld-lv { padding:10px 8px }
  .ld-lv-h { font-size:14px; flex-wrap:wrap; gap:6px }
  .ld-chips { grid-template-columns:1fr; gap:8px }
  .ld-chip { width:100%; padding:8px 10px }
  .ld-chip-m2 { font-size:11px }
  .ld-nm { font-size:14px }
  .ld-nm2 { font-size:14px }
  .ld-chip-m { font-size:11px; word-break:break-word }
  .ld-chip-t { font-size:10px }
  .rsn { font-size:11px; word-break:break-word }

  .ld-bk-grid { grid-template-columns:repeat(3, 1fr); gap:8px 6px }
  .ld-pill { padding:5px 2px; font-size:12px }
  .ld-pill .ld-pp { font-size:11px }
  .ld-bk { padding:12px 0 }
  .ld-bk-h { gap:6px; margin-bottom:6px }
  .ld-bk-lv { font-size:11px; padding:2px 7px }
  th,td { padding:8px; font-size:12px; white-space:nowrap }
  .ld-rate { gap:6px }
  .ld-bar { width:60px }
  .ld-th { padding:6px 4px; font-size:12px }
  .ld-th-b { font-size:11px; padding:2px 7px }
  .ld-th-c { font-size:12px }
  .ld-th-n { font-size:11px; word-break:break-word }
  .ld-tbtn { font-size:11px; padding:4px 10px }
  .ld-note { font-size:11px; line-height:1.6; word-break:break-word }
  .ld-tbl-wrap { -webkit-overflow-scrolling:touch }
  .tag-b { font-size:10px }
  .crumb { font-size:12px }
  .row { gap:8px; padding:8px 6px }
  .row .d { min-width:64px; font-size:13px }
  .row .m { font-size:12px; word-break:break-word }
  .row .s { min-width:70px; font-size:12px }
  .more { font-size:12px }
  .ph { font-size:12px }
  .ft { font-size:11px }

  .lhb-crow { gap:6px; padding:6px 4px; font-size:12px }
  .lhb-crow .lhb-cn { width:84px }
  .lhb-crow .lhb-cbar { width:90px }
  .lhb-crow .lhb-cv { width:64px }
  .lhb-srow { flex-wrap:wrap; gap:4px }
  .lhb-srow .lhb-sn { width:100%; font-size:13px }
  .lhb-srow .lhb-sv { width:auto; text-align:left }
  .lhb-srow .lhb-sr { width:auto }
  .lhb-filter { gap:8px; padding:8px 10px; font-size:12px }
  .lhb-jump input { width:92px }
  .lhb-stats { grid-template-columns:repeat(2,1fr); gap:8px }
  .lhb-row { gap:6px; padding:6px 8px }
  .lhb-reason { min-width:90px; flex-basis:100%; order:5 }
  .lhb-mv { display:none }

  .tabbar { gap:6px; flex-wrap:wrap }
  .tabbtn { font-size:12px; padding:5px 14px }
  .tl-tbl { overflow-x:auto; padding:6px 0; max-width:100% }
  .tl-tbl table { border-collapse:collapse; font-size:12px; min-width:100% }
  .tl-tbl th, .tl-tbl td { border:1px solid rgba(127,127,127,.15); padding:3px 5px; text-align:center; white-space:nowrap; font-variant-numeric:tabular-nums }
  .tl-tbl thead th { background:rgba(127,127,127,.10); font-weight:600; position:sticky; top:0 }
  .tl-tbl .tl-name { position:sticky; left:0; background:#fff; text-align:left; z-index:2; min-width:84px; font-weight:600 }
  .tl-tbl thead .tl-name { z-index:3 }
  .tl-tbl .tl-meta { color:#666; font-size:11px }
  .tl-tbl td.dim { color:#bbb }
  .tm-rot-row { font-size:13px; gap:8px }
  .tm-rot-row .pc { width:64px }
  .tm-rot-matrix { font-size:11px }
}

.idx-live-frame { width:100%; height:780px; border:none; border-radius:12px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.06) }
@media (max-width:767px){ .idx-live-frame { height:560px } }