* {
    box-sizing: border-box;
    word-wrap: break-word;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background: #e5e5e5;
    color: #000;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 13px;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.s5-page {
    width: min(100%, 720px);
    margin: 0 auto;
    background: #fff;
    min-height: 100vh;
}

.s5-header {
    height: 54px;
    background: linear-gradient(#3a2a27, #151515);
    border-bottom: 1px solid #000;
    display: grid;
    grid-template-columns: 1fr 72px 76px;
    align-items: center;
    padding: 3px 6px;
    gap: 4px;
}

.s5-code-logo {
    height: 48px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 28px 18px;
    align-items: center;
    color: #fff;
    overflow: hidden;
}

.s5-logo-main {
    grid-row: 1 / 3;
    color: #fff36a;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
    letter-spacing: -3px;
    text-shadow:
        2px 2px 0 #000,
        -1px -1px 0 #000,
        0 0 4px #ff0;
    border-bottom: 2px solid #fff36a;
    transform: skew(-8deg);
}

.s5-logo-sub {
    color: #e8b24b;
    font-size: 12px;
    font-weight: 900;
    padding-left: 5px;
    line-height: 1;
    white-space: nowrap;
}

.s5-logo-domain {
    color: #ff4cb6;
    background: #fff;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 900;
    padding: 1px 4px;
    line-height: 1.2;
    width: fit-content;
    margin-left: 5px;
    white-space: nowrap;
    box-shadow: 0 0 3px #000;
}

.s5-top-spin {
    display: flex;
    align-items: center;
    justify-content: center;
}

.s5-top-spin img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    animation: s5ClockSpin .65s linear infinite;
    transform-origin: center center;
}

.s5-back-home {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
}

.s5-back-home img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

@keyframes s5ClockSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.s5-top-image img {
    display: block;
    width: 100%;
}

.s5-nav {
    width: 100%;
    padding: 2px;
    font-size: 13px;
    background: #fff;
}

.s5-nav ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 2px 0;
    margin: 0;
}

.s5-nav li {
    width: 100%;
    padding: 0 2px;
}

.s5-nav a {
    display: block;
    padding: 4px 0;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background: #0a5cda;
    font-weight: 700;
    line-height: 1.25;
}

.s5-nav a:hover {
    background: #da183b;
}

.s5-quick {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #fff;
    border: 1px dashed #67a4f5;
    padding: 2px;
}

.s5-quick a {
    min-height: 42px;
    margin: 3px;
    padding: 3px 4px;
    border: 1px solid #67a4f5;
    border-radius: 20px;
    background: linear-gradient(to top, #fff, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    color: #000;
    font-size: 21px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    line-height: 1.1;
}

.s5-quick img {
    width: 28px;
    height: auto;
}

.s5-quick-red {
    color: #f00 !important;
}

.s5-quick-blue {
    color: #00f !important;
}

.s5-domain-box {
    background: #ff0;
    text-align: center;
    border: 1px solid #ccc;
}

.s5-domain-title {
    background: #008000;
    color: #ff0;
    font-size: 18px;
    font-weight: 900;
    padding: 8px 4px;
    line-height: 1.1;
}

.s5-domain-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ff0;
}

.s5-domain-table td {
    border: 1px solid #fff;
    height: 39px;
    text-align: center;
    vertical-align: middle;
}

.s5-domain-table a {
    color: #00f;
    font-size: 20px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.s5-domain-table img {
    width: 28px;
    height: auto;
}

.s5-draw {
    background: #fff;
}

.s5-draw-tabs {
    height: 38px;
    display: flex;
    gap: 6px;
    padding: 7px 7px 0;
    border-bottom: 2px solid #fff;
}

.s5-draw-tabs button {
    flex: 1;
    height: 25px;
    line-height: 25px;
    border: 0;
    border-radius: 4px;
    background: #eee;
    color: #333;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.s5-draw-tabs button:nth-child(1).active {
    color: #fff;
    background: #1fb61d;
}

.s5-draw-tabs button:nth-child(2).active {
    color: #fff;
    background: #e71607;
}

.s5-draw-tabs button:nth-child(3).active {
    color: #fff;
    background: #2389e9;
}

.s5-draw-content {
    padding: 6px 5px;
    text-align: center;
    border-top: 1px solid #eee;
}

.s5-draw-title {
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 6px;
}

.s5-balls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

.s5-ball {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid #f00;
    color: #f00;
    background: #fff;
    font-size: 16px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.s5-ball.special {
    border-color: #2389e9;
    color: #2389e9;
}

.s5-balls em {
    font-style: normal;
    color: #f00;
    font-weight: 900;
    font-size: 20px;
}

.s5-draw-time {
    margin-top: 5px;
    color: #f00;
    font-weight: 700;
    font-size: 12px;
}

.s5-permanent-domain {
    background: linear-gradient(to top, #9c27b0, #673ab7);
    min-height: 48px;
    line-height: 48px;
    text-align: center;
}

.s5-permanent-domain img {
    width: 42px;
}

.s5-permanent-domain span {
    padding: 8px;
    background: beige;
    border-radius: 15px;
    color: #f44336;
    font-weight: 900;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px #f44336;
}

.s5-main {
    background: #fff;
}

.box {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
}

.s5-old-module {
    content-visibility: auto;
    contain-intrinsic-size: 1px 330px;
}

.s5-old-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    border-color: #d4d4d4;
}

.s5-old-table td {
    border: 1px solid #d4d4d4;
}

.s5-red-head {
    height: 26px;
    line-height: 26px;
    background: #f00;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    padding: 0 3px;
}

.s5-desc-row {
    min-height: 28px;
    line-height: 1.35;
    padding: 5px 4px;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
}

.s5-data-cell {
    min-height: 28px;
    line-height: 1.45;
    padding: 4px 3px;
    text-align: center;
    color: #000;
    font-size: 13px;
}

.styleliao {
    color: #f00;
    font-weight: 900;
}

.stylezi {
    color: #00f;
    font-weight: 900;
}

.s5-hit {
    background: #ff0;
    color: #f00;
    padding: 1px 2px;
}

.s5-open-result {
    color: #f00;
    font-weight: 900;
    margin-left: 3px;
}

.s5-special-table {
    margin-bottom: 0;
}

.s5-special-content {
    padding: 5px 8px;
    line-height: 1.55;
    color: #000;
    font-size: 14px;
}

.s5-special-content p {
    margin: 3px 0;
    text-align: left;
    color: #000;
    font-weight: 700;
}

.s5-footer {
    background: #f00;
    color: #fff;
    text-align: center;
    padding: 8px 4px;
    font-weight: 900;
    line-height: 1.5;
}

.s5-float {
    position: fixed;
    right: calc(50% - 410px);
    bottom: 80px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 50;
}

.s5-float button {
    width: 52px;
    height: 38px;
    border: 0;
    border-radius: 20px;
    background: #0a5cda;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
    cursor: pointer;
}

@media (max-width: 800px) {
    .s5-page {
        width: 100%;
    }

    .s5-float {
        right: 10px;
        bottom: 70px;
    }

    .s5-quick a {
        min-height: 39px;
        font-size: 18px;
    }

    .s5-domain-row {
        font-size: 16px;
    }

    .s5-data-cell {
        font-size: 12px;
        min-height: 25px;
        padding: 3px 2px;
    }

    .s5-red-head {
        height: 24px;
        line-height: 24px;
        font-size: 15px;
    }
}

@media (max-width: 430px) {
    .s5-quick a {
        font-size: 16px;
    }

    .s5-nav {
        font-size: 12px;
    }

    .s5-domain-row {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* 网站5：按图1-图19重做文字模板样式 */
.s5-template-liuxiao .s5-red-head {
    min-height: 40px;
    line-height: 40px;
    font-size: 21px;
}

.s5-template-liuxiao .s5-special-content {
    padding: 11px 14px;
    font-size: 18px;
    line-height: 2;
}

.s5-template-liuxiao .s5-special-content p {
    margin: 7px 0;
    font-size: 18px;
    line-height: 2;
}

.s5-template-pairs .s5-data-cell,
.s5-template-numbers .s5-data-cell {
    min-height: 90px;
    padding: 8px 4px;
    line-height: 1.65;
}

.s5-pair-issue,
.s5-number-issue {
    color: #000;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.35;
}

.s5-pair-issue span,
.s5-number-issue span {
    color: #008000;
    margin-left: 2px;
}

.s5-pair-list {
    color: #f00;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.55;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    column-gap: 18px;
    row-gap: 2px;
}

.s5-template-tail .styleliao,
.s5-template-line .styleliao {
    color: #8b008b;
}

.s5-template-tail .stylezi {
    color: #a35b00;
}

.s5-template-line .stylezi {
    color: #f00;
}

.s5-template-numbers .s5-number-line {
    color: #f00;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.55;
}

.s5-template-paoma .s5-data-cell {
    text-align: left;
    padding: 8px 0;
}

.s5-paoma-lines {
    padding-left: 0;
    line-height: 1.75;
}

.s5-paoma-title {
    color: #222;
    font-size: 18px;
    font-weight: 900;
}

.s5-paoma-title::first-letter {
    color: #000;
}

.s5-paoma-green {
    color: #008000;
    font-size: 17px;
    font-weight: 900;
}

.s5-template-paoma .s5-red-head {
    font-size: 22px;
}

.s5-desc-row div {
    line-height: 1.65;
}

.s5-issue {
    color: #222;
    font-weight: 900;
}

.s5-open-result {
    color: #222;
}

.s5-open-result::first-letter {
    color: #000;
}

.s5-hit {
    background: #ff0 !important;
    color: #f00 !important;
    padding: 1px 3px;
}

@media (max-width: 800px) {
    .s5-template-liuxiao .s5-red-head {
        min-height: 38px;
        line-height: 38px;
        font-size: 20px;
    }

    .s5-template-liuxiao .s5-special-content,
    .s5-template-liuxiao .s5-special-content p {
        font-size: 17px;
        line-height: 1.95;
    }

    .s5-pair-issue,
    .s5-number-issue {
        font-size: 19px;
    }

    .s5-pair-list,
    .s5-template-numbers .s5-number-line {
        font-size: 18px;
    }
}

@media (max-width: 430px) {
    .s5-pair-list {
        column-gap: 10px;
        font-size: 17px;
    }

    .s5-template-numbers .s5-number-line {
        font-size: 17px;
    }

    .s5-paoma-title {
        font-size: 17px;
    }

    .s5-paoma-green {
        font-size: 16px;
    }
}


/* 网站5：本次回滚修正，只修用户指出的问题 */
.s5-permanent-domain {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    line-height: 1.2;
    text-align: center;
}

.s5-permanent-domain img {
    flex: 0 0 auto;
}

.s5-permanent-domain span {
    display: inline-block;
}

.s5-red-head {
    min-height: 34px;
    line-height: 34px;
    font-size: 21px;
}

.s5-data-cell {
    min-height: 34px;
    line-height: 1.68;
    padding: 7px 4px;
    font-size: 16px;
    font-weight: 700;
}

.s5-desc-row {
    min-height: 34px;
    line-height: 1.6;
    padding: 6px 4px;
    font-size: 16px;
}

.s5-template-liuxiao .s5-red-head {
    min-height: 38px;
    line-height: 38px;
    font-size: 21px;
}

.s5-template-liuxiao .s5-special-content,
.s5-template-liuxiao .s5-special-content p {
    font-size: 18px;
    line-height: 1.85;
}

.s5-template-pairs .s5-data-cell,
.s5-template-numbers .s5-data-cell {
    min-height: 76px;
    padding: 7px 4px;
    line-height: 1.6;
}

.s5-pair-issue,
.s5-number-issue {
    font-size: 18px;
    line-height: 1.35;
}

.s5-pair-list,
.s5-template-numbers .s5-number-line {
    font-size: 17px;
    line-height: 1.55;
}

.s5-template-numbers .s5-number-line.s5-hit {
    background: transparent !important;
    color: #f00 !important;
    padding: 0;
}

.s5-template-line .styleliao {
    color: #8b008b;
}

.s5-template-line .stylezi {
    color: #f00;
}

.s5-open-result {
    color: #222;
}

@media (max-width: 800px) {
    .s5-red-head {
        min-height: 32px;
        line-height: 32px;
        font-size: 19px;
    }

    .s5-data-cell,
    .s5-desc-row {
        font-size: 15px;
        line-height: 1.62;
    }

    .s5-pair-issue,
    .s5-number-issue {
        font-size: 17px;
    }

    .s5-pair-list,
    .s5-template-numbers .s5-number-line {
        font-size: 16px;
    }
}


/* 网站5：第二批文字模板样式修正 */
.s5-red-head {
    min-height: 36px;
    line-height: 36px;
    font-size: 20px;
}
.s5-data-cell {
    font-size: 17px;
    line-height: 1.78;
    padding: 8px 4px;
}
.s5-desc-row {
    color: #980098;
    font-size: 16px;
    line-height: 1.7;
}
.s5-style-issue { color: #202020; }
.s5-style-prefix { color: #8000a8; font-weight: 900; }
.s5-style-pick { color: #f00; font-weight: 900; }
.s5-hit-inline { background: #ff0; color: #f00; padding: 0 2px; }
.s5-template-singlebuy .s5-style-issue,
.s5-template-sanhang .s5-style-issue,
.s5-template-pingte_tail .s5-style-issue { color: #004cff; }
.s5-template-singlebuy .s5-style-prefix { color: #004cff; }
.s5-template-singlebuy .s5-style-pick,
.s5-template-lianxiao_bama .s5-style-pick,
.s5-template-kill_code7 .s5-style-pick,
.s5-template-kill_two .s5-style-pick { color: #f00; }
.s5-template-onekill .s5-style-prefix,
.s5-template-kill_code7 .s5-style-prefix,
.s5-template-kill_two .s5-style-prefix,
.s5-template-kill_3tail .s5-style-prefix,
.s5-template-kill_3xiao .s5-style-prefix { color: #8a008a; }
.s5-template-pingte_tail .s5-style-prefix,
.s5-template-pingte_tail .s5-style-pick { color: #ff00ff; }
.s5-template-two_head .s5-style-prefix { color: #8a008a; }
.s5-template-two_head .s5-style-pick { color: #f00; }
.s5-template-feng_yu_lei_dian .s5-style-prefix { color: #8a008a; }
.s5-template-feng_yu_lei_dian .s5-style-pick { color: #f00; }
.s5-template-santou .s5-style-prefix { color: #f00; }
.s5-template-santou .s5-style-pick { color: #000; }
.s5-template-sanhang .s5-style-prefix { color: #008000; }
.s5-template-sanhang .s5-style-pick { color: #f00; }
.s5-template-kill_head1 .s5-style-prefix { color: #606000; }
.s5-template-kill_head1 .s5-style-pick { color: #f00; }
.s5-template-pingte_yixiao .s5-style-prefix { color: #8a008a; }
.s5-template-pingte_yixiao .s5-style-pick { color: #f00; }
.s5-template-paoma_chart .s5-old-table td { border-color: #9ed68a; }
.s5-chart-title {
    background: #0000ff;
    color: #ffff00;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 34px;
    margin: -8px -4px 0;
}
.s5-chart-brown {
    background: #91470f;
    color: #000;
    text-align: left;
    padding: 6px 8px;
    font-size: 18px;
    line-height: 1.45;
}
.s5-chart-white {
    background: #fff;
    color: #000;
    text-align: left;
    padding: 7px 8px;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 900;
}
.s5-chart-white div { margin: 3px 0; }
.s5-xuanji-main { font-size: 18px; font-weight: 900; }
.s5-xuanji-main span { color: #008000; }
.s5-xuanji-main b { color: #004cff; }
.s5-xuanji-red { color: #f00; font-weight: 900; font-size: 17px; line-height: 1.65; }
.s5-grade-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
}
.s5-grade-head {
    background: #f00;
    color: #000;
    font-size: 20px;
    line-height: 34px;
}
.s5-grade-table td {
    border: 1px solid #94d84b;
    padding: 5px 4px;
    background: #ffff99;
}
.s5-grade-table tr td:first-child,
.s5-grade-table tr td:last-child { background: #b8ff55; }
.s5-grade-table tr td:nth-child(2) { color: #f00; }
.s5-grade-table tr:nth-child(2) td:nth-child(2) { color: #004cff; }
.s5-grade-foot {
    background: #000 !important;
    color: #fff !important;
    line-height: 30px;
}
@media (max-width: 800px) {
    .s5-red-head { font-size: 18px; min-height: 34px; line-height: 34px; }
    .s5-data-cell { font-size: 16px; line-height: 1.7; }
    .s5-chart-title { font-size: 16px; }
    .s5-chart-brown { font-size: 16px; }
    .s5-chart-white { font-size: 15px; }
    .s5-grade-table { font-size: 14px; }
    .s5-grade-head { font-size: 17px; }
}

/* 网站5：同名模板按图片标题保留，统一15期资料 */
.s5-template-pingte_sanxiao .s5-style-prefix,
.s5-template-pingte_yixiao .s5-style-prefix,
.s5-template-kill_half_wave .s5-style-prefix,
.s5-template-kill_half_odd_even .s5-style-prefix {
    color: #8a008a;
    font-weight: 900;
}

.s5-template-pingte_sanxiao .s5-style-pick,
.s5-template-pingte_yixiao .s5-style-pick,
.s5-template-kill_half_wave .s5-style-pick,
.s5-template-kill_half_odd_even .s5-style-pick {
    color: #f00;
    font-weight: 900;
}

.s5-template-pingte_sanxiao .s5-data-cell,
.s5-template-pingte_yixiao .s5-data-cell,
.s5-template-kill_half_wave .s5-data-cell,
.s5-template-kill_half_odd_even .s5-data-cell,
.s5-template-line .s5-data-cell {
    min-height: 38px;
    line-height: 1.72;
}

.s5-template-line .styleliao {
    color: #8a008a;
}

.s5-template-line .stylezi {
    color: #f00;
}

.s5-template-pingte_sanxiao .s5-open-result:empty,
.s5-template-pingte_yixiao .s5-open-result:empty,
.s5-template-kill_half_wave .s5-open-result:empty,
.s5-template-kill_half_odd_even .s5-open-result:empty {
    display: none;
}

@media (max-width: 800px) {
    .s5-template-pingte_sanxiao .s5-data-cell,
    .s5-template-pingte_yixiao .s5-data-cell,
    .s5-template-kill_half_wave .s5-data-cell,
    .s5-template-kill_half_odd_even .s5-data-cell,
    .s5-template-line .s5-data-cell {
        min-height: 36px;
        line-height: 1.65;
    }
}

/* 网站5顶部修复：只固定顶部标题栏，并让 top-rotate-center.webp 绝对居中 */
.s5-page {
    padding-top: 54px !important;
}

.s5-header {
    width: min(100%, 720px) !important;
    height: 54px !important;
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 3px 6px !important;
    background: linear-gradient(#3a2a27, #151515) !important;
    border-bottom: 1px solid #000 !important;
}

.s5-code-logo {
    width: 220px !important;
    height: 48px !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: 28px 18px !important;
    align-items: center !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
}

.s5-top-spin {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 54px !important;
    height: 54px !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.s5-top-spin img {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
    animation: s5ClockSpin .45s linear infinite !important;
    transform-origin: center center !important;
}

.s5-back-home {
    width: 76px !important;
    height: 50px !important;
    position: relative !important;
    z-index: 2 !important;
}

@media (max-width: 430px) {
    .s5-header {
        width: 100% !important;
    }

    .s5-code-logo {
        width: 170px !important;
    }

    .s5-logo-main {
        font-size: 24px !important;
    }

    .s5-logo-sub,
    .s5-logo-domain {
        font-size: 10px !important;
    }

    .s5-top-spin,
    .s5-top-spin img {
        width: 46px !important;
        height: 46px !important;
    }

    .s5-back-home {
        width: 62px !important;
        font-size: 11px !important;
    }

    .s5-back-home img {
        width: 31px !important;
        height: 31px !important;
    }
}
/* 网站5顶部微调：修复“王中王”显示不全 + 降低中间旋转图速度 */
.s5-code-logo {
    width: 238px !important;
    min-width: 238px !important;
    overflow: visible !important;
    grid-template-columns: max-content 1fr !important;
    column-gap: 4px !important;
}

.s5-logo-main {
    font-size: 28px !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 0 5px 2px 2px !important;
    transform: skew(-6deg) !important;
}

.s5-logo-sub {
    padding-left: 2px !important;
}

.s5-logo-domain {
    max-width: 135px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 数字越大转得越慢：原来是 .45s，太快 */
.s5-top-spin img {
    animation: s5ClockSpin 3.8s linear infinite !important;
}

/* 手机宽度适配 */
@media (max-width: 430px) {
    .s5-code-logo {
        width: 190px !important;
        min-width: 190px !important;
    }

    .s5-logo-main {
        font-size: 24px !important;
        letter-spacing: -1px !important;
        padding-right: 4px !important;
    }

    .s5-logo-sub,
    .s5-logo-domain {
        font-size: 10px !important;
    }

    .s5-top-spin img {
        animation: s5ClockSpin 3s linear infinite !important;
    }
}

/* 很窄手机再缩一点，防止顶部挤爆 */
@media (max-width: 390px) {
    .s5-code-logo {
        width: 176px !important;
        min-width: 176px !important;
    }

    .s5-logo-main {
        font-size: 22px !important;
    }

    .s5-logo-sub,
    .s5-logo-domain {
        font-size: 9px !important;
    }

    .s5-top-spin,
    .s5-top-spin img {
        width: 42px !important;
        height: 42px !important;
    }
}


/* Stage5: generated material rendering, no static placeholder rows */
.s5-empty-row {
    text-align: center;
    color: #888;
    background: #fff;
    font-weight: 700;
    padding: 10px 6px;
}

.s5-generated-cell {
    word-break: break-word;
}

.s5-generated-content {
    display: inline;
    color: inherit;
}

.s5-content-line {
    display: inline;
}

.s5-content-line + .s5-content-line::before {
    content: " / ";
    color: #333;
}

.s5-special-content .s5-content-line {
    display: block;
    line-height: 1.75;
}

.s5-special-content .s5-content-line + .s5-content-line::before {
    content: "";
}

.s5-hit-item {
    display: inline-block;
    background: #ff0;
    color: #d40000;
    border-radius: 2px;
    padding: 0 3px;
    margin: 0 1px;
    font-weight: 900;
}

.s5-generated-result {
    text-align: center;
    color: #d40000;
    font-weight: 900;
}

/* One site-level template set, four tab data sets. */
.s5-material-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  padding:6px;
  background:#fff100;
  border:2px solid #d00000;
}
.s5-material-tabs a{
  display:block;
  text-align:center;
  text-decoration:none;
  font-weight:900;
  color:#b00000;
  background:linear-gradient(#fff,#ffd86b);
  border:1px solid #d00000;
  border-radius:6px;
  padding:8px 2px;
  font-size:15px;
}
.s5-material-tabs a.active{
  color:#fff;
  background:linear-gradient(#ff3131,#b00000);
}

/* Site5 rule-generated special modules */
.s5-template-paoma .s5-generated-content,
.s5-template-paoma_chart .s5-generated-content,
.s5-template-grade_public .s5-generated-content,
.s5-template-xuanji .s5-generated-content {
    display: block;
    margin-top: 4px;
}
.s5-template-paoma .s5-content-line,
.s5-template-paoma_chart .s5-content-line,
.s5-template-grade_public .s5-content-line,
.s5-template-xuanji .s5-content-line {
    display: block;
    line-height: 1.65;
}
.s5-template-paoma .s5-content-line + .s5-content-line::before,
.s5-template-paoma_chart .s5-content-line + .s5-content-line::before,
.s5-template-grade_public .s5-content-line + .s5-content-line::before,
.s5-template-xuanji .s5-content-line + .s5-content-line::before {
    content: "";
}
.s5-template-paoma .s5-generated-content {
    color: #008000;
    font-weight: 900;
}
.s5-template-paoma_chart .s5-content-line:nth-child(-n+6) {
    background: #dff4ff;
    padding: 2px 6px;
}
.s5-template-paoma_chart .s5-content-line:nth-child(n+7) {
    background: #eeeeee;
    padding: 2px 6px;
}
.s5-template-grade_public .s5-content-line {
    padding: 2px 6px;
    border-bottom: 1px solid #e5e5e5;
}

/* Site5 open-result color fix: keep every 开/開 result marker red. */
.s5-open-result,
.s5-generated-result,
.s5-open-inline {
    color: #f00 !important;
    font-weight: 900;
}

/* ===== 20260516 网站5按截图修文字颜色与资料排列：只影响显示，不改生成规则 ===== */
.s5-hit-item{
    background:#ffea00 !important;
    color:#f00 !important;
    padding:0 2px;
}
.s5-open-inline,
.s5-ref-open,
.s5-open-result,
.s5-generated-result{
    color:#f00 !important;
    font-weight:900;
}
.s5-ref-block{
    text-align:center;
    font-weight:900;
    font-size:18px;
    line-height:1.65;
    color:#000;
}
.s5-ref-issue{
    font-size:20px;
    line-height:1.45;
    color:#000;
}
.s5-ref-issue-no{
    color:#000;
    font-weight:900;
}
.s5-ref-title{
    color:#008000;
    margin-left:2px;
    font-weight:900;
}
.s5-ref-pair-grid{
    display:grid;
    grid-template-columns:repeat(2, max-content);
    justify-content:center;
    column-gap:18px;
    row-gap:0;
    color:#f00;
    line-height:1.45;
    font-size:18px;
}
.s5-ref-pair{
    display:inline-block;
    color:#f00;
}
.s5-ref-tail{
    min-height:34px;
    line-height:34px;
    white-space:normal;
}
.s5-ref-tail-label{
    color:#9b5d22;
    margin-left:5px;
    font-weight:900;
}
.s5-ref-line{
    min-height:34px;
    line-height:34px;
    font-size:18px;
}
.s5-ref-green{
    color:#008000;
    font-weight:900;
    margin-left:2px;
}
.s5-ref-purple{
    color:#8a00b8;
    font-weight:900;
    margin-left:2px;
}
.s5-ref-title-inline{
    color:#008000;
    font-weight:900;
    margin-left:2px;
}
.s5-ref-content{
    color:#f00;
    font-weight:900;
}
.s5-ref-numbers{
    padding:2px 0 4px;
}
.s5-ref-number-line{
    color:#f00;
    font-size:18px;
    line-height:1.45;
    font-weight:900;
}
.s5-template-ref-liubuzhong .s5-data-cell{
    padding:0 !important;
    border:0 !important;
}
.s5-grade-public-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    background:#ffff99;
    margin:0;
    text-align:center;
    font-size:16px;
    font-weight:900;
}
.s5-grade-public-table td{
    border:1px solid #d5d56a;
    padding:6px 4px;
    line-height:1.25;
}
.s5-grade-title{
    background:#f00 !important;
    color:#000 !important;
    font-size:20px;
    line-height:32px !important;
    height:32px;
    padding:0 4px !important;
}
.s5-grade-left{
    width:25%;
    background:#caff55 !important;
    color:#000;
    font-size:16px;
}
.s5-grade-middle{
    width:55%;
    background:#ffff99 !important;
    color:#f00 !important;
    font-size:18px;
}
.s5-grade-middle .s5-content-line{
    display:inline;
}
.s5-grade-right{
    width:20%;
    background:#caff55 !important;
    color:#000;
    font-size:16px;
}
.s5-template-ref-sixiao-bama .s5-data-cell,
.s5-template-ref-siwei-bama .s5-data-cell,
.s5-template-ref-20ma .s5-data-cell,
.s5-template-ref-16ma .s5-data-cell{
    padding:6px 4px;
}
@media (max-width:800px){
    .s5-ref-block{font-size:16px;line-height:1.62;}
    .s5-ref-issue{font-size:18px;}
    .s5-ref-pair-grid{font-size:16px;column-gap:12px;}
    .s5-ref-number-line{font-size:16px;}
    .s5-grade-public-table{font-size:14px;}
    .s5-grade-title{font-size:18px;}
    .s5-grade-middle{font-size:16px;}
}

/* v20260521: site5 horizontal overflow and image stability guard only; do not change font sizes. */
html, body { max-width:100%; overflow-x:hidden; }
.s5-page,.s5-wrap,.site5-wrap,.site5-shell { overflow-x:hidden; }
img,video,canvas,svg { max-width:100%; height:auto; }
.lhc-image-layer-template { overflow:hidden !important; max-width:100%; }

/* image-layer-cross-device-v2 20260615: 图片模板文字层跨设备一致显示，不改后台保存的坐标/字号/颜色 */
html,body{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
.lhc-image-layer-template[data-lhc-image-layer-template="1"],.lhc-image-layer-template{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
.lhc-image-layer-base{display:block!important;width:100%!important;height:auto!important;}
.lhc-image-layer{position:absolute!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:pre-line!important;word-break:keep-all!important;overflow-wrap:normal!important;word-wrap:normal!important;line-break:strict!important;max-width:none!important;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;}
.lhc-image-layer-text{unicode-bidi:plaintext;}
.lhc-image-layer-img{object-fit:contain!important;}
.lhc-image-fixed-layer{position:absolute!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;}