/* 隐藏原生滚动条但保持滚动功能 */ body  {
    scrollbar-width: none;
    /* Firefox */ -ms-overflow-style: none;
    /* IE and Edge */
}
body::-webkit-scrollbar  {
    display: none;
    /* Chrome,
    Safari,
    Opera */
}
.scroll-container  {
    scrollbar-width: none;
    -ms-overflow-style: none;

}
.scroll-container::-webkit-scrollbar  {
    display: none;

}
.scroll-content  {
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: calc(80 * 100vw / 1920);

}
.scroll-content::-webkit-scrollbar  {
    display: none;

}
/* Header样式 */ #header-container  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
    transition: background-color 0.3s ease;

}
#header-container.scrolled  {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}
#header-container.scrolled nav .nav-links a  {
    color: #333;

}
#header-container.scrolled nav .nav-links a:hover,
#header-container.scrolled nav .nav-links a.active  {
    color: #0066FF;

}
/* 导航链接颜色 */ .nav-links a  {
    color: #5C5D95;

}
.nav-links a.active  {
    color: #327EF7;

}
/* 调整logo颜色（如果logo是SVG） */ .logo img  {
    transition: filter 0.3s ease;

}
#header-container.scrolled .logo img  {
    filter: none;

}
.news-banner  {
    position: relative;
    padding: 0;
    width: 100vw;
    height: calc(600 * 100vw / 1920);
    background: url('https://flowingcloud-1253267589.cos.ap-beijing.myqcloud.com/images/news-list-banner.jpg') no-repeat center / cover;

}
.news-banner .news-content  {
    position: relative;
    padding: calc(213 * 100vw / 1920) 0 0 calc(240 * 100vw / 1920);

}
.news-banner .news-content .news-subtitle  {
    width: calc(1400 * 100vw / 1920);
    height: calc(36 * 100vw / 1920);
    font-size: calc(28 * 100vw / 1920);
    font-weight: bold;
    line-height: calc(36 * 100vw / 1920);
    text-transform: uppercase;
    background: linear-gradient(0deg,
    #FFFFFF 100%,
    rgba(255, 255, 255, 0.52) 5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0px 1px 100px rgba(47, 96, 217, 0.62);
    opacity: 0;
    animation: fadeInUp 1s ease forwards;

}
.news-banner .news-content .news-title  {
    width: calc(1400 * 100vw / 1920);
    height: calc(106 * 100vw / 1920);
    font-size: calc(80 * 100vw / 1920);
    font-weight: bold;
    line-height: normal;
    color: #FFFFFF;
    text-shadow: 0px 1px 100px rgba(47, 96, 217, 0.62);
    opacity: 0;
    animation: fadeInUp 1s ease forwards 0.3s;

}
.tab-box  {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(78 * 100vw / 1920);
    margin: calc(30 * 100vw / 1920) auto 0;
    width: calc(1440 * 100vw / 1920);
    height: calc(135 * 100vw / 1920);

}
.tab-box::after  {
    position: absolute;
    left: 0;
    bottom: 3px;
    content: "";
    width: 100%;
    height: 1px;
    background: #B8C8FC;

}
.tab-box .tab-item  {
    position: relative;
    width: calc(200 * 100vw / 1920);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(26 * 100vw / 1920);
    font-weight: normal;
    line-height: 125%;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #3B66AA;
    cursor: pointer;

}
.tab-box .tab-item::after  {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(130 * 100vw / 1920);
    height: calc(7 * 100vw / 1920);
    border-radius: calc(336 * 100vw / 1920);
    background: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;

}
.tab-box .tab-item.on::after  {
    opacity: 1;

}
.tab-content  {
    display: none;
    max-width: calc(1920 * 100vw / 1920);
    width: calc(1440 * 100vw / 1920);
    margin: 0 auto;
    padding-bottom: calc(100 * 100vw / 1920);
}
.news-list  {
    margin-top: calc(80 * 100vw / 1920);

}
.news-list .news-item  {
    display: flex;
    align-items: center;
    gap: calc(54 * 100vw / 1920);

}
.news-list .news-item+.news-item  {
    margin-top: calc(76 * 100vw / 1920);

}
.news-item .news-item-left  {
    width: calc(467 * 100vw / 1920);
    height: calc(350 * 100vw / 1920);

}
.news-item .news-item-left img  {
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.news-item .news-item-right  {
    height: calc(352 * 100vw / 1920);
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: calc(52 * 100vw / 1920) calc(42 * 100vw / 1920) calc(46 * 100vw / 1920) calc(20 * 100vw / 1920);
    border-top: 1px solid #B8C8FC;
    border-bottom: 1px solid #B8C8FC;
    box-sizing: border-box;

}
.news-item .news-item-title  {
    width: calc(800 * 100vw / 1920);
    line-height: 190%;
    letter-spacing: 0em;
    color: #2F2F2F;
    font-weight: 700;
    font-size: calc(24 * 100vw / 1920);
    text-align: left;

}
.news-item .news-item-content  {
    margin-top: calc(20 * 100vw / 1920);
    flex: 1;
    overflow: hidden;
    width: calc(800 * 100vw / 1920);
    line-height: 190%;
    text-align: left;
    letter-spacing: 0em;
    color: #2F2F2F;
    font-weight: 400;
    font-size: calc(18 * 100vw / 1920);
    font-variation-settings: "opsz" auto;

}
.news-item .news-item-info  {
    height: calc(44 * 100vw / 1920);
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.news-item-info .news-item-date  {
    font-size: calc(18 * 100vw / 1920);
    line-height: 190%;
    color: #484848;

}
.news-item-info .news-btn-arr  {
    width: calc(25 * 100vw / 1920);
    height: calc(14 * 100vw / 1920);
    background: url(../../images/news/default-arr.png) center / 100%;

}
.news-item:hover .news-item-right  {
    cursor: pointer;
    background: linear-gradient(90deg,
    rgba(89, 159, 255, 0) 0%,
    rgba(89, 159, 255, 0.12) 100%);

}
.news-item:hover .news-item-title,
.news-item:hover .news-item-content,
.news-item:hover .news-item-info .news-item-date  {
    color: #555EA7;

}
.news-item:hover .news-item-info .news-btn-arr  {
    width: calc(44 * 100vw / 1920);
    height: calc(44 * 100vw / 1920);
    background: url(../../images/news/hover-arr.png) center / 100%;

}
.pagination  {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(90 * 100vw / 1920);

}
.pagination .vie-pager  {
    user-select: none;
    list-style: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: calc(8 * 100vw / 1920);

}
.vie-pager .number  {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: calc(48 * 100vw / 1920);
    height: calc(48 * 100vw / 1920);
    line-height: calc(48 * 100vw / 1920);
    border: none;
    border-radius: calc(24 * 100vw / 1920);
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    font-size: calc(18 * 100vw / 1920);
    color: #3B66AA;

}
.vie-pager .number.is-active  {
    color: #fff;
    background: linear-gradient(145deg, #98C0F7 20%, #7284E3 107%);

}
/* 重置header样式，覆盖首页的动画效果 */ header  {
    animation: none;
    opacity: 1;
    transform: none;

}
header nav  {
    animation: none;
    opacity: 1;
    transform: none;
    background: #FFFFFF;

}
.nav-links li  {
    animation: none;
    opacity: 1;
    transform: none;

}
.banner-content .consult-btn:hover  {
    background: rgba(255, 255, 255, 0.1);

}
.banner-content .consult-btn span  {
    font-size: calc(17 * 100vw / 1920);
    color: #FFFFFF;
    font-weight: 400;
    /* display: flex;
    */ /* align-items: center;
    */ height: calc(32 * 100vw / 1920);

}
.banner-content .consult-btn img  {
    width: calc(52 * 100vw / 1920);
    height: calc(52 * 100vw / 1920);
    display: block;

}
/* 通用section样式 */ section:not(.news-banner)  {
    padding-top: calc(100 * 100vw / 1920);
    /* background: #fff;
    */
}
section:nth-child(even)  {
    background-color: #FFFFFF;
    height: calc(1020 * 100vw / 1920);

}
.container  {
    max-width: calc(1462 * 100vw / 1920);
    margin: 0 auto;
    padding: 0 calc(20 * 100vw / 1920);

}
/* 标题组样式 */ .title-group  {
    position: relative;
    height: calc(200 * 100vw / 1920);
    margin-bottom: 0;
    top: calc(100 * 100vw / 1920);
    z-index: 2;

}
.title-group .subtitle  {
    position: absolute;
    left: 0;
    top: calc(0 * 100vw / 1920);
    height: calc(18 * 100vw / 1920);
    font-size: calc(18 * 100vw / 1920);
    font-weight: 600;
    line-height: calc(22 * 100vw / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #5C5D95;

}
.title-group .subtitle::before  {
    content: '';
    position: absolute;
    left: calc(-23 * 100vw / 1920);
    top: calc(6 * 100vw / 1920);
    width: calc(9 * 100vw / 1920);
    height: calc(9 * 100vw / 1920);
    background-color: #5C5D95;
    border-radius: 50%;

}
.title-group .main-title  {
    position: absolute;
    left: 0;
    top: calc(32 * 100vw / 1920);
    width: calc(689 * 100vw / 1920);
    height: calc(137 * 100vw / 1920);
    font-size: calc(50 * 100vw / 1920);
    font-weight: bold;
    line-height: 136%;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    background: linear-gradient(106deg, #6567DE 47%, #A0A2FB 117%),
    linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: left;

}
/* 内容区域样式 */ .intro-content,
.architecture-content,
.technology-content  {
    max-width: calc(800 * 100vw / 1920);
    margin: 0 auto;
    text-align: center;
    line-height: 1.8;

}
.intro-content p,
.architecture-content p  {
    margin-bottom: calc(20 * 100vw / 1920);
    font-size: calc(18 * 100vw / 1920);
    color: #666;

}
/* 动画效果 */ @keyframes fadeInUp   {

    from  {
        opacity: 0;
        transform: translateY(30px);

    }
    to  {
        opacity: 1;
        transform: translateY(0);

    }

}