@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%; box-sizing: border-box;}
html { background-color: #f0f4f8; overflow-x: hidden; }
body { width: 100%; max-width: 720px; min-height: 100vh; margin: 0 auto; line-height: 1.5; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei", sans-serif; word-break: break-all; word-wrap: break-word; background: #fff; color: #333; overflow-x: hidden;}
input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;-webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%; vertical-align: middle;}
a { display: inline-block; text-decoration: none; color: inherit;}
a:hover { text-decoration: underline;}
:focus { outline: 0;}
table { border: 0; border-spacing: 0;}

.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; background: #f0f4f8;}
.clear { clear: both;}

/* 顶部蓝色导航 */
.header.headerin { height: 70px;}
.headerin-blank { height: 70px;}
.header { width: 100%; max-width: 720px; border-radius: 0; overflow: hidden; background: #1565C0; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 9; box-shadow: 0 2px 6px rgba(33,150,243,0.3); display: flex; flex-direction: column;}
.header .logo-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    background: #1565C0;
    border-bottom: 1px solid #0D47A1;
    gap: 8px;
}
.header .logo-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #42A5F5;
}
.header .logo-bar .logo-side,
.header .logo-bar .brand-wrap,
.header .logo-bar .home {
    position: relative;
    z-index: 1;
}
/* 左侧扁平标识 */
.header .logo-bar .logo-side {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    background: #fff;
    flex-shrink: 0;
}
.header .logo-bar .logo-side::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    background: #1565C0;
    border-radius: 2px;
    transform: rotate(45deg);
}
.header .logo-bar .brand-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex: none;
    min-width: 0;
    z-index: 1;
    perspective: none;
    pointer-events: none;
}
.header .logo-bar .brand-wrap a,
.header .logo-bar .gold-brick {
    pointer-events: auto;
}
.header .logo-bar .brand-ornament {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(227, 242, 253, 0.72);
    font-size: 9px;
    letter-spacing: 2px;
    line-height: 1;
    text-shadow: none;
}
.header .logo-bar .brand-ornament::before,
.header .logo-bar .brand-ornament::after {
    content: "";
    width: 18px;
    height: 1px;
    background: rgba(187, 222, 251, 0.55);
}
/* 品牌名：扁平白字，去掉金条/宝石 */
.header .logo-bar .gold-brick {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    transform-style: flat;
    animation: none;
    overflow: visible;
}
.header .logo-bar .gold-brick::before,
.header .logo-bar .gold-brick::after,
.header .logo-bar .gb-shine,
.header .logo-bar .gb-gem {
    display: none !important;
    content: none !important;
    animation: none !important;
}
.header .logo-bar .brand-name {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.15;
    white-space: nowrap;
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: #fff;
    filter: none;
    text-shadow: none;
}
@supports not (-webkit-background-clip: text) {
    .header .logo-bar .brand-name {
        color: #fff;
        -webkit-text-fill-color: #fff;
        background: none;
        text-shadow: none;
    }
}
.header .logo-bar .brand-sub {
    display: block;
    font-size: 8px;
    letter-spacing: 2.5px;
    line-height: 1;
    color: rgba(187, 222, 251, 0.9);
    text-shadow: none;
    text-transform: uppercase;
}
.header .logo-bar .home {
    position: relative;
    flex: 0 0 auto;
    margin-left: auto;
    z-index: 3;
    line-height: 1.1;
    text-align: center;
    color: #fff;
    font-size: 10px;
}
.header .logo-bar .home a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.35);
    min-width: 40px;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.header .logo-bar .home a:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
}
.header .logo-bar .home-ico {
    display: block;
    width: 10px;
    height: 10px;
    background: #E3F2FD;
    transform: rotate(45deg);
    border-radius: 1px;
    box-shadow: none;
}
.header .logo-bar .home span:last-child {
    display: block;
    white-space: nowrap;
    font-size: 10px;
    color: #fff;
}
.header.headerin { height: 50px;}
.headerin-blank { height: 50px;}
/* 图标导航：紧凑居中，随页面上滚（不吸顶） */
.nav {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 4px 0 2px;
    background: #e8f1fe;
    font-size: 11px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.nav .nav-scroll {
    display: block;
    width: 100%;
    padding: 0 2px 2px;
    box-sizing: border-box;
    overflow: hidden;
}
.nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 0;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.nav ul.one-nav,
.nav ul.two-nav { margin: 0 auto; }
.nav ul.two-nav { display: none; }
.nav ul li {
    width: 16.6667%;
    flex: 0 0 16.6667%;
    box-sizing: border-box;
}
.home-banner { padding: 6px !important; }
.home-banner .swiper { border-radius: 8px; overflow: hidden; }
.home-banner .swiper-slide img { display: block; width: 100%; height: auto; max-height: 180px; object-fit: cover; }
.home-banner .swiper-pagination-bullet-active { background: #2196F3; }
.nav ul li a {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    line-height: 1.1;
    padding: 3px 1px 2px;
    text-align: center;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}
.nav ul li a img {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 2px;
    object-fit: contain;
}
.nav ul li a p {
    margin: 0 auto;
    padding: 0 1px;
    font-size: 11px;
    line-height: 1.1;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav ul li a:hover,
.nav ul li a:active {
    text-decoration: none;
    color: #1565C0;
}
.nav ul li a:hover p,
.nav ul li a:active p { color: #1565C0; }
/* 仅占位固定品牌栏高度 */
.header-blank { height: 50px; display: block; }
@media screen and (max-width: 720px) {
.header .logo-bar { padding: 0 8px; height: 48px; }
.header .logo-bar .logo-side { width: 26px; height: 26px; flex-basis: 26px; border-radius: 7px; }
.header .logo-bar .logo-side::after { width: 8px; height: 8px; margin: -4px 0 0 -4px; }
.header .logo-bar .brand-ornament { font-size: 8px; letter-spacing: 1px; }
.header .logo-bar .brand-ornament::before,
.header .logo-bar .brand-ornament::after { width: 12px; }
.header .logo-bar .brand-name { font-size: 15px; letter-spacing: 2px; }
.header .logo-bar .brand-sub { font-size: 7px; letter-spacing: 1.5px; }
.nav ul li { width: 16.6667%; flex: 0 0 16.6667%; }
.nav ul li a { font-size: 10px; padding: 2px 1px 1px; }
.nav ul li a img { width: 34px; height: 34px; margin-bottom: 2px; }
.nav ul li a p { font-size: 10px; }
.header-blank { height: 48px; }
}
@media screen and (min-width: 480px) {
.nav ul li { width: 16.6667%; flex: 0 0 16.6667%; }
.nav ul li a { font-size: 11px; padding: 4px 2px 2px; }
.nav ul li a img { width: 36px; height: 36px; }
.header-blank { height: 50px; }
}
/* 锚点跳转避开固定品牌栏 */
.box.pad[id] { scroll-margin-top: 56px; }

@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

/* 内容区块 */
.box { margin: 5px 0; border-radius: 4px; background: #fff; border: 1px solid #BBDEFB;}
.pad { padding: 4px;}
@media screen and (max-width: 720px) {
.box { margin: 5px;}
}

/* 最新消息 */
.news { display: flex; align-items: center; height: 35px; line-height: 35px; padding: 0 5px; color: #333; margin-bottom: 5px; background: #fff; border: 1px solid #BBDEFB; overflow: hidden;}
.news-tit { color: #E53935; font-weight: bold; white-space: nowrap; flex: 0 0 auto;}
.news-tit img { width: 35px; height: 35px; margin-right: 5px; vertical-align: top;}
.news-con { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #333;}
.news-con marquee { display: block; width: 100%; max-width: 100%;}

/* 品牌字标 - 3D 金色动态方块 */
.subnav {
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    text-align: center;
    perspective: 900px;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 236, 179, 0.35), transparent 60%),
        linear-gradient(180deg, #0D47A1 0%, #1565C0 48%, #0D47A1 100%);
    border: 1px solid #0D47A1;
    border-radius: 14px;
    padding: 16px 14px 22px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.2),
        0 8px 22px rgba(13, 71, 161, 0.3);
}
.subnav::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, transparent 35%, rgba(255,255,255,0.12) 50%, transparent 65%);
    background-size: 220% 100%;
    animation: goldPanelShine 3.6s ease-in-out infinite;
    pointer-events: none;
}
.subnav::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 8px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 213, 79, 0.65), transparent);
    pointer-events: none;
}
.subnav-caption {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #FFE082;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
.subnav-caption::before,
.subnav-caption::after {
    content: "";
    width: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #FFD54F, transparent);
    box-shadow: none;
}
.subnav ul {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transform-style: preserve-3d;
}
.subnav ul li {
    flex: 0 1 54px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-style: preserve-3d;
}
.subnav-seal {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 52px;
    height: 52px;
    font-style: normal;
    font-family: "STKaiti", "KaiTi", "楷体", "华文楷体", "Songti SC", "Noto Serif SC", serif;
    font-size: 24px;
    font-weight: 700;
    color: #5D4037;
    line-height: 1;
    border-radius: 8px;
    border: 1px solid #8D6E1A;
    border-top-color: #FFF8E1;
    border-bottom-color: #6D4C0F;
    background:
        linear-gradient(145deg,
            #FFF8E1 0%,
            #FFE082 18%,
            #FFD54F 38%,
            #FFB300 62%,
            #F9A825 82%,
            #E65100 100%);
    box-shadow:
        inset 0 2px 2px rgba(255, 255, 255, 0.75),
        inset 0 -3px 4px rgba(93, 64, 55, 0.28),
        0 3px 0 #8D6E1A,
        0 8px 0 #5D4037,
        0 12px 18px rgba(0, 0, 0, 0.35),
        0 0 16px rgba(255, 213, 79, 0.35);
    text-shadow:
        0 1px 0 rgba(255, 248, 225, 0.85),
        0 2px 2px rgba(93, 64, 55, 0.25);
    transform: rotateX(12deg) rotateY(-8deg) translateZ(0);
    transform-style: preserve-3d;
    animation: goldCubeFloat 2.8s ease-in-out infinite;
    z-index: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.subnav ul li:nth-child(1) .subnav-seal { animation-delay: 0s; }
.subnav ul li:nth-child(2) .subnav-seal { animation-delay: 0.15s; }
.subnav ul li:nth-child(3) .subnav-seal { animation-delay: 0.3s; }
.subnav ul li:nth-child(4) .subnav-seal { animation-delay: 0.45s; }
.subnav ul li:nth-child(5) .subnav-seal { animation-delay: 0.6s; }
.subnav ul li:nth-child(6) .subnav-seal { animation-delay: 0.75s; }
/* 顶面高光 */
.subnav-seal::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    top: 3px;
    height: 38%;
    border-radius: 6px 6px 40% 40%;
    background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0));
    pointer-events: none;
    z-index: 0;
}
/* 扫光 */
.subnav-seal::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -60%;
    width: 36%;
    height: 140%;
    background: linear-gradient(100deg,
        transparent 0%,
        rgba(255,255,255,0.08) 40%,
        rgba(255,255,255,0.65) 50%,
        rgba(255,255,255,0.08) 60%,
        transparent 100%);
    transform: skewX(-22deg);
    animation: goldCubeGlint 2.8s ease-in-out infinite;
    pointer-events: none;
    z-index: 2;
}
.subnav ul li:nth-child(1) .subnav-seal::after { animation-delay: 0.1s; }
.subnav ul li:nth-child(2) .subnav-seal::after { animation-delay: 0.35s; }
.subnav ul li:nth-child(3) .subnav-seal::after { animation-delay: 0.6s; }
.subnav ul li:nth-child(4) .subnav-seal::after { animation-delay: 0.85s; }
.subnav ul li:nth-child(5) .subnav-seal::after { animation-delay: 1.1s; }
.subnav ul li:nth-child(6) .subnav-seal::after { animation-delay: 1.35s; }
.subnav ul li:hover .subnav-seal {
    transform: rotateX(6deg) rotateY(12deg) translateY(-6px) scale(1.06);
    box-shadow:
        inset 0 2px 2px rgba(255, 255, 255, 0.8),
        inset 0 -3px 4px rgba(93, 64, 55, 0.25),
        0 4px 0 #8D6E1A,
        0 10px 0 #5D4037,
        0 16px 24px rgba(0, 0, 0, 0.4),
        0 0 22px rgba(255, 213, 79, 0.55);
    animation-play-state: paused;
}
@keyframes goldPanelShine {
    0% { background-position: 120% 0; }
    100% { background-position: -120% 0; }
}
@keyframes goldCubeFloat {
    0%, 100% {
        transform: rotateX(12deg) rotateY(-8deg) translateY(0);
    }
    50% {
        transform: rotateX(8deg) rotateY(10deg) translateY(-5px);
    }
}
@keyframes goldCubeGlint {
    0% { left: -70%; opacity: 0; }
    25% { opacity: 1; }
    100% { left: 130%; opacity: 0; }
}
@media screen and (max-width: 720px) {
    .subnav { padding: 14px 10px 20px; border-radius: 12px; }
    .subnav-caption { font-size: 10px; letter-spacing: 2px; margin-bottom: 12px; }
    .subnav ul { gap: 7px; }
    .subnav ul li { flex-basis: 46px; }
    .subnav-seal {
        max-width: 46px;
        height: 46px;
        font-size: 20px;
        border-radius: 7px;
        box-shadow:
            inset 0 2px 2px rgba(255, 255, 255, 0.75),
            inset 0 -2px 3px rgba(93, 64, 55, 0.28),
            0 2px 0 #8D6E1A,
            0 6px 0 #5D4037,
            0 10px 14px rgba(0, 0, 0, 0.32),
            0 0 12px rgba(255, 213, 79, 0.3);
    }
}
/* 标语区 - 扁平蓝金，风格统一；副标语按文字自适应宽度 */
.url {
    position: relative;
    overflow: hidden;
    margin-top: 8px;
    padding: 0;
    border: 1px solid #90CAF9;
    border-radius: 12px;
    background: linear-gradient(180deg, #E3F2FD 0%, #BBDEFB 100%);
    box-shadow: none;
    text-align: center;
    line-height: 1.5;
}
.url::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #1565C0, #42A5F5, #FFC107, #42A5F5, #1565C0);
    pointer-events: none;
}
.url::after { content: none; }
.url-badge,
.url-ornament { display: none; }
.url dl {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 10px;
    margin: 0;
    padding: 16px 12px 14px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.url dl dt,
.url dl dd {
    margin: 0;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 700;
    border: 1px solid transparent;
    box-shadow: none;
    animation: none;
    transform: none;
}
.url dl dt::before,
.url dl dt::after,
.url dl dd::before,
.url dl dd::after {
    content: none;
    display: none;
}
.url dl dt {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 11px 14px;
    color: #5D4037;
    font-size: 15px;
    letter-spacing: 0.4px;
    line-height: 1.55;
    border-color: #FFB300;
    background: linear-gradient(
        110deg,
        #FFF8E1 0%,
        #FFE082 18%,
        #FFD54F 36%,
        #FFECB3 50%,
        #FFB300 68%,
        #FFE082 84%,
        #FFF8E1 100%
    );
    background-size: 220% 100%;
    animation: urlGoldFlow 2.8s linear infinite;
}
.url dl dt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -40%;
    width: 32%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent);
    transform: skewX(-18deg);
    animation: urlGoldShine 2.4s ease-in-out infinite;
    pointer-events: none;
}
.url dl dt span::before,
.url dl dt span::after {
    content: none;
}
.url dl dd {
    flex: 0 1 auto;
    width: max-content;
    max-width: 100%;
    padding: 8px 14px;
    color: #E65100;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 1.4;
    white-space: nowrap;
    background: #FFF8E1;
    border-color: #FFD54F;
}
.url dl dd:hover,
.url dl dt:hover {
    transform: none;
    box-shadow: none;
}
@keyframes urlGoldFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 220% 50%; }
}
@keyframes urlGoldShine {
    0% { left: -45%; opacity: 0; }
    20% { opacity: 1; }
    100% { left: 125%; opacity: 0; }
}
@media screen and (max-width: 720px) {
    .url { border-radius: 10px; }
    .url dl { padding: 14px 10px 12px; gap: 8px; }
    .url dl dt { font-size: 14px; padding: 10px 12px; }
    .url dl dd {
        white-space: normal;
        text-align: center;
        font-size: 13px;
        padding: 8px 12px;
    }
}
.bzlx { text-align: center; font-size: 18px; font-weight: bold; background: #fff;}
.bzlx th { color: #fff; border: solid 1px #2196F3; background: #2196F3;}
.bzlx td { border: solid 1px #BBDEFB;}
.bzlx td.td1 {width: 20%!important;}
.bzlx td.td2 { color: #1565C0; font-size: 20px;}
.bzlx td.td3 { color: #E53935;}

.gsbq { border-collapse: collapse; table-layout: fixed; text-align: center; font-size: 18px; background: #E8F5E9;}
.gsbq th { color: #fff; font-weight: normal; border: solid 1px #e5e5e5; background: #2196F3;}
.gsbq td { padding: 3px 0; border: solid 1px #e5e5e5;}
.gsbq td a { display: block; line-height: 34px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.kjcj { background: #fff;}

.ptyx { font-size: 16px; font-weight: bold; background: #fff;}
.ptyx th { font-size: 18px; color: #ffffff; border: solid 1px #2196F3; background: #2196F3;}
.ptyx td { height: 32px; padding: 0 5px; color: #333; border: solid 1px #BBDEFB;}

/* 区块标题 */
.tit { line-height: 40px; padding: 0 8px 3px; color: #E53935; text-align: center; font-weight: bold; font-size: 20px; text-shadow: none; border-top: 2px solid #2196F3; border-bottom: 2px solid #2196F3; background: #fff;}
.tit a { color: #E53935;}

.tie-con { font-size: 16px; background: #fff;}
.tie-con ul {}
.tie-con ul li { position: relative; padding-left: 28px;}
.tie-con ul li::before {
    content: "●";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #E53935;
    font-size: 10px;
}
.tie-con ul li a {
    display: block;
    padding: 0 24px 0 8px;
    line-height: 36px;
    font-weight: bold;
    border-bottom: solid 1px #BBDEFB;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    position: relative;
}
.tie-con ul li a::after {
    content: "›";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #2196F3;
    font-size: 20px;
    font-weight: bold;
}
.tie-con.gaoshou { background: #fff;}
@media screen and (max-width: 720px) {
.tie-con { font-size: 14px;}
}

.dgk { font-weight: bold; background: #fff;}
.dgk th { padding: 5px; color: #fff; border: solid 1px #2196F3; background: #2196F3;}
.dgk td { white-space: nowrap; text-overflow: ellipsis; padding: 5px; box-sizing: border-box; border: solid 1px #BBDEFB;}
.dgk span { background: #FFFF00; color: #E53935;}

.sqbk { text-align: center; font-weight: bold; background: #fff;}
.sqbk th { color: #fff; font-size: 18px; border: solid 1px #2196F3; background: #2196F3;}
.sqbk td { line-height: 1.3; font-size: 16px; border: solid 1px #BBDEFB;}
.sqbk td.td1 { width: 30%;}
.sqbk td.td2 { color: #1565C0; font-size: 26px;}
.sqbk td.td3 { width: 30%;}

.jx24m { text-align: center; font-weight: bold; background: #fff;}
.jx24m th { color: #fff; font-size: 18px; border: solid 1px #2196F3; background: #2196F3;}
.jx24m td { line-height: 1.2; font-size: 17px; border: solid 1px #BBDEFB;}
.jx24m td.td1 { width: 16%;}
.jx24m td.td2 { color: #1565C0; font-size: 18px; font-family: "宋体";}
.jx24m td.td3 { width: 16%; color: #E53935;}

.yxym { border-collapse: collapse; text-align: center; background: #fff;}
.yxym th { height: 30px; color: #fff; font-size: 16px; font-weight: normal; border: solid 1px #BBDEFB; background: #2196F3;}
.yxym td { height: 30px; font-size: 15px; border: solid 1px #BBDEFB;}
.yxym td.td1 { width: 25%; color: #fff; background: #2196F3;}
.yxym td.td2 { color: #1565C0;}
.yxym td.td2 span { background: #FFFF00; color: #E53935;}
.yxym td.td3 { width: 25%; color: #fff; background: #2196F3;}
@media screen and (max-width: 720px) {
.yxym td { font-size: 13px;}
.yxym td.td3 { width: 20%;}
}

.xjct { line-height: 1.75; font-size: 16px; background: #fff;}
.xjct th { color: #fff; border: solid 1px #BBDEFB; background: #2196F3;}
.xjct td { text-align: center; border: solid 1px #BBDEFB;}
.xjct-pic { background: #E3F2FD;}

.juesha-tit { margin-bottom: 5px; text-align: center; font-size: 32px; font-weight: bold; color: #E53935; text-shadow: none;}
.juesha { font-size: 14px; font-weight: bold; background: #fff;}
.juesha th { height: 35px; color: #fff; border: solid 1px #2196F3; background: #2196F3;}
.juesha td { height: 35px; text-align: center; border: solid 1px #BBDEFB;}

.tongtian { color: #333; font-size: 18px; background: #fff;}
.tongtian-tit { height: 50px; line-height: 50px; margin-bottom: 5px; text-align: center; font-weight: bold; text-shadow: none; border-radius: 5px; background: #2196F3; color: #fff;}
.tongtian-con { border-spacing: 2px; font-size: 16px; font-weight: bold;}
.tongtian-con td { height: 30px; line-height: 1.2; text-align: center; border: solid 1px #BBDEFB;}
@media screen and (max-width: 720px) {
.tongtian-con { font-size: 13px;}
}

.footer { padding: 5px 0; color: #333; text-align: center; background: #fff;}
.footer dl { padding: 0 10%;}
.footer dl dt { color: #2196F3; font-weight: bold; font-size: 16px;}
.footer dl dd { padding: 5px 0; border-bottom: solid 1px #BBDEFB; color: #666;}
.footer a:hover { color: #E53935!important;}
.footer div { padding: 5px 0;}

.toplinks { text-align: center; font-size: 16px; font-weight: bold; color: #1565C0; border-collapse: collapse; background: #fff;}
.toplinks tr:nth-child(2n) { color: #E53935;}
.toplinks td { height: 40px; border: solid 1px #BBDEFB;}
.toplinks a {}

.big-con { background: #fff;}
.big-con .big-tit { padding: 8px 8px 0 8px;}
.big-con .big-tit h1 { padding: 8px 0 16px 0; font-size: 18px; font-weight: bold; border-bottom: solid 1px #BBDEFB; color: #E53935;}
.big-con .big-tit p { padding: 8px 0; font-size: 16px; color: #1565C0; border-bottom: solid 1px #BBDEFB;}
.big-con .big-txt { line-height: 2; padding: 8px; font-weight: bold; font-size: 15px; color: #333;}
.big-con .big-txt hr { height: 1px; margin: 8px 0; border: 0; background: #BBDEFB;}

.yjym { color: #E53935; text-align: center; font-size: 16px; font-weight: bold; background: #FFFF00;}

.meinv { width: 100%; height: auto;}

/* 开奖号码色块 */
.ball-red, .red-ball { background: #E53935 !important; color: #fff !important; }
.ball-blue, .blue-ball { background: #1E88E5 !important; color: #fff !important; }
.ball-green, .green-ball { background: #43A047 !important; color: #fff !important; }

/* ========== 栏目差异化：外层标题 / 列表皮肤 ========== */
.sec-box {
    border-radius: 6px;
    overflow: hidden;
}
.sec-box .sec-tit {
    border-top: none !important;
    border-bottom: 3px solid transparent !important;
    letter-spacing: .08em;
}
.sec-box .tie-con {
    background: transparent;
}

/* 各栏目标题：传统红字 + 蓝边底 */
.sec-box .sec-tit {
    border-top: 2px solid #2196F3 !important;
    border-bottom: 2px solid #2196F3 !important;
    letter-spacing: .06em;
    color: #E53935 !important;
    background: #fff !important;
    font-weight: bold !important;
}
.sec-xjct .sec-tit { color: #fff !important; background: #C62828 !important; border-color: #B71C1C !important; }
.sec-yxym .sec-tit { color: #fff !important; background: #1976D2 !important; border-color: #1565C0 !important; }
.sec-djjs .sec-tit { color: #FFEB3B !important; background: #1565C0 !important; border-color: #0D47A1 !important; }
.sec-jxsx .sec-tit { color: #fff !important; background: #388E3C !important; border-color: #2E7D32 !important; }
.sec-sbzt .sec-tit { color: #fff !important; background: linear-gradient(90deg,#C62828 50%,#1565C0 50%) !important; border: none !important; }
.sec-dssw .sec-tit { color: #fff !important; background: #455A64 !important; border-color: #37474F !important; }
.sec-nnsx .sec-tit { color: #fff !important; background: linear-gradient(90deg,#1565C0 50%,#C62828 50%) !important; border: none !important; }
.sec-esmzt .sec-tit { color: #B71C1C !important; background: #FFEB3B !important; border-color: #F9A825 !important; }
.sec-jmts .sec-tit { color: #fff !important; background: #EF6C00 !important; border-color: #E65100 !important; }
.sec-ktjtm .sec-tit { color: #FFEB3B !important; background: #2E7D32 !important; border-color: #1B5E20 !important; }
.sec-tjpg .sec-tit { color: #FFEB3B !important; background: #0D47A1 !important; border-color: #1565C0 !important; }
.sec-jpmt .sec-tit { color: #fff !important; background: #D84315 !important; border-color: #BF360C !important; }
.sec-jhtz .sec-tit { color: #fff !important; background: #1976D2 !important; border-color: #1565C0 !important; }
.sec-bxzt .sec-tit { color: #fff !important; background: #C62828 !important; border-color: #B71C1C !important; }
.sec-jxs12 .sec-tit { color: #B71C1C !important; background: #FFEB3B !important; border-color: #F9A825 !important; }
.sec-nbjx .sec-tit { color: #FFEB3B !important; background: #B71C1C !important; border-color: #C62828 !important; }
.sec-gsjt .sec-tit { color: #B71C1C !important; background: #FFEB3B !important; border-color: #F57F17 !important; }
.sec-xgfc .sec-tit { color: #fff !important; background: #C62828 !important; border-color: #B71C1C !important; }
.sec-amfc .sec-tit { color: #fff !important; background: #1565C0 !important; border-color: #0D47A1 !important; }

/* 港非 / 澳非 专栏美化 */
.sec-xgfc.sec-box,
.sec-amfc.sec-box {
    overflow: hidden;
}
.sec-xgfc .tie-con,
.sec-amfc .tie-con {
    padding: 8px;
    background: linear-gradient(180deg, #FFF8E1 0%, #fff 48px);
}
.sec-amfc .tie-con {
    background: linear-gradient(180deg, #E3F2FD 0%, #fff 48px);
}
.sec-xgfc .tip-board,
.tip-board[data-lot="xgfc"] {
    border: 1px solid #B71C1C !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(183, 28, 28, 0.12) !important;
}
.sec-amfc .tip-board,
.tip-board[data-lot="amfc"] {
    border: 1px solid #0D47A1 !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(13, 71, 161, 0.12) !important;
}
.sec-xgfc .tip-board-head,
.tip-board[data-lot="xgfc"] .tip-board-head {
    background: linear-gradient(90deg, #C62828, #E53935) !important;
    border-bottom: 3px solid #FFEB3B !important;
    color: #fff !important;
    letter-spacing: .12em;
}
.sec-amfc .tip-board-head,
.tip-board[data-lot="amfc"] .tip-board-head {
    background: linear-gradient(90deg, #1565C0, #1E88E5) !important;
    border-bottom: 3px solid #FFEB3B !important;
    color: #fff !important;
    letter-spacing: .12em;
}
.sec-xgfc .tip-board-body,
.sec-amfc .tip-board-body,
.tip-board[data-lot="xgfc"] .tip-board-body,
.tip-board[data-lot="amfc"] .tip-board-body {
    padding: 10px;
    gap: 10px;
    background: #fff;
}
.sec-xgfc .tip-card,
.sec-amfc .tip-card,
.tip-board[data-lot="xgfc"] .tip-card,
.tip-board[data-lot="amfc"] .tip-card {
    border-radius: 6px;
    border: 1px solid #FFE0B2;
    background: linear-gradient(180deg, #fff 0%, #FFFDE7 100%);
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.sec-amfc .tip-card,
.tip-board[data-lot="amfc"] .tip-card {
    border-color: #BBDEFB;
    background: linear-gradient(180deg, #fff 0%, #E3F2FD 100%);
}
.sec-xgfc .tip-card:hover,
.tip-board[data-lot="xgfc"] .tip-card:hover {
    border-color: #C62828;
    box-shadow: 0 3px 10px rgba(198, 40, 40, 0.15);
}
.sec-amfc .tip-card:hover,
.tip-board[data-lot="amfc"] .tip-card:hover {
    border-color: #1565C0;
    box-shadow: 0 3px 10px rgba(21, 101, 192, 0.15);
}
.sec-xgfc .tip-badge,
.tip-board[data-lot="xgfc"] .tip-badge {
    background: #C62828;
    color: #FFEB3B;
}
.sec-amfc .tip-badge,
.tip-board[data-lot="amfc"] .tip-badge {
    background: #1565C0;
    color: #FFEB3B;
}
.sec-xgfc .tip-kind,
.sec-amfc .tip-kind,
.tip-board[data-lot="xgfc"] .tip-kind,
.tip-board[data-lot="amfc"] .tip-kind {
    background: #FFEB3B;
    color: #B71C1C;
}
.sec-xgfc .tip-data-table th,
.tip-board[data-lot="xgfc"] .tip-data-table th {
    background: #C62828 !important;
    border-color: #B71C1C !important;
}
.sec-amfc .tip-data-table th,
.tip-board[data-lot="amfc"] .tip-data-table th {
    background: #1565C0 !important;
    border-color: #0D47A1 !important;
}

/* 详情按钮 */
.tip-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 28px;
    padding: 0 12px;
    border-radius: 14px;
    background: #1976D2;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(25, 118, 210, 0.28);
    transition: transform .15s ease, background .15s ease;
}
.tip-detail:hover,
.tip-detail:active {
    background: #0D47A1;
    color: #fff !important;
    transform: translateY(-1px);
    text-decoration: none !important;
}
.sec-xgfc .tip-detail,
.tip-board[data-lot="xgfc"] .tip-detail {
    background: #C62828;
    box-shadow: 0 2px 6px rgba(198, 40, 40, 0.3);
}
.sec-xgfc .tip-detail:hover,
.tip-board[data-lot="xgfc"] .tip-detail:hover {
    background: #B71C1C;
}
.sec-amfc .tip-detail,
.tip-board[data-lot="amfc"] .tip-detail {
    background: #1565C0;
    box-shadow: 0 2px 6px rgba(21, 101, 192, 0.3);
}
.sec-amfc .tip-detail:hover,
.tip-board[data-lot="amfc"] .tip-detail:hover {
    background: #0D47A1;
}
.tip-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #FFE082;
}
.sec-amfc .tip-card-foot,
.tip-board[data-lot="amfc"] .tip-card-foot {
    border-top-color: #90CAF9;
}
.tip-card-foot .tip-open { flex: 1; min-width: 0; }
.tip-card-foot .tip-detail { flex-shrink: 0; margin-left: auto; }
.tip-rail .rail-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.tip-data-table .td-act {
    width: 64px;
    text-align: center;
    white-space: nowrap;
}
.tip-data-table .td-act .tip-detail {
    min-width: 44px;
    height: 24px;
    padding: 0 8px;
    font-size: 11px;
    border-radius: 12px;
}
.tip-ledger .td-act .tip-detail {
    height: 22px;
    font-size: 11px;
}

@media screen and (max-width: 520px) {
    .tip-detail { min-width: 48px; height: 26px; padding: 0 10px; }
    .tip-data-table .td-act { width: 52px; }
}

/* 列表栏主题（帖子列表） */
.sec-list { margin: 0; padding: 4px 0; }
.sec-list li { position: relative; padding-left: 22px; list-style: none; }
.sec-list li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.sec-list li a {
    display: block;
    padding: 0 20px 0 4px;
    line-height: 36px;
    font-weight: bold;
    border-bottom: solid 1px #e8eef2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    position: relative;
}
.sec-list li a::after {
    content: "›";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: bold;
}
.list-theme-default li::before { background: #C62828; }
.list-theme-default li a::after { color: #1976D2; }
.list-theme-teal li::before { background: #1976D2; }
.list-theme-teal li a { border-bottom-color: #BBDEFB; }
.list-theme-teal li a::after { color: #1976D2; }
.list-theme-amber li::before { background: #F57F17; }
.list-theme-amber li a { border-bottom-color: #FFE082; }
.list-theme-amber li a::after { color: #E65100; }
.list-theme-crimson li::before { background: #C62828; }
.list-theme-crimson li a { border-bottom-color: #FFCDD2; }
.list-theme-crimson li a::after { color: #C62828; }
.list-theme-ink li::before { background: #1565C0; }
.list-theme-ink li a { border-bottom-color: #BBDEFB; }
.list-theme-ink li a::after { color: #0D47A1; }
.list-theme-bronze li::before { background: #E65100; }
.list-theme-bronze li a { border-bottom-color: #FFE0B2; }
.list-theme-bronze li a::after { color: #E65100; }

/* 同屏面板间距微调 */
.sec-html .lot-panel { margin-bottom: 16px; }
.sec-html .lot-panel:last-child { margin-bottom: 0; }

/* ========== 多彩同屏面板（DualPanelHtml） ========== */
.sec-panel.lot-panel {
    margin: 0 0 14px;
    border: 1px solid var(--sp-border, #1565C0);
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    background: #fff;
}
.sec-panel .sp-head {
    background: var(--sp-head, #1976D2);
    padding: 10px 12px;
    border-bottom: 3px solid var(--sp-accent, #FFEB3B);
    text-align: center;
}
.sec-panel .sp-kicker {
    font-size: 11px;
    letter-spacing: .18em;
    color: var(--sp-accent, #FFEB3B);
    margin-bottom: 4px;
}
.sec-panel .sp-title {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .04em;
}
.sec-panel .sp-empty {
    padding: 14px;
    color: #78909C;
    text-align: center;
}
.sec-panel .sp-table {
    border-collapse: collapse;
    width: 100%;
}
.sec-panel .sp-row td {
    padding: 0;
    border-bottom: 1px solid #BBDEFB;
    background: #fff;
}
.sec-panel .sp-row.is-stripe td {
    background: var(--sp-stripe, #E3F2FD);
}
.sec-panel .sp-row-inner {
    display: flex;
    align-items: stretch;
}
.sec-panel .sp-bar {
    width: 4px;
    background: var(--sp-accent, #FFEB3B);
    flex-shrink: 0;
}
.sec-panel .sp-line {
    padding: 11px 14px;
    flex: 1;
    color: #333;
    line-height: 1.55;
    font-size: 14px;
}
.sec-panel .sp-empty {
    padding: 14px;
    color: #78909C;
    text-align: center;
}
.sec-panel .sp-badge {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 10px;
    border-radius: 2px;
    background: var(--sp-badge, #C62828);
    color: #FFEB3B;
    font-size: 12px;
    font-weight: 700;
}
.sec-panel .sp-kind {
    display: inline-block;
    margin-right: 6px;
    padding: 1px 6px;
    border-radius: 2px;
    background: var(--sp-chip, #FFEB3B);
    color: var(--sp-chip-tx, #B71C1C);
    font-size: 12px;
    font-weight: 700;
}
.sec-panel .sp-tips {
    margin-top: 6px;
}
.sec-panel .sp-tips.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.sec-panel .sp-tips.grid {
    line-height: 1.8;
}
.sec-panel .sp-tips.codes {
    margin-top: 4px;
}
.sec-panel .sp-pill {
    display: inline-block;
    margin: 2px 3px;
    font-weight: 700;
}
.sec-panel .sp-pill.zx {
    padding: 3px 8px;
    border-radius: 2px;
    background: var(--sp-chip, #FFEB3B);
    color: var(--sp-chip-tx, #B71C1C);
    font-size: 13px;
    border: 1px solid #FBC02D;
}
.sec-panel .sp-pill.zx.big {
    padding: 6px 14px;
    font-size: 16px;
    font-weight: 800;
}
.sec-panel .sp-pill.code {
    min-width: 2em;
    text-align: center;
    padding: 4px 6px;
    border-radius: 2px;
    background: var(--sp-chip, #E3F2FD);
    color: var(--sp-chip-tx, #0D47A1);
    font-weight: 800;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    border: 1px solid #90CAF9;
}
.sec-panel .sp-pill.code.outline {
    background: transparent;
    border: 1px solid var(--sp-border, #1565C0);
    padding: 3px 5px;
    border-radius: 2px;
    font-size: 12px;
}
.sec-panel .sp-pill.code.grid {
    margin: 2px;
    padding: 4px 5px;
    border-radius: 2px;
    font-size: 12px;
}
.sec-panel .sp-pill.code.dark,
.sec-panel .sp-pill.code.big.dark {
    background: var(--sp-badge, #C62828);
    color: #FFEB3B;
}
.sec-panel .sp-pill.code.big {
    min-width: 2.4em;
    padding: 6px 12px;
    border-radius: 2px;
    font-size: 18px;
}
.sec-panel .sp-pill.wave {
    margin: 2px 4px;
    padding: 4px 12px;
    border-radius: 2px;
    color: #fff;
    font-weight: 800;
}
.sec-panel .sp-pill.wave.w-red { background: #C62828; }
.sec-panel .sp-pill.wave.w-blue { background: #1565C0; }
.sec-panel .sp-pill.wave.w-green { background: #2E7D32; }
.sec-panel .sp-pill.wave.w-def { background: var(--sp-badge, #455A64); }
.sec-panel .sp-pill.ds {
    padding: 6px 16px;
    border-radius: 2px;
    color: #fff;
    font-weight: 800;
    font-size: 16px;
}
.sec-panel .sp-pill.ds.ds-odd { background: #1565C0; }
.sec-panel .sp-pill.ds.ds-even { background: #C62828; }
.sec-panel .sp-pill.tail {
    padding: 6px 14px;
    border-radius: 2px;
    border: 2px solid var(--sp-border, #1565C0);
    color: var(--sp-chip-tx, #0D47A1);
    font-weight: 800;
}
.sec-panel .sp-quote {
    margin-top: 6px;
    padding: 8px 12px;
    border-left: 4px solid var(--sp-accent, #C62828);
    background: var(--sp-stripe, #FFEBEE);
    border-radius: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--sp-muted, #B71C1C);
    letter-spacing: .04em;
}
.sec-panel .sp-plain {
    color: var(--sp-muted, #1565C0);
    font-weight: 600;
}
.sec-panel .sp-predict { color: #1565C0; font-weight: 800; }
.sec-panel .sp-open-label { color: #78909C; }
.sec-panel .sp-open { color: #E65100; }
.sec-panel .sp-mark { font-weight: 800; }
.sec-panel .sp-mark.is-hit { color: #2E7D32; }
.sec-panel .sp-mark.is-miss { color: #C62828; }

@media screen and (max-width: 720px) {
    .sec-box .sec-tit { font-size: 17px; letter-spacing: .04em; }
    .sec-list li a { font-size: 14px; line-height: 34px; }
    .sec-panel .sp-title { font-size: 17px; }
    .sec-panel .sp-line { font-size: 13px; padding: 9px 10px; }
}

/* ========== 列表 tip（精华/高手）传统配色 ========== */
.tip-board {
    margin: 0 0 14px;
    border: 1px solid #1565C0;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: none;
}
.tip-board-head {
    background: #1976D2;
    padding: 10px 12px;
    border-bottom: 3px solid #FFEB3B;
    text-align: center;
    color: #fff;
    font-weight: 800;
    letter-spacing: .06em;
}
.tip-board-body {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tip-empty {
    padding: 16px;
    text-align: center;
    color: #78909C;
}
.tip-card {
    display: block;
    padding: 10px 12px;
    border-radius: 0;
    border: 1px solid #BBDEFB;
    background: #fff;
    text-decoration: none !important;
    color: inherit;
}
.tip-card:hover {
    border-color: #1976D2;
    background: #E3F2FD;
}
.tip-card-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}
.tip-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2px;
    background: #C62828;
    color: #FFEB3B;
    font-size: 12px;
    font-weight: 700;
}
.tip-kind {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 2px;
    background: #FFEB3B;
    color: #B71C1C;
    font-size: 12px;
    font-weight: 700;
}
.tip-mark {
    margin-left: auto;
    font-weight: 800;
    font-size: 13px;
}
.tip-mark.is-hit { color: #2E7D32; }
.tip-mark.is-miss { color: #C62828; }
.tip-mark.is-predict { color: #1565C0; }
.tip-card-body { line-height: 1.7; }
.tip-pill {
    display: inline-block;
    margin: 2px 3px;
    font-weight: 700;
}
.tip-pill.zx {
    padding: 3px 8px;
    border-radius: 2px;
    background: #FFEB3B;
    color: #B71C1C;
    font-size: 13px;
    border: 1px solid #FBC02D;
}
.tip-pill.code {
    min-width: 2em;
    text-align: center;
    padding: 3px 6px;
    border-radius: 2px;
    background: #E3F2FD;
    color: #0D47A1;
    font-weight: 800;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    border: 1px solid #90CAF9;
}
.tip-pill.wave {
    padding: 4px 12px;
    border-radius: 2px;
    color: #fff;
    font-weight: 800;
}
.tip-pill.wave.w-red { background: #C62828; }
.tip-pill.wave.w-blue { background: #1565C0; }
.tip-pill.wave.w-green { background: #2E7D32; }
.tip-pill.wave.w-def { background: #455A64; }
.tip-quote {
    display: block;
    padding: 6px 10px;
    border-left: 3px solid #C62828;
    background: #FFEBEE;
    font-weight: 700;
    color: #B71C1C;
}
.tip-plain { font-weight: 600; color: #333; }
.tip-sep { display: inline-block; width: 8px; }
.tip-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #BBDEFB;
    font-size: 13px;
    color: #666;
}
.tip-card-foot strong { color: #E65100; }
.tip-card-foot .tip-open { flex: 1; min-width: 0; }
.tip-card-foot .tip-detail { flex-shrink: 0; margin-left: auto; }
.tip-fallback {
    padding: 10px 12px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #BBDEFB;
}
.sec-gsjt .tip-pill.code { background: #FFEBEE; color: #C62828; }
.sec-jhtz .tip-pill.zx { background: #FFEB3B; color: #B71C1C; }

@media screen and (max-width: 720px) {
    .tip-board-head { font-size: 15px; padding: 10px; }
    .tip-card { padding: 8px 10px; }
}

/* ========== 栏目外壳：结构差异（传统红蓝黄） ========== */
.sec-box { margin-bottom: 14px; }
.sec-box .sec-tit {
    position: relative;
    overflow: hidden;
}
.sec-yxym .sec-tit {
    letter-spacing: .18em !important;
    font-size: 22px !important;
}
.sec-jxsx .sec-tit, .sec-nnsx .sec-tit {
    margin: 0 !important;
}
.sec-dssw .sec-tit {
    font-family: "黑体", "SimHei", sans-serif !important;
    letter-spacing: .28em !important;
}
.sec-esmzt .sec-tit {
    border-left: 8px solid #F9A825 !important;
    border-right: 8px solid #F9A825 !important;
    text-align: left !important;
    padding-left: 16px !important;
}
.sec-djjs .sec-tit, .sec-jmts .sec-tit, .sec-xjct .sec-tit {
    font-family: "楷体", "KaiTi", serif !important;
    font-size: 22px !important;
    letter-spacing: .12em !important;
}
.sec-jhtz .sec-tit {
    text-align: left !important;
    padding-left: 14px !important;
    border-left: 6px solid #FFEB3B !important;
}
.sec-gsjt .sec-tit {
    letter-spacing: .1em !important;
}

/* 港/澳同屏：并排（窄屏仍堆叠） */
.dual-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
@media screen and (min-width: 640px) {
    .dual-grid { grid-template-columns: 1fr 1fr; }
    .dual-grid:has(.lot-panel[hidden]) { grid-template-columns: 1fr; }
}
.html-section.dual-lottery > .dual-grid,
.dual-host > .dual-grid,
.sec-html > .dual-lottery.dual-grid {
    width: 100%;
    display: grid;
}
.dual-host > .dual-lottery.dual-grid { width: 100%; }

/* 通用卡片壳 */
.sec-panel .sp-items {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #fff;
}
.sec-panel .sp-card {
    border-radius: 10px;
    border: 1px solid #e8eef2;
    padding: 10px 12px;
    background: #fff;
}
.sec-panel .sp-card.is-stripe { background: var(--sp-stripe, #E3F2FD); }
.sec-panel .sp-card-h, .sec-panel .sp-card-f, .sec-panel .rb-meta, .sec-panel .bd-meta,
.sec-panel .st-meta, .sec-panel .dial-meta, .sec-panel .hero-meta, .sec-panel .duel-qi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}
.sec-panel .sp-card-f { margin-top: 6px; margin-bottom: 0; font-size: 13px; color: #666; }
.sec-panel .sp-mark.is-predict { color: #1565C0; }
.sec-panel .sp-mark.is-hit { color: #2E7D32; }
.sec-panel .sp-mark.is-miss { color: #C62828; }

/* poem：诗签卡 */
.chrome-poem .sp-head {
    background: #EF6C00 !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-poem .sp-card.poem {
    border: none;
    border-left: 4px solid #C62828;
    background: #FFF3E0;
    box-shadow: none;
}
.chrome-poem .sp-poem {
    margin: 8px 0;
    padding: 10px 12px;
    font-family: "楷体", "KaiTi", "STKaiti", serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--sp-muted);
    line-height: 1.7;
    background: rgba(255,255,255,.7);
    border-radius: 6px;
}

/* ribbon：生肖轨道 */
.chrome-ribbon .sp-head { border-radius: 0; }
.chrome-ribbon .rb-track {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
}
.chrome-ribbon.sec-nnsx .rb-track { grid-template-columns: repeat(4, 1fr); }
.chrome-ribbon .rb-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 2px;
    background: #FFEB3B;
    color: #B71C1C;
    font-weight: 800;
    font-size: 18px;
    border: 1px solid #FBC02D;
}

/* duel：双波对决 */
.chrome-duel .sp-head {
    background: #1565C0 !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-duel .duel-split {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: stretch;
    gap: 0;
    border-radius: 0;
    overflow: hidden;
    min-height: 56px;
}
.chrome-duel .duel-half {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: .1em;
}
.chrome-duel .duel-half.w-red { background: #C62828; }
.chrome-duel .duel-half.w-blue { background: #1565C0; }
.chrome-duel .duel-half.w-green { background: #2E7D32; }
.chrome-duel .duel-half.w-def { background: #455A64; }
.chrome-duel .duel-vs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    background: #FFEB3B;
    color: #B71C1C;
    font-weight: 900;
    font-size: 12px;
}

/* dial：单双转盘 */
.chrome-dial .dial-face {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 8px 0;
}
.chrome-dial .dial-ds {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
.chrome-dial .dial-ds.ds-odd { background: radial-gradient(circle at 30% 30%, #60a5fa, #1d4ed8); }
.chrome-dial .dial-ds.ds-even { background: radial-gradient(circle at 30% 30%, #f87171, #b91c1c); }
.chrome-dial .dial-tail {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    border: 3px solid var(--sp-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.chrome-dial .dial-tail-lab { font-size: 11px; color: #78909C; letter-spacing: .2em; }
.chrome-dial .dial-tail-num { font-size: 28px; font-weight: 900; color: var(--sp-muted); }

/* board：20码棋盘 */
.chrome-board .bd-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
}
.chrome-board .bd-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border-radius: 4px;
    background: var(--sp-chip);
    color: var(--sp-chip-tx);
    font-weight: 800;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}
.chrome-board .bd-cell.emph {
    background: var(--sp-badge);
    color: #fff;
}

/* strip：八码横轨 */
.chrome-strip .sp-head {
    background: #111827 !important;
    border-bottom: 3px solid #a3e635 !important;
}
.chrome-strip .st-rail {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
    padding: 4px 0 8px;
    -webkit-overflow-scrolling: touch;
}
.chrome-strip .st-cell {
    flex: 0 0 auto;
    min-width: 40px;
    padding: 10px 8px;
    text-align: center;
    border-radius: 2px;
    background: #FFEB3B;
    color: #B71C1C;
    font-weight: 900;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
    border: 1px solid #FBC02D;
}

/* hero：特码大字 */
.chrome-hero .hero-pair {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 0;
}
.chrome-hero .hero-zx {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFEB3B;
    color: #B71C1C;
    font-size: 28px;
    font-weight: 900;
    border: 2px solid #C62828;
}
.chrome-hero .hero-code {
    min-width: 80px;
    height: 64px;
    padding: 0 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C62828;
    color: #FFEB3B;
    font-size: 32px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

/* split：六肖十二码左右分区 */
.chrome-split .sp-card.split .sp-card-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}
.chrome-split .split-zx {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--sp-border);
}
.chrome-split .split-codes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
}
.chrome-split .split-codes .sp-pill.code {
    margin: 0;
    width: 100%;
}

/* 列表：精华横轨 / 高手网格 */
.tip-board.mode-rail { border-radius: 0; border-left-width: 4px; }
.tip-board.mode-rail .tip-board-head {
    text-align: left;
    padding-left: 16px;
    letter-spacing: .12em;
}
.mode-body-rail { gap: 4px !important; }
.tip-rail {
    display: grid !important;
    grid-template-columns: 72px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 8px 10px !important;
    border-radius: 0 !important;
    border-left: 3px solid var(--tb-accent, #FFEB3B) !important;
}
.rail-kind {
    font-size: 12px;
    font-weight: 800;
    color: #B71C1C;
    writing-mode: horizontal-tb;
    text-align: center;
    padding: 4px 2px;
    background: #FFEB3B;
    border-radius: 2px;
}
.rail-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rail-tips { line-height: 1.5; }
.rail-end { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 12px; white-space: nowrap; }

.tip-board.mode-grid .tip-board-head {
    background: #C62828 !important;
    border-bottom-color: #FFEB3B !important;
}
.mode-body-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
}
@media screen and (max-width: 520px) {
    .mode-body-grid { grid-template-columns: 1fr; }
    .tip-rail { grid-template-columns: 56px 1fr; }
    .rail-end { grid-column: 1 / -1; flex-direction: row; justify-content: flex-end; }
    .chrome-ribbon .rb-track { grid-template-columns: repeat(3, 1fr); }
    .chrome-board .bd-grid { grid-template-columns: repeat(4, 1fr); }
    .chrome-split .split-codes { grid-template-columns: repeat(4, 1fr); }
}

/* ========== 表格式 / 密排 / 诗文流水（打破全卡片） ========== */
.sp-table-wrap, .tip-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}
.sp-data-table, .sp-sheet, .tip-data-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
}
.sp-data-table th, .sp-sheet th, .tip-data-table th {
    padding: 8px 6px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: var(--sp-head, var(--tb-head, #1976D2));
    border: 1px solid var(--sp-border, var(--tb-border, #1565C0));
    white-space: nowrap;
}
.sp-data-table td, .sp-sheet td, .tip-data-table td {
    padding: 7px 6px;
    text-align: center;
    border: 1px solid #BBDEFB;
    vertical-align: middle;
    word-break: break-word;
}
.sp-data-table tr.is-stripe td, .sp-sheet tr.is-stripe td, .tip-data-table tr.is-stripe td {
    background: var(--sp-stripe, #E3F2FD);
}
.sp-data-table .td-tip, .sp-sheet .td-tip, .tip-data-table .td-tip {
    text-align: left;
    line-height: 1.6;
}
.sp-data-table .td-mark, .sp-sheet .td-mark, .tip-data-table .td-mark {
    width: 52px;
    font-weight: 800;
}
.sp-data-table td:first-child, .sp-sheet td:first-child {
    width: 88px;
    font-weight: 700;
    color: var(--sp-muted, #1565C0);
    white-space: nowrap;
}
.chrome-table .sp-head, .chrome-sheet .sp-head {
    border-radius: 0 !important;
    padding: 10px 12px !important;
}
.chrome-table.sec-panel, .chrome-sheet.sec-panel {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.chrome-sheet .sp-sheet th {
    background: var(--sp-badge, #1565C0);
    font-size: 12px;
    letter-spacing: .08em;
}
.chrome-sheet .sp-sheet {
    font-size: 12px;
}
.chrome-sheet .sp-sheet .sp-pill {
    margin: 1px;
    padding: 2px 5px;
    font-size: 12px;
}

/* 诗文流水行 */
.chrome-poem .sp-items {
    padding: 0 !important;
    gap: 0 !important;
}
.chrome-poem .sp-poem-row {
    display: grid;
    grid-template-columns: 86px 1fr auto;
    gap: 8px;
    align-items: start;
    padding: 10px 12px;
    border-bottom: 1px dashed #e2e8f0;
    background: #fff;
}
.chrome-poem .sp-poem-row.is-stripe {
    background: var(--sp-stripe, #fef2f2);
}
.chrome-poem .poem-qi {
    font-size: 12px;
    font-weight: 800;
    color: var(--sp-muted);
    padding-top: 2px;
}
.chrome-poem .poem-txt {
    font-family: "楷体", "KaiTi", "STKaiti", serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .06em;
    color: #1f2937;
    line-height: 1.65;
}
.chrome-poem .poem-res {
    white-space: nowrap;
    font-size: 13px;
}
.chrome-poem .sp-head {
    border-radius: 0 !important;
}
.chrome-poem.sec-panel {
    border-radius: 2px !important;
    box-shadow: none !important;
    border-width: 2px !important;
}

/* 密排行 */
.chrome-compact .sp-items {
    padding: 0 !important;
    gap: 0 !important;
}
.chrome-compact .sp-compact-row {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 6px;
    align-items: center;
    padding: 4px 8px;
    border-bottom: 1px solid #BBDEFB;
    font-size: 13px;
    line-height: 1.35;
}
.chrome-compact .sp-compact-row.is-stripe { background: var(--sp-stripe, #E3F2FD); }
.chrome-compact .cp-qi { font-weight: 800; color: var(--sp-muted); white-space: nowrap; font-size: 12px; }
.chrome-compact .cp-tip { line-height: 1.35; }
.chrome-compact .cp-tip .sp-pill { margin: 1px 2px; padding: 1px 5px; font-size: 12px; }
.chrome-compact .cp-res { white-space: nowrap; font-size: 12px; }
.chrome-compact.sec-panel {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.chrome-compact .sp-head {
    padding: 6px 10px !important;
}
.chrome-compact .sp-title { font-size: 15px !important; }
.chrome-compact .sp-kicker { font-size: 10px; margin-bottom: 2px; }

/* 表格栏整体更紧凑（对齐采集站 tablecss） */
.sp-data-table th, .sp-sheet th, .tip-data-table th {
    padding: 5px 4px !important;
    font-size: 12px !important;
}
.sp-data-table td, .sp-sheet td, .tip-data-table td {
    padding: 4px 4px !important;
    font-size: 13px !important;
    line-height: 1.35;
}
.sec-panel .sp-head {
    padding: 7px 10px;
}
.sec-panel .sp-title { font-size: 16px; }
.sec-panel .sp-kicker { margin-bottom: 2px; letter-spacing: .12em; }
.sec-ktjtm .sp-pill.zx {
    background: #FFEB3B !important;
    color: #B71C1C !important;
    font-size: 16px !important;
    padding: 2px 10px !important;
    border: 1px solid #FBC02D;
}
.dual-grid { gap: 8px; }
.sec-box { margin-bottom: 10px; }

/* 精华表 / 高手仍可卡片 */
.tip-board.mode-table {
    border-radius: 4px;
    box-shadow: none;
}
.tip-board.mode-table .tip-board-head {
    border-radius: 0;
    text-align: left;
    padding-left: 14px;
}
.tip-data-table th {
    background: var(--tb-head, #1976D2) !important;
}
.tip-data-table .td-kind {
    width: 72px;
    font-size: 12px;
    color: var(--tb-head, #1976D2);
    font-weight: 700;
}
.tip-data-table .td-qi a { color: inherit; font-weight: 700; text-decoration: none; }
.tip-data-table .td-open { width: 64px; color: #E65100; font-weight: 700; }

@media screen and (max-width: 520px) {
    .chrome-poem .sp-poem-row,
    .chrome-compact .sp-compact-row {
        grid-template-columns: 72px 1fr;
    }
    .chrome-poem .poem-res,
    .chrome-compact .cp-res {
        grid-column: 1 / -1;
        text-align: right;
    }
    .sp-data-table td:first-child, .sp-sheet td:first-child { width: 72px; font-size: 12px; }
}

/* ========== 第二轮专属骨架（传统红蓝黄） ========== */
/* 卷轴 scroll */
.chrome-scroll .sp-items { padding: 8px; gap: 10px; background: #FFF8E1; }
.chrome-scroll .sp-head {
    background: #C62828 !important;
    border-bottom: 4px double #FFEB3B !important;
}
.chrome-scroll.sec-panel { border-radius: 0; box-shadow: none; border: 2px solid #B71C1C; }
.sp-scroll-row {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 0;
    border: 1px solid #EF9A9A;
    background: #fff;
}
.sp-scroll-row.is-stripe { background: #FFEBEE; }
.sc-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px;
    background: #C62828;
    color: #FFEB3B;
    gap: 8px;
}
.sc-qi { writing-mode: vertical-rl; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.sc-seal {
    display: inline-block;
    padding: 4px;
    border: 2px solid #FFEB3B;
    color: #FFEB3B;
    font-weight: 900;
    font-size: 13px;
}
.sc-paper { padding: 12px 14px; }
.sc-txt {
    font-family: "楷体", "KaiTi", serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.7;
    color: #B71C1C;
}
.sc-foot { margin-top: 8px; font-size: 12px; color: #1565C0; }

/* 对联 couplet：蓝底金字 */
.chrome-couplet .sp-items { padding: 8px; gap: 10px; background: #E3F2FD; }
.chrome-couplet .sp-head {
    background: #1565C0 !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-couplet.sec-panel { border: 2px solid #0D47A1; border-radius: 0; box-shadow: none; }
.sp-couplet-row {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    gap: 8px;
    align-items: stretch;
    min-height: 88px;
    background: #fff;
    border: 1px solid #90CAF9;
}
.cl-pillar {
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    letter-spacing: .2em;
    font-family: "楷体", "KaiTi", serif;
    font-size: 16px;
    font-weight: 800;
    color: #FFEB3B;
    background: #C62828;
    padding: 8px 4px;
}
.cl-pillar.left { border-right: 2px solid #FFEB3B; }
.cl-pillar.right { border-left: 2px solid #FFEB3B; }
.cl-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px;
    background: #E3F2FD;
}
.cl-qi { color: #1565C0; font-size: 12px; font-weight: 700; }
.cl-seal {
    width: 48px;
    height: 48px;
    border: 2px solid #C62828;
    color: #C62828;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    transform: rotate(-12deg);
    background: #FFEBEE;
}
.cl-seal.is-hit { border-color: #2E7D32; color: #2E7D32; background: #E8F5E9; }
.cl-seal.is-miss { border-color: #C62828; color: #C62828; }
.cl-seal.is-predict { border-color: #1565C0; color: #1565C0; background: #E3F2FD; }
.cl-open { font-size: 12px; color: #F57F17; font-weight: 700; }

/* 男女分栏 gender */
.chrome-gender .sp-items { padding: 8px; gap: 8px; background: #fff; }
.chrome-gender .sp-head {
    background: linear-gradient(90deg, #1565C0, #C62828) !important;
}
.sp-gender-row {
    border: 1px solid #BBDEFB;
    background: #fff;
    padding: 8px;
}
.sp-gender-row.is-stripe { background: #E3F2FD; }
.gd-qi { margin-bottom: 6px; font-size: 12px; font-weight: 700; color: #333; }
.gd-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.gd-col {
    border-radius: 4px;
    padding: 8px;
    text-align: center;
}
.gd-col.male { background: #E3F2FD; border: 1px solid #2196F3; }
.gd-col.female { background: #FFEBEE; border: 1px solid #E53935; }
.gd-lab { font-size: 11px; font-weight: 800; letter-spacing: .2em; margin-bottom: 6px; }
.gd-col.male .gd-lab { color: #1565C0; }
.gd-col.female .gd-lab { color: #C62828; }
.gd-cells { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
.gd-cell {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 900;
    background: #fff;
}
.gd-cell.male { color: #0D47A1; border: 2px solid #1976D2; }
.gd-cell.female { color: #B71C1C; border: 2px solid #E53935; }
.gd-foot { margin-top: 6px; font-size: 12px; color: #666; text-align: right; }

/* 20码矩阵 matrix */
.sp-matrix { width: 100%; border-collapse: collapse; font-size: 12px; }
.sp-matrix th {
    padding: 8px 4px;
    color: #fff;
    background: #1976D2;
    border: 1px solid #1565C0;
}
.sp-matrix td {
    padding: 6px 4px;
    border: 1px solid #BBDEFB;
    vertical-align: middle;
    text-align: center;
}
.sp-matrix tr.is-stripe td { background: #E3F2FD; }
.sp-matrix .mx-qi { width: 78px; font-weight: 800; color: #C62828; white-space: nowrap; }
.sp-matrix .mx-open { width: 56px; color: #F57F17; font-weight: 700; }
.sp-matrix .mx-mark { width: 48px; }
.mx-board {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px;
}
.mx-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    border-radius: 2px;
    background: #FFF59D;
    color: #B71C1C;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    border: 1px solid #FBC02D;
}
.mx-cell.emph { background: #C62828; color: #FFEB3B; border-color: #B71C1C; }
.chrome-matrix.sec-panel { border-radius: 0; box-shadow: none; border: 1px solid #1565C0; }

/* 跑马 ticker：红底黄字 */
.chrome-ticker .sp-items { padding: 0; gap: 0; background: #fff; }
.chrome-ticker .sp-head {
    background: #C62828 !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-ticker.sec-panel { border-radius: 0; box-shadow: none; border: 2px solid #B71C1C; }
.sp-ticker-row {
    display: grid;
    grid-template-columns: 86px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #FFCDD2;
    color: #333;
    background: #fff;
}
.sp-ticker-row.is-stripe { background: #FFEBEE; }
.tk-qi { font-weight: 800; color: #C62828; font-size: 12px; }
.tk-flash {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tk-zx {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFEB3B;
    color: #B71C1C;
    font-size: 18px;
    border: 2px solid #C62828;
}
.tk-code {
    font-size: 26px;
    font-weight: 900;
    color: #C62828;
    font-variant-numeric: tabular-nums;
    letter-spacing: .08em;
    background: #FFEB3B;
    padding: 2px 10px;
    border: 1px solid #F9A825;
}
.tk-res { font-size: 12px; white-space: nowrap; }

/* spotlight */
.chrome-spotlight .sp-hero-row {
    background: #E8F5E9;
    border-bottom: 3px solid #FFEB3B;
    padding: 14px 12px;
}
.chrome-spotlight .sp-hero-row .hero-zx {
    width: 72px; height: 72px; font-size: 32px;
    background: #FFEB3B; color: #C62828; border: 2px solid #C62828;
}
.chrome-spotlight .sp-hero-row .hero-code {
    height: 72px; font-size: 36px; min-width: 96px;
    background: #C62828; color: #FFEB3B;
}
.chrome-spotlight .sp-items { padding: 0; gap: 0; }
.chrome-spotlight .sp-compact-row { border-bottom: 1px dashed #A5D6A7; }
.chrome-spotlight .sp-head { background: #2E7D32 !important; border-bottom: 3px solid #FFEB3B !important; }

/* duel / dial */
.chrome-duel .sp-head {
    background: linear-gradient(90deg, #C62828, #1565C0) !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-duel .sp-duel-row,
.chrome-dial .sp-dial-row {
    padding: 8px;
    border-bottom: 1px solid #BBDEFB;
    background: #fff;
}
.chrome-duel .sp-duel-row.is-stripe,
.chrome-dial .sp-dial-row.is-stripe { background: #E3F2FD; }
.chrome-duel .sp-items,
.chrome-dial .sp-items { padding: 0; gap: 0; }
.chrome-duel.sec-panel,
.chrome-dial.sec-panel { border-radius: 0; box-shadow: none; border: 1px solid #1565C0; }
.chrome-dial .sp-head { background: #455A64 !important; border-bottom: 3px solid #FFEB3B !important; }
.chrome-dial .dial-ds.ds-odd { background: #1565C0; }
.chrome-dial .dial-ds.ds-even { background: #C62828; }
.chrome-dial .dial-tail { border-color: #1565C0; }
.chrome-duel .duel-vs { background: #FFEB3B; color: #B71C1C; }

/* 表格头统一传统蓝 */
.chrome-table .sp-head,
.chrome-sheet .sp-head {
    background: #1976D2 !important;
    border-bottom: 3px solid #FFEB3B !important;
    border-radius: 0 !important;
}
.chrome-table.sec-panel,
.chrome-sheet.sec-panel {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #1565C0 !important;
}
.sp-data-table th, .sp-sheet th {
    background: #1976D2 !important;
    border-color: #1565C0 !important;
}
.sp-sheet th { background: #1565C0 !important; }

/* 诗文 */
.chrome-poem .sp-head {
    background: #EF6C00 !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-poem.sec-panel { border: 1px solid #E65100; border-radius: 0; box-shadow: none; }
.chrome-poem .sp-poem-row.is-stripe { background: #FFF3E0; }
.chrome-poem .poem-qi { color: #E65100; }
.chrome-poem .poem-txt { color: #BF360C; }

/* 高手账本 / 精华表 */
.tip-board.mode-table .tip-board-head,
.tip-board.mode-ledger .tip-board-head {
    background: #1976D2 !important;
    border-bottom: 3px solid #FFEB3B !important;
    color: #fff !important;
}
.tip-board.mode-ledger .tip-board-head {
    background: #C62828 !important;
}
.tip-data-table th { background: #1976D2 !important; border-color: #1565C0 !important; }
.tip-ledger th { background: #C62828 !important; border-color: #B71C1C !important; }
.tip-ledger { font-size: 12px !important; }
.tip-ledger td { padding: 5px 4px !important; }
.tip-ledger .td-tip .tip-pill { margin: 1px; padding: 1px 4px; font-size: 11px; }
.tip-board {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #1565C0 !important;
}
.tip-pill.zx { background: #FFEB3B !important; color: #B71C1C !important; border: 1px solid #F9A825; }
.tip-pill.code { background: #E3F2FD !important; color: #0D47A1 !important; border: 1px solid #90CAF9; }
.tip-mark.is-hit { color: #2E7D32 !important; }
.tip-mark.is-miss { color: #C62828 !important; }
.tip-mark.is-predict { color: #1565C0 !important; }

/* 面板通用：去现代圆角阴影 */
.sec-panel.lot-panel {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.sec-panel .sp-head {
    border-radius: 0 !important;
}
.sec-panel .sp-badge {
    border-radius: 2px !important;
    background: #C62828 !important;
    color: #FFEB3B !important;
}
.sec-panel .sp-mark.is-hit { color: #2E7D32 !important; }
.sec-panel .sp-mark.is-miss { color: #C62828 !important; }
.sec-panel .sp-mark.is-predict { color: #1565C0 !important; }
.sec-panel .sp-open { color: #E65100 !important; }
.sec-panel .sp-pill.zx {
    background: #FFEB3B !important;
    color: #B71C1C !important;
    border-radius: 2px !important;
    border: 1px solid #FBC02D;
}
.sec-panel .sp-pill.code {
    background: #E3F2FD !important;
    color: #0D47A1 !important;
    border-radius: 2px !important;
    border: 1px solid #90CAF9;
}

/* 内容管理独立板块 */
.sec-content-board .sec-tit {
    color: #FFEB3B !important;
    background: #37474F !important;
    border-color: #263238 !important;
    letter-spacing: .12em;
}
.sec-content-board .content-board-body {
    padding: 10px 8px;
    background: #ECEFF1;
}
.sec-content-board .content-board-item {
    margin: 0 0 10px;
    background: #fff;
    border: 1px solid #B0BEC5;
    overflow: hidden;
}
.sec-content-board .content-board-item:last-child {
    margin-bottom: 0;
}
.sec-content-board .content-board-item-tit {
    padding: 8px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #546E7A;
    border-bottom: 2px solid #FFEB3B;
}
.sec-content-board .content-board-item-tit a {
    color: #FFEB3B;
    text-decoration: none;
}
.sec-content-board .content-block-body {
    padding: 8px;
}
.sec-content-board .content-block-images {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 8px;
}
.sec-content-board .content-block-images img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #CFD8DC;
}
.sec-content-board .content-block-html {
    line-height: 1.6;
    overflow-x: auto;
    color: #263238;
}
.sec-content-board .content-block-html img {
    max-width: 100%;
    height: auto;
}
.page-jump-btn.is-content {
    background: rgba(55, 71, 79, 0.92);
}
.page-jump-btn.is-content:active {
    background: rgba(38, 50, 56, 0.95);
}

/* 彩图画廊 / 彩图专区 */
.sec-gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 8px;
    background: #FFF8E1;
}
.sec-gallery-ktjtm,
.sec-gallery-tjpg { grid-template-columns: 1fr 1fr; }
.sec-gallery-jpmt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sec-gallery-xjct,
.sec-gallery-jmts { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
.sec-gallery-item {
    margin: 0;
    border: 1px solid #C9A227;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(121, 85, 72, 0.12);
}
.sec-gallery-item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 480 / 700;
    object-fit: contain;
    background: #FFFBF0;
}
.sec-caitu .sec-tit {
    background: #C62828 !important;
    color: #FFEB3B !important;
    border-color: #B71C1C !important;
}
.caitu-table th {
    background: #1976D2 !important;
    border-color: #1565C0 !important;
    color: #fff !important;
}
.caitu-table td { border-color: #BBDEFB !important; }
.caitu-table a.caitu-open {
    color: #1565C0;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}
.caitu-table a.caitu-open:hover { color: #C62828; text-decoration: underline; }

/* 彩图弹窗 */
body.caitu-lb-lock { overflow: hidden; }
.caitu-lb-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2000000;
    background: rgba(0, 0, 0, 0.78);
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}
.caitu-lb-overlay.is-open { display: flex; }
.caitu-lb-dialog {
    position: relative;
    width: min(720px, 96vw);
    max-height: 92vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.caitu-lb-close {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    color: #666;
    cursor: pointer;
}
.caitu-lb-title {
    padding: 14px 44px 8px 16px;
    font-size: 18px;
    font-weight: 800;
    color: #B71C1C;
    text-align: center;
}
.caitu-lb-body {
    padding: 8px 12px 4px;
    overflow: auto;
    text-align: center;
    background: #111;
    min-height: 120px;
}
.caitu-lb-img {
    max-width: 100%;
    max-height: 68vh;
    width: auto;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
    background: #fff;
    transition: opacity .2s ease;
}
.caitu-lb-foot {
    padding: 12px;
    text-align: center;
    border-top: 1px solid #eee;
}
.caitu-lb-btn {
    min-width: 96px;
    height: 36px;
    border: 0;
    border-radius: 6px;
    background: #C62828;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

@media screen and (max-width: 520px) {
    .sp-couplet-row { grid-template-columns: 36px 1fr 36px; }
    .cl-pillar { font-size: 13px; }
    .sp-ticker-row { grid-template-columns: 72px 1fr; }
    .tk-res { grid-column: 1 / -1; text-align: right; }
    .sec-gallery-ktjtm, .sec-gallery-tjpg, .sec-gallery-jpmt { grid-template-columns: 1fr; }
    .mx-board { grid-template-columns: repeat(4, 1fr); }
}

/* ========== 八肖/十二肖 横排紧凑宫格 ========== */
.sec-bxzt .sp-data-table,
.sec-jxs12 .sp-data-table {
    table-layout: fixed;
    border-collapse: collapse;
}
.sec-bxzt .sp-data-table th,
.sec-jxs12 .sp-data-table th {
    padding: 5px 2px !important;
    font-size: 12px !important;
}
.sec-bxzt .sp-data-table td,
.sec-jxs12 .sp-data-table td {
    padding: 3px 2px !important;
    vertical-align: middle !important;
}
.sec-bxzt .sp-data-table th:nth-child(2),
.sec-jxs12 .sp-data-table th:nth-child(2),
.sec-bxzt .sp-data-table td:nth-child(2),
.sec-jxs12 .sp-data-table td:nth-child(2) {
    width: 48px;
    font-size: 12px !important;
}
.sec-bxzt .sp-data-table th:nth-child(3),
.sec-jxs12 .sp-data-table th:nth-child(3),
.sec-bxzt .sp-data-table td:nth-child(3),
.sec-jxs12 .sp-data-table td:nth-child(3) {
    width: 36px;
    font-size: 12px !important;
}
.zx-qi-bar {
    display: block;
    width: 100%;
    margin: 0 0 3px;
    padding: 2px 6px;
    box-sizing: border-box;
    text-align: left;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0;
    color: #B71C1C;
    background: #FFEB3B;
    border: 1px solid #F9A825;
    white-space: nowrap;
}
.sec-jxs12 .zx-qi-bar {
    color: #E65100;
    background: #FFF59D;
    border-color: #FBC02D;
}
.sec-bxzt .td-tip,
.sec-jxs12 .td-tip {
    padding: 3px !important;
    background: #FFFDE7;
}
.sec-bxzt .sp-data-table tr.is-stripe .td-tip { background: #FFEBEE; }
.sec-jxs12 .sp-data-table tr.is-stripe .td-tip { background: #FFF8E1; }

.zx-board {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    border: 1px solid #EF9A9A;
    background: #fff;
}
.zx-board.board-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.zx-board.board-12 { grid-template-columns: repeat(6, minmax(0, 1fr)); border-color: #FFE082; background: #FFFDE7; }
.zx-board.board-n { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* 通用：肖名 + 号码 横排一行 */
.zx-cell {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    min-height: 22px;
    padding: 0;
    border: 1px solid #C62828;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}
.zx-cell .zx-name {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.55em;
    width: 1.55em;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    color: #B71C1C;
    background: #FFEB3B;
    border: none;
    border-right: 1px solid #F9A825;
}
.zx-cell .zx-num {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: 3px 2px;
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    letter-spacing: 0;
    color: #0D47A1;
    background: #E3F2FD;
    text-align: center;
    white-space: nowrap;
}

/* 八肖：红框黄肖蓝码，双码 19.31 */
.sec-bxzt .zx-board { gap: 2px; border-color: #EF9A9A; }
.sec-bxzt .zx-cell { border-color: #C62828; min-height: 24px; }
.sec-bxzt .zx-cell .zx-name {
    flex-basis: 1.5em;
    width: 1.5em;
    font-size: 14px;
    background: #FFEB3B;
    color: #B71C1C;
}
.sec-bxzt .zx-cell .zx-num {
    font-size: 12px;
    color: #0D47A1;
    background: #E3F2FD;
}

/* 十二肖：更扁更密，琥珀边 */
.sec-jxs12 .zx-board { gap: 2px; }
.sec-jxs12 .zx-cell {
    border-color: #F9A825;
    background: #fff;
    min-height: 20px;
}
.sec-jxs12 .zx-cell .zx-name {
    flex-basis: 1.3em;
    width: 1.3em;
    font-size: 12px;
    padding: 2px 0;
    background: #FFEB3B;
    border-right-color: #FBC02D;
    color: #E65100;
}
.sec-jxs12 .zx-cell .zx-num {
    font-size: 11px;
    padding: 2px 1px;
    background: #FFF8E1;
    color: #BF360C;
}

.sec-bxzt .sp-head { background: #C62828 !important; border-bottom: 3px solid #FFEB3B !important; }
.sec-jxs12 .sp-head { background: #F57F17 !important; border-bottom: 3px solid #FFEB3B !important; }

@media screen and (max-width: 520px) {
    .zx-board.board-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .zx-board.board-12 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .zx-cell .zx-name { font-size: 12px; flex-basis: 1.2em; width: 1.2em; }
    .zx-cell .zx-num { font-size: 10px; }
    .sec-bxzt .zx-cell .zx-name { font-size: 12px; }
    .sec-bxzt .zx-cell .zx-num { font-size: 10px; }
    .sec-jxs12 .zx-cell .zx-name { font-size: 11px; }
    .sec-jxs12 .zx-cell .zx-num { font-size: 10px; }
    .zx-qi-bar { font-size: 12px; padding: 2px 5px; }
}

.chrome-digest .sp-items {
    padding: 8px;
    gap: 10px;
    background: #FFF8E1;
}
.sp-digest-card {
    border: 1px solid #EF9A9A;
    background: #fff;
    padding: 10px 12px;
}
.sp-digest-card.is-stripe { background: #FFEBEE; }
.sp-digest-card .dg-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 2px solid #FFEB3B;
}
.sp-digest-card .dg-body {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.85;
    color: #333;
    white-space: normal;
    word-break: break-word;
}
.chrome-digest .sp-head {
    background: #C62828 !important;
    border-bottom: 3px solid #FFEB3B !important;
}
.chrome-digest.sec-panel {
    border: 2px solid #B71C1C;
    border-radius: 0;
    box-shadow: none;
}