@charset "utf-8";
@import url("/nhk/yjjy.css");
@import url("/static/wzw-data-theme.css?v=20260719d");
/* CSS Document */
html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, serif;
    color: #000;
    font-size: 14px;
}

/* 20260706 top draw and quick links polish */
html body .nav.clearfix {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: stretch !important;
    margin: 10px auto 12px !important;
    padding: 0 !important;
    max-width: 720px !important;
    border: 1px solid #2b201a !important;
    border-radius: 8px !important;
    background: #2b201a !important;
    box-shadow: 0 8px 20px rgba(43, 32, 26, .12) !important;
    overflow: hidden !important;
}

html body .nav.clearfix span {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: transparent !important;
}

html body .nav.clearfix span a {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-right: 1px solid #2b201a !important;
    background: #fffdf4 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    color: #2b201a !important;
    text-align: left !important;
}

html body .nav.clearfix span:last-child a {
    border-right: 0 !important;
}

html body .nav.clearfix span:nth-child(2) a,
html body .nav.clearfix span:nth-child(4) a {
    background: #f7efe0 !important;
}

html body .nav.clearfix span a:before {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #2b201a !important;
    border-radius: 50% !important;
    background: #f1eadc !important;
    color: #a20f18 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 2px 0 #a20f18 !important;
}

html body .nav.clearfix span:nth-child(1) a:before { content: "记" !important; }
html body .nav.clearfix span:nth-child(2) a:before { content: "挑" !important; }
html body .nav.clearfix span:nth-child(3) a:before { content: "肖" !important; }
html body .nav.clearfix span:nth-child(4) a:before { content: "龙" !important; }
html body .nav.clearfix span a:after,
html body .nav.clearfix span a .nav-ico { display: none !important; }

html body .nav.clearfix span a .nav-tx,
html body .nav.clearfix span a font {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    color: #2b201a !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


@media screen and (max-width: 480px) {
    html body .nav.clearfix {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .nav.clearfix span:nth-child(2) a,
    html body .nav.clearfix span:nth-child(4) a {
        border-right: 0 !important;
    }

    html body .nav.clearfix span:nth-child(n+3) a {
        border-top: 1px solid #2b201a !important;
    }

    html body .nav.clearfix span a {
        height: 48px !important;
        min-height: 48px !important;
        padding: 7px 9px !important;
    }

    html body .nav.clearfix span a:before {
        width: 26px !important;
        height: 26px !important;
        font-size: 12px !important;
    }

    html body .nav.clearfix span a .nav-tx,
    html body .nav.clearfix span a font {
        font-size: 13px !important;
    }


}

/* 20260626 final NHK layout pass: stable controls and table rhythm */
html body {
    overflow-x: hidden !important;
}

html body .nav.clearfix {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: stretch !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body .nav.clearfix span {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
}

html body .nav.clearfix span a {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 8px 4px !important;
}

html body .nav.clearfix span a .nav-ico {
    flex: 0 0 auto !important;
    width: 32px !important;
    height: 32px !important;
}

html body .nav.clearfix span a .nav-tx,
html body .nav.clearfix span a font {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body table,
html body .duilianpt,
html body .duilianpt1 {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

html body .duilianpt td,
html body .duilianpt th,
html body .duilianpt1 td,
html body .duilianpt1 th {
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
}

html body .duilianpt th:first-child,
html body .duilianpt1 th:first-child {
    width: 20% !important;
}

html body .duilianpt th:last-child,
html body .duilianpt1 th:last-child {
    width: 24% !important;
}

html body .duilianpt td,
html body .duilianpt1 td {
    width: 56% !important;
}

html body .duilianpt .zl,
html body .duilianpt1 .zl {
    display: inline !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

html body .box,
html body .box.pad {
    max-width: 100% !important;
}

@media screen and (max-width: 480px) {
    html body .nav.clearfix {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .nav.clearfix span a {
        height: 66px !important;
        min-height: 66px !important;
    }

    html body .duilianpt td,
    html body .duilianpt th,
    html body .duilianpt1 td,
    html body .duilianpt1 th {
        font-size: 12px !important;
        padding: 6px 3px !important;
    }

    html body .duilianpt .zl,
    html body .duilianpt1 .zl {
        font-size: 14px !important;
    }
}

/* 20260622g polished newspaper theme */
html body {
    background: #ece8de !important;
    color: #2b201a;
}

html body .box.pad[id],
html body .box.pad[id^="yxym"],
html body .box.pad[id="yxym"] {
    margin: 10px 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #d3cabd !important;
    border-radius: 6px !important;
    background: #fffdf4 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(38,23,16,.08) !important;
}

html body .box.pad[id] > table,
html body .box.pad[id^="yxym"] > table,
html body .box.pad[id="yxym"] > table {
    width: 100% !important;
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

body {
    padding: 8px 8px 18px !important;
}

html body > img[src="/static/images/jc.png"] {
    display: block;
    width: 100%;
    margin: 9px 0;
    border: 1px solid #d7d0c4;
    border-radius: 6px;
    background: #fffdf4;
}

html body .box {
    margin: 10px 0 !important;
    overflow: hidden;
    border: 1px solid #d3cabd !important;
    border-radius: 6px !important;
    background: #fffdf4 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(38,23,16,.08) !important;
}

html body .box.pad {
    padding: 0 !important;
}

html body .box.pad.xjct {
    padding: 6px !important;
    border-style: dashed !important;
    background: #f7f3ea !important;
    box-shadow: none !important;
}

html body .box.pad.xjct img {
    display: block;
    border-radius: 4px;
}

html body .news-box {
    border: 1px solid #2b201a !important;
    background: #fffdf4 !important;
}

html body .riqi {
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 3px double #2b201a !important;
    background: #f4efe4 !important;
    color: #2b201a !important;
    font-weight: 900;
    line-height: 1.7;
    text-align: center;
}

html body .nav.clearfix {
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr)) !important;
    gap: 0 !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #2b201a !important;
    border-radius: 6px !important;
    background: #2b201a !important;
    box-shadow: 0 8px 18px rgba(38,23,16,.10) !important;
}

html body .nav.clearfix span {
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
}

html body .nav.clearfix span a {
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    align-items: center;
    gap: 8px !important;
    min-height: 50px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-right: 1px solid #2b201a !important;
    border-bottom: 1px solid #2b201a !important;
    border-radius: 0 !important;
    background: #fffdf4 !important;
    text-align: left !important;
    text-decoration: none !important;
}

html body .nav.clearfix span a .nav-ico {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    padding: 4px;
    border: 1px solid #2b201a;
    border-radius: 50%;
    background: #f1eadc !important;
    object-fit: contain;
}

html body .nav.clearfix span a .nav-tx {
    display: block;
    padding-left: 8px;
    border-left: 3px solid #a20f18;
    color: #2b201a !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

html body .yc-sites {
    display: block !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    border: 1px solid #2b201a !important;
    border-radius: 6px !important;
    background: #fffdf4 !important;
    box-shadow: 0 8px 18px rgba(38,23,16,.08) !important;
    text-align: left !important;
}

html body .yc-sites-logo {
    display: none !important;
}

html body .yc-sites-tip {
    margin: 0 !important;
    padding: 10px 12px !important;
    border-bottom: 3px double #2b201a;
    background: #f4efe4 !important;
    color: #a20f18 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-align: center;
}

html body .yc-sites-row {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 !important;
    background: transparent !important;
}

html body .yc-site {
    min-height: 58px;
    padding: 8px 4px !important;
    border: 0 !important;
    border-right: 1px solid #2b201a !important;
    border-radius: 0 !important;
    background: #fffdf4 !important;
    color: #2b201a !important;
    box-shadow: none !important;
}

html body .yc-site:last-child {
    border-right: 0 !important;
}

html body .yc-site.cur {
    background: #a20f18 !important;
    color: #fff2bf !important;
}

html body .yc-site span {
    color: inherit !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

html body .yc-site b {
    color: inherit !important;
    font-size: 10px !important;
    opacity: .78;
}

html body .yc-site i {
    top: 4px !important;
    right: 4px !important;
    border-radius: 4px !important;
    background: #fff2bf !important;
    color: #7a0d13 !important;
    box-shadow: none !important;
}


html body .list-title,
html body .tzptyx-tit {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #d7d0c4 !important;
    border-radius: 0 !important;
    background: #2b201a !important;
    color: #fff2bf !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
}

html body .domain-tag {
    float: none !important;
    margin-left: auto;
    padding-left: 8px;
    font-size: 11px !important;
    white-space: nowrap;
}

html body table {
    border-collapse: collapse;
    background: #fffdf4 !important;
    font-size: 14px;
}

html body td,
html body th {
    padding: 8px 5px !important;
    border-color: #ded6c8 !important;
    line-height: 1.55;
    word-break: break-word;
}

html body tr:nth-child(even) td,
html body tr:nth-child(even) th {
    background-color: #f8f3e9 !important;
}

html body i.cr,
html body i.cb,
html body i.cg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    margin: 1px 2px;
    border-radius: 50%;
    color: #fff !important;
    font-weight: 900;
    line-height: 22px;
}

html body i.cr { background: #c43b35; }
html body i.cb { background: #2f66b7; }
html body i.cg { background: #257a52; }

html body span[style*="#FFFF00"],
html body span[style*="#ffff00"] {
    display: inline-block;
    padding: 0 3px;
    border-radius: 3px;
    background: #fff0a3 !important;
}

html body .post-list li {
    min-height: 36px !important;
    height: auto !important;
    line-height: 1.35 !important;
}

html body .post-list li a {
    padding: 8px 10px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

html body .foot-img {
    padding: 12px !important;
    color: #5a4638;
    background: #f4efe4 !important;
}

html body a[href="#fhdb"] p {
    margin: 10px 0 2px !important;
    padding: 11px !important;
    border: 1px solid #2b201a;
    border-radius: 6px;
    background: #fffdf4;
    color: #a20f18;
    font-size: 16px !important;
}

html body a[href="#fhdb"] font {
    font-size: 16px !important;
}

@media screen and (max-width: 480px) {
    html body {
        font-size: 13px;
    }

    html body .nav.clearfix {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    html body .nav.clearfix span a {
        grid-template-columns: 30px 1fr !important;
        min-height: 46px !important;
        padding: 7px 8px !important;
    }

    html body .nav.clearfix span a .nav-ico {
        width: 27px !important;
        height: 27px !important;
    }

    html body .nav.clearfix span a .nav-tx {
        font-size: 13px !important;
    }

    html body .yc-site span {
        font-size: 12px !important;
    }

    html body td,
    html body th {
        padding: 7px 4px !important;
    }
}
html{
    background: #E8D5F5;
}
body{
    max-width: 720px;
    margin:0 auto;
    background: #E8D5F5;
}
/*div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {

    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

* {
    padding: 0;

    border: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #FF0000;
}

a:active {
    text-decoration: none;
}

a:focus {
    outline: none;
}

a.hidefocus {
    outline: none
}


input[type=text], input[type=button], input[type=submit] {
    -webkit-appearance: none;
    outline: none;
}


button {
    border: 0;
    outline: none;
    cursor: pointer;
}
input{outline:none}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
table{
    table-layout: fixed;
    width: 100%;
}

/* Wangzhongwang newspaper theme */
html,
body {
    background: #f5f5f1;
    color: #2a1b16;
}

body {
    padding: 0 7px 16px;
}

.box {
    margin: 8px 0;
    border: 1px solid #111;
    border-radius: 0;
    background: #fffffb;
    box-shadow: none;
}

.news-box {
    border-top: 4px solid #111;
    background: #fffffb;
}

.riqi {
    padding: 8px 10px !important;
    border-bottom: 1px solid #111;
    background: #f1f1ec;
    color: #222;
    font-weight: 900;
    line-height: 1.8;
    text-align: center;
}

body .nav.clearfix {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 8px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #111 !important;
    border-radius: 0 !important;
    background: #fffffb !important;
    box-shadow: none !important;
}

body .nav.clearfix span {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    line-height: normal !important;
    border-bottom: 1px solid #111;
    background: none !important;
}

body .nav.clearfix span:last-child {
    border-bottom: 0;
}

body .nav.clearfix span:hover {
    background: none !important;
}

body .nav.clearfix span a {
    display: grid !important;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fffffb !important;
    text-align: left;
    text-decoration: none !important;
}

body .nav.clearfix span a .nav-ico {
    width: 34px !important;
    height: 34px !important;
    padding: 4px;
    border: 1px solid #111;
    background: #f1f1ec;
    object-fit: contain;
}

body .nav.clearfix span a .nav-tx {
    display: block;
    padding-left: 10px;
    border-left: 4px solid #a20f18;
    color: #301812 !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

body .nav.clearfix span a:active {
    background: #ecece7 !important;
}

.list-title,
.tzptyx-tit {
    min-height: 40px;
    padding: 0 10px !important;
    border-top: 4px solid #111;
    border-bottom: 1px solid #111;
    border-radius: 0 !important;
    background: #f1f1ec !important;
    color: #a20f18 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 36px;
    letter-spacing: 0 !important;
    text-align: center !important;
}

.domain-tag {
    float: right;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 900;
}

.qxtable,
.duilianpt1,
.gongshi,
.cdr,
.cdrjzt,
table {
    border-color: #c9c9c4 !important;
}

td,
th {
    border-color: #c9c9c4 !important;
}

tr:nth-child(even) td {
    background-color: #f8f8f4;
}

.box.pad[id="yxym"] {
    padding: 0 0 5px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #111;
    background: #fffffb;
    box-shadow: none;
}

.box.pad[id="yxym"] > table {
    width: 100%;
    border-left: 1px solid #111;
    border-right: 1px solid #111;
}

.box.pad[id="yxym"] td {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width: 480px) {
    body .nav.clearfix span a {
        grid-template-columns: 36px 1fr;
        gap: 8px !important;
        min-height: 45px !important;
        padding: 7px 8px !important;
    }

    body .nav.clearfix span a .nav-ico {
        width: 30px !important;
        height: 30px !important;
    }

    body .nav.clearfix span a .nav-tx {
        font-size: 14px !important;
    }
}

/* 20260622i final Wangzhongwang polish */
html body {
    background: #ece6da !important;
    color: #2b201a !important;
}

html body .box, html body .box.pad, html body .box.pad[id], html body .box.pad[id="yxym"], html body .box.pad[id^="yxym"], html body .yc-sites{
    margin: 10px 0 !important;
    overflow: hidden !important;
    border: 1px solid #2b201a !important;
    border-radius: 6px !important;
    background: #fffdf4 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(43,32,26,.08) !important;
}

html body .box.pad,
html body .box.pad[id],
html body .box.pad[id="yxym"],
html body .box.pad[id^="yxym"] {
    padding: 0 !important;
}

html body .box.pad.xjct {
    padding: 6px !important;
    border-style: dashed !important;
    background: #f7f1e6 !important;
    box-shadow: none !important;
}

html body .news-box {
    border: 1px solid #2b201a !important;
    border-top: 5px solid #2b201a !important;
    background: #fffdf4 !important;
}

html body .riqi {
    padding: 10px 12px !important;
    border-bottom: 3px double #2b201a !important;
    background: #f4efe4 !important;
    color: #2b201a !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

html body .nav.clearfix {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #2b201a !important;
    border-radius: 6px !important;
    background: #2b201a !important;
    box-shadow: 0 8px 18px rgba(43,32,26,.10) !important;
}

html body .nav.clearfix span {
    float: none !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
}

html body .nav.clearfix span a {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 50px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-right: 1px solid #2b201a !important;
    border-bottom: 1px solid #2b201a !important;
    border-radius: 0 !important;
    background: #fffdf4 !important;
    color: #2b201a !important;
    text-align: left !important;
    text-decoration: none !important;
}

html body .nav.clearfix span a .nav-ico {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    padding: 4px !important;
    border: 1px solid #2b201a !important;
    border-radius: 50% !important;
    background: #f1eadc !important;
    object-fit: contain !important;
}

html body .nav.clearfix span a .nav-tx {
    display: block !important;
    min-width: 0 !important;
    padding-left: 8px !important;
    border-left: 3px solid #a20f18 !important;
    color: #2b201a !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .yc-sites {
    display: block !important;
    padding: 0 !important;
}

html body .yc-sites-logo {
    display: none !important;
}

html body .yc-sites-tip {
    margin: 0 !important;
    padding: 10px 12px !important;
    border-bottom: 3px double #2b201a !important;
    background: #f4efe4 !important;
    color: #a20f18 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

html body .yc-sites-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: transparent !important;
}

html body .yc-site {
    min-height: 60px !important;
    padding: 8px 4px !important;
    border: 0 !important;
    border-right: 1px solid #2b201a !important;
    border-radius: 0 !important;
    background: #fffdf4 !important;
    color: #2b201a !important;
    box-shadow: none !important;
}

html body .yc-site:last-child {
    border-right: 0 !important;
}

html body .yc-site.cur,
html body .yc-site.s3 {
    background: #a20f18 !important;
    color: #fff2bf !important;
}

html body .yc-site span,
html body .yc-site b {
    color: inherit !important;
    text-shadow: none !important;
}

html body .yc-site span {
    font-size: 14px !important;
}

html body .yc-site b {
    font-size: 10px !important;
    opacity: .8 !important;
}

html body .yc-site i {
    top: 4px !important;
    right: 4px !important;
    border-radius: 3px !important;
    background: #fff2bf !important;
    color: #7a0d13 !important;
    box-shadow: none !important;
}


html body .list-title,
html body .tzptyx-tit {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #d7d0c4 !important;
    background: #2b201a !important;
    color: #fff2bf !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
}

html body .list-title:before,
html body .tzptyx-tit:before {
    content: "";
    width: 5px !important;
    height: 18px !important;
    margin-right: 8px !important;
    background: #a20f18 !important;
}

html body .domain-tag {
    float: none !important;
    margin-left: auto !important;
    padding-left: 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}

html body table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: #fffdf4 !important;
}

html body td,
html body th {
    padding: 8px 5px !important;
    border-color: #ded6c8 !important;
    line-height: 1.55 !important;
    word-break: break-word !important;
}

html body tr:nth-child(even) td,
html body tr:nth-child(even) th {
    background-color: #f8f3e9 !important;
}

html body i.cr,
html body i.cb,
html body i.cg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    margin: 1px 2px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 22px !important;
}

html body i.cr { background: #c43b35 !important; }
html body i.cb { background: #2f66b7 !important; }
html body i.cg { background: #257a52 !important; }

html body span[style*="#FFFF00"],
html body span[style*="#ffff00"] {
    display: inline-block !important;
    padding: 0 4px !important;
    border-radius: 3px !important;
    background: #fff0a3 !important;
}

html body .foot-img {
    padding: 12px !important;
    color: #5a4638 !important;
    background: #f4efe4 !important;
}

html body a[href="#fhdb"] p {
    margin: 10px 0 2px !important;
    padding: 11px !important;
    border: 1px solid #2b201a !important;
    border-radius: 6px !important;
    background: #fffdf4 !important;
    color: #a20f18 !important;
}

@media screen and (max-width: 480px) {
    html body .nav.clearfix {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .nav.clearfix span a {
        grid-template-columns: 28px 1fr !important;
        min-height: 48px !important;
        padding: 7px 8px !important;
    }

    html body .nav.clearfix span a .nav-ico {
        width: 27px !important;
        height: 27px !important;
    }

    html body .nav.clearfix span a .nav-tx {
        font-size: 13px !important;
    }
}

/* 20260622i compact top links */
html body .nav.clearfix {
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
}

@media screen and (max-width: 480px) {
    html body .nav.clearfix {
        grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important;
    }

    html body .nav.clearfix span a {
        min-height: 44px !important;
    }
}

/* 20260622j large single-row tool links */
html body .nav.clearfix {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid #2b201a !important;
    border-radius: 8px !important;
    background: #2b201a !important;
    box-shadow: 0 14px 28px rgba(43, 32, 26, .14) !important;
}

html body .nav.clearfix span {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

html body .nav.clearfix span + span {
    border-left: 1px solid #2b201a !important;
}

html body .nav.clearfix span a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 82px !important;
    padding: 12px 4px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fffaf0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
    color: #2b201a !important;
    text-align: center !important;
    text-decoration: none !important;
}

html body .nav.clearfix span:nth-child(2) a {
    background: #f7efe0 !important;
}

html body .nav.clearfix span:nth-child(3) a {
    background: #fff6e1 !important;
}

html body .nav.clearfix span a:before,
html body .nav.clearfix span a:after {
    content: none !important;
    display: none !important;
}

html body .nav.clearfix span a .nav-ico {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    padding: 5px !important;
    border: 1px solid #2b201a !important;
    border-radius: 50% !important;
    background: #f1eadc !important;
    box-shadow: 0 3px 0 #a20f18 !important;
    object-fit: contain !important;
}

html body .nav.clearfix span a .nav-tx,
html body .nav.clearfix span a font {
    display: block !important;
    overflow: hidden !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    color: #2b201a !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 480px) {
    html body .nav.clearfix span a {
        min-height: 70px !important;
        padding: 9px 3px 8px !important;
        gap: 6px !important;
    }

    html body .nav.clearfix span a .nav-ico {
        width: 32px !important;
        height: 32px !important;
        padding: 4px !important;
    }

    html body .nav.clearfix span a .nav-tx,
    html body .nav.clearfix span a font {
        font-size: 13px !important;
    }
}

/* 20260626 final override kept at EOF */
html body{overflow-x:hidden!important;}
html body .nav.clearfix{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;align-items:stretch!important;margin:10px 0!important;padding:0!important;overflow:hidden!important;}
html body .nav.clearfix span{display:block!important;min-width:0!important;width:auto!important;height:auto!important;flex:none!important;}
html body .nav.clearfix span a{width:100%!important;height:76px!important;min-height:76px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:8px 4px!important;}
html body .nav.clearfix span a .nav-ico{flex:0 0 auto!important;width:32px!important;height:32px!important;}
html body .nav.clearfix span a .nav-tx,html body .nav.clearfix span a font{display:block!important;width:100%!important;overflow:hidden!important;font-size:14px!important;line-height:1.15!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body table,html body .duilianpt,html body .duilianpt1{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;}
html body .duilianpt td,html body .duilianpt th,html body .duilianpt1 td,html body .duilianpt1 th{vertical-align:middle!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;}
html body .duilianpt th:first-child,html body .duilianpt1 th:first-child{width:20%!important;}
html body .duilianpt th:last-child,html body .duilianpt1 th:last-child{width:24%!important;}
html body .duilianpt td,html body .duilianpt1 td{width:56%!important;}
html body .duilianpt .zl,html body .duilianpt1 .zl{display:inline!important;max-width:100%!important;font-size:16px!important;line-height:1.45!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
html body .box,html body .box.pad{max-width:100%!important;}
@media screen and (max-width:480px){
html body .nav.clearfix{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .nav.clearfix span a{height:66px!important;min-height:66px!important;}
html body .duilianpt td,html body .duilianpt th,html body .duilianpt1 td,html body .duilianpt1 th{font-size:12px!important;padding:6px 3px!important;}
html body .duilianpt .zl,html body .duilianpt1 .zl{font-size:14px!important;}
}

/* 20260626b stable tool links, draw header, highlight pills */
html body .nav.clearfix{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    align-items:stretch!important;
    margin:10px 0 12px!important;
    padding:0!important;
    overflow:hidden!important;
    border:2px solid #2b201a!important;
    border-radius:10px!important;
    background:#2b201a!important;
    box-shadow:0 12px 24px rgba(43,32,26,.14)!important;
}
html body .nav.clearfix span{display:block!important;float:none!important;width:auto!important;height:auto!important;min-width:0!important;border:0!important;background:none!important;}
html body .nav.clearfix span+span{border-left:1px solid #2b201a!important;}
html body .nav.clearfix span a{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    padding:8px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:#fffaf0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
    color:#2b201a!important;
    text-align:center!important;
    text-decoration:none!important;
}
html body .nav.clearfix span:nth-child(2) a{background:#f7efe0!important;}
html body .nav.clearfix span:nth-child(3) a{background:#fff6e1!important;}
html body .nav.clearfix span a:before{
    content:"记"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:30px!important;
    height:30px!important;
    border:1px solid #2b201a!important;
    border-radius:50%!important;
    background:#f1eadc!important;
    color:#a20f18!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 3px 0 #a20f18!important;
}
html body .nav.clearfix span:nth-child(2) a:before{content:"挑"!important;}
html body .nav.clearfix span:nth-child(3) a:before{content:"属"!important;}
html body .nav.clearfix span:nth-child(4) a:before{content:"推"!important;}
html body .nav.clearfix span a:after{content:none!important;display:none!important;}
html body .nav.clearfix span a .nav-ico{display:none!important;}
html body .nav.clearfix span a .nav-tx,
html body .nav.clearfix span a font{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:0!important;
    border:0!important;
    color:#2b201a!important;
    font-size:15px!important;
    font-style:normal!important;
    font-weight:900!important;
    line-height:1.15!important;
    text-align:left!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}


html body .duilianpt th:first-child,
html body .duilianpt1 th:first-child{width:18%!important;}
html body .duilianpt th:last-child,
html body .duilianpt1 th:last-child{width:22%!important;}
html body .duilianpt td,
html body .duilianpt1 td{width:60%!important;}
html body span[style*="#FFFF00"],
html body span[style*="#ffff00"],
html body span[style*="rgb(255, 255, 0)"]{
    display:inline!important;
    padding:0 2px!important;
    border-radius:3px!important;
    background:#ffe873!important;
    box-decoration-break:clone!important;
    -webkit-box-decoration-break:clone!important;
    line-height:1.1!important;
}
html body .duilianpt .zl,
html body .duilianpt1 .zl{font-size:15px!important;line-height:1.55!important;word-break:normal!important;overflow-wrap:anywhere!important;}
html body .jy-three{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px 10px!important;margin-top:2px!important;}
html body .jy-three .jy-group{display:inline-flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important;}
@media screen and (max-width:480px){
    html body .nav.clearfix{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    html body .nav.clearfix span:nth-child(odd){border-left:0!important;}
    html body .nav.clearfix span:nth-child(n+3){border-top:1px solid #2b201a!important;}
    html body .nav.clearfix span a{height:50px!important;min-height:50px!important;padding:7px 8px!important;}
    html body .nav.clearfix span a:before{width:27px!important;height:27px!important;font-size:13px!important;}
    html body .nav.clearfix span a .nav-tx,
    html body .nav.clearfix span a font{font-size:14px!important;}

    html body .duilianpt td,
    html body .duilianpt th,
    html body .duilianpt1 td,
    html body .duilianpt1 th{padding:7px 4px!important;}
}

/* 20260706 EOF top draw and quick links polish */
html body .nav.clearfix{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;align-items:stretch!important;margin:10px auto 12px!important;padding:0!important;max-width:720px!important;border:1px solid #2b201a!important;border-radius:8px!important;background:#2b201a!important;box-shadow:0 8px 20px rgba(43,32,26,.12)!important;overflow:hidden!important;}
html body .nav.clearfix span{display:block!important;min-width:0!important;width:auto!important;height:auto!important;border:0!important;background:transparent!important;}
html body .nav.clearfix span a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;height:52px!important;min-height:52px!important;padding:8px 10px!important;border:0!important;border-right:1px solid #2b201a!important;background:#fffdf4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;color:#2b201a!important;text-align:left!important;}
html body .nav.clearfix span:last-child a{border-right:0!important;}
html body .nav.clearfix span:nth-child(2) a,html body .nav.clearfix span:nth-child(4) a{background:#f7efe0!important;}
html body .nav.clearfix span a:before{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:1px solid #2b201a!important;border-radius:50%!important;background:#f1eadc!important;color:#a20f18!important;font-size:13px!important;font-weight:900!important;line-height:1!important;box-shadow:0 2px 0 #a20f18!important;}
html body .nav.clearfix span:nth-child(1) a:before{content:"记"!important;}
html body .nav.clearfix span:nth-child(2) a:before{content:"挑"!important;}
html body .nav.clearfix span:nth-child(3) a:before{content:"肖"!important;}
html body .nav.clearfix span:nth-child(4) a:before{content:"龙"!important;}
html body .nav.clearfix span a:after,html body .nav.clearfix span a .nav-ico{display:none!important;}
html body .nav.clearfix span a .nav-tx,html body .nav.clearfix span a font{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;padding:0!important;border:0!important;color:#2b201a!important;font-size:14px!important;font-style:normal!important;font-weight:900!important;line-height:1.15!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important;}


@media screen and (max-width:480px){html body .nav.clearfix{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html body .nav.clearfix span:nth-child(2) a,html body .nav.clearfix span:nth-child(4) a{border-right:0!important;}html body .nav.clearfix span:nth-child(n+3) a{border-top:1px solid #2b201a!important;}html body .nav.clearfix span a{height:48px!important;min-height:48px!important;padding:7px 9px!important;}html body .nav.clearfix span a:before{width:26px!important;height:26px!important;font-size:12px!important;}html body .nav.clearfix span a .nav-tx,html body .nav.clearfix span a font{font-size:13px!important;}}

/* 20260707d final theme readability */
html body .list-title,
html body .tzptyx-tit{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important;font-size:18px!important;line-height:1.35!important;letter-spacing:0!important;}
html body .domain-tag{font-size:13px!important;line-height:1.2!important;}
html body .duilianpt td,
html body .duilianpt th,
html body .duilianpt1 td,
html body .duilianpt1 th{font-size:16px!important;line-height:1.6!important;}
html body .duilianpt .zl,
html body .duilianpt1 .zl{font-size:16px!important;line-height:1.55!important;}
html body .duilianpt1 .zl.jy-three,
html body .jy-three{font-size:15px!important;gap:7px!important;}
@media screen and (max-width:480px){html body .list-title,html body .tzptyx-tit{min-height:42px!important;font-size:17px!important;}html body .domain-tag{font-size:12px!important;}html body .duilianpt td,html body .duilianpt th,html body .duilianpt1 td,html body .duilianpt1 th{font-size:15px!important;}html body .duilianpt .zl,html body .duilianpt1 .zl{font-size:15px!important;}html body .duilianpt1 .zl.jy-three,html body .jy-three{font-size:13px!important;gap:4px!important;}}

/* 20260708 Wangzhongwang quick links final layout */
html body .nav.clearfix {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: auto !important;
    max-width: 720px !important;
    margin: 10px auto 12px !important;
    padding: 8px !important;
    border: 1px solid #2b201a !important;
    border-radius: 8px !important;
    background: #2b201a !important;
    box-shadow: 0 8px 20px rgba(43, 32, 26, .14) !important;
    overflow: hidden !important;
}

html body .nav.clearfix span,
html body .nav.clearfix span + span,
html body .nav.clearfix span:nth-child(odd),
html body .nav.clearfix span:nth-child(n+3) {
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    border: 0 !important;
    background: transparent !important;
}

html body .nav.clearfix span a {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 7px 4px !important;
    border: 1px solid #ead8ae !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #fffdf4 0%, #f2e4c0 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 2px 0 rgba(127, 33, 22, .5) !important;
    color: #2b201a !important;
    text-align: center !important;
    text-decoration: none !important;
}

html body .nav.clearfix span:nth-child(2) a,
html body .nav.clearfix span:nth-child(4) a {
    background: linear-gradient(180deg, #fff8e4 0%, #ead2a1 100%) !important;
}

html body .nav.clearfix span a:before {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #7d2116 !important;
    border-radius: 999px !important;
    background: #a20f18 !important;
    color: #fff2bf !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 2px 0 #5f0b12 !important;
}

html body .nav.clearfix span:nth-child(1) a:before { content: "史" !important; }
html body .nav.clearfix span:nth-child(2) a:before { content: "挑" !important; }
html body .nav.clearfix span:nth-child(3) a:before { content: "肖" !important; }
html body .nav.clearfix span:nth-child(4) a:before { content: "龙" !important; }
html body .nav.clearfix span a:after,
html body .nav.clearfix span a .nav-ico {
    display: none !important;
}

html body .nav.clearfix span a .nav-tx,
html body .nav.clearfix span a font {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    color: #2b201a !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 480px) {
    html body .nav.clearfix {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin: 8px auto 10px !important;
        padding: 6px !important;
    }

    html body .nav.clearfix span a {
        height: 60px !important;
        min-height: 60px !important;
        padding: 6px 2px !important;
        gap: 4px !important;
    }

    html body .nav.clearfix span a:before {
        width: 24px !important;
        height: 24px !important;
        font-size: 12px !important;
    }

    html body .nav.clearfix span a .nav-tx,
    html body .nav.clearfix span a font {
        font-size: 13px !important;
    }
}

/* 20260708d keep lower quick links in one row */
html body .nav.clearfix,
html body .nav.clearfix[style],
body .nav.clearfix {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 720px !important;
    margin: 8px auto 10px !important;
    padding: 6px !important;
}

html body .nav.clearfix span,
html body .nav.clearfix span + span,
html body .nav.clearfix span:nth-child(odd),
html body .nav.clearfix span:nth-child(n+3) {
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    border: 0 !important;
}

html body .nav.clearfix span a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 6px 2px !important;
}

html body .nav.clearfix span a:before {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
}

html body .nav.clearfix span a .nav-tx,
html body .nav.clearfix span a font {
    font-size: 13px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 480px) {
    html body .nav.clearfix,
    html body .nav.clearfix[style],
    body .nav.clearfix {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
