/* 星汉赛马: 上面六匹马(独赢), 下面 15 组连赢。跑道号颜色 = 骑师彩衣(1 红 2 白 3 蓝 4 黄 5 绿 6 黑) */
.hr-board{display:flex;flex-direction:column;gap:calc(var(--u)*8);width:100%}
.hr-horses{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u)*8)}
.hr-horse{flex-direction:row;justify-content:flex-start;gap:calc(var(--u)*10)}
.hr-horse b{font-size:calc(var(--u)*17);overflow:hidden;text-overflow:ellipsis}
.hr-horse small{margin-left:auto;font-size:calc(var(--u)*12)}
.hr-horse small span{font:800 calc(var(--u)*18)/1 Georgia,serif;color:#ffd98a}
.hr-horse em,.hr-q em{display:inline-grid;place-items:center;flex:none;width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:calc(var(--u)*5);font:800 calc(var(--u)*17)/1 Georgia,serif;font-style:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.hr-q em{width:calc(var(--u)*20);height:calc(var(--u)*20);font-size:calc(var(--u)*12)}
.hr-quin{display:grid;grid-template-columns:calc(var(--u)*70) repeat(15,1fr);gap:calc(var(--u)*5);align-items:stretch}
.hr-quin p{display:flex;flex-direction:column;justify-content:center;margin:0;font:700 calc(var(--u)*15)/1.2 var(--tk-serif);color:#f6e7c4}
.hr-quin p small{font:400 calc(var(--u)*10)/1.2 sans-serif;color:var(--tk-mute)}
.hr-q{height:calc(var(--u)*56)}
.hr-q b{display:flex;gap:calc(var(--u)*2)}
.hr-q small{font:700 calc(var(--u)*12)/1 Georgia,serif;color:#ffd98a}
.hr-lane1 em,em.hr-lane1{background:#c8141f;color:#fff}
.hr-lane2 em,em.hr-lane2{background:#f3f0e8;color:#141414}
.hr-lane3 em,em.hr-lane3{background:#1d4fc4;color:#fff}
.hr-lane4 em,em.hr-lane4{background:#f2c418;color:#141414}
.hr-lane5 em,em.hr-lane5{background:#17924f;color:#fff}
.hr-lane6 em,em.hr-lane6{background:#1f1f23;color:#f6dc9a}

/* ===== 10-18 底栏和其它游戏统一(参考花式掷骰): 公共的无边框扁平底栏(stage.php 'flat' + .tk-panels 色面), 独赢每匹用它的骑手色, 连赢用暗金色 ===== */
.tk-horse .hr-board{gap:calc(var(--u)*9)}
.tk-horse .hr-horses{gap:calc(var(--u)*5)}
.tk-horse .hr-quin{gap:calc(var(--u)*4)}
.tk-flat .hr-horse{--tint:120,100,70;height:calc(var(--u)*50);padding:0 calc(var(--u)*12)}
.tk-flat .hr-horse.hr-lane1{--tint:200,20,31}.tk-flat .hr-horse.hr-lane2{--tint:150,148,140}.tk-flat .hr-horse.hr-lane3{--tint:29,79,196}
.tk-flat .hr-horse.hr-lane4{--tint:214,170,20}.tk-flat .hr-horse.hr-lane5{--tint:23,146,79}.tk-flat .hr-horse.hr-lane6{--tint:70,70,78}
.tk-flat .hr-q{--tint:150,116,58;height:calc(var(--u)*44)}
.tk-flat .tk-panels .hr-horse b{font:600 calc(var(--u)*16)/1.1 var(--tk-serif);color:#fff6e2}
.tk-flat .tk-panels .hr-horse small{font-size:calc(var(--u)*10);color:rgba(255,246,228,.66)}
.tk-flat .tk-panels .hr-horse small span{font:700 calc(var(--u)*19)/1 Georgia,serif;color:#ffe08a}
.tk-flat .tk-panels .hr-q small{font:700 calc(var(--u)*13)/1 Georgia,serif;color:#ffe08a}
/* 10-18 按钮要一眼看得出能点: 无边框, 靠色面加深 + 悬停上浮变亮。
 * 两排都是 .tk-panels, 下排的 ::before 光晕(往上伸 16u)会盖住上排按钮下沿 → 下排不要光晕, 上排的光晕往下伸到盖住两排 */
.tk-horse .hr-quin::before{content:none}
.tk-horse .hr-horses::before{bottom:calc(var(--u)*-65)}
.tk-flat .tk-panels .hr-horse,.tk-flat .tk-panels .hr-q{cursor:pointer;background:linear-gradient(180deg,rgba(var(--tint),.5),rgba(var(--tint),.26));
  box-shadow:none;transition:background .2s,transform .12s,filter .2s}
.tk-flat .tk-panels .hr-horse:hover,.tk-flat .tk-panels .hr-q:hover{transform:translateY(calc(var(--u)*-2));filter:brightness(1.18);box-shadow:none}
.tk-flat .tk-panels .hr-horse:active,.tk-flat .tk-panels .hr-q:active{transform:translateY(0)}
.tk-horse .hr-quin p{font:600 calc(var(--u)*14)/1.25 var(--tk-serif);color:#fff6e2}
/* 号码色块统一描边(不只给 6 号加边框): 每块一圈细的半透明白内边 + 一点投影 */
.hr-horse em,.hr-q em{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 3px rgba(0,0,0,.55)}
.hr-chip{display:inline-grid;place-items:center;flex:none;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:calc(var(--u)*4);font:800 calc(var(--u)*11)/1 Georgia,serif;font-style:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 3px rgba(0,0,0,.55)}
.hr-chip.is-big{width:calc(var(--u)*36);height:calc(var(--u)*36);border-radius:calc(var(--u)*6);font-size:calc(var(--u)*19)}
.hr-chip.l1{background:#c8141f;color:#fff}.hr-chip.l2{background:#f3f0e8;color:#141414}.hr-chip.l3{background:#1d4fc4;color:#fff}
.hr-chip.l4{background:#f2c418;color:#141414}.hr-chip.l5{background:#17924f;color:#fff}.hr-chip.l6{background:#1f1f23;color:#f6dc9a}

/* ===== 右侧栏「上期」: 无边框, 文字直接浮在场景上(投影保证看得清), 只有冠军 / 亚军 / 独赢赔率; 收起后是一个马头小图标 ===== */
.tk-horse .tk-hist.hr-side{width:calc(var(--u)*210);background:none;border:0;box-shadow:none}
.tk-horse .hr-side .tk-panel__h{align-items:center;padding:0 0 calc(var(--u)*6);border:0}
.tk-horse .hr-side .tk-panel__h b{font:700 calc(var(--u)*13)/1 var(--tk-serif);letter-spacing:.3em;color:rgba(246,220,154,.75);text-shadow:0 1px 4px #000}
.tk-horse .hr-side .tk-hist__body{padding:0}
.hr-l{display:flex;align-items:center;gap:calc(var(--u)*8);margin:0 0 calc(var(--u)*6);text-shadow:0 1px 4px #000,0 0 10px rgba(0,0,0,.6)}
.hr-l small{width:calc(var(--u)*30);font-size:calc(var(--u)*12);letter-spacing:.1em;color:rgba(244,236,220,.65)}
.hr-l b{font:600 calc(var(--u)*17)/1.1 var(--tk-serif);color:#fff}
.hr-l--odds em{font:700 calc(var(--u)*26)/1 Georgia,serif;font-style:normal;color:#f6d38a}
.hr-l .hr-chip{width:calc(var(--u)*24);height:calc(var(--u)*24);font-size:calc(var(--u)*13)}
.hr-l-more{padding:0;border:0;background:none;color:rgba(246,220,154,.8);font:600 calc(var(--u)*12)/1 var(--tk-serif);letter-spacing:.1em;cursor:pointer;text-shadow:0 1px 4px #000}
.hr-l-more:hover{color:#f6d38a;text-decoration:underline}
.hr-fold{display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*24);padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#f6d38a;cursor:pointer}
.hr-fold svg{display:none;width:calc(var(--u)*22);height:calc(var(--u)*22)}
.hr-fold__x{font-size:calc(var(--u)*15);line-height:1}
.tk-horse .tk-hist.is-folded{width:auto}
.tk-horse .tk-hist.is-folded .tk-hist__body,.tk-horse .tk-hist.is-folded .tk-panel__h b{display:none}
.tk-horse .tk-hist.is-folded .hr-fold{width:calc(var(--u)*42);height:calc(var(--u)*42);background:rgba(8,10,9,.55);box-shadow:0 0 0 1px rgba(246,220,154,.35)}
.tk-horse .tk-hist.is-folded .hr-fold svg{display:block}
.tk-horse .tk-hist.is-folded .hr-fold__x{display:none}

/* ===== 顶部「开奖记录」面板 = 历史名次(设计稿 temp/687.png) ===== */
.tk-horse .tk-modal.hrh{width:min(94%,calc(var(--u)*840))}
.tk-horse .hrh .tk-modal__h{gap:calc(var(--u)*12)}
.tk-horse .hrh .tk-modal__h h2{display:flex;align-items:center;gap:calc(var(--u)*10)}
.hrh__logo{display:grid;place-items:center;width:calc(var(--u)*40);height:calc(var(--u)*40);color:#f6d38a;filter:drop-shadow(0 0 6px rgba(246,211,138,.45))}
.hrh__logo svg{width:calc(var(--u)*34);height:calc(var(--u)*34)}
.hrh__t{display:flex;flex-direction:column;font:700 calc(var(--u)*24)/1.1 var(--tk-serif);letter-spacing:.14em;color:#f6e7c4}
.hrh__t small{font:600 calc(var(--u)*10)/1.5 Georgia,serif;letter-spacing:.32em;color:rgba(246,220,154,.55)}
.hrh__n{margin-left:auto;font-size:calc(var(--u)*13);color:rgba(244,236,220,.7)}
.hrh__cols,.hrh-row{display:grid;align-items:center;gap:calc(var(--u)*14)}
.hrh__cols{padding:0 calc(var(--u)*14) calc(var(--u)*8) calc(var(--u)*20);font-size:calc(var(--u)*12);color:rgba(244,236,220,.55)}
.hrh-row{position:relative;margin-bottom:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*14) calc(var(--u)*12) calc(var(--u)*20);border:1px solid rgba(246,220,154,.14);border-radius:calc(var(--u)*8);background:linear-gradient(180deg,rgba(24,28,30,.92),rgba(10,12,14,.95));overflow:hidden}
.hrh-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:calc(var(--u)*5);background:var(--win)}
.hrh-no b{display:block;font:700 calc(var(--u)*15)/1.3 var(--tk-serif);color:#f6d38a}
.hrh-no small{font-size:calc(var(--u)*12);color:rgba(244,236,220,.55)}
.hrh-odds{text-align:right;font:700 calc(var(--u)*24)/1 Georgia,serif;color:#f6efe0}
.hrh-more{display:grid;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);padding:0;border:1px solid rgba(246,220,154,.3);border-radius:50%;background:rgba(0,0,0,.3);color:#f6efe0;font-size:calc(var(--u)*18);line-height:1;cursor:pointer;transition:transform .2s}
.hrh-more[aria-expanded="true"]{transform:rotate(90deg)}
.hrh-full{grid-column:1/-1;display:flex;align-items:center;gap:calc(var(--u)*5);margin:0;padding-top:calc(var(--u)*8);border-top:1px solid rgba(246,220,154,.12)}
.hrh-full small{margin-right:calc(var(--u)*6);font-size:calc(var(--u)*12);color:rgba(244,236,220,.55)}
.hrh-full>b{font-size:calc(var(--u)*11);color:rgba(244,236,220,.4);font-weight:400}
.hrh-row.is-void{grid-template-columns:calc(var(--u)*130) 1fr}
.hrh-void{margin:0;color:rgba(244,236,220,.55);font-size:calc(var(--u)*13)}

/* 完整名次: 每匹马 = 号码色块 + 这场的独赢赔率 */
.hrh-full__h{display:inline-flex;align-items:center;gap:calc(var(--u)*4)}
.hrh-full__h em{font:600 calc(var(--u)*13)/1 Georgia,serif;font-style:normal;color:#f6efe0}

/* 10-18: 上期结果和边界留一点距离; 收起钮是往右收的双箭头; 「更多」靠右 */
.tk-horse .tk-hist.hr-side:not(.is-folded){padding:calc(var(--u)*10) calc(var(--u)*14)}
.hr-fold .hr-fold__x{display:block;width:calc(var(--u)*14);height:calc(var(--u)*14)}
.tk-horse .tk-hist.is-folded .hr-fold .hr-fold__x{display:none}
.hr-l-more{display:block;margin:calc(var(--u)*4) 0 0 auto}

/* 10-18: 名次一栏写完(冠 / 亚 / 季: 名次 + 号码 + 马名), 不再分名次方块和马名两栏 */
.hrh__cols,.hrh-row{grid-template-columns:calc(var(--u)*130) minmax(0,1fr) calc(var(--u)*80) calc(var(--u)*34)}
.hrh__cols span:nth-child(3){text-align:right}
.hrh__cols span:nth-child(4){text-align:left}
.hrh-places{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*6) calc(var(--u)*18)}
.hrh-places span{display:inline-flex;align-items:center;gap:calc(var(--u)*7);font:500 calc(var(--u)*14)/1.2 var(--tk-serif);color:#f4ecdc;white-space:nowrap}
.hrh-places small{font-size:calc(var(--u)*12);color:rgba(244,236,220,.55)}
.hrh-places span:first-child{font-weight:700;color:#fff}
.hrh-places span:first-child small{color:#f6d38a}
.hrh-places .hr-chip{width:calc(var(--u)*24);height:calc(var(--u)*24);font-size:calc(var(--u)*13)}

/* 收起后的小图标: 金色奖杯 + 「上期」 */
.hr-fold__cup{display:none;flex-direction:column;align-items:center;gap:calc(var(--u)*1)}
.hr-fold__cup svg{display:block!important;width:calc(var(--u)*24);height:calc(var(--u)*24);filter:drop-shadow(0 0 4px rgba(246,211,138,.45))}
.hr-fold__cup small{font:700 calc(var(--u)*9)/1 var(--tk-serif);letter-spacing:.1em;color:#f6d38a}
.tk-horse .tk-hist.is-folded .hr-fold{width:calc(var(--u)*48);height:calc(var(--u)*48)}
.tk-horse .tk-hist.is-folded .hr-fold__cup{display:flex}