/* 官网窄屏布局；桌面继续使用各频道原有样式。 */
@media (max-width: 980px) {
    .register > div,
    .head .package,
    .tail .package,
    .site-links .site-links-inner,
    .wrap .box,
    .ll-main,
    .kc-wrap {
        box-sizing: border-box;
        width: calc(100% - 32px);
        margin-right: auto;
        margin-left: auto;
    }

    .register > div .right { min-width: 0; max-width: calc(100% - 80px); white-space: nowrap; }
    .register > div .right > span { display: inline-block; max-width: calc(100% - 48px); overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }

    .head .package .partition {
        height: auto;
        min-height: 44px;
        align-items: center;
        gap: 12px;
        padding: 6px 0;
    }
    .head .package .partition .tab {
        flex: 1;
        min-width: 0;
        flex-wrap: wrap;
        gap: 0 12px;
        font-size: 16px;
        line-height: 36px;
    }
    .head .package .partition .tab > div { margin-right: 0; }
    .head .package .partition .download {
        flex: none;
        width: 60px;
        height: 36px;
        line-height: 36px;
    }

    .tail { height: auto; padding: 24px 0; }
    .tail .package { flex-wrap: wrap; gap: 24px; }
    .tail .package .tail-left { flex-basis: 100%; min-width: 0; align-items: flex-start; }
    /* 页脚 logo 的旧宽度写在内联样式中。 */
    .tail .package .tail-left .logo { flex: none; width: 80px !important; }
    .tail .package .tail-left .logo img { width: 64px; height: auto; }
    .tail .package .tail-left .contact { min-width: 0; height: auto; gap: 8px; padding-left: 16px; }
    .tail .package .tail-left .contact span { flex: auto; overflow-wrap: anywhere; line-height: 1.7; }
    .tail .package .barcode { margin: 0 auto; }
    .site-links .site-links-inner dl { display: block; margin-bottom: 10px; }
    .site-links .site-links-inner dl:last-child { margin-bottom: 0; }
    .site-links .site-links-inner dd a { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

    .wrap .box { margin-top: 20px; overflow: visible; }
    .box .main-top,
    .box .main-bottom { display: block; }
    .box .main-top .swiper-container { width: 100%; height: auto; aspect-ratio: 16 / 9; }
    .box .main-top .swiper-container img { object-fit: cover; }
    .box .main-top .swiper-pagination { bottom: 16px; }
    .box .main-top .question { margin-top: 12px; }
    .box .main-top .question .question-list { padding: 8px 0 8px 18px; font-size: 16px; line-height: 1.7; white-space: normal; }
    .box .main-top .question .question-list::before { left: 0; }
    .box .main-bottom .evaluating { min-width: 0; padding-right: 0; }
    .box .main-bottom .cathet { width: auto; margin-top: 30px; }
    .box .main-bottom .cathet .cathet-img { width: auto; }
    .box .main-bottom .cathet .cathet-img img { width: 100%; max-width: 480px; height: auto; }
    .box .evaluating-list .evaluating-text,
    .box .main .main-text { min-width: 0; }
    .box .evaluating-list .evaluating-img { flex: none; }
    .box .evaluating-list .text-bottom { flex-wrap: wrap; gap: 4px 10px; }
    .box .evaluating-list .text-bottom span { margin-right: 0; max-width: 100%; white-space: normal; }
    .box .main .text-bottom span { width: auto; max-width: 100%; margin-right: 12px; white-space: normal; }
    .box .main .text-top { overflow-wrap: anywhere; line-height: 1.5; }
    .box .img-top { height: auto; }
    .box .img-top img { height: auto; }

    .box > .site { margin-bottom: 24px; line-height: 1.8; }
    .box h1.title { text-align: left; overflow-wrap: anywhere; }
    .box > .writer { text-align: left; line-height: 1.8; overflow-wrap: anywhere; }
    .box .article-content { overflow-wrap: anywhere; }
    /* 文章编辑器保存的固定宽度只在正文内收敛，数据表保留自身横向滚动。 */
    .box .article-content :where(section, div, p, figure, blockquote, ul, ol) { box-sizing: border-box; min-width: 0 !important; max-width: 100% !important; }
    .box .article-content :where(img, video, svg) { max-width: 100% !important; height: auto !important; }
    .box .article-content :where(iframe, embed, object) { max-width: 100% !important; }
    .box .article-content table { display: block; width: 100% !important; max-width: 100% !important; overflow-x: auto; }
    .box .article-content pre { max-width: 100%; overflow-x: auto; }
    /* 图片也占据段落首行，保留桌面首行缩进会把满宽图片推到正文之外。 */
    .box .article-content p { line-height: 1.9; padding-bottom: 18px; text-indent: 0; }
    .box .continue { display: block; line-height: 1.8; }
    .box .continue > div { box-sizing: border-box; max-width: 100%; padding: 6px 0; white-space: normal; overflow-wrap: anywhere; }
    .wrap .box .news-related .news-related-list li { padding: 5px 0; line-height: 1.8; white-space: normal; }

    .box .page_block,
    .box .paging { height: auto; margin-top: 36px; }
    .box .page_block .pagination,
    .box .paging .paging-center { display: flex; flex-wrap: wrap; max-width: 100%; }
    .box .page_block .pagination li,
    .box .paging .paging-center div { float: none; padding: 0 10px; }

    .ll-main { overflow-wrap: anywhere; }
    .ll-main .ll-crumb { flex-wrap: wrap; gap: 4px 8px; }
    .ll-main .ll-crumb a { flex-shrink: 1; }
    .ll-main .ll-cards-4 .ll-card h2 { white-space: normal; }
    .ll-main .ll-driver-grid .ll-tile a { white-space: normal; }
    .ll-main .ll-q-main.has-img,
    .ll-main .ll-p-main.has-img { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .ll-main .ll-q-main.has-img > .ll-q-figure,
    .ll-main .ll-p-main.has-img > .ll-q-figure { grid-column: 1; grid-row: 1; }
    .ll-main .ll-q-main.has-img > .ll-q-body,
    .ll-main .ll-p-main.has-img > .ll-p-body { grid-column: 1; grid-row: 2; }
    .ll-main .ll-q-figure { height: 240px; }
    .ll-main .ll-table,
    .ll-main .ll-my-table { display: block; max-width: 100%; overflow-x: auto; }
    .ll-main .ll-tb-big img { max-width: min(360px, 100%); }
    .ll-main .ll-p-top > span { max-width: 100%; flex-wrap: wrap; }
    .ll-main .ll-p-top .ll-p-progress { margin-left: 0; }
    .ll-main .ll-p-top select { max-width: 100%; }
    .ll-main .ll-btn { max-width: 100%; white-space: normal; }

    .kc-wrap { overflow-wrap: anywhere; }
    .kc-wrap .kc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .kc-wrap .kc-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kc-wrap .kc-grid > li,
    .kc-wrap .kc-links > li { min-width: 0; }
    .kc-wrap .kc-table { table-layout: fixed; }

    .jx-wrap { overflow-wrap: anywhere; }
    .jx-wrap .jx-card-body { box-sizing: border-box; }
    .jx-wrap .jx-anchors { flex-wrap: wrap; gap: 0 16px; }
    .jx-wrap .jx-anchors a { margin-right: 0; }
    .jx-wrap .jx-filter-items { min-width: 0; }
    .jx-wrap .jx-head-act { display: flex; flex-wrap: wrap; gap: 8px; }
    .jx-wrap .jx-head-act .jx-btn { margin-right: 0; }
    .jx-wrap .jx-intro :where(img, video, iframe) { max-width: 100%; }

    .pc-page .pc-crumb { flex-wrap: wrap; }
    .pc-page .pc-btn { max-width: 100%; height: auto; min-height: 46px; padding-top: 12px; padding-bottom: 12px; white-space: normal; line-height: 1.5; }
}

@media (max-width: 640px) {
    .box .evaluating-list .evaluating-img { width: 110px; height: 83px; }
    .box .evaluating-list .evaluating-img img { object-fit: cover; }
    .box .evaluating-list .evaluating-text { padding-left: 12px; }
    .box .evaluating-list .text-top { font-size: 17px; line-height: 1.5; }
    .box .evaluating-list .text-center { height: auto; margin-bottom: 0; padding-top: 8px; font-size: 14px; line-height: 1.6; }
    .box .evaluating-list .text-bottom { padding-top: 8px; font-size: 12px; line-height: 1.6; }
    .box .main .left-img { flex: none; width: 110px; height: 83px; padding-right: 0; margin-right: 12px; }
    .box .main .left-img img { width: 100%; height: 100%; object-fit: cover; }
    .box .main .main-text .text-top { font-size: 17px; }
    .box .main .main-text .text-center { height: auto; margin-bottom: 8px; font-size: 14px; line-height: 1.6; }
    .box .main .main-text .text-bottom { font-size: 12px; line-height: 1.6; }
    .box h1.title { font-size: 24px; line-height: 1.5; }
    .box > .writer { font-size: 14px; }

    .ll-main .ll-hero,
    .ll-main .ll-card,
    .ll-main .ll-about,
    .ll-main .ll-question,
    .ll-main .ll-practice { padding: 16px; }
    .ll-main .ll-hero h1,
    .ll-main .ll-h1 { font-size: 24px; }
    .ll-main .ll-q-title { font-size: 21px; }
    .ll-main .ll-cards,
    .ll-main .ll-cat-grid,
    .ll-main .ll-tb-cats { grid-template-columns: minmax(0, 1fr); }
    .ll-main .ll-mode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ll-main .ll-q-list li a { gap: 8px; padding: 12px; }
    .ll-main .ll-q-block { padding: 14px; }
    .ll-main .ll-q-options li { grid-template-columns: 30px minmax(0, 1fr); }
    .ll-main .ll-right-tag { grid-column: 2; }
    .ll-main .ll-q-options li,
    .ll-main .ll-option { font-size: 16px; }
    .ll-main .ll-tb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ll-main .ll-tb-card a { width: auto; }

    .kc-wrap .kc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kc-wrap .kc-links { grid-template-columns: minmax(0, 1fr); }
    .kc-wrap .kc-h1 { font-size: 22px; }
    .kc-wrap .kc-card { padding: 14px; }
    .kc-wrap .kc-table th { width: 72px; }

    .jx-wrap .jx-card-img,
    .jx-wrap .jx-card-img img { width: 96px; height: 72px; }
    .jx-wrap .jx-card-body { width: calc(100% - 96px); }
    .jx-wrap .jx-card-name { font-size: 17px; }
    .jx-wrap .jx-addr { white-space: normal; overflow-wrap: anywhere; }
    .jx-wrap .jx-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
    .jx-wrap .jx-pager a,
    .jx-wrap .jx-pager span { margin: 0; }

    .pc-page .pc-hero h1 { font-size: 28px; }
}