/* 首页定制主题与板块样式：从 index.html 内联样式迁移而来 */

/* 应用领域暂时保留，待需要时移除 hidden 属性并删除本规则即可恢复。 */
.homepage-applications {
    display: none !important;
}

@font-face {
    font-family: "思源黑体CN";
    src: url("../font/SourceHanSansCN-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "思源黑体CN";
    src: url("../font/SourceHanSansCN-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

body,
button,
input,
select,
textarea {
    font-family: "思源黑体CN", sans-serif !important;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
[class*="title"],
[class*="heading"] {
    font-family: "思源黑体CN", sans-serif !important;
    font-weight: 700;
}

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

.banner .box .banner-swiper .swiper-slide {
    overflow: hidden;
    position: relative;
}

.banner .box .banner-swiper .swiper-slide .container {
    z-index: 2;
}

.banner .box .banner-controls {
    align-items: center;
    bottom: .3rem;
    display: flex;
    gap: .14rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 3;
}

.banner .box .banner-nav {
    align-items: center;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    padding: 0;
    transition: background-color .25s ease, border-color .25s ease;
    width: 42px;
}

.banner .box .banner-nav::before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 8px;
    width: 8px;
}

.banner .box .banner-prev::before {
    transform: rotate(-135deg);
    margin-left: 4px;
}

.banner .box .banner-next::before {
    transform: rotate(45deg);
    margin-right: 4px;
}

.banner .box .banner-nav:hover {
    background: rgba(255, 255, 255, .24);
    border-color: #fff;
}

.banner .box .banner-controls .banner-pagination {
    align-items: center;
    display: flex;
    gap: 8px;
    position: static;
    width: auto;
}

.banner .box .banner-pagination .swiper-pagination-bullet {
    background: #fff;
    border-radius: 4px;
    height: 6px;
    margin: 0;
    opacity: .55;
    transition: opacity .25s ease, width .25s ease;
    width: 6px;
}

.banner .box .banner-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 24px;
}

@media (max-width: 767px) {
    .banner .box .banner-controls {
        bottom: 16px;
    }

    .banner .box .banner-nav {
        height: 34px;
        width: 34px;
    }
}

:root {
    --color: #E73216;
    --brand-primary: #E73216;
    --brand-orange: #EA5B16;
    --brand-deep-red: #9D1D24;
    --brand-accent: #9D1D24;
    --brand-dark: #231815;
    --brand-text: #625F5D;
    --brand-surface: #F6F7F8;
    --brand-white: #FFFFFF;
}

html,
body {
    background-color: var(--brand-surface);
    color: var(--brand-dark);
}

::selection {
    background: var(--brand-primary);
    color: var(--brand-white);
}

a:hover,
#c-header .menu a:hover,
#c-header .menu li.on>.link>a,
#c-header .c-nav2 li.on>.c-title-box>a {
    color: var(--brand-primary);
}

#c-header.c-style2 {
    border-bottom-color: rgba(231, 50, 22, .16);
}

.public-btn .a,
.public-btn a {
    background: var(--brand-primary);
    box-shadow: 0 10px 24px rgba(231, 50, 22, .22);
}

.public-btn .a span,
.public-btn a span {
    color: var(--brand-white);
}

.public-btn .a i,
.public-btn a i {
    background: var(--brand-orange);
}

.public-btn .a i svg,
.public-btn a i svg {
    color: var(--brand-white);
}

.public-btn .a:hover,
.public-btn a:hover {
    background: var(--brand-orange);
    box-shadow: 0 12px 28px rgba(234, 91, 22, .28);
}

.index-box1 .bg .s1 {
    background: radial-gradient(50% 50% at 50% 50%, rgba(231, 50, 22, .56) 0%, rgba(231, 50, 22, 0) 100%);
}

.index-box1 .bg .s2 {
    background: radial-gradient(50% 50% at 50% 50%, rgba(234, 91, 22, .48) 0%, rgba(234, 91, 22, 0) 100%);
}

.index-box1 .container .top .title,
.index-box2 .container .top .title,
.index-box3 .container .top .title,
.index-box4 .container .top .title,
.index-box5 .container .top .title {
    color: var(--brand-dark);
}

.index-box1 .container .top .txt,
.index-box2 .container .top .txt,
.index-box3 .container .top .txt,
.index-box4 .container .top .txt,
.index-box5 .container .top .txt,
.public-content {
    color: var(--brand-text);
}

.swiper-pagination-bullet-active,
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--brand-primary);
}

.banner .box .banner-nav {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-orange));
    border-color: transparent;
    box-shadow: 0 8px 20px rgba(231, 50, 22, .28);
}

.banner .box .banner-nav:hover {
    background: linear-gradient(135deg, var(--brand-orange), var(--brand-primary));
    border-color: transparent;
}

.banner .box .banner-pagination .swiper-pagination-bullet {
    background: var(--brand-white);
}

.banner .box .banner-pagination .swiper-pagination-bullet-active {
    background: var(--brand-orange);
}

#c-go-top {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-orange));
}

/* 参考图文字层级：深灰标题、中灰正文、红色强调 */
main .index-box1 .top .title,
main .index-box2 .top .title,
main .index-box3 .top .title,
main .index-box4 .top .title,
main .index-box5 .top .title,
main .index-box1 .t1,
main .index-box2 .t1,
main .index-box3 .t1,
main .index-box4 .t1,
main .index-box5 .t1,
main .index-box1 .x-title,
main .index-box2 .x-title,
main .index-box3 .x-title,
main .index-box4 .x-title,
main .index-box5 .x-title {
    color: var(--brand-dark) !important;
}

main .index-box1 .top .txt,
main .index-box2 .top .txt,
main .index-box3 .top .txt,
main .index-box4 .top .txt,
main .index-box5 .top .txt,
main .index-box1 .list .txt,
main .index-box2 .list .txt,
main .index-box3 .list .txt,
main .index-box4 .list .txt,
main .index-box5 .list .txt,
main .index-box1 .t2,
main .index-box2 .t2,
main .index-box3 .t2,
main .index-box4 .t2,
main .index-box5 .t2,
main .index-box1 .public-content,
main .index-box2 .public-content,
main .index-box3 .public-content,
main .index-box4 .public-content,
main .index-box5 .public-content {
    color: var(--brand-text) !important;
}

#c-header .menu ul li .link>a,
#c-header .menu ul li .x-le a,
#c-header .c-nav2 li .c-title-box>a,
#c-header .c-nav2 li ul a {
    color: var(--brand-dark) !important;
}

#c-header .menu ul li.on>.link>a,
#c-header .menu ul li .link>a:hover,
#c-header .menu ul li .x-le a:hover,
#c-header .c-nav2 li.on>.c-title-box>a,
#c-header .c-nav2 li .c-title-box>a:hover,
#c-header .c-nav2 li ul a:hover {
    color: var(--brand-primary) !important;
}

main .index-box1 .list li.on .t1,
main .index-box2 .list li.on .t1,
main .index-box3 .list li.on .t1,
main .index-box4 .list li.on .t1,
main .index-box5 .list li.on .t1,
main .index-box1 .list li:hover .t1,
main .index-box2 .list li:hover .t1,
main .index-box3 .list li:hover .t1,
main .index-box4 .list li:hover .t1,
main .index-box5 .list li:hover .t1 {
    color: var(--brand-primary) !important;
}

.public-btn .a span,
.public-btn a span,
.public-btn .a i svg,
.public-btn a i svg {
    color: var(--brand-white) !important;
}

/* Global Network 与新闻资讯：浅灰底色配白色内容卡片 */
.index-box4-5 {
    background: var(--brand-surface) !important;
}

.index-box4-5 .bg .s1 {
    background: radial-gradient(50% 50% at 50% 50%, rgba(231, 50, 22, .14) 0%, rgba(231, 50, 22, 0) 100%) !important;
}

.index-box4-5 .bg .s2 {
    background: radial-gradient(50% 50% at 50% 50%, rgba(234, 91, 22, .10) 0%, rgba(234, 91, 22, 0) 100%) !important;
}

.index-box4-5 .index-box4 .container .list .swiper-slide>a,
.index-box4-5 .index-box5 .container .list .big,
.index-box4-5 .index-box5 .container .list .right .item {
    background: var(--brand-white) !important;
    box-shadow: 0 12px 30px rgba(35, 24, 21, .06);
}

.index-box4-5 .index-box5 .container .list .right .item {
    border-radius: .2rem;
    overflow: hidden;
}

.index-box4-5 .index-box4 .container .ck-box .prev,
.index-box4-5 .index-box4 .container .ck-box .next {
    background: var(--brand-white);
    border: 1px solid rgba(231, 50, 22, .18);
}

.index-box4-5 .index-box4 .container .ck-box .prev:hover,
.index-box4-5 .index-box4 .container .ck-box .next:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* 主题收口：白灰为基底，红色仅用于品牌和操作强调 */
html,
body {
    background: var(--brand-white) !important;
}

.index-box1,
.index-box3 {
    background-color: var(--brand-white) !important;
}

.index-box2,
.index-box4-5 {
    background-color: var(--brand-surface) !important;
}

.index-box1 .bg,
.index-box4-5 .bg {
    display: none !important;
}

.index-box1 .container .list ul li a .boxs,
.index-box4-5 .index-box4 .container .list .swiper-slide>a,
.index-box4-5 .index-box5 .container .list .big,
.index-box4-5 .index-box5 .container .list .right .item {
    border: 1px solid #eceef0;
    box-shadow: none !important;
}

.index-box1 .container .list ul li a:hover .boxs,
.index-box3 .container .list ul li a:hover,
.index-box4-5 .index-box4 .container .list .swiper-slide>a:hover,
.index-box4-5 .index-box5 .container .list .big:hover,
.index-box4-5 .index-box5 .container .list .right .item:hover {
    border-color: rgba(231, 50, 22, .35);
    box-shadow: 0 12px 28px rgba(35, 24, 21, .07) !important;
}

.public-btn .a,
.public-btn a {
    background: var(--brand-primary) !important;
    box-shadow: none !important;
}

.public-btn .a:hover,
.public-btn a:hover {
    background: var(--brand-orange) !important;
    box-shadow: none !important;
}

.index-box3 .container .list ul li a .more .public-btn .a {
    background: transparent !important;
    box-shadow: none !important;
}

.index-box3 .container .list ul li a .more .public-btn .a span,
.index-box3 .container .list ul li a .more .public-btn .a i svg {
    color: var(--brand-primary) !important;
}

.index-box3 .container .list ul li a:hover .more .public-btn .a span,
.index-box3 .container .list ul li a:hover .more .public-btn .a i svg {
    color: var(--brand-orange) !important;
}

.banner .box .banner-nav {
    background: var(--brand-primary) !important;
    box-shadow: none !important;
}

.banner .box .banner-nav:hover {
    background: var(--brand-orange) !important;
}

#c-header.c-style2 {
    background: rgba(255, 255, 255, .96);
    border-bottom-color: #eceef0;
}

/* 图文主视觉保留原始图片表现，叠层仅用于保障白色文字可读性 */
.index-box2 {
    background: transparent !important;
}

.index-box2 .bg::after {
    background: rgba(35, 24, 21, .18);
}

.index-box2 .container .tbox .title,
.index-box2 .container .tbox .txt {
    color: var(--brand-white) !important;
}

#c-go-top {
    background: var(--brand-primary) !important;
}

/* 产品中心：延续白灰基底、红色品牌强调和轻量卡片边框 */
.index-products {
    background: var(--brand-white);
    padding: 1.3rem 0 1.4rem;
    position: relative;
    z-index: 1;
}

.index-products .top {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

.index-products .eyebrow {
    color: var(--brand-primary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.4;
    margin-bottom: .12rem;
    text-transform: uppercase;
}

.index-products .title {
    color: var(--brand-dark);
    line-height: calc(58 / 48);
}

.index-products .top .txt {
    color: var(--brand-text);
    line-height: 1.7;
    margin: 0 0 .06rem;
    max-width: 5.4rem;
}

.index-products .product-list {
    margin-top: .22rem;
    overflow: hidden;
    width: 100%;
}

.index-products .product-list .swiper-slide {
    display: flex;
    height: auto;
}

.index-products .product-list .product-card {
    height: 100%;
    width: 100%;
}

.index-products .product-controls {
    display: flex;
    justify-content: flex-end;
    margin-top: .28rem;
}

.index-products .product-prev,
.index-products .product-next {
    align-items: center;
    background: var(--brand-white);
    border: 1px solid rgba(231, 50, 22, .18);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: .48rem;
    justify-content: center;
    transition: background-color .3s ease, border-color .3s ease;
    width: .48rem;
}

.index-products .product-prev {
    margin-right: 8px;
}

.index-products .product-prev img,
.index-products .product-next img,
.index-products .product-prev svg,
.index-products .product-next svg {
    color: var(--brand-dark);
    height: 18px;
    width: 18px;
}

.index-products .product-prev img,
.index-products .product-prev svg {
    transform: rotate(180deg);
}

.index-products .product-prev:hover,
.index-products .product-next:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
}

.index-products .product-prev:hover svg,
.index-products .product-next:hover svg {
    color: var(--brand-white);
}

.index-products .product-card {
    background: var(--brand-white);
    border: 1px solid #eceef0;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.index-products .product-card:hover {
    border-color: rgba(231, 50, 22, .4);
    box-shadow: 0 14px 30px rgba(35, 24, 21, .08);
    transform: translateY(-6px);
}

.index-products .product-media {
    align-items: center;
    background: #f8f8f8;
    display: flex;
    height: 3.15rem;
    justify-content: center;
    overflow: hidden;
    padding: .22rem;
}

.index-products .product-media img {
    height: 100%;
    object-fit: contain;
    transition: transform .4s ease;
    width: 100%;
}

.index-products .product-card:hover .product-media img {
    transform: scale(1.035);
}

.index-products .product-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: .3rem .3rem .28rem;
}

.index-products .product-type {
    color: var(--brand-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.4;
    text-transform: uppercase;
}

.index-products .product-name {
    color: var(--brand-dark);
    font-size: .26rem;
    font-weight: 700;
    line-height: 1.35;
    margin-top: .12rem;
}

.index-products .product-description {
    color: var(--brand-text);
    font-size: 15px;
    line-height: 1.7;
    margin-top: .12rem;
}

.index-products .product-link {
    align-items: center;
    color: var(--brand-primary);
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: .09rem;
    margin-top: auto;
    padding-top: .22rem;
}

.index-products .product-link i {
    align-items: center;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    width: 18px;
}

.index-products .product-link svg {
    color: var(--brand-primary);
    height: 16px;
    width: 16px;
}

.index-products .product-card:hover .product-link,
.index-products .product-card:hover .product-link svg {
    color: var(--brand-orange);
}

@media (max-width: 991px) {
    .index-products .top {
        align-items: flex-start;
        flex-direction: column;
    }

    .index-products .top .txt {
        margin-top: .16rem;
        max-width: 100%;
    }

    .index-products .product-list {
        margin-top: .22rem;
    }
}

@media (max-width: 767px) {
    .index-products {
        padding: .85rem 0;
    }

    .index-products .product-list {
        margin-top: .18rem;
    }

    .index-products .product-controls {
        margin-top: .2rem;
    }

    .index-products .product-prev,
    .index-products .product-next {
        height: .56rem;
        width: .56rem;
    }

    .index-products .product-media {
        height: 3rem;
    }

    .index-products .product-name {
        font-size: .3rem;
    }
}

/* Our Services：桌面端保留服务背景与全部服务卡片 */
@media (min-width: 992px) {

    .index-box1,
    .index-box1 .container,
    .index-box1 .container .top,
    .index-box1 .container .list,
    .index-box1 .container .list ul,
    .index-box1 .container .list ul li {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .index-box1 .bg {
        display: block !important;
    }

    .index-box1 .container .list ul {
        display: flex !important;
    }
}

/* 产品中心移至首个内容区后，不依赖滚动动画触发显示 */
.index-products,
.index-products .container,
.index-products .top,
.index-products .product-controls,
.index-products .product-list,
.index-products .product-list .swiper-wrapper,
.index-products .product-list .swiper-slide,
.index-products .product-card,
.index-products .wow {
    opacity: 1 !important;
    visibility: visible !important;
}

.index-products .product-list {
    display: block !important;
    overflow: hidden !important;
}

.index-products .product-list .swiper-wrapper {
    display: flex !important;
}

.index-products .product-list .swiper-slide {
    display: flex !important;
}

/* 桌面端二级导航：文字、前置圆点与后置箭头统一使用品牌主红 */
@media (min-width: 992px) {

    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li.on>a,
    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li:hover>a {
        color: var(--brand-primary) !important;
    }

    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li.on>a::before,
    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li:hover>a::before {
        background-color: var(--brand-primary) !important;
    }

    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li.on>a i,
    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li:hover>a i,
    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li.on>a i svg,
    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li:hover>a i svg {
        color: var(--brand-primary) !important;
    }

    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li.on>a i svg path,
    #c-header .right-box .menu ul li .x-soluxl .x-con .x-le .x-li:hover>a i svg path {
        fill: currentColor !important;
    }
}

/* Banner 文案：左侧信息层级、红橙关键词与卖点布局 */
.banner .box .banner-swiper .swiper-slide::before {
    /* background: linear-gradient(90deg, rgba(12, 9, 9, .72) 0%, rgba(12, 9, 9, .44) 42%, rgba(12, 9, 9, 0) 74%); */
    background: linear-gradient(90deg, #1c91d6ba 0%, rgb(12 151 234 / 44%) 42%, rgba(12, 9, 9, 0) 74%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.banner .box .banner-copy {
    left: 50%;
    max-width: 1600px;
    padding: 0 .6rem;
    transform: translate(-50%, -50%);
    width: 86%;
    max-width: 1600px;
    z-index: 2;
}

.banner .box .banner-copy .tbox {
    max-width: 8.1rem;
}

.banner .box .banner-copy .copy-eyebrow {
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.4;
    margin-bottom: .16rem;
}

.banner .box .banner-copy .title {
    color: var(--brand-white);
    font-family: "思源黑体CN", sans-serif !important;
    font-size: clamp(.46rem, 3.25vw, .72rem);
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 1.2;
    text-shadow: 0 3px 16px rgba(0, 0, 0, .22);
}

.banner .box .banner-copy .title span {
    display: block;
}

.banner .box .banner-copy .title em {
    color: var(--brand-orange);
    font-style: normal;
}

.banner .box .banner-copy .copy-description {
    color: rgba(255, 255, 255, .9);
    font-size: .18rem;
    line-height: 1.75;
    margin-top: .2rem;
    max-width: 6.7rem;
}

.banner .box .banner-copy .copy-points {
    display: grid;
    gap: .28rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .34rem;
    max-width: 8.2rem;
}

.banner .box .banner-copy .copy-point {
    align-items: center;
    display: flex;
    min-width: 0;
}

.banner .box .banner-copy .copy-point i {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    height: .36rem;
    justify-content: center;
    margin-right: .11rem;
    width: .36rem;
}

.banner .box .banner-copy .copy-point b,
.banner .box .banner-copy .copy-point small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner .box .banner-copy .copy-point b {
    color: var(--brand-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.banner .box .banner-copy .copy-point small {
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    line-height: 1.4;
    margin-top: 2px;
}

.banner .box .banner-copy .more {
    margin-top: .34rem;
}

@media (max-width:991px) {
    .banner .box .banner-swiper .swiper-slide::before {
        background: linear-gradient(90deg, rgba(12, 9, 9, .64) 0%, rgba(12, 9, 9, .32) 100%);
    }

    .banner .box .banner-copy {
        padding: 0 .38rem;
    }

    .banner .box .banner-copy .tbox {
        max-width: 7.2rem;
    }

    .banner .box .banner-copy .copy-points {
        gap: .16rem;
    }
}

@media (max-width:767px) {
    .banner .box .banner-copy {
        padding: 0 .3rem;
    }

    .banner .box .banner-copy .copy-eyebrow {
        font-size: 11px;
        letter-spacing: .1em;
        margin-bottom: .1rem;
    }

    .banner .box .banner-copy .title {
        font-size: .38rem;
        line-height: 1.28;
    }

    .banner .box .banner-copy .copy-description {
        font-size: 13px;
        line-height: 1.6;
        margin-top: .14rem;
    }

    .banner .box .banner-copy .copy-points {
        gap: .08rem;
        margin-top: .2rem;
    }

    .banner .box .banner-copy .copy-point i {
        font-size: 9px;
        height: .3rem;
        margin-right: .07rem;
        width: .3rem;
    }

    .banner .box .banner-copy .copy-point b {
        font-size: 11px;
    }

    .banner .box .banner-copy .copy-point small {
        display: none;
    }

    .banner .box .banner-copy .more {
        margin-top: .22rem;
    }
}

/* 高频联系入口：深色默认、品牌主红悬停、橙色信息强调 */
#c-header .right-box .other .phone a {
    background: #EA5B16;
    border: 1px solid rgba(231, 50, 22, .18);
    box-shadow: 0 8px 18px rgba(35, 24, 21, .1);
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

#c-header .right-box .other .phone a:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    box-shadow: 0 10px 22px rgba(231, 50, 22, .22);
    transform: translateY(-2px);
}

#c-header .right-box .other .phone a .icon {
    background: var(--brand-white);
}

#c-header .right-box .other .phone a .icon img {
    filter: invert(16%) sepia(97%) saturate(2757%) hue-rotate(338deg) brightness(94%) contrast(91%);
}

#c-header .right-box .other .phone a .txt,
#c-header .right-box .other .phone a .txt span {
    color: var(--brand-white);
}

/* 右下角在线客服：主红发起、白色服务层、橙色号码强调 */
.x-slid .x-con .x-top a {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-orange) 100%);
    box-shadow: 0 10px 22px rgba(231, 50, 22, .24);
    transition: box-shadow .3s ease, transform .3s ease;
}

.x-slid .x-con .x-top a:hover {
    box-shadow: 0 14px 28px rgba(231, 50, 22, .34);
    transform: translateY(-2px) scale(1.03);
}

.x-slid .x-con .x-top a .x-ico,
.x-slid .x-con .x-top a .x-ico svg,
.x-slid .x-con .x-top a .x-ico svg path {
    color: var(--brand-white);
    fill: currentColor;
}

.x-slid .x-con .x-zh {
    background: var(--brand-white);
    border: 1px solid rgba(231, 50, 22, .16);
    box-shadow: 0 10px 22px rgba(35, 24, 21, .12);
}

.x-slid .x-con .x-zh a {
    transition: background-color .3s ease;
}

.x-slid .x-con .x-zh a:hover {
    background: rgba(231, 50, 22, .07);
}

.x-slid .x-con .x-zh a::before {
    background-color: rgba(231, 50, 22, .12);
}

.x-slid .x-con .x-zh a .x-ico,
.x-slid .x-con .x-zh a .x-ico svg,
.x-slid .x-con .x-zh a .x-ico svg path {
    color: var(--brand-primary);
    fill: currentColor;
}

.x-slid .x-con .x-zh a span {
    color: var(--brand-dark);
}

.x-slid .x-con .x-zh a .x-cb {
    background-color: var(--brand-dark);
    box-shadow: 0 8px 18px rgba(35, 24, 21, .18);
}

.x-slid .x-con .x-zh a .x-cb::before {
    border-left-color: var(--brand-dark);
}

.x-slid .x-con .x-zh a .x-cb .x-p1 {
    color: rgba(255, 255, 255, .72);
}

.x-slid .x-con .x-zh a .x-cb .x-p2 {
    color: var(--brand-orange);
}

.x-slid .x-con .x-xia a {
    background: var(--brand-white);
    border: 1px solid rgba(231, 50, 22, .18);
    box-shadow: 0 8px 18px rgba(35, 24, 21, .1);
    transition: background-color .3s ease, border-color .3s ease, transform .3s ease;
}

.x-slid .x-con .x-xia a:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    transform: translateY(-2px);
}

.x-slid .x-con .x-xia a .x-ico,
.x-slid .x-con .x-xia a .x-ico svg,
.x-slid .x-con .x-xia a .x-ico svg path {
    color: var(--brand-dark);
    fill: currentColor;
    transition: color .3s ease;
}

.x-slid .x-con .x-xia a:hover .x-ico,
.x-slid .x-con .x-xia a:hover .x-ico svg,
.x-slid .x-con .x-xia a:hover .x-ico svg path {
    color: var(--brand-white);
}

/* Banner 文案与 Therapeutic Focus 共用 fadeInUp 入场效果 */
.banner .banner-copy.is-ready .copy-eyebrow,
.banner .banner-copy.is-ready .title,
.banner .banner-copy.is-ready .copy-description,
.banner .banner-copy.is-ready .copy-points,
.banner .banner-copy.is-ready .more {
    opacity: 0;
}

.banner .banner-copy.is-ready.is-animating .copy-eyebrow,
.banner .banner-copy.is-ready.is-animating .title,
.banner .banner-copy.is-ready.is-animating .copy-description,
.banner .banner-copy.is-ready.is-animating .copy-points,
.banner .banner-copy.is-ready.is-animating .more {
    animation: fadeInUp 1s ease both;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

    .banner .banner-copy.is-ready .copy-eyebrow,
    .banner .banner-copy.is-ready .title,
    .banner .banner-copy.is-ready .copy-description,
    .banner .banner-copy.is-ready .copy-points,
    .banner .banner-copy.is-ready .more {
        animation: none !important;
        opacity: 1;
        transform: none;
    }
}

/* 核心优势：为详细技术与资质说明预留稳定卡片高度 */
@media (min-width: 768px) {
    .index-box3 .container .list ul li a {
        min-height: 5.05rem;
    }

    .index-box3 .container .list ul li a .t2 {
        font-size: 15px;
        line-height: 1.65;
    }
}

/* 新闻摘要：补充信息密度，同时以行数截断维持原有卡片框架 */
.index-box4-5 .index-box5 .container .list .tbox .summary {
    color: var(--brand-text);
    display: -webkit-box;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.65;
    margin-top: .14rem;
    overflow: hidden;
}

.index-box4-5 .index-box5 .container .list .big a .tbox .summary {
    margin-top: .16rem;
    max-width: 7.2rem;
}

.index-box4-5 .index-box5 .container .list .right .item a .tbox .summary {
    -webkit-line-clamp: 2;
}

@media (max-width: 767px) {
    .index-box4-5 .index-box5 .container .list .tbox .summary {
        font-size: 13px;
        line-height: 1.6;
        margin-top: .1rem;
    }

    .index-box4-5 .index-box5 .container .list .big a .tbox .summary {
        -webkit-line-clamp: 3;
        max-width: none;
    }

    .index-box4-5 .index-box5 .container .list .right .item a .tbox .summary {
        -webkit-line-clamp: 2;
    }
}

/* 公司实力数字：图标化数据卡片与响应式指标网格 */
.index-box2 .company-stats {
    display: grid;
    gap: .12rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .34rem;
    max-width: 9.3rem;
}

.index-box2 .company-stats .stat-item {
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(231, 50, 22, .14);
    border-radius: .12rem;
    min-width: 0;
    padding: .18rem .16rem;
}

.index-box2 .company-stats .stat-icon {
    align-items: center;
    background: rgba(231, 50, 22, .08);
    border-radius: 50%;
    color: var(--brand-primary);
    display: flex;
    height: .34rem;
    justify-content: center;
    width: .34rem;
}

.index-box2 .company-stats .stat-icon img,
.index-box2 .company-stats .stat-icon svg {
    height: .18rem;
    width: .18rem;
}

.index-box2 .company-stats .stat-icon svg path {
    fill: currentColor;
}

.index-box2 .company-stats .stat-value {
    color: var(--brand-primary);
    font-family: "DIN-Bold", "思源黑体CN", sans-serif;
    font-size: .36rem;
    font-weight: 700;
    line-height: 1;
    margin-top: .16rem;
    white-space: nowrap;
}

.index-box2 .company-stats .stat-value em {
    color: var(--brand-orange);
    font-size: .18rem;
    font-style: normal;
    margin-left: 2px;
}

.index-box2 .company-stats .stat-value b {
    color: var(--brand-text);
    font-size: .18rem;
    font-weight: 400;
    margin: 0 2px;
}

.index-box2 .company-stats strong,
.index-box2 .company-stats small {
    display: block;
}

.index-box2 .company-stats strong {
    color: var(--brand-dark);
    font-size: 14px;
    line-height: 1.35;
    margin-top: .1rem;
}

.index-box2 .company-stats small {
    color: var(--brand-text);
    font-size: 12px;
    line-height: 1.45;
    margin-top: 4px;
}

@media (max-width: 991px) {
    .index-box2 .company-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 6.8rem;
    }
}

@media (max-width: 767px) {
    .index-box2 .company-stats {
        gap: .1rem;
        margin-top: .26rem;
        max-width: none;
    }

    .index-box2 .company-stats .stat-item {
        padding: .15rem .14rem;
    }

    .index-box2 .company-stats .stat-value {
        font-size: .34rem;
    }

    .index-box2 .company-stats strong {
        font-size: 12px;
    }

    .index-box2 .company-stats small {
        font-size: 10px;
    }
}

/* 研发实力：图标、标题与行动入口统一为红橙品牌层级 */
.index-box3 .container .list ul li a .icon img {
    filter: invert(16%) sepia(97%) saturate(2757%) hue-rotate(338deg) brightness(94%) contrast(91%);
    transition: filter .3s ease, transform .3s ease;
}

.index-box3 .container .list ul li a .t1 {
    color: var(--brand-dark) !important;
}

.index-box3 .container .list ul li a .t2 {
    color: var(--brand-text) !important;
}

.index-box3 .container .list ul li a .more .public-btn .a span,
.index-box3 .container .list ul li a .more .public-btn .a i,
.index-box3 .container .list ul li a .more .public-btn .a i svg,
.index-box3 .container .list ul li a .more .public-btn .a i svg path {
    color: var(--brand-primary) !important;
    fill: currentColor !important;
}

.index-box3 .container .list ul li a:hover .icon img {
    filter: invert(48%) sepia(90%) saturate(1992%) hue-rotate(345deg) brightness(101%) contrast(91%);
    transform: translateY(-2px);
}

.index-box3 .container .list ul li a:hover .t1 {
    color: var(--brand-primary) !important;
}

.index-box3 .container .list ul li a:hover .more .public-btn .a span,
.index-box3 .container .list ul li a:hover .more .public-btn .a i,
.index-box3 .container .list ul li a:hover .more .public-btn .a i svg,
.index-box3 .container .list ul li a:hover .more .public-btn .a i svg path {
    color: var(--brand-orange) !important;
    fill: currentColor !important;
}

/* 公司介绍：参考图式左侧简介、右侧企业视觉、底部紧凑数据层 */
.company-intro {
    background: var(--brand-white) !important;
    min-height: 5.75rem;
    overflow: hidden;
    position: relative;
}

.company-intro .bg {
    display: block !important;
    height: 100%;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 58%;
    z-index: 0;
}

.company-intro .bg::after {
    background: linear-gradient(90deg, var(--brand-white) 0%, rgba(255, 255, 255, .98) 12%, rgba(255, 255, 255, .62) 45%, rgba(255, 255, 255, 0) 78%) !important;
    content: "";
    display: block !important;
    inset: 0;
    position: absolute;
    z-index: 1;
}

.company-intro .bg img {
    display: block !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.company-intro .container.container2 {
    align-items: center;
    display: flex;
    min-height: 5.75rem;
    padding-bottom: .6rem;
    padding-top: .6rem;
    position: relative;
    z-index: 2;
}

.company-intro .container .tbox {
    max-width: 8.15rem;
}

.company-intro .intro-eyebrow {
    color: var(--brand-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.4;
    margin-bottom: .12rem;
}

.company-intro .container .tbox .title {
    color: var(--brand-dark) !important;
    font-size: .48rem;
    line-height: 1.25;
}

.company-intro .intro-copy {
    color: var(--brand-text);
    font-size: 15px;
    line-height: 1.75;
    margin-top: .18rem;
    max-width: 8.55rem;
}

.company-intro .intro-copy p+p {
    margin-top: .1rem;
}

.company-intro .company-stats {
    border-top: 1px solid rgba(231, 50, 22, .16);
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .3rem;
    max-width: 8.7rem;
    padding-top: .22rem;
}

.company-intro .company-stats .stat-item {
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(35, 24, 21, .12);
    border-radius: 0;
    min-width: 0;
    padding: 0 .16rem;
}

.company-intro .company-stats .stat-item:first-child {
    padding-left: 0;
}

.company-intro .company-stats .stat-item:last-child {
    border-right: 0;
}

.company-intro .company-stats .stat-icon {
    background: transparent;
    border-radius: 0;
    color: var(--brand-primary);
    height: .28rem;
    width: .28rem;
}

.company-intro .company-stats .stat-icon img,
.company-intro .company-stats .stat-icon svg {
    height: .22rem;
    width: .22rem;
}

.company-intro .company-stats .stat-value {
    font-size: .32rem;
    margin-top: .1rem;
}

.company-intro .company-stats strong {
    color: var(--brand-dark);
    font-size: 13px;
    margin-top: .06rem;
}

.company-intro .company-stats small {
    color: #7d7471;
    display: block;
    font-size: 10px;
    line-height: 1.4;
    margin-top: .03rem;
}

.company-intro .more {
    display: none;
}

/* 统一所有圆形轮播箭头：白底主红、悬停主红底白箭头 */
.index-box4-5 .index-box4 .container .ck-box .prev svg,
.index-box4-5 .index-box4 .container .ck-box .next svg,
.index-box4-5 .index-box4 .container .ck-box .prev svg path,
.index-box4-5 .index-box4 .container .ck-box .next svg path,
.index-products .product-prev svg path,
.index-products .product-next svg path {
    color: var(--brand-primary);
    fill: currentColor !important;
}

.index-box4-5 .index-box4 .container .ck-box .prev:hover svg,
.index-box4-5 .index-box4 .container .ck-box .next:hover svg,
.index-box4-5 .index-box4 .container .ck-box .prev:hover svg path,
.index-box4-5 .index-box4 .container .ck-box .next:hover svg path,
.index-products .product-prev:hover svg path,
.index-products .product-next:hover svg path {
    color: var(--brand-white);
    fill: currentColor !important;
}

.company-intro .bg .pc {
    display: block !important;
}

.company-intro .bg .mb {
    display: none !important;
}

@media (max-width: 991px) {
    .company-intro .bg {
        height: 3.45rem;
        position: relative;
        width: 100%;
    }

    .company-intro .bg .pc {
        display: none !important;
    }

    .company-intro .bg .mb {
        display: block !important;
    }

    .company-intro .bg::after {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, var(--brand-white) 100%) !important;
    }

    .company-intro .container.container2 {
        min-height: auto;
        padding-bottom: .8rem;
        padding-top: .25rem;
    }

    .company-intro .container .tbox {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .company-intro .bg {
        height: 2.8rem;
    }

    .company-intro .container.container2 {
        padding-bottom: .6rem;
        padding-top: .18rem;
    }

    .company-intro .container .tbox .title {
        font-size: .4rem;
    }

    .company-intro .intro-copy {
        font-size: 13px;
        line-height: 1.65;
        margin-top: .14rem;
    }

    .company-intro .company-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: .24rem;
        padding-top: .16rem;
    }

    .company-intro .company-stats .stat-item {
        border-bottom: 1px solid rgba(35, 24, 21, .1);
        padding: .12rem .1rem;
    }

    .company-intro .company-stats .stat-item:nth-child(2) {
        border-right: 0;
    }

    .company-intro .company-stats .stat-item:nth-child(3),
    .company-intro .company-stats .stat-item:nth-child(4) {
        border-bottom: 0;
    }

    .company-intro .company-stats .stat-item:nth-child(3) {
        padding-left: 0;
    }

    .company-intro .company-stats .stat-value {
        font-size: .28rem;
    }

    .company-intro .company-stats strong {
        font-size: 12px;
    }
}

/* 公司介绍最终构图：严格对应截图的左文右图与底部四项指标 */
.company-intro {
    background: var(--brand-white) !important;
    /* border-top: 1px solid rgba(231, 50, 22, .12); */
    min-height: 5.35rem;
    overflow: hidden;
    position: relative;
}

.company-intro .company-visual {
    bottom: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    z-index: 0;
}

.company-intro .company-visual::before {
    background: linear-gradient(90deg, var(--brand-white) 0%, rgba(255, 255, 255, .98) 11%, rgba(255, 255, 255, .68) 37%, rgba(255, 255, 255, 0) 64%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.company-intro .company-visual img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 59% center;
    width: 100%;
}

.company-intro .container.container2 {
    display: block;
    min-height: 5.35rem;
    padding-bottom: .52rem;
    padding-top: .46rem;
    position: relative;
    z-index: 2;
}

.company-intro .company-copy {
    max-width: 12rem;
    width: 60%;
}

.company-intro .intro-eyebrow {
    color: var(--brand-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.25;
    margin-bottom: .08rem;
}

.company-intro .company-copy .title {
    color: var(--brand-dark) !important;
    font-size: .42rem;
    line-height: 1.2;
}

.company-intro .intro-copy {
    color: var(--brand-text);
    font-size: 13px;
    line-height: 1.65;
    margin-top: .14rem;
    max-width: none;
}

.company-intro .intro-copy p+p {
    margin-top: .08rem;
}

.company-intro .company-stats {
    border-top: 0;
    display: grid;
    gap: .12rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .3rem;
    max-width: none;
    padding-top: 0;
    width: 100%;
}

.company-intro .company-stats .stat-item {
    align-items: center;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(35, 24, 21, .1);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 .08rem;
    text-align: center;
}

.company-intro .company-stats .stat-item:first-child {
    padding-left: 0;
}

.company-intro .company-stats .stat-item:last-child {
    border-right: 0;
}

.company-intro .company-stats .stat-icon {
    background: transparent;
    color: var(--brand-primary);
    height: .29rem;
    width: .29rem;
}

.company-intro .company-stats .stat-icon img,
.company-intro .company-stats .stat-icon svg {
    height: .23rem;
    width: .23rem;
}

.company-intro .company-stats .stat-icon svg path {
    fill: currentColor;
}

.company-intro .company-stats .stat-value {
    color: var(--brand-primary);
    font-size: .27rem;
    margin-top: .08rem;
}

.company-intro .company-stats .stat-value em {
    font-size: .15rem;
}

.company-intro .company-stats .stat-value b {
    font-size: .14rem;
}

.company-intro .company-stats strong {
    color: var(--brand-dark);
    font-size: 11px;
    line-height: 1.35;
    margin-top: .04rem;
}

.company-intro .company-stats small {
    color: #7d7471;
    display: block;
    font-size: 10px;
    line-height: 1.4;
    margin-top: .03rem;
}

.company-intro .company-copy .more {
    display: none;
}

@media (max-width: 991px) {
    .company-intro {
        min-height: auto;
    }

    .company-intro .company-visual {
        height: 3.2rem;
        position: relative;
        width: 100%;
    }

    .company-intro .company-visual::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42%, var(--brand-white) 100%);
    }

    .company-intro .company-visual img {
        object-position: center;
    }

    .company-intro .container.container2 {
        min-height: auto;
        padding-bottom: .66rem;
        padding-top: .15rem;
    }

    .company-intro .company-copy {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .company-intro .company-visual {
        height: 2.45rem;
    }

    .company-intro .company-copy .title {
        font-size: .38rem;
    }

    .company-intro .intro-copy {
        font-size: 13px;
        line-height: 1.6;
    }

    .company-intro .company-stats {
        gap: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: .22rem;
    }

    .company-intro .company-stats .stat-item {
        border-bottom: 1px solid rgba(35, 24, 21, .1);
        padding: .12rem .06rem;
    }

    .company-intro .company-stats .stat-item:nth-child(2) {
        border-right: 0;
    }

    .company-intro .company-stats .stat-item:nth-child(3),
    .company-intro .company-stats .stat-item:nth-child(4) {
        border-bottom: 0;
    }

    .company-intro .company-stats .stat-value {
        font-size: .25rem;
    }
}

/* 公司介绍文字层：不依赖滚动动画，始终位于企业图前景 */
.company-intro .container.container2,
.company-intro .company-copy {
    opacity: 1 !important;
    position: relative;
    visibility: visible !important;
    z-index: 4;
}

/* 覆盖原 index-box2 容器的 absolute + 50% 居中偏移，防止正文移出区块 */
.company-intro .container.container2 {
    left: auto !important;
    top: auto !important;
    transform: none !important;
    /* width: 100% !important; */
    margin: 0 auto;
    width: 86%;
    max-width: 1600px;
}

.company-intro .company-copy {
    transform: none !important;
}

.company-intro .intro-eyebrow,
.company-intro .company-copy .title,
.company-intro .intro-copy,
.company-intro .company-stats {
    display: block;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

.company-intro .company-stats {
    display: grid;
}

/* 公司介绍响应式收口：解除原板块的满屏高度，移动端采用自然内容高度 */
.company-intro .container.container2 {
    box-sizing: border-box;
    height: auto !important;
}

@media (max-width: 991px) {
    .company-intro {
        min-height: 0 !important;
    }

    .company-intro .company-visual {
        height: 2.7rem;
    }

    .company-intro .container.container2 {
        min-height: 0 !important;
        padding: .28rem .24rem .42rem !important;
    }

    .company-intro .company-copy {
        max-width: none;
        width: 100%;
    }

    .company-intro .intro-eyebrow {
        font-size: 11px;
        letter-spacing: .1em;
        margin-bottom: .1rem;
    }

    .company-intro .company-copy .title {
        font-size: .4rem;
        line-height: 1.25;
    }

    .company-intro .intro-copy {
        font-size: 14px;
        line-height: 1.72;
        margin-top: .16rem;
    }

    .company-intro .intro-copy p+p {
        margin-top: .1rem;
    }

    .company-intro .company-stats {
        gap: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: .28rem;
    }

    .company-intro .company-stats .stat-item {
        min-height: 1.68rem;
        padding: .14rem .08rem .12rem;
    }

    .company-intro .company-stats .stat-icon {
        height: .3rem;
        width: .3rem;
    }

    .company-intro .company-stats .stat-value {
        font-size: .29rem;
        margin-top: .07rem;
    }

    .company-intro .company-stats strong {
        font-size: 12px;
        line-height: 1.35;
        margin-top: .04rem;
    }

    .company-intro .company-stats small {
        font-size: 10px;
        line-height: 1.35;
        margin-top: .04rem;
    }
}

@media (max-width: 479px) {
    .company-intro .company-visual {
        height: 2.35rem;
    }

    .company-intro .container.container2 {
        padding: .24rem .2rem .36rem !important;
    }

    .company-intro .intro-copy {
        font-size: 13px;
    }
}

/* 与首页标题/正文体系统一：桌面使用 48px 级主标题，正文保持舒适阅读密度 */
.company-intro .company-copy .title {
    font-size: .48rem;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.company-intro .intro-copy {
    font-size: 15px;
    line-height: 1.75;
    max-width: 6.9rem;
}

.company-intro .company-stats .stat-value {
    font-size: .3rem;
}

.company-intro .company-stats strong {
    font-size: 12px;
}

/* 复用首页 fadeInUp 的运动语言：默认内容可见，触发后才播放，避免动画失效时再次隐藏 */
.company-intro.company-intro--revealed .intro-eyebrow {
    animation: fadeInUp .55s ease-out both;
}

.company-intro.company-intro--revealed .company-copy .title {
    animation: fadeInUp .65s .08s ease-out both;
}

.company-intro.company-intro--revealed .intro-copy {
    animation: fadeInUp .7s .16s ease-out both;
}

.company-intro.company-intro--revealed .company-stats .stat-item {
    animation: fadeInUp .55s ease-out both;
}

.company-intro.company-intro--revealed .company-stats .stat-item:nth-child(1) {
    animation-delay: .24s;
}

.company-intro.company-intro--revealed .company-stats .stat-item:nth-child(2) {
    animation-delay: .3s;
}

.company-intro.company-intro--revealed .company-stats .stat-item:nth-child(3) {
    animation-delay: .36s;
}

.company-intro.company-intro--revealed .company-stats .stat-item:nth-child(4) {
    animation-delay: .42s;
}

@media (max-width: 991px) {
    .company-intro .company-copy .title {
        font-size: .48rem;
    }

    .company-intro .intro-copy {
        font-size: 14px;
        line-height: 1.72;
    }

    .company-intro .company-stats .stat-value {
        font-size: .29rem;
    }
}

@media (max-width: 479px) {
    .company-intro .company-copy .title {
        font-size: .46rem;
    }

    .company-intro .intro-copy {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* 公司介绍内页入口：使用主红默认与品牌橙悬停，并在手机端保留易点击尺寸 */
.company-intro .company-intro-more {
    margin-top: .22rem;
}

.company-intro .company-intro-more a {
    align-items: center;
    background: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    color: var(--brand-white);
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: .14rem;
    height: .44rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.62rem;
    padding: 0 .2rem;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.company-intro .company-intro-more a i {
    font-size: 18px;
    font-style: normal;
    line-height: 1;
    margin-top: -1px;
    transition: transform .25s ease;
}

.company-intro .company-intro-more a:hover {
    background: var(--brand-accent);
    border-color: var(--brand-accent);
    color: var(--brand-white);
    transform: translateY(-2px);
}

.company-intro .company-intro-more a:hover i {
    transform: translateX(3px);
}

.company-intro.company-intro--revealed .company-intro-more {
    animation: fadeInUp .6s .22s ease-out both;
}

@media (max-width: 991px) {
    .company-intro .company-intro-more {
        margin-top: .2rem;
    }

    .company-intro .company-intro-more a {
        font-size: 13px;
        height: .48rem;
        min-width: 1.82rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .company-intro.company-intro--revealed .intro-eyebrow,
    .company-intro.company-intro--revealed .company-copy .title,
    .company-intro.company-intro--revealed .intro-copy,
    .company-intro.company-intro--revealed .company-intro-more,
    .company-intro.company-intro--revealed .company-stats .stat-item {
        animation: none !important;
    }
}

/* 新增产品中心与首页既有板块统一：克制白灰基底、同级标题、细边框卡片 */
.index-products {
    background: var(--brand-white) !important;
    border-top: 1px solid #eceef0;
    padding: 1.08rem 0 1.16rem;
}

.index-products .top {
    align-items: flex-end;
    border-bottom: 1px solid #eceef0;
    padding-bottom: .28rem;
}

.index-products .eyebrow {
    color: var(--brand-primary);
    font-size: 12px;
    letter-spacing: .1em;
    margin-bottom: .08rem;
}

.index-products .title {
    color: var(--brand-dark) !important;
    font-size: .48rem;
    line-height: 1.2;
}

.index-products .top .txt {
    color: var(--brand-text) !important;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 .02rem;
    max-width: 5.2rem;
}

.index-products .product-controls {
    margin: .22rem 0 -.02rem;
}

.index-products .product-prev,
.index-products .product-next {
    background: var(--brand-white);
    border-color: #dedfe2;
    box-shadow: none;
    height: .44rem;
    width: .44rem;
}

.index-products .product-prev:hover,
.index-products .product-next:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
}

.index-products .product-list {
    margin-top: .26rem;
}

.index-products .product-card {
    border-color: #e7e8ea;
    border-radius: 0;
    box-shadow: none;
}

.index-products .product-card:hover {
    border-color: rgba(231, 50, 22, .45);
    box-shadow: 0 10px 22px rgba(35, 24, 21, .06);
    transform: translateY(-4px);
}

.index-products .product-media {
    background: #f7f7f7;
    border-bottom: 1px solid #eceef0;
    height: 4rem;
    padding: .2rem;
}

.index-products .product-content {
    padding: .24rem .26rem .22rem;
}

.index-products .product-type {
    color: var(--brand-primary);
    font-size: 12px;
    letter-spacing: .08em;
}

.index-products .product-name {
    color: var(--brand-dark) !important;
    font-size: .23rem;
    line-height: 1.42;
    margin-top: .1rem;
}

.index-products .product-description {
    color: var(--brand-text) !important;
    font-size: 14px;
    line-height: 1.65;
    margin-top: .1rem;
}

.index-products .product-link {
    border-top: 1px solid #eceef0;
    color: var(--brand-primary);
    font-size: 13px;
    margin-top: .18rem;
    padding-top: .16rem;
}

.index-products .product-card:hover .product-link,
.index-products .product-card:hover .product-link svg {
    color: var(--brand-orange);
}

@media (max-width: 991px) {
    .index-products {
        padding: .82rem 0 .88rem;
    }

    .index-products .top {
        align-items: flex-start;
        padding-bottom: .2rem;
    }

    .index-products .top .txt {
        margin-top: .14rem;
        max-width: 100%;
    }

    .index-products .product-controls {
        margin-top: .18rem;
    }
}

@media (max-width: 767px) {
    .index-products .title {
        font-size: .46rem;
    }

    .index-products .top .txt {
        font-size: 13px;
        line-height: 1.65;
    }

    .index-products .product-prev,
    .index-products .product-next {
        height: .5rem;
        width: .5rem;
    }

    .index-products .product-list {
        margin-top: .2rem;
    }

    .index-products .product-media {
        height: 2.58rem;
    }

    .index-products .product-name {
        font-size: .28rem;
    }
}

/* 公司介绍与首页系统统一：和产品中心共享同一标题、正文、细分隔线与主红操作层级 */
.company-intro {
    background: var(--brand-white) !important;
    /* border-top: 1px solid #eceef0; */
    min-height: 5.1rem;
}

.company-intro .company-visual {
    width: 52%;
}

.company-intro .company-visual::before {
    background: linear-gradient(90deg, var(--brand-white) 0%, rgba(255, 255, 255, .97) 16%, rgba(255, 255, 255, .64) 43%, rgba(255, 255, 255, 0) 70%);
}

.company-intro .container.container2 {
    min-height: 5.1rem;
    padding-bottom: .48rem;
    padding-top: .48rem;
}

.company-intro .company-copy {
    max-width: 512rem;
    width: 60%;
}

.company-intro .intro-eyebrow {
    font-size: 12px;
    letter-spacing: .1em;
    margin-bottom: .08rem;
}

.company-intro .company-copy .title {
    font-size: .48rem;
    letter-spacing: 0;
    line-height: 1.2;
}

.company-intro .intro-copy {
    color: var(--brand-text);
    font-size: 14px;
    line-height: 1.7;
    gz margin-top: .14rem;
    max-width: 7.55rem;
}

.company-intro .intro-copy p+p {
    margin-top: .08rem;
}

.company-intro .company-intro-more {
    margin-top: .18rem;
}

.company-intro .company-intro-more a {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    font-size: 13px;
    height: .42rem;
    min-width: 1.56rem;
    padding: 0 .18rem;
}

.company-intro .company-intro-more a:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
}

.company-intro .company-stats {
    /* border-top: 1px solid #eceef0; */
    gap: 0;
    margin-top: .48rem;
    padding-top: .18rem;
}

.company-intro .company-stats .stat-item {
    align-items: flex-start;
    border-right-color: #e4e5e7;
    padding: 0 .1rem;
    text-align: left;
}

.company-intro .company-stats .stat-icon {
    height: .28rem;
    width: .28rem;
}

.company-intro .company-stats .stat-value {
    color: var(--brand-primary);
    font-size: .48rem;
    margin-top: .2rem;
}

.company-intro .company-stats strong {
    color: var(--brand-dark);
    font-size: 12px;
    line-height: 1.35;
    margin-top: .04rem;
}

.company-intro .company-stats small {
    color: var(--brand-text);
    font-size: 9px;
    line-height: 1.4;
    margin-top: .02rem;
}

@media (max-width: 991px) {
    .company-intro .company-visual {
        height: 2.8rem;
        width: 100%;
    }

    .company-intro .container.container2 {
        min-height: 0;
        padding: .3rem .24rem .42rem !important;
    }

    .company-intro .company-copy {
        max-width: none;
        width: 100%;
    }

    .company-intro .company-copy .title {
        font-size: .48rem;
    }

    .company-intro .intro-copy {
        font-size: 14px;
        max-width: none;
    }

    .company-intro .company-stats {
        margin-top: .24rem;
    }
}

@media (max-width: 767px) {
    .company-intro .company-visual {
        height: 2.4rem;
    }

    .company-intro .intro-copy {
        font-size: 13px;
        line-height: 1.68;
    }

    .company-intro .company-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-intro .company-stats .stat-item {
        min-height: 1.5rem;
        padding: .12rem .08rem;
    }

    .company-intro .company-stats small {
        font-size: 10px;
    }
}

/* 品牌配色收口：主红用于操作，橙色用于反馈，深红仅用于深色科技强调 */
.public-btn .a,
.public-btn a,
.company-intro .company-intro-more a,
#c-go-top {
    background-color: var(--brand-primary) !important;
}

.public-btn .a:hover,
.public-btn a:hover,
.company-intro .company-intro-more a:hover,
#c-go-top:hover {
    background-color: var(--brand-orange) !important;
}

.banner .box .banner-pagination .swiper-pagination-bullet-active,
.index-products .product-type,
.index-products .product-link,
.company-intro .intro-eyebrow,
.company-intro .company-stats .stat-value {
    color: var(--brand-primary) !important;
}

.banner .box .banner-pagination .swiper-pagination-bullet-active {
    background-color: var(--brand-orange) !important;
}

.x-slid .x-con .x-top a {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-deep-red) 100%) !important;
}

.x-slid .x-con .x-top a:hover {
    background: var(--brand-orange) !important;
}

.index-products,
.company-intro,
.index-box1,
.index-box3 {
    background-color: var(--brand-white) !important;
}

.index-box4-5 {
    background-color: var(--brand-surface) !important;
}

/* 产品分类编号：突出三类产品体系中的序号层级 */
.index-products .product-type {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
}

@media (max-width: 767px) {
    .index-products .product-type {
        font-size: 16px;
    }
}

/* 全球临床验证：以真实临床验证信息替代原 Global Network 轮播 */
.index-box4-5 .global-validation {
    background: var(--brand-surface) !important;
    padding: 1.08rem 0 1.16rem;
}

.global-validation .validation-top {
    align-items: flex-end;
    border-bottom: 1px solid #E3E5E8;
    display: flex;
    justify-content: space-between;
    padding-bottom: .28rem;
}

.global-validation .validation-eyebrow {
    color: var(--brand-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.4;
    margin-bottom: .08rem;
}

.global-validation .title {
    color: var(--brand-dark) !important;
    font-size: .48rem;
    line-height: 1.2;
}

.global-validation .validation-intro {
    color: var(--brand-text);
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 .02rem;
}

.global-validation .validation-layout {
    align-items: center;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1.34fr) minmax(3.4rem, .66fr);
    margin-top: .36rem;
}

.global-validation .validation-map {
    align-items: center;
    background: var(--brand-white);
    border: 1px solid #E3E5E8;
    display: flex;
    justify-content: center;
    min-height: 4rem;
    overflow: hidden;
    padding: .22rem;
}

.global-validation .validation-map img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.global-validation .validation-points {
    border-top: 1px solid #E3E5E8;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.global-validation .validation-card {
    align-items: flex-start;
    border-bottom: 1px solid #E3E5E8;
    display: flex;
    gap: .12rem;
    min-height: 1.28rem;
    padding: .18rem .12rem .18rem 0;
}

.global-validation .validation-card:nth-child(odd) {
    border-right: 1px solid #E3E5E8;
    padding-right: .18rem;
}

.global-validation .validation-card:nth-child(even) {
    padding-left: .18rem;
}

.global-validation .validation-marker {
    background: var(--brand-primary);
    border: 3px solid var(--brand-white);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(231, 50, 22, .16);
    flex: 0 0 auto;
    height: .12rem;
    margin-top: .07rem;
    width: .12rem;
}

.global-validation .validation-card h3 {
    color: var(--brand-dark);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.global-validation .validation-card p {
    color: var(--brand-text);
    font-size: 13px;
    line-height: 1.55;
    margin-top: .04rem;
}

.global-validation .validation-card-global h3 {
    color: var(--brand-primary);
    letter-spacing: .05em;
}

@media (max-width: 991px) {
    .index-box4-5 .global-validation {
        padding: .84rem 0 .9rem;
    }

    .global-validation .validation-top {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: .2rem;
    }

    .global-validation .validation-intro {
        margin-top: .14rem;
    }

    .global-validation .validation-layout {
        gap: .26rem;
        grid-template-columns: 1fr;
        margin-top: .24rem;
    }

    .global-validation .validation-map {
        min-height: 3.3rem;
        padding: .16rem;
    }
}

@media (max-width: 767px) {
    .global-validation .title {
        font-size: .46rem;
    }

    .global-validation .validation-intro {
        font-size: 13px;
        line-height: 1.65;
    }

    .global-validation .validation-map {
        min-height: 2.05rem;
        padding: .1rem;
    }

    .global-validation .validation-card {
        min-height: 1.36rem;
        padding-bottom: .15rem;
        padding-top: .15rem;
    }

    .global-validation .validation-card h3 {
        font-size: 14px;
    }

    .global-validation .validation-card p {
        font-size: 12px;
    }
}

/* 科研创新：圆形视觉节点与轻量品牌箭头，参考图式横向科研展示 */
.research-innovation {
    background: var(--brand-white) !important;
    border-top: 1px solid #E3E5E8;
    padding: 1.02rem 0 1.12rem;
}

.research-innovation .innovation-heading {
    border-bottom: 1px solid #E3E5E8;
    padding-bottom: .25rem;
}

.research-innovation .innovation-eyebrow {
    color: var(--brand-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.4;
    margin-bottom: .08rem;
}

.research-innovation .title {
    color: var(--brand-dark) !important;
    font-size: .48rem;
    line-height: 1.2;
}

.research-innovation .innovation-heading p {
    color: var(--brand-text);
    font-size: 15px;
    line-height: 1.7;
    margin-top: .14rem;
}

.research-innovation .innovation-flow {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .38rem;
}

.research-innovation .innovation-node {
    flex: 0 1 2.08rem;
    min-width: 0;
    text-align: center;
}

.research-innovation .innovation-visual {
    align-items: center;
    background: #F1F3F5;
    border: 1px solid #E3E5E8;
    border-radius: 50%;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 2rem;
}

.research-innovation .innovation-visual img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.research-innovation .innovation-node:first-child .innovation-visual img {
    object-position: 73% center;
}

.research-innovation .innovation-node:nth-of-type(5) .innovation-visual img {
    object-position: 52% center;
}

.research-innovation .innovation-node:last-child .innovation-visual img {
    object-position: center;
}

.research-innovation .innovation-visual-nir {
    background:
        radial-gradient(circle at 35% 35%, rgba(231, 50, 22, .98) 0 3%, transparent 4%),
        radial-gradient(circle at 68% 28%, rgba(157, 29, 36, .85) 0 5%, transparent 6%),
        radial-gradient(circle at 55% 62%, rgba(234, 91, 22, .76) 0 9%, transparent 10%),
        radial-gradient(circle at 50% 52%, #3A0B11 0%, #19070A 63%, #0E0809 100%);
    border-color: rgba(157, 29, 36, .5);
}

.research-innovation .innovation-visual-nir::before,
.research-innovation .innovation-visual-nir::after {
    border: 1px solid rgba(231, 50, 22, .48);
    border-radius: 50%;
    content: "";
    height: .96rem;
    position: absolute;
    transform: rotate(-28deg);
    width: .96rem;
}

.research-innovation .innovation-visual-nir::after {
    height: .58rem;
    transform: rotate(36deg);
    width: 1.22rem;
}

.research-innovation .innovation-visual-nir span {
    color: var(--brand-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    position: relative;
    z-index: 1;
}

.research-innovation .innovation-arrow {
    align-items: center;
    color: var(--brand-primary);
    display: inline-flex;
    flex: 0 0 .28rem;
    font-size: 22px;
    font-style: normal;
    height: 1.48rem;
    justify-content: center;
    padding-top: 0;
}

.research-innovation .innovation-arrow::before {
    background: rgba(231, 50, 22, .08);
    border-radius: 50%;
    content: "";
    height: .22rem;
    position: absolute;
    width: .22rem;
    z-index: 0;
}

.research-innovation .innovation-arrow {
    position: relative;
    z-index: 1;
}

.research-innovation .innovation-arrow {
    text-indent: .01rem;
}

.research-innovation .innovation-node h3 {
    color: var(--brand-dark);
    font-size: .2rem;
    font-weight: 700;
    line-height: 1.35;
    margin-top: .16rem;
}

.research-innovation .innovation-node p {
    color: var(--brand-text);
    font-size: 12px;
    line-height: 1.55;
    margin-top: .06rem;
}

@media (max-width: 1199px) {
    .research-innovation .innovation-node {
        flex-basis: 1.72rem;
    }

    .research-innovation .innovation-visual {
        height: 1.32rem;
        width: 1.32rem;
    }

    .research-innovation .innovation-arrow {
        height: 1.32rem;
    }

    .research-innovation .innovation-node h3 {
        font-size: .19rem;
    }
}

@media (max-width: 767px) {
    .research-innovation {
        padding: .84rem 0 .9rem;
    }

    .research-innovation .title {
        font-size: .46rem;
    }

    .research-innovation .innovation-heading p {
        font-size: 13px;
        line-height: 1.65;
    }

    .research-innovation .innovation-flow {
        gap: .08rem;
        justify-content: flex-start;
        margin-left: -.2rem;
        margin-right: -.2rem;
        overflow-x: auto;
        padding: .26rem .2rem .08rem;
        scrollbar-width: none;
    }

    .research-innovation .innovation-flow::-webkit-scrollbar {
        display: none;
    }

    .research-innovation .innovation-node {
        flex: 0 0 1.46rem;
    }

    .research-innovation .innovation-visual {
        height: 1.2rem;
        width: 1.2rem;
    }

    .research-innovation .innovation-arrow {
        flex-basis: .22rem;
        font-size: 18px;
        height: 1.2rem;
    }

    .research-innovation .innovation-node h3 {
        font-size: 15px;
        margin-top: .12rem;
    }

    .research-innovation .innovation-node p {
        font-size: 11px;
        line-height: 1.5;
    }
}

/* 科研创新：沿用首页内容区的淡入上移动画；未触发前内容保持可见，避免观察器异常导致空白 */
.research-innovation.research-innovation--revealed .innovation-eyebrow {
    animation: fadeInUp .55s ease-out both;
}

.research-innovation.research-innovation--revealed .innovation-heading .title {
    animation: fadeInUp .65s .08s ease-out both;
}

.research-innovation.research-innovation--revealed .innovation-heading>p {
    animation: fadeInUp .7s .16s ease-out both;
}

.research-innovation.research-innovation--revealed .innovation-flow {
    animation: fadeInUp .7s .24s ease-out both;
}

.research-innovation.research-innovation--revealed .innovation-node,
.research-innovation.research-innovation--revealed .innovation-arrow {
    animation: fadeInUp .56s ease-out both;
}

.research-innovation.research-innovation--revealed .innovation-node:nth-child(1) {
    animation-delay: .30s;
}

.research-innovation.research-innovation--revealed .innovation-arrow:nth-child(2) {
    animation-delay: .38s;
}

.research-innovation.research-innovation--revealed .innovation-node:nth-child(3) {
    animation-delay: .46s;
}

.research-innovation.research-innovation--revealed .innovation-arrow:nth-child(4) {
    animation-delay: .54s;
}

.research-innovation.research-innovation--revealed .innovation-node:nth-child(5) {
    animation-delay: .62s;
}

.research-innovation.research-innovation--revealed .innovation-arrow:nth-child(6) {
    animation-delay: .70s;
}

.research-innovation.research-innovation--revealed .innovation-node:nth-child(7) {
    animation-delay: .78s;
}

.research-innovation.research-innovation--revealed .innovation-arrow:nth-child(8) {
    animation-delay: .86s;
}

.research-innovation.research-innovation--revealed .innovation-node:nth-child(9) {
    animation-delay: .94s;
}

@media (prefers-reduced-motion: reduce) {

    .research-innovation.research-innovation--revealed .innovation-eyebrow,
    .research-innovation.research-innovation--revealed .innovation-heading .title,
    .research-innovation.research-innovation--revealed .innovation-heading>p,
    .research-innovation.research-innovation--revealed .innovation-flow,
    .research-innovation.research-innovation--revealed .innovation-node,
    .research-innovation.research-innovation--revealed .innovation-arrow {
        animation: none !important;
    }
}

/* 全球权威验证：参考图式地图主视觉、横向临床验证卡和认证标识 */
.index-box4-5 .global-validation {
    background: var(--brand-white) !important;
    padding: .98rem 0 1.04rem;
}

.global-validation .validation-reference-layout {
    align-items: stretch;
    display: grid;
    gap: .42rem;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.18fr);
}

.global-validation .validation-map-stage {
    background: var(--brand-white);
    border: 1px solid #EEF0F2;
    min-height: 4.2rem;
    overflow: hidden;
    position: relative;
}

.global-validation .validation-copy {
    left: .34rem;
    max-width: 3.6rem;
    position: relative;
    padding-top: .34rem;
    z-index: 3;
}

.global-validation .validation-eyebrow {
    color: var(--brand-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.4;
    margin-bottom: .08rem;
}

.global-validation .title {
    color: var(--brand-dark) !important;
    font-size: .48rem;
    line-height: 1.2;
}

.global-validation .validation-copy>p {
    color: var(--brand-text);
    font-size: 14px;
    line-height: 1.65;
    margin-top: .13rem;
}

.global-validation .amap-global-validation,
.global-validation .validation-map-fallback {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.global-validation .amap-global-validation {
    z-index: 1;
}

.global-validation .validation-map-fallback {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding: .1rem .02rem .05rem .28rem;
    pointer-events: none;
    transition: opacity .35s ease;
    z-index: 2;
}

.global-validation .validation-map-fallback img {
    display: block;
    height: auto;
    max-height: 88%;
    max-width: 100%;
    opacity: .83;
    width: 116%;
}

.global-validation .validation-map-stage.map-loaded .validation-map-fallback {
    opacity: .14;
}

.global-validation .validation-evidence {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.global-validation .validation-points {
    align-items: stretch;
    border: 0;
    display: grid;
    gap: .09rem;
    grid-template-columns: minmax(0, 1fr) .14rem minmax(0, 1fr) .14rem minmax(0, 1fr) .14rem minmax(0, 1fr);
}

.global-validation .validation-card {
    align-items: center;
    background: var(--brand-white);
    border: 1px solid #EEF0F2 !important;
    box-shadow: 0 8px 20px rgba(35, 24, 21, .035);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 1.72rem;
    padding: .18rem .1rem !important;
    text-align: center;
}

.global-validation .validation-card:nth-child(odd),
.global-validation .validation-card:nth-child(even) {
    border-right: 1px solid #EEF0F2;
    padding-left: .1rem;
    padding-right: .1rem;
}

.global-validation .validation-icon {
    align-items: center;
    border: 1px solid rgba(231, 50, 22, .2);
    border-radius: 50%;
    color: var(--brand-primary);
    display: flex;
    height: .45rem;
    justify-content: center;
    margin-bottom: .1rem;
    width: .45rem;
}

.global-validation .validation-icon svg {
    height: .24rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: .24rem;
}

.global-validation .validation-card h3 {
    color: var(--brand-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.global-validation .validation-card p {
    color: var(--brand-text);
    font-size: 12px;
    line-height: 1.55;
    margin-top: .05rem;
}

.global-validation .validation-card-global h3 {
    color: var(--brand-primary);
    letter-spacing: .04em;
}

.global-validation .validation-arrow {
    align-items: center;
    color: #B6BABE;
    display: flex;
    font-size: 22px;
    font-weight: 300;
    justify-content: center;
}

.global-validation .validation-certifications {
    display: grid;
    gap: .1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .14rem;
}

.global-validation .certification-mark {
    align-items: center;
    background: #FBFBFC;
    border: 1px solid #EEF0F2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: .86rem;
    padding: .08rem;
}

.global-validation .certification-mark strong {
    color: #1555A5;
    font-family: Arial, sans-serif;
    font-size: .28rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1;
}

.global-validation .certification-ce strong {
    color: #231815;
    font-size: .33rem;
    font-style: italic;
    letter-spacing: .01em;
}

.global-validation .certification-iso strong {
    color: #2E6D99;
    font-size: .25rem;
    letter-spacing: .05em;
}

.global-validation .certification-mark small {
    color: var(--brand-text);
    font-size: 10px;
    line-height: 1.3;
    margin-top: .06rem;
}

.global-validation .validation-note {
    align-items: center;
    color: #888582;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    line-height: 1.5;
    margin-top: .14rem;
}

.global-validation .validation-note span {
    background: var(--brand-primary);
    border-radius: 50%;
    height: .1rem;
    margin-right: .08rem;
    width: .1rem;
}

@media (max-width: 991px) {
    .global-validation .validation-reference-layout {
        gap: .28rem;
        grid-template-columns: 1fr;
    }

    .global-validation .validation-map-stage {
        min-height: 3.25rem;
    }
}

@media (max-width: 767px) {
    .index-box4-5 .global-validation {
        padding: .78rem 0 .84rem;
    }

    .global-validation .validation-map-stage {
        min-height: 2.65rem;
    }

    .global-validation .validation-copy {
        left: .22rem;
        max-width: 2.75rem;
        padding-top: .22rem;
    }

    .global-validation .title {
        font-size: .46rem;
    }

    .global-validation .validation-copy>p {
        font-size: 12px;
        line-height: 1.55;
        margin-top: .08rem;
    }

    .global-validation .validation-map-fallback {
        padding-left: .1rem;
    }

    .global-validation .validation-map-fallback img {
        max-height: 79%;
        opacity: .67;
        width: 118%;
    }

    .global-validation .validation-points {
        gap: .1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .global-validation .validation-arrow {
        display: none;
    }

    .global-validation .validation-card {
        min-height: 1.38rem;
    }

    .global-validation .validation-icon {
        height: .4rem;
        margin-bottom: .08rem;
        width: .4rem;
    }

    .global-validation .validation-card h3 {
        font-size: 14px;
    }

    .global-validation .validation-card p {
        font-size: 11px;
    }

    .global-validation .certification-mark {
        min-height: .75rem;
    }

    .global-validation .certification-mark strong {
        font-size: .23rem;
    }

    .global-validation .certification-ce strong {
        font-size: .27rem;
    }

    .global-validation .certification-iso strong {
        font-size: .21rem;
    }

    .global-validation .certification-mark small {
        font-size: 9px;
    }

    .global-validation .validation-note {
        font-size: 11px;
        justify-content: flex-start;
    }
}

/* 高德国际地图实际加载后使用的临床验证定位点 */
.amap-validation-pin {
    background: var(--brand-primary);
    border: 3px solid var(--brand-white);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(231, 50, 22, .2), 0 4px 10px rgba(157, 29, 36, .2);
    display: block;
    height: 14px;
    transform: translate(-50%, -50%);
    width: 14px;
}

/* 页脚上方品牌 CTA：以 NIR-II / DNA 科研视觉承接品牌主张 */
.footer-brand-cta {
    align-items: center;
    background:
        linear-gradient(90deg, rgba(22, 2, 6, .2) 0%, rgba(72, 3, 12, .03) 32%, rgba(72, 3, 12, .03) 68%, rgba(22, 2, 6, .2) 100%),
        url("../images/footer-cta/wwhs-footer-cta-dna.jpg") center center / cover no-repeat;
    display: flex;
    isolation: isolate;
    justify-content: center;
    min-height: 4rem;
    overflow: hidden;
    position: relative;
}

.footer-brand-cta::before {
    background: linear-gradient(90deg, rgba(20, 2, 6, .2), rgba(82, 8, 16, 0) 30%, rgba(82, 8, 16, 0) 70%, rgba(20, 2, 6, .2));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.footer-brand-cta::after {
    background: linear-gradient(90deg, transparent, rgba(231, 50, 22, .95) 20%, rgba(234, 91, 22, .75) 50%, rgba(231, 50, 22, .95) 80%, transparent);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.footer-cta-visual {
    display: none;
}

.footer-cta-visual-left {
    left: 0;
}

.footer-cta-visual-right {
    right: 0;
    transform: scaleX(-1);
}

.footer-cta-visual svg {
    display: block;
    height: 100%;
    width: 100%;
}

.footer-cta-dna {
    fill: none;
    filter: drop-shadow(0 0 6px rgba(231, 50, 22, .8));
    stroke: #F13A22;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    animation: footerCtaDnaDrift 7s ease-in-out infinite alternate;
}

.footer-cta-dna path:nth-child(3) {
    opacity: .72;
    stroke-width: 1.05;
}

.footer-cta-dots {
    fill: #FF4A2D;
    filter: drop-shadow(0 0 4px rgba(255, 62, 35, .95));
    animation: footerCtaDnaDrift 5.2s ease-in-out infinite alternate-reverse;
}

.footer-cta-content {
    color: var(--brand-white);
    max-width: 11.4rem;
    padding: .22rem .5rem .24rem;
    position: relative;
    text-align: center;
    z-index: 1;
}

.footer-cta-content h2 {
    color: var(--brand-white);
    font-size: .54rem;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 1.28;
    text-shadow: 0 3px 12px rgba(0, 0, 0, .5);
}

.footer-cta-content p {
    color: rgba(255, 255, 255, .94);
    font-size: .23rem;
    font-weight: 500;
    letter-spacing: .045em;
    line-height: 1.6;
    margin-top: .08rem;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .48);
}

@keyframes footerCtaDnaDrift {
    from {
        transform: translate3d(0, 0, 0);
        opacity: .75;
    }

    to {
        transform: translate3d(0, -5px, 0);
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .footer-brand-cta {
        min-height: 2.3rem;
    }

    .footer-cta-visual {
        width: 45%;
    }

    .footer-cta-content h2 {
        font-size: .47rem;
    }

    .footer-cta-content p {
        font-size: .2rem;
    }
}

@media (max-width: 767px) {
    .footer-brand-cta {
        min-height: 2.95rem;
    }

    .footer-brand-cta::before {
        background-size: .18rem .18rem;
        opacity: .24;
    }

    .footer-cta-visual {
        opacity: .76;
        width: 57%;
    }

    .footer-cta-visual-left {
        left: -18%;
    }

    .footer-cta-visual-right {
        right: -18%;
    }

    .footer-cta-content {
        max-width: 7rem;
        padding: .18rem .16rem .2rem;
        width: 100%;
    }

    .footer-cta-content h2 {
        font-size: .42rem;
        letter-spacing: .06em;
        line-height: 1.3;
    }

    .footer-cta-content p {
        font-size: 13px;
        letter-spacing: .015em;
        line-height: 1.55;
        margin: .07rem auto 0;
        max-width: 6.6rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .footer-cta-dna,
    .footer-cta-dots {
        animation: none;
    }
}

/* 首页主板块标题规范：与“应用领域”统一为深色标题 + 品牌灰说明文字 */
.index-products .top,
.index-box5 .container {
    align-items: flex-start;
}

.index-products .top {
    flex-direction: column;
}

.index-products .top .title,
.company-intro .company-copy .title,
.research-innovation .innovation-heading .title,
.global-validation .validation-copy .title,
.index-box5 .container>.title {
    color: var(--brand-dark) !important;
    font-size: 44px;
    font-weight: 700;
    line-height: calc(58 / 48);
    margin: 0;
}

.index-products .top .txt,
.research-innovation .innovation-heading>p,
.global-validation .validation-copy>p,
.index-box5 .news-section-intro {
    color: var(--brand-text) !important;
    font-size: 16px;
    line-height: calc(28 / 18);
    margin: .1rem 0 0;
    max-width: 8rem;
}

.index-products .top .txt {
    margin-bottom: 0;
}

.company-intro .intro-eyebrow,
.research-innovation .innovation-eyebrow,
.global-validation .validation-eyebrow,
.index-products .eyebrow {
    color: var(--brand-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.4;
    margin-bottom: .08rem;
}

.index-box5 .news-section-intro {
    margin-bottom: .34rem;
}

@media (max-width: 767px) {

    .index-products .top .title,
    .company-intro .company-copy .title,
    .research-innovation .innovation-heading .title,
    .global-validation .validation-copy .title,
    .index-box5 .container>.title {
        font-size: 29px;
    }

    .index-products .top .txt,
    .research-innovation .innovation-heading>p,
    .global-validation .validation-copy>p,
    .index-box5 .news-section-intro {
        font-size: 15px;
        line-height: 1.65;
        max-width: none;
    }

    .index-box5 .news-section-intro {
        margin-bottom: .22rem;
    }
}

/* 首页板块统一滚动入场：仅在进入视区后播放，默认不隐藏任何内容 */
.index-box1 .wow,
.index-box5 .wow {
    opacity: 1 !important;
    visibility: visible !important;
}

.index-products.index-section--revealed .eyebrow,
.index-box1.index-section--revealed .container .top .title,
.global-validation.global-validation--revealed .validation-eyebrow,
.index-box5.index-section--revealed .container>.title,
.footer-brand-cta.footer-brand-cta--revealed .footer-cta-content h2 {
    animation: fadeInUp .58s ease-out both;
}

.index-products.index-section--revealed .top .title,
.index-box1.index-section--revealed .container .top .txt,
.global-validation.global-validation--revealed .validation-copy .title,
.index-box5.index-section--revealed .news-section-intro,
.footer-brand-cta.footer-brand-cta--revealed .footer-cta-content p {
    animation: fadeInUp .68s .1s ease-out both;
}

.index-products.index-section--revealed .top .txt,
.index-products.index-section--revealed .product-controls,
.index-box1.index-section--revealed .container .list,
.global-validation.global-validation--revealed .validation-copy>p,
.global-validation.global-validation--revealed .validation-map-stage,
.index-box5.index-section--revealed .container .list {
    animation: fadeInUp .72s .18s ease-out both;
}

.index-products.index-section--revealed .product-list,
.index-box5.index-section--revealed .container .more {
    animation: fadeInUp .76s .26s ease-out both;
}

.global-validation.global-validation--revealed .validation-card,
.global-validation.global-validation--revealed .certification-mark,
.global-validation.global-validation--revealed .validation-note {
    animation: fadeInUp .56s ease-out both;
}

.global-validation.global-validation--revealed .validation-card:nth-child(1) {
    animation-delay: .28s;
}

.global-validation.global-validation--revealed .validation-card:nth-child(3) {
    animation-delay: .36s;
}

.global-validation.global-validation--revealed .validation-card:nth-child(5) {
    animation-delay: .44s;
}

.global-validation.global-validation--revealed .validation-card:nth-child(7) {
    animation-delay: .52s;
}

.global-validation.global-validation--revealed .certification-mark:nth-child(1) {
    animation-delay: .60s;
}

.global-validation.global-validation--revealed .certification-mark:nth-child(2) {
    animation-delay: .66s;
}

.global-validation.global-validation--revealed .certification-mark:nth-child(3) {
    animation-delay: .72s;
}

.global-validation.global-validation--revealed .validation-note {
    animation-delay: .78s;
}

/* 新闻标题保留原 WOW 类名时，以此规则确保移动端同样执行统一入场动画。 */
.index-box5.index-section--revealed .container>.title {
    animation: fadeInUp .58s ease-out both !important;
}

.index-box5.index-section--revealed .news-section-intro {
    animation: fadeInUp .68s .1s ease-out both !important;
}

.index-box5.index-section--revealed .container .list {
    animation: fadeInUp .72s .18s ease-out both !important;
}

.index-box5.index-section--revealed .container .more {
    animation: fadeInUp .76s .26s ease-out both !important;
}

@media (prefers-reduced-motion: reduce) {

    .index-products.index-section--revealed .eyebrow,
    .index-products.index-section--revealed .top .title,
    .index-products.index-section--revealed .top .txt,
    .index-products.index-section--revealed .product-controls,
    .index-products.index-section--revealed .product-list,
    .index-box1.index-section--revealed .container .top .title,
    .index-box1.index-section--revealed .container .top .txt,
    .index-box1.index-section--revealed .container .list,
    .global-validation.global-validation--revealed .validation-eyebrow,
    .global-validation.global-validation--revealed .validation-copy .title,
    .global-validation.global-validation--revealed .validation-copy>p,
    .global-validation.global-validation--revealed .validation-map-stage,
    .global-validation.global-validation--revealed .validation-card,
    .global-validation.global-validation--revealed .certification-mark,
    .global-validation.global-validation--revealed .validation-note,
    .index-box5.index-section--revealed .container>.title,
    .index-box5.index-section--revealed .news-section-intro,
    .index-box5.index-section--revealed .container .list,
    .index-box5.index-section--revealed .container .more,
    .footer-brand-cta.footer-brand-cta--revealed .footer-cta-content h2,
    .footer-brand-cta.footer-brand-cta--revealed .footer-cta-content p {
        animation: none !important;
    }
}

/* 全球权威验证：最新参考图式左右分区，地图由真实高德国际底图承载 */
.index-box4-5 .global-validation {
    background: #FFFFFF !important;
    padding: 1.02rem 0 1.1rem;
}

.global-validation .validation-reference-layout {
    align-items: stretch;
    gap: .32rem;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
}

.global-validation .validation-map-stage {
    background: #FFFFFF;
    border: 0;
    min-height: 4.35rem;
    overflow: hidden;
}

.global-validation .validation-copy {
    left: 0;
    max-width: 4.25rem;
    padding-top: .08rem;
    position: relative;
    z-index: 3;
}

.global-validation .validation-copy>p {
    margin-top: .1rem;
}

.global-validation .amap-global-validation {
    bottom: .04rem;
    left: 0;
    right: 0;
    top: 1.3rem;
    z-index: 1;
}

.global-validation .validation-map-fallback {
    display: none !important;
}

.global-validation .validation-evidence {
    justify-content: flex-start;
    padding-top: .1rem;
}

.global-validation .validation-points {
    gap: .12rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.global-validation .validation-arrow {
    display: none;
}

.global-validation .validation-card,
.global-validation .validation-card:nth-child(odd),
.global-validation .validation-card:nth-child(even) {
    border: 1px solid #F0F1F3 !important;
    border-radius: .12rem;
    box-shadow: 0 10px 24px rgba(35, 24, 21, .055);
    min-height: 1.78rem;
    padding: .18rem .09rem !important;
}

.global-validation .validation-icon {
    height: .48rem;
    margin-bottom: .11rem;
    width: .48rem;
}

.global-validation .validation-card h3 {
    color: var(--brand-dark);
    font-size: 16px;
}

.global-validation .validation-card p {
    color: var(--brand-text);
    font-size: 12px;
    line-height: 1.55;
}

.global-validation .validation-certifications {
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    border-radius: .12rem;
    gap: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: .16rem;
    overflow: hidden;
}

.global-validation .certification-mark {
    background: #FFFFFF;
    border: 0;
    border-right: 1px solid #F0F1F3;
    min-height: .92rem;
    padding: .08rem .04rem;
}

.global-validation .certification-mark:last-child {
    border-right: 0;
}

.global-validation .certification-mark strong {
    font-size: .25rem;
}

.global-validation .certification-ce strong {
    font-size: .31rem;
}

.global-validation .certification-iso strong {
    font-size: .24rem;
}

.global-validation .certification-national strong {
    color: #317A55;
    font-size: .17rem;
    letter-spacing: 0;
}

.global-validation .certification-specialized strong {
    color: #31599C;
    font-size: .17rem;
    letter-spacing: 0;
}

.global-validation .certification-mark small {
    font-size: 10px;
}

.global-validation .validation-note {
    color: #888582;
    font-size: 12px;
    justify-content: flex-start;
    margin-top: .15rem;
}

@media (max-width: 991px) {
    .global-validation .validation-reference-layout {
        grid-template-columns: 1fr;
    }

    .global-validation .validation-map-stage {
        min-height: 3.65rem;
    }

    .global-validation .amap-global-validation {
        top: 1.18rem;
    }
}

@media (max-width: 767px) {
    .index-box4-5 .global-validation {
        padding: .8rem 0 .88rem;
    }

    .global-validation .validation-map-stage {
        min-height: 5.2rem;
    }

    .global-validation .validation-copy {
        max-width: 3.6rem;
        padding-top: 0;
    }

    .global-validation .amap-global-validation {
        top: 1.8rem;
    }

    .global-validation .validation-points {
        gap: .1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .global-validation .validation-card,
    .global-validation .validation-card:nth-child(odd),
    .global-validation .validation-card:nth-child(even) {
        min-height: 1.42rem;
    }

    .global-validation .validation-icon {
        height: .41rem;
        margin-bottom: .08rem;
        width: .41rem;
    }

    .global-validation .validation-card h3 {
        font-size: 14px;
    }

    .global-validation .validation-card p {
        font-size: 11px;
    }

    .global-validation .validation-certifications {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .global-validation .certification-mark:nth-child(3) {
        border-right: 0;
    }

    .global-validation .certification-mark:nth-child(-n+3) {
        border-bottom: 1px solid #F0F1F3;
    }

    .global-validation .certification-mark strong {
        font-size: .22rem;
    }

    .global-validation .certification-national strong,
    .global-validation .certification-specialized strong {
        font-size: .16rem;
    }

    .global-validation .certification-mark small {
        font-size: 9px;
    }
}

/* 全球验证标题置于地图上方，地图区域仅承载真实高德国际地图与定位点 */
.global-validation .validation-section-heading {
    margin-bottom: .34rem;
}

.global-validation .validation-section-heading .title {
    color: var(--brand-dark) !important;
    font-size: 44px;
    font-weight: 700;
    line-height: calc(58 / 48);
    margin: 0;
}

.global-validation .validation-section-heading>p {
    color: var(--brand-text);
    font-size: 16px;
    line-height: calc(28 / 18);
    margin-top: .1rem;
}

.global-validation .validation-reference-layout {
    align-items: stretch;
}

.global-validation .validation-map-stage {
    min-height: 3.5rem;
}

.global-validation .amap-global-validation {
    bottom: 0;
    top: 0;
}

.global-validation .validation-card {
    cursor: pointer;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.global-validation .validation-card:hover,
.global-validation .validation-card:focus-visible,
.global-validation .validation-card.is-active {
    border-color: rgba(231, 50, 22, .48) !important;
    box-shadow: 0 12px 25px rgba(231, 50, 22, .12);
    transform: translateY(-3px);
}

.global-validation .certification-mark {
    justify-content: center;
}

.global-validation .certification-icon {
    align-items: center;
    display: flex;
    height: .46rem;
    justify-content: center;
    width: .8rem;
}

.global-validation .certification-icon svg {
    display: block;
    height: 100%;
    max-width: 100%;
    overflow: visible;
    width: 100%;
}

.global-validation .certification-icon text {
    dominant-baseline: middle;
    fill: currentColor;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 800;
    text-anchor: middle;
}

.global-validation .certification-icon path,
.global-validation .certification-icon circle {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.global-validation .certification-nmpa {
    color: #1555A5;
}

.global-validation .certification-nmpa .certification-icon path:first-child {
    fill: currentColor;
    stroke: none;
    opacity: .88;
}

.global-validation .certification-nmpa .certification-icon text {
    fill: #1555A5;
    font-size: 14px;
    text-anchor: start;
}

.global-validation .certification-ce {
    color: #231815;
}

.global-validation .certification-ce .certification-icon text {
    font-size: 30px;
    font-style: italic;
    text-anchor: start;
}

.global-validation .certification-iso {
    color: #2E6D99;
}

.global-validation .certification-iso .certification-icon text {
    font-size: 14px;
}

.global-validation .certification-national {
    color: #317A55;
}

.global-validation .certification-national .certification-icon path:first-child {
    fill: rgba(49, 122, 85, .12);
}

.global-validation .certification-specialized {
    color: #31599C;
}

.global-validation .certification-specialized .certification-icon path:last-child {
    fill: rgba(49, 89, 156, .12);
}

.amap-validation-pin.is-active {
    box-shadow: 0 0 0 5px rgba(231, 50, 22, .2), 0 5px 14px rgba(157, 29, 36, .34);
    transform: translate(-50%, -50%) scale(1.65);
    z-index: 8;
}

@media (max-width: 767px) {
    .global-validation .validation-section-heading {
        margin-bottom: .22rem;
    }

    .global-validation .validation-section-heading .title {
        font-size: 29px;
    }

    .global-validation .validation-section-heading>p {
        font-size: 15px;
        line-height: 1.65;
    }

    .global-validation .validation-map-stage {
        min-height: 3.5rem;
    }

    .global-validation .amap-global-validation {
        top: 0;
    }

    .global-validation .certification-icon {
        height: .4rem;
        width: .66rem;
    }
}

.global-validation.global-validation--revealed .validation-section-heading .validation-eyebrow {
    animation: fadeInUp .58s ease-out both;
}

.global-validation.global-validation--revealed .validation-section-heading .title {
    animation: fadeInUp .68s .1s ease-out both;
}

.global-validation.global-validation--revealed .validation-section-heading>p {
    animation: fadeInUp .72s .18s ease-out both;
}

@media (prefers-reduced-motion: reduce) {

    .global-validation.global-validation--revealed .validation-section-heading .validation-eyebrow,
    .global-validation.global-validation--revealed .validation-section-heading .title,
    .global-validation.global-validation--revealed .validation-section-heading>p {
        animation: none !important;
    }
}

/* 电脑端采用两行结构：首行全宽高德地图，第二行展示四张验证卡与认证图标带。 */
@media (min-width: 768px) {
    .global-validation .validation-reference-layout {
        gap: .28rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .global-validation .validation-map-stage {
        min-height: 5.2rem;
        width: 100%;
    }

    .global-validation .validation-evidence {
        padding-top: 0;
        width: 100%;
    }

    .global-validation .validation-points {
        gap: .16rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }

    .global-validation .validation-card,
    .global-validation .validation-card:nth-child(odd),
    .global-validation .validation-card:nth-child(even) {
        min-height: 2.42rem;
        padding: .32rem .14rem !important;
    }

    .global-validation .validation-icon {
        height: .72rem;
        margin-bottom: .16rem;
        width: .72rem;
    }

    .global-validation .validation-card h3 {
        font-size: 22px;
    }

    .global-validation .validation-card p {
        font-size: 16px;
        line-height: 1.58;
    }

    .global-validation .validation-certifications {
        margin-top: .2rem;
        min-height: 1.22rem;
    }

    .global-validation .certification-icon {
        height: .62rem;
        width: .98rem;
    }

    .global-validation .certification-mark small {
        font-size: 11px;
    }
}

/* 用户提供的 ISO 认证原图：以 contain 方式完整保留圆形认证章。 */
.global-validation .certification-icon-image img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

/* 电脑端恢复左右结构：左侧真实地图占 3/5，右侧验证卡与认证图标占 2/5。 */
/* 首页标题下说明文字统一采用“应用领域”实测基准。 */
.index-products .top .txt,
.company-intro .intro-copy>p,
.research-innovation .innovation-heading>p,
.global-validation .validation-section-heading>p,
.index-box5 .news-section-intro {
    color: var(--brand-text) !important;
    font-size: 16px;
    letter-spacing: normal;
    line-height: calc(28 / 18);
    font-weight: 500;
    margin: .3rem 0 0;
}

@media (max-width: 767px) {

    .index-products .top .txt,
    .company-intro .intro-copy>p,
    .research-innovation .innovation-heading>p,
    .global-validation .validation-section-heading>p,
    .index-box5 .news-section-intro {
        font-size: 15px;
        line-height: calc(28 / 18);
        margin: .1rem 0 0;
    }
}

/* 首页主板块上下留白统一采用“应用领域”的实测节奏。 */
.index-products,
.index-box1,
.company-intro,
.research-innovation,
.global-validation,
.index-box5 {
    box-sizing: border-box;
    padding-bottom: 1.4rem !important;
    padding-top: 1.35rem !important;
}

@media (max-width: 767px) {

    .index-products,
    .index-box1,
    .company-intro,
    .research-innovation,
    .global-validation,
    .index-box5 {
        padding-bottom: 1.4rem !important;
        padding-top: 1.35rem !important;
    }
}

/* 新闻资讯恢复原有由外层组合区控制的上下间距。 */
.index-box5 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

/* 产品分类卡与全站验证卡统一使用圆角、浅边框与克制阴影。 */
.index-products .product-card {
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    border-radius: .12rem;
    box-shadow: 0 10px 24px rgba(35, 24, 21, .055);
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.index-products .product-card:hover {
    border-color: rgba(231, 50, 22, .42);
    box-shadow: 0 14px 30px rgba(231, 50, 22, .12);
    transform: translateY(-3px);
}

.index-products .product-media,
.index-products .product-media img {
    border-radius: .12rem .12rem 0 0;
}

.index-products .product-content {
    padding-top: .26rem;
}

@media (max-width: 767px) {
    .index-products .product-card {
        border-radius: .1rem;
    }

    .index-products .product-media,
    .index-products .product-media img {
        border-radius: .1rem .1rem 0 0;
    }
}

@media (min-width: 768px) {
    .global-validation .validation-reference-layout {
        align-items: stretch;
        gap: .34rem;
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }

    .global-validation .validation-map-stage {
        aspect-ratio: 3 / 2;
        min-height: 0;
    }

    .global-validation .validation-evidence {
        min-width: 0;
    }

    .global-validation .validation-points {
        gap: .14rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .global-validation .validation-card,
    .global-validation .validation-card:nth-child(odd),
    .global-validation .validation-card:nth-child(even) {
        min-height: 1.8rem;
        padding: .2rem .1rem !important;
    }

    .global-validation .validation-icon {
        height: .52rem;
        margin-bottom: .1rem;
        width: .52rem;
    }

    .global-validation .validation-card h3 {
        font-size: 18px;
    }

    .global-validation .validation-card p {
        font-size: 13px;
        line-height: 1.5;
    }

    .global-validation .validation-certifications {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-height: 1rem;
    }

    .global-validation .certification-icon {
        height: .5rem;
        width: .72rem;
    }

    .global-validation .certification-mark small {
        font-size: 9px;
    }
}

/* 手机端核心内容放大：产品中心、关于无微华斯、科研创新与其他首页板块保持同等视觉密度。 */
@media (max-width: 767px) {
    .index-products .top {
        gap: .12rem;
    }

    .index-products .product-controls {
        margin-top: .32rem;
    }

    .index-products .product-list {
        margin-top: .2rem;
    }

    .index-products .product-card {
        min-height: 3.72rem;
    }

    .index-products .product-media {
        height: 4.25rem;
    }

    .index-products .product-content {
        min-height: 1.78rem;
        padding: .26rem .28rem .3rem;
    }

    .index-products .product-name {
        font-size: 18px;
        line-height: 1.35;
    }

    .index-products .product-description {
        font-size: 14px;
        line-height: 1.62;
        margin-top: .08rem;
    }

    .index-products .product-link {
        font-size: 14px;
        margin-top: .14rem;
    }

    .company-intro .company-visual {
        height: 3.12rem;
    }

    .company-intro .company-copy {
        padding-bottom: .06rem;
        padding-top: .46rem;
    }

    .company-intro .company-copy .title {
        font-size: 32px;
        line-height: 1.25;
    }

    .company-intro .intro-copy>p {
        font-size: 16px;
        line-height: 1.72;
        margin-top: .14rem;
    }

    .company-intro-more a {
        min-height: .74rem;
        padding: 0 .3rem;
    }

    .company-intro .company-stats {
        margin-top: .38rem;
        row-gap: .28rem;
    }

    .research-innovation .innovation-heading {
        max-width: none;
    }

    .research-innovation .innovation-flow {
        gap: .18rem;
        margin-top: .42rem;
        padding: 0 .3rem .24rem;
        scroll-padding-left: .3rem;
    }

    .research-innovation .innovation-node {
        flex: 0 0 2.05rem;
        min-width: 2.05rem;
    }

    .research-innovation .innovation-visual {
        height: 1.5rem;
        width: 1.5rem;
    }

    .research-innovation .innovation-node h3 {
        font-size: 14px;
        line-height: 1.4;
        margin-top: .14rem;
    }

    .research-innovation .innovation-node p {
        font-size: 11px;
        line-height: 1.5;
        margin-top: .05rem;
    }

    .research-innovation .innovation-arrow {
        font-size: 20px;
        min-width: .24rem;
    }
}


/* 首页标题区：移除产品中心与科研创新标题下方的分隔线，保留原有留白与层级。 */
#product-center .index-products .top,
#research-innovation .innovation-heading {
    border-bottom: 0 !important;
}

/* P1：Cookie 提示出现时暂时收起固定咨询入口，避免首访状态覆盖正文。 */
body.wwhs-cookie-notice-active .x-slid,
body.wwhs-cookie-notice-active #pboot-ai-chat {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(1rem) !important;
    visibility: hidden !important;
}

@media (max-width: 767px) {
    .x-cooktc {
        bottom: .32rem !important;
        left: .24rem !important;
        max-width: calc(100vw - .48rem) !important;
    }

    .x-cooktc .x-con {
        padding: .28rem .26rem .26rem !important;
    }

    .x-cooktc .x-title {
        font-size: .42rem !important;
        line-height: 1.08 !important;
    }

    .x-cooktc .x-p {
        margin-top: .12rem !important;
    }

    .x-cooktc .x-p p {
        font-size: .22rem !important;
        line-height: 1.48 !important;
    }

    .x-cooktc .x-aa {
        margin-top: .18rem !important;
    }

    .x-cooktc .x-aa a {
        font-size: .22rem !important;
        min-height: .48rem !important;
    }
}

/* P2：标题说明以“应用领域”为基准统一字重；公司介绍移动端同步主标题与正文规格。 */
.index-products .top .txt,
.company-intro .intro-copy>p,
.research-innovation .innovation-heading>p,
.global-validation .validation-section-heading>p,
.index-box5 .news-section-intro {
    font-weight: 400 !important;
}

@media (max-width: 767px) {
    .company-intro .company-copy .title {
        font-size: 29px !important;
        line-height: 35.0417px !important;
    }

    .company-intro .intro-copy>p {
        font-size: 15px !important;
        line-height: 23.3333px !important;
        margin-top: .1rem !important;
    }
}

/* P3：强化全球认证带的识别度，并优化移动端科研节点和产品轮播提示。 */
@media (min-width: 768px) {
    .global-validation .validation-certifications {
        margin-top: .22rem;
        min-height: 1.18rem;
    }

    .global-validation .certification-mark {
        min-height: 1.16rem;
        padding: .1rem .06rem;
    }

    .global-validation .certification-icon {
        height: .62rem;
        width: .9rem;
    }

    .global-validation .certification-mark small {
        font-size: 12px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .global-validation .certification-mark small {
        font-size: 10px;
        line-height: 1.3;
    }

    .global-validation .certification-icon {
        height: .54rem;
        width: .78rem;
    }

    .research-innovation .innovation-node h3 {
        font-size: 13px;
        letter-spacing: -.01em;
        line-height: 1.42;
    }

    .index-products .product-prev,
    .index-products .product-next {
        background: #FFFFFF;
        border-color: rgba(231, 50, 22, .42);
        box-shadow: 0 5px 14px rgba(35, 24, 21, .09);
        opacity: 1;
    }

    .index-products .product-prev:focus-visible,
    .index-products .product-next:focus-visible {
        outline: 2px solid var(--brand-primary);
        outline-offset: 2px;
    }
}

@media (max-width: 767px) {
    /* 首访提示落在 Banner 下部留白中，避免遮挡紧随其后的产品中心。 */
    .x-cooktc {
        bottom: 27vh !important;
    }
}

/* 修复科研创新与全球权威验证之间的浅灰背景断层：全局验证自身白底直接承接上一板块。 */
.index-box4-5 {
    padding-top: 0 !important;
}

/* 品牌化右侧在线客服：电话、邮箱、微信二维码与返回顶部。 */
.x-slid {
    display: none !important;
}

.wwhs-service-dock {
    align-items: stretch;
    bottom: 92px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    right: 24px;
    width: 60px;
    z-index: 880;
}

.wwhs-service-item {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(35, 24, 21, .10);
    color: #625F5D;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font: inherit;
    gap: 3px;
    justify-content: center;
    min-height: 60px;
    padding: 7px 4px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.wwhs-service-item svg {
    fill: none;
    height: 19px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 19px;
}

.wwhs-service-item span {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.wwhs-service-item:hover,
.wwhs-service-item:focus-visible {
    border-color: rgba(231, 50, 22, .42);
    box-shadow: 0 12px 26px rgba(231, 50, 22, .15);
    color: #E73216;
    outline: 0;
    transform: translateY(-2px);
}

.wwhs-service-item--primary {
    background: #E73216;
    border-color: #E73216;
    box-shadow: 0 12px 28px rgba(231, 50, 22, .28);
    color: #FFFFFF;
}

.wwhs-service-item--primary:hover,
.wwhs-service-item--primary:focus-visible {
    background: #9D1D24;
    border-color: #9D1D24;
    color: #FFFFFF;
}

.wwhs-service-item--top {
    margin-top: 4px;
}

.wwhs-service-wechat {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    border-radius: 16px;
    bottom: 68px;
    box-shadow: 0 16px 38px rgba(35, 24, 21, .16);
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 18px 18px 16px;
    pointer-events: none;
    position: absolute;
    right: 72px;
    text-align: center;
    transform: translateX(8px) scale(.97);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    visibility: hidden;
    width: 184px;
}

.wwhs-service-wechat.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) scale(1);
    visibility: visible;
}

.wwhs-service-wechat-close {
    align-items: center;
    background: #F6F7F8;
    border: 0;
    border-radius: 50%;
    color: #625F5D;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
}

.wwhs-service-wechat-code {
    align-items: center;
    background: #F6F7F8;
    border-radius: 10px;
    display: flex;
    height: 132px;
    justify-content: center;
    overflow: hidden;
    width: 132px;
}

.wwhs-service-wechat-code img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.wwhs-service-wechat-fallback {
    color: #8C8986;
    font-size: 12px;
    line-height: 1.55;
    max-width: 88px;
}

.wwhs-service-wechat.is-image-ready .wwhs-service-wechat-fallback,
.wwhs-service-wechat:not(.is-image-ready) img {
    display: none;
}

.wwhs-service-wechat strong {
    color: #231815;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 11px;
}

.wwhs-service-wechat small {
    color: #625F5D;
    font-size: 11px;
    line-height: 1.45;
    margin-top: 3px;
}

body.wwhs-cookie-notice-active .wwhs-service-dock {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(1rem) !important;
    visibility: hidden !important;
}

@media (max-width: 767px) {
    .wwhs-service-dock {
        bottom: 20px;
        gap: 6px;
        right: 12px;
        width: 52px;
    }

    .wwhs-service-item {
        border-radius: 14px;
        min-height: 52px;
        padding: 6px 3px;
    }

    .wwhs-service-item svg {
        height: 17px;
        width: 17px;
    }

    .wwhs-service-item span {
        font-size: 10px;
    }

    .wwhs-service-wechat {
        bottom: 58px;
        right: 60px;
        width: 166px;
    }

    .wwhs-service-wechat-code {
        height: 118px;
        width: 118px;
    }
}

/* 新客服栏接管入口后，隐藏原有蓝色 AI 触发按钮；在线咨询面板仍由新入口打开。 */
#pboot-ai-chat .pboot-ai-chat-toggle {
    display: none !important;
}

/* 客服联系方式：桌面端悬停/聚焦时展开完整电话和邮箱，手机端保持紧凑。 */
.wwhs-service-detail {
    display: none;
}

@media (min-width: 768px) {
    .wwhs-service-item--contact {
        overflow: visible;
        position: relative;
    }

    .wwhs-service-item--contact .wwhs-service-detail {
        align-items: center;
        background: #FFFFFF;
        border: 1px solid rgba(231, 50, 22, .22);
        border-radius: 12px;
        box-shadow: 0 10px 24px rgba(35, 24, 21, .12);
        color: #231815;
        display: flex;
        font-size: 13px;
        font-weight: 500;
        height: 46px;
        line-height: 1;
        opacity: 0;
        padding: 0 16px;
        pointer-events: none;
        position: absolute;
        right: 70px;
        top: 50%;
        transform: translateX(8px) translateY(-50%);
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
        visibility: hidden;
        white-space: nowrap;
        z-index: 2;
    }

    .wwhs-service-item--contact:hover .wwhs-service-detail,
    .wwhs-service-item--contact:focus .wwhs-service-detail,
    .wwhs-service-item--contact:focus-visible .wwhs-service-detail {
        opacity: 1;
        transform: translateX(0) translateY(-50%);
        visibility: visible;
    }
}

/* 首屏 Banner 保持画面纯净：客服栏在滚过 Banner 后才显示。 */
.wwhs-service-dock {
    opacity: 0;
    pointer-events: none;
    transform: translateX(16px);
    transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
    visibility: hidden;
}

.wwhs-service-dock.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    visibility: visible;
}

/* 公司介绍：强化统计图标，并将统计区后的了解更多链接作为收束操作。 */
.company-intro .company-stats .stat-icon {
    height: .4rem !important;
    width: .4rem !important;
}

.company-intro .company-stats .stat-value {
    margin-top: .14rem;
}

.company-intro .company-intro-more {
    margin-top: .28rem;
}

@media (max-width: 767px) {
    .company-intro .company-stats .stat-icon {
        height: .44rem !important;
        width: .44rem !important;
    }

    .company-intro .company-intro-more {
        margin-top: .3rem;
    }
}

/* 进一步强化关于无微华斯的数据图标：桌面约 40px，手机约 32px。 */
.company-intro .company-stats .stat-icon {
    height: .62rem !important;
    width: .62rem !important;
}

.company-intro .company-stats .stat-value {
    margin-top: .1rem;
}

@media (max-width: 767px) {
    .company-intro .company-stats .stat-icon {
        height: .64rem !important;
        width: .64rem !important;
    }

    .company-intro .company-stats .stat-value {
        margin-top: .08rem;
    }
}

/* 关于无微华斯入口采用与 Banner 主按钮一致的“文字 + 圆形箭头”样式。 */
.company-intro .company-intro-more a {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    color: #E73216 !important;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    height: auto !important;
    justify-content: flex-start;
    min-width: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.company-intro .company-intro-more a i {
    align-items: center;
    background: #EA5B16;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    margin: 0 !important;
    overflow: hidden;
    transform: none !important;
    transition: background-color .22s ease, transform .22s ease;
    width: 40px;
}

.company-intro .company-intro-more a i img,
.company-intro .company-intro-more a i svg {
    display: block;
    height: 16px;
    width: 16px;
}

.company-intro .company-intro-more a i img {
    filter: brightness(0) invert(1);
}

.company-intro .company-intro-more a i svg,
.company-intro .company-intro-more a i svg path,
.company-intro .company-intro-more a i svg line,
.company-intro .company-intro-more a i svg polyline {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.company-intro .company-intro-more a:hover,
.company-intro .company-intro-more a:focus-visible {
    background: transparent !important;
    color: #9D1D24 !important;
    transform: none !important;
}

.company-intro .company-intro-more a:hover i,
.company-intro .company-intro-more a:focus-visible i {
    background: #E73216;
    transform: translateX(4px) !important;
}

@media (max-width: 767px) {
    .company-intro .company-intro-more a {
        font-size: 14px;
    }

    .company-intro .company-intro-more a i {
        flex-basis: 38px;
        height: 38px;
        width: 38px;
    }
}

/* 与 Banner 一致：默认只保留圆形箭头，桌面悬停后向右展开文字入口。 */
.company-intro .company-intro-more a {
    background: transparent !important;
    border-radius: 22px;
    gap: 0;
    overflow: hidden;
    padding: 0 !important;
    transition: background-color .24s ease, width .24s ease, box-shadow .24s ease;
    width: 40px;
}

.company-intro .company-intro-more a > span {
    color: #FFFFFF;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding-left: 0;
    transform: translateX(-6px);
    transition: max-width .24s ease, opacity .18s ease, padding-left .24s ease, transform .24s ease;
    white-space: nowrap;
}

.company-intro .company-intro-more a i {
    background: #EA5B16;
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
}

@media (min-width: 768px) {
    .company-intro .company-intro-more a:hover,
    .company-intro .company-intro-more a:focus-visible {
        background: #E73216 !important;
        box-shadow: 0 10px 24px rgba(231, 50, 22, .20);
        color: #FFFFFF !important;
        width: 132px;
    }

    .company-intro .company-intro-more a:hover > span,
    .company-intro .company-intro-more a:focus-visible > span {
        max-width: 76px;
        opacity: 1;
        padding-left: 16px;
        transform: translateX(0);
    }

    .company-intro .company-intro-more a:hover i,
    .company-intro .company-intro-more a:focus-visible i {
        background: #EA5B16;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .company-intro .company-intro-more a,
    .company-intro .company-intro-more a i {
        height: 38px;
        width: 38px;
    }

    .company-intro .company-intro-more a {
        width: 38px;
    }

    .company-intro .company-intro-more a i {
        flex-basis: 38px;
    }
}

/* 修复 stat-icon 仅容器放大而内部 SVG 偏小的问题。 */
.company-intro .company-stats .stat-icon img,
.company-intro .company-stats .stat-icon svg {
    display: block !important;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    width: 100% !important;
}

/* 必须位于桌面端 .index-box1 强制显示规则之后，确保应用领域保持隐藏。 */
section.homepage-applications[hidden] {
    display: none !important;
}

/* Banner 导航：箭头位于画面左右中线，分页圆点保持底部居中。 */
.banner .box .banner-controls {
    background: transparent;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    transform: none;
    width: 100%;
}

.banner .box .banner-nav {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(8, 12, 14, .28) !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    border-radius: 50%;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .12) !important;
    height: 48px;
    opacity: .88;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s ease, transform .2s ease;
    width: 48px;
}

.banner .box .banner-nav::before {
    border-width: 2px;
    height: 10px;
    width: 10px;
}

.banner .box .banner-prev {
    left: clamp(14px, 2vw, 36px);
}

.banner .box .banner-next {
    right: clamp(14px, 2vw, 36px);
}

.banner .box .banner-nav:hover,
.banner .box .banner-nav:focus-visible {
    background: rgba(8, 12, 14, .46) !important;
    border-color: rgba(255, 255, 255, .82) !important;
    opacity: 1;
    outline: none;
}

.banner .box .banner-prev:hover,
.banner .box .banner-prev:focus-visible {
    transform: translate(-3px, -50%);
}

.banner .box .banner-next:hover,
.banner .box .banner-next:focus-visible {
    transform: translate(3px, -50%);
}

.banner .box .banner-controls .banner-pagination {
    align-items: center;
    bottom: 24px;
    display: flex;
    gap: 8px;
    left: 50%;
    min-width: 54px;
    pointer-events: auto;
    position: absolute;
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .banner .box .banner-controls {
        bottom: 0;
        width: 100%;
    }

    .banner .box .banner-nav {
        height: 38px;
        width: 38px;
    }

    .banner .box .banner-prev {
        left: 8px;
    }

    .banner .box .banner-next {
        right: 8px;
    }

    .banner .box .banner-controls .banner-pagination {
        bottom: 14px;
        gap: 6px;
        min-width: 46px;
    }
}