/* Homepage */
.home-banner {
    height    : 520px;
    background: #eaf3ff
}

.home-banner .swiper,
.home-banner .swiper-wrapper,
.home-banner .swiper-slide {
    height: 100%
}

.home-banner .swiper-slide a.banner-slide {
    position       : relative;
    display        : block;
    width          : 100%;
    height         : 100%;
    padding        : 0;
    box-sizing     : border-box;
    text-decoration: none;
    color          : inherit;
}

.home-banner .banner-image {
    position : absolute;
    inset    : 0;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
    z-index  : 0;
}

.home-banner .banner-text {
    position  : relative;
    z-index   : 1;
    display   : flex;
    flex-direction: column;
    justify-content: center;
    width     : 50%;
    max-width : 50%;
    height    : 100%;
    box-sizing: border-box;
    padding   : 0 40px 0 max(24px, calc((100% - var(--wj-container)) / 2));
    color     : #fff;
}

.home-banner .banner-title {
    font-size    : 40px;
    font-weight  : 500;
    margin       : 0 0 24px;
    color        : #fff;
    line-height  : 1.2;
    text-shadow  : 0 2px 8px rgba(0, 0, 0, 0.25);
}

.home-banner .banner-sub {
    font-size    : 16px;
    line-height  : 1.8;
    color        : #fff;
    margin       : 0 0 28px;
    text-shadow  : 0 1px 6px rgba(0, 0, 0, 0.25);
}

.home-banner .banner-tags {
    margin   : 0;
    padding  : 0;
    display  : inline-block;
    list-style: none;
}

.home-banner .banner-tags span {
    display         : inline-block;
    padding         : 8px 22px;
    margin-right    : 10px;
    margin-bottom   : 8px;
    /* border          : 1px solid rgba(255, 255, 255, 0.6); */
    /* border-radius   : 20px; */
    font-size       : 14px;
    color           : #fff;
    background: rgba(255,255,255,0.1);
    border-radius: 68px;
    border: 2px solid rgba(255,255,255,0.4);
    line-height     : 1.4;
}

.home-banner .swiper-slide img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
    object-position: 64% center;
}

.home-banner .swiper-pagination-bullet {
    width     : 7px;
    height    : 7px;
    background: #fff;
    opacity   : .6
}

.home-banner .swiper-pagination-bullet-active {
    width        : 28px;
    border-radius: 5px;
    opacity      : 1
}

.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
    color     : #fff;
    opacity   : 0;
    transition: .2s
}

.home-banner:hover .swiper-button-prev,
.home-banner:hover .swiper-button-next {
    opacity: .7
}

.home-products {
    background: #f5f9ff
}

.home-product-tabs {
    width                : min(1040px, 100%);
    margin               : 0 auto 45px;
    display              : grid;
    grid-template-columns: 1.35fr .7fr 1.3fr 1fr 1fr;
    padding              : 7px;
    border-radius        : 28px;
    background           : #fff;
    box-shadow           : 0 8px 25px rgba(45, 90, 153, .1)
}

.home-product-tabs button {
    border       : 0;
    border-radius: 22px;
    padding      : 12px 8px;
    color        : var(--wj-text);
    cursor       : pointer;
    white-space  : nowrap
}

.home-product-tabs button.active {
    color     : #fff;
    background: linear-gradient(90deg, var(--wj-blue), var(--wj-cyan))
}

.home-product-panel {
    width                : min(1000px, 100%);
    min-height           : 310px;
    margin               : auto;
    display              : grid;
    grid-template-columns: 1fr 1.18fr;
    align-items          : center;
    gap                  : 80px
}

.home-product-copy h3 {
    font-size    : 22px;
    margin-bottom: 20px
}

.home-product-copy p {
    color        : var(--wj-body);
    line-height  : 2;
    margin-bottom: 30px
}

.home-product-image {
    height     : 280px;
    display    : grid;
    place-items: center
}

.home-product-image img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
    filter    : drop-shadow(0 16px 24px rgba(45, 96, 165, .13))
}

.home-solution-card {
    width                : min(1000px, 100%);
    margin               : auto;
    display              : grid;
    grid-template-columns: 42% 58%;
    min-height           : 350px;
    background           : #fff;
    box-shadow           : var(--wj-shadow);
    cursor               : pointer
}

.home-solution-image {
    background : linear-gradient(145deg, #1979ee, #2bbaf3);
    display    : grid;
    place-items: center;
    overflow   : hidden
}

.home-solution-image img {
    width     : 100%;
    height    : 100%;
    object-fit: cover
}

.home-solution-copy {
    padding: 58px
}

.home-solution-copy h3 {
    font-size    : 22px;
    margin-bottom: 22px
}

.home-solution-copy p {
    color        : var(--wj-body);
    line-height  : 2;
    margin-bottom: 30px
}

.home-coverage {
    position  : relative;
    overflow  : hidden;
    background: #eef5ff
}

.coverage-layout {
    display              : grid;
    grid-template-columns: 1.45fr .62fr;
    gap                  : 55px;
    align-items          : center;
    width                : min(1000px, 100%);
    margin               : 0 auto;
    background           : #eef5ff url('../../images/ui/home/fgqy.png') center/cover no-repeat;
    border-radius        : 8px;
    height               : 500px;
    overflow             : hidden
}

.china-map {
    height    : 430px;
    position  : relative;
    background: #c0dcfa;
    clip-path : polygon(6% 26%, 18% 16%, 32% 16%, 39% 8%, 51% 14%, 60% 9%, 72% 14%, 83% 12%, 91% 22%, 88% 31%, 94% 39%, 88% 48%, 91% 57%, 83% 62%, 79% 74%, 70% 79%, 63% 91%, 52% 84%, 41% 82%, 35% 72%, 23% 70%, 15% 58%, 7% 51%, 11% 39%);
    filter    : drop-shadow(0 15px 25px rgba(39, 92, 155, .12))
}

.china-map:after {
    content         : "";
    position        : absolute;
    inset           : 0;
    background-image: linear-gradient(rgba(255, 255, 255, .35) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-size : 45px 45px
}

.map-point {
    position  : absolute;
    z-index   : 2;
    color     : #395d91;
    font-size : 11px;
    text-align: center
}

.map-point:before {
    content      : "";
    display      : block;
    width        : 9px;
    height       : 9px;
    margin       : 0 auto 6px;
    border-radius: 50%;
    background   : var(--wj-blue);
    box-shadow   : 0 0 0 6px rgba(23, 121, 238, .16)
}

.point-xj {
    left: 16%;
    top : 42%
}

.point-sx {
    left: 53%;
    top : 43%
}

.point-ah {
    left: 68%;
    top : 59%
}

.point-hb {
    left: 61%;
    top : 68%
}

.point-cq {
    left: 49%;
    top : 70%
}

.point-zj {
    left: 76%;
    top : 66%
}

.region-list {
    background: rgba(255, 255, 255, .75);
    border    : 1px solid #fff;
    box-shadow: var(--wj-shadow)
}

.region-list li {
    display              : grid;
    grid-template-columns: 23px 1fr;
    gap                  : 3px 6px;
    padding              : 21px 24px;
    border-bottom        : 1px solid #dce8f6
}

.region-list li:last-child {
    border: 0
}

.region-list i {
    grid-row: 1/3;
    color   : #77a8ff
}

.region-list strong {
    font-size: 16px
}

.region-list span {
    font-size: 12px;
    color    : var(--wj-muted)
}

.home-news-grid {
    width                : min(1000px, 100%);
    margin               : auto;
    display              : grid;
    grid-template-columns: 390px 1fr;
    gap                  : 70px
}

.home-news-feature {
    background  : #fff;
    box-shadow  : var(--wj-shadow);
    overflow    : hidden
}

.home-news-feature img {
    width     : 100%;
    height    : 210px;
    object-fit: cover
}

.home-news-feature div {
    padding: 22px
}

.home-news-feature h3 {
    font-size    : 17px;
    margin-bottom: 12px;
    font-weight: 500    ;
}

.home-news-feature p {
    color      : var(--wj-body);
    line-height: 1.8
}

.home-news-list a {
    min-height           : 104px;
    display              : grid;
    grid-template-columns: 68px 1fr 20px;
    align-items          : center;
    gap                  : 20px;
    border-top           : 1px solid var(--wj-line)
}

.home-news-list a:last-child {
    border-bottom: 1px solid var(--wj-line)
}

.home-news-list time b {
    font-size: 31px;
    display  : block
}

.home-news-list time span {
    font-size: 11px;
    color    : var(--wj-muted)
}

.home-news-list small {
    color: var(--wj-blue)
}

.home-news-list h3 {
    font-size : 16px;
    margin-top: 8px;
    font-weight: 500;
}

.home-news-list i {
    font-style: normal;
    color     : #a4afc0
}

/* CMS list: news and downloads */
.page-banner {
    height             : 440px;
    background-color   : #fff;
    background-position: center;
    background-size    : cover;
    background-repeat  : no-repeat
}

.news-banner {
    background-image: url('../../images/ui/news/banner.webp')
}

.download-banner {
    background-image: url('../../images/ui/download/banner.webp')
}

.news-list-page {
    padding: 60px 0 82px
}

#article-list {
    scroll-margin-top: calc(var(--wj-header-height, 70px) + 18px)
}

.paging-box {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    margin-top    : 58px
}

.paging-box .pagination.page-inner {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    margin        : 0;
    float         : none
}

.paging-box .pagination.page-inner .pagination {
    display      : inline-flex;
    flex-wrap    : wrap;
    align-items  : center;
    margin       : 0;
    padding      : 0;
    list-style   : none
}

.paging-box .pagination.page-inner .pagination>li {
        margin-right: 5px;
        float : none;
        border-radius: 4px;
}

.paging-box .pagination.page-inner .pagination>li>a,
.paging-box .pagination.page-inner .pagination>li>span {
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    min-width      : 38px;
    height         : 38px;
    padding        : 0 12px;
    background     : #fff;
    color          : #59647a;
    font-size      : 14px;
    text-decoration: none
}

.paging-box .pagination.page-inner .pagination>li:first-child>a,
.paging-box .pagination.page-inner .pagination>li:first-child>span {
    margin-left             : 0;
    border-top-left-radius  : 4px;
    border-bottom-left-radius: 4px
}

.paging-box .pagination.page-inner .pagination>li:nth-last-child(2)>a,
.paging-box .pagination.page-inner .pagination>li:nth-last-child(2)>span {
    border-top-right-radius   : 4px;
    border-bottom-right-radius: 4px
}

.paging-box .pagination.page-inner .pagination>li.active>a,
.paging-box .pagination.page-inner .pagination>li.active>span {
    position  : relative;
    z-index   : 1;
    /* background: var(--wj-blue); */
    /* border-color: var(--wj-blue); */
    border-radius: 4px; 
    color     : #fff
}
.paging-box .pagination.page-inner .pagination>li.active>a{
    background: linear-gradient( 131deg, #1A64E4 0%, #36BCFF 100%);
    border: none;
}

.paging-box .pagination.page-inner .pagination>li.disabled>a,
.paging-box .pagination.page-inner .pagination>li.disabled>span {
    color : #b0b8c8;
    cursor: not-allowed
}

/* 图标替换为文字：上一页 / 下一页 */
.paging-box .pagination.page-inner .pagination>li:first-child a>i,
.paging-box .pagination.page-inner .pagination>li:nth-last-child(2) a>i {
    display: none
}

.paging-box .pagination.page-inner .pagination>li:first-child a::before {
    content: "上一页"
}

.paging-box .pagination.page-inner .pagination>li:nth-last-child(2) a::before {
    content: "下一页"
}

/* 统计信息条隐藏：只保留上一页/页码/下一页按钮行 */
.paging-box .pagination.page-inner .pagination>li.controls {
    display: none
}

.list-toolbar {
    display       : flex;
    align-items   : flex-end;
    padding-bottom: 18px;
    margin-bottom : 30px;
    border-bottom : 1px solid var(--wj-line)
}

.list-toolbar h1 {
    font-size: 30px
}

.list-toolbar nav {
    display    : flex;
    gap        : 28px;
    margin-left: auto
}

.list-toolbar nav a {
    padding: 6px;
    color  : var(--wj-body)
}

.list-toolbar nav a.active,
.list-toolbar nav a:hover {
    color: var(--wj-blue)
}

.article-list article {
    display              : grid;
    grid-template-columns: 80px 1fr 300px;
    align-items          : center;
    gap                  : 35px;
    min-height           : 220px;
    padding              : 30px 25px;
    border-bottom        : 1px solid var(--wj-line);
    transition           : transform .35s ease, background .35s ease, box-shadow .35s ease, border-radius .35s ease
}

.article-list article:hover {
    background          : #eaf3ff;
    cursor              : pointer;
    border-radius: 8px;
    border-bottom-color : transparent;
    transform           : scale(1.02);
    box-shadow          : 0 12px 30px rgba(45, 90, 153, .12)
}

.article-list time b {
    display  : block;
    font-size: 38px
}

.article-list time span {
    color    : var(--wj-muted);
    font-size: 12px
}

.article-copy h2,
.article-copy h3 {
    font-size    : 20px;
    margin-bottom: 15px
}
.article-copy h2{
    font-weight: 500;
}

.article-list article:hover .article-copy h2,
.article-list article:hover .article-copy h3 {
    color: var(--wj-blue)
}

.article-copy p {
    color        : var(--wj-body);
    line-height  : 1.8;
    margin-bottom: 18px
}

.article-copy a {
    display  : inline-flex;
    padding  : 8px 14px;
    border   : 1px solid var(--wj-line);
    font-size: 12px
}

.article-list article:hover .article-copy a {
    color     : #fff;
    background: linear-gradient(90deg, var(--wj-blue), var(--wj-cyan));
    border    : 0;
}

.article-copy a span {
    margin-left: 20px
}

.article-image {
    height    : 160px;
    background: linear-gradient(135deg, #1275e5, #30b5f2);
    overflow  : hidden;
    border-radius: 4px;
}

.article-image img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
    border-radius: 4px;
}

.article-placeholder {
    height     : 100%;
    display    : grid;
    place-items: center;
    color      : rgba(255, 255, 255, .35);
    font-size  : 48px;
    font-weight: 700;
    border-radius: 4px;
}

.download-feature {
    padding: 76px 0
}

.download-feature-card {
    display              : grid;
    grid-template-columns: 1fr 1.25fr;
    align-items          : center;
    gap                  : 70px;
    min-height           : 390px;
    padding              : 42px 60px;
    background           : #fff;
    box-shadow           : var(--wj-shadow)
}

.download-feature-image img {
    width     : 100%;
    max-height: 300px;
    object-fit: contain
}

.download-feature-copy h1 {
    font-size    : 27px;
    margin-bottom: 27px
}

.download-feature-copy li {
    position    : relative;
    padding-left: 17px;
    color       : var(--wj-body);
    line-height : 1.9;
    margin      : 8px 0
}

.download-feature-copy li:before {
    content      : "";
    position     : absolute;
    left         : 0;
    top          : 10px;
    width        : 7px;
    height       : 7px;
    border-radius: 50%;
    background   : var(--wj-cyan)
}

.download-tags {
    display  : flex;
    gap      : 10px;
    flex-wrap: wrap;
    margin   : 20px 0 34px
}

.download-tags span {
    padding   : 7px 13px;
    background: #edf3fb;
    color     : #76839a
}

.download-grid {
    width                : min(1000px, 100%);
    margin               : auto;
    padding              : 20px;
    box-sizing: border-box;
    display              : grid;
    grid-template-columns: 1fr 1fr;
    gap                  : 40px
}

.download-card {
    position          : relative;
    display           : flex;
    flex-direction    : column;
    align-items       : center;
    justify-content   : center;
    aspect-ratio      : 4 / 3;
    padding           : 24px;
    border-radius     : var(--wj-radius);
    background-repeat : no-repeat;
    background-position: center;
    background-size   : cover;
    text-align        : center;
    transition        : transform .28s ease;
}

.download-card:hover {
    transform : translateY(-10px) scale(1.02);
}

.download-card-figure {
    display    : block;
    width      : auto;
    height     : auto;
    max-width  : 75%;
    max-height : 75%;
    object-fit : contain;
    flex-shrink: 0;
    transition : transform .28s ease;
    margin-top: -50px;
}

.download-card:hover .download-card-figure {
    transform : scale(1.06)
}

.download-card-btn {
    position       : absolute;
    left           : 50%;
    bottom         : 13%;
    transform      : translateX(-50%);
    min-width      : 150px;
    padding        : 0 26px;
    min-height     : 37px;
    border-radius  : 4px;
    font-size      : 14px
}

.download-card-btn i {
    margin-left: 8px
}

/* About us */
.about-banner {
    height           : 440px;
    background-color : #fff;
    background-image : url('../../images/ui/about/banner.webp');
    background-position: center;
    background-size  : cover;
    background-repeat: no-repeat
}

.about-banner .container {
    height     : 100%;
    display    : grid;
    place-items: center;
    text-align : center;
    color      : #fff
}

.about-banner h1 {
    font-size    : 38px;
    margin-bottom: 16px
}

.about-banner p {
    font-size: 16px
}

.about-profile {
    background: #f2f7ff
}

.about-profile-grid {
    display              : grid;
    grid-template-columns: 1.45fr .8fr;
    gap                  : 10px;
    align-items          : center
}

.about-copy p {
    color        : var(--wj-body);
    line-height  : 2.1;
    text-indent  : 2em;
    margin-bottom: 17px
}

.about-stats {
    display              : grid;
    grid-template-columns: 1fr 1fr;
    gap                  : 28px;
    padding              : 90px 40px;
    /* 装饰背景图放在 stats 容器内 */
    background-color     : #f2f7ff;
    background-image     : url('../../images/ui/about/bg_about_us.webp');
    background-position  : right center;
    background-size      : 100% 100%;
    background-repeat    : no-repeat
}

/* 数字项：自然排布，无白色块感 */
.about-stats div {
    padding   : 0;
    position  : relative;
    z-index   : 2
}

.about-stats b {
    display  : block;
    color    : var(--wj-blue);
    font-size: 32px
}

.about-stats b small {
    font-size  : 13px;
    margin-left: 4px
}

/* 数字滚动 span：继承 b 的样式，保持数字外观不变 */
.about-stats b .stat-num {
    font-size  : inherit;
    color      : inherit;
    font-weight: inherit
}

.about-stats div>span {
    font-size: 12px;
    color    : var(--wj-body)
}

/* 第一块：资质证书 */
.credential-section:nth-of-type(1) {
    background: rgba(26, 100, 228, 0.04)
}

/* 第二块：技术成果（白色背景） */
.credential-section:nth-of-type(2) {
    background: #fff
}

/* 第三块：企业荣誉 */
.credential-section:nth-of-type(3) {
    background: rgba(26, 100, 228, 0.04)
}

/* 荣誉证书：Swiper coverflow 轮播（中间大图、两侧 3D 旋转，自动播放） */
.credential-swiper {
    width : min(990px, 100%);
    margin: auto;
    padding: 14px 0 34px
}

.credential-swiper .swiper-slide {
    width     : calc((100% - 152px) / 3);
    height    : auto;
    box-sizing: border-box
}

.credential-swiper figure {
    margin    : 0;
    text-align: center
}

.credential-swiper img {
    width     : 100%;
    height    : 330px;
    object-fit: contain;
    filter    : drop-shadow(0 9px 18px rgba(40, 84, 145, .12))
}

.credential-swiper figcaption {
    margin-top: 12px;
    color     : var(--wj-body);
    font-size : 12px
}

.credential-swiper .swiper-pagination-bullet-active {
    background: var(--wj-blue)
}

@media(max-width:900px) {
    .home-banner {
        height    : 420px;
        min-height: 0;
        padding   : 0;
    }

    .home-banner .swiper-slide a.banner-slide {
        padding: 0;
        gap    : 0;
    }

    .home-banner .banner-text {
        width    : 55%;
        max-width: 55%;
        padding  : 30px 24px 30px max(24px, calc((100% - var(--wj-container)) / 2));
    }

    .home-banner .banner-title {
        font-size  : 26px;
        margin     : 0 0 14px;
    }

    .home-banner .banner-sub {
        font-size  : 14px;
        line-height: 1.6;
        margin     : 0 0 16px;
    }

    .home-banner .banner-tags span {
        padding      : 6px 14px;
        font-size    : 12px;
        margin-right : 6px;
    }

    .home-banner .banner-image {
        position: absolute;
        inset   : 0;
        width   : 100%;
        height  : 100%;
    }

    .home-banner .swiper-slide img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
    }

    .home-product-tabs {
        display      : flex;
        overflow-x   : auto;
        border-radius: 28px
    }

    .home-product-tabs button {
        min-width: max-content
    }

    .home-product-panel {
        gap: 35px
    }

    .coverage-layout {
        grid-template-columns: 1fr;
        height              : 360px
    }

    .home-news-grid {
        grid-template-columns: 1fr
    }

    .home-news-feature {
        display              : grid;
        grid-template-columns: 42% 1fr
    }

    .home-news-feature img {
        height: 100%
    }

    .download-feature-card {
        grid-template-columns: 1fr
    }

    .article-list article {
        grid-template-columns: 70px 1fr 220px;
        gap                  : 20px
    }

    .about-profile-grid {
        grid-template-columns: 1fr
    }

    .credential-swiper .swiper-slide {
        width: calc((100% - 56px) / 3)
    }
}

@media(max-width:600px) {
    .home-banner {
        height    : 244px;
        min-height: 0;
        padding   : 0;
    }

    .home-banner .swiper-slide a.banner-slide {
        flex-direction : row;
        justify-content: flex-start;
        align-items    : stretch;
        padding        : 0;
        gap            : 0;
    }

    .home-banner .banner-text {
        width     : 72%;
        max-width : 72%;
        height    : 100%;
        text-align: left;
        padding   : 20px 16px 20px 16px;
        background: transparent;
    }

    .home-banner .banner-image {
        position : absolute;
        inset    : 0;
        width    : 100%;
        height   : 100%;
    }

    .home-banner .banner-title {
        font-size  : 19px;
        line-height: 1.25;
        margin     : 0 0 8px;
    }

    .home-banner .banner-sub {
        font-size  : 12px;
        line-height: 1.55;
        margin     : 0 0 12px;
    }

    .home-banner .banner-tags span {
        padding      : 4px 10px;
        font-size    : 10px;
        margin-right : 5px;
        margin-bottom: 5px;
    }

    .home-banner .swiper-slide img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
        object-position: 64% center;
    }

    .coverage-layout {
        height         : auto;
        aspect-ratio   : 2 / 1;
        background-size: contain
    }
    .home-product-panel,
    .home-solution-card {
        grid-template-columns: 1fr
    }

    .home-product-panel {
        gap: 24px
    }

    .home-product-image {
        height: 220px
    }

    .home-solution-copy {
        padding: 28px 22px
    }

    .china-map {
        height: 245px
    }

    .home-news-feature {
        display: block
    }

    .home-news-feature img {
        height: 180px
    }

    .home-news-list a {
        grid-template-columns: 55px 1fr 12px;
        gap                  : 10px
    }

    .home-news-list h3 {
        font-size: 14px;
        font-weight: 500;
    }

    .page-banner,
    .about-banner {
        height: 230px
    }

    .list-toolbar {
        display: block
    }

    .list-toolbar h1 {
        font-size: 25px
    }

    .list-toolbar nav {
        margin-top: 15px;
        overflow-x: auto;
        gap       : 10px
    }

    .list-toolbar nav a {
        white-space: nowrap
    }

    .article-list article {
        grid-template-columns: 52px 1fr;
        padding              : 22px 8px;
        gap                  : 14px
    }

    .article-image {
        grid-column: 1/-1;
        height     : 170px;
        border-radius: 4px;
    }

    .download-feature {
        padding: 35px 0
    }

    .download-feature-card {
        padding: 22px;
        gap    : 25px
    }

    .download-feature-copy h1 {
        font-size: 22px
    }

    .download-grid {
        grid-template-columns: 1fr;
        gap                  : 25px
    }

    .download-card {
        padding: 20px
    }

    .download-card-figure {
        max-width : 55%;
        max-height: 55%
    }

    .download-card-btn {
        min-width: 126px;
        min-height: 38px;
        padding    : 0 18px;
        font-size  : 13px
    }

    .about-banner h1 {
        font-size: 29px
    }

    .about-profile-grid {
        gap: 32px
    }

    .about-stats {
        padding: 4px
    }

    .about-stats div {
        height : 105px;
        padding: 14px
    }

    .about-stats b {
        font-size: 27px
    }

    .credential-swiper {
        padding: 10px 0 26px
    }

    .credential-swiper .swiper-slide {
        width: 76%
    }

    .credential-swiper img {
        height: 300px
    }
}

@media(max-width:760px) {
    .home-banner .banner-text {
        padding-left: 16px
    }
}

/* 超小屏手机：进一步放宽左侧文字区域并缩小字号 */
@media(max-width:400px) {
    .home-banner .banner-text {
        width    : 82%;
        max-width: 82%;
        padding  : 16px 12px 16px 12px;
    }

    .home-banner .banner-title {
        font-size: 17px;
        margin   : 0 0 6px;
    }

    .home-banner .banner-sub {
        font-size  : 11px;
        line-height: 1.5;
        margin     : 0 0 10px;
    }

    .home-banner .banner-tags span {
        padding      : 3px 8px;
        font-size    : 10px;
        margin-right : 4px;
        margin-bottom: 4px;
    }
}