/* 2026-08-11 新闻资讯移动端：焦点图先行的连续内容流。 */
.news-more-toggle {
    display: none;
}

.news-archive::after {
    content: "新闻资讯";
}

@media (max-width: 760px) {
    .news-center-page {
        background:
            linear-gradient(155deg, rgba(194, 214, 241, .46), transparent 26rem),
            linear-gradient(180deg, #eaf1fb 0, #f5f8fd 42rem, #eef4fb 100%);
    }

    .news-main {
        width: min(calc(100% - 1.5rem), 42rem);
    }

    .news-event-bulletin {
        display: none;
    }

    .news-archive {
        display: flex;
        margin-top: 1.2rem;
        flex-direction: column;
    }

    .news-archive-heading {
        position: relative;
        order: 1;
        display: grid;
        min-height: 5.2rem;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: .75rem;
        padding: .35rem .3rem 1.25rem;
        border-bottom: 1px solid rgba(76, 111, 155, .22);
    }

    .news-archive-heading::after {
        position: absolute;
        bottom: -.22rem;
        left: 3.3rem;
        width: .42rem;
        height: .42rem;
        border: 1px solid rgba(83, 119, 165, .42);
        border-radius: 50%;
        background: #eef4fb;
        content: "";
    }

    .news-archive-heading > div > p {
        display: none;
    }

    .news-archive-heading h2 {
        margin: 0;
        color: #466895;
        font-family: "Noto Serif SC", "Songti SC", serif;
        font-size: clamp(2.25rem, 11vw, 3.15rem);
        font-weight: 560;
        letter-spacing: -.06em;
        line-height: 1;
    }

    .news-more-toggle {
        display: inline-flex;
        min-height: 2.25rem;
        align-items: center;
        gap: .15rem;
        margin-top: .1rem;
        padding: 0 .72rem;
        border: 1px solid rgba(72, 102, 143, .62);
        border-radius: 999px;
        background: rgba(104, 132, 174, .72);
        box-shadow: inset 0 0 0 2px rgba(255,255,255,.24);
        color: #f9fbff;
        font: inherit;
        font-size: .78rem;
        white-space: nowrap;
        cursor: pointer;
    }

    .news-more-toggle b {
        font-size: 1rem;
        font-weight: 400;
    }

    .news-search {
        display: none;
        width: 100%;
        grid-column: 1 / -1;
        margin-top: .2rem;
        border-radius: .65rem;
        background: rgba(255,255,255,.78);
    }

    .news-archive.is-search-open .news-search {
        display: grid;
        animation: newsSearchReveal .2s ease-out both;
    }

    @keyframes newsSearchReveal {
        from { opacity: 0; transform: translateY(-.35rem); }
        to { opacity: 1; transform: translateY(0); }
    }

    .news-layout {
        display: contents;
    }

    .news-feature {
        order: 2;
        width: calc(100% + .2rem);
        min-height: 0;
        margin: 2.35rem -.1rem 0;
        border: .3rem solid rgba(255,255,255,.94);
        border-radius: 1rem;
        box-shadow: 0 .8rem 2.2rem rgba(48, 82, 124, .14);
    }

    .news-feature-frame > a {
        aspect-ratio: 16 / 9.2;
    }

    .news-feature-image {
        object-position: center;
    }

    .news-feature-shade {
        background: linear-gradient(180deg, transparent 48%, rgba(21, 39, 61, .78) 100%);
    }

    .news-feature-copy {
        padding: 2.7rem .8rem .75rem;
    }

    .news-feature-meta,
    .news-feature p {
        display: none;
    }

    .news-feature h3 {
        max-width: 100%;
        overflow: hidden;
        color: #fff;
        font-size: .95rem;
        font-weight: 580;
        line-height: 1.4;
        text-overflow: ellipsis;
        text-shadow: 0 1px 5px rgba(0,0,0,.34);
        white-space: nowrap;
    }

    .news-feature-controls {
        min-height: 2.75rem;
        grid-template-columns: 1fr;
        padding: 0;
        background: transparent;
    }

    .news-feature-controls > button {
        display: none;
    }

    .news-feature-controls > div {
        gap: .45rem;
    }

    .news-feature-controls > div button {
        width: .32rem;
        height: .32rem;
        border: 0;
        background: #aec3dd;
    }

    .news-feature-controls > div button.is-active {
        width: .5rem;
        height: .5rem;
        border: .09rem solid #5f83b2;
        border-radius: 50%;
        background: transparent;
    }

    .news-tabs {
        position: relative;
        order: 3;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 0;
        margin: .7rem 0 0;
        padding: .5rem 0 .6rem;
        border-top: 0;
        border-bottom: 1px solid rgba(81, 113, 154, .2);
        border-radius: 0;
        background: transparent;
    }

    .news-tabs::after {
        position: absolute;
        bottom: -.22rem;
        left: 2rem;
        width: .4rem;
        height: .4rem;
        border: 1px solid rgba(83,119,165,.42);
        border-radius: 50%;
        background: #f1f6fc;
        content: "";
    }

    .news-tabs button {
        position: relative;
        min-width: 0;
        min-height: 2.35rem;
        padding: 0 .08rem;
        border: 0;
        border-right: 1px solid rgba(84, 112, 148, .28);
        border-radius: 0;
        background: transparent;
        color: #607a9e;
        font-size: clamp(.63rem, 2.8vw, .78rem);
        font-weight: 580;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .news-tabs button:last-child {
        border-right: 0;
        font-size: 0;
    }

    .news-tabs button:last-child::after {
        display: inline-grid;
        width: 1.45rem;
        height: 1.45rem;
        place-items: center;
        border: 1px solid rgba(83, 113, 154, .58);
        border-radius: .18rem;
        content: "+";
        color: #58759b;
        font-size: 1rem;
        font-weight: 400;
    }

    .news-tabs button:hover,
    .news-tabs button.is-active {
        border-color: rgba(84,112,148,.28);
        background: transparent;
        box-shadow: none;
        color: #3f618e;
    }

    .news-tabs button.is-active::before {
        position: absolute;
        right: 24%;
        bottom: -.72rem;
        left: 24%;
        height: 1px;
        background: #688ab5;
        content: "";
    }

    .news-feed {
        order: 4;
        min-width: 0;
        margin-top: .65rem;
    }

    .news-feed-state {
        display: none;
    }

    .news-row {
        border-bottom: 1px solid rgba(83, 113, 150, .16);
    }

    .news-row > a {
        min-height: 3.55rem;
        grid-template-columns: 3.2rem minmax(0, 1fr);
        gap: .65rem;
        padding: .68rem .05rem;
    }

    .news-row > a:hover {
        padding: .68rem .05rem;
        background: rgba(255,255,255,.42);
    }

    .news-row-type {
        min-height: 1.45rem;
        padding: 0 .2rem;
        border-color: #819dbe;
        border-radius: .45rem;
        color: #54739a;
        font-size: .67rem;
        line-height: 1;
    }

    .news-row h3 {
        font-size: .82rem;
        font-weight: 580;
        line-height: 1.45;
    }

    .news-row time {
        display: none;
    }

    .news-load-more {
        width: 100%;
        min-height: 2.55rem;
        margin-top: .8rem;
        border: 1px solid rgba(89, 121, 160, .18);
        border-radius: .55rem;
        background: rgba(255,255,255,.55);
        color: #5d789a;
        font-size: .72rem;
    }

    .news-full-archive {
        margin-top: 4.5rem;
    }
}

@media (max-width: 370px) {
    .news-main {
        width: calc(100% - 1rem);
    }

    .news-tabs button {
        font-size: .6rem;
    }

    .news-row h3 {
        font-size: .78rem;
    }
}