@charset "utf-8";
body {
	color: var(--colors-primary-blue);
	font-size: clamp(12px, calc(4px + 2.60417vw), 26px);
}
/* CSS Document */

  @keyframes float {
 0% {
 transform: translateY(0px);
}
 50% {
 transform: translateY(-5px); /* 向上浮动5px */
}
 100% {
 transform: translateY(0px);
}
}
.index_userSideLayout {
	display: flex;
	flex-direction: column;
	/*height: 100%;*/
    overflow: auto
}
.index_userSideLayout .index_container {
	display: flex;
	flex: auto;
	flex-direction: column;
	position: relative;
}
 .index_userSideLayout:not(.index_layoutResponsive) .index_container {
 overflow-y: auto
}
 .index_userSideLayout:not(.index_layoutResponsive) .index_main {
 overflow-y: hidden
}
.index_userCenterLayout {
	background-color: var(--colors-background-3);
	color: var(--colors-text-2);
	height: 100%;
	padding: 24px;
	width: 100%
}
.index_userCenterMain {
	-moz-column-gap: 16px;
	column-gap: 16px;
	display: flex;
	height: 100%;
	margin: 0 auto;
	max-width: 900px
}
.index_userCenterCard {
	background-color: var(--colors-primary-white);
	border-radius: 8px;
	flex: auto;
	padding: 32px
}
.index_userCenterCard .index_userCenterTitle {
	font-size: 20px;
	font-weight: var(--font-weight-light-bold);
	margin: 8px 0 24px;
	text-align: center
}
.common_firstScreenCommon {
	height: 100vh;
	max-height: 1500px;
	min-height: 50vw;
	padding: 20vh 5.556vw 7.986vh;
	position: relative
}
 @media (orientation: portrait) {
 .common_verticalScreen {
 height:min(100vh)
}
}
 @keyframes index_slide-in-up {
 0% {
 opacity: 0;
 transform: translateY(50px)
}
to {
	opacity: 1;
	transform: translateY(0)
}
}
 @keyframes index_fade-in {
 0% {
 opacity: 0
}
to {
	opacity: 1
}
}
 @keyframes index_path {
 to {
 stroke-dashoffset: 0
}
}
.index_candidateFirstScreen {
	animation: index_fade-in 1s ease-in-out forwards;
	background: 50%/cover no-repeat url(../img/banner.jpg);
	color: var(--colors-primary-white);
	background-position:right;
}
.index_candidateFirstScreen .index_content {
 animation: index_slide-in-up 1s ease-in-out .3s forwards;
	opacity: 0;
	position: relative;
	width:58vw;
}
@media screen and (max-width: 767px) {
  /* 适用于宽度≤767px的设备 */
  .index_candidateFirstScreen {
 animation: index_fade-in 1s ease-in-out forwards;
 background: 50%/cover no-repeat url(../img/bannermb.jpg);
 color: var(--colors-primary-white);
 background-position:right;
}
 .index_candidateFirstScreen .index_content {
 max-width:100%;
 width:100%;
}
}
@media screen and (max-width: 767px) {
  /* 适用于宽度≤767px的设备 */
  .index_candidateFirstScreen {
 animation: index_fade-in 1s ease-in-out forwards;
 background: 50%/cover no-repeat url(../img/bannermb.jpg);
 color: var(--colors-primary-white);
 background-position:right;
}
 .index_candidateFirstScreen .index_content {
 max-width:100%;
 width:100%;
}
}
.index_candidateFirstScreen .index_content .index_pathImg {
	height: clamp(42px, calc(-32px + 8vw), 88px);
	/*margin-top: 1%;
	position: absolute;
	left: 0;
	top: 10%;*/
	width: auto;
}
.index_candidateFirstScreen .index_content .index_pathImg .path {
	stroke-dasharray: 600;
	stroke-dashoffset: 600;
	animation: index_path 1s ease-in-out 1s forwards
}
.index_candidateFirstScreen .index_welcome {
	background-size: contain;/*height: clamp(45px, calc(-28px + 10.41667vw), 108px);
	position: relative;
	left:0;
	width: clamp(274px, calc(-151.33333px + 55.38194vw), 606px)*/
}
.index_candidateFirstScreen .index_title {
	font-size: clamp(20px, calc(20px + 1.73611vw), 42px);
	font-weight: 600;
	line-height: 1.4;
	margin: 2vh 0;
}
.index_candidateFirstScreen .index_description {
	font-size: clamp(16px, calc(1.33333px + 1.73611vw), 30px);
	font-weight: 300;
	line-height: 1.6;
}
.index_candidateFirstScreen .index_description_n01 {
	font-size: clamp(12px, calc(-2px + 1.6vw), 26px);
	font-weight: 300;
	line-height: 1.5em;
	display:inline-block;
	/*text-decoration:underline var(--colors-primary-blue);
	text-underline-offset:5px;*/
	color: var(--colors-primary-blue);
	padding:0;
	margin-bottom:0.5em;
}
.index_candidateFirstScreen .index_description_n01 b {
	font-weight:500;
}
.index_candidateFirstScreen .index_description_n01:before {
	display:inline-block;
	content:"";
	background: url(../img/arrow.png) no-repeat center;
	background-size:auto 100%;
	padding:0.6em;
	margin-right:3px;
}
.index_candidateFirstScreen .index_description_n01 span {
	/*background:var(--colors-primary-blue);*/
	color:var(--colors-primary-white);
}
.index_wishesWrap {
	padding:4.444vw 5.556vw;
	padding-bottom:0;
}
.index_wishesWrap .index_wishesBack {
	aspect-ratio: 2.65481481;
	background-image: url(../img/wishes.png);
	background-size: cover;
	background-position:right bottom;
	color: var(--colors-primary-blue);
	font-size: clamp(14px, calc(4px + 2.60417vw), 54px);
	line-height: 2;
	padding: 3.4vw 2.6vw;
	width: 100%;
	border:1px solid var(--colors-primary-blue);
	border-radius: clamp(4px, calc(4px + 0.60417vw), 14px);
}
.index_wishesWrap .index_wishesBack span {
	background-color: var(--colors-primary-blue);
	color: var(--colors-primary-white)
}
.index_wishesWrap .index_wishesBack .wishesBack_n1 {
	font-size:clamp(24px, calc(4px + 4.60417vw), 56px);
}
.index_wishesWrap .index_wishesBack .wishesBack_n2 {
	font-size:clamp(16px, calc(4px + 2.60417vw), 42px);
	padding-top:2rem;
}
.index_wishesWrap .index_wishesTitle {
	color:  var(--colors-primary-blue);
	display: flex;
	font-size: clamp(12px, calc(12px + 0.60417vw), 26px);
 gap: .694vw;
	margin-bottom: 1.389vw;
	align-items: flex-end;
	padding-bottom: 8px;
	background: 0 0 no-repeat url(../img/title-01.svg);
	background-size: auto 85%;
	min-height: 4.722vw;
}
.index_wishesWrap .index_wishesTitle .index_wishesName {
	align-items: flex-end;
	font-size: clamp(20px, calc(6.66667px + 1.73611vw), 40px);
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	padding-left: 2.889vw;
	padding-right: 5px;
}
.index_wishesWrap .index_wishesnos {
	font-size: clamp(12px, calc(12px + 0.60417vw), 26px);
	margin-top: clamp(2rem, calc(12px + 0.60417vw), 5rem);
	max-width:80%;
}
.index_wishesWrap .index_wishesnos span {
	color:var(--colors-primary-blue);
}
.index_supply {
	background: url(../img/supply-bg.jpg) no-repeat 0 0;
	background-size: cover;
	padding: 1.389vw 5.556vw 0vw 5.556vw ;
}
.index_supply .index_supplyHeader {
	padding-top: 2vw;
	width: 100%;
}
.index_supply .index_supplyHeader .index_supplyHeaderTitle {
	width:100%;
	display: flex;
	white-space: nowrap;
}
.index_supply .index_supplyHeader .index_supplyHeaderTitle span {
	align-items: flex-end;
	background: 0 0 no-repeat url(../img/title-02.svg);
	background-size: auto 85%;
	display: flex;
	font-size: clamp(20px, calc(6.66667px + 1.73611vw), 40px);
	font-weight: 500;
	min-height: 4.722vw;
	line-height: 1.2;
	padding-left: 2.889vw;
	padding-right:20px;
	padding-bottom:8px;
	border-bottom:2px solid var(--colors-primary-blue);
}
/*.index_supply .index_supplyHeader .index_supplyHeaderTitle span:after {
    background-color: var(--colors-primary-blue);
    bottom:0vw;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 15.833vw;
}*/

.index_supply .index_supplyHeader .index_supplyHeaderContent {
	display: flex;
	align-items: flex-start;
	font-weight: 400;
	padding-top:20px;
	text-align: left;
}
.index_supply .index_supplyHeader .index_supplyHeaderContent:after {
	content:"";
	display:block;
	clear:both;
}
.index_supply .index_supplyHeader .index_supplyHeaderContent h4 {
	font-weight: 500;
	position: relative
}
.index_supply .index_supplyHeader .index_supplyImage {
	align-self: flex-end;
	flex: 1 1;
	height: auto;
	flex-direction: column;
	justify-content: flex-end;
	width:35%;
}
.index_supply .index_supplyHeader .index_supplyImage img {
	width:100%;
	max-width:757px;
}
.index_supply .index_supplyHeader .index_supplytext {
	align-items: flex-start;
	width:60%;
	padding-top:12vh;
	box-sizing: initial;
	line-height:2;
	font-size: clamp(12px, calc(12px + 0.60417vw), 26px);
}
.index_supply .index_supplyHeader .index_supplytext span {
	color: var(--colors-primary-blue);
	font-weight: bold;
}
.index_coach {
	padding:4.444vw 5.556vw;
	position: relative
}
.index_coach .index_coachTitle {
	width:100%;
	display: flex;
	white-space: nowrap;
}
.index_coach .index_coachTitle span {
	align-items: flex-end;
	background: 0 0 no-repeat url(../img/title-03.svg);
	background-size: auto 85%;
	display: flex;
	font-size: clamp(20px, calc(6.66667px + 1.73611vw), 40px);
	font-weight: 500;
	min-height: 4.722vw;
	line-height: 1.2;
	padding-left: 2.889vw;
	padding-right:20px;
	padding-bottom:8px;
	border-bottom:2px solid var(--colors-primary-blue);
}
.index_coach .index_coachDescription {
 font-size: clamp(12px, calc(5.33333px + .86806vw), 22px);
	font-weight: 300
}
.index_carouselWrap {
}
/* 容器样式 */
  .ant-carousel {
	display: flex;
	flex-wrap: wrap; /* 允许换行 */
	gap:60px; /* 网格间距 */
	margin: 0 auto; /* 居中显示 */
	padding: 30px 0;
}
/* 网格项样式 */
   .ant-carousel .index_carouselItem {
	flex: 1 1 calc(33.333% - 40px);
	padding:20px;
	background-color: #fff;
	border: 1px solid #5db7e9;
	border-radius: 6px;
	box-sizing: border-box;
	display: flex; /* 内部使用flex实现左图右字 */
	align-items: center; /* 垂直居中 */
	gap: 20px; /* 图片和文字间距 */
	transition: transform 0.2s ease;
}
/* 悬停效果 */
.ant-carousel .index_carouselItem:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.index_avatarWrap {
	display: flex;
}
/* 图片样式 */
    .carouse_image {
	width:35%;
	object-fit: cover; /* 保持图片比例 */
	flex-shrink: 0; /* 图片不收缩 */
	padding:0 10px;
}
.carouse_image img {
	max-width: 100%;
	height: auto;
}
/* 文字内容样式 */       
        .ant-carousel .carouse_text {
	flex: 1; /* 文字部分占剩余空间 */
	padding-top:3rem;
}
.ant-carousel .index_name {
	font-weight: bold;
	margin-bottom: 15px;
	color: var(--colors-primary-blue);
	font-size: clamp(14px, calc(12px + 0.60417vw), 26px);
}
.ant-carousel .index_description {
	color: #0b76be;
	line-height: 1.5;
 font-size: clamp(12px, calc(3.33333px + .86806vw), 22px)
}
.index_footerContainer {
	background: #2069a4;
	background-size: cover
}
.index_footerContainer .index_footerTop {
	color: var(--colors-primary-white);
	padding: 5.556vw;
	background:url(../img/footer-bg.png) right bottom no-repeat;
	position:relative;
}
.index_footerContainer .index_footerTop h4 {
	color: var(--colors-primary-white);
	font-size: clamp(20px, calc(6.66667px + 1.73611vw), 40px);
	font-weight: 500
}
 .index_footerContainer .index_footerTop h4::-moz-selection {
 background-color: var(--colors-text-5)
}
 .index_footerContainer .index_footerTop h4::selection {
 background-color: var(--colors-text-5)
}
.index_footerContainer .index_footerTop .index_requirementList {
	display: flex;
	flex-direction: column;
 font-size: clamp(12px, calc(5.33333px + .86806vw), 26px);
	font-weight: 500;
 gap: .833vw;
	list-style-position: inside;
	margin-bottom: 2.778vw;
	padding: 0
}
 .index_footerContainer .index_footerTop .index_requirementList li::-moz-selection {
 background-color: var(--colors-text-5)
}
 .index_footerContainer .index_footerTop .index_requirementList li::selection {
 background-color: var(--colors-text-5)
}
.index_footerContainer .index_footerTop .index_signUpButton {
	background-color: var(--colors-primary-white);
	border: none;
	border-radius: 54px;
	color: var(--colors-primary-blue);
	cursor: pointer;
 font-size: clamp(12px, calc(5.33333px + .86806vw), 26px);
	font-weight: 500;
	height: clamp(24px, calc(4px + 2.60417vw), 54px);
	padding:8px;
	padding-left: clamp(20px, calc(-4px + 2.60417vw), 46px);
	padding-right: clamp(20px, calc(-4px + 2.60417vw), 46px);
	text-align: center;
}
.index_footerContainer .index_footerTop .index_signUpButton:hover {
	color: var(--colors-hover-primary)
}
.index_footerContainer .index_footer {
	border-top: 1px solid #dfdfdf;
	color: var(--colors-primary-white)
}
.index_footerToperw {
	display:flex;
	gap:20px;
	width:clamp(80px, calc(80px + 13.86806vw), 300px);
font-size:clamp(12px, calc(5.33333px + .86806vw), 20px);
	position:absolute;
	right:5.556vw;
	top:5.556vw;
	;
}
.index_footerToperw .erwm {
	display:flex;
	flex-direction: column;
	text-align:center;
}
.index_footer {
	align-items: center;
	border-top: 1px solid var(--colors-line-2);
	color: var(--colors-text-4);
	display: flex;
	flex: none;
	font-size: 14px;
	font-weight: 400;
	justify-content: center;
	padding: 20px var(--user-container-padding)
}
.index_footer .index_container {
	align-items: center;
	-moz-column-gap: 30px;
	column-gap: 30px;
	display: flex;
	flex-wrap: wrap;
	flex:none;
	flex-direction:initial;
}
.index_footer .index_jingBeiAnRecord {
	align-items: center;
	-moz-column-gap: 5px;
	column-gap: 5px;
	display: flex;
}
.index_footer .index_footerLink {
	color: inherit
}
.index_footerResponsive {
	color: var(--colors-text-5);
 font-size: clamp(12px, calc(5.33333px + .86806vw), 22px);
	padding: 2.639vw var(--user-container-padding)
}
.index_footerResponsive .index_container {
	-moz-column-gap: 2.083vw;
	column-gap: 2.083vw
}
.index_footerResponsive .index_jingBeiAnRecord {
 -moz-column-gap: .347vw;
 column-gap: .347vw
}
.join_body {
	background: url(../img/joinbg.jpg) no-repeat center bottom;
	background-size:cover;
	color: var(--colors-primary-white);
	min-height:100vh;	
	font-size: clamp(12px, calc(6px + 1.25vw), 26px);
}
.join_body p{ margin-bottom:8px;}
.join_body a{ color:#fff;}
.join_Container {
	padding:100px 5.556vw;
}
.join_carouselWrap {
	width:75%;
}
.join_header {
	justify-content: center;
	width:100%;
	line-height:2.2;
}
.join_header p{ flex:1; margin-bottom:0;font-size: clamp(12px, calc(6px + 1.2vw), 22px);}
.join_header .normal-36{font-size: clamp(18px, calc(7px + 1.95vw), 40px);}
.join_header .normal-30{font-size: clamp(12px, calc(6px + 1.25vw), 26px);}
.join_header .normal-30 b{font-size: clamp(14px, calc(6px + 1.3vw), 30px);}
.join_header .highlight{color: var(--colors-primary-blue); font-weight:700;}
.underline—bluewavy{ text-decoration: underline wavy 2px var(--colors-primary-blue);text-underline-offset: 4px;}
.underline—whitewavy{ text-decoration: underline wavy 2px var(--colors-primary-blue);
    text-underline-offset: 4px;}

.join_text {font-size: clamp(12px, calc(6px + 1.15vw), 26px);
	 margin-top:10px;
	display: flex;
	padding:4.5vh 0;
	flex-wrap: wrap;
	line-height:1.5;
}
.join_text a:hover{ color:var(--colors-primary-white);}
.join_Container .join_img {
	display: flex;
	/*justify-content: center;*/
	gap: 60px;
    font-size: clamp(12px, calc(5.33333px + .86806vw), 20px);
	text-align:center;
}

.join_Container .join_img .erwm{
	width: clamp(60px, calc(10px + 10.86806vw), 140px);}

.join_img p { margin-top:10px;
}
.download-link{	  text-align: center; display:inline-block;
            transition: transform 0.3s ease;}
.download-link:hover { transform: translateY(-5px);}
      
.email {
            color: #3498db;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
        }
.email:hover {
            color: #2980b9;
            text-decoration: underline;
        }

.index_seed {
	padding:4.444vw 5.556vw;
	background: #278ed0;
	color:#FFF;
}
/* 标题区域样式 */
.index_seedheader {
	margin-bottom: 50px;
}
.index_seedTitle {
	font-size:clamp(20px, calc(20px + 1.73611vw), 40px);
	line-height: 1.5;
}
.index_seedTitle p { margin-bottom:0; }

.index_seedTitletext01{ font-size:clamp(18px, calc(12px + 1.73611vw), 36px);}
.index_seedTitletext02{  padding-left:18rem;
}
.index_seedTitle span {font-weight: bold;
}
/* 内容组样式 */
.index_seedgroup {
	display: flex;
	justify-content: left;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 50px;
	margin: 0 auto 20px;
}
/* 列表样式 */
.index_seedgroup ul {
	list-style: none;
	display: flex;
	gap:80px;
	padding: 0;
	margin: 0;
}
.index_seedgroup ul li {
	flex: 1;

}
/* 图标样式 */
.icon-wrapper {
	margin-bottom: 15px; display:flex;
}

.icon-wrapper .fas{ display:inline-block; width:30px; margin-right:10px;}
/* 小标题样式 */
.index_seedgroup ul li h3 {
	margin-bottom:0;
	font-size: clamp(14px, calc(14px + 0.60417vw), 26px);
	display: flex;
	align-items: center;
	gap: 10px;	
	color:var(--colors-primary-white);
	text-decoration: underline wavy 2px var(--colors-primary-white);
	text-underline-offset: 4px; 
}

/* 文本内容样式 */
.index_seedtext {
	line-height: 1.8;
	font-size: clamp(12px, calc(12px + 0.52vw), 22px);}
	
.gr-box{display: flex; width:clamp(100px, calc(100px + 0.6vw), 300px); max-width:300px;}
/* 二维码区域样式 */
.qr-section {
	flex:1;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin:0 15px;
}
.qr-code {
	border-radius: 8px;
	margin-bottom: 10px;
}
.qr-img {
	display: block;
}
.qr-text {
	font-size: clamp(12px, calc(14px + 0.60417vw), 16px);
	text-align: center;
	margin-bottom: 20px;
}

/* 底部描述文本样式 */
.index_seeddescription {
	font-size: clamp(16px, calc(1.33333px + 1.73611vw), 30px);
	margin: 0 auto;
	line-height:1.8;
}