/* Article-only overrides: preserve the site's desktop colours and layout. */
.article-page .article-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin-top: 8px;
    color: #737373;
    line-height: 1.6;
}
.article-page .article-meta > * { min-width: 0; }
.article-page .detail { overflow-wrap: anywhere; }
.article-page .detail img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.article-page a:focus-visible { outline: 2px solid #23ade8; outline-offset: 3px; }

@media screen and (min-width: 769px) and (max-width: 1299px) {
    .article-page .w1268, .article-page .w1210 {
        width: calc(100% - 48px);
        max-width: 1268px;
        box-sizing: border-box;
    }
    .article-page .header > .w1268 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }
    .article-page .logo { flex: 0 1 420px; min-width: 0; }
    .article-page .logo a { height: 65px; background-size: contain; background-position: left center; }
    .article-page .navs { display: flex; flex: 0 0 auto; float: none; }
    .article-page .navs .nitem .link { width: auto; padding: 0 12px; font-size: 16px; }
    .article-page .content { display: flex; align-items: flex-start; gap: 24px; }
    .article-page .content::after, .article-page .footer > .w1210::after { display: none; }
    .article-page .crumbs { height: auto; line-height: 1.6; padding: 12px 0; }
    .article-page .content > .left { float: none; flex: 1; min-width: 0; width: auto; }
    .article-page .content > .right { float: none; flex: 0 0 280px; min-width: 0; }
    .article-page .right .list { display: block; float: none; width: 100%; margin-left: 0; }
    .article-page .right .time { float: none; display: block; line-height: 1.4; }
    .article-page .footer > .w1210 { display: flex; gap: 24px; }
    .article-page .footer .fqrcode, .article-page .footer .fcoop { width: 24%; }
    .article-page .footer .fcontact { width: auto; flex: 1; min-width: 0; }
    .article-page .copyright { height: auto; line-height: 1.8; padding: 16px 24px; }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .article-page .content { display: block; }
    .article-page .content > .right { display: flex; gap: 24px; margin: 24px 0; }
    .article-page .right .list { flex: 1; min-width: 0; margin-top: 0; }
}

@media screen and (max-width: 768px) {
    .article-page .content.w1268 { padding: 0 16px !important; }
    .article-page .left > .title { padding: 0; font-size: 20px !important; line-height: 1.5; }
    .article-page .left > .article-meta { padding: 0; font-size: 13px !important; gap: 4px 14px; }
    .article-page .article-source { flex-basis: 100%; order: 1; overflow-wrap: anywhere; }
    .article-page .left .detail { margin-top: 24px; }
    .article-page .left .detail p { word-break: normal; overflow-wrap: anywhere; }
    .article-page .right { margin-top: 12px; margin-bottom: 24px; }
    .article-page .right .list { margin-top: 12px !important; }
    .article-page .right .title { height: auto; line-height: 1.5; text-align: left; padding: 8px 0 !important; }
    .article-page .right li { padding: 0 !important; }
    .article-page .right li a { min-height: 44px; padding: 9px 0; line-height: 1.6; }
    .article-page .right li a .time { order: 1; color: #737373 !important; margin-top: 2px; }
    .article-page .right li a strong { font-weight: normal; }
    .article-page .page-nav a { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
}