.landing-page {
    display: flex;
    min-height: 100vh;
    min-height: 100svh;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
    overflow: hidden;
    background: #f0f2ff;
    color: #1249c8;
    font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif
}

.landing-content {
    width: min(100%, 680px);
    margin-top: -8px;
    text-align: center
}

.landing-content h1 {
    margin: 0 0 clamp(42px, 9vh, 86px);
    color: #1249c8;
    font-size: clamp(28px, 6vw, 40px);
    font-weight: 900;
    letter-spacing: .16em;
    text-shadow: 0 2px 0 rgba(18, 73, 200, .12)
}

.landing-entry-frame {
    padding: clamp(18px, 4vw, 34px);
    border: 3px dashed #5594ef;
    border-radius: 20px
}

.landing-entry {
    display: flex;
    min-height: clamp(74px, 16vw, 112px);
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px clamp(20px, 5vw, 48px);
    border: 4px solid #315be0;
    border-radius: 999px;
    background: hsla(0, 0%, 100%, .92);
    color: #1249c8;
    font-size: clamp(23px, 5vw, 34px);
    font-weight: 800;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease
}

.landing-entry:focus-visible,
.landing-entry:hover {
    transform: translateY(-2px);
    background: #fff;
    box-shadow: 0 8px 22px rgba(35, 81, 207, .16);
    outline: none
}

.landing-entry-label {
    display: flex;
    align-items: center;
    gap: 12px
}

.landing-note {
    font-size: .82em
}

.landing-entry-arrow {
    display: grid;
    width: clamp(48px, 10vw, 68px);
    height: clamp(48px, 10vw, 68px);
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #1749d2;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1
}

.landing-notice {
    margin: clamp(34px, 7vh, 62px) 0 8px;
    color: #b54536;
    font-size: clamp(16px, 3.6vw, 22px);
    line-height: 1.55
}

.landing-recommend {
    color: #414653;
    font-size: clamp(15px, 3.4vw, 20px);
    line-height: 1.6
}

@media (max-width:380px) {
    .landing-page {
        padding-inline: 14px
    }
    .landing-entry-frame {
        padding: 14px
    }
    .landing-entry {
        border-width: 3px
    }
    .landing-entry-label {
        gap: 7px
    }
}

:root {
    color-scheme: light;
    font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif;
    --tab-red: #df1848
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    background: #f1f1f1
}

body {
    min-height: 100vh;
    overflow-x: hidden;
    color: #111;
    font-size: 14px
}

a {
    color: inherit;
    text-decoration: none
}

button {
    font: inherit
}

img {
    display: block;
    max-width: 100%
}

.site-root {
    width: 100%;
    max-width: 720px;
    min-height: 100vh;
    margin: 0 auto;
    background: #fff
}

.header {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 50%;
    width: min(100%, 720px);
    height: 65px;
    transform: translateX(-50%);
    overflow: hidden;
    background: #00c619
}

.single-top,
.single-top img {
    display: block;
    width: 100%;
    height: 65px
}

.single-top img {
    -o-object-fit: fill;
    object-fit: fill
}

.header-spacer {
    height: 65px
}

.page {
    background: #fff
}

.date-bar {
    min-height: 49px;
    padding: 10px 8px;
    background: #00b929;
    color: #050505;
    text-align: center;
    font-size: clamp(17px, 3.15vw, 22px);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .2px
}

.lottery-shell {
    width: calc(100% - 8px);
    margin: 6px 4px 0;
    overflow: hidden;
    border: 2px solid #d3d3d3;
    border-radius: clamp(12px, 2.2vw, 18px);
    background: #eee;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08)
}

.lottery-tabs {
    border-bottom: 2px solid var(--tab-red);
    background: #ededed
}

.lottery-tab {
    min-height: 64px;
    border-right: 1px solid #bbb;
    background: linear-gradient(#fafafa, #ededed);
    font-size: clamp(25px, 4.4vw, 32px)
}

.lottery-tab.active {
    border: 1px solid var(--tab-red);
    border-bottom: 0;
    background: #f3eae5;
    color: #0ecb50
}

.lottery-panel {
    min-height: 165px;
    padding: 10px 12px 7px;
    background: #f8f8f8
}

.lottery-head,
.next-draw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.lottery-head {
    margin-bottom: 7px;
    font-size: clamp(16px, 2.7vw, 20px)
}

.issue-no,
.next-issue {
    color: #ef2c31
}

.balls {
    grid-template-columns: repeat(7, 1fr);
    gap: 7px
}

.ball-card {
    padding: 7px 3px 5px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: linear-gradient(#fafafa, #f0f0f0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.ball {
    width: clamp(39px, 7.4vw, 54px);
    aspect-ratio: 1;
    border: clamp(4px, .7vw, 6px) solid #3693dd;
    font-size: clamp(16px, 2.8vw, 21px);
    font-weight: 800
}

.ball.red {
    border-color: #ff3838
}

.ball.green {
    border-color: #00ca57
}

.ball-meta {
    overflow: hidden;
    font-size: clamp(12px, 2.3vw, 16px)
}

.next-draw {
    margin-top: 8px;
    font-size: clamp(13px, 2.35vw, 16px)
}

.tt-history {
    margin-top: 9px;
    border-top: 1px solid #d9d9d9;
    padding-top: 8px
}

.tt-history-toggle {
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    background: linear-gradient(#fff, #ececec);
    color: #167a3b;
    cursor: pointer;
    font-size: clamp(14px, 2.5vw, 17px);
    font-weight: 800
}

.tt-history-arrow {
    font-size: 26px;
    line-height: 1
}

.section-block {
    margin: 8px 4px 0;
    background: #00d12b
}

.section-block.first-section {
    margin-top: 2px
}

.section-banner {
    height: auto
}

.card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 5px;
    background: #00d12b
}

.card-item {
    min-width: 0
}

.card-link {
    border: 2px solid #00b947;
    border-radius: 9px;
    background: #12d2c0;
    transition: transform .15s ease, box-shadow .15s ease
}

.card-link:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 90, 30, .4)
}

.card-art {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    background: #15d5be
}

.card-title {
    padding: 3px 2px 1px;
    background: linear-gradient(#ffff45, #ffb923);
    color: #c40000;
    font-size: clamp(13px, 2.25vw, 16px);
    font-weight: 800
}

.card-title,
.card-traditional {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-traditional {
    padding: 2px;
    background: #0a3;
    color: #fff;
    font-size: clamp(9px, 1.45vw, 11px);
    line-height: 1.15
}

.card-link.wait .card-art {
    background: #79de83
}

.card-link.wait .card-title {
    background: linear-gradient(#eee, #d7d7d7)
}

.history-banner {
    margin: 8px 4px 0;
    border: 1px solid #e5e531
}

.history-banner img {
    width: 100%;
    height: auto
}

.feedback {
    margin: 8px 4px 0;
    border: 1px solid #00bf43;
    background: #fff;
    text-align: center
}

.feedback a {
    display: block;
    padding: 10px 4px;
    font-size: clamp(17px, 3.2vw, 24px);
    font-weight: 800
}

.disclaimer {
    margin: 4px;
    padding: 12px 10px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    text-align: center;
    font-size: 11px;
    line-height: 1.85
}

.footer-domain {
    margin-top: 4px;
    padding: 8px;
    background: #005b23
}

.footer-domain img {
    width: 100%
}

@media (max-width:520px) {
    .header,
    .header-spacer,
    .single-top,
    .single-top img {
        height: 56px
    }
    .date-bar {
        min-height: 42px;
        padding: 8px 5px
    }
    .lottery-tab {
        min-height: 50px
    }
    .lottery-panel {
        min-height: 142px;
        padding: 7px 7px 5px
    }
    .balls {
        gap: 3px
    }
    .ball-card {
        padding: 5px 1px 4px;
        border-radius: 7px
    }
    .next-draw {
        margin-top: 6px
    }
    .card-grid {
        gap: 3px;
        padding: 3px
    }
    .card-link {
        border-radius: 7px
    }
}

@media (max-width:380px) {
    .lottery-panel {
        padding-inline: 4px
    }
    .ball {
        border-width: 3px
    }
    .ball-meta {
        font-size: 10px
    }
}

html {
    scroll-behavior: smooth
}

body {
    background: #e9e9e9
}

.reference-home.site-root {
    width: min(100%, 800px);
    max-width: 800px;
    background: #fff;
    box-shadow: 0 0 22px rgba(0, 0, 0, .14)
}

.reference-hero {
    position: relative;
    display: flex;
    height: 248px;
    align-items: center;
    overflow: hidden;
    padding: 24px 50px 28px 275px;
    border-bottom: 5px solid #b5141a;
    background: radial-gradient(circle at 16% 42%, hsla(0, 0%, 100%, .92) 0 10%, transparent 35%), radial-gradient(circle at 80% 18%, rgba(255, 202, 48, .34), transparent 23%), linear-gradient(135deg, #fff8da, #f6dda1 54%, #fff8e4)
}

.reference-hero:after,
.reference-hero:before {
    position: absolute;
    border-radius: 50%;
    content: ""
}

.reference-hero:before {
    right: -24px;
    bottom: -68px;
    width: 220px;
    height: 220px;
    border: 28px solid rgba(181, 20, 26, .07)
}

.reference-hero:after {
    top: -70px;
    left: 205px;
    width: 240px;
    height: 160px;
    background: hsla(0, 0%, 100%, .28);
    filter: blur(18px)
}

.hero-landmark {
    position: absolute;
    left: 30px;
    bottom: 23px;
    display: flex;
    width: 215px;
    height: 176px;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
    border-bottom: 13px solid #493823;
    filter: drop-shadow(0 7px 5px rgba(83, 49, 23, .17))
}

.hero-landmark:before {
    position: absolute;
    bottom: 13px;
    width: 190px;
    height: 17px;
    border-radius: 50% 50% 0 0;
    background: #a94c26;
    box-shadow: 0 -8px 0 #d98935, 0 -16px 0 #714020;
    content: ""
}

.hero-landmark span {
    z-index: 1;
    width: 29px;
    border: 4px solid #70421e;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
    background: repeating-linear-gradient(90deg, #e9b65a 0 6px, #844a20 7px 9px)
}

.hero-landmark span:first-child,
.hero-landmark span:nth-child(4) {
    height: 80px
}

.hero-landmark span:nth-child(2),
.hero-landmark span:nth-child(3) {
    height: 128px
}

.hero-brand {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center
}

.hero-brand-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px
}

.hero-badge {
    padding: 5px 12px 7px;
    border-radius: 50%;
    background: #d61f24;
    color: #ffef8b;
    font-family: SimSun, serif;
    font-size: 25px;
    font-weight: 900;
    box-shadow: inset 0 0 0 3px #f37c65
}

.hero-brand strong {
    color: #bb151c;
    font-family: STKaiti, KaiTi, serif;
    font-size: 74px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 4px;
    text-shadow: 1px 2px 0 #fff, 3px 4px 0 rgba(148, 21, 21, .14)
}

.hero-domain {
    margin-top: 9px;
    color: #171717;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1.5px
}

.hero-brand p {
    margin-top: 4px;
    color: #a66522;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px
}

.hero-balls {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    gap: 4px;
    transform: rotate(-8deg)
}

.hero-balls span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 4px solid;
    border-radius: 50%;
    background: #fff;
    color: #222;
    font-weight: 900;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .18)
}

.hero-balls .red {
    border-color: #ff3b3f
}

.hero-balls .blue {
    border-color: #338fd4
}

.hero-balls .green {
    border-color: #0abe61
}

.quick-nav,
.reference-main {
    background: #fff
}

.quick-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px 10px;
    padding: 15px 18px 17px
}

.quick-nav a {
    display: grid;
    min-height: 39px;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(#f44343, #d91820);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), 0 2px 4px rgba(160, 0, 0, .17);
    transition: transform .15s ease, filter .15s ease
}

.quick-nav a:hover {
    filter: brightness(1.08);
    transform: translateY(-1px)
}

.lottery-shell {
    width: 100%;
    margin: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none
}

.lottery-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.lottery-tab {
    min-height: 52px;
    border: 0;
    border-right: 1px solid #eee;
    background: #fff;
    color: #999;
    cursor: pointer;
    font-size: 21px;
    font-weight: 800
}

.lottery-tab:last-child {
    border-right: 0
}

.lottery-tab.active {
    position: relative;
    border: 0;
    background: #fff;
    color: #0aa64b
}

.lottery-tab.active:after {
    position: absolute;
    right: 20%;
    bottom: -1px;
    left: 20%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #218cec;
    content: ""
}

.lottery-panel {
    min-height: 0;
    padding: 13px 20px 12px;
    background: #fff
}

.lottery-head {
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: 800
}

.lottery-actions,
.lottery-head {
    display: flex;
    align-items: center
}

.lottery-actions {
    flex: 0 0 auto;
    gap: 5px
}

.lottery-text-button {
    padding: 2px 5px;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800
}

.refresh-button {
    color: #06a648
}

.history-button {
    color: #1685d1
}

.issue-no,
.next-issue {
    color: #f2262e
}

.balls {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) 24px minmax(0, 1fr);
    gap: 3px;
    align-items: start
}

.ball-card {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center
}

.ball {
    display: grid;
    width: 48px;
    height: 48px;
    margin: 0 auto 4px;
    place-items: center;
    border: 4px solid #368ed6;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-size: 19px;
    font-weight: 900;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12)
}

.ball.red {
    border-color: #ff3e43
}

.ball.green {
    border-color: #08be5f
}

.ball.blue {
    border-color: #368ed6
}

.ball.pending {
    position: relative;
    border-color: #d3d3d3;
    border-style: solid;
    background: linear-gradient(180deg, #fefefe 0%, #f2f2f2 32%, #ddd 100%);
    color: #999;
    box-shadow: inset 0 2px 7px rgba(0, 0, 0, .08), 0 0 0 2px rgba(255, 255, 255, .35);
    overflow: hidden;
    animation: lottery-slot-idle .7s cubic-bezier(.2, .9, .5, 1) infinite
}

.ball.pending::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, .04) 100%);
    opacity: .9
}

.ball.pending::after {
    content: "??";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 18px;
    font-weight: 900;
    color: rgba(17, 17, 17, .36);
    letter-spacing: 2px;
    transform: translateY(1px);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

.ball-card.revealed .ball {
    animation: lottery-ball-reveal .72s cubic-bezier(.2, 1.5, .4, 1) both
}

.ball-card.revealed .ball-meta {
    animation: lottery-meta-reveal .42s ease .3s both
}

.ball-card.waiting .ball-meta {
    color: #aaa
}

.drawing-progress {
    padding: 3px 7px;
    border-radius: 999px;
    background: #fff1cc;
    color: #d56c00;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    animation: drawing-progress-pulse 1s ease-in-out infinite alternate
}

@keyframes lottery-ball-reveal {
    0% {
        opacity: 0;
        transform: translateY(-24px) rotateY(100deg) scale(.3);
        filter: blur(5px)
    }
    52% {
        opacity: 1;
        transform: translateY(4px) rotateY(-12deg) scale(1.16);
        filter: blur(0)
    }
    72% {
        transform: translateY(-3px) rotateY(5deg) scale(.94)
    }
    to {
        opacity: 1;
        transform: translateY(0) rotateY(0) scale(1)
    }
}

@keyframes lottery-meta-reveal {
    0% {
        opacity: 0;
        transform: translateY(6px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes lottery-slot-idle {
    0% {
        transform: rotateY(0deg) scale(1) translateZ(0);
        box-shadow: inset 0 2px 7px rgba(0, 0, 0, .08), 0 0 0 2px rgba(255, 255, 255, .35);
    }
    25% {
        transform: rotateY(90deg) scale(1.08) translateZ(0);
        box-shadow: inset 0 2px 7px rgba(0, 0, 0, .08), 0 0 0 3px rgba(54, 142, 214, .22);
    }
    50% {
        transform: rotateY(180deg) scale(.96) translateZ(0);
        box-shadow: inset 0 2px 7px rgba(0, 0, 0, .08), 0 0 0 3px rgba(255, 62, 67, .18);
    }
    75% {
        transform: rotateY(270deg) scale(1.1) translateZ(0);
        box-shadow: inset 0 2px 7px rgba(0, 0, 0, .08), 0 0 0 3px rgba(8, 190, 95, .18);
    }
    to {
        transform: rotateY(360deg) scale(1) translateZ(0);
        box-shadow: inset 0 2px 7px rgba(0, 0, 0, .08), 0 0 0 2px rgba(255, 255, 255, .35);
    }
}

@keyframes drawing-progress-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(234, 139, 0, .08)
    }
    to {
        box-shadow: 0 0 0 5px rgba(234, 139, 0, .15)
    }
}

@media (prefers-reduced-motion:reduce) {
    .ball-card.revealed .ball,
    .ball-card.revealed .ball-meta,
    .ball.pending,
    .drawing-progress {
        animation: none
    }
}

.ball-meta {
    overflow: visible;
    color: #222;
    font-size: 14px;
    white-space: nowrap
}

.ball-plus {
    display: grid;
    height: 48px;
    place-items: center;
    color: #555;
    font-size: 27px;
    font-weight: 900
}

.next-draw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 13px;
    color: #111;
    font-size: 15px;
    font-weight: 700
}

.next-draw strong {
    color: #e45100
}

.countdown {
    color: #777;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.inline-history {
    margin: 14px -20px -12px;
    border-top: 4px solid #f1f1f1;
    background: #f7f7f7
}

.inline-history-head {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.inline-history-head strong {
    color: #1685d1;
    font-size: 18px
}

.inline-history-head span {
    color: #888;
    font-size: 13px
}

.inline-history-row {
    padding: 12px 20px 14px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.inline-history-row:last-child {
    border-bottom: 0
}

.inline-history-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 12px;
    border-top: 1px solid #d7dce2;
    background: #f1f3f5;
    color: #333;
    font-weight: 700
}

.inline-history-pagination button,
.inline-history-status button {
    padding: 7px 13px;
    border: 1px solid #c8d0d8;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font: inherit;
    cursor: pointer
}

.inline-history-pagination button:disabled {
    cursor: not-allowed;
    opacity: .45
}

.inline-history-status {
    padding: 10px;
    text-align: center;
    color: #555
}

.inline-history-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px
}

.inline-history-meta strong {
    color: #e62d35
}

.inline-history-meta time {
    margin-left: auto;
    color: #888;
    font-size: 12px
}

.latest-badge {
    padding: 2px 6px;
    border-radius: 4px;
    background: #0aae54;
    color: #fff;
    font-size: 11px;
    font-weight: 800
}

.inline-history-balls {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px
}

.mini-ball-wrap {
    min-width: 0;
    text-align: center
}

.mini-ball {
    display: grid;
    width: 38px;
    height: 38px;
    margin: auto;
    place-items: center;
    border: 3px solid #368ed6;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    font-weight: 900
}

.mini-ball.red {
    border-color: #ff3e43
}

.mini-ball.green {
    border-color: #08be5f
}

.mini-ball.blue {
    border-color: #368ed6
}

.mini-ball-wrap small {
    display: block;
    margin-top: 3px;
    color: #666;
    font-size: 10px;
    white-space: nowrap
}

.history-slide-enter-active,
.history-slide-leave-active {
    transition: opacity .18s ease
}

.history-slide-enter,
.history-slide-leave-to {
    opacity: 0
}

.recommendation-heading {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
    border-bottom: 2px solid #de1d25;
    background: linear-gradient(#fff, #f6f6f6)
}

.recommendation-heading span {
    color: #c51c22;
    font-size: 22px;
    font-weight: 900
}

.recommendation-heading small {
    color: #777;
    font-size: 13px
}

.section-block {
    scroll-margin-top: 10px;
    margin: 0;
    overflow: hidden;
    border-bottom: 7px solid #efefef;
    background: #fff
}

.section-block.first-section {
    margin-top: 0
}

.section-banner {
    width: 100%;
    max-height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    list-style: none;
    background: #fff
}

.card-link {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .09)
}

.card-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .14)
}

.card-art {
    width: 100%;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover;
    background: #f3f3f3
}

.card-title {
    padding: 5px 3px 2px;
    color: #d61e25;
    font-size: 15px;
    font-weight: 900
}

.card-title,
.card-traditional {
    display: block;
    background: #fff;
    text-align: center
}

.card-traditional {
    padding: 0 3px 5px;
    color: #888;
    font-size: 10px
}

.card-link.wait {
    opacity: .55
}

.card-link.wait .card-art {
    padding: 18%;
    background: #eee;
    -o-object-fit: contain;
    object-fit: contain
}

.card-link.wait .card-title {
    background: #fff;
    color: #777
}

.reference-info {
    padding: 22px 18px;
    background: #fafafa;
    color: #777;
    text-align: center;
    font-size: 12px;
    line-height: 1.8
}

.reference-info h2 {
    margin-bottom: 5px;
    color: #444;
    font-size: 16px
}

.reference-footer {
    display: flex;
    min-height: 55px;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #b3181d;
    color: #fff;
    font-weight: 800
}

.reference-footer a {
    padding: 6px 12px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 999px
}

@media (max-width:620px) {
    .reference-home.site-root {
        box-shadow: none
    }
    .reference-hero {
        height: 160px;
        padding: 16px 24px 18px 132px
    }
    .hero-landmark {
        left: 10px;
        bottom: 17px;
        width: 125px;
        height: 112px;
        gap: 4px;
        border-bottom-width: 8px
    }
    .hero-landmark:before {
        bottom: 8px;
        width: 112px;
        height: 10px;
        box-shadow: 0 -5px 0 #d98935, 0 -10px 0 #714020
    }
    .hero-landmark span {
        width: 18px;
        border-width: 3px
    }
    .hero-landmark span:first-child,
    .hero-landmark span:nth-child(4) {
        height: 52px
    }
    .hero-landmark span:nth-child(2),
    .hero-landmark span:nth-child(3) {
        height: 82px
    }
    .hero-brand-line {
        gap: 7px
    }
    .hero-badge {
        padding: 3px 7px 4px;
        font-size: 15px;
        box-shadow: inset 0 0 0 2px #f37c65
    }
    .hero-brand strong {
        font-size: clamp(36px, 12vw, 55px);
        letter-spacing: 0
    }
    .hero-domain {
        margin-top: 7px;
        font-size: clamp(17px, 5.5vw, 25px);
        letter-spacing: .5px
    }
    .hero-brand p {
        display: none
    }
    .hero-balls {
        right: 5px;
        bottom: 8px;
        gap: 1px
    }
    .hero-balls span {
        width: 22px;
        height: 22px;
        border-width: 2px;
        font-size: 10px
    }
    .quick-nav {
        gap: 7px 5px;
        padding: 10px 7px 12px
    }
    .quick-nav a {
        min-height: 33px;
        font-size: clamp(12px, 3.5vw, 15px)
    }
    .lottery-tab {
        min-height: 47px;
        font-size: clamp(16px, 4.4vw, 20px)
    }
    .lottery-panel {
        padding: 11px 9px 10px
    }
    .lottery-head {
        align-items: flex-start;
        font-size: clamp(14px, 4vw, 17px)
    }
    .lottery-text-button {
        padding-inline: 2px;
        font-size: 13px
    }
    .balls {
        grid-template-columns: repeat(6, minmax(0, 1fr)) 14px minmax(0, 1fr);
        gap: 1px
    }
    .ball {
        width: clamp(34px, 9.3vw, 45px);
        height: clamp(34px, 9.3vw, 45px);
        border-width: 3px;
        font-size: clamp(14px, 4vw, 18px)
    }
    .ball-meta {
        font-size: clamp(10px, 3vw, 13px)
    }
    .ball-plus {
        height: clamp(34px, 9.3vw, 45px);
        font-size: 20px
    }
    .next-draw {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        margin-top: 10px;
        font-size: 13px
    }
    .countdown {
        font-size: 11px
    }
    .inline-history {
        margin-right: -9px;
        margin-bottom: -10px;
        margin-left: -9px
    }
    .inline-history-head {
        padding-inline: 10px
    }
    .inline-history-row {
        padding: 11px 8px 13px
    }
    .inline-history-balls {
        gap: 2px
    }
    .mini-ball {
        width: clamp(32px, 9vw, 40px);
        height: clamp(32px, 9vw, 40px)
    }
    .site-notice strong {
        font-size: 19px
    }
    .recommendation-heading {
        padding-inline: 10px
    }
    .recommendation-heading span {
        font-size: 19px
    }
    .recommendation-heading small {
        font-size: 11px
    }
    .card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
        padding: 7px
    }
}

@media (max-width:380px) {
    .reference-hero {
        height: 145px;
        padding-left: 118px;
        padding-right: 14px
    }
    .hero-landmark {
        transform: scale(.88);
        transform-origin: left bottom
    }
    .lottery-actions {
        flex-direction: column;
        gap: 0
    }
    .balls {
        grid-template-columns: repeat(6, minmax(0, 1fr)) 11px minmax(0, 1fr)
    }
    .ball-meta {
        font-size: 9px
    }
    .mini-ball-wrap small {
        font-size: 8px
    }
}

.prediction-area {
    padding: 12px 10px 18px;
    border-bottom: 7px solid #ececec;
    background: #f4f4f4
}

.prediction-area-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 8px 14px
}

.prediction-area-head>div {
    display: flex;
    align-items: baseline;
    gap: 10px
}

.prediction-area-head span {
    color: #c7161d;
    font-size: 24px;
    font-weight: 900
}

.prediction-area-head strong {
    color: #333;
    font-size: 15px
}

.prediction-area-head p {
    max-width: 410px;
    color: #777;
    text-align: right;
    font-size: 11px;
    line-height: 1.5
}

.prediction-loading {
    display: grid;
    min-height: 120px;
    place-items: center;
    border: 1px solid #ddd;
    background: #fff;
    color: #888
}

.prediction-card {
    scroll-margin-top: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07)
}

.prediction-card:last-child {
    margin-bottom: 0
}

.prediction-card h2 {
    padding: 9px 12px;
    background: #d91d25;
    color: #fff;
    text-align: center;
    font-size: 21px;
    line-height: 1.25
}

.prediction-card.theme-blue h2 {
    background: linear-gradient(#247ee8, #075abd)
}

.prediction-card.theme-green h2 {
    background: linear-gradient(#19a35a, #08783d)
}

.prediction-card.theme-gold h2 {
    background: linear-gradient(#f19d18, #cb6400)
}

.prediction-card.theme-purple h2 {
    background: linear-gradient(#9636ce, #682093)
}

.prediction-row {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) 82px;
    min-height: 43px;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border-bottom: 1px solid #e0e0e0;
    color: #222;
    font-size: 15px;
    font-weight: 700
}

.prediction-row:last-child {
    border-bottom: 0
}

.prediction-row:nth-child(odd) {
    background: #fafafa
}

.prediction-row>* {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prediction-row b {
    color: #e31c25
}

.prediction-row .period {
    color: #075abd;
    white-space: nowrap
}

.prediction-row .open-result {
    color: #555;
    text-align: right;
    white-space: nowrap
}

.double-wave-result .wave-label+.wave-label:before {
    content: "＋";
    margin: 0 6px;
    color: #555;
    font-weight: 400
}

.double-wave-result .wave-red {
    color: #e53935
}

.double-wave-result .wave-blue {
    color: #1976d2
}

.double-wave-result .wave-green {
    color: #00a85a
}

.prediction-row.pending-row {
    background: #fffbe7
}

.prediction-row.pending-row .period {
    color: #e02931
}

.prediction-row.pending-row .open-result {
    color: #e39100
}

.kill16-record {
    padding: 0 8px 3px;
    border-bottom: 1px solid #d2d2d2
}

.kill16-record:last-child {
    border-bottom: 0
}

.kill16-head {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: center;
    min-height: 30px;
    font-size: 13px
}

.kill16-head .period {
    color: #075abd;
    white-space: nowrap
}

.kill16-head .open-result {
    color: #333;
    text-align: right;
    white-space: nowrap
}

.kill16-numbers {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    min-height: 24px;
    align-items: center;
    color: #222;
    font-size: 13px;
    text-align: center
}

.kill16-numbers span {
    min-width: 0;
    white-space: nowrap
}

.three-head-tail-row {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) minmax(0, 1fr) 82px;
    min-height: 34px;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 13px;
    text-align: center
}

.three-head-tail-row:last-child {
    border-bottom: 0
}

.three-head-tail-row>* {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.three-head-tail-row .period {
    color: #075abd;
    text-align: left
}

.three-head-tail-row .open-result {
    color: #555;
    text-align: right
}

.rule-note {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #ddd
}

.rule-note span {
    padding: 8px 12px;
    background: #fff8df;
    color: #7e4c00;
    text-align: center;
    font-weight: 800
}

.pair-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.pair-list b {
    padding: 3px 6px;
    border-radius: 4px;
    background: #fff1b4;
    color: #a62716
}

.element-legend {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-bottom: 1px solid #ddd;
    background: #f3fbf6
}

.element-legend span {
    padding: 8px 6px;
    border-right: 1px solid #ddd;
    color: #555;
    text-align: center;
    font-size: 10px;
    line-height: 1.5
}

.element-legend span:last-child {
    border-right: 0
}

.element-legend b {
    display: block;
    margin-bottom: 2px;
    color: #08783d;
    font-size: 16px
}

.zodiac-chart-card h2 {
    background: linear-gradient(135deg, #8c1719, #d69f2a)
}

.zodiac-chart {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #d8c59e
}

.zodiac-chart-row {
    display: flex;
    min-height: 66px;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: #fffaf0
}

.zodiac-chart-row strong {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 50%;
    background: #b51a20;
    color: #fff1a9;
    font-size: 17px
}

.zodiac-chart-row span {
    color: #4d3718;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.7
}

@media (max-width:620px) {
    .prediction-area {
        padding: 8px 5px 12px
    }
    .prediction-area-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        padding: 8px 5px 11px
    }
    .prediction-area-head span {
        font-size: 20px
    }
    .prediction-area-head p {
        text-align: left
    }
    .prediction-card {
        margin-bottom: 9px
    }
    .prediction-card h2 {
        padding: 8px 6px;
        font-size: 18px
    }
    .prediction-row {
        grid-template-columns: 102px minmax(0, 1fr) 65px;
        gap: 3px;
        padding: 6px 5px;
        font-size: 12px
    }
    .kill16-head {
        grid-template-columns: 102px minmax(0, 1fr)
    }
    .kill16-numbers {
        font-size: 12px
    }
    .three-head-tail-row {
        grid-template-columns: 102px minmax(0, 1fr) minmax(0, 1fr) 65px;
        gap: 2px;
        padding-inline: 5px;
        font-size: 12px
    }
    .rule-note span {
        padding: 7px 4px;
        font-size: 11px
    }
    .pair-list {
        gap: 2px
    }
    .pair-list b {
        padding: 2px 3px
    }
    .element-legend {
        grid-template-columns: 1fr
    }
    .element-legend span {
        display: flex;
        align-items: baseline;
        gap: 7px;
        padding: 4px 8px;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        text-align: left
    }
    .element-legend span:last-child {
        border-bottom: 0
    }
    .element-legend b {
        display: inline;
        min-width: 18px;
        margin: 0;
        font-size: 14px
    }
    .zodiac-chart {
        grid-template-columns: repeat(2, 1fr)
    }
    .zodiac-chart-row {
        min-height: 56px;
        gap: 6px;
        padding: 6px
    }
    .zodiac-chart-row strong {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 14px
    }
    .zodiac-chart-row span {
        font-size: 10px
    }
}

@media (max-width:380px) {
    .prediction-row {
        grid-template-columns: 88px minmax(0, 1fr) 58px;
        font-size: 11px
    }
    .kill16-head {
        grid-template-columns: 88px minmax(0, 1fr);
        font-size: 12px
    }
    .kill16-numbers {
        font-size: 11px
    }
    .three-head-tail-row {
        grid-template-columns: 88px minmax(0, 1fr) minmax(0, 1fr) 58px;
        font-size: 10px
    }
    .zodiac-chart {
        grid-template-columns: 1fr 1fr
    }
}

.admin-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: radial-gradient(circle at top, #0bbb4d, #04752e 55%, #03461f)
}

.login-card {
    width: min(100%, 420px);
    padding: 34px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28)
}

.admin-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    color: #078b39
}

.brand-mark {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #fff719, #ffad00);
    color: #04762f;
    font-size: 28px;
    font-weight: 900
}

.brand-name {
    font-size: 23px;
    font-weight: 900;
    letter-spacing: 1px
}

.brand-subtitle {
    margin-top: 2px;
    color: #777;
    font-size: 13px
}

.login-card h1 {
    margin-bottom: 8px;
    font-size: 26px
}

.login-card label {
    display: block;
    margin: 16px 0 7px;
    font-weight: 700
}

.login-card input {
    width: 100%;
    height: 46px;
    padding: 0 13px;
    border: 1px solid #cfd6d1;
    border-radius: 9px;
    outline: none;
    font-size: 16px
}

.login-card input:focus {
    border-color: #08a544;
    box-shadow: 0 0 0 3px rgba(8, 165, 68, .14)
}

.form-error {
    margin-top: 14px;
    color: #c82828;
    font-size: 14px
}

.primary-button {
    width: 100%;
    height: 48px;
    margin-top: 22px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #0fc657, #078e3c);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 800
}

.primary-button:disabled {
    opacity: .65
}

.back-link {
    display: block;
    margin-top: 20px;
    color: #178449;
    text-align: center;
    font-weight: 700
}

.admin-shell {
    min-height: 100vh;
    padding: 42px 24px;
    background: #f1f5f2;
    color: #17231b
}

.admin-header {
    display: flex;
    width: min(100%, 1000px);
    margin: 0 auto 24px;
    align-items: center;
    justify-content: space-between;
    gap: 18px
}

.eyebrow {
    color: #079642;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.6px
}

.admin-header h1 {
    margin-top: 4px;
    font-size: clamp(25px, 4vw, 34px)
}

.logout-button {
    padding: 10px 16px;
    border: 1px solid #cfd8d2;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
    font-weight: 700
}

.settings-card {
    width: min(100%, 1000px);
    margin: auto;
    padding: 30px;
    border: 1px solid #dce4df;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(14, 67, 35, .08)
}

.setting-copy h2 {
    margin-bottom: 8px;
    font-size: 22px
}

.status-message {
    margin-top: 18px;
    color: #087d3a;
    font-weight: 700
}

.status-message.error {
    color: #c82828
}

.history-block {
    margin-top: 36px;
    padding-top: 28px;
    border-top: 1px solid #e4e9e6
}

.history-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px
}

.history-heading h2 {
    margin-bottom: 5px;
    font-size: 20px
}

.history-heading>span {
    color: #078c3e;
    font-weight: 800
}

.history-table-wrap {
    overflow-x: auto;
    border: 1px solid #e3e8e5;
    border-radius: 11px
}

.history-table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap
}

.history-table td,
.history-table th {
    padding: 12px 13px;
    border-bottom: 1px solid #e9edea;
    text-align: left;
    font-size: 13px
}

.history-table th {
    background: #f3f8f5;
    color: #536159
}

.history-table tr:last-child td {
    border-bottom: 0
}

.draw-form {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #e4e9e6
}

.draw-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px
}

.draw-field {
    display: grid;
    gap: 10px
}

.draw-field>span,
.draw-numbers-fieldset legend {
    font-size: 17px;
    font-weight: 800
}

.draw-field input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #cfd8d2;
    border-radius: 9px;
    outline: none;
    background: #fff;
    font-size: 16px
}

.draw-field input:focus,
.draw-number-grid input:focus {
    border-color: #079b43;
    box-shadow: 0 0 0 3px rgba(7, 155, 67, .13)
}

.draw-numbers-fieldset {
    min-width: 0;
    margin: 28px 0 24px;
    padding: 0;
    border: 0
}

.draw-numbers-fieldset legend {
    margin-bottom: 14px
}

.draw-number-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px
}

.draw-number-grid input {
    width: 100%;
    height: 64px;
    border: 1px solid #cfd8d2;
    border-radius: 10px;
    outline: none;
    text-align: center;
    font-size: 20px;
    font-weight: 900
}

.draw-number-grid input:last-child {
    border-color: #ef9b9f;
    color: #d92d36
}

.draw-save-button {
    padding: 13px 24px;
    border: 0;
    border-radius: 9px;
    background: #ec2d36;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 900
}

.draw-save-button:disabled {
    cursor: not-allowed;
    opacity: .55
}

.draw-number-list {
    color: #087d3a;
    font-weight: 800;
    letter-spacing: .4px
}

.draw-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.draw-field input[readonly] {
    background: #f0f4f1;
    color: #168046;
    cursor: not-allowed;
    font-weight: 900
}

.next-prediction-readonly {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #e4e9e6
}

.next-prediction-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px
}

.next-prediction-heading span {
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 7px;
    border-radius: 5px;
    background: #fff2cc;
    color: #a76600;
    font-size: 11px;
    font-weight: 900
}

.next-prediction-heading h2 {
    font-size: 20px
}

.next-prediction-heading small {
    color: #6f7c73
}

.next-prediction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px
}

.next-prediction-grid>div {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #dce5df;
    border-radius: 10px;
    background: #f8fbf9
}

.next-prediction-grid strong {
    color: #07813d;
    font-size: 14px
}

.next-prediction-grid span {
    color: #28372e;
    font-size: 13px;
    line-height: 1.6;
    word-break: break-all
}

@media(max-width:700px) {
    .draw-form-grid {
        grid-template-columns: 1fr
    }
    .draw-number-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media(max-width:600px) {
    .admin-shell {
        padding: 26px 14px
    }
    .admin-header {
        align-items: flex-start
    }
    .settings-card {
        padding: 22px
    }
    .draw-number-grid {
        gap: 8px
    }
    .draw-number-grid input {
        height: 54px
    }
    .next-prediction-heading {
        align-items: flex-start;
        flex-direction: column
    }
    .next-prediction-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:480px) {
    .admin-page {
        padding: 14px
    }
    .login-card {
        padding: 26px 22px;
        border-radius: 16px
    }
}

.password-change-section {
    margin-top: 32px;
    padding-top: 26px;
    border-top: 1px solid #e4e9e6
}

.password-change-copy h2 {
    margin-bottom: 7px;
    font-size: 20px
}

.password-change-copy p {
    color: #657269;
    line-height: 1.6
}

.password-change-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: 16px;
    margin-top: 18px
}

.password-change-form .draw-field input {
    min-width: 0
}

.password-change-button {
    min-height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #0fc657, #078e3c);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800
}

.password-change-button:disabled {
    cursor: wait;
    opacity: .65
}

.password-change-form .status-message {
    grid-column: 1/-1;
    margin-top: 0
}

@media(max-width:700px) {
    .password-change-form {
        grid-template-columns: 1fr
    }
    .password-change-form .status-message {
        grid-column: auto
    }
}

body:has(.prototype-home) {
    background: #fff;
    color: #555;
    font-family: Helvetica Neue, PingFang SC, Microsoft YaHei, Arial, sans-serif
}

.prototype-home.site-root {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    box-shadow: none
}

.prototype-main {
    background: #fff
}

.prototype-refresh {
    position: fixed;
    z-index: 1000;
    right: max(20px, calc(50vw - 472px));
    bottom: 48px;
    width: 48px;
    height: 48px;
    border: 3px solid #ffd9d9;
    border-radius: 50%;
    background: #ff242b;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(220, 0, 0, .28)
}

.prototype-home .quick-nav {
    position: sticky;
    z-index: 100;
    top: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px 8px;
    padding: 8px 8px 15px;
    background: hsla(0, 0%, 100%, .98)
}

.prototype-home .quick-nav a {
    display: grid;
    min-height: 20px;
    place-items: center;
    border-radius: 999px;
    background: #e8223d;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    box-shadow: none
}

.prototype-home .quick-nav a:hover {
    filter: brightness(1.05);
    transform: none
}

.prototype-home .lottery-shell {
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none
}

.prototype-home .lottery-tabs {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    background: #fff
}

.prototype-home .lottery-tab {
    min-height: 41px;
    border: 0;
    background: #fff;
    color: #999;
    font-size: 14px;
    font-weight: 500
}

.prototype-home .lottery-tab.active {
    border: 0;
    background: #fff;
    color: #3287cc;
    font-weight: 700
}

.prototype-home .lottery-tab.active:after {
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 0;
    background: #3287cc
}

.prototype-home .lottery-panel {
    padding: 0;
    background: #fff
}

.prototype-home .lottery-head {
    justify-content: center;
    min-height: 23px;
    gap: 4px;
    margin-bottom: 0;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13.33px
}

.prototype-home .lottery-title {
    white-space: nowrap
}

.prototype-home .lottery-actions {
    gap: 1px
}

.prototype-home .lottery-text-button {
    padding: 0 2px;
    font-size: 12px
}

.prototype-home .drawing-progress {
    padding: 1px 5px
}

.prototype-home .balls {
    grid-template-columns: repeat(6, minmax(0, 1fr)) 30px minmax(0, 1fr);
    gap: 0;
    align-items: start;
    padding: 3px 1.5px
}

.prototype-home .ball {
    width: 51.2px;
    height: 51.2px;
    margin-bottom: 0;
    border: 0;
    background: #fff 50%/100% 100% no-repeat;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    box-shadow: none
}

.prototype-home .ball.red {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnZQTFRFAAAA/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zIy/zMz/zMz/zMz/zMz/zIy/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zU1/zs7/0BA/0ND/zQ0/zMz/zAw/zMz/zMz/1hY/3x8/6Cg/8fH/+Hh/+rq/+/v//Ly//Hx/8bG/6Gh/3p6/zMz/zMz/zMz/zMz/0pK/66u/97e//39//////z8/3t7/0tL/zMz/zMz/zMz/zMz/1xc/7Ky/+7u/+3t/7Gx/1pa/zMz/zMz/zMz/3Bw/8zM//7+/87O/21t/zMz/zMz/1NT/8jI/1BQ/zMz/zMz/zo6//r6/zMz/zMz/1ZW/9nZ/9jY/1VV/35+//X1//b2/zc3/5ub//f3//j4/5yc/zg4/zY2/6qq/6am/zMz/6en/5qa/zMz/3Z2//Pz/1dX/zk5/9ra/19f/zMz/729/zMz/3Fx/2pq/83N/zMz/0JC/3l5/7q6/v7+/+Xl/z4+/zMz/2Rk/4mJ/8DA/9PT/+fn/z09/+np/0FB/9TU/8XF/7+//4iI/1lZ//n5/z8//93d/7u7/zIy/zEx/9HR/2tr/8nJ/7y8/09P/11d/6Ki/0VF/5eX/4qK/0ZG/zw8/9fX/5mZ/8/P/zMz//T0/1RU/3Nz/3V1/5CQ/3Jy/52d/6Oj/6io/7S0/zMz/2Ji/1tb/zMz/zIy/+zs/7i4/6Sk/0hI/4OD/6+v/25u/9DQ/2dn/62t/2lp/+bm/5GR/+Li/5OT/zQ0/zQ0/4yMZk/kBgAAANJ0Uk5TAAcuWYu2z+Lv+f/w4bSMWi0GAzdyt/YEBD3oAxdqxcBrDnjd/twNcf//////CAA7zP///////////////8sUgvX///////////SAKMb///////8pZfH//////4H8////CaX//wqx/////////////////////2T//xX///////9c/+D////E////////OP//////////////////////Lgf////////////////////B////////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)
}

.prototype-home .ball.green {
    background-image: url(data:image/png;base64,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)
}

.prototype-home .ball.blue {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAvRQTFRFAAAAM5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5r/Mpj/M5n/M5n/M5n/M5n/Mpj/M5r/M5n/M5n/M5v/M5n/M5n/M5n/M5n/M5n/M5r/M5n/M5n/M5n/M5n/M5n/M5n/NZr/O53/QKD/Q6H/QJ//NJr/M5n/MJf/M5n/M5n/WKz/fL3/oND/x+P/4fD/6vT/7/f/8vj/8fj/xuL/odD/erz/M5n/M5n/M5n/M5n/NJn/SqX/er3/rtf/3u7//f7//////P7/rtb/e73/S6X/M5n/M5n/M5n/M5n/XK3/stj/7vb/7fb/sdj/Wq3/M5n/MJ//M5n/M5n/cLj/zOb//v//zub/bbb/M5n/M5n/U6n/yOT/UKf/M5r/M5n/Op3/+vz/oM//M5r/M5n/Vqr/2ez/2Ov/Var/fr7/9fr/9vv/N5v/m83/9/v/+Pv/nM7/OJv/Npv/qtX//P3/ptP/M5n//v7/p9P/nM3/msz/M5n/drr/8/n/V6v/OZz/2uz/Npr/ms3/+Pz/X6//M5n/vd7/M5n/M5n/cbj/arX/zeb/XK7/M5r/M5n/M5v/QqD/ebz/Mpf/ut3/5fL/Pp//M5n/WKv/ZLL/icT/M5f/M5r/wOD/0+n/5/P/PZ7/6fT/QaD/6vX/1On/xeL/v9//iMP/Waz/+fz/ZLH/P5//3e7/Pp7/u93/7vf/Mpn/stn/MZf/0ej/a7X/arT/yeT/vN7/T6f/+v3/Xa7/otD/RaL/l8v/isT/RqL/PJ3/1+v/Opz/mcz/z+f/M5n/9Pr/VKr/c7n/M5n/dbr/OJz/kMj/crn/nc7/o9H/qNP/ptL/tNn/M5n/YrH/W63/M5n/Mpn/9Pn/PJ7/7Pb/uNz/Vqv/2u3/2Oz/pNH/SKT/g8H/r9f/brb/zuf/0Oj/Z7P/rdb/abT/5vL/kcj/yOP/RqP/4vD/k8n/M5n/YrD/NJn/NJj/jMb/M5n/M5j/gnuVFAAAAPx0Uk5TAAcuWYu2z+Lv+f/w4bSMWi0GAzdyt/YEBD3oAxdqxcBrDnjd/twNcf///////wgAO8z////////////////LFIL1///////////////0gCjG////////KQBl8f//////gfz///8Jpf///wqx//////////////////////9k/////xX///////////9c/+AO/////wPEBP//BP///zj///8GB/////////////////////////8u/wf////////////////////////B////A////////////97//10H//////////////////////////////8J/wkK/wQHzGymjgAABdVJREFUeJy12XlcFFUAB/ABZIEBFuQSiJSWa7lBEtCQS2FnURDMAgkKMAndkstEBMMrxZMKDRQLjMvKI0sqK8vs0qywQ8uy+zK7b6t/eu/NHu/NzjKX/v7Zmbcz332ft29m3rxHUYKxs3cY56hycnahaRdXN5W72sNzvPBZAvHy9vH1o63i5+vjPUG+6h+gDrRGTQlUB1wliw26eiJPXYl6TwoOksxeowkJHZuFCQ3ThEti7SKc8PO1kVHR0TGRsXy2W0ScaDY+IdF8XszkpGunJKekTp2WmpJ8Xdr0yTFWdHpCvDg3IzOLPSN7xsycXB1DRJ+bN2s2p+r5BRli3DmFxuOL5l7P8GbeDTdyKl1YLMiWzC9lj72pTMfPwpTffAsplzoIuP4VlejAqim2VTYLbiXkygL/sdyF1eio29L0Qi7D1CyKJOjqhbbdxQZ0yO13CLMwS2oJ2bDYZn2Rq62rF+cyTEMd0T8MNursj9qhcemdYl2GWda0nGgN/nYugN81rxijM1inpbURlytKeNyVsD80rrhLigvSpsX7xnxrtxj2X+0qSfVFWU305zlcdw263uoktK8p+rXENci5uuMrYGmt6P6AZ93duJxJ3pES8kHZ+g1yXIbZ0I7BWQm4G5cOyxbJcxlmYzYmJ9phcAQsqRJxHfNn02a8MbZY3HA3WLBArsswW/HrZFuHGdbA/Xvku4zuXrzKGpMbFAZ371MAM2V4lUNMz+5g+Dwukn5pYGnpxODQYNbdvgPsZM9V4jJMHt4WE+9HcAAcl8yw8XwTm9QuDPYLQLAabs9U5jJMN15lNXR3ovFZnlJ4Fw4HegHYG27F5CqFe3bj8gMA9oEbDyrqEzA1vTjsA2BfuJGk1GWYPhz2pag9aKyaphxuw2G/hyhPtCE4PhFOPw7T9pQH/NAmK4cHCNiB7cWRKcrhZPypCnqyI/yISlUODw7hsCOlgh/RU5XDw3txWEW5XRnYiXK9Mk3hTLmgP+9h5TD557lQ6CP2MnS3R4juRrMw/ahyeB8HRk1x2S9p0BTO6HO6cng/AbtS7CvogRal7sHHCNiNvUDoQ48rhXueIGAV5c5uKH40HSb/O3f2JkTTs5TC3SSsphzYjdnzlLkjXSTsQT3JbsQ+pQzOIV3ak3raOI1yQJGr7yRdv/HGhylImRL4SDsJ+5oe/yDPKKnws5yW8DENWGCekw8fbeTA3gD2Mk2BPf+CXLf+GMcNnGAeFMK8KBdejW7Fx5NeevkVVlJbhrEwr74mz11yApwcdXKwnGFeRz9hHMZuP2Wqcm2DHPeNN8G4/a0edge9P00axV4VUOqWSXf1p2n67XdqjHvv0pZXBSooxATHNkm+fereo+kTZ8ynwdffMPPEpMb8dy5vkwqfBa16xjwIToVtbH4dozosE46N70ur71lwyfVZ9j8AxDlsujPC0gW1GyWMwfVNoIYfWppP9xEQzmPv0h9bJjNpeu06se4ncKri088sBZ+D/XRiEjUhC5O/+FKc+xWaHvvaUtDwDU3nE9MKVHwmfkU2L90kzNafXA+PrcJuBN+C/QLO1GxGIS5nbz4qMOmk23qMHVJdsJRdaLaeujFONlnS+N3FMbq0/vsfjPez9hFz4RHwQlbKMy3rUUmTdFGOjTHoyI+dzaajfjKXXjxO05V8k7IlFTQ3Xd2He2pI9ODPu7rx5+YvxvLyX3+DDczjmqYgOTnU29faP5A8ODw8+PvAvtb9vbvJ7/8w/l4bLLcxBUn9aeCRUbRDXXuHtHzf/IXc5NPwS8Pf/C5FXbIp284/KdP6u9Fg3nDJlgvqzNcaIlNts76onQsqhQm+VFb8O5YLsrJUWLFOqQffBC+Z4kJhhxsRyxUgayrypbFZmaIWWOCSULoUN1HskhBI3PlzYtltW+yEPSzhmjAxy24hmg5hi5Og4B1CC4WnZCwUwowKLW2OymJRdtpejPWSrxqzx9ND7ahyc4XLx85OKvdxDvb/CZ/1P/5sT33gPoXFAAAAAElFTkSuQmCC)
}

.prototype-home .ball.pending {
    background: #d0d0d0;
    color: #000
}

.prototype-home .ball-meta {
    padding: 3px 0;
    color: #666;
    font-family: SimSun, 宋体, serif;
    font-size: 12.8px;
    font-weight: 100
}

.prototype-home .ball-plus {
    height: 51.2px;
    color: #000;
    font-size: 24px;
    font-weight: 400
}

.prototype-home .lottery-type-tt .lottery-name {
    color: #f2262e
}

.prototype-home .lottery-type-am .lottery-name,
.prototype-home .lottery-type-hk .lottery-name {
    color: red
}

.prototype-home .next-draw {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    margin-top: 5px;
    color: #000;
    font-size: 12px;
    text-align: center
}

.prototype-home .next-draw strong {
    color: red
}

.prototype-home .countdown {
    color: #333;
    font-size: 13px;
    font-weight: 400
}

.prototype-home .countdown strong {
    color: #c00;
    font-size: 14px
}

.prototype-home .inline-history {
    margin: 9px 0 -8px;
    border-top: 1px solid #ddd
}

.prototype-home .prediction-area {
    padding: 0;
    border: 0;
    background: #fff
}

.prototype-home .prediction-loading {
    min-height: 90px;
    border: 0
}

.prediction-master {
    background: #fff
}

.prediction-master-table {
    margin: 0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.prediction-master-table h2 {
    min-height: 30px;
    padding: 4px 6px;
    background: #ff1d1d;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 22px
}

.prediction-master-row {
    display: grid;
    grid-template-columns: 26% minmax(0, 1fr) 25%;
    min-height: 30px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    font-size: 13px;
    line-height: 29px;
    text-align: center
}

.prediction-master-row>* {
    min-width: 0;
    padding: 0 5px;
    font-style: normal;
    font-weight: 400
}

.prediction-master-row>*+* {
    border-left: 1px solid #ddd
}

.prediction-master-row b {
    overflow: hidden;
    color: #6347ef;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prediction-master-row em {
    color: #555
}

.prototype-home .prediction-card {
    margin: 10px 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    box-shadow: none
}

.prototype-home .prediction-card h2,
.prototype-home .prediction-card.theme-blue h2,
.prototype-home .prediction-card.theme-gold h2,
.prototype-home .prediction-card.theme-green h2,
.prototype-home .prediction-card.theme-purple h2 {
    min-height: 31px;
    padding: 4px 7px;
    background: #e81b2a;
    color: #fff;
    font-size: 17px;
    line-height: 22px
}

.prototype-home .prediction-card.theme-blue h2 {
    background: #1477cf
}

.prototype-home .prediction-card.theme-green h2 {
    background: #07954b
}

.prototype-home .prediction-card.theme-gold h2 {
    background: #e58a00
}

.prototype-home .prediction-card.theme-purple h2 {
    background: #8334b5
}

.prototype-home .prediction-row {
    grid-template-columns: 130px minmax(0, 1fr) 82px;
    min-height: 32px;
    gap: 0;
    padding: 0;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    text-align: center
}

.prototype-home .prediction-row>* {
    overflow: hidden;
    min-height: 31px;
    min-width: 0;
    padding: 5px 6px;
    border-left: 1px solid #ddd;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prototype-home .prediction-row>:first-child {
    border-left: 0
}

.prototype-home .prediction-row.pending-row,
.prototype-home .prediction-row:nth-child(odd) {
    background: #fff
}

.prototype-home .prediction-row .period {
    color: #555
}

.prototype-home .prediction-row .open-result {
    color: #555;
    text-align: center
}

.prototype-home .rule-note {
    background: #ddd
}

.prototype-home .rule-note span {
    padding: 5px;
    background: #fff9dc;
    font-size: 12px
}

.prototype-home .pair-list {
    justify-content: center
}

.prototype-home .pair-list b {
    padding: 0 2px;
    border-radius: 0;
    background: transparent;
    color: #6548e8
}

.prototype-home .element-legend span {
    padding: 5px 3px;
    font-size: 9px
}

.prototype-home .element-legend b {
    font-size: 14px
}

.prototype-home .zodiac-chart {
    gap: 1px
}

.prototype-home .zodiac-chart-row {
    min-height: 49px;
    padding: 5px 8px
}

.prototype-home .zodiac-chart-row strong {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 14px
}

.prototype-recommendations {
    padding: 6px 0 10px;
    background: #fff
}

.prototype-scroll-text {
    overflow: hidden;
    color: #e9272b;
    font-size: 25px;
    font-weight: 900;
    line-height: 42px;
    white-space: nowrap
}

.prototype-recommendations h2 {
    color: #15943c;
    text-align: center;
    font-size: 24px;
    line-height: 45px
}

.prototype-recommendations>a {
    display: block;
    width: calc(100% - 4px);
    min-height: 32px;
    margin: 6px 2px;
    border: 1px solid #d5d5d5;
    border-radius: 14px;
    background: linear-gradient(#fff, #f0f0f0);
    color: #111;
    font-size: 15px;
    font-weight: 800;
    line-height: 30px;
    text-align: center
}

.prototype-recommendations>a span {
    color: #f09b00
}

.prototype-recommendations>a b {
    color: #ef3038
}

.prototype-footer {
    padding: 18px 10px 28px;
    border-top: 1px solid #eee;
    color: #999;
    text-align: center;
    font-size: 12px
}

@media (max-width:800px) {
    .prototype-refresh {
        right: 12px;
        bottom: 28px;
        width: 44px;
        height: 44px
    }
    .prototype-home .quick-nav {
        gap: 3px 5px;
        padding-inline: 7px
    }
    .prototype-home .quick-nav a {
        font-size: clamp(11px, 3.25vw, 14px)
    }
    .prototype-home .lottery-head {
        flex-wrap: wrap
    }
    .prototype-home .ball {
        width: clamp(33px, 12vw, 51.2px);
        font-size: clamp(16px, 5.6vw, 24px)
    }
    .prototype-home .ball,
    .prototype-home .ball-plus {
        height: clamp(33px, 12vw, 51.2px)
    }
    .prototype-home .inline-history {
        margin-right: 0;
        margin-left: 0
    }
    .prototype-home .prediction-row {
        grid-template-columns: 102px minmax(0, 1fr) 65px;
        font-size: clamp(10px, 3.1vw, 13px)
    }
    .prediction-master-row {
        grid-template-columns: 32% minmax(0, 1fr) 24%;
        font-size: clamp(10px, 3.2vw, 13px)
    }
    .prototype-scroll-text {
        font-size: clamp(17px, 5vw, 25px)
    }
    .prototype-recommendations h2 {
        font-size: 21px
    }
    .prototype-recommendations>a {
        font-size: clamp(11px, 3.35vw, 15px)
    }
}

@media (max-width:420px) {
    .prototype-home .lottery-tab {
        min-height: 34px;
        font-size: 12px
    }
    .prototype-home .lottery-text-button {
        font-size: 11px
    }
    .prototype-home .lottery-actions {
        flex-direction: row;
        white-space: nowrap
    }
    .prototype-home .lottery-head {
        align-items: center
    }
    .prototype-home .balls {
        grid-template-columns: repeat(6, minmax(0, 1fr)) 20px minmax(0, 1fr)
    }
    .prototype-home .ball-meta {
        font-size: 10px
    }
    .prediction-master-table h2,
    .prototype-home .prediction-card h2,
    .prototype-home .prediction-card.theme-blue h2,
    .prototype-home .prediction-card.theme-gold h2,
    .prototype-home .prediction-card.theme-green h2,
    .prototype-home .prediction-card.theme-purple h2 {
        font-size: 15px
    }
    .prototype-home .prediction-row {
        grid-template-columns: 88px minmax(0, 1fr) 58px
    }
    .prototype-home .prediction-row>* {
        padding-inline: 2px
    }
    .prototype-home .element-legend {
        grid-template-columns: 1fr
    }
}

.reference-link-sections {
    margin-top: 8px;
    background: #0c0
}

.reference-link-section {
    margin-top: 8px
}

.reference-link-section:first-child {
    margin-top: 2px
}

.reference-section-title {
    display: block;
    width: calc(100% - 8px);
    height: auto;
    margin: 0 4px
}

.reference-link-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin: 0 4px;
    padding: 4px;
    list-style: none;
    background: #0c0;
    border: 2px solid #0c0;
    border-top: 0;
    border-radius: 0 0 6px 6px
}

.reference-link-card {
    min-width: 0
}

.reference-link-card a {
    display: block;
    overflow: hidden;
    border: 2px solid #0c0;
    border-radius: 10px;
    background: #48cabb;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s
}

.reference-link-card a:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0, 170, 0, .4)
}

.reference-link-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    border-radius: 8px 8px 0 0;
    background: #15d5be
}

.reference-link-name {
    display: block;
    padding: 3px 2px 1px;
    background: linear-gradient(180deg, #ff0, #fa0);
    color: #c00;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px
}

.reference-link-traditional {
    display: block;
    padding: 2px;
    background: #0a0;
    color: #fff;
    text-align: center;
    font-size: 10px
}

.reference-link-card a.waiting {
    opacity: .55;
    cursor: default
}

.reference-section-footer {
    margin: 8px 4px 0
}

.reference-section-footer img {
    display: block;
    width: 100%;
    height: auto
}

.reference-feedback-bar {
    margin: 8px 4px 0;
    padding: 8px;
    border: 1px solid #0c0;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

@media (max-width:520px) {
    .reference-link-name {
        font-size: clamp(13px, 3.8vw, 16px)
    }
    .reference-link-grid {
        gap: 3px;
        padding: 3px
    }
}

body:has(.prototype-home) {
    background: radial-gradient(ellipse at 50% 0, rgba(192, 143, 55, .22), transparent 42%), radial-gradient(ellipse at 100% 40%, rgba(27, 91, 151, .2), transparent 36%), #070d18;
    color: #e7eaf1
}

.prototype-home.site-root {
    max-width: 900px;
    margin: 16px auto;
    border: 1px solid #a9823d;
    border-radius: 16px;
    background: linear-gradient(155deg, #14233a, #0b1424 45%, #101b2e);
    box-shadow: 0 0 0 3px rgba(205, 164, 85, .08), 0 16px 48px rgba(0, 0, 0, .52)
}

.prototype-main {
    background: transparent
}

.prototype-home .quick-nav {
    padding: 10px 10px 14px;
    border-bottom: 1px solid hsla(40, 54%, 62%, .3);
    background: rgba(9, 17, 30, .94)
}

.prototype-home .quick-nav a {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff8e8;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .18), 0 3px 8px rgba(0, 0, 0, .24)
}

.prototype-home .quick-nav a:nth-child(5n+1) {
    background: linear-gradient(135deg, #e25760, #9e2938)
}

.prototype-home .quick-nav a:nth-child(5n+2) {
    background: linear-gradient(135deg, #438ed0, #1e4f91)
}

.prototype-home .quick-nav a:nth-child(5n+3) {
    background: linear-gradient(135deg, #31a77f, #176147)
}

.prototype-home .quick-nav a:nth-child(5n+4) {
    background: linear-gradient(135deg, #d5a441, #8b5b16)
}

.prototype-home .quick-nav a:nth-child(5n) {
    background: linear-gradient(135deg, #9a70c9, #59387e)
}

.prototype-home .lottery-shell {
    overflow: hidden;
    border: 1px solid #9f7a3b;
    border-radius: 12px;
    background: #0d192b;
    box-shadow: 0 7px 22px rgba(0, 0, 0, .38), inset 0 0 24px rgba(202, 159, 72, .06)
}

.prototype-home .lottery-panel,
.prototype-home .lottery-tabs {
    background: #101d31
}

.prototype-home .regional-loading {
    min-height: 126px;
    display: grid;
    place-items: center;
    color: #eec76f;
    font-weight: 700
}

.prototype-home .lottery-tabs {
    border-bottom-color: #65512f
}

.prototype-home .lottery-tab {
    background: #101d31;
    color: #aeb8c8
}

.prototype-home .lottery-tab.active {
    background: linear-gradient(180deg, rgba(213, 169, 79, .16), transparent);
    color: #f2cb73
}

.prototype-home .lottery-tab.active:after {
    background: linear-gradient(90deg, #b47a24, #ffe28a, #b47a24)
}

.prototype-home .lottery-head {
    color: #e1e7f0
}

.prototype-home .lottery-type-tt .lottery-name {
    color: #ff6a72
}

.prototype-home .lottery-type-am .lottery-name,
.prototype-home .lottery-type-hk .lottery-name {
    color: #ff7272
}

.prototype-home .lottery-head .issue-no {
    color: #f1c967;
    text-shadow: 0 0 10px hsla(43, 83%, 67%, .36)
}

.prototype-home .lottery-text-button {
    color: #eec76f
}

.prototype-home .drawing-progress {
    border-radius: 999px;
    background: #643e13;
    color: #ffe3a0
}

.prototype-home .ball {
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .42))
}

.prototype-home .ball.red {
    filter: drop-shadow(0 0 7px rgba(239, 67, 76, .43))
}

.prototype-home .ball.green {
    filter: drop-shadow(0 0 7px rgba(26, 202, 111, .4))
}

.prototype-home .ball.blue {
    filter: drop-shadow(0 0 7px rgba(54, 142, 214, .45))
}

.prototype-home .ball.pending {
    background: #29364a;
    color: #e0e6ef
}

.prototype-home .ball-meta {
    color: #e4c879;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.prototype-home .ball-plus {
    color: #f3ca6b;
    text-shadow: 0 0 9px hsla(42, 85%, 69%, .55)
}

.prototype-home .next-draw {
    margin: 5px 10px 8px;
    padding: 7px 10px;
    border: 1px solid rgba(196, 156, 79, .38);
    border-radius: 9px;
    background: linear-gradient(110deg, rgba(190, 145, 61, .12), rgba(29, 52, 82, .65), rgba(190, 145, 61, .12));
    color: #d2dae7
}

.prototype-home .next-draw strong {
    color: #ffd36f;
    text-shadow: 0 0 8px rgba(255, 211, 111, .32)
}

.prototype-home .countdown {
    color: #b8c3d3
}

.prototype-home .countdown strong {
    color: #ff7e7e
}

.prototype-home .inline-history {
    border-top-color: #d7dce2;
    background: #f8f9fa
}

.prototype-home .inline-history-head {
    background: #f1f3f5;
    color: #333;
    font-weight: 800
}

.prototype-home .inline-history-head span,
.prototype-home .inline-history-head strong,
.prototype-home .inline-history-meta,
.prototype-home .inline-history-meta strong,
.prototype-home .inline-history-meta time,
.prototype-home .inline-history-row,
.prototype-home .inline-history-row small,
.prototype-home .mini-ball {
    color: #333;
    font-weight: 800
}

.prototype-home .inline-history-row {
    min-width: 0;
    border-color: #d7dce2;
    background: #f8f9fa
}

.prototype-home .inline-history-meta {
    min-width: 0;
    gap: 7px
}

.prototype-home .inline-history-meta time {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prototype-home .inline-history-meta .latest-badge {
    background: #dff3e6;
    color: #333
}

.prototype-home .mini-ball-wrap {
    min-width: 0
}

.prototype-home .inline-history-balls {
    min-width: 0;
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.prototype-home .mini-ball {
    width: 38px;
    height: 38px;
    border: 0;
    background: #fff 50%/100% 100% no-repeat;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 1;
    box-shadow: none;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .42))
}

.prototype-home .mini-ball.red {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnZQTFRFAAAA/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zIy/zMz/zMz/zMz/zMz/zIy/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zMz/zU1/zs7/0BA/0ND/zQ0/zMz/zAw/zMz/zMz/1hY/3x8/6Cg/8fH/+Hh/+rq/+/v//Ly//Hx/8bG/6Gh/3p6/zMz/zMz/zMz/zMz/0pK/66u/97e//39//////z8/3t7/0tL/zMz/zMz/zMz/zMz/1xc/7Ky/+7u/+3t/7Gx/1pa/zMz/zMz/zMz/3Bw/8zM//7+/87O/21t/zMz/zMz/1NT/8jI/1BQ/zMz/zMz/zo6//r6/zMz/zMz/1ZW/9nZ/9jY/1VV/35+//X1//b2/zc3/5ub//f3//j4/5yc/zg4/zY2/6qq/6am/zMz/6en/5qa/zMz/3Z2//Pz/1dX/zk5/9ra/19f/zMz/729/zMz/3Fx/2pq/83N/zMz/0JC/3l5/7q6/v7+/+Xl/z4+/zMz/2Rk/4mJ/8DA/9PT/+fn/z09/+np/0FB/9TU/8XF/7+//4iI/1lZ//n5/z8//93d/7u7/zIy/zEx/9HR/2tr/8nJ/7y8/09P/11d/6Ki/0VF/5eX/4qK/0ZG/zw8/9fX/5mZ/8/P/zMz//T0/1RU/3Nz/3V1/5CQ/3Jy/52d/6Oj/6io/7S0/zMz/2Ji/1tb/zMz/zIy/+zs/7i4/6Sk/0hI/4OD/6+v/25u/9DQ/2dn/62t/2lp/+bm/5GR/+Li/5OT/zQ0/zQ0/4yMZk/kBgAAANJ0Uk5TAAcuWYu2z+Lv+f/w4bSMWi0GAzdyt/YEBD3oAxdqxcBrDnjd/twNcf//////CAA7zP///////////////8sUgvX///////////SAKMb///////8pZfH//////4H8////CaX//wqx/////////////////////2T//xX///////9c/+D////E////////OP//////////////////////Lgf////////////////////B////////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);
    filter: drop-shadow(0 0 7px rgba(239, 67, 76, .43))
}

.prototype-home .mini-ball.green {
    background-image: url(data:image/png;base64,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);
    filter: drop-shadow(0 0 7px rgba(26, 202, 111, .4))
}

.prototype-home .mini-ball.blue {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAvRQTFRFAAAAM5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5n/M5r/Mpj/M5n/M5n/M5n/M5n/Mpj/M5r/M5n/M5n/M5v/M5n/M5n/M5n/M5n/M5n/M5r/M5n/M5n/M5n/M5n/M5n/M5n/NZr/O53/QKD/Q6H/QJ//NJr/M5n/MJf/M5n/M5n/WKz/fL3/oND/x+P/4fD/6vT/7/f/8vj/8fj/xuL/odD/erz/M5n/M5n/M5n/M5n/NJn/SqX/er3/rtf/3u7//f7//////P7/rtb/e73/S6X/M5n/M5n/M5n/M5n/XK3/stj/7vb/7fb/sdj/Wq3/M5n/MJ//M5n/M5n/cLj/zOb//v//zub/bbb/M5n/M5n/U6n/yOT/UKf/M5r/M5n/Op3/+vz/oM//M5r/M5n/Vqr/2ez/2Ov/Var/fr7/9fr/9vv/N5v/m83/9/v/+Pv/nM7/OJv/Npv/qtX//P3/ptP/M5n//v7/p9P/nM3/msz/M5n/drr/8/n/V6v/OZz/2uz/Npr/ms3/+Pz/X6//M5n/vd7/M5n/M5n/cbj/arX/zeb/XK7/M5r/M5n/M5v/QqD/ebz/Mpf/ut3/5fL/Pp//M5n/WKv/ZLL/icT/M5f/M5r/wOD/0+n/5/P/PZ7/6fT/QaD/6vX/1On/xeL/v9//iMP/Waz/+fz/ZLH/P5//3e7/Pp7/u93/7vf/Mpn/stn/MZf/0ej/a7X/arT/yeT/vN7/T6f/+v3/Xa7/otD/RaL/l8v/isT/RqL/PJ3/1+v/Opz/mcz/z+f/M5n/9Pr/VKr/c7n/M5n/dbr/OJz/kMj/crn/nc7/o9H/qNP/ptL/tNn/M5n/YrH/W63/M5n/Mpn/9Pn/PJ7/7Pb/uNz/Vqv/2u3/2Oz/pNH/SKT/g8H/r9f/brb/zuf/0Oj/Z7P/rdb/abT/5vL/kcj/yOP/RqP/4vD/k8n/M5n/YrD/NJn/NJj/jMb/M5n/M5j/gnuVFAAAAPx0Uk5TAAcuWYu2z+Lv+f/w4bSMWi0GAzdyt/YEBD3oAxdqxcBrDnjd/twNcf///////wgAO8z////////////////LFIL1///////////////0gCjG////////KQBl8f//////gfz///8Jpf///wqx//////////////////////9k/////xX///////////9c/+AO/////wPEBP//BP///zj///8GB/////////////////////////8u/wf////////////////////////B////A////////////97//10H//////////////////////////////8J/wkK/wQHzGymjgAABdVJREFUeJy12XlcFFUAB/ABZIEBFuQSiJSWa7lBEtCQS2FnURDMAgkKMAndkstEBMMrxZMKDRQLjMvKI0sqK8vs0qywQ8uy+zK7b6t/eu/NHu/NzjKX/v7Zmbcz332ft29m3rxHUYKxs3cY56hycnahaRdXN5W72sNzvPBZAvHy9vH1o63i5+vjPUG+6h+gDrRGTQlUB1wliw26eiJPXYl6TwoOksxeowkJHZuFCQ3ThEti7SKc8PO1kVHR0TGRsXy2W0ScaDY+IdF8XszkpGunJKekTp2WmpJ8Xdr0yTFWdHpCvDg3IzOLPSN7xsycXB1DRJ+bN2s2p+r5BRli3DmFxuOL5l7P8GbeDTdyKl1YLMiWzC9lj72pTMfPwpTffAsplzoIuP4VlejAqim2VTYLbiXkygL/sdyF1eio29L0Qi7D1CyKJOjqhbbdxQZ0yO13CLMwS2oJ2bDYZn2Rq62rF+cyTEMd0T8MNursj9qhcemdYl2GWda0nGgN/nYugN81rxijM1inpbURlytKeNyVsD80rrhLigvSpsX7xnxrtxj2X+0qSfVFWU305zlcdw263uoktK8p+rXENci5uuMrYGmt6P6AZ93duJxJ3pES8kHZ+g1yXIbZ0I7BWQm4G5cOyxbJcxlmYzYmJ9phcAQsqRJxHfNn02a8MbZY3HA3WLBArsswW/HrZFuHGdbA/Xvku4zuXrzKGpMbFAZ371MAM2V4lUNMz+5g+Dwukn5pYGnpxODQYNbdvgPsZM9V4jJMHt4WE+9HcAAcl8yw8XwTm9QuDPYLQLAabs9U5jJMN15lNXR3ovFZnlJ4Fw4HegHYG27F5CqFe3bj8gMA9oEbDyrqEzA1vTjsA2BfuJGk1GWYPhz2pag9aKyaphxuw2G/hyhPtCE4PhFOPw7T9pQH/NAmK4cHCNiB7cWRKcrhZPypCnqyI/yISlUODw7hsCOlgh/RU5XDw3txWEW5XRnYiXK9Mk3hTLmgP+9h5TD557lQ6CP2MnS3R4juRrMw/ahyeB8HRk1x2S9p0BTO6HO6cng/AbtS7CvogRal7sHHCNiNvUDoQ48rhXueIGAV5c5uKH40HSb/O3f2JkTTs5TC3SSsphzYjdnzlLkjXSTsQT3JbsQ+pQzOIV3ak3raOI1yQJGr7yRdv/HGhylImRL4SDsJ+5oe/yDPKKnws5yW8DENWGCekw8fbeTA3gD2Mk2BPf+CXLf+GMcNnGAeFMK8KBdejW7Fx5NeevkVVlJbhrEwr74mz11yApwcdXKwnGFeRz9hHMZuP2Wqcm2DHPeNN8G4/a0edge9P00axV4VUOqWSXf1p2n67XdqjHvv0pZXBSooxATHNkm+fereo+kTZ8ynwdffMPPEpMb8dy5vkwqfBa16xjwIToVtbH4dozosE46N70ur71lwyfVZ9j8AxDlsujPC0gW1GyWMwfVNoIYfWppP9xEQzmPv0h9bJjNpeu06se4ncKri088sBZ+D/XRiEjUhC5O/+FKc+xWaHvvaUtDwDU3nE9MKVHwmfkU2L90kzNafXA+PrcJuBN+C/QLO1GxGIS5nbz4qMOmk23qMHVJdsJRdaLaeujFONlnS+N3FMbq0/vsfjPez9hFz4RHwQlbKMy3rUUmTdFGOjTHoyI+dzaajfjKXXjxO05V8k7IlFTQ3Xd2He2pI9ODPu7rx5+YvxvLyX3+DDczjmqYgOTnU29faP5A8ODw8+PvAvtb9vbvJ7/8w/l4bLLcxBUn9aeCRUbRDXXuHtHzf/IXc5NPwS8Pf/C5FXbIp284/KdP6u9Fg3nDJlgvqzNcaIlNts76onQsqhQm+VFb8O5YLsrJUWLFOqQffBC+Z4kJhhxsRyxUgayrypbFZmaIWWOCSULoUN1HskhBI3PlzYtltW+yEPSzhmjAxy24hmg5hi5Og4B1CC4WnZCwUwowKLW2OymJRdtpejPWSrxqzx9ND7ahyc4XLx85OKvdxDvb/CZ/1P/5sT33gPoXFAAAAAElFTkSuQmCC);
    filter: drop-shadow(0 0 7px rgba(54, 142, 214, .45))
}

.prototype-home .prediction-area {
    background: transparent
}

.prototype-home .prediction-master {
    overflow: hidden;
    border: 1px solid #9a7538;
    border-radius: 11px;
    background: #101c30
}

.prototype-home .prediction-master-table {
    border-color: #493e2c
}

.prototype-home .prediction-master-table h2 {
    background: linear-gradient(100deg, #8d2631, #d04b4b 45%, #8d2631);
    color: #fff2d3;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .6)
}

.prototype-home .prediction-master-row {
    border-color: #2b3b52;
    background: #122139;
    color: #dbe2ec
}

.prototype-home .prediction-master-row:nth-child(odd) {
    background: #172740
}

.prototype-home .prediction-master-row>*+* {
    border-color: #30445f
}

.prototype-home .prediction-master-row b {
    color: #e5c66e
}

.prototype-home .prediction-master-row em {
    color: #bcc7d7
}

.prototype-home .prediction-card {
    overflow: hidden;
    border: 1px solid rgba(194, 155, 82, .55);
    border-radius: 11px;
    background: #101c30;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .3), inset 0 0 22px rgba(110, 139, 181, .035)
}

.prototype-home .prediction-card h2,
.prototype-home .prediction-card.theme-blue h2,
.prototype-home .prediction-card.theme-gold h2,
.prototype-home .prediction-card.theme-green h2,
.prototype-home .prediction-card.theme-purple h2 {
    background: linear-gradient(100deg, #8d2631, #ce4b50 48%, #8d2631);
    color: #fff2d3;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .55)
}

.prototype-home .prediction-card.theme-blue h2 {
    background: linear-gradient(100deg, #164b82, #3188c8 48%, #164b82)
}

.prototype-home .prediction-card.theme-green h2 {
    background: linear-gradient(100deg, #145637, #259261 48%, #145637)
}

.prototype-home .prediction-card.theme-gold h2 {
    background: linear-gradient(100deg, #77501a, #bd8528 48%, #77501a)
}

.prototype-home .prediction-card.theme-purple h2 {
    background: linear-gradient(100deg, #50336f, #8756b2 48%, #50336f)
}

.prototype-home .prediction-row {
    border-color: #2b3b52;
    background: #111f34;
    color: #d8dfeb
}

.prototype-home .prediction-row:nth-child(odd) {
    background: #172740
}

.prototype-home .prediction-row>* {
    border-left-color: #2b3b52
}

.prototype-home .prediction-row.pending-row {
    background: #342b1d
}

.prototype-home .prediction-row .period {
    color: #f0ce79
}

.prototype-home .prediction-row .open-result {
    color: #bec9d8
}

.prototype-home .prediction-card.theme-red .prediction-row>span:nth-child(2) {
    color: #f2c8c9
}

.prototype-home .prediction-card.theme-blue .prediction-row>span:nth-child(2) {
    color: #b8dafa
}

.prototype-home .prediction-card.theme-green .prediction-row>span:nth-child(2) {
    color: #b9e6cf
}

.prototype-home .prediction-card.theme-gold .prediction-row>span:nth-child(2) {
    color: #f0d69f
}

.prototype-home .prediction-card.theme-purple .prediction-row>span:nth-child(2) {
    color: #d6c3ef
}

.prototype-home #module-elements .element-result b+b:before {
    content: "－";
    color: #9eacc0;
    font-weight: 400
}

.prototype-home #module-elements .element-result .element-metal {
    color: #ffd36a
}

.prototype-home #module-elements .element-result .element-wood {
    color: #66d493
}

.prototype-home #module-elements .element-result .element-water {
    color: #71bbff
}

.prototype-home #module-elements .element-result .element-fire {
    color: #ff817b
}

.prototype-home #module-elements .element-result .element-earth {
    color: #d8a46c
}

.prototype-home .rule-note {
    background: #28364b
}

.prototype-home .rule-note span {
    background: #1a2b43;
    color: #cbd6e3
}

.prototype-home .pair-list b {
    color: #d0b3ff
}

.prototype-home .zodiac-chart-row {
    border-color: #33455e;
    background: #15243a;
    color: #dce3ee
}

.prototype-home .zodiac-chart-row strong {
    background: linear-gradient(145deg, #b89243, #76501b);
    color: #fff1c9;
    box-shadow: 0 0 10px rgba(218, 177, 93, .25)
}

.prototype-recommendations {
    border-top: 1px solid #8f7039;
    background: #0c1729
}

.prototype-scroll-text {
    color: #f77;
    text-shadow: 0 0 10px rgba(255, 87, 87, .4)
}

.prototype-recommendations h2 {
    color: #f0cb70;
    text-shadow: 0 0 10px hsla(43, 81%, 69%, .24)
}

.prototype-recommendations>a {
    border-color: #715b37;
    background: linear-gradient(110deg, #172943, #243957 50%, #172943);
    color: #eee7d6;
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .06), 0 3px 9px rgba(0, 0, 0, .24)
}

.prototype-recommendations>a span {
    color: #ffd26b
}

.prototype-recommendations>a b {
    color: #ff8a8a
}

.prototype-home .prototype-refresh {
    border-color: #f4d18a;
    background: linear-gradient(145deg, #ed565d, #a8182b);
    box-shadow: 0 0 18px rgba(236, 60, 70, .42)
}

@media (max-width:800px) {
    .prototype-home.site-root {
        margin: 0 auto;
        border-radius: 0
    }
    .prototype-home .quick-nav {
        padding: 8px 7px 11px
    }
    .prototype-home .lottery-shell {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }
    .prototype-home .next-draw {
        margin-right: 6px;
        margin-left: 6px
    }
    .prototype-home .prediction-card,
    .prototype-home .prediction-master {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }
}

.prototype-home .site-banner {
    overflow: hidden;
    border-bottom: 2px solid #e3c474;
    background: #fff4d7;
    box-shadow: 0 3px 15px rgba(229, 185, 89, .2)
}

.prototype-home .site-banner img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.prototype-home .quick-nav a {
    min-height: 22px;
    font-size: 16px;
    line-height: 22px
}

.prototype-home .lottery-tab {
    font-size: 16px
}

.prototype-home .lottery-head {
    font-size: 15.33px
}

.prototype-home .lottery-text-button {
    font-size: 14px
}

.prototype-home .ball {
    font-size: 26px
}

.prototype-home .ball-meta {
    font-size: 14.8px
}

.prototype-home .next-draw {
    font-size: 14px
}

.prototype-home .countdown {
    font-size: 15px
}

.prototype-home .countdown strong {
    font-size: 16px
}

.prototype-home .inline-history-head {
    font-size: 15px
}

.prototype-home .inline-history-meta,
.prototype-home .inline-history-row small {
    font-size: 12px
}

.prototype-home .prediction-card h2,
.prototype-home .prediction-card.theme-blue h2,
.prototype-home .prediction-card.theme-gold h2,
.prototype-home .prediction-card.theme-green h2,
.prototype-home .prediction-card.theme-purple h2,
.prototype-home .prediction-master-table h2 {
    min-height: 34px;
    font-size: 19px;
    line-height: 25px
}

.prototype-home .prediction-master-row,
.prototype-home .prediction-row {
    min-height: 34px;
    font-size: 15px
}

.prototype-home .prediction-master-row {
    line-height: 33px
}

.prototype-home .prediction-row>* {
    min-height: 33px;
    line-height: 23px
}

.prototype-recommendations h2 {
    font-size: 26px
}

.prototype-recommendations>a {
    min-height: 34px;
    font-size: 17px;
    line-height: 32px
}

.prototype-scroll-text {
    font-size: 27px
}

@media (max-width:800px) {
    .prototype-home .quick-nav a {
        font-size: clamp(12px, 3.5vw, 16px)
    }
    .prototype-home .ball {
        font-size: clamp(18px, calc(5.6vw + 2px), 26px)
    }
    .prototype-home .prediction-row {
        font-size: clamp(12px, calc(3.1vw + 2px), 15px)
    }
    .prototype-home .prediction-master-row {
        font-size: clamp(12px, calc(3.2vw + 2px), 15px)
    }
    .prototype-recommendations>a {
        font-size: clamp(13px, calc(3.35vw + 2px), 17px)
    }
    .prototype-scroll-text {
        font-size: clamp(19px, calc(5vw + 2px), 27px)
    }
}

@media (max-width:420px) {
    .prototype-home .lottery-tab {
        font-size: 14px
    }
    .prototype-home .lottery-text-button {
        font-size: 13px
    }
    .prototype-home .lottery-head {
        font-size: 15px
    }
    .prototype-home .ball-meta {
        font-size: 12px
    }
    .prototype-home .prediction-card h2,
    .prototype-home .prediction-card.theme-blue h2,
    .prototype-home .prediction-card.theme-gold h2,
    .prototype-home .prediction-card.theme-green h2,
    .prototype-home .prediction-card.theme-purple h2,
    .prototype-home .prediction-master-table h2 {
        font-size: 17px
    }
    .prototype-home .prediction-row,
    .prototype-recommendations>a {
        font-size: 14px
    }
}

.prototype-home .kill16-numbers,
.prototype-home .kill16-numbers span {
    color: #ffe08a
}

.prototype-home .kill16-numbers span {
    text-shadow: 0 0 6px rgba(255, 211, 111, .28)
}

.prototype-home .zodiac-chart-row span {
    color: #f3d98e;
    text-shadow: 0 0 5px hsla(45, 81%, 75%, .18)
}

.prototype-home .three-head-tail-row {
    border-color: #33455e;
    background: #14233a;
    color: #f0e6ff
}

.prototype-home .three-head-tail-row:nth-child(2n) {
    background: #192a43
}

.prototype-home .three-head-tail-row .period {
    color: #9acbff
}

.prototype-home .three-head-tail-row>span:nth-child(2),
.prototype-home .three-head-tail-row>span:nth-child(3) {
    color: #f1d68a;
    text-shadow: 0 0 5px hsla(44, 79%, 74%, .2)
}

.prototype-home .three-head-tail-row .open-result {
    color: #d9e6f5
}

.prototype-home .prototype-refresh {
    font-size: 15px
}

.prototype-home .lottery-tab,
.prototype-home .quick-nav a {
    font-size: 18px
}

.prototype-home .lottery-head {
    font-size: 17.33px
}

.prototype-home .lottery-text-button {
    font-size: 16px
}

.prototype-home .ball {
    font-size: 28px
}

.prototype-home .ball-plus {
    font-size: 26px
}

.prototype-home .ball-meta {
    font-size: 16.8px
}

.prototype-home .next-draw {
    font-size: 16px
}

.prototype-home .countdown {
    font-size: 17px
}

.prototype-home .countdown strong {
    font-size: 18px
}

.prototype-home .inline-history-head {
    font-size: 17px
}

.prototype-home .inline-history-head strong {
    font-size: 20px
}

.prototype-home .inline-history-head span,
.prototype-home .inline-history-meta,
.prototype-home .inline-history-meta time,
.prototype-home .inline-history-row small {
    font-size: 14px
}

.prototype-home .latest-badge {
    font-size: 13px
}

.prototype-home .mini-ball {
    font-size: 16px
}

.prototype-home .mini-ball-wrap small {
    font-size: 12px
}

.prototype-home .prediction-card h2,
.prototype-home .prediction-card.theme-blue h2,
.prototype-home .prediction-card.theme-gold h2,
.prototype-home .prediction-card.theme-green h2,
.prototype-home .prediction-card.theme-purple h2,
.prototype-home .prediction-master-table h2 {
    font-size: 21px
}

.prototype-home .prediction-master-row,
.prototype-home .prediction-row {
    font-size: 17px
}

.prototype-home .kill16-head,
.prototype-home .kill16-numbers,
.prototype-home .three-head-tail-row {
    font-size: 15px
}

.prototype-home .rule-note span {
    font-size: 14px
}

.prototype-home .element-legend span {
    font-size: 11px
}

.prototype-home .element-legend b,
.prototype-home .zodiac-chart-row strong {
    font-size: 16px
}

.prototype-home .zodiac-chart-row span {
    font-size: 14px
}

.prototype-recommendations h2 {
    font-size: 28px
}

.prototype-recommendations>a {
    font-size: 19px
}

.prototype-scroll-text {
    font-size: 29px
}

@media (max-width:800px) {
    .prototype-home .quick-nav a {
        font-size: clamp(14px, calc(3.5vw + 2px), 18px)
    }
    .prototype-home .ball {
        font-size: clamp(20px, calc(5.6vw + 4px), 28px)
    }
    .prototype-home .ball-meta {
        font-size: clamp(12px, calc(3vw + 2px), 16px)
    }
    .prototype-home .prediction-row {
        font-size: clamp(14px, calc(3.1vw + 4px), 17px)
    }
    .prototype-home .prediction-master-row {
        font-size: clamp(14px, calc(3.2vw + 4px), 17px)
    }
    .prototype-home .three-head-tail-row {
        font-size: 14px
    }
    .prototype-recommendations>a {
        font-size: clamp(15px, calc(3.35vw + 4px), 19px)
    }
    .prototype-scroll-text {
        font-size: clamp(21px, calc(5vw + 4px), 29px)
    }
}

@media (max-width:420px) {
    .prototype-home .lottery-tab {
        font-size: 16px
    }
    .prototype-home .lottery-text-button {
        font-size: 15px
    }
    .prototype-home .lottery-head {
        font-size: 17px
    }
    .prototype-home .ball-meta {
        font-size: 14px
    }
    .prototype-home .prediction-card h2,
    .prototype-home .prediction-card.theme-blue h2,
    .prototype-home .prediction-card.theme-gold h2,
    .prototype-home .prediction-card.theme-green h2,
    .prototype-home .prediction-card.theme-purple h2,
    .prototype-home .prediction-master-table h2 {
        font-size: 19px
    }
    .prototype-home .prediction-row {
        font-size: 16px
    }
    .prototype-home .kill16-head,
    .prototype-home .kill16-numbers {
        font-size: 13px
    }
    .prototype-home .three-head-tail-row,
    .prototype-home .zodiac-chart-row span {
        font-size: 12px
    }
    .prototype-recommendations>a {
        font-size: 16px
    }
}

.prototype-home #module-code-14 .code14-mobile-lines {
    display: none
}

@media (max-width:600px) {
    .prototype-home #module-code-14 .code14-row {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: center
    }
    .prototype-home #module-code-14 .code14-row>.period {
        grid-column: 1;
        grid-row: 1;
        text-align: left
    }
    .prototype-home #module-code-14 .code14-row>.open-result {
        grid-column: 2;
        grid-row: 1;
        text-align: right
    }
    .prototype-home #module-code-14 .code14-row>.code14-numbers {
        grid-column: 1/-1;
        grid-row: 2;
        min-height: 0;
        padding: 2px 6px 7px;
        overflow: visible;
        border-left: 0;
        line-height: 1.35;
        text-overflow: clip;
        white-space: normal
    }
    .prototype-home #module-code-14 .code14-inline {
        display: none
    }
    .prototype-home #module-code-14 .code14-mobile-lines {
        display: grid;
        gap: 1px;
        font-size: clamp(12px, 3.8vw, 16px);
        line-height: 1.35;
        text-align: center;
        white-space: nowrap
    }
}

.prototype-home #prediction-modules .prediction-loading {
    font-size: 15px
}

.prototype-home #prediction-modules .prediction-card h2,
.prototype-home #prediction-modules .prediction-master-table h2 {
    font-size: 20px
}

.prototype-home #prediction-modules .prediction-master-row,
.prototype-home #prediction-modules .prediction-row {
    font-size: 16px
}

.prototype-home #prediction-modules .kill16-head,
.prototype-home #prediction-modules .kill16-numbers,
.prototype-home #prediction-modules .three-head-tail-row {
    font-size: 14px
}

.prototype-home #prediction-modules .rule-note span {
    font-size: 13px
}

.prototype-home #prediction-modules .element-legend span {
    font-size: 10px
}

.prototype-home #prediction-modules .element-legend b,
.prototype-home #prediction-modules .zodiac-chart-row strong {
    font-size: 15px
}

.prototype-home #prediction-modules .zodiac-chart-row span {
    font-size: 13px
}

@media (max-width:800px) {
    .prototype-home #prediction-modules .prediction-master-row {
        font-size: clamp(13px, calc(3.2vw + 1px), 16px)
    }
    .prototype-home #prediction-modules .prediction-row {
        font-size: clamp(13px, calc(3.1vw + 1px), 16px)
    }
    .prototype-home #prediction-modules .three-head-tail-row {
        font-size: 13px
    }
    .prototype-home #prediction-modules .code14-mobile-lines {
        font-size: clamp(11px, calc(3.8vw - 1px), 15px)
    }
}

@media (max-width:420px) {
    .prototype-home #prediction-modules .prediction-card h2,
    .prototype-home #prediction-modules .prediction-master-table h2 {
        font-size: 18px
    }
    .prototype-home #prediction-modules .prediction-row {
        font-size: 15px
    }
    .prototype-home #prediction-modules .kill16-head,
    .prototype-home #prediction-modules .kill16-numbers {
        font-size: 12px
    }
    .prototype-home #prediction-modules .three-head-tail-row {
        font-size: 11px
    }
    .prototype-home #prediction-modules .rule-note span {
        font-size: 10px
    }
    .prototype-home #prediction-modules .zodiac-chart-row span {
        font-size: 11px
    }
}

.prototype-home #module-kill16 .kill16-head .open-result {
    color: #ffe08a;
    font-weight: 800;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .75)
}

@media (max-width:600px) {
    .prototype-home #module-three-head-four-tail .three-head-tail-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        gap: 3px 8px;
        min-height: 0;
        padding: 6px 10px;
        line-height: 1.35
    }
    .prototype-home #module-three-head-four-tail .three-head-tail-row .period {
        grid-column: 1;
        grid-row: 1
    }
    .prototype-home #module-three-head-four-tail .three-head-tail-row>span:nth-child(2) {
        grid-column: 1;
        grid-row: 2
    }
    .prototype-home #module-three-head-four-tail .three-head-tail-row>span:nth-child(3) {
        grid-column: 2;
        grid-row: 2
    }
    .prototype-home #module-three-head-four-tail .three-head-tail-row .open-result {
        grid-column: 2;
        grid-row: 1
    }
    .prototype-home #module-three-head-four-tail .three-head-tail-row>* {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere
    }
}

.prototype-home #module-beauty-two .beauty-two-selection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3px 6px;
    overflow: visible;
    white-space: normal;
    text-overflow: clip
}

.prototype-home #module-beauty-two .beauty-two-label,
.prototype-home #module-beauty-two .beauty-two-zodiacs {
    white-space: nowrap
}

.prototype-home #module-beauty-two .beauty-group-auspicious {
    color: #a3efc7
}

.prototype-home #module-beauty-two .beauty-group-inauspicious {
    color: #ffb6d7
}

.prototype-home #module-beauty-two .beauty-two-zodiacs {
    color: #ffe08a
}

.prototype-home #module-beauty-two .open-result {
    color: #e5edf8
}

.prototype-home #module-diet-two .diet-rule-note {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.prototype-home #module-diet-two .diet-two-selection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3px 6px;
    overflow: visible;
    white-space: normal;
    text-overflow: clip
}

.prototype-home #module-diet-two .diet-two-selection b {
    white-space: nowrap
}

.prototype-home #module-diet-two .diet-two-vegetables {
    color: #a3efc7
}

.prototype-home #module-diet-two .diet-two-grass {
    color: #ffe08a
}

.prototype-home #module-diet-two .diet-two-meat {
    color: #ffb6b0
}

.prototype-home #module-diet-two .open-result {
    color: #e5edf8
}

@media (max-width:600px) {
    .prototype-home #module-diet-two .diet-rule-note {
        grid-template-columns: 1fr
    }
}

.prototype-home #module-bravery-two .bravery-two-selection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3px 6px;
    overflow: visible;
    white-space: normal;
    text-overflow: clip
}

.prototype-home #module-bravery-two .bravery-two-selection b {
    min-width: 0;
    max-width: 100%
}

.prototype-home #module-bravery-two .bravery-two-label {
    white-space: normal;
    overflow-wrap: anywhere
}

.prototype-home #module-bravery-two .bravery-two-bold {
    color: #ffb6b0
}

.prototype-home #module-bravery-two .bravery-two-timid {
    color: #a8d7ff
}

.prototype-home #module-bravery-two .bravery-two-zodiacs {
    color: #ffe08a;
    white-space: normal;
    overflow-wrap: anywhere
}

.prototype-home #module-bravery-two .open-result {
    color: #e5edf8
}

.prototype-home #module-beauty-two .prediction-row,
.prototype-home #module-bravery-two .prediction-row,
.prototype-home #module-diet-two .prediction-row {
    grid-template-columns: max-content minmax(0, 1fr) max-content
}

.prototype-home #module-beauty-two .open-result,
.prototype-home #module-beauty-two .period,
.prototype-home #module-bravery-two .open-result,
.prototype-home #module-bravery-two .period,
.prototype-home #module-diet-two .open-result,
.prototype-home #module-diet-two .period {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap
}

.prototype-home #module-combined-kill .combined-kill-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    background: #101c30;
    font-size: 16px;
    line-height: 1.4
}

.prototype-home #module-combined-kill .combined-kill-issue-col {
    width: 24%
}

.prototype-home #module-combined-kill .combined-kill-result-col {
    width: 16%
}

.prototype-home #module-combined-kill td,
.prototype-home #module-combined-kill th {
    padding: 9px 4px;
    border: 1px solid #34445d;
    min-width: 0;
    text-align: center;
    font-weight: 700;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip
}

.prototype-home #module-combined-kill thead th {
    background: #1b2c46;
    color: #fff2cc
}

.prototype-home #module-combined-kill tbody tr:nth-child(2n) {
    background: #15263f
}

.prototype-home #module-combined-kill tbody tr.pending-row {
    background: #342b1c
}

.prototype-home #module-combined-kill .period {
    color: #a8d7ff
}

.prototype-home #module-combined-kill .combined-kill-zodiac {
    color: #ffb6d7
}

.prototype-home #module-combined-kill .combined-kill-head,
.prototype-home #module-combined-kill .combined-kill-tail {
    color: #ffe08a
}

.prototype-home #module-combined-kill .combined-kill-wave-red {
    color: #ff9299
}

.prototype-home #module-combined-kill .combined-kill-wave-blue {
    color: #a8d7ff
}

.prototype-home #module-combined-kill .combined-kill-wave-green {
    color: #a3efc7
}

.prototype-home #module-combined-kill .open-result {
    color: #e5edf8
}

@media (max-width:600px) {
    .prototype-home #module-combined-kill .combined-kill-table {
        font-size: 14px
    }
    .prototype-home #module-combined-kill .combined-kill-issue-col {
        width: 28%
    }
    .prototype-home #module-combined-kill .combined-kill-result-col {
        width: 16%
    }
    .prototype-home #module-combined-kill td,
    .prototype-home #module-combined-kill th {
        padding: 8px 2px
    }
}

@media (max-width:360px) {
    .prototype-home #module-combined-kill .combined-kill-table {
        font-size: 12px
    }
}

@media (max-width:600px) {
    .prototype-home #prediction-modules .prediction-row:not(.code14-row) {
        grid-template-columns: max-content minmax(0, 1fr) max-content;
        align-items: start
    }
    .prototype-home #prediction-modules .prediction-row:not(.code14-row)>* {
        overflow: visible;
        text-overflow: clip
    }
    .prototype-home #prediction-modules .prediction-row:not(.code14-row)>.open-result,
    .prototype-home #prediction-modules .prediction-row:not(.code14-row)>.period {
        white-space: nowrap
    }
    .prototype-home #prediction-modules .prediction-row:not(.code14-row)>span:nth-child(2) {
        min-height: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.3
    }
}