* {
    border: 0;
    padding: 0;
    margin: 0;
}
html,
body {
    height: 100%;
    font:
        14px/1.4 Microsoft YaHei,
        Helvetica,
        sans-serif;
    color: #222;
    overflow-x: hidden;
}
body {
    min-height: 100%;
    height: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul,
li {
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
table {
    empty-cells: show;
    border-collapse: collapse;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

:root {
    --template-frame-color: #87cefb;
    --template-frame-gradient: linear-gradient(to right, #87cefb, #fff, #87cefb);
    --template-frame-gradient-vertical: linear-gradient(to top, #fff, #87cefb, #fff);
    --template-frame-shadow: rgba(71, 145, 190, 0.28);
}

.container {
    max-width: 720px;
    width: 100%; /* 显式声明宽度/防止图片/表格等溢出  */
    margin: 0 auto;
    overflow-x: hidden; /* 双重保险 */
    box-sizing: border-box; /* 包含 padding 和 border */
    border-left: solid 1px var(--template-frame-color);
    border-right: solid 1px var(--template-frame-color);
}

.wr {
    color: #f00 !important;
}
.wg {
    color: #080 !important;
}
.wb {
    color: #00f !important;
}
.wp {
    color: #f0f !important;
}
.wy {
    color: #ff0 !important;
}
.wo {
    color: #f60 !important;
}
.wpe {
    color: #80d !important;
}
.wsr {
    color: #f06 !important;
}
.wsb {
    color: #06f !important;
}
.ww {
    color: #fff !important;
}
.wbl {
    color: #000 !important;
}

z1 {
    font-size: 12px;
}
z2 {
    font-size: 14px;
}
z3 {
    font-size: 16px;
}
z3 {
    font-size: 18px;
}
z4 {
    font-size: 20px;
}
z5 {
    font-size: 22px;
}
z6 {
    font-size: 24px;
}
z7 {
    font-size: 26px;
}
z8 {
    font-size: 28px;
}
z9 {
    font-size: 30px;
}
z10 {
    font-size: 32px;
}
z11 {
    font-size: 20pt;
}
g1 {
    color: #0f0;
    font-size: 26px;
}
g2 {
    color: #0f0;
    font-size: 17px;
}
r1 {
    color: #f00;
    font-size: 26px;
}
r2 {
    color: #f00;
    font-size: 31px;
}
r3 {
    color: #f00;
    font-size: 36px;
}
r4 {
    color: #f00;
    font-size: 31px;
}
r5 {
    color: #f00;
    font-size: 28.5px;
}
b1 {
    color: #0ff;
    font-size: 28.5px;
}
p1 {
    color: #f0f;
    font-size: 28.5px;
}
h3 {
    font-size: 1.1em;
}
.shs {
    color: #f00;
    animation: blink 0.3s infinite;
}
@keyframes blink {
    50% {
        color: transparent;
    }
}

.jh {
    background: #fff;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.jx {
    background: #fff;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.jz {
    background: #f00;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.jy {
    background: #f00;
    color: #ff0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    height: 27px;
    line-height: 25px;
}
.jp {
    color: #800000;
    font-size: 13pt;
    font-weight: 400;
}
.jb {
    font-size: 16pt;
}

.header {
    max-width: 720px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 9;
}
.header-image {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 720px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 9;
}
.footer {
    text-align: center;
}
.footer p,
.footer * {
    color: #00324d;
}
.footer p {
    margin: 5px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
.box {
    border: 2px solid var(--template-frame-color);
    margin: 1px 0;
    overflow: hidden;
    background-image: var(--template-frame-gradient);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.box2 {
    border: 2px solid var(--template-frame-color);
    margin: 1px 0;
    border-radius: 5px;
    overflow: hidden;
}
.list-title2 {
    font-size: 24pt;
    text-align: center;
    color: #000000;
    font-weight: bold; /* text-shadow: 1px 1px 1px #ffffff; */
    background: linear-gradient(transparent, #f7f3f3);
    text-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 0 0 50px 50px;
    box-shadow:
        0 5px 4px 0 var(--template-frame-shadow),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.boxw {
    background: #fff;
}
.br12 {
    border-radius: 12px;
}
.pb-head {
    padding-left: 1rem;
    padding-right: 1rem;
}
.pb-tit {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    text-align: center;
}
.zhzl-content,
.sxsx-content {
    font-size: 1.2rem;
    background: #fff;
}
.zhzl-content li b,
.sxsx-content li b {
    color: #30f;
}
.zhzl-content li font,
.sxsx-content li font {
    color: #f00;
}
.qnzl {
    background: #fff;
    text-align: center;
    padding: 0;
}
.qnzl ul {
    display: flex;
    flex-flow: row wrap;
    padding: 5px;
    margin: 0;
    list-style: none;
}
.qnzl ul li {
    width: 33.33%;
    padding: 1px;
    box-sizing: border-box;
}
.qnzl ul li a {
    display: block;
    padding: 7px 0;
    border: solid 1px #ddd;
    border-radius: 5px;
}
.sx table {
    border-collapse: collapse;
    border-spacing: 0;
}
.sx table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.sx table td {
    border: 1px solid #e5e5e5;
    padding: 3px 2px;
    word-break: break-all;
}
.sx ul,
.sx li,
.sx dl,
.sx dt,
.sx dd {
    margin: 0;
    padding: 0;
}
.sx ul {
    display: block;
    list-style-type: disc;
}
.sx ul li img {
    width: 25px;
    height: 25px;
    margin: 0 5px 10px;
    vertical-align: middle;
    border: 0;
}
.sx1 li {
    float: left;
    width: 33.333333%;
    padding: 5px 0;
    text-align: center;
}
.sx span {
    height: 18px;
    line-height: 18px;
    margin: 0 2px;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    background-color: #f00;
}
.sx span.blue {
    background-color: #3366ff;
}
.sx span.green {
    background-color: #009933;
}
@media (min-width: 320px) and (max-width: 359px) {
    .sx1 li {
        width: 50%;
    }
}
@media (min-width: 360px) and (max-width: 374px) {
    .sx1 li {
        width: 50%;
    }
}
@media (min-width: 375px) and (max-width: 392px) {
    .sx ul li .tm01 span {
        margin: 0 1px;
        padding: 0 2px;
    }
}
@media (min-width: 393px) and (max-width: 413px) {
    .sx ul li .tm01 span {
        margin: 0 1px;
        padding: 0 2px;
    }
}
@media (min-width: 414px) and (max-width: 767px) {
}
@media (min-width: 768px) {
    .sx1 li {
        width: 25%;
    }
}
.logo {
    height: 60px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--template-frame-gradient);
    margin-bottom: 2px;
}
.logo img {
    width: 210px;
    height: 54px;
}
.rq-content {
    background: var(--template-frame-gradient);
    padding: 0.5rem 0.5rem;
    font-size: 1.3rem;
    text-align: center;
}
.pb-content {
    background: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
}
.pb-content li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
}
.pb-content li:last-child {
    border-bottom: 0;
}
.pb-content li span {
    display: flex;
    float: right;
}
.tzlb-content {
    font-size: 1.3rem;
    text-align: center;
    background: #fff;
}
.tzlb-content li {
    border-bottom: 1px solid #aaa;
    background: #fff;
    margin: 5px 0;
    border-radius: 5px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-weight: bold;
}
.tzlb-content li:last-child {
    border-bottom: 1px solid #aaa;
}
.tzlb-content li span {
    font-size: 1.1rem;
}
.tzlb-content li font {
    color: #f00;
    font-size: 0.9rem;
    border: 0.1rem solid #f00;
    border-radius: 0.3rem;
    margin-left: 0.2rem;
    padding: 0.1rem;
    vertical-align: middle;
}
.kjjl {
    background: var(--template-frame-gradient);
    border-radius: 5px;
    font-size: 18pt;
    text-align: center;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    margin: 2px;
}
.kjt li {
    display: inline-block;
    width: 50%;
    text-align: center;
    background: #eee;
    color: #000;
    font-size: 21px;
    font-weight: 800;
}
.kjt li.liactive {
    background: var(--template-frame-gradient);
    color: #000;
    font-size: 21px;
    font-weight: 800;
}
.kjt img {
    height: auto;
    margin: 0 auto;
}
.list-title {
    font-size: 20pt;
    text-align: center;
    color: #000000;
    font-weight: bold;
    background: linear-gradient(transparent, #f7f3f3);
    text-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 0 0 50px 50px;
    box-shadow:
        0 5px 4px 0 var(--template-frame-shadow),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.list-title1 {
    font-size: 22px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 6px 0px 8px 0px;
}
.post-list {
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.post-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
}
.post-list li {
    padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.post-list .post-row {
    padding: 0;
}
.post-list .post-row-split {
    display: flex;
    align-items: stretch;
}
.post-list .post-row {
    box-shadow: inset 0 -1px 0 #ccc;
}
.post-list .post-row-single {
    display: block;
}
.post-list .post-period,
.post-list .post-predict,
.post-list .post-result {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    min-width: 0;
}
.post-list .post-period {
    flex: 0 0 15%;
}
.post-list .post-result {
    flex: 0 0 20%;
}
.post-list .post-predict {
    flex: 1 1 auto;
    display: block;
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}
.post-list .post-row-single .post-predict {
    display: block;
    width: 100%;
}
.post-list .post-predict br {
    display: block;
    content: "";
}
.post-list .post-predict span {
    display: inline-block;
}
.post-list li > a {
    height: 35px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.post-list .post-predict a {
    display: inline;
    height: auto;
    line-height: inherit;
    text-align: inherit;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
    color: inherit;
}
.post-list .post-predict a img {
    vertical-align: middle;
}
.post-list ul li {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    font-weight: bold;
}
.post-list font {
    font-size: 15px;
    color: #f00;
    border: 1px solid #f00;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 3px;
}
.post-list1 {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.post-list1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.post-list1 li {
    float: left;
    width: calc(50% - 6px);
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}
.post-list1 a {
    height: 35px;
    line-height: 31px;
    text-align: center;
    border-top: 0.2px solid #ffffff;
    background-image: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.post-gg {
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.post-gg li {
    float: left;
    width: calc(50% - 6px);
    padding: 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}
.post-gg a {
    height: 35px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: var(--template-frame-gradient-vertical);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.post-gg1 {
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.post-gg1 li {
    float: left;
    width: calc(50% - 6px);
    padding: 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}
.post-gg1 a {
    height: 35px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: linear-gradient(
        155deg,
        rgba(2, 0, 36, 1) 0%,
        rgba(255, 0, 0, 1) 0%,
        rgb(247 146 255)  24%,
        rgb(103, 239, 254) 48%,
        rgb(202, 203, 251) 60%,
        rgb(243, 241, 121) 96%
    );
    animation: gradient-anim 2s linear infinite;
    background-size: 300% 300%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.post-gg2 {
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.post-gg2 li {
    float: left;
    width: calc(50% - 6px);
    padding: 3px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 22px;
}
.post-gg2 a {
    height: 35px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

@keyframes gradient-anim {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.tz {
    background-color: #333333;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 2;
}
.tz1 {
    background-color: #000;
    color: #f00;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 2;
}
.gfym {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff4c2;
    background-image: linear-gradient(90deg, #70040d, #bb1e29, #70040d);
    background-size: 100% 40px;
    background-repeat: no-repeat;
    height: 40px;
    background-color: #70040d;
}
.fixed-button {
    position: fixed;
    border: none;
    background: none;
    cursor: pointer;
}
.fixed-button img {
    width: 60px;
    height: auto;
}
.post-ext {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-color: #f0fdf4;
}
.post-ext p {
    text-align: center;
}

@media (max-width: 640px) {
    .post-ext {
        font-size: 16px;
    }
}
.qxtable td {
    border: 1px solid #c0c0c0;
    text-overflow: ellipsis;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
}
.qxtable span {
    font-size: 25px;
    text-align: center;
    color: #000000;
    padding: 2px 0px 4px 0px;
    text-shadow: 1px 1px 1px #ffffff;
    font-weight: 700;
}
.qxtable p {
    font-size: 23px;
    text-align: center;
    color: #000000;
    padding: 2px 0px 4px 0px;
    font-weight: 700;
}
.qxtable tr td:nth-child(1) {
    width: 40%;
    background: #000;
}
.qxtable tr td:nth-child(2) {
    background: #000;
}
.qxtable1 tr {
    height: 35px;
}
.qxtable1 td {
    border: 1px solid #e4ece4;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
}
.qxtable1 span {
    font-size: 25px;
    text-align: center;
    color: #000000;
    padding: 2px 0px 4px 0px;
    text-shadow: 1px 1px 1px #ffffff;
    font-weight: 700;
}
.qxtable1 p {
    font-size: 13pt;
    color: #000000;
    padding: 2px 0px 4px 0px;
    font-weight: 700;
}
.qxtable1 tr td:nth-child(1) {
    width: 36%;
    background: #f4f4f4;
}
.qxtable1 tr td:nth-child(2) {
    background: #f4f4f4;
}
.duilianpt {
    height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
    background: #fff;
}
.duilianpt tr {
    height: 40px;
}
.duilianpt td {
    font-size: 23px;
    border: 1px solid #ccc;
}
.duilianpt span {
    font-size: 1.2em;
}
.duilianpt p {
    font-size: 28px;
}
.duilianpt1 {
    height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
    background: #fff;
}
.duilianpt1 tr {
    height: 40px;
}
.duilianpt1 td {
    font-size: 23px;
    border: 1px solid #ccc;
}
.duilianpt1 span {
    font-size: 1.2em;
}
.duilianpt1 p {
    font-size: 28px;
}
.duilianpt1 tr td:nth-child(1) {
    width: 15%;
}
.duilianpt1 tr td:nth-child(3) {
    width: 25%;
}
.yxym {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: normal;
    background: #fff;
}
.yxym tr {
    border: 1px solid #2c98dd;
    height: 30px;
}
.yxym th {
    height: 30px;
    font-size: 15pt;
    color: #fff;
    background: #7d96a8;
}
.yxym td {
    height: 40px;
    border: 1px solid #e6e6e6 !important;
}
.yxym td:nth-child(1) {
    width: 20%;
    background: #9fa9af;
}
.yxym td:nth-child(3) {
    width: 20%;
    background: #9fa9af;
}
.yxym td:nth-child(2) {
    font-size: 16pt;
}
.ttb td {
    border: 1px solid #e4ece4;
    text-overflow: ellipsis;
    color: #ff0;
    background-color: #f00;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}
.ttb tr td:nth-child(1) {
    width: 50%;
}
.ttb tr td:nth-child(2) {
    width: 50%;
}
.ttb td img {
    width: 100%;
}
.ttb p {
    line-height: 2;
}
.ttb span {
    font-size: 14pt;
}
.ttb font {
    font-size: 13pt;
}
.ptct {
    max-width: 720px;
    margin: 0 auto;
    background: #f8f8f8;
    overflow: hidden;
    padding-top: 2px;
}
.ptct-qs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
    padding-left: 5px;
}
.ptct-qs li {
    margin-right: 0.5rem;
}
.ptct-qs button {
    width: 70px;
    border-radius: 20px;
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #409eff;
}
.hover-yes {
    background-color: #409eff;
    color: #fff;
}
.hover-no {
    background-color: #fff;
    color: #409eff;
}
.ptct-mtbl {
    display: none;
    margin-top: 1rem;
}
.ptct-mtbl.dis {
    display: block;
}
.ptct-mtbl img {
    width: 100%;
}
.gs ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.gs ul li {
    width: 33.33%;
    margin-bottom: 5px;
}
.gs ul li a {
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #fff;
    display: block;
}
.ym {
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 23pt;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 2px 0px 4px 0px;
}
.bnb {
    background: #fff;
    width: 100%;
    margin-top: 63px;
}
.bffb {
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    opacity: 1;
    display: flex;
    margin: auto;
    color: #000;
    align-items: flex-end;
    user-select: none;
}
.bffb2 {
    font-size: 16px !important;
    max-width: 720px;
}
.bffbbg {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.5em;
    background: #fff;
    z-index: -1;
}
.bffbi {
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bffbibox {
    cursor: pointer;
}
.bffbibox1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bffbibox2 {
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    font-size: 15px;
}

.hfgg {
    border: 2px solid #00bcd4;
    table-layout: auto;
    color: #f00;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ccffff;
}

.hfgg tr {
    height: 30px;
}

.hfgg td {
    font-weight: bold;
    border: 1px solid #c0c0c0;
    font-size: 15pt;
    border-bottom: 2px dashed #ccc;
    text-align: center;
}

.containeryflj3 {
    width: calc(100% - 6px); /* 100% 减去左右各3px的间隙，所以是6px */
    max-width: 720px; /* 仍然保持最大宽度限制 */
    margin: 5px auto;
    background-color: #ffffff; /* 内容区域白色背景 */
    border-radius: 10px; /* 更大的圆角 */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* 更明显的阴影，增加立体感 */
    overflow: hidden; /* 确保内容在容器内，特别是圆角效果 */
    transform: translateZ(0); /* 硬件加速 */
}
/* 红框部分：插入图片并自适应框架的样式 */
.header-image {
    width: 100%; /* 图片宽度自适应父容器 */
    height: auto; /* 高度自动调整，保持图片比例 */
    display: block; /* 移除图片下方可能存在的空白间隙 */
    /*  border-bottom: 4px solid #ff6600;  更粗的底部橙色边框 */
    margin-bottom: 8px; /* 增加与下一个框架间距 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 图片下方阴影 */
}
/* 绿框部分：白色底色及绿色边框的样式 */
.content-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #ffffff; /* 确保整个列表区域是白色背景 */
    /*    border: 2px solid #f35c05; 更粗的绿色边框 */
    border-width: 0 2px; /* 只有左右边框 */
    padding-right: 2px;
    padding-left: 2px;
}
.list-item {
    padding: 12px 15px; /* 增加内边距 */
    border-bottom: 1px solid #e0e0e0; /* 浅灰色分隔线 */
    line-height: 1.6; /* 更好的行高 */
    text-align: center; /* 所有列表项内容居中 */
    font-size: 1.2em; /* 稍微大一点的字体 */
    background-color: #ffffff; /* 确保每个列表项是白色背景 */
    cursor: pointer; /* 指示可点击 */
    transition:
        transform 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out; /* 平滑过渡效果 */
    position: relative; /* 用于可能的伪元素或定位 */
    z-index: 1; /* 确保悬停时在上方 */
}
/* 悬停效果 */
.list-item:hover {
    transform: translateY(-3px) scale(1.02); /* 稍微上移和放大 */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* 更明显的悬停阴影 */
    background-color: #f8f8f8; /* 悬停时背景色变浅 */
}
.list-item:last-child {
    border-bottom: none; /* 最后一个没有底边框 */
}
/* 列表项内部文字颜色 */
.list-item span {
    color: #444; /* 默认深灰色，稍微柔和 */
}
.list-item .period {
    color: #222; /* 期数黑色，更深 */
    font-weight: bold;
}
.list-item .highlight-pink {
    color: #ff00cc; /* 亮粉色 */
    font-weight: bold; /* 加粗，更突出 */
}
.list-item .highlight-blue {
    color: #0000ff; /* 蓝色 */
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 255, 0.3); /* 蓝色文字轻微发光 */
}
.list-item .red-text {
    color: #ff0000; /* 红色 */
    font-weight: bold;
}
.list-item .unopened-text {
    color: #888; /* 未公开的文字颜色 */
    font-style: italic; /* 斜体 */
}
.list-item.unopened {
    background-color: #fdfdfd; /* 未公开条目稍微不同的背景 */
    padding-bottom: 8px; /* 为下方提示文字留更多空间 */
}
/* “点击添加微信免费领取”文字的闪烁动画 */
.list-item.unopened .sub-text {
    display: block; /* 另起一行 */
    text-align: center; /* 居中 */
    color: #00a000; /* 亮绿色文字 */
    font-size: 1.2em; /* 稍微大一点 */
    margin-top: 8px; /* 与上方内容间距 */
    cursor: pointer; /* 模拟可点击 */
    font-weight: bold;
    animation: flash 1.5s infinite alternate ease-in-out; /* 闪烁动画 */
    padding: 5px 0; /* 增加点击区域 */
}
.footer-banner {
    background: linear-gradient(to right, #ffe0b2, #ffd700); /* 底部横幅渐变色 */
    color: #a0522d; /* 棕色字体 */
    text-align: center; /* 居中 */
    padding: 15px 15px; /* 增加内边距 */
    font-size: 1.3em; /* 字体稍微大一点 */
    border-top: 2px solid #ffcc00; /* 顶部边框 */
    font-weight: bold;
    letter-spacing: 0.5px; /* 字母间距 */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); /* 文字阴影 */
}

.wxtb td {
    border: 2px solid #c4c7c6;
}

.wxtb td:first-child {
    width: 50%; /* 设置宽度为 55px */
    text-align: center; /* 文本居中对齐 */
}
@keyframes blink {
    50% {
        color: transparent;
    }
}

@media (min-width: 701px) {
    .fixed-button {
        bottom: 100px;
        left: calc(50% + 450px);
        transform: translateX(-50%);
    }
    .fixed-button img {
        width: 80px;
    }
}
@media (max-width: 700px) {
    .fixed-button {
        bottom: 100px;
        right: -5px;
        left: auto;
    }
}
@media (max-width: 360px) {
    .tribotmi {
        font-size: 14px !important;
    }
    .riqi {
        font-size: 14px;
    }
    .list-title {
        font-size: 15pt;
    }
    .list-title1 {
        font-size: 20px;
    }
    .tz {
        font-size: 18px;
    }
    .qxtable td {
        font-size: 20px;
    }
    .qxtable span {
        font-size: 20px;
    }
    .qxtable p {
        font-size: 18px;
    }
    .qxtable1 td {
        font-size: 16px;
    }
    .duilianpt td {
        font-size: 16px;
    }
    .duilianpt p {
        font-size: 18px;
    }
    .duilianpt1 td {
        font-size: 17px;
    }
    .duilianpt1 p {
        font-size: 16px;
    }
    .post-list li {
        font-size: 17px;
    }
    .post-list .post-period,
    .post-list .post-predict,
    .post-list .post-result {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post-list1 li {
        font-size: 17px;
    }
    .post-gg li {
        font-size: 18px;
    }
    .post-gg1 li {
        font-size: 18px;
    }
    .post-gg2 li {
        font-size: 18px;
    }
    .jx {
        font-size: 13px !important;
    }
    .jz {
        font-size: 16px;
    }
    .jb {
        font-size: 13.4pt !important;
    }
    .jh {
        font-size: 14px;
    }
    g1 {
        color: #0f0;
        font-size: 15px;
    }
    g2 {
        color: #0f0;
        font-size: 16px;
    }
    r1 {
        color: #f00;
        font-size: 13px;
    }
    r2 {
        color: #f00;
        font-size: 16px;
    }
    r3 {
        color: #f00;
        font-size: 24px;
    }
    r4 {
        color: #f00;
        font-size: 23px;
    }
    r5 {
        color: #f00;
        font-size: 18.5px;
    }
    b1 {
        color: #0ff;
        font-size: 18.5px;
    }
    p1 {
        color: #f0f;
        font-size: 18.5px;
    }
    .ttb span {
        font-size: 11pt;
    }
    .ttb font {
        font-size: 15px;
    }
    .yxym td:nth-child(2) {
        font-size: 13pt;
    }
}

@media (min-width: 361px) and (max-width: 380px) {
    .tribotmi {
        font-size: 15px !important;
    }
    .riqi {
        font-size: 15px;
    }
    .list-title {
        font-size: 15pt;
    }
    .list-title1 {
        font-size: 21px;
    }
    .post-list li {
        font-size: 18px;
    }
    .post-list .post-period,
    .post-list .post-predict,
    .post-list .post-result {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post-gg li {
        font-size: 18px;
    }
    .post-gg1 li {
        font-size: 18px;
    }
    .post-gg2 li {
        font-size: 18px;
    }
    .qxtable td {
        font-size: 20px;
    }
    .qxtable span {
        font-size: 20px;
    }
    .qxtable p {
        font-size: 18px;
    }
    .qxtable1 td {
        font-size: 17px;
    }
    .duilianpt td {
        font-size: 18px;
    }
    .duilianpt p {
        font-size: 20px;
    }
    .duilianpt1 td {
        font-size: 17px;
    }
    .duilianpt1 p {
        font-size: 16px;
    }
    .jx {
        font-size: 13.5px !important;
    }
    .jz {
        font-size: 16px;
    }
    .jb {
        font-size: 13.4pt !important;
    }
    .jh {
        font-size: 14px;
    }
    g1 {
        color: #0f0;
        font-size: 15px;
    }
    g2 {
        color: #0f0;
        font-size: 16px;
    }
    r1 {
        color: #f00;
        font-size: 14px;
    }
    r2 {
        color: #f00;
        font-size: 17px;
    }
    r3 {
        color: #f00;
        font-size: 24px;
    }
    r4 {
        color: #f00;
        font-size: 23px;
    }
    r5 {
        color: #f00;
        font-size: 19px;
    }
    b1 {
        color: #0ff;
        font-size: 19px;
    }
    p1 {
        color: #f0f;
        font-size: 19px;
    }
    .ttb span {
        font-size: 11pt;
    }
    .ttb font {
        font-size: 15px;
    }
}

@media (min-width: 381px) and (max-width: 400px) {
    .tribotmi {
        font-size: 16px !important;
    }
    .list-title {
        font-size: 15pt;
    }
    .riqi {
        font-size: 16px;
    }
    .post-list li {
        font-size: 19px;
    }
    .post-list .post-period,
    .post-list .post-predict,
    .post-list .post-result {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post-gg li {
        font-size: 20px;
    }
    .post-gg1 li {
        font-size: 20px;
    }
    .post-gg2 li {
        font-size: 20px;
    }
    .qxtable td {
        font-size: 22px;
    }
    .qxtable span {
        font-size: 20px;
    }
    .qxtable p {
        font-size: 18px;
    }
    .qxtable1 td {
        font-size: 18px;
    }
    .duilianpt td {
        font-size: 18px;
    }
    .duilianpt p {
        font-size: 20px;
    }
    .duilianpt1 td {
        font-size: 18px;
    }
    .duilianpt1 p {
        font-size: 17px;
    }
    g1 {
        color: #0f0;
        font-size: 16px;
    }
    g2 {
        color: #0f0;
        font-size: 17px;
    }
    r1 {
        color: #f00;
        font-size: 14px;
    }
    r2 {
        color: #f00;
        font-size: 18px;
    }
    r3 {
        color: #f00;
        font-size: 24px;
    }
    r4 {
        color: #f00;
        font-size: 24px;
    }
    r5 {
        color: #f00;
        font-size: 20px;
    }
    b1 {
        color: #0ff;
        font-size: 20px;
    }
    p1 {
        color: #f0f;
        font-size: 20px;
    }
    .jx {
        font-size: 14px !important;
    }
    .jz {
        font-size: 16px;
    }
    .jb {
        font-size: 13.4pt !important;
    }
    .jh {
        font-size: 14px;
    }
    .ttb span {
        font-size: 11pt;
    }
    .ttb font {
        font-size: 15px;
    }
}
@media (min-width: 401px) and (max-width: 420px) {
    .tribotmi {
        font-size: 17px !important;
    }
    .list-title {
        font-size: 15pt;
    }
    .riqi {
        font-size: 17px;
    }
    .post-list li {
        font-size: 20px;
    }
    .post-list .post-period,
    .post-list .post-predict,
    .post-list .post-result {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post-gg li {
        font-size: 20px;
    }
    .post-gg1 li {
        font-size: 20px;
    }
    .post-gg2 li {
        font-size: 20px;
    }
    .qxtable td {
        font-size: 23px;
    }
    .qxtable span {
        font-size: 22px;
    }
    .qxtable p {
        font-size: 18px;
    }
    .qxtable1 td {
        font-size: 19px;
    }
    .duilianpt td {
        font-size: 19px;
    }
    .duilianpt p {
        font-size: 22px;
    }
    .duilianpt1 td {
        font-size: 18px;
    }
    .duilianpt1 p {
        font-size: 17px;
    }
    g1 {
        color: #0f0;
        font-size: 16px;
    }
    g2 {
        color: #0f0;
        font-size: 17px;
    }
    r1 {
        color: #f00;
        font-size: 16px;
    }
    r2 {
        color: #f00;
        font-size: 19px;
    }
    r3 {
        color: #f00;
        font-size: 24px;
    }
    r4 {
        color: #f00;
        font-size: 24px;
    }
    r5 {
        color: #f00;
        font-size: 21px;
    }
    b1 {
        color: #0ff;
        font-size: 21px;
    }
    p1 {
        color: #f0f;
        font-size: 21px;
    }
    .jx {
        font-size: 14.5px !important;
    }
    .jz {
        font-size: 16px;
    }
    .jb {
        font-size: 13.4pt !important;
    }
    .jh {
        font-size: 14px;
    }
    .ttb span {
        font-size: 11pt;
    }
    .ttb font {
        font-size: 15px;
    }
}
@media (min-width: 421px) and (max-width: 500px) {
    .tribotmi {
        font-size: 18px !important;
    }
    .riqi {
        font-size: 17px;
    }
    .post-list li {
        font-size: 21px;
    }
    .qxtable span {
        font-size: 24px;
    }
    .qxtable p {
        font-size: 21px;
    }
    .qxtable1 td {
        font-size: 20px;
    }
    .duilianpt td {
        font-size: 20px;
    }
    .duilianpt p {
        font-size: 22px;
    }
    .duilianpt1 td {
        font-size: 19px;
    }
    .duilianpt1 p {
        font-size: 18px;
    }
    g1 {
        color: #0f0;
        font-size: 16px;
    }
    g2 {
        color: #0f0;
        font-size: 18px;
    }
    r1 {
        color: #f00;
        font-size: 16px;
    }
    r2 {
        color: #f00;
        font-size: 20px;
    }
    r3 {
        color: #f00;
        font-size: 24px;
    }
    r4 {
        color: #f00;
        font-size: 24px;
    }
    r5 {
        color: #f00;
        font-size: 22px;
    }
    b1 {
        color: #0ff;
        font-size: 22px;
    }
    p1 {
        color: #f0f;
        font-size: 22px;
    }
    .jx {
        font-size: 15px !important;
    }
    .jz {
        font-size: 16px;
    }
    .jb {
        font-size: 13.4pt !important;
    }
    .jh {
        font-size: 14px;
    }
    .ttb span {
        font-size: 12pt;
    }
    .ttb font {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .list-title {
        font-size: 15pt;
    }
}

@media (max-width: 560px) {
    #genre-26 .pics {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
    }

    #genre-26 .pics-g p,
    #genre-27 .grid-g p {
        font-size: 13px;
    }

    #genre-27 .grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
    }
}

.gg-weix {
    background-color: #ff0;
    color: #f00;
    box-shadow: 0 0 5px;
    font-size: 20px;
    border-radius: 5px;
}

.shake-animation {
    display: inline-block;
    animation: shake 2.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(10px);
    }
    75% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(10px);
    }
}

.footer,
.footer p,
.footer * {
    color: #00324d !important;
}

.footer p {
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .footer,
    .footer p,
    .footer * {
        color: #00324d !important;
    }

    .footer p {
        font-size: 15px !important;
        font-weight: 700;
        line-height: 1.5;
    }
}

/* =========================================================
   temp005 · 银灰钴蓝主题
   公共结构由 static/css/public.css 提供，版本差异只在本文件维护。
   ========================================================= */

html,
body {
    background: #eef2f6;
    color: #1b2736;
}

body {
    background-image: none;
}

.container {
    background: #f8fafc;
    border-left: 0;
    border-right: 0;
    border-color: #8fa5be;
    box-shadow: 0 0 18px rgba(45, 75, 111, 0.18);
}

.box {
    background: linear-gradient(to right, #dfe6ee, #f8fafc, #d8e2ef);
    border: 1px solid #536f91;
    border-radius: 6px;
    box-shadow: 0 2px 7px rgba(42, 66, 96, 0.2);
    margin: 5px 0;
}

.box.pad {
    padding: 4px;
}

/* 流量池广告的单元格背景不受 005 模板表格底色影响。 */
.traffic-pool-ad,
.traffic-pool-ad tbody,
.traffic-pool-ad tr,
.traffic-pool-ad td,
.traffic-pool-ad th {
    background-color: #ffff00 !important;
}

.list-title,
.list-title1,
.list-title2,
.pb-head,
.xxnr-head {
    background: linear-gradient(to right, #405061, #f6f6f6, #3966b0);
    border: 1px solid #314f78;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 3px 7px rgba(35, 62, 99, 0.22);
    color: #142033;
    min-height: 38px;
    padding: 4px 8px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

.gfym {
    background: linear-gradient(to right, #33475c, #55789f 50%, #315d9c);
    border: 1px solid #294b78;
    border-radius: 5px 5px 0 0;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.35);
    color: #fff;
}

.qxtable,
.qxtable1,
.duilianpt,
.duilianpt1,
.pb-content,
.detail-body,
.xxnr-content {
    background: #fff;
    color: #1d2a3a;
}

.qxtable td,
.qxtable1 td,
.duilianpt td,
.duilianpt1 td {
    border-color: #aab9ca;
}

.qxtable tr td:nth-child(1),
.qxtable tr td:nth-child(2) {
    background: #fff;
}

.qxtable tr:nth-child(odd) td,
.qxtable1 tr:nth-child(odd) td,
.duilianpt tr:nth-child(odd) td,
.duilianpt1 tr:nth-child(odd) td {
    background-color: #f1f5fa;
}

.post-list,
.post-gg,
.post-forum-list {
    background: #fff;
    border: 0;
}

.post-list li,
.post-gg li,
.post-forum-list li {
    background: linear-gradient(to top, #fff, #eef2f6, #fff);
    border: 1px solid #b8c3d0;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(45, 68, 96, 0.12);
    box-sizing: border-box;
    color: #172336;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.post-forum-list li:last-child {
    border-bottom: 1px solid #b8c3d0;
}

.post-list li > a,
.post-gg a,
.post-forum-list li > a {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #172336;
    display: block;
    transition: color 0.2s ease;
    width: 100%;
}

.post-list li:hover,
.post-gg li:hover,
.post-forum-list li:hover {
    background: linear-gradient(to right, #405061, #557db5, #3966b0);
    border-color: #274b7c;
    box-shadow: 0 4px 9px rgba(38, 67, 105, 0.3);
    color: #fff;
    transform: translateY(-1px);
}

.post-forum-list li:last-child:hover {
    border-bottom-color: #274b7c;
}

.post-list li:hover > a,
.post-gg li:hover > a,
.post-forum-list li:hover > a {
    background: transparent;
    border-color: transparent;
    color: #fff;
}

.wr,
r1,
r2,
r3,
r4,
r5 {
    color: #e00014 !important;
}

.content {
    background: transparent;
}

.xxnr,
.p-all {
    padding: 3px;
}

.detail-body {
    border-radius: 0 0 5px 5px;
    line-height: 1.75;
    padding: 12px;
}

.detail-body p {
    border-bottom: 1px dashed #aab9ca;
    margin: 0;
    padding: 7px 4px;
}

.footer,
.template-home-footer {
    background: linear-gradient(to right, #405061, #f6f6f6, #3966b0);
    border-color: #3966b0;
    color: #405061;
    padding: 10px 8px;
}

.footer p,
.footer *,
.foot-img p,
.footer-content p {
    color: #405061 !important;
}

@media (max-width: 520px) {
    .list-title,
    .list-title1,
    .list-title2 {
        font-size: 20px;
    }

    .box {
        border-radius: 5px;
        margin: 4px 0;
    }
}

/* 002 原样顶部：005 不对头部、开奖区、主视觉和时间栏做主题化处理。 */
.header {
    max-width: 720px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border-bottom: 0;
    box-shadow: none;
    z-index: 9;
}

.logo {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 10px;
    margin-bottom: 2px;
    background: linear-gradient(to right, #405061, #f6f6f6, #3966b0);
    border-bottom: 0;
}

.logo > a:first-child {
    display: block;
    flex: 0 0 210px;
    width: 210px;
    height: 50px;
    overflow: hidden;
}

.logo > a:first-child img {
    width: 210px;
    height: 50px;
    object-fit: contain;
    filter: none;
}

.logo > .home-bank {
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    width: 150px;
    height: 50px;
}

.logo > .home-bank img {
    width: 150px;
    height: 50px;
    object-fit: contain;
}

#nav2,
.ifm {
    background: #fff;
}

.ifm {
    border-top: 0;
}

.container > .header + div + .box {
    margin: 1px 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid #87cefb;
    border-radius: 0;
    background: linear-gradient(to right, #87cefb, #fff, #87cefb);
    box-shadow: none;
}

.container > .header + div + .box > img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 480px) {
    .logo > a:first-child {
        flex-basis: 180px;
        width: 180px;
        height: 44px;
    }

    .logo > a:first-child img {
        width: 180px;
        height: 44px;
    }

    .logo > .home-bank {
        top: 3px;
        width: 120px;
        height: 44px;
    }

    .logo > .home-bank img {
        width: 120px;
        height: 44px;
    }

}

/* 帖子页共用首页头部框架。 */
.template-header-actions { display:flex; align-items:center; height:100%; margin-left:auto; margin-right:10px; }
.template-header-actions .detail-back { min-width:44px; box-sizing:border-box; padding:7px 9px; border:1px solid rgba(0, 50, 77, .35); border-radius:5px; background:rgba(255, 255, 255, .78); color:#00324d; font-size:14px; line-height:20px; text-align:center; }
@media (max-width:640px) { .template-header-actions .detail-back { min-width:40px; padding:6px 7px; font-size:13px; } }
:root{--ai-frame-color:var(--template-frame-color,#87CEFB);--ai-frame-gradient:var(--template-frame-gradient,linear-gradient(to right,#87CEFB,#FFFFFF,#87CEFB));--ai-frame-gradient-vertical:var(--template-frame-gradient-vertical,linear-gradient(to top,#87CEFB,#FFFFFF,#87CEFB));--ai-frame-shadow:var(--template-frame-shadow,rgba(135,206,251,.75));--ai-text:#00324d;--ai-muted:#456a7f;--ai-accent:#f00;--ai-surface:#fff;--ai-soft:#effaff}
.ai-page{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:var(--ai-text)}.ai-page a{color:inherit}.ai-light,.ai-dark{background:var(--ai-frame-gradient)}
.ai-a03 table{border:2px solid var(--ai-frame-color)!important;background:var(--ai-frame-gradient)!important;box-shadow:0 5px 4px 0 var(--ai-frame-shadow)}.ai-a03 td{border-color:var(--ai-frame-color)!important;background:var(--ai-surface)}.ai-a03 img{display:block;border-radius:4px}
.pa-wrap{width:100%;border-radius:8px;overflow:hidden;border:2px solid var(--ai-frame-color);background:var(--ai-surface);box-shadow:0 5px 4px 0 var(--ai-frame-shadow)}.pa-hd{background:var(--ai-frame-gradient);padding:14px;text-align:center;color:var(--ai-text)}.pa-hd-s{font-size:16px;color:var(--ai-muted);letter-spacing:3px;margin-bottom:4px}.pa-hd-m{font-size:1.5rem;font-weight:900;color:var(--ai-text);letter-spacing:3px;text-shadow:0 0 10px #fff}.pa-hd-m span{color:var(--ai-accent)}.pa-card{padding:14px 12px;border-bottom:1px solid var(--ai-frame-color);text-align:center;background:var(--ai-surface)}.pa-p{font-size:18px;color:var(--ai-accent);font-weight:700;margin-bottom:10px;letter-spacing:2px}.pa-tiles{display:flex;justify-content:center;gap:14px}.pa-tile{width:84px;background:linear-gradient(180deg,#fff 0%,var(--ai-soft) 100%);border:2px solid var(--ai-frame-color);border-radius:8px;padding:10px 4px;text-align:center;box-shadow:0 4px 0 var(--ai-frame-color),0 7px 10px rgba(0,50,77,.12)}.pa-tile-lbl{font-size:16px;font-weight:700;padding:2px 10px;border-radius:6px;margin-bottom:8px;display:inline-block}.pa-tile.danshuang .pa-tile-lbl,.pa-tile.daxiao .pa-tile-lbl{background:var(--ai-frame-gradient);color:var(--ai-text);border:1px solid var(--ai-frame-color)}.pa-tile-val{font-size:2.2rem;font-weight:900;line-height:1;color:var(--ai-accent);text-shadow:1px 1px 0 #fff}.pa-res{font-size:18px;color:var(--ai-text);margin-top:10px;font-weight:700}.pa-res b{color:var(--ai-accent);font-size:18px}.pa-cur{padding:14px;text-align:center;background:var(--ai-frame-gradient-vertical);border-top:1px dashed var(--ai-frame-color)}.pa-cur-p{font-size:18px;color:var(--ai-accent);font-weight:700;margin-bottom:4px;animation:ai-pulse 1.5s ease-in-out infinite alternate}.pa-cur-link{color:var(--ai-text);font-weight:700;text-decoration:none;font-size:19px;display:block;margin-bottom:10px;animation:ai-pulse 1.5s ease-in-out infinite alternate}.pa-btn{display:inline-block;background:var(--ai-frame-gradient);color:var(--ai-text);font-weight:900;font-size:1.5rem;padding:11px 26px;border:2px solid var(--ai-frame-color);border-radius:24px;text-decoration:none;letter-spacing:1px;box-shadow:0 5px 0 var(--ai-frame-color),0 8px 14px rgba(0,50,77,.16);animation:ai-jump 1.2s ease-in-out infinite}.pa-warn{padding:10px;text-align:center;background:var(--ai-soft);color:var(--ai-text);font-size:1.3rem;font-weight:700;border-top:1px solid var(--ai-frame-color)}.pa-warn a{color:var(--ai-accent);text-decoration:none}.pa-foot{background:var(--ai-frame-gradient);padding:10px;text-align:center;color:var(--ai-text);font-size:1.3rem;font-weight:700}.pa-foot a{color:var(--ai-text);text-decoration:none}
.gc-wrap{width:100%;background:var(--ai-surface);border-radius:8px;overflow:hidden;border:2px solid var(--ai-frame-color);box-shadow:0 5px 4px 0 var(--ai-frame-shadow)}.gc-header{background:var(--ai-frame-gradient);background-size:300% 300%;padding:14px;text-align:center;animation:ai-gradmove 4s ease infinite}.gc-header-top{font-size:15px;font-weight:700;color:var(--ai-muted);letter-spacing:3px;margin-bottom:4px;opacity:.9}.gc-header-main{font-size:1.4rem;font-weight:700;color:var(--ai-text);letter-spacing:2px;text-shadow:0 0 10px #fff}.gc-header-main em{color:var(--ai-accent);font-style:normal}.gc-card{padding:14px 12px;border-bottom:1px solid var(--ai-frame-color);text-align:center;background:var(--ai-surface)}.gc-period{font-size:13px;color:var(--ai-muted);font-weight:700;margin-bottom:10px;letter-spacing:1px}.gc-coins{display:flex;justify-content:center;gap:24px;margin:6px 0}.gc-coin{display:flex;flex-direction:column;align-items:center;gap:6px}.gc-coin-lbl{font-size:10px;color:var(--ai-text);letter-spacing:1px;background:var(--ai-soft);border:1px solid var(--ai-frame-color);padding:2px 8px;border-radius:10px}.gc-medal{width:72px;height:72px;border-radius:50%;background:var(--ai-frame-gradient);background-size:200% 200%;border:3px solid var(--ai-frame-color);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 18px var(--ai-frame-shadow),0 4px 0 var(--ai-frame-color);position:relative;overflow:hidden;animation:ai-gradmove 3s ease infinite,ai-medalshine 2s ease-in-out infinite alternate}.gc-medal::before{content:'';position:absolute;width:40%;height:25%;background:radial-gradient(ellipse,rgba(255,255,255,.7),transparent);border-radius:50%;top:12%;left:18%}.gc-medal-emoji{font-size:2rem;position:relative;z-index:1}.gc-medal-name{font-size:10px;color:var(--ai-text);font-weight:700;position:relative;z-index:1}.gc-plus{font-size:1.8rem;color:var(--ai-accent);font-weight:900;align-self:center;text-shadow:1px 1px 0 #fff}.gc-res{font-size:14px;color:var(--ai-text);margin-top:10px;font-weight:700}.gc-res b{color:var(--ai-accent);text-shadow:1px 1px 0 #fff}.gc-cur{padding:14px 12px;text-align:center;background:var(--ai-frame-gradient-vertical)}.gc-cur-p{font-size:18px;color:var(--ai-accent);font-weight:700;margin-bottom:4px;letter-spacing:1px;animation:ai-blink 1.5s ease-in-out infinite alternate}.gc-cur-sub{font-size:16px;color:var(--ai-text);margin-bottom:10px}.gc-cur-coins{display:flex;justify-content:center;gap:20px;margin:8px 0}.gc-cur-coin{width:60px;height:60px;border-radius:50%;background:var(--ai-surface);border:2px dashed var(--ai-frame-color);display:flex;align-items:center;justify-content:center;font-size:1.8rem;animation:ai-blink 1.5s ease-in-out infinite alternate}.gc-btn{display:inline-block;margin-top:10px;background:var(--ai-frame-gradient);background-size:300% 300%;color:var(--ai-text);font-weight:700;font-size:1.6rem;padding:11px 26px;border:2px solid var(--ai-frame-color);border-radius:24px;text-decoration:none;letter-spacing:1px;position:relative;overflow:hidden;animation:ai-gradmove 3s ease infinite,ai-btnpulse 1.5s ease-in-out infinite alternate;box-shadow:0 4px 14px rgba(0,50,77,.16),0 4px 0 var(--ai-frame-color)}.gc-btn::before{content:'';position:absolute;top:-50%;left:-60%;width:35%;height:200%;background:rgba(255,255,255,.55);transform:skewX(-20deg);animation:ai-shine 2.5s infinite}.gc-warn{background:var(--ai-soft);padding:11px;text-align:center;color:var(--ai-text);font-size:.9rem;font-weight:700;border-top:1px solid var(--ai-frame-color)}.gc-warn a{color:var(--ai-accent);text-decoration:none}.gc-foot{background:var(--ai-frame-gradient);background-size:300% 300%;padding:12px;text-align:center;color:var(--ai-text);font-size:1.2rem;font-weight:700;animation:ai-gradmove 4s ease infinite}.gc-foot a{color:var(--ai-text);text-decoration:none}
@keyframes ai-pulse{0%{opacity:.65}100%{opacity:1}}@keyframes ai-jump{0%,100%{transform:translateY(0);box-shadow:0 5px 0 var(--ai-frame-color),0 8px 14px rgba(0,50,77,.16)}40%,60%{transform:translateY(-5px);box-shadow:0 10px 0 var(--ai-frame-color),0 13px 18px rgba(0,50,77,.2)}}@keyframes ai-gradmove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes ai-medalshine{0%{box-shadow:0 0 12px var(--ai-frame-shadow),0 4px 0 var(--ai-frame-color)}100%{box-shadow:0 0 28px var(--ai-frame-shadow),0 0 42px rgba(255,255,255,.75),0 4px 0 var(--ai-frame-color)}}@keyframes ai-blink{0%{opacity:1}100%{opacity:.55}}@keyframes ai-btnpulse{0%{box-shadow:0 4px 14px rgba(0,50,77,.14),0 4px 0 var(--ai-frame-color)}100%{box-shadow:0 6px 28px var(--ai-frame-shadow),0 0 16px rgba(255,255,255,.65),0 4px 0 var(--ai-frame-color)}}@keyframes ai-shine{0%{left:-60%}100%{left:130%}}