/* 极速时时乐: 下注台(四个玩法一个分段选择器) + 走势 / 开奖记录里的号码球 + 休息提示。类名 sc- 前缀, 尺寸用 tablekit 的 --u。
 * 10-20 用户: 玩法 / 位置要看得出是「切换」→ 分段选择器(凹进去的深色轨道, 选中的那段凸起、发光);
 *            选项无边框、方角(大小单双 / 龙虎不要圆角), 但要有设计感 → 斜向渐变 + 顶部高光 + 一道斜光 + 底部暗边 + 投影, 大字 + 赔率小标签 */
.sc-ball{display:inline-grid;place-items:center;flex:none;width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:50%;font:800 calc(var(--u)*14)/1 Georgia,serif;font-style:normal;color:#fff;
  background:radial-gradient(circle at 32% 30%,#fff 0,var(--c,#3a7) 28%,color-mix(in srgb,var(--c,#3a7) 55%,#000) 100%);box-shadow:0 1px 2px rgba(0,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.45)}
.sc-row{display:inline-flex;gap:calc(var(--u)*4);align-items:center}
.sc-row .sc-ball{width:calc(var(--u)*21);height:calc(var(--u)*21);font-size:calc(var(--u)*12)}
.sc-hrow{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*3) 0;border-bottom:1px solid rgba(255,255,255,.05)}
.sc-hrow small{font:700 calc(var(--u)*12)/1 Georgia,serif;color:var(--tk-mute)}
.tk-ssc .tk-hist{width:calc(var(--u)*230)}

/* ---------- 下注台 ---------- */
.sc-board{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6);width:100%;max-width:calc(var(--u)*1100)}
.sc-pane{align-self:stretch;height:calc(var(--u)*98)}
.sc-pane[hidden],.sc-rest[hidden]{display:none}
.sc-mine{display:flex;flex-wrap:wrap;gap:calc(var(--u)*4) calc(var(--u)*10);min-height:calc(var(--u)*15);margin:0;font-size:calc(var(--u)*11);color:var(--tk-mute);justify-content:center}
.sc-mine b{color:#ffe08a;font-family:Georgia,serif}

/* 分段选择器(玩法 / 位置): 凹进去的深色轨道, 选中的那段是凸起的金色(位置: 这一位的颜色)胶囊 */
.sc-seg{display:inline-flex;align-items:center;gap:calc(var(--u)*3);padding:calc(var(--u)*3);border-radius:calc(var(--u)*20);
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35));box-shadow:inset 0 calc(var(--u)*2) calc(var(--u)*5) rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.07)}
.sc-seg__lab{padding:0 calc(var(--u)*8) 0 calc(var(--u)*10);font-size:calc(var(--u)*11);color:var(--tk-mute);letter-spacing:.08em;white-space:nowrap}
.sc-tab,.sc-pos{position:relative;display:inline-flex;align-items:center;gap:calc(var(--u)*6);border:0;border-radius:calc(var(--u)*16);background:transparent;color:rgba(243,230,200,.62);cursor:pointer;
  transition:color .15s,background .2s,box-shadow .2s}
.sc-tab{padding:calc(var(--u)*6) calc(var(--u)*20);font:600 calc(var(--u)*14)/1.2 var(--tk-serif)}
.sc-tab:hover,.sc-pos:hover{color:#fff;background:rgba(255,255,255,.07)}
.sc-tab[aria-selected="true"]{color:#2a1a06;background:linear-gradient(180deg,#fff2c4,#e7bd62 55%,#b9852f);box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) rgba(0,0,0,.5),0 0 calc(var(--u)*12) rgba(255,205,110,.45),inset 0 1px 0 rgba(255,255,255,.7)}
.sc-tab i{position:absolute;right:calc(var(--u)*5);top:calc(var(--u)*3);width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:#ff5a5a;box-shadow:0 0 calc(var(--u)*5) #ff5a5a}
.sc-tab:focus-visible,.sc-pos:focus-visible{outline:2px solid var(--tk-gold-hi);outline-offset:2px}
.sc-pane[data-sc-pane="pos"]{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*7)}
.sc-poss{align-self:center}
.sc-pos{padding:calc(var(--u)*4) calc(var(--u)*14);font:600 calc(var(--u)*12)/1.2 var(--tk-serif)}
.sc-dot{width:calc(var(--u)*9);height:calc(var(--u)*9);border-radius:50%;background:var(--c);box-shadow:0 0 calc(var(--u)*4) var(--c)}
.sc-pos[aria-checked="true"]{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 70%,#000));
  box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) rgba(0,0,0,.5),0 0 calc(var(--u)*12) color-mix(in srgb,var(--c) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.5)}
.sc-pos[aria-checked="true"] .sc-dot{background:#fff;box-shadow:0 0 calc(var(--u)*5) #fff}
.sc-pos.has-bet::after{content:"";position:absolute;right:calc(var(--u)*4);top:calc(var(--u)*2);width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:#ff5a5a}

/* 定位胆: 十个数字(立体按钮, 球的颜色 = 这一位的颜色) */
.sc-nums{align-self:stretch;display:grid;grid-template-columns:repeat(10,1fr);gap:calc(var(--u)*4);flex:1}
.sc-num .sc-ball{width:calc(var(--u)*32);height:calc(var(--u)*32);font-size:calc(var(--u)*18)}
.tk-ssc .sc-board .tk-spot.sc-num{--tint:150,116,58;flex-direction:row;gap:calc(var(--u)*8);border:1px solid rgba(255,255,255,.2);border-radius:calc(var(--u)*6);cursor:pointer;
  background:linear-gradient(180deg,rgba(var(--tint),.72),rgba(var(--tint),.38) 55%,rgba(var(--tint),.26));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 calc(var(--u)*-2) 0 rgba(0,0,0,.25),0 calc(var(--u)*2) 0 rgba(0,0,0,.5),0 calc(var(--u)*4) calc(var(--u)*10) rgba(0,0,0,.35);transition:transform .1s,filter .15s}
.tk-ssc .sc-board .tk-spot.sc-num::after{content:none}
.tk-ssc .sc-board .tk-spot.sc-num:hover{filter:brightness(1.22);transform:translateY(calc(var(--u)*-1.5));border-color:rgba(255,224,138,.75)}
.tk-ssc .sc-board .tk-spot.sc-num:active{transform:translateY(calc(var(--u)*1))}
.tk-ssc .sc-board .tk-spot.sc-num:has(i[data-on]:not(:empty)){border-color:#ffd36a;box-shadow:0 0 0 1px #ffd36a,0 0 calc(var(--u)*10) rgba(255,211,106,.45)}
.tk-ssc .sc-board .tk-spot.sc-num small{font:700 calc(var(--u)*13)/1 Georgia,serif;color:#ffe08a}

/* 选项格子(大小单双 / 总和 / 龙虎 / 前中后三): 无边框、方角; 斜向渐变 + 顶部高光(::before) + 一道斜光(::after) + 底部暗边 + 投影 */
.tk-ssc .sc-board .tk-spot.sc-x{position:relative;overflow:hidden;flex-direction:column;justify-content:center;gap:calc(var(--u)*1);border:0;border-radius:0;cursor:pointer;
  background:linear-gradient(155deg,rgba(var(--tint),1) 0%,rgba(var(--tint),.82) 45%,color-mix(in srgb,rgb(var(--tint)) 55%,#000) 100%);
  box-shadow:inset 0 calc(var(--u)*-3) 0 rgba(0,0,0,.28),0 calc(var(--u)*3) calc(var(--u)*7) rgba(0,0,0,.45);transition:transform .12s,filter .15s,box-shadow .2s}
.tk-ssc .sc-board .tk-spot.sc-x::before{content:"";position:absolute;inset:0 0 52% 0;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));pointer-events:none}
.tk-ssc .sc-board .tk-spot.sc-x::after{content:"";position:absolute;inset:0;width:auto;height:auto;opacity:1;transform:none;border-radius:0;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.14) 48%,transparent 58%);pointer-events:none}
.tk-ssc .sc-board .tk-spot.sc-x:hover{filter:brightness(1.14);transform:translateY(calc(var(--u)*-1.5));
  box-shadow:inset 0 calc(var(--u)*-3) 0 rgba(0,0,0,.28),0 calc(var(--u)*5) calc(var(--u)*12) rgba(0,0,0,.5),0 0 calc(var(--u)*14) rgba(var(--tint),.65)}
.tk-ssc .sc-board .tk-spot.sc-x:active{transform:translateY(calc(var(--u)*1));filter:brightness(.92)}
.tk-ssc .sc-board .tk-spot.sc-x:has(i[data-on]:not(:empty)){box-shadow:inset 0 calc(var(--u)*-4) 0 #ffd36a,0 calc(var(--u)*3) calc(var(--u)*7) rgba(0,0,0,.45),0 0 calc(var(--u)*12) rgba(255,211,106,.5)}
.tk-ssc .sc-board .tk-spot.sc-x.is-win{background:linear-gradient(155deg,#fff2c4,#e7bd62 50%,rgba(var(--tint),.9));animation:tk-flat-win 1.1s ease-in-out infinite alternate}
.tk-ssc.is-closed .sc-board .tk-spot{cursor:default;transform:none;filter:grayscale(.35) brightness(.85)}
.sc-glyph{position:relative;z-index:1;font:900 calc(var(--u)*17)/1 var(--tk-serif);color:#fff;letter-spacing:.04em;text-shadow:0 calc(var(--u)*1) calc(var(--u)*2) rgba(0,0,0,.55),0 0 calc(var(--u)*8) rgba(255,255,255,.25)}
.sc-odds{position:relative;z-index:1;padding:0 calc(var(--u)*5);background:rgba(0,0,0,.32);font:700 calc(var(--u)*10)/1.5 Georgia,serif;color:#ffe08a}
.sc-cap{position:relative;z-index:1;font-size:calc(var(--u)*10);color:rgba(255,255,255,.75);letter-spacing:.06em}
.tk-ssc .sc-x--b,.tk-ssc .sc-x--dl{--tint:196,40,52}
.tk-ssc .sc-x--s,.tk-ssc .sc-x--dt{--tint:36,104,214}
.tk-ssc .sc-x--o{--tint:214,140,24}
.tk-ssc .sc-x--e,.tk-ssc .sc-x--dh{--tint:30,150,96}
.tk-ssc .sc-x--fb{--tint:150,58,200}
.tk-ssc .sc-x--fs{--tint:24,138,170}
.tk-ssc .sc-x--fd{--tint:168,112,48}
.sc-x--big .sc-glyph{font-size:calc(var(--u)*24)}
.sc-x--fb .sc-glyph,.sc-x--fs .sc-glyph,.sc-x--fd .sc-glyph{font:800 calc(var(--u)*15)/1 Georgia,serif;letter-spacing:.12em}
.tk-ssc .sc-board .tk-spot.sc-x i[data-on]{z-index:2;right:calc(var(--u)*3);top:calc(var(--u)*3)} /* 格子 overflow:hidden(斜光不出界), 押注数放在格子里面的右上角 */

/* 大小单双: 5 位 × 4; 表头是这一位颜色的小胶囊 */
.sc-grid{display:grid;grid-template-columns:calc(var(--u)*40) repeat(5,1fr);grid-template-rows:calc(var(--u)*18) repeat(4,1fr);gap:calc(var(--u)*3)}
.sc-gh,.sc-gl{display:grid;place-items:center;font-size:calc(var(--u)*11);color:var(--tk-mute);text-align:center;line-height:1.1}
.sc-gh small{display:block;font-size:calc(var(--u)*9);opacity:.8}
.sc-gh b{font:700 calc(var(--u)*13)/1 var(--tk-serif);color:var(--tk-ink)}
.sc-gl{font:700 calc(var(--u)*13)/1 var(--tk-serif);color:var(--tk-ink)}
.sc-chip{display:inline-block;padding:0 calc(var(--u)*10);border-radius:calc(var(--u)*9);font:700 calc(var(--u)*12)/1.5 var(--tk-serif);font-style:normal;color:#fff;
  background:var(--c);box-shadow:0 0 calc(var(--u)*6) color-mix(in srgb,var(--c) 60%,transparent)}
.tk-ssc .sc-grid .tk-spot,.tk-ssc .sc-sum .tk-spot,.tk-ssc .sc-three .tk-spot{flex-direction:row;gap:calc(var(--u)*8)}
.sc-grid .sc-glyph{font-size:calc(var(--u)*13)}
.sc-sum{display:grid;grid-template-rows:1fr 1fr;gap:calc(var(--u)*5)}
.sc-tot,.sc-dt{display:grid;gap:calc(var(--u)*4)}
.sc-tot{grid-template-columns:repeat(4,1fr)}
.sc-dt{grid-template-columns:repeat(3,1fr)}
.sc-three{display:grid;grid-template-columns:calc(var(--u)*50) repeat(3,1fr);grid-template-rows:calc(var(--u)*22) repeat(3,1fr);gap:calc(var(--u)*3)}

/* 休息(每天 07:00~08:00) */
.sc-rest{position:absolute;left:50%;top:40%;z-index:2;transform:translate(-50%,-50%);margin:0;padding:calc(var(--u)*18) calc(var(--u)*36);border-radius:calc(var(--u)*12);
  background:rgba(4,12,20,.75);text-align:center;font:700 calc(var(--u)*26)/1.5 var(--tk-serif);color:#fff}
.sc-rest small{font:400 calc(var(--u)*14)/1.5 sans-serif;color:var(--tk-mute)}

/* ===== 10-20 用户: 「设计不够美观, 没有融入游戏」→ 整个下注区换成场景的 LED 演播室风格(覆盖上面的) =====
 * 场景是青蓝 LED 演播室(六边形格纹 + 青 / 品红灯条), 原来下注区用的是公共的暖金棕赌场配色, 两套风格打架。
 * 现在: 底栏 = 深海军蓝玻璃 + 和背墙一样的淡六边形格纹 + 顶边一道青色 LED 光; 选中的玩法 = 青色霓虹胶囊;
 *       选项 = 深色 LED 灯块(无边框、方角): 字是这一项颜色的霓虹发光字, 顶边一条同色灯条, 赔率青色小字; 悬停整块亮起来, 押了注保持亮 + 底边灯条, 中奖闪
 *       (上一版存在 backup/racing-20261020-v2/ssc-board-v1.css) */
.tk-ssc{--sc-cyan:#34e0ff;--sc-pink:#ff3fb4;--sc-glass:rgba(6,22,34,.9)}
.tk-ssc.tk-flat .tk-bar{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='72' viewBox='0 0 42 72'%3E%3Cpath d='M21 0l21 12v24L21 48 0 36V12zM21 48l21 12v24M21 48L0 60v24' fill='none' stroke='%2350dcff' stroke-opacity='.07' stroke-width='1.5'/%3E%3C/svg%3E") repeat,
  linear-gradient(180deg,rgba(3,16,26,.55),rgba(3,14,22,.92) 24%,rgba(2,9,15,.97))}
.tk-ssc.tk-flat .tk-bar::before{left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,var(--sc-cyan) 30%,var(--sc-pink) 70%,transparent);box-shadow:0 0 12px rgba(52,224,255,.6)}

/* 分段选择器: 深色凹槽 + 青色霓虹选中 */
.tk-ssc .sc-seg{background:rgba(1,10,16,.8);box-shadow:inset 0 calc(var(--u)*2) calc(var(--u)*6) rgba(0,0,0,.7),0 0 0 1px rgba(52,224,255,.18)}
.tk-ssc .sc-tab,.tk-ssc .sc-pos{color:rgba(190,235,250,.6)}
.tk-ssc .sc-tab:hover,.tk-ssc .sc-pos:hover{color:#e8fbff;background:rgba(52,224,255,.1)}
.tk-ssc .sc-tab[aria-selected="true"]{color:#00222c;background:linear-gradient(180deg,#bff6ff,var(--sc-cyan) 55%,#13a9c9);
  box-shadow:0 0 calc(var(--u)*14) rgba(52,224,255,.7),inset 0 1px 0 rgba(255,255,255,.8)}
.tk-ssc .sc-seg__lab{color:rgba(160,225,245,.6)}

/* 定位胆数字: 深色玻璃格 + 彩色球 */
.tk-ssc .sc-board .tk-spot.sc-num{border:0;border-radius:calc(var(--u)*4);background:linear-gradient(180deg,rgba(18,48,66,.95),var(--sc-glass));
  box-shadow:inset 0 1px 0 rgba(120,230,255,.18),0 calc(var(--u)*3) calc(var(--u)*8) rgba(0,0,0,.5)}
.tk-ssc .sc-board .tk-spot.sc-num:hover{border:0;filter:none;background:linear-gradient(180deg,rgba(28,72,96,.95),rgba(8,30,44,.95));box-shadow:0 0 calc(var(--u)*14) color-mix(in srgb,var(--c) 70%,transparent),inset 0 1px 0 rgba(160,240,255,.3)}
.tk-ssc .sc-board .tk-spot.sc-num:has(i[data-on]:not(:empty)){box-shadow:inset 0 calc(var(--u)*-3) 0 var(--c),0 0 calc(var(--u)*14) color-mix(in srgb,var(--c) 60%,transparent)}
.tk-ssc .sc-board .tk-spot.sc-num small{color:var(--sc-cyan);text-shadow:0 0 calc(var(--u)*6) rgba(52,224,255,.6)}

/* 选项: 深色 LED 灯块(无边框、方角) */
.tk-ssc .sc-board .tk-spot.sc-x{background:linear-gradient(180deg,rgba(var(--tint),.16),rgba(var(--tint),.05) 60%,rgba(0,0,0,.25)),var(--sc-glass);
  box-shadow:inset 0 calc(var(--u)*2) 0 rgba(var(--tint),.95),0 calc(var(--u)*3) calc(var(--u)*8) rgba(0,0,0,.5)}
.tk-ssc .sc-board .tk-spot.sc-x::before{inset:0 0 auto 0;height:45%;background:linear-gradient(180deg,rgba(var(--tint),.22),transparent)}
.tk-ssc .sc-board .tk-spot.sc-x::after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px)} /* 细细的 LED 像素竖纹 */
.tk-ssc .sc-board .tk-spot.sc-x:hover{filter:none;transform:translateY(calc(var(--u)*-1.5));background:linear-gradient(180deg,rgba(var(--tint),.42),rgba(var(--tint),.16) 60%,rgba(0,0,0,.2)),var(--sc-glass);
  box-shadow:inset 0 calc(var(--u)*2) 0 rgb(var(--tint)),0 0 calc(var(--u)*16) rgba(var(--tint),.6),0 calc(var(--u)*4) calc(var(--u)*10) rgba(0,0,0,.5)}
.tk-ssc .sc-board .tk-spot.sc-x:has(i[data-on]:not(:empty)){background:linear-gradient(180deg,rgba(var(--tint),.5),rgba(var(--tint),.22) 60%,rgba(0,0,0,.2)),var(--sc-glass);
  box-shadow:inset 0 calc(var(--u)*2) 0 rgb(var(--tint)),inset 0 calc(var(--u)*-3) 0 rgb(var(--tint)),0 0 calc(var(--u)*14) rgba(var(--tint),.55)}
.tk-ssc .sc-board .tk-spot.sc-x.is-win{background:linear-gradient(180deg,rgba(var(--tint),.85),rgba(var(--tint),.4)),var(--sc-glass);animation:sc-led 0.9s ease-in-out infinite alternate}
@keyframes sc-led{to{filter:brightness(1.45);box-shadow:inset 0 calc(var(--u)*2) 0 #fff,0 0 calc(var(--u)*24) rgba(var(--tint),.95)}}
@media (prefers-reduced-motion:reduce){.tk-ssc .sc-board .tk-spot.sc-x.is-win{animation:none}}
.tk-ssc .sc-glyph{color:color-mix(in srgb,rgb(var(--tint)) 35%,#fff);text-shadow:0 0 calc(var(--u)*6) rgba(var(--tint),.95),0 0 calc(var(--u)*14) rgba(var(--tint),.6)}
.tk-ssc .sc-odds{background:transparent;padding:0;color:var(--sc-cyan);text-shadow:0 0 calc(var(--u)*5) rgba(52,224,255,.55)}
.tk-ssc .sc-cap{color:rgba(200,240,255,.6)}
.tk-ssc .sc-gl,.tk-ssc .sc-gh b{color:#c8f3ff;text-shadow:0 0 calc(var(--u)*6) rgba(52,224,255,.4)}
.tk-ssc .sc-gh,.tk-ssc .sc-gh small{color:rgba(170,225,245,.6)}
.tk-ssc .sc-mine{color:rgba(170,225,245,.6)}
.tk-ssc .sc-mine b{color:var(--sc-cyan)}

/* 10-20 用户: 大小单双 / 总和 / 龙虎 / 前中后三的选项和定位胆统一风格 —— 同样的深色玻璃格(圆角 4u、顶边一丝高光、投影), 悬停 / 押注效果也一样;
 * 区别只在颜色: 定位胆是彩色号码球, 这里是这一项颜色的发光字(大红 小蓝 单橙 双绿 …)。覆盖上面 LED 灯块那一版 */
.tk-ssc .sc-board .tk-spot.sc-x{border-radius:calc(var(--u)*4);background:linear-gradient(180deg,rgba(18,48,66,.95),var(--sc-glass));
  box-shadow:inset 0 1px 0 rgba(120,230,255,.18),0 calc(var(--u)*3) calc(var(--u)*8) rgba(0,0,0,.5)}
.tk-ssc .sc-board .tk-spot.sc-x::before,.tk-ssc .sc-board .tk-spot.sc-x::after{content:none}
.tk-ssc .sc-board .tk-spot.sc-x:hover{transform:translateY(calc(var(--u)*-1.5));background:linear-gradient(180deg,rgba(28,72,96,.95),rgba(8,30,44,.95));
  box-shadow:0 0 calc(var(--u)*14) rgba(var(--tint),.7),inset 0 1px 0 rgba(160,240,255,.3)}
.tk-ssc .sc-board .tk-spot.sc-x:has(i[data-on]:not(:empty)){background:linear-gradient(180deg,rgba(18,48,66,.95),var(--sc-glass));
  box-shadow:inset 0 calc(var(--u)*-3) 0 rgb(var(--tint)),0 0 calc(var(--u)*14) rgba(var(--tint),.6)}
.tk-ssc .sc-board .tk-spot.sc-x.is-win{background:linear-gradient(180deg,rgba(var(--tint),.75),rgba(var(--tint),.35));animation:sc-led 0.9s ease-in-out infinite alternate}

/* 10-20 用户截图 temp/84.png: 大小单双的格子只有十几 u 高, 字和赔率上下叠着被裁掉 —— 原来「横着排」那条规则被 .sc-board .tk-spot.sc-x 的竖排压住了(优先级低),
 * 这里加够优先级: 大小单双 / 总和 / 龙虎 / 前中后三的格子里, 字和赔率(和说明)横着排成一行, 内边距收小 */
.tk-ssc .sc-board .sc-grid .tk-spot.sc-x,.tk-ssc .sc-board .sc-sum .tk-spot.sc-x,.tk-ssc .sc-board .sc-three .tk-spot.sc-x{flex-direction:row;align-items:center;gap:calc(var(--u)*8);padding:0 calc(var(--u)*6);min-height:0}
.tk-ssc .sc-grid .sc-glyph{font-size:calc(var(--u)*14);line-height:1}
.tk-ssc .sc-grid .sc-odds,.tk-ssc .sc-three .sc-odds{font-size:calc(var(--u)*10);line-height:1}

/* ===== 10-20 用户: 「还是做成简单的无边框式风格, 不要太简陋」—— 所有选项(定位胆数字 / 大小单双 / 总和 · 龙虎 / 前中后三)统一, 覆盖上面所有版本 =====
 * 没有边框、没有立体斜面: 一层这一项颜色的半透明底(圆角), 字干净发亮, 赔率小字; 悬停底色变亮 + 同色柔光, 押了注更亮 + 底边一条亮线, 中奖闪 */
.tk-ssc .sc-board .tk-spot.sc-x,.tk-ssc .sc-board .tk-spot.sc-num{border:0;border-radius:calc(var(--u)*8);transform:none;filter:none;
  background:linear-gradient(180deg,rgba(var(--tint),.30),rgba(var(--tint),.14));box-shadow:none;transition:background .18s,box-shadow .18s,transform .1s}
.tk-ssc .sc-board .tk-spot.sc-num{--tint:52,180,220}
.tk-ssc .sc-board .tk-spot.sc-x::before,.tk-ssc .sc-board .tk-spot.sc-x::after,.tk-ssc .sc-board .tk-spot.sc-num::after{content:none}
.tk-ssc .sc-board .tk-spot.sc-x:hover,.tk-ssc .sc-board .tk-spot.sc-num:hover{transform:translateY(calc(var(--u)*-1));filter:none;
  background:linear-gradient(180deg,rgba(var(--tint),.55),rgba(var(--tint),.28));box-shadow:0 0 calc(var(--u)*14) rgba(var(--tint),.45)}
.tk-ssc .sc-board .tk-spot.sc-x:active,.tk-ssc .sc-board .tk-spot.sc-num:active{transform:translateY(calc(var(--u)*1))}
.tk-ssc .sc-board .tk-spot.sc-x:has(i[data-on]:not(:empty)),.tk-ssc .sc-board .tk-spot.sc-num:has(i[data-on]:not(:empty)){
  background:linear-gradient(180deg,rgba(var(--tint),.62),rgba(var(--tint),.34));box-shadow:inset 0 calc(var(--u)*-2) 0 rgba(255,236,170,.95),0 0 calc(var(--u)*12) rgba(var(--tint),.4)}
.tk-ssc .sc-board .tk-spot.sc-x.is-win,.tk-ssc .sc-board .tk-spot.sc-num.is-win{background:linear-gradient(180deg,rgba(255,220,130,.85),rgba(var(--tint),.5));animation:sc-led .9s ease-in-out infinite alternate}
.tk-ssc .sc-glyph{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 calc(var(--u)*10) rgba(var(--tint),.8)}
.tk-ssc .sc-odds{background:transparent;padding:0;color:rgba(255,236,170,.9);text-shadow:none}
.tk-ssc .sc-cap{color:rgba(255,255,255,.7)}

/* 大小单双: 上面选位置(同定位胆), 下面四个大按钮 */
.sc-pane.sc-bsp{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*7)}
.sc-bs{align-self:stretch;flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*8)}
.tk-ssc .sc-board .sc-bs .tk-spot.sc-x{flex-direction:row;align-items:center;gap:calc(var(--u)*10)}
.tk-ssc .sc-bs .sc-glyph{font-size:calc(var(--u)*24)}
.tk-ssc .sc-bs .sc-cap{font-size:calc(var(--u)*11)}
.tk-ssc .sc-bs .sc-odds{font-size:calc(var(--u)*13)}

/* 10-20 用户: 「按钮灰灰的 / 太透明, 看不出能点」→ 底色实很多(还是无边框); 前中后三去掉表头, 按钮里写名字 + 样例 + 赔率 */
.tk-ssc .sc-board .tk-spot.sc-x,.tk-ssc .sc-board .tk-spot.sc-num{background:linear-gradient(180deg,rgba(var(--tint),.78),rgba(var(--tint),.52));box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) rgba(0,0,0,.35)}
.tk-ssc .sc-board .tk-spot.sc-num{--tint:30,120,170}
.tk-ssc .sc-board .tk-spot.sc-x:hover,.tk-ssc .sc-board .tk-spot.sc-num:hover{background:linear-gradient(180deg,rgba(var(--tint),.95),rgba(var(--tint),.7));box-shadow:0 0 calc(var(--u)*14) rgba(var(--tint),.6)}
.tk-ssc .sc-board .tk-spot.sc-x:has(i[data-on]:not(:empty)),.tk-ssc .sc-board .tk-spot.sc-num:has(i[data-on]:not(:empty)){background:linear-gradient(180deg,rgb(var(--tint)),rgba(var(--tint),.8));
  box-shadow:inset 0 calc(var(--u)*-3) 0 #ffe9a8,0 0 calc(var(--u)*14) rgba(var(--tint),.55)}
.tk-ssc .sc-x--b,.tk-ssc .sc-x--dl{--tint:200,46,58}
.tk-ssc .sc-x--s,.tk-ssc .sc-x--dt{--tint:40,108,220}
.tk-ssc .sc-x--o{--tint:218,138,24}
.tk-ssc .sc-x--e,.tk-ssc .sc-x--dh{--tint:30,152,98}
.tk-ssc .sc-x--fb{--tint:150,62,206}
.tk-ssc .sc-x--fs{--tint:22,140,176}
.tk-ssc .sc-x--fd{--tint:176,112,40}
.tk-ssc .sc-glyph{text-shadow:0 1px 2px rgba(0,0,0,.5)}
.tk-ssc .sc-odds{color:#fff3c4}
.tk-ssc .sc-cap{color:rgba(255,255,255,.85)}
.sc-three{grid-template-columns:calc(var(--u)*50) repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:calc(var(--u)*4)}
.sc-sample{position:relative;z-index:1;font:700 calc(var(--u)*12)/1 Georgia,serif;letter-spacing:.12em;color:rgba(255,255,255,.85)}
.tk-ssc .sc-three .sc-glyph{font:800 calc(var(--u)*15)/1 var(--tk-serif);letter-spacing:.04em}

/* 前中后三的形态小图示(不写具体数字): 豹子 三个同色(金) / 对子 两个同色 + 一个不同色 / 顺子 三个不同色阶梯往上 */
.sc-pat{position:relative;z-index:1;display:inline-flex;align-items:flex-end;gap:calc(var(--u)*3);height:calc(var(--u)*20)}
.sc-pat i{width:calc(var(--u)*11);height:calc(var(--u)*11);border-radius:50%;box-shadow:inset calc(var(--u)*-1.5) calc(var(--u)*-1.5) 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.4)}
.sc-pat--b i{background:radial-gradient(circle at 35% 30%,#fff7d1,#ffd24a 45%,#c08a10)}
.sc-pat--d i{background:radial-gradient(circle at 35% 30%,#fff7d1,#ffd24a 45%,#c08a10)}
.sc-pat--d i:last-child{background:radial-gradient(circle at 35% 30%,#fff,#cfd8e3 45%,#7d8894)}
.sc-pat--s i:nth-child(1){background:radial-gradient(circle at 35% 30%,#fff,#ff6b7a 45%,#b0202f)}
.sc-pat--s i:nth-child(2){margin-bottom:calc(var(--u)*4);background:radial-gradient(circle at 35% 30%,#fff,#ffb44a 45%,#c06a10)}
.sc-pat--s i:nth-child(3){margin-bottom:calc(var(--u)*8);background:radial-gradient(circle at 35% 30%,#fff,#5fd48a 45%,#16824a)}