.job-intro-wrap{padding:72px 0 68px;background:#fff}
.job-intro{max-width:860px;text-align:center}
.job-intro .mod-title{margin-bottom:24px}
.job-intro>p{color:var(--color-muted);font-size:15px;line-height:1.95}
.job-intro__note{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:10px 16px;border:1px solid #dbe6f2;border-radius:4px;background:#f5f8fc;color:#68788d;font-size:13px}
.job-intro__note span{color:var(--color-main);font-weight:700}
.job-list-wrap{padding:72px 0 86px;background:#f5f8fc}
.job-list__items{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.job-card{padding:28px 30px 26px;background:#fff;border:1px solid var(--color-line);border-radius:10px;box-shadow:0 8px 24px rgba(13,27,46,.05);transition:transform .3s,box-shadow .3s,border-color .3s}
.job-card:hover{border-color:#c8dcf3;box-shadow:0 16px 34px rgba(26,112,218,.12);transform:translateY(-4px)}
.job-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--color-line)}
.job-card__head span{display:block;margin-bottom:8px;color:var(--color-main);font-size:12px;letter-spacing:.12em}
.job-card__head h3{color:#1a1a1a;font-size:21px;line-height:1.4}
.job-card__head b{flex:none;padding:5px 9px;border-radius:3px;background:#edf6e3;color:#5e8d28;font-size:12px;font-weight:600}
.job-card__meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0;color:#68788d;font-size:13px}
.job-card__meta li{display:flex;align-items:center}
.job-card__meta li:before{content:'';width:5px;height:5px;margin-right:7px;border-radius:50%;background:#8ebb34}
.job-card__section{margin-top:14px}
.job-card__section strong{display:block;margin-bottom:7px;color:#333;font-size:14px}
.job-card__section p{color:var(--color-muted);font-size:14px;line-height:1.8}
.job-card__apply{display:inline-flex;align-items:center;justify-content:center;min-width:108px;height:38px;margin-top:22px;padding:0 18px;border:1px solid var(--color-main);border-radius:4px;color:var(--color-main);font-size:14px;transition:background .3s,color .3s}
.job-card__apply:hover{background:var(--color-main);color:#fff}
@media (max-width:1280px){
.job-list__items{gap:16px}
.job-card{padding-left:24px;padding-right:24px}
}
@media (max-width:1024px){
.job-list__items{grid-template-columns:1fr}
}
@media (max-width:768px){
.job-intro-wrap,.job-list-wrap{padding:48px 0 56px}
.job-intro>p{font-size:14px}
.job-intro__note{display:flex;align-items:flex-start;flex-direction:column;gap:4px;text-align:left}
.job-card{padding:22px 18px 22px;border-radius:8px}
.job-card__head h3{font-size:19px}
.job-card__meta{gap:8px 14px;padding:16px 0}
}
@media (max-width:360px){
.job-card__head{gap:10px}
.job-card__head h3{font-size:18px}
.job-card__head b{padding-left:7px;padding-right:7px}
}