/* NPC Eco Live 页面特有样式 */ /* 隐藏原生滚动条但保持滚动功能 */ 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);
    padding-bottom: 0;

}
.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  {
    position: relative;
    z-index: 1100;
    /* 确保菜单项的z-index高于其他元素 */ pointer-events: auto !important;
    /* 强制启用点击事件 */
}
.nav-links a,
.nav-links span  {
    pointer-events: auto !important;
    /* 确保链接可点击 */
}
.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;

}
.investor-banner  {
    position: relative;
    padding: 0;
    width: 100vw;
    height: calc(600 * 100vw / 1920);
    background: url('../../images/investor/investor-banner.jpg') no-repeat center / cover;
    opacity: 1;
    /* 确保可见 */ transition: opacity 0.3s ease;
    /* 添加过渡效果 */ /* 优化渲染性能 */
}
.investor-banner .investor-content  {
    position: relative;
    padding: calc(210 * 100vw / 1920) 0 0 calc(240 * 100vw / 1920);

}
.investor-banner .investor-content .investor-subtitle  {
    width: calc(334 * 100vw / 1920);
    height: calc(36 * 100vw / 1920);
    font-size: calc(28 * 100vw / 1920);
    font-weight: 900;
    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;

}
.investor-banner .investor-content .investor-title  {
    width: calc(1000 * 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;

}
.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;
    min-width: calc(200 * 100vw / 1920);
    width: auto;
    padding: 0 calc(20 * 100vw / 1920);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(26 * 100vw / 1920);
    font-weight: 300;
    line-height: 125%;
    letter-spacing: 0em;
    color: #3B66AA;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap;

}
.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,
.tab-box .tab-item.active::after  {
    opacity: 1;

}
.tab-box .tab-item.on,
.tab-box .tab-item.active  {
    font-weight: 500;
    color: #4179EB;
    background: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

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

}
.tab-content.active  {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;

}
.governance-box  {
    position: relative;

}
.governance-box .title-group  {
    position: absolute;
    left: 0;
    top: calc(200 * 100vw / 1920);

}
.board-members,
.management-members  {
    position: absolute;
    right: 0;
    top: calc(230 * 100vw / 1920);
    width: calc(710 * 100vw / 1920);
    display: flex;
    flex-direction: column;

}
.board-member  {
    display: flex;
    align-items: center;
    padding: calc(32 * 100vw / 1920) 0;
    border-bottom: 1px solid #B8C8FC;

}
.board-member:hover  {
    background: none;
    border-color: #B8C8FC;

}
.board-member .member-name  {
    width: calc(200 * 100vw / 1920);
    font-size: calc(24 * 100vw / 1920);
    font-weight: 500;
    color: #2F2F2F;

}
.board-member .member-position  {
    font-size: calc(20 * 100vw / 1920);
    color: #666666;
    margin-left: calc(100 * 100vw / 1920);

}
.p-pic-box  {
    display: flex;
    /* align-items: center;
    */ flex-wrap: wrap;
    gap: calc(20 * 100vw / 1920);
    /* margin-top: calc(80 * 100vw / 1920);
    */ /* margin-bottom: calc(240 * 100vw / 1920);
    */ margin-bottom: calc(140 * 100vw / 1920);

}
.p-pic-box .p-pic-item  {
    margin-top: calc(76 * 100vw / 1920);
    width: calc(466 * 100vw / 1920);

}
.p-pic-item .pic-box  {
    position: relative;
    width: 100%;
    height: calc(308 * 100vw / 1920);

}
.p-pic-item .pic-box img  {
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.p-pic-item .p-name  {
    margin-top: calc(24 * 100vw / 1920);
    color: #2F2F2F;
    font-weight: 700;
    font-size: calc(24 * 100vw / 1920);
    font-variation-settings: "opsz" auto;

}
.p-pic-item .p-position  {
    margin-top: calc(4 * 100vw / 1920);
    color: #2F2F2F;
    font-weight: 400;
    font-size: calc(18 * 100vw / 1920);
    font-variation-settings: "opsz" auto;

}
.investor-table-box  {
    margin-top: calc(80 * 100vw / 1920);

}
.investor-table-box .investor-tr  {
    text-align: left;
    height: calc(122 * 100vw / 1920);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #B8C8FC;

}
.investor-table-box .investor-tr .investor-th,
.investor-table-box .investor-tr .investor-td  {
    font-size: calc(24 * 100vw / 1920);
    line-height: calc(24 * 100vw / 1920);
    color: #2F2F2F;

}
.investor-table-box .ico-arr  {
    width: calc(25 * 100vw / 1920);
    height: calc(14 * 100vw / 1920);

}
.information-box .investor-table-box .investor-tr  {
    gap: calc(100 * 100vw / 1920);
    transition: all 0.3s ease;

}
.information-box .investor-table-box .investor-tr:not(:has(.investor-th)):hover  {
    cursor: pointer;

}
.information-box .investor-table-box .investor-tr:not(:has(.investor-th)):hover .investor-td  {
    color: #4179EB;
    background: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 500;

}
.information-box .investor-table-box .investor-td:nth-child(1)  {
    width: calc(150 * 100vw / 1920);

}
.information-box .investor-table-box .investor-td:nth-child(2)  {
    width: calc(750 * 100vw / 1920);

}
.information-box .investor-table-box .investor-td:nth-child(3)  {
    flex: 1;
    overflow: hidden;

}
.information-box .p-pic-item  {
    margin-top: calc(70 * 100vw / 1920);
    width: calc(345 * 100vw / 1920);

}
.information-box .p-pic-item .pic-box  {
    position: relative;
    height: calc(445* 100vw / 1920);

}
.information-box .p-pic-item .p-title  {
    margin-top: calc(30* 100vw / 1920);

}
.information-box .p-pic-item:hover .p-title  {
    color: #7885E1;

}
.information-box .p-pic-item:hover .masker  {
    display: flex;

}
.information-box .pic-box .masker  {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,
    rgba(89, 159, 255, 0.7) 0%,
    rgba(89, 159, 255, 0) 100%);

}
.information-box .masker .btn-down  {
    width: calc(91 * 100vw / 1920);
    height: calc(91 * 100vw / 1920);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(7 * 100vw / 1920);
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: linear-gradient(145deg, #5EA2FF 20%, #263790 107%);

}
.information-box .masker .btn-down img  {
    width: calc(13 * 100vw / 1920);
    height: calc(13 * 100vw / 1920);

}
.information-box .masker .btn-down span  {
    font-size: calc(16 * 100vw / 1920);
    font-weight: bold;
    line-height: calc(18 * 100vw / 1920);
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;

}
.analyst-box .investor-table-box .investor-tr  {
    gap: calc(60 * 100vw / 1920);

}
.analyst-box .investor-table-box .investor-th:nth-child(1),
.analyst-box .investor-table-box .investor-td:nth-child(1)  {
    width: calc(60 * 100vw / 1920);

}
.analyst-box .investor-table-box .investor-th:nth-child(2),
.analyst-box .investor-table-box .investor-td:nth-child(2)  {
    width: calc(180 * 100vw / 1920);

}
.analyst-box .investor-table-box .investor-th:nth-child(3),
.analyst-box .investor-table-box .investor-td:nth-child(3)  {
    width: calc(120 * 100vw / 1920);

}
.analyst-box .investor-table-box .investor-th:nth-child(4),
.analyst-box .investor-table-box .investor-td:nth-child(4)  {
    flex: 1;
    overflow: hidden;
    text-align: right;

}
.analyst-box .disclaimer-box  {
    margin-top: calc(36 * 100vw / 1920);
    display: flex;
    gap: calc(57 * 100vw / 1920);
    font-size: calc(16 * 100vw / 1920);
    line-height: 183%;
    color: #5E5C5C;
    opacity: 0.4;

}
.analyst-box .disclaimer-box .disclaimer-content  {
    flex: 1;
    overflow: hidden;

}
/* 重置header样式，覆盖首页的动画效果 */ header  {
    animation: none;
    opacity: 1;
    transform: none;
    z-index: 1000;
    position: relative;
    /* 确保定位上下文 */ pointer-events: auto !important;
    /* 强制启用点击事件 */
}
header nav  {
    animation: none;
    opacity: 1;
    transform: none;
    background: #FFFFFF;
    pointer-events: auto !important;
    /* 强制启用点击事件 */
}
.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(.investor-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);
    width: calc(400 * 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(1689 * 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;
    color: #6567DE;
    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-fill-color: transparent;
    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);

    }

}
.governance-section  {
    position: relative;
    height: calc(700 * 100vw / 1920);

}
.board-section  {
    margin-bottom: calc(92 * 100vw / 1920);

}
.management-section  {
    margin-top: 0;

}
.contact-section  {
    margin-top: 0;
    width: 100%;

}
.governance-banner  {
    margin-top: calc(250 * 100vw / 1920);
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 0;

}
.governance-banner-img  {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: -4px;

}
/* 特别为企业管制标签设置footer样式，覆盖默认margin */ .governance-box ~ footer,
.governance-box ~ .scroll-content footer,
.governance-box ~ div footer  {
    margin-top: 0 !important;

}
/* 确保contact-section在其他标签页中有正常的边距 */ .contact-section  {
    margin-top: 0;
    width: 100%;

}
/* 通用的footer设置 */ footer  {
    margin-top: 0;
    /* 确保footer顶部无边距 */
}