.common-draw{background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08);padding:10px;margin:12px auto;max-width:960px;color:#111827;font-family:Arial,"Microsoft YaHei",sans-serif}.common-draw *{box-sizing:border-box}.common-draw-tabs{display:flex;gap:0;background:#f6f7f9;border:1px solid #cfd7e4;border-radius:14px;overflow:hidden}.common-draw-tab{flex:1 1 0;min-width:0;cursor:pointer;border:0;border-right:1px solid #cfd7e4;background:transparent;padding:12px 6px;color:#111827;transition:.2s;font:inherit}.common-draw-tab:last-child{border-right:0}.common-draw-tab.is-active{background:linear-gradient(180deg,#22c55e,#17a34a);color:#fff}.common-draw-tab__name,.common-draw-tab__date{display:block;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.common-draw-body{margin-top:10px;padding:14px 16px 8px;overflow:visible}.common-draw-meta{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px 16px;align-items:center}.common-draw-issue{font-weight:900;white-space:nowrap}.common-draw-issue--current{font-size:16px;color:#111827}.common-draw-issue--next{font-size:14px;color:#e11d25;text-align:left}.common-draw-countdown{font-size:14px;color:#e53935;font-weight:900;white-space:nowrap}.common-draw-history-btn{cursor:pointer;border:0;background:transparent;color:#0b9d3e;font-weight:900;padding:0;font:inherit;white-space:nowrap}.common-draw-balls{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:14px;margin:18px 0 10px}.common-draw-ball-item{text-align:center;min-width:58px}.common-draw-ball{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000!important;font-weight:900;font-size:20px;border:0;box-shadow:none;background-repeat:no-repeat;background-position:center;background-size:100% 100%;text-shadow:none!important}.common-draw-ball b{color:#000!important;text-shadow:none!important;-webkit-text-fill-color:#000!important}.common-draw-ball--red{background-color:transparent;background-image:url('/static/common-draw/img/ball-red.png')}.common-draw-ball--blue{background-color:transparent;background-image:url('/static/common-draw/img/ball-blue.png')}.common-draw-ball--green{background-color:transparent;background-image:url('/static/common-draw/img/ball-green.png')}.common-draw-ball--empty{background:#f3f4f6;border:2px dashed #cbd5e1}.common-draw-ball--rolling{background:#fff7cc;border:2px solid #f59e0b;color:#000!important;animation:commonDrawPulse 1.2s ease-in-out infinite}.common-draw-ball-item em{display:block;margin-top:6px;font-size:13px;font-style:normal;color:#111827}.common-draw-plus{font-size:34px;font-weight:900;line-height:54px;color:#b6bcc7}.common-draw-footer{color:#ef4444;font-size:13px;text-align:center;font-weight:900}.common-draw-reveal{font-size:13px;text-align:right;color:#0f766e;font-weight:900;margin-top:8px}.common-draw-body[data-common-draw-stage="pre_reveal"] .common-draw-reveal,.common-draw-body[data-common-draw-stage="revealing"] .common-draw-reveal{color:#dc2626}.common-draw__empty{padding:18px;text-align:center;color:#6b7280;border:1px dashed #d1d5db;border-radius:12px}@keyframes commonDrawPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.common-draw-modal[hidden]{display:none}.common-draw-modal{position:fixed;inset:0;z-index:9999}.common-draw-modal__mask{position:absolute;inset:0;background:rgba(15,23,42,.58)}.common-draw-modal__panel{position:relative;width:min(720px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 40px));margin:20px auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.28)}.common-draw-modal__head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.common-draw-modal__head strong{font-size:17px}.common-draw-modal__head button{border:0;border-radius:999px;background:#111827;color:#fff;padding:8px 14px;font-weight:900}.common-draw-history-list{padding:12px;overflow:auto;max-height:calc(100vh - 120px)}.common-draw-history-row{border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin-bottom:10px}.common-draw-history-row__top{display:flex;justify-content:space-between;gap:10px;color:#111827;font-weight:900;margin-bottom:8px}.common-draw-history-row__balls{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;padding-bottom:5px}.common-draw-history-row__balls .common-draw-ball-item{min-width:42px}.common-draw-history-row__balls .common-draw-ball{width:38px;height:38px;font-size:15px}.common-draw-history-row__balls .common-draw-plus{line-height:38px;font-size:22px}.common-draw-history-row__balls .common-draw-ball-item em{font-size:10px;white-space:nowrap}.common-draw-history-row__footer{margin-top:6px;color:#ef4444;font-size:12px;font-weight:800}@media(max-width:720px){.common-draw{padding:10px;border-radius:12px}.common-draw-body{padding:12px 8px 8px}.common-draw-meta{grid-template-columns:1fr;gap:6px}.common-draw-issue--next{text-align:left}.common-draw-history-btn{justify-self:start}.common-draw-balls{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;justify-items:center}.common-draw-ball-item{min-width:0;width:100%}.common-draw-ball{width:min(11vw,46px);height:min(11vw,46px);min-width:38px;min-height:38px;font-size:16px}.common-draw-ball-item em{font-size:10px;white-space:nowrap}.common-draw-plus{line-height:min(11vw,46px);font-size:22px}.common-draw-tab{flex:1 1 0;min-width:0;padding:10px 4px}.common-draw-tab__name,.common-draw-tab__date{font-size:11px}}@media(min-width:900px){.common-draw-ball{width:64px;height:64px;font-size:26px}.common-draw-plus{line-height:64px;font-size:38px}.common-draw-ball-item em{font-size:16px}.common-draw-balls{gap:18px}}


/* v6 layout: current issue/countdown/history on top, next issue time always below balls. */
.common-draw .common-draw-meta{grid-template-columns:auto 1fr auto!important;gap:10px 16px!important;align-items:center!important}.common-draw .common-draw-next-line{display:block!important;margin:8px 0 0!important;text-align:center!important;color:#ef4444!important;font-size:13px!important;font-weight:900!important;line-height:1.45!important}.common-draw .common-draw-footer,.common-draw .common-draw-reveal{display:none!important}.common-draw .common-draw-ball--rolling+em{visibility:hidden!important}.common-draw .common-draw-ball b,.common-draw .common-draw-ball--red b,.common-draw .common-draw-ball--blue b,.common-draw .common-draw-ball--green b,.common-draw .common-draw-ball--rolling b{color:#000!important;text-shadow:none!important;-webkit-text-fill-color:#000!important}@media(max-width:720px){.common-draw .common-draw-meta{grid-template-columns:1fr!important}.common-draw .common-draw-next-line{text-align:center!important;font-size:12px!important}}

/* v7: 图片模板底图未加载完成前，隐藏文字/图片叠加层，避免网络慢时文字层先浮出来。 */
.lhc-image-layer-template[data-lhc-image-layer-template="1"]{background:#f8fafc;min-height:24px}
.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-loading .lhc-image-layer-base{opacity:0}
.lhc-image-layer-template[data-lhc-image-layer-template="1"]:not(.is-image-ready) .lhc-image-layer,.lhc-image-layer-template[data-lhc-image-layer-template="1"]:not(.is-image-ready) .lhc-image-fixed-layer{visibility:hidden!important;opacity:0!important}
.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-ready .lhc-image-layer-base,.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-ready .lhc-image-layer,.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-ready .lhc-image-fixed-layer{visibility:visible!important;opacity:1!important}
.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-error .lhc-image-layer,.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-error .lhc-image-fixed-layer{display:none!important}
.lhc-image-layer-template[data-lhc-image-layer-template="1"].is-image-error::after{content:'图片加载失败，请刷新重试';display:block;padding:12px;text-align:center;color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;font-size:14px;font-weight:700}

/* v8: tab 资料区异步补齐时只显示轻提示；已预取缓存时会本地秒切换，不会出现等待。 */
[data-lhc-material-fragment][data-lhc-material-loading="1"]{position:relative}
[data-lhc-material-fragment][data-lhc-material-loading="1"]::before{content:'资料切换中...';position:sticky;top:6px;z-index:30;display:block;width:max-content;max-width:calc(100% - 24px);margin:6px auto;padding:6px 12px;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:13px;font-weight:800;line-height:1.2;box-shadow:0 6px 18px rgba(0,0,0,.18);pointer-events:none}

/* common draw tabs auto-fit enabled count 20260531 */

/* 20260615 图片模板文字层设备兼容修复：
   只锁定前台渲染，不改后台已保存的坐标/字号/颜色。
   解决部分手机浏览器字体放大、数字拆行、文字竖排/重叠问题。 */
.lhc-image-layer-template[data-lhc-image-layer-template="1"]{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  max-width:100%;
  overflow:hidden!important;
}
.lhc-image-layer-template[data-lhc-image-layer-template="1"] .lhc-image-layer,
.lhc-image-layer-template[data-lhc-image-layer-template="1"] .lhc-image-fixed-layer{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  word-wrap:normal!important;
  white-space:pre-line!important;
  max-width:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.lhc-image-layer-template[data-lhc-image-layer-template="1"] .lhc-image-layer-text{
  unicode-bidi:plaintext;
}


/* image-layer-cross-device-v2 20260615: 图片模板文字层跨设备一致显示，不改后台保存的坐标/字号/颜色 */
html,body{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
.lhc-image-layer-template[data-lhc-image-layer-template="1"],.lhc-image-layer-template{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
.lhc-image-layer-base{display:block!important;width:100%!important;height:auto!important;}
.lhc-image-layer{position:absolute!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:pre-line!important;word-break:keep-all!important;overflow-wrap:normal!important;word-wrap:normal!important;line-break:strict!important;max-width:none!important;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;}
.lhc-image-layer-text{unicode-bidi:plaintext;}
.lhc-image-layer-img{object-fit:contain!important;}
.lhc-image-fixed-layer{position:absolute!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;}

/* image-layer-wrap-fix-v4 20260615: 诗词/长句允许换行，号码期数继续不换行 */
.lhc-image-layer-template{
  background:transparent!important;
}
.lhc-image-layer-text[data-layer-key*="poem"],
.lhc-image-layer-text[data-layer-key*="gift"],
.lhc-image-layer-text[data-layer-key*="orange"],
.lhc-image-layer-text[data-layer-key*="explain"],
.lhc-image-layer-text[data-layer-key*="desc"],
.lhc-image-layer-text[data-layer-key*="text"],
.lhc-image-layer-text[data-layer-key="one"],
.lhc-image-layer-text[data-layer-key="e1"],
.lhc-image-layer-text[data-layer-key="e2"],
.lhc-image-layer-text[data-layer-label*="诗"],
.lhc-image-layer-text[data-layer-label*="句"],
.lhc-image-layer-text[data-layer-label*="解释"],
.lhc-image-layer-text[data-layer-label*="说明"],
.lhc-image-layer-text[data-layer-label*="暗藏"],
.lhc-image-layer-text[data-layer-label*="赠"],
.lhc-image-layer-text[data-layer-label*="送区"]{
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  line-break:auto!important;
}

/* image-layer-wrap-final-v5 20260615: 只允许诗词/说明/解释/赠诗等长文字换行 */
.lhc-image-layer-template{
  background:transparent!important;
}
.lhc-image-layer-text[data-long-text="1"]{
  display:block!important;
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  line-break:auto!important;
}

/* image-layer-render-clean-v9 20260615 */
.lhc-image-layer-template[data-lhc-image-layer-template="1"],
.lhc-image-layer-template{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:transparent!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

.lhc-image-layer-base{
  display:block!important;
  width:100%!important;
  height:auto!important;
}

.lhc-image-layer-template .lhc-image-layer,
.lhc-image-layer-template .lhc-image-fixed-layer{
  position:absolute!important;
  box-sizing:border-box!important;
  transform:none!important;
  -webkit-transform:none!important;
  transform-origin:left top!important;
  -webkit-transform-origin:left top!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

.lhc-image-layer-template .lhc-image-layer-text{
  white-space:pre-line!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  word-wrap:normal!important;
}

.lhc-image-layer-template .lhc-image-layer-text[data-long-text="1"]{
  display:block!important;
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  line-break:auto!important;
}

.lhc-image-layer-template .lhc-image-layer-img,
.lhc-image-layer-template img.lhc-image-layer-img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  object-fit:contain!important;
}

/* image-layer-click-preview-v11 20260615 */
.lhc-image-layer-preview-mask-v11{
  position:fixed!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  z-index:999999!important;
  background:rgba(0,0,0,.88)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  box-sizing:border-box!important;
}

.lhc-image-layer-preview-box-v11{
  position:relative!important;
  width:100%!important;
  max-width:720px!important;
  max-height:96vh!important;
  overflow:auto!important;
  background:transparent!important;
}

.lhc-image-layer-preview-close-v11{
  position:fixed!important;
  right:12px!important;
  top:8px!important;
  z-index:1000000!important;
  width:38px!important;
  height:38px!important;
  line-height:34px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.7)!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:400!important;
  text-align:center!important;
}

.lhc-image-layer-preview-clone-v11{
  width:100%!important;
  max-width:720px!important;
  margin:0 auto!important;
  background:transparent!important;
}

/* mobile-history-one-line-fit-20260617 start */
/* 手机端历史开奖：强制 6 个平码 + 加号 + 特码同一行完整显示，只改显示样式，不改开奖逻辑 */
@media (max-width: 480px){
  .common-draw-modal__panel{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:10px auto!important;
    border-radius:14px!important;
  }
  .common-draw-modal__head{
    height:48px!important;
    padding:0 12px!important;
  }
  .common-draw-modal__head strong{
    font-size:16px!important;
    white-space:nowrap!important;
  }
  .common-draw-modal__head button{
    padding:7px 12px!important;
  }
  .common-draw-history-list{
    padding:8px!important;
  }
  .common-draw-history-row{
    padding:8px 6px!important;
    margin-bottom:8px!important;
  }
  .common-draw-history-row__top{
    margin-bottom:6px!important;
    gap:8px!important;
    font-size:16px!important;
  }
  .common-draw-history-row__balls{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:3px!important;
    align-items:start!important;
    justify-items:center!important;
    overflow-x:visible!important;
    padding-bottom:0!important;
    width:100%!important;
  }
  .common-draw-history-row__balls .common-draw-ball-item{
    min-width:0!important;
    width:100%!important;
    text-align:center!important;
  }
  .common-draw-history-row__balls .common-draw-ball{
    width:min(8.4vw,34px)!important;
    height:min(8.4vw,34px)!important;
    min-width:29px!important;
    min-height:29px!important;
    font-size:min(3.7vw,15px)!important;
    margin:0 auto!important;
  }
  .common-draw-history-row__balls .common-draw-plus{
    display:block!important;
    width:100%!important;
    line-height:min(8.4vw,34px)!important;
    min-height:29px!important;
    font-size:18px!important;
    text-align:center!important;
  }
  .common-draw-history-row__balls .common-draw-ball-item em{
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    transform:scale(.92)!important;
    transform-origin:center top!important;
    display:block!important;
  }
  .common-draw-history-row__footer{
    font-size:12px!important;
    line-height:1.35!important;
  }
}
@media (max-width: 360px){
  .common-draw-history-row{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .common-draw-history-row__balls{
    gap:2px!important;
  }
  .common-draw-history-row__balls .common-draw-ball{
    width:min(8.2vw,31px)!important;
    height:min(8.2vw,31px)!important;
    min-width:27px!important;
    min-height:27px!important;
    font-size:12px!important;
  }
  .common-draw-history-row__balls .common-draw-plus{
    line-height:min(8.2vw,31px)!important;
    min-height:27px!important;
    font-size:16px!important;
  }
  .common-draw-history-row__balls .common-draw-ball-item em{
    font-size:9px!important;
    transform:scale(.88)!important;
  }
}
/* mobile-history-one-line-fit-20260617 end */