.guide-page{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,3vw,32px) var(--pad) 64px}.guide-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.guide-head h1{margin:0;font-size:24px;font-weight:800}.guide-head .dlabel{color:var(--dim);font-size:14px;font-weight:600}.guide-head .guide-tools{margin-left:auto;display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.guide-head .zoom{display:inline-flex;align-items:center;gap:2px;background:var(--side);border:1px solid var(--line);border-radius:999px;padding:3px}.guide-head .zoom .zbtn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border:none;background:transparent;color:var(--dim);font-size:15px;font-weight:800;line-height:1;border-radius:999px;cursor:pointer;font-variant-numeric:tabular-nums}.guide-head .zoom .zbtn:hover:not(:disabled){background:#ffffff0f;color:var(--fg)}.guide-head .zoom .zbtn:disabled{opacity:.35;cursor:default}.guide-head .zoom .zreset{font-size:13px;color:var(--faint)}.guide-head .nowclock{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--accent)}.guide-head .nowclock i{width:18px;height:2px;background:var(--accent);border-radius:2px}.grid{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0b1024}.grid-cols{display:flex;border-bottom:1px solid var(--line);background:var(--side);position:sticky;top:0;z-index:6}.grid-cols .axis-sp{width:58px;flex:none}.grid-cols .col{flex:1;padding:13px 14px;display:flex;align-items:center;gap:9px;border-left:1px solid var(--line-thin)}.grid-cols .col .dot{width:10px;height:10px;border-radius:50%}.grid-cols .col .nm{font-size:14px;font-weight:800}.grid-cols .col .lv{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:var(--live);color:#fff;font-weight:800;font-size:10px;padding:3px 8px;border-radius:5px}.grid-cols .col .lv .pulse-dot{width:5px;height:5px}.grid-scroll{max-height:66vh;overflow-y:auto}.grid-inner{display:flex;position:relative}.axis{width:58px;flex:none;position:relative;border-right:1px solid var(--line-thin)}.axis .h{position:absolute;left:0;right:0;text-align:center;font-size:12px;font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums;border-top:1px solid var(--line-faint);padding-top:4px}.gcol{flex:1;position:relative;border-left:1px solid var(--line-thin)}.gcol .blk .bt{display:flex;align-items:center;gap:7px;margin-bottom:3px}.gcol .blk .bt .tm{font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.gcol .blk .bt .on{font-size:9px;font-weight:800;color:#fff;background:var(--live);padding:1px 6px;border-radius:4px}.gcol .blk .bt .rerun-tag{font-size:9px;font-weight:800;color:#cdd3e0;background:#5b648047;border:1px solid #5b6480;padding:1px 6px;border-radius:4px}.gcol .blk .btl{font-size:13px;font-weight:700;line-height:1.25;text-wrap:pretty;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gcol .blk .bg{font-size:10.5px;font-weight:700;margin-top:3px}.gcol .blk.compact{padding:6px 10px}.gcol .blk.compact .bg{display:none}.gcol .blk.tiny{padding:4px 9px}.gcol .blk.tiny .bt{margin-bottom:1px}.gcol .blk.tiny .btl{-webkit-line-clamp:1}.gcol .blk.tiny .bg{display:none}.gcol .blk:hover{z-index:4}.gcol .blk.compact:hover,.gcol .blk.tiny:hover{height:auto!important;overflow:visible!important;padding:8px 11px;box-shadow:0 8px 26px #0000008c}.gcol .blk.compact:hover .bg,.gcol .blk.tiny:hover .bg{display:block}.gcol .blk.compact:hover .btl,.gcol .blk.tiny:hover .btl{-webkit-line-clamp:4}.gcol .blk.tiny:hover .bt{margin-bottom:3px}.nowline{position:absolute;left:58px;right:0;height:0;border-top:2px solid var(--accent);z-index:5;animation:nowGlow 2.4s ease-in-out infinite}.nowline .pill{position:absolute;left:0;top:-9px;background:var(--accent);color:var(--accent-on);font-size:10px;font-weight:800;padding:1px 7px;border-radius:4px;font-variant-numeric:tabular-nums}@media (max-width: 768px){.grid{overflow-x:auto}.grid-scroll{max-height:none;overflow-y:visible}.grid-cols,.grid-inner{min-width:680px}.grid-cols .axis-sp,.axis{width:48px}.nowline{left:48px}.axis .h{font-size:11px}.guide-head{gap:12px;margin-bottom:16px}.guide-head h1{font-size:20px;flex:1 1 100%}.guide-head .nowclock{margin-left:0}}@media (max-width: 480px){.grid-cols,.grid-inner{min-width:560px}.grid-cols .col{padding:11px 10px}.grid-cols .col .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gcol .blk .btl{font-size:12px}.grid-cols .col .lv{font-size:9px;padding:2px 6px}.guide-head h1{font-size:18px}.guide-head .dlabel{flex:1 1 100%}.guide-head .segnav{flex:1 1 auto}}