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

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

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

}
.hire-banner .hire-content .hire-subtitle  {
    width: calc(334 * 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;

}
.hire-banner .hire-content .hire-title  {
    width: calc(400 * 100vw / 1920);
    height: calc(106 * 100vw / 1920);
    font-size: calc(80 * 100vw / 1920);
    font-weight: bold;
    line-height: normal;
    font-variation-settings: "opsz" auto;
    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: 0 auto;
    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(220 * 100vw / 1920);
    width: auto;
    padding: 0 calc(20 * 100vw / 1920);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(24 * 100vw / 1920);
    font-weight: normal;
    line-height: 125%;
    letter-spacing: -0.01em;
    text-align: center;
    font-variation-settings: "opsz" auto;
    color: #9C82D3;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.tab-box .tab-item::after  {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    max-width: calc(200 * 100vw / 1920);
    height: calc(7 * 100vw / 1920);
    border-radius: calc(336 * 100vw / 1920);
    background: linear-gradient(94deg, #3E6BFF -23%, #9B6BFC 28%, #421AD1 104%),
    #FFFFFF;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.05);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;

}
.tab-box .tab-item.on  {
    font-weight: bold;
    color: #3E6BFF;
    background: linear-gradient(110deg, #3E6BFF -24%, #9B6BFC 28%, #421AD1 105%),
    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-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);
}
.hire-header  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: calc(53 * 100vw / 1920);

}
.hire-header .vie-title-box  {
    padding: 0;

}
.hire-header .hire-header-right img  {
    width: calc(220 * 100vw / 1920);
    height: calc(94 * 100vw / 1920);

}
.hire-list  {
    margin-top: calc(50 * 100vw / 1920);

}
.hire-list .hire-item  {
    padding-top: calc(36 * 100vw / 1920);
    padding-bottom: calc(0 * 100vw / 1920);
    padding-left: calc(30 * 100vw / 1920);
    padding-right: calc(30 * 100vw / 1920);
    border-top: 1px solid #B8C8FC;
    border-bottom: 1px solid #B8C8FC;
    cursor: pointer;
    text-align: left;

}
.hire-list .hire-item + .hire-item  {
    border-top: none;

}
.hire-item .hire-item-top  {
    /* padding: 0 calc(30 * 100vw / 1920);
    */ display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: calc(36 * 100vw / 1920);

}
.hire-item-top .hire-item-title  {
    font-size: calc(26 * 100vw / 1920);
    font-weight: bold;
    line-height: 125%;
    letter-spacing: 0em;
    color: #3E6BFF;
    background: linear-gradient(112deg, #3E6BFF -24%, #9B6BFC 28%, #421AD1 105%),
    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;

}
.hire-item-top .hire-item-status  {
    font-size: calc(26 * 100vw / 1920);
    color: #6A9AF0;

}
.hire-item .hire-item-content  {
    display: none;
    padding: 0 calc(160 * 100vw / 1920) 0 0;

}
.hic-text-box p  {
    margin: calc(14 * 100vw / 1920) 0;
    line-height: 190%;
    letter-spacing: 0em;
    color: #2F2F2F;
    font-weight: 400;
    font-size: calc(18 * 100vw / 1920);

}
.hic-text-box p.hic-sub-title  {
    margin-top: calc(45 * 100vw / 1920);
    font-weight: 700;

}
.hire-item-content .img-3d-box  {
    width: calc(350 * 100vw / 1920);
    max-height: calc(490 * 100vw / 1920);
    right: calc(100 * 100vw / 1920);

}
.hire-item-content .img-3d-box .img-3d  {
    width: 100%;
    padding-top: calc(50 * 100vw / 1920);

}
.hire-item.active  {
    background: linear-gradient(90deg,
    rgba(89, 159, 255, 0) 0%,
    rgba(89, 159, 255, 0.12) 100%);

}
.hire-item.active .hire-item-content  {
    margin-top: calc(-20 * 100vw / 1920);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: calc(36 * 100vw / 1920);

}
.hire-tips  {
    margin-top: calc(43 * 100vw / 1920);
    padding: 0 calc(30 * 100vw / 1920);

}
.hire-tips .hire-tips-1  {
    font-weight: 400;
    font-size: calc(18 * 100vw / 1920);
    color: #2F2F2F;

}
.hire-tips .hire-tips-2  {
    margin-top: calc(6 * 100vw / 1920);
    font-weight: 700;
    font-size: calc(18 * 100vw / 1920);

}
.hire-tips .hire-tips-2 .e-label  {
    color: #3E6BFF;
    background: linear-gradient(139deg, #3E6BFF -28%, #9B6BFC 27%, #421AD1 110%),
    #2F2F2F;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}
.hire-tips .hire-tips-2 .e-mail  {
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.3s ease;

}
.hire-tips .hire-tips-2 .e-mail a  {
    color: inherit;
    text-decoration: inherit;
    transition: color 0.3s ease;

}
.hire-tips .hire-tips-2 .e-mail:hover,
.hire-tips .hire-tips-2 .e-mail a:hover  {
    color: #3E6BFF;

}
/* 重置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(.hire-banner)  {
    padding-top: calc(100 * 100vw / 1920);
    /* background: #fff;
    */
}
.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;
    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);

    }

}
/* 针对不同语言的特殊样式调整 */ html[lang="en"] .tab-box .tab-item  {
    /* 英文版本下扩大最小宽度以容纳更长的文本 */ min-width: calc(220 * 100vw / 1920);
    font-size: calc(24 * 100vw / 1920);
    letter-spacing: -0.01em;

}
/* 确保tab项目的下划线随内容居中 */ .tab-box .tab-item.on::after  {
    width: 65%;
    max-width: calc(200 * 100vw / 1920);
    left: 50%;

}
.tab-box .tab-item.on  {
    font-weight: bold;
    background: linear-gradient(110deg, #3E6BFF -24%, #9B6BFC 28%, #421AD1 105%),
    linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

}