/* 隐藏原生滚动条但保持滚动功能 */ 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;

}
/* 装饰球样式 */ .decoration-ball-1  {
    position: absolute;
    left: calc(1407 * 100vw / 1920);
    top: calc(658 * 100vw / 1920);
    width: calc(604 * 100vw / 1920);
    height: calc(604 * 100vw / 1920);
    background: url('../../images/culture/zs-1.png') no-repeat center center;
    background-size: contain;
    z-index: 1;

}
.decoration-ball-2  {
    position: absolute;
    left: calc(-268.15 * 100vw / 1920);
    top: calc(1503 * 100vw / 1920);
    width: calc(780 * 100vw / 1920);
    height: calc(780 * 100vw / 1920);
    background: url('../../images/culture/zs-2.png') no-repeat center center;
    background-size: contain;
    z-index: 1;

}
/* 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;

}
/* todo */ /* .investor-banner .circle-item-1  {
    position: absolute;
    left: calc(602 * 100vw / 1920);
    top: calc(34 * 100vw / 1920);
    width: calc(131 * 100vw / 1920);
    height: calc(142 * 100vw / 1920);
    background: linear-gradient(161deg, #EDDDFF 11%, #AE72E3 96%);
    box-sizing: border-box;
    border: 1px solid;
    border-image: linear-gradient(148deg, #FFFFFF 18%, #A0A2FB 106%) ;
    filter: blur(calc(31 * 100vw / 1920));
    border-radius: 50%;

}
.investor-banner .circle-item-2  {
    position: absolute;
    left: calc(275 * 100vw / 1920);
    top: calc(239 * 100vw / 1920);
    width: calc(252 * 100vw / 1920);
    height: calc(274 * 100vw / 1920);
    background: linear-gradient(148deg, #D9B9FC 18%, #7284E3 105%);
    filter: blur(calc(31 * 100vw / 1920));
    border-radius: 50%;

}
.investor-banner .circle-item-3  {
    position: absolute;
    left: calc(921 * 100vw / 1920);
    top: calc(153 * 100vw / 1920);
    width: calc(349 * 100vw / 1920);
    height: calc(328 * 100vw / 1920);
    transform: rotate(107.46deg);
    background: linear-gradient(144deg, #559DF4 21%, #AEBBFD 83%);
    filter: blur(calc(31 * 100vw / 1920));
    border-radius: 50%;

}
*/ .culture-banner  {
    position: relative;
    padding: 0;
    width: 100vw;
    height: calc(600 * 100vw / 1920);
    background: url('/images/culture/culture-banner.jpg') no-repeat center / cover;

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

}
.culture-banner .culture-content .culture-subtitle  {
    width: calc(1334 * 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;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(47, 96, 217, 0.62);
    opacity: 0;
    animation: fadeInUp 1s ease forwards;

}
.culture-banner .culture-content .culture-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 4px 10px rgba(47, 96, 217, 0.62);
    opacity: 0;
    animation: fadeInUp 1s ease forwards 0.3s;

}
/* 重置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;

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

}
.main-title-wrap .main-title  {
    width: calc(689 * 100vw / 1920);
    font-size: calc(56 * 100vw / 1920);
    font-weight: bold;
    line-height: 136%;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    background: linear-gradient(90deg, #2f82e0 0%, #0066ff 71%, #2437e4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: left;

}
.main-title-wrap .title-right  {
    margin-left: calc(50 * 100vw / 1920);
    flex: 1;
    overflow: hidden;

}
/* 标题组样式 */ .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;

}
.culture-page  {
    width: calc(1440 * 100vw / 1920);
    margin: 0 auto;
    padding: calc(120 * 100vw / 1920) 0;

}
.block-1  {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}
.block-1 .vie-title-box  {
    padding: 0;

}
.block-1 .block-1-text  {
    padding-top: calc(38 * 100vw / 1920);
    width: calc(710 * 100vw / 1920);
    overflow: hidden;
    line-height: 200%;
    letter-spacing: 0em;
    font-weight: 400;
    font-size: calc(18 * 100vw / 1920);
    font-variation-settings: "opsz" auto;
    color: #2F2F2F;

}
.block-1-text .block-1-title  {
    line-height: 200%;
    letter-spacing: 0em;
    font-weight: 700;
    font-size: calc(18 * 100vw / 1920);
    font-variation-settings: "opsz" auto;
    background: linear-gradient(90deg, #8888f1 0%, #2a75e4 71%, #1e5be8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.block-1 .block-1-text p+p  {
    margin-top: calc(30 * 100vw / 1920);

}
.block-1 .block-1-text .block-1-title+p  {
    margin-top: calc(12 * 100vw / 1920);

}
.block-2  {
    position: relative;
    height: calc(968 * 100vw / 1920);
    display: flex;
    justify-content: space-between;

}
.block-2 .circle-text-box-1  {
    position: relative;
    width: calc(705 * 100vw / 1920);
    height: calc(705 * 100vw / 1920);
    padding: calc(201 * 100vw / 1920) 0 0 calc(97 * 100vw / 1920);
    background: url("/images/culture/culture-circle-1.png") no-repeat center / 100%;
    text-align: left;

}
.block-2 .circle-text  {
    font-size: calc(55 * 100vw / 1920);
    font-weight: bold;
    line-height: 125%;
    letter-spacing: 0em;
    color: #fff;
    opacity: 0.85;
    text-shadow: 0px 3px 5px rgba(47, 96, 217, 0.62);

}
/* 针对使命（左侧）的文本样式 */ .block-2 .circle-text-box-1 .circle-text  {
    display: block;
    text-align: left;
    white-space: nowrap;
    /* 只在左侧使用不换行 */
}
.block-2 .circle-sub-text  {
    margin-top: calc(30 * 100vw / 1920);
    font-size: calc(26 * 100vw / 1920);
    font-weight: bold;
    line-height: calc(26 * 100vw / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #fff;
    opacity: 0.85;
    text-shadow: 0px 4.27px 7.12px rgba(47, 96, 217, 0.62);

}
.block-2 .circle-text-box-2  {
    align-self: flex-end;
    position: relative;
    width: calc(608 * 100vw / 1920);
    height: calc(608 * 100vw / 1920);
    padding: calc(166 * 100vw / 1920) calc(161 * 100vw / 1920) 0 0;
    background: url("/images/culture/culture-circle-2.png") no-repeat center / 100%;
    text-align: right;

}
/* 针对愿景（右侧）的文本样式 */ .block-2 .circle-text-box-2 .circle-text  {
    display: block;
    text-align: right;
    white-space: nowrap;
    /* 不允许换行 */ overflow: visible;
    /* 允许文字溢出容器 */ position: absolute;
    /* 使用绝对定位 */ right: calc(205* 100vw / 1920);
    /* 与父元素右内边距相同 */ width: auto;
    /* 宽度自适应内容 */ min-width: 100%;
    /* 最小宽度为100%，确保短文本也能右对齐 */
}
/* 针对愿景区域的子标题也需要右对齐 */ .block-2 .circle-text-box-2 .circle-sub-text  {
    text-align: right;
    width: 100%;
    max-width: calc(400 * 100vw / 1920);
    margin-left: auto;
    margin-top: calc(160 * 100vw / 1920);

}
.block-3  {
    display: flex;
    flex-direction: column;

}
.block-3 .vie-title-box  {
    padding: 0;

}
.block-3 .block-3-text  {
    margin-top: calc(26 * 100vw / 1920);
    width: calc(1486 * 100vw / 1920);
    font-size: calc(18 * 100vw / 1920);
    font-weight: normal;
    line-height: 190%;
    letter-spacing: 0em;
    color: #2F2F2F;

}
/* 核心价值部分 */ .ft-value  {
    position: relative;
    left: calc(-20 * 100vw / 1920);

}
.ft-value .container  {
    max-width: calc(1920 * 100vw / 1920);
    margin: 0 auto;
    /* padding: 0 calc(20 * 100vw / 1920);
    */
}
.ft-value .title-group  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: calc(220 * 100vw / 1920);

}
.ft-value .subtitle-wrapper  {
    display: flex;
    align-items: center;
    gap: calc(8 * 100vw / 1920);
    margin-bottom: calc(8 * 100vw / 1920);

}
.ft-value .dot  {
    width: 9px;
    height: 9px;
    background: #8186E7;
    border-radius: 50%;

}
.ft-value .subtitle  {
    font-size: calc(18 * 100vw / 1920);
    font-weight: 600;
    line-height: 190%;
    letter-spacing: 0em;
    color: #5C5D95;

}
.ft-value .main-title  {
    font-size: calc(66 * 100vw / 1920);
    font-weight: bold;
    line-height: normal;
    text-align: left;
    letter-spacing: 0em;
    background: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.value-content  {
    display: flex;
    gap: calc(30 * 100vw / 1920);
    margin-top: calc(40 * 100vw / 1920);

}
.value-content  {
    margin-top: calc(50 * 100vw / 1920);
    position: relative;

}
.menu-showcase  {
    width: calc(1475 * 100vw / 1920);
    height: calc(527 * 100vw / 1920);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

}
.menu-showcase .menu-list  {
    width: calc(467 * 100vw / 1920);
    border-top: 1px solid #B8C8FC;

}
.menu-showcase .menu-item  {
    position: relative;
    height: calc(81 * 100vw / 1920);
    overflow: hidden;
    transition: all 0.3s ease;
    border-bottom: 1px solid #B8C8FC;
    cursor: pointer;

}
.menu-showcase .menu-item.active  {
    height: calc(284 * 100vw / 1920);

}
.menu-showcase .menu-header.expanded  {
    display: none;

}
.menu-showcase .menu-header.collapsed  {
    display: flex;
    align-items: center;
    padding: 0 calc(20 * 100vw / 1920);
    height: 100%;

}
.menu-showcase .menu-item.active .menu-header.expanded  {
    display: block;

}
.menu-showcase .menu-item.active .menu-header.collapsed  {
    display: none;

}
.menu-showcase .menu-bg  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
    rgba(89, 159, 255, 0.6) 0%,
    rgba(89, 159, 255, 0) 100%);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease;

}
.menu-showcase .menu-item.active .menu-bg  {
    opacity: 0.2;

}
.menu-showcase .menu-header  {
    position: relative;
    z-index: 2;

}
.menu-showcase .menu-desc-wrap  {
    position: absolute;
    left: calc(30 * 100vw / 1920);
    top: 50%;
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: center;

}
.menu-showcase .menu-desc-wrap .menu-desc  {
    margin-left: calc(50 * 100vw / 1920);
    font-size: calc(16 * 100vw / 1920);
    line-height: 190%;
    letter-spacing: 0em;
    color: #2F2F2F;

}
.menu-showcase .menu-icon  {
    /* position: absolute;
    left: calc(20 * 100vw / 1920);
    top: 50%;
    transform: translateY(-50%);
    */ width: calc(80 * 100vw / 1920);
    height: calc(80 * 100vw / 1920);
    /* z-index: 2;
    */
}
.menu-showcase .menu-item.active .menu-header  {
    height: calc(284 * 100vw / 1920);

}
.menu-showcase .menu-title-en  {
    position: absolute;
    left: calc(160 * 100vw / 1920);
    top: calc(48 * 100vw / 1920);
    font-size: calc(12 * 100vw / 1920);
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    letter-spacing: 0em;
    background: linear-gradient(100deg, #75A2F2 0%, #AC7CF4 104%),
    #7885E1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.menu-showcase .menu-title-cn  {
    position: absolute;
    left: calc(160 * 100vw / 1920);
    top: calc(68 * 100vw / 1920);
    font-size: calc(25 * 100vw / 1920);
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0em;
    background: linear-gradient(110deg, #75A2F2 -9%, #AC7CF4 103%),
    #7885E1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.menu-showcase .menu-title  {
    font-size: calc(20 * 100vw / 1920);
    font-weight: 200;
    line-height: 150%;
    letter-spacing: 0em;
    color: #2F2F2F;

}
.arrow-icon  {
    position: absolute;
    left: calc(420 * 100vw / 1920);
    top: 50%;
    transform: translateY(-50%);
    width: calc(25.35 * 100vw / 1920);
    height: calc(19.06 * 100vw / 1920);
    opacity: 1;
    margin-left: auto;

}
.menu-content  {
    padding: calc(20 * 100vw / 1920) calc(30 * 100vw / 1920);
    background: #fff;

}
.menu-content p  {
    font-size: calc(16 * 100vw / 1920);
    line-height: 1.6;
    color: #666;

}
/* 语言切换按钮样式重置 */ .header-right .language-selector .menu-item  {
    height: auto !important;
    overflow: visible !important;
    border: none !important;

}
.header-right .language-selector .menu-item.active  {
    height: auto !important;

}
.header-right .language-selector .menu-item .menu-header  {
    height: auto !important;

}
.header-right .language-selector .menu-bg  {
    display: none !important;

}
.header-right .language-selector .menu-header.expanded,
.header-right .language-selector .menu-header.collapsed  {
    display: block !important;

}
.showcase-image  {
    position: relative;
    width: calc(920 * 100vw / 1920);
    height: calc(527 * 100vw / 1920);
    overflow: hidden;

}
.showcase-image::after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
    rgba(255,255,255,0.1),
    rgba(255,255,255,0.2),
    rgba(255,255,255,0.1));
    opacity: 0;
    transform: translateX(-100%);
    pointer-events: none;
    transition: transform 0.8s ease;

}
.showcase-image.shine::after  {
    opacity: 1;
    transform: translateX(100%);

}
.showcase-image img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
    transform-origin: center center;

}
.showcase-image img.zoom-effect  {
    transform: scale(1.1);

}
.showcase-image.switching img  {
    opacity: 0;

}
.value-item  {
    flex: 1;
    background: #fff;
    border-radius: calc(10 * 100vw / 1920);
    padding: calc(30 * 100vw / 1920);
    transition: all 0.3s ease;

}
.value-item:hover  {
    transform: translateY(calc(-5 * 100vw / 1920));
    box-shadow: 0 calc(10 * 100vw / 1920) calc(20 * 100vw / 1920) rgba(0, 0, 0, 0.1);

}
@keyframes fadeInUp   {

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

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

    }

}
/* 移动设备优化 */ @media screen and (max-width: 750px)   {

.menu-showcase .menu-desc-wrap .menu-desc{
    display: none;
}
.block-3 .block-3-text{
    display: none;
}
.main-title-wrap .main-title{
    width: calc(500 * 100vw / 750) !important;
    padding-bottom: calc(20 * 100vw / 750) !important;
}
.menu-showcase .menu-icon{
    width: calc(40 * 100vw / 750);
    height: calc(40 * 100vw / 750);
    margin-top: calc(-25 * 100vw / 750) !important;
}
.menu-showcase .menu-title-cn{
    left: calc(60 * 100vw / 750) !important;
    font-size: calc(15 * 100vw / 750) !important;
    line-height: 1.5;
    top: calc(55 * 100vw / 750) !important;
}
.menu-showcase .menu-title{
    font-size: calc(12 * 100vw / 750) !important;
    margin-left: calc(10 * 100vw / 750) !important;
}
.menu-showcase .menu-title-en{
    width: calc(180 * 100vw / 750) !important;
    left: calc(60 * 100vw / 750) !important;
    font-size: calc(12 * 100vw / 750) !important;
    line-height: 1.1;
    top: calc(35 * 100vw / 750) !important;
}
}