/* ==========================================================
   开奖结果 4 Tab 自动切换组件 - 样式
   所有尺寸用 em，跟随容器宽度等比缩放（设计稿 1360px 宽时 1em = 36px）
   ========================================================== */

.lt-wrap{container-type:inline-size;max-width:1360px;margin:0 auto}

.lt{
  --red:#e8190c;
  --blue:#2389e8;
  --green:#22b322;
  --line:#d6d6d6;
  --tab-bg:#ececec;
  --tab-active:#ff0000;
  --yellow:#ffff00;

  box-sizing:border-box;
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",Arial,sans-serif;
  font-size:min(2.65vw,36px);            /* 旧浏览器兜底 */
  font-size:clamp(10px,2.65cqi,36px);    /* 按容器宽度缩放 */
  user-select:none;-webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.lt *,.lt *::before,.lt *::after{box-sizing:border-box;margin:0;padding:0}

/* ---------- 顶部 4 个胶囊按钮 ---------- */
.lt-tabs{display:flex;gap:.14em}
.lt-tab{
  flex:1;min-width:0;height:2.25em;
  border:0;border-radius:1.125em;
  background:var(--tab-bg);color:#111;
  font:inherit;font-weight:900;
  display:flex;align-items:center;justify-content:center;gap:.12em;
  white-space:nowrap;cursor:pointer;
  transition:background-color .35s,color .35s;
}
.lt-tab.is-active{background:var(--tab-active);color:#fff}

/* 图标：可以是 <img>，也可以是文字占位圆 */
.lt-ico{
  width:1.1em;height:1.1em;flex:none;border-radius:50%;object-fit:cover;
  display:grid;place-items:center;
  background:#fff;color:var(--c);
  box-shadow:inset 0 0 0 .07em var(--c);
}
.lt-ico b{font-size:.52em;line-height:1}

/* ---------- 下方开奖行 ---------- */
.lt-row{display:flex;align-items:stretch;height:2.12em;margin-top:.06em}

/* 左侧：期号 + 开奖记录 */
.lt-info{
  width:7.5em;flex:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14em;
  font-weight:900;
}
.lt-issue{font-size:.62em;color:#111;white-space:nowrap}
.lt-history{
  font-size:.62em;line-height:1.4;padding:0 .25em;
  color:var(--red);background:var(--yellow);text-decoration:none;
}

/* 中间：6 个正码 */
.lt-balls{
  flex:1;min-width:0;
  display:grid;grid-template-columns:repeat(6,1fr);
  border-left:1px solid var(--line);
  perspective:600px;
}
.lt-ball{
  display:flex;flex-direction:column;min-width:0;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  font-weight:900;
}
.lt-num{flex:0 0 45%;display:grid;place-items:center;color:#fff}
.lt-zod{flex:1;display:grid;place-items:center;background:#fff;color:#333}
.lt-num span,.lt-zod span{font-size:.85em;line-height:1}

/* 波色 */
.lt .c-red{background:var(--red)}
.lt .c-blue{background:var(--blue)}
.lt .c-green{background:var(--green)}

/* 刷新按钮 */
.lt-refresh{
  flex:none;width:1.75em;margin:.18em .4em;
  border:0;background:var(--yellow);color:var(--red);
  font:inherit;font-weight:900;
  display:grid;place-items:center;cursor:pointer;
}
.lt-refresh span{font-size:.64em;white-space:nowrap}
.lt-refresh.is-loading span{animation:ltBlink .6s infinite alternate}

/* 右侧：特码 */
.lt-special{width:4em;flex:none;display:flex;border-left:1px solid var(--line);perspective:600px}
.lt-special[hidden]{display:none}
.lt-special .lt-ball{flex:1}

/* ---------- 20 个号码玩法的备用布局 ---------- */
.lt-balls.is-kl8{
  grid-template-columns:repeat(10,1fr);grid-template-rows:1fr 1fr;
  border-top:1px solid var(--line);
}
.lt-kl8{display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.lt-kl8 span{
  width:1.7em;height:1.7em;border-radius:50%;
  display:grid;place-items:center;
  background:var(--red);color:#fff;font-size:.44em;font-weight:900;
}

/* ---------- 切换动画 ---------- */
.lt-anim .lt-ball,
.lt-anim .lt-kl8{animation:ltIn .45s var(--d,0ms) both}

@keyframes ltIn{
  from{opacity:0;transform:rotateX(90deg)}
  to{opacity:1;transform:none}
}
@keyframes ltBlink{to{opacity:.3}}

@media (prefers-reduced-motion:reduce){
  .lt-anim .lt-ball,.lt-anim .lt-kl8{animation:none}
}

/* Place the supplied result component inside the persistent site header. */
body[data-site="1588"] .c1588-global-lottery-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 4px 8px 6px;
  border-top: 1px solid #e7edf3;
  background: #fff;
}