/* 首页日期选择、足球/篮球切换、日期分组标题、联赛链接的公共样式（日期条 width:0 + min-width:100%：横向滚动，不把外层网格撑宽）。配色沿用比分列表的变量（见 scoreboard.css 开头）：
   --sc-card --sc-ink --sc-muted --sc-line --sc-accent --sc-on --sc-chip --sc-radius */
.hd-dates,.hd-tabs,.hd-day,.hd-none{--_card:var(--sc-card,#fff);--_ink:var(--sc-ink,#1f2328);--_muted:var(--sc-muted,#8b919a);--_line:var(--sc-line,rgba(0,0,0,.08));--_accent:var(--sc-accent,#1f2328);--_on:var(--sc-on,#fff);--_chip:var(--sc-chip,rgba(0,0,0,.05));--_r:var(--sc-radius,12px)}
.hd-dates{display:flex;gap:8px;box-sizing:border-box;width:0;min-width:100%;margin:0 0 14px;padding:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
/* 日期条吸顶（在模板自己的吸顶顶栏下面，--hd-top 由 hd.js 量出来）；底色用 --hd-bg，没设就用模板的 --bg，再没有就白色 */
.hd-dates{position:sticky;top:var(--hd-top,0px);z-index:15;background:var(--hd-bg,var(--bg,#fff))}
.hd-dates::-webkit-scrollbar{display:none}
.hd-dates a{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 12px;border:1px solid var(--_line);border-radius:var(--_r);background:var(--_card);color:var(--_ink);font-size:13px;line-height:1.35;white-space:nowrap;text-decoration:none}
.hd-dates a b{font-weight:600;font-variant-numeric:tabular-nums}
.hd-dates a em{font-style:normal;font-size:12px;color:var(--_muted)}
.hd-dates a.hd-on{background:var(--_accent);border-color:var(--_accent);color:var(--_on)}
.hd-dates a.hd-on em{color:inherit;opacity:.85}
.hd-dates a.hd-off{opacity:.45;cursor:default}
.hd-tabs{display:inline-flex;flex:none;gap:2px;padding:3px;border-radius:999px;background:var(--_chip)}
.hd-tabs button{margin:0;padding:4px 13px;border:0;border-radius:999px;background:none;color:var(--_ink);font:inherit;font-size:13px;line-height:1.5;cursor:pointer}
.hd-tabs button.hd-on{background:var(--_accent);color:var(--_on)}
.hd-day{margin:0;padding:12px 14px 6px;font-size:14px;font-weight:600;line-height:1.4;color:var(--_ink)}
.hd-day::before{content:"";display:inline-block;width:4px;height:14px;margin-right:8px;border-radius:2px;background:var(--_accent);vertical-align:-2px}
.hd-none{padding:30px 0;text-align:center;color:var(--_muted)}
/* 切换时被筛掉的行、空的日期分组（行自带 display:grid/flex 时 hidden 属性压不住） */
[data-hd-scope] [data-sport][hidden],[data-dgrp][hidden],.hd-none[hidden]{display:none!important}
[data-dgrp]{scroll-margin-top:calc(var(--hd-top,0px) + var(--hd-bar,72px) + 12px)}
/* 整行覆盖链接 + 联赛链接浮在上面 */
.hd-row{position:relative}
.hd-cover{position:absolute;inset:0;z-index:1}
.hd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hd-lg{position:relative;z-index:2;color:inherit;text-decoration:none}
.hd-lg:hover{text-decoration:underline}
@media (max-width:768px){.hd-dates a{flex:none;padding:6px 10px}}
/* 「热门」按钮（home-tabs-hot）：动态图标 + 右上角红点扩散，引导点击；选中后红点消失，图标继续动。
   图标每次打开页面随机换一种（hd.js 设置 data-fx），没有脚本时是火苗 */
.hd-hottab{position:relative}
.hd-tabs .hd-hottab{color:var(--sc-live,#e53935);font-weight:600}
.hd-hottab::before{content:"\1F525";display:inline-block;margin-right:2px;transform-origin:50% 100%;animation:hd-flame 1.2s ease-in-out infinite}
.hd-hottab::after{content:"";position:absolute;top:2px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--sc-live,#e53935);animation:hd-ping 1.6s ease-out infinite}
.hd-hottab.hd-on::after{display:none}
.hd-hottab[data-fx="bolt"]::before{content:"\26A1";transform-origin:50% 50%;animation:hd-flash 1.1s steps(1,end) infinite}
.hd-hottab[data-fx="star"]::before{content:"\2B50";transform-origin:50% 50%;animation:hd-spin 2.4s linear infinite}
.hd-hottab[data-fx="cup"]::before{content:"\1F3C6";transform-origin:50% 100%;animation:hd-hop 1s ease-in-out infinite}
.hd-hottab[data-fx="boom"]::before{content:"\1F4A5";transform-origin:50% 50%;animation:hd-pop 1.3s ease-in-out infinite}
.hd-hottab[data-fx="horn"]::before{content:"\1F4E3";transform-origin:30% 60%;animation:hd-shake 1.6s ease-in-out infinite}
.hd-hottab[data-fx="ball"]::before{content:"\26BD";transform-origin:50% 50%;animation:hd-roll 1.4s ease-in-out infinite}
.hd-hottab[data-fx="heart"]::before{content:"\2764\FE0F";transform-origin:50% 50%;animation:hd-beat 1.1s ease-in-out infinite}
.hd-hottab[data-fx="rocket"]::before{content:"\1F680";transform-origin:50% 50%;animation:hd-lift 1.5s ease-in-out infinite}
@keyframes hd-flame{0%,100%{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}}
@keyframes hd-flash{0%,100%{opacity:1}40%{opacity:.25}55%{opacity:1}70%{opacity:.4}}
@keyframes hd-spin{to{transform:rotate(360deg)}}
@keyframes hd-hop{0%,100%{transform:translateY(0) scaleY(1)}30%{transform:translateY(-3px) scaleY(1.05)}60%{transform:translateY(0) scaleY(.92)}}
@keyframes hd-pop{0%,100%{transform:scale(.85)}40%{transform:scale(1.25)}60%{transform:scale(1)}}
@keyframes hd-shake{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}
@keyframes hd-roll{0%,100%{transform:translateX(-2px) rotate(-90deg)}50%{transform:translateX(2px) rotate(90deg)}}
@keyframes hd-beat{0%,40%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1.1)}}
@keyframes hd-lift{0%,100%{transform:translate(0,0)}50%{transform:translate(1px,-3px)}}
@keyframes hd-ping{0%{box-shadow:0 0 0 0 rgba(229,57,53,.55)}100%{box-shadow:0 0 0 6px rgba(229,57,53,0)}}
@media (prefers-reduced-motion:reduce){.hd-hottab::before,.hd-hottab::after{animation:none}}
/* 默认选中热门（data-hd-cur="hot"）：脚本加载前先隐藏非热门的行 */
[data-hd-cur="hot"] [data-dgrp] [data-sport]:not([data-hot]){display:none!important}