/* 两种原版 widget 的必要样式；没有原 Vue/Vant 包或远程资源。 */
html{height:100%;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}
body{margin:0;padding:0;color:#333;background:#f8f8f8;font-size:16px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #333;outline-offset:1px}
[hidden]{display:none!important}
ul{list-style:none}
.site-open-all{max-width:750px;width:100%;margin:0 auto}
.site-open-style4{position:relative;height:45px;overflow:hidden;text-align:center}
.site-open-style4 .num-list{width:100%;min-height:45px}
.site-open-style4 .num-list ul{width:100%;position:relative;display:-webkit-box;height:45px}
.site-open-style4 .num-list li{position:relative;-webkit-box-flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:start;font-size:13px;line-height:25px}
.site-open-style4 .num-list li:not(:first-child){border-bottom:1px solid #ddd}
.site-open-style4 .num-list li:not(:last-child){border-right:1px solid #ddd}
.site-open-style4 .num-list li.unit{font-size:18px;font-weight:700;color:#333}
.site-open-style4 .num-list li.unit .circle{display:block;width:100%;height:20px;line-height:20px;color:#333;margin:0;text-align:center;position:relative;overflow:hidden;background:#ddd}
.site-open-style4 .num-list li.unit .circle.green{background:#1fb61d}
.site-open-style4 .num-list li.unit .circle.blue{background:#2389e9}
.site-open-style4 .num-list li.unit .circle.red{background:#e71607}
.site-open-style4 .num-list li.unit .circle .iconbg{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:10}
.site-open-style4 .num-list li.unit .circle .text{width:100%;position:absolute;left:0;top:0;z-index:12;font-size:20px;display:flex;justify-content:center;align-items:center;font-weight:700}
.site-open-style4 .num-list li.unit .miCard-layer{position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;line-height:76px;background-color:#95a5a6;font-size:18px;color:#fff;text-align:center;border-radius:4px}
.site-open-style4 .num-list li.reload-li{width:24px;min-width:24px;max-width:24px;-webkit-box-flex:0!important;flex:none!important;padding:0 4px}
.site-open-style4 .num-list .red .number{background:#FF0000}
.site-open-style4 .num-list .blue .number{background:#0000FF}
.site-open-style4 .num-list .green .number{background:#00FF00}
.open-style15 .home-page{max-width:750px;height:auto;margin:0 auto;background:#f7f7f7;overflow-y:auto;overflow-x:hidden}
.open-style15 .home-page img{width:100%;cursor:pointer}
.open-style15 .contain{overflow-y:hidden;position:relative;border-radius:2px;border:2px solid #4393ef}
.open-style15 .openMain-tab-style15{width:100%;background:#fff;padding:5px}
.open-style15 .home-open-style15{padding-top:6px;position:relative;height:210px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(5px,1vw,6px);text-align:center;--li-height: 58px;--item-gap: clamp(0px, .4vw, 4px);--item-padding-x: clamp(1px, .4vw, 3px);--plus-item-width: 22px;--text-font-size: 26px}
.open-style15 .home-open-style15 .num-list{width:100%;height:var(--li-height);flex-shrink:0}
.open-style15 .home-open-style15 .num-list ul{width:100%;height:100%;position:relative;display:flex;flex-wrap:nowrap;list-style-type:none;align-items:stretch;gap:var(--item-gap);padding:0 var(--item-padding-x);margin:0}
.open-style15 .home-open-style15 .num-list .period-info{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.2;padding:0 var(--item-padding-x);overflow:hidden;white-space:nowrap}
.open-style15 .home-open-style15 .num-list .period-info .period-count{font-size:clamp(12px,4.2vw,22px);font-weight:700}
.open-style15 .home-open-style15 .num-list .period-info .status-tip{font-size:clamp(7px,2.2vw,12px);color:#666;white-space:nowrap}
.open-style15 .home-open-style15 .num-list .plus-item{flex:0 0 var(--plus-item-width);width:var(--plus-item-width);min-width:var(--plus-item-width);max-width:var(--plus-item-width);padding:0}
.open-style15 .home-open-style15 .num-list .plus-item span{font-size:var(--text-font-size);font-weight:700;line-height:1}
.open-style15 .home-open-style15 .num-list .num-item{flex:1 1 0;min-width:0;height:var(--li-height);display:flex;align-items:center;justify-content:center;padding:0}
.open-style15 .home-open-style15 .num-list .num-item .unit{padding-top:4px;padding-bottom:4px;width:100%;height:100%;text-align:center;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box}
.open-style15 .home-open-style15 .num-list .num-item .unit .text{color:#fff;line-height:1;font-size:var(--text-font-size);font-weight:900;font-family:Tahoma}
.open-style15 .home-open-style15 .num-list .num-item .unit .rectangle-btn{display:block;flex-shrink:0;height:18px;line-height:18px;margin-top:0;padding:0;border-radius:0;color:#333;font-size:14px;background:#fff;width:80%}
.open-style15 .home-open-style15 .num-list li{display:flex;align-items:center;justify-content:center;height:var(--li-height)}
.open-style15 .home-open-style15 .num-list .red{background:#ff0000}
.open-style15 .home-open-style15 .num-list .blue{background:#0000ff}
.open-style15 .home-open-style15 .num-list .green{background:#009900}
.open-style15 .home-open-style15 .common-bar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(4px,1.5vw,10px);font-size:clamp(11px,3vw,13px)}
.open-style15 .home-open-style15 .common-bar span{color:red}
.open-style15 .home-open-style15 .common-bar .purple-btn{color:red!important;font-size:clamp(13px,3.8vw,17px)}
.open-style15 .home-open-style15 .common-bar .orange-btn{display:inline-block;padding:0 4px;height:20px;line-height:20px;text-align:center;color:#fff;border-radius:4px;background:#FF9900}
.open-style15 .home-open-style15 .common-bar.common-bar-actions{flex:1;min-height:0;justify-content:flex-start;gap:clamp(2px,.8vw,4px);padding:clamp(4px,1.2vw,6px) clamp(2px,1vw,4px);font-size:clamp(11px,3.2vw,12px);white-space:nowrap;overflow:hidden;background:#ffebc4;color:#f60}
.open-style15 .home-open-style15 .common-bar.common-bar-actions .left{flex-shrink:1;min-width:0}
.open-style15 .home-open-style15 .common-bar.common-bar-actions a{flex-shrink:0;color:#06c;text-decoration:none;white-space:nowrap;font-size:clamp(9px,2.6vw,11px)}
.open-style15 .home-open-style15 .common-bar.common-bar-actions .orange-btn{margin-left:auto;flex-shrink:0;padding:0 4px;height:20px;line-height:20px;font-size:inherit}
.home-open-all .countdown-hms{color:#333!important}
.home-open-all{display:flex;flex-direction:column;gap:12px;padding:8px 0;max-width:750px;width:100%;margin:0 auto}
.home-open-all .common-bar{gap:8px}
.home-open-all .common-bar .left{flex:1;min-width:0;text-align:left}
.home-open-all .common-bar>a[target=_blank]{flex-shrink:0;white-space:nowrap;margin-right:0}
.home-open-all .common-bar>.orange-btn{flex-shrink:0;margin-left:0}
/* style4 内联配置的等价规则。头部保留原45px高度。 */
.site-open-style4 .header-period{padding:2px 0;line-height:1}
.site-open-style4 .header-count{font-size:16px;font-weight:700;margin-bottom:4px;white-space:nowrap}
.site-open-style4 .history-action{display:inline;padding:0;background:#ff0;color:red;font-size:14px;font-weight:700;line-height:1}
.site-open-style4 .num-list li.unit .circle{color:#fff}
.site-open-style4 .refresh-action{display:block;width:100%;background:#ff0;color:red;font-size:16px;font-weight:700;padding:0;line-height:22px}
/* 保留正文两行原58px号码栏和210px内容区。只有本地历史/重绘可以操作。 */
.open-style15 .draw-separator{display:block;width:100%;height:2px;margin:2px 0;border-top:2px dashed #ccc;flex-shrink:0}
.open-style15 .action-link{flex-shrink:0;font-size:clamp(9px,2.6vw,11px);white-space:nowrap;line-height:inherit}
.open-style15 .action-link[disabled]{opacity:1;cursor:default}
.open-style15 .call-action{color:#ff00dd}
.open-style15 .live-action{color:red}
.open-style15 .home-open-style15 .common-bar.common-bar-actions .history-action{color:#090}
.widget-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* 小屏仍使用原矩形色块排布，缩小期数字号以避免裁掉“期”。 */
@media(max-width:420px){.open-style15 .home-open-style15 .num-list .period-info .period-count{font-size:clamp(11px,3.3vw,14px)}}
.history-page{padding:16px;background:#fff;line-height:1.5}
.history-content{max-width:750px;margin:0 auto}
.history-content h1{font-size:22px;margin-bottom:8px}
.history-note{font-size:14px;margin-bottom:16px;color:#666}
.history-record{padding:14px 0;border-top:1px solid #ccc}
.history-record h2{font-size:18px;margin-bottom:5px}
.history-record .record-date{font-size:14px;color:#666;margin-bottom:10px}
.history-numbers{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.history-numbers li{width:72px;text-align:center;background:#f5f5f5}
.history-numbers .history-number{display:block;font:700 24px/34px Tahoma,sans-serif;color:#fff}
.history-numbers .red{background:#f00}
.history-numbers .blue{background:#00f}
.history-numbers .green{background:#090}
.history-numbers .history-detail{display:block;font-size:14px;line-height:26px}
.history-special{font-size:12px;line-height:20px;color:#666}
.history-record:target{background:#fffbe8}