* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: #fff;
    color: #222;
    font-family: "Microsoft YaHei","PingFang SC",Arial,sans-serif
}

.kj-shell {
    width: 100%;
    padding: 7px
}

.kj-head {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    line-height: 22px
}

.kj-head .title {
    flex: 1
}

.kj-head .status {
    font-size: 12px;
    color: #888
}

.kj-head a {
    color: #f00;
    text-decoration: none
}

.kj-balls {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin: 7px 0
}

.kj-ball {
    flex: 1;
    min-width: 0;
    height: 62px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: none!important
}

.kj-ball .num {
    font: 900 28px/30px Tahoma,Arial,sans-serif
}

.kj-ball .attr {
    background: #fff;
    color: #333;
    border-radius: 2px;
    min-width: 38px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    font-weight: bold;
    padding: 0 4px;
    font-size: 15px;
    margin-top: 4px;
}

.kj-red {
    background: #f0140a
}

.kj-blue {
    background: #2d8de0;
}

.kj-green {
    background: #16bd1d
}

.kj-wait {
    background: #909090!important
}

.kj-plus {
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: bold 30px Arial
}

.kj-foot {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px
}

.kj-foot .next {
    flex: 1
}

.kj-foot .issue {
    color: red
}

.kj-btn {
    border: 0;
    background: #ff9800;
    color: #fff;
    border-radius: 3px;
    padding: 3px 7px;
    cursor: pointer
}

.kj-top {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 12px;
    font-weight: bold
}

.kj-top td {
    padding: 0 2px;
    text-align: center
}

.kj-top .issuebox {
    width: 17%;
    font-size: 12px
}

.kj-top .kj-ball {
    height: 43px;
    border-radius: 0;
    border: 1px solid #ddd
}

.kj-top .kj-ball .num {
    font-size: 16px;
    line-height: 21px
}

.kj-top .kj-ball .attr {
    height: 18px;
    line-height: 18px;
    margin: 0;
    border-radius: 0;
    font-size: 12px;
    min-width: 0;
    width: 100%
}

.kj-top .refresh-cell {
    width: 4%;
    background: #ff0;
    color: #f30;
    cursor: pointer
}

.kj-top .refresh-cell a {
    color: #f30;
    text-decoration: none
}

.kj-top .kj-plus {
    font-size: 20px;
    flex: none
}

.kj-top td.ballcell {
    width: 11%
}

@media(max-width: 650px) {
    .kj-shell {
        padding:5px
    }

    .kj-head {
        font-size: 15px
    }

    .kj-balls {
        gap: 3px
    }

    .kj-ball {
        height: 56px;
    }

    .kj-ball .num {
        font-size: 23px
    }

    .kj-ball .attr {
        font-size: 18px;
        min-width: 30px;
        padding: 0 2px
    }

    .kj-plus {
        flex-basis: 14px;
        font-size: 22px
    }

    .kj-foot {
        font-size: 13px
    }
}

/* FRONT_CUSTOM_V2 */
.kj-head-domain .status {
    display: none
}

.kj-head-domain .kj-domain {
    flex: 0 0 15%;
    min-width: 86px;
    text-align: center;
    font-weight: 700;
    color: #f11000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kj-custom-text {
    color: #f11000;
    font-weight: 700
}

.kj-record {
    display: inline-block;
    text-decoration: none;
    text-align: center
}

.kj-top .issuebox .record-badge {
    display: inline-block;
    background: #ff0!important;
    color: #f30!important;
    text-decoration: none;
    font-size: 12px!important;
    font-weight: 700;
    line-height: 18px;
    height: 18px;
    padding: 0 2px;
    white-space: nowrap
}

@media(max-width: 650px) {
    .kj-head-domain .kj-domain {
        flex-basis:18%;
        min-width: 64px;
        font-size: 13px
    }

    .kj-top .issuebox .record-badge {
        font-size: 11px!important;
        padding: 0 1px
    }
}

/* MOBILE_DOMAIN_FULL_FIX_START */
/* 特码上方域名：手机端完整显示，不允许 ... 省略 */
.kj-head-domain {
    gap: 4px;
}

.kj-head-domain .title {
    flex: 1 1 auto;
    min-width: 0;
}

.kj-head-domain .kj-domain {
    flex: 0 0 110px !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: none !important;
    text-align: center;
    font-weight: 700;
    color: #f11000;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 14px;
    line-height: 22px;
}

@media (max-width: 650px) {
    .kj-head-domain {
        gap:2px;
    }

    .kj-head-domain .title {
        font-size: 15px;
        white-space: nowrap;
    }

    .kj-head-domain .kj-domain {
        flex: 0 0 92px !important;
        width: 92px !important;
        min-width: 92px !important;
        font-size: 12px !important;
        letter-spacing: -0.2px;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* 特别窄的手机 */
@media (max-width: 360px) {
    .kj-head-domain .kj-domain {
        flex-basis:86px !important;
        width: 86px !important;
        min-width: 86px !important;
        font-size: 11px !important;
    }
}

/* MOBILE_DOMAIN_FULL_FIX_END */
.draw-line{display:flex;align-items:center;gap:4px}.draw-line>.kj-balls{flex:1;min-width:0}.compact .kj-head{font-size:12px;line-height:16px}.compact .kj-domain{font-size:12px!important}.compact .kj-balls{gap:2px;margin:2px 0}.compact .kj-ball{height:43px;border-radius:0;border:1px solid #ddd}.compact .kj-ball .num{font-size:18px;line-height:21px}.compact .kj-ball .attr{height:18px;line-height:18px;font-size:12px;min-width:0;width:100%;margin:0;border-radius:0}.compact .kj-plus{flex-basis:10px;font-size:20px}.compact .issuebox{width:17%;font-size:12px;font-weight:bold;text-align:center;display:flex;flex-direction:column;gap:2px}.record-badge{background:#ff0;color:#f30;text-decoration:none;font-size:12px;line-height:18px;white-space:nowrap}.compact .draw-line>.refresh{background:#ff0;color:#f30;border-radius:0;writing-mode:vertical-rl;padding:4px;height:43px}.compact .kj-foot{font-size:12px}.compact .kj-foot>.kj-btn{display:none}.kj-shell+.kj-shell{border-top:1px dashed #aaa}.kj-ball .num{max-width:100%;overflow:hidden}.kj-foot .next{min-width:0}#update-message{font-size:11px;color:#a33;margin:0 6px}.kj-head-domain .kj-domain{overflow-wrap:anywhere;white-space:normal!important}@media(max-width:360px){.kj-head-domain .title{font-size:13px}.kj-head-domain .kj-domain{min-width:70px!important;width:70px!important;flex-basis:70px!important}.kj-ball .num{font-size:21px}}

.kj-head-domain .title{white-space:normal;overflow-wrap:anywhere}

/* Macau / Hong Kong switchable JavaScript template. */
.kj-tabs-shell{width:100%;padding:7px;border:1px solid #e2e7ec;border-radius:6px;background:#fff}
#lottery-tabs{display:flex;gap:8px;margin-bottom:16px}
#lottery-tabs button{flex:1;min-width:0;border:0;border-radius:3px;background:#eee;color:#111;font:28px/30px "Microsoft YaHei","PingFang SC",Arial,sans-serif;padding:0 5px;overflow-wrap:anywhere;cursor:pointer}
#lottery-tabs button[aria-selected="true"]{background:#1bbb1b;color:#fff}
#lottery-tabs button:focus-visible{outline:2px solid #267be7;outline-offset:2px}
#lottery-panels>[hidden]{display:none!important}
.kj-tab-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;font-size:16px;line-height:22px}
.kj-tab-meta .title{min-width:0;overflow-wrap:anywhere}.kj-tab-meta .issue{color:red}.kj-tab-meta time{font:bold 18px/22px Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.kj-tab-meta .history-link{justify-self:end;color:red;text-decoration:none;white-space:nowrap;font-size:16px}
.kj-tab-result .kj-balls{margin:4px 0 9px;gap:6px}.kj-tab-result .kj-ball{height:61px;border-radius:3px}.kj-tab-result .kj-ball .attr{min-width:30px;margin-top:2px;font-size:20px;line-height:20px;height:20px}.kj-tab-result .kj-foot{align-items:flex-start;font-size:15px;line-height:21px}.kj-tab-result .next{overflow-wrap:anywhere}.kj-tab-result .kj-btn{padding:0 3px;line-height:20px;font-size:14px;white-space:nowrap}
@media(max-width:650px){#lottery-tabs button{font-size:22px;line-height:30px}.kj-tab-meta{font-size:13px;gap:4px;grid-template-columns:minmax(0,1fr) auto auto}.kj-tab-meta time{font-size:15px}.kj-tab-meta .history-link{font-size:13px}.kj-tab-result .kj-balls{gap:3px}.kj-tab-result .kj-ball{height:54px}.kj-tab-result .kj-ball .attr{min-width:24px;font-size:17px;line-height:19px;height:19px}.kj-tab-result .kj-foot{font-size:12px;line-height:20px}}

/* Independent draw countdown and more readable zodiac labels. */
.kj-shell>.kj-head-domain{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center}
.kj-shell>.kj-head-domain>.kj-domain{justify-self:end;min-width:0!important;width:auto!important;max-width:100%!important;overflow-wrap:anywhere}
.kj-head .issue{color:#f00}
.kj-countdown{display:inline-block;color:#111;font:900 18px/22px Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center}
.compact .kj-countdown{font-size:14px;line-height:18px}
.kj-ball .attr{color:#111;font-weight:900;font-family:"Microsoft YaHei","PingFang SC",SimHei,Arial,sans-serif;-webkit-text-stroke:.3px currentColor}
.kj-shell:not(.compact) .kj-ball,.kj-tab-result .kj-ball{height:66px}
.kj-shell:not(.compact) .kj-ball .attr,.kj-tab-result .kj-ball .attr{font-size:24px;font-weight:900;line-height:26px;height:26px;min-width:32px;max-width:100%;margin-top:2px;padding:0 3px}
.compact .kj-ball .attr{font-size:16px;font-weight:900;line-height:20px;height:20px;flex-shrink:0}
@media(max-width:650px){.kj-shell>.kj-head-domain{gap:4px}.kj-countdown{font-size:16px;line-height:22px}.compact .kj-countdown{font-size:13px;line-height:18px}.kj-shell:not(.compact) .kj-ball,.kj-tab-result .kj-ball{height:60px}.kj-shell:not(.compact) .kj-ball .attr,.kj-tab-result .kj-ball .attr{font-size:22px;line-height:24px;height:24px;min-width:28px;padding:0 2px}}