/* 顶部导航 */
.top-header {box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; padding: 30px 40px; display: flex; justify-content: space-between; align-items: center; color: #fff;}
.logo {}
.logo img { height: 38px;}
.back-home {background: rgba(255,255,255,0.2); padding: 6px 20px; border-radius: 4px;color: #fff; font-size: 16px; display: flex; align-items: center; align-items: center;}
.back-home i {padding-right: 8px;}

.login-container {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; background: #fff; border-radius: 15px;overflow: hidden; width: 930px;}

/* 左侧服务说明 */
.login-left {width: 38%; box-sizing: border-box; background: url("../images/login_kk.jpg") center/cover no-repeat; padding: 40px 30px;display: flex;flex-direction: column;justify-content: space-between;}
.service-item {display: flex; gap: 12px; align-items: center; margin-bottom: 30px;}
.service-icon {width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.service-icon img {width: 100%; height: 100%; object-fit: cover;}
.service-content h4 {font-size: 16px;color: #323439;margin-bottom: 3px;}
.service-content p {font-size: 12px;color: #6f737c;line-height: 20px;}
.contact-info { padding-top: 40px;}
.contact-info p{ font-size: 14px; color: #797a7c; line-height: 25px;}
/* 右侧登录表单 */
.login-right {width: 62%; box-sizing: border-box; padding: 50px 60px; display: flex;flex-direction: column;align-items: center;}
.login-right .form-logo {margin-bottom: 20px;text-align: center;}
.login-right .form-logo img {height: 101px; margin-bottom: 10px;}

.form-item-select{ margin-bottom: 20px;}
.layui-form-select{flex: 1;}
.form-item-select .layui-input {width: 100%; height: 46px;border: 1px solid #dcdfe6; border-radius: 4px;}
.layui-form-select dl{ top: 48px;}
.layui-form-select dl dd.layui-this{ color: #1c4596;}
.login-right .form-item {box-sizing: border-box; width: 100%; height: 46px;border: 1px solid #dcdfe6; border-radius: 4px; margin-bottom: 15px; display: flex; align-items: center;}
.login-right .form-item i{ display: block; width: 30px; height: 46px; text-align: center; line-height: 46px; font-size: 20px; color: #dedede; padding:0 10px;}
.login-right .form-item i.icon-mima{font-size: 26px; }

.login-right .form-item input {flex: 1; height: 42px; border: 0; outline: none; font-size: 18px; color: #a8abb2; box-sizing: border-box; padding-right: 10px;}
.login-right .form-item input:focus {outline: none;border-color: #1c4596;}

.code-img {width: 120px;height: 46px; display: flex; align-items: center; justify-content: center;}
.code-img img {display: block; width: 100%; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px;  cursor: pointer;}
.login-btn {width: 100%; height: 50px;background: #1c4596; color: #fff; border: none; border-radius: 4px; font-size: 18px; cursor: pointer;margin: 5px 0 20px; }
.register-link {text-align: center; font-size: 16px;color: #4c4b4b;}
.register-link a {color: #1c4596;text-decoration: none;}

/* 响应式适配 */
@media (max-width: 992px) {
    .login-container {
        width: 90%;
        flex-direction: column;
    }
    .login-left, .login-right {
        width: 100%;
    }
    .login-left {
        padding: 30px;
    }
    .login-right {
        padding: 30px;
    }
}


/*会员中心*/
.hd_bg{ background-color: #ffffff!important;}
.nav .el>a{ color: #202020;}

/* 整体容器：左右布局（侧边栏+主内容） */
.user-main { display: grid; grid-template-columns: 290px 1fr;  gap: 20px; margin: 30px auto;}

.user-content-left { background-color: #ffffff; border-radius: 10px;}

/* 头像区域 */
.avatar-wrap {text-align: center;margin-bottom: 30px;padding: 30px 40px 25px; border-bottom: 1px solid #f4f6f9;}
.avatar-wrap .avatar {width: 105px;height: 105px;border-radius: 50%;object-fit: cover;margin-bottom: 10px;border: 2px solid #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.avatar-wrap .username {font-size: 20px;font-weight: 500;color: #272727;}
.avatar-wrap .phone {font-size: 16px;color: #b6b6b6;}

/* 菜单列表 */
.usr-menu-list { box-sizing: border-box; padding: 0 30px 30px; width: 100%; display: flex; flex-direction: column; gap: 10px;}
.usr-menu-list .menu-item {display: flex; align-items: center;gap: 10px;padding: 5px 15px;border-radius: 6px;color: #666;text-decoration: none;transition: all 0.2s;}
.menu-item:hover, .menu-item.active {background-color: #1c4596;color: #ffffff;}
.usr-menu-list .menu-item i{ display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; font-size: 20px; color: #1c4596; }
.usr-menu-list .menu-item.active i,.usr-menu-list .menu-item:hover i{ color: #ffffff;}
/*右侧*/
.user-content-right {padding: 23px; box-sizing: border-box; border-radius: 10px; background-color: #ffffff;}
.user-content-right .header-card { width: 100%; box-sizing: border-box; height: 150px;background: url("../images/user_index_bg.jpg") center/cover no-repeat;border-radius: 8px;padding: 30px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
/* 欢迎语区域 */
.welcome-wrap {display: flex;flex-direction: column; gap: 5px;}
.welcome-wrap .welcome-text {font-size: 24px;font-weight: 500;color: #222529;}
.welcome-wrap .login-time {font-size: 18px;color: #a2aebd;}

/* 数据统计栏 */
.stats-bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin:30px 0;}
.stats-item {display: flex;align-items: center;}
.stats-item .stats-icon{ width: 60px; height: 60px; border-radius: 5px; background-color: #f5f9fe; display: flex; align-items: center; justify-content: center;}
.stats-item .stats-num{ padding-left: 10px;}
.stats-item .stats-num h3{line-height: 30px; font-size: 30px; font-weight: bold;color: #1f2025;}
.stats-item .stats-num p{ font-size: 16px; color: #a2abb7;}

.table-tit{ border-bottom: 1px solid #e0e0e0; padding-bottom: 15px;}
.table-tit span{ font-size: 20px; font-weight: bold; padding-bottom: 16px; color: #000000; border-bottom: 3px solid #1c4596;}

/*简历*/
.resume-form{ padding: 30px 0;}
.resume-form .form-item{ display: flex; flex-wrap: wrap; }
.resume-form .form-item .form-label{ width: 100px; height: 45px; line-height: 45px;} 


/* 原有表单控件样式（保留并优化） */
.form-item {  flex: 1; }
.form-label {  display: block;  color: #1c2f3e;  font-size: 16px; font-weight: 500;}
.layui-select-title{  width: 100%;}

.form-module {display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.mb0 {margin-bottom: 0;}
.module-title { width: 100px; width: 100px; height: 45px; line-height: 45px; font-size: 18px;color: #1c2f3e;margin-bottom: 15px;display: block;}
.module-content{ flex: 1;}
.education-row {display: flex;gap: 15px; margin-bottom: 20px; border-bottom: 1px solid #e0e4ec; padding-bottom: 20px; }
.education-row:last-child {margin-bottom: 0;}

.work-group{ border-bottom: 1px solid #e0e4ec; margin-bottom: 20px;}
.work-info-row {display: flex;gap: 15px;margin-bottom: 10px; }
.work-desc-row {margin-bottom: 15px;}



.info-form{ width: 50%; margin: 0 auto;} 
.info-form .form-item .form-label{ width: 120px;}
/*表格列表*/
/*.text-left { text-align: left !important; }
.text-center { text-align: center !important;}  
.text-right { text-align: right !important;}
.w5  { width: 5% !important;  }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }


.apply-list{ margin: 30px 0;}
table th, table td{ border: none;}
.data-table {width: 100%; border-collapse: collapse; font-size: 18px; color: #4f4f4f;background-color: #fff; border-radius: 4px; overflow: hidden;}
.data-table thead tr {background-color: #f8f8f8;}
.data-table thead th {padding: 12px 15px;text-align: left;font-weight: 500;color: #000000;border-bottom: 1px solid #e6e6e6;}
.data-table thead th:last-child {text-align: center;}
.data-table tbody tr {border-bottom: 1px solid #e6e6e6;}
.data-table tbody td {padding: 15px 15px; vertical-align: middle; color: #4f4f4f;}

.data-table tbody td:last-child {text-align: center;}

.data-table .btn-detail { height: 30px; line-height: 30px; overflow: hidden; }
.data-table .btn-detail i{ font-size:25px; color: #1c4596;}
.data-table .btn-detail:hover {opacity: 0.8;}*/
.layui-table td, .layui-table th{ font-size: 16px;}
.layui-table th{font-weight: normal!important;}
.layui-table-testcss .layui-table-header,
.layui-table-testcss thead tr{background-color: #f8f8f8; color: #000000; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #1c4596;}
.table-view-btn{ cursor: pointer;}
.table-view-btn i{ font-size: 24px; color: #1c4596;}

/*附件上传*/
.layui-upload-style{}
.layui-upload-style .file_list{ color:#666666; width:98%; padding:0 1%; height:30px; line-height:30px; overflow:hidden; background-color:#f1f8ff; margin-top:10px; display:flex; align-items:center;}
.layui-upload-style .file_list .file_list_tit{ display:flex; width:70%}
.layui-upload-style .file_list .file_list_tit h2{ height:30px; overflow:hidden; text-overflow:ellipsis;}
.layui-upload-style .file_list .file_list_del{ width:10%; color:#ff0000; padding:0 15px; width: 50px; }
.layui-upload-style .file_list .file_list_del .attachment-delete{ cursor:pointer;}
.layui-upload-style .file_list .file_list_sta{width:20%;}
.layui-upload-filelist-show{padding:15px 15px 0; border:1px solid #f1f8ff;}
.layui-upload-filelist-show ul{}
.layui-upload-filelist-show ul li{ padding-left:40px; background-repeat:no-repeat; background-position:0 center; margin-bottom:15px;}
.layui-upload-filelist-show ul li h3{color:#676566; line-height:25px; }
.layui-upload-filelist-show ul li h3 em{ color:#333333;}
.layui-upload-filelist-show ul li dl{ margin-left:-40px;  display:flex;}
.layui-upload-filelist-show ul li dl dt{ float:left; padding-right:10px;  flex:1;}
.layui-upload-filelist-show ul li dl dt img{ max-width:50px;}
.layui-upload-filelist-show ul li dl dd{ width:100%;}
.layui-upload-filelist-show ul li p{ padding-top:5px;}
.layui-upload-filelist-show ul li p a{ color:#0088d1;}
.layui-table-col-special .layui-inline{vertical-align: baseline;}
.required{ color: red;}

.dom-show {display : block !important;}
.dom-hide {display : none !important;}

/*审核状态徽章*/
.check-status {display: flex; align-items: center; min-height: 45px;}
.status-badge {display: inline-block; padding: 6px 16px; border-radius: 4px; font-size: 14px; font-weight: 500;}
.status-pending {background-color: #fff7e6; color: #fa8c16; border: 1px solid #ffe7ba;}
.status-success {background-color: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f;}
.status-danger {background-color: #fff1f0; color: #ff4d4f; border: 1px solid #ffa39e;}

/*状态单选框组*/
.status-radio-group {display: flex; align-items: center; min-height: 45px; gap: 20px;}
.status-radio-group .layui-form-radio {margin: 0;}


.agreement-link:hover{color: #0088d1;cursor: pointer;text-decoration: underline;}