/* 学员专区：页头入口 / 教研课程锁定页 / 学员状态条 / 登录页 */

/* 页头学员入口 */
.header_member{width: 36px;height: 36px;border-radius: 4px;display: flex;align-items: center;justify-content: center;margin-left: 7px;color: var(--darkColor);cursor: pointer;position: relative;transition: all 0.3s;flex-shrink: 0;}
.header_member svg{width: 17px;height: 17px;display: block;}
a.header_member:hover,.header_member_on:hover{background: #F3F5F7;}
.header_member_on{color: var(--mainColor);}
.header_member_btn{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.header_member_list{display: none;position: absolute;right: 0;top: 100%;min-width: 160px;background: #FFFFFF;border: 1px solid var(--lineColor);border-radius: 4px;box-shadow: 0px 12px 24px -8px rgba(11,22,41,0.16);padding: 6px 0;z-index: 30;}
.header_member_on:hover .header_member_list{display: block;}
.header_member_list span{display: block;max-width: 240px;padding: 8px 16px 10px;margin-bottom: 4px;border-bottom: 1px solid var(--lineColor);font-size: 13px;line-height: 18px;color: #7A8594;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header_member_list a{display: block;padding: 8px 16px;font-size: 14px;line-height: 20px;color: var(--darkColor);white-space: nowrap;}
.header_member_list a:hover{background: #F3F5F7;color: var(--mainColor);}

/* 教研课程锁定页 */
.course_lock_box{width: 100%;background: #F3F5F7;padding: 96px 0 104px;}
.course_lock_card{max-width: 760px;margin: 0 auto;background: #FFFFFF;border: 1px solid var(--lineColor);border-radius: 8px;box-shadow: 0px 24px 48px -32px rgba(11,22,41,0.28);padding: 56px 64px 44px;text-align: center;}
.course_lock_ico{width: 64px;height: 64px;border-radius: 50%;background: rgba(30,158,147,0.1);color: var(--mainColor);display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;}
.course_lock_ico svg{width: 28px;height: 28px;display: block;}
.course_lock_label{justify-content: center;}
.course_lock_card h2{font-size: 32px;line-height: 44px;color: var(--darkColor);font-weight: 700;margin-top: 12px;}
.course_lock_card > p{max-width: 560px;margin: 14px auto 0;font-size: 16px;line-height: 28px;color: #5B6675;}
.course_lock_card > p b{color: var(--darkColor);font-weight: 700;}
.course_lock_btns{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 16px;margin-top: 32px;}
.course_lock_btn{display: inline-flex;align-items: center;background: var(--mainColor);border-radius: 4px;padding: 14px 32px;font-size: 16px;line-height: 24px;color: #FFFFFF;font-weight: 700;box-shadow: 0px 10px 15px -3px rgba(30,158,147,0.2),0px 4px 6px -4px rgba(30,158,147,0.2);}
.course_lock_btn img{width: 10px;height: 10px;display: block;margin-left: 8px;transition: all 0.3s;}
.course_lock_btn:hover{opacity: 0.9;}
.course_lock_btn:hover img{transform: translateX(3px);}
.course_lock_btn2{display: inline-flex;align-items: center;background: #FFFFFF;border: 1px solid #CDD4DC;border-radius: 4px;padding: 13px 31px;font-size: 16px;line-height: 24px;color: var(--darkColor);font-weight: 600;}
.course_lock_btn2:hover{border-color: var(--mainColor);color: var(--mainColor);}
.course_lock_tips{margin-top: 40px;padding-top: 24px;border-top: 1px solid var(--lineColor);}
.course_lock_tips li{font-size: 14px;line-height: 24px;color: #5B6675;}
.course_lock_tips li + li{margin-top: 4px;}
.course_lock_tips a{color: var(--mainColor);font-weight: 600;white-space: nowrap;}

/* 学员状态条 */
.course_member_bar{width: 100%;background: #EEF7F6;border-bottom: 1px solid var(--lineColor);}
.course_member_bar_in{display: flex;align-items: center;flex-wrap: wrap;gap: 6px 14px;padding: 13px 0;font-size: 14px;line-height: 20px;color: #5B6675;}
.course_member_bar_ico{width: 28px;height: 28px;border-radius: 50%;background: var(--mainColor);color: #FFFFFF;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.course_member_bar_ico svg{width: 15px;height: 15px;display: block;}
.course_member_bar b{color: var(--darkColor);font-weight: 700;}
.course_member_bar em{width: 1px;height: 14px;background: #C5CED6;display: block;}
.course_member_bar a{margin-left: auto;color: var(--mainColor);font-weight: 600;}
.course_member_bar a:hover{opacity: 0.8;}

/* 学员登录页（独立页面，不加载 nsps-style.css） */
.member_login_body{background: #FFFFFF;}
.member_login_page{min-height: 100vh;display: flex;}
.member_login_side{flex: 0 0 46%;position: relative;overflow: hidden;background: var(--deepColor);display: flex;align-items: flex-end;}
.member_login_side_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.member_login_side_bg img{width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0.5;}
.member_login_side_mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(11,22,41,0.2) 0%,rgba(11,22,41,0.92) 72%);}
.member_login_side_in{position: relative;z-index: 2;width: 100%;max-width: 640px;padding: 64px;}
.member_login_label{display: flex;align-items: center;}
.member_login_label i{width: 24px;height: 2px;background: var(--mainColor);display: block;flex-shrink: 0;}
.member_login_label span{font-family: "Manrope-Bold";font-size: 12px;line-height: 16px;color: #4FC2B7;letter-spacing: 1.68px;text-transform: uppercase;margin-left: 10px;}
.member_login_side h1{font-size: 40px;line-height: 52px;color: #FFFFFF;font-weight: 700;margin-top: 16px;}
.member_login_side p{font-size: 16px;line-height: 28px;color: rgba(255,255,255,0.74);margin-top: 14px;}
.member_login_points{margin-top: 32px;border-top: 1px solid rgba(255,255,255,0.14);}
.member_login_points li{display: flex;align-items: flex-start;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,0.14);font-size: 15px;line-height: 24px;color: rgba(255,255,255,0.88);}
.member_login_points li i{width: 18px;height: 18px;color: #4FC2B7;flex-shrink: 0;margin-right: 14px;position: relative;top: 3px;}
.member_login_points li i svg{width: 100%;height: 100%;display: block;}
.member_login_points li a{color: #FFFFFF;font-weight: 600;}
.member_login_main{flex: 1;min-width: 0;display: flex;flex-direction: column;padding: 36px 64px 32px;}
.member_login_top{display: flex;align-items: center;justify-content: space-between;}
.member_login_logo img{height: 56px;width: auto;display: block;}
.member_login_home{font-size: 14px;line-height: 20px;color: #5B6675;}
.member_login_home:hover{color: var(--mainColor);}
.member_login_center{flex: 1;display: flex;align-items: center;justify-content: center;padding: 48px 0;}
.member_login_form{width: 100%;max-width: 400px;}
.member_login_form h2{font-size: 32px;line-height: 42px;color: var(--darkColor);font-weight: 700;}
.member_login_sub{font-size: 15px;line-height: 24px;color: #5B6675;margin-top: 8px;}
.member_login_field{margin-top: 22px;}
.member_login_sub + .member_login_field{margin-top: 32px;}
.member_login_field label{display: block;font-size: 14px;line-height: 20px;color: var(--darkColor);font-weight: 600;margin-bottom: 8px;}
.member_login_field input[type="text"],.member_login_field input[type="password"]{width: 100%;height: 48px;background: #FFFFFF;border: 1px solid #CDD4DC;border-radius: 4px;padding: 0 14px;font-size: 15px;color: var(--darkColor);outline: none;transition: border-color 0.2s,box-shadow 0.2s;-webkit-appearance: none;}
.member_login_field input::placeholder{color: #9AA4B1;}
.member_login_field input:focus{border-color: var(--mainColor);box-shadow: 0px 0px 0px 3px rgba(30,158,147,0.15);}
.member_login_code{display: flex;align-items: center;gap: 12px;}
.member_login_code input{flex: 1;min-width: 0;}
.member_login_code img{height: 48px;width: auto;border: 1px solid #CDD4DC;border-radius: 4px;display: block;flex-shrink: 0;cursor: pointer;}
.member_login_opts{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 8px;margin-top: 18px;font-size: 14px;line-height: 20px;color: #5B6675;}
.member_login_opts label{display: flex;align-items: center;cursor: pointer;}
.member_login_opts input{width: 16px;height: 16px;margin: 0 8px 0 0;accent-color: var(--mainColor);}
.member_login_btn{width: 100%;height: 50px;margin-top: 26px;border: 0;border-radius: 4px;background: var(--mainColor);color: #FFFFFF;font-size: 16px;font-weight: 700;letter-spacing: 4px;cursor: pointer;box-shadow: 0px 10px 15px -3px rgba(30,158,147,0.2),0px 4px 6px -4px rgba(30,158,147,0.2);transition: opacity 0.2s;}
.member_login_btn:hover{opacity: 0.9;}
.member_login_btn[disabled]{opacity: 0.6;cursor: wait;}
.member_login_msg{min-height: 22px;margin-top: 12px;font-size: 14px;line-height: 22px;}
.member_login_msg.err{color: #C93B3B;}
.member_login_msg.ok{color: var(--mainColor);}
.member_login_help{margin-top: 24px;padding-top: 20px;border-top: 1px solid var(--lineColor);font-size: 14px;line-height: 22px;color: #5B6675;}
.member_login_help a{color: var(--mainColor);font-weight: 600;white-space: nowrap;}
.member_login_copy{font-size: 13px;line-height: 20px;color: #9AA4B1;}

@media (max-width: 1200px) {
	.member_login_side_in{padding: 48px;}
	.member_login_side h1{font-size: 34px;line-height: 46px;}
	.member_login_main{padding: 32px 40px 28px;}
}
@media (max-width: 990px) {
	.course_lock_box{padding: 64px 0 72px;}
	.course_lock_card{padding: 44px 32px 36px;}
	.course_lock_card h2{font-size: 26px;line-height: 36px;}
	.member_login_page{flex-direction: column;}
	.member_login_side{flex: none;order: 2;}
	.member_login_side_in{max-width: none;padding: 40px 24px;}
	.member_login_main{padding: 20px 24px 28px;}
	.member_login_center{padding: 40px 0 16px;}
}
@media (max-width: 768px) {
	.header_member{display: none;}
	.course_lock_box{padding: 10vw 0 12vw;}
	.course_lock_card{padding: 9vw 5.4vw 7vw;border-radius: 2vw;}
	.course_lock_ico{width: 14vw;height: 14vw;margin-bottom: 5vw;}
	.course_lock_ico svg{width: 6.4vw;height: 6.4vw;}
	.course_lock_card h2{font-size: 5.6vw;line-height: 7.8vw;margin-top: 3vw;}
	.course_lock_card > p{font-size: 3.6vw;line-height: 6.2vw;margin-top: 3vw;}
	.course_lock_btns{gap: 3vw;margin-top: 6vw;}
	.course_lock_btn,.course_lock_btn2{flex: 1 1 0;min-width: 0;justify-content: center;padding: 3vw 2vw;font-size: 3.8vw;line-height: 5.4vw;border-radius: 1vw;}
	.course_lock_tips{margin-top: 7vw;padding-top: 5vw;}
	.course_lock_tips li{font-size: 3.3vw;line-height: 5.6vw;}
	.course_member_bar_in{gap: 1.6vw 3vw;padding: 3vw 0;font-size: 3.4vw;line-height: 5vw;}
	.course_member_bar_ico{width: 6.4vw;height: 6.4vw;}
	.course_member_bar_ico svg{width: 3.6vw;height: 3.6vw;}
	.member_login_logo img{height: 11vw;}
	.member_login_form h2{font-size: 6.6vw;line-height: 9vw;}
	.member_login_side h1{font-size: 6.6vw;line-height: 9vw;}
	.member_login_side p{font-size: 3.7vw;line-height: 6.2vw;}
	.member_login_points li{font-size: 3.6vw;line-height: 5.8vw;padding: 3.4vw 0;}
}