/* Aixunren product-page redesign: resume parser, job parser, talent graph. */
:where(body.ax-resumeparser,body.ax-jobparser,body.ax-talentgraph){
  --rx-bg:#061226;
  --rx-bg-soft:#0a2343;
  --rx-surface:rgba(13,38,70,.82);
  --rx-surface-strong:#0d2a4d;
  --rx-line:rgba(148,190,235,.18);
  --rx-title:#f7fbff;
  --rx-copy:#c8d9ed;
  --rx-muted:#91aac6;
  --rx-blue:#2f7df4;
  --rx-cyan:#46d9e8;
  --rx-paper:#f6f9fd;
  --rx-ink:#10233d;
  margin:0;
  background:#061226!important;
  color:var(--rx-copy);
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
}

:where(body.ax-resumeparser,body.ax-jobparser) .yoojober-detail-page,
:where(body.ax-resumeparser,body.ax-jobparser) .yoojober-detail-page .yoo-main,
body.ax-talentgraph .yoo-knowledge-shell,
body.ax-talentgraph .yoo-knowledge-page{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  background:#061226!important;
  background-image:
    radial-gradient(circle at 12% 5%,rgba(54,145,230,.2),transparent 24%),
    radial-gradient(circle at 88% 24%,rgba(39,116,205,.14),transparent 27%),
    linear-gradient(180deg,#010518 0,#08284e 24%,#0b3b6b 49%,#082744 73%,#061226 100%)!important;
  color:var(--rx-copy)!important;
}

:where(body.ax-resumeparser,body.ax-jobparser) .page-banner{
  height:auto!important;
  min-height:760px!important;
  padding:150px max(24px,calc((100vw - 1200px)/2)) 56px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  overflow:hidden!important;
}
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner>.content{
  position:relative!important;
  inset:0 auto auto 0!important;
  width:min(1200px,100%)!important;
  height:560px!important;
  margin:0 auto!important;
}
body.ax-resumeparser .yoojober-analyse-detail .page-banner>.content,
body.ax-jobparser .yoojober-detect-detail .page-banner>.content{
  top:0!important;
}
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner:before{
  content:"";
  position:absolute;
  inset:120px max(24px,calc((100vw - 1240px)/2)) 36px!important;
  border:1px solid var(--rx-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(15,49,88,.84),rgba(5,24,48,.6))!important;
  box-shadow:none!important;
}
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .circle1,
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .circle2,
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .circle3{opacity:.22!important}

:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .text h2{
  color:var(--rx-title)!important;
  font-size:clamp(44px,5vw,68px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .text h2 span{
  color:var(--rx-cyan)!important;
}
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .text :where(h5,h6,h7,h9,p){
  color:var(--rx-copy)!important;
  opacity:1!important;
  text-wrap:pretty;
}
:where(body.ax-resumeparser,body.ax-jobparser) .page-banner .text p{
  max-width:610px!important;
  font-size:16px!important;
  line-height:1.85!important;
}
:where(body.ax-resumeparser,body.ax-jobparser) :where(.button_blue,.page-banner button,.file_btn){
  border:0!important;
  border-radius:9px!important;
  color:#fff!important;
  background:#2f7df4!important;
  box-shadow:0 8px 16px rgba(20,84,190,.24)!important;
  font-weight:600!important;
  transition:transform .22s ease-out,background-color .22s ease-out!important;
}
:where(body.ax-resumeparser,body.ax-jobparser) :where(.button_blue,.page-banner button,.file_btn):hover{
  background:#438df7!important;
  transform:translateY(-2px);
}

/* Resume parser */
body.ax-resumeparser .page-banner>.content{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;
  align-items:center!important;
  gap:56px!important;
}
body.ax-resumeparser .page-banner .text{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  max-width:620px!important;
}
body.ax-resumeparser .page-banner .resumes{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:460px!important;
  border:1px solid var(--rx-line);
  border-radius:14px;
  background:rgba(4,20,42,.6);
  overflow:hidden;
}
body.ax-resumeparser .page-banner .progress{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-112px!important;
  top:auto!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
}
body.ax-resumeparser .page-banner .progress .list{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
}
body.ax-resumeparser .page-banner .progress .step{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-height:78px;
  padding:14px 14px 14px 62px;
  box-sizing:border-box;
  border-top:1px solid var(--rx-line);
}
body.ax-resumeparser .page-banner .progress .circle{
  left:10px!important;
  top:14px!important;
}
body.ax-resumeparser .page-banner .progress .line{display:none!important}

body.ax-resumeparser :where(.page-1,.page-2,.page-3){
  height:auto!important;
  min-height:0!important;
  padding:110px max(24px,calc((100vw - 1180px)/2))!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.ax-resumeparser .page-1>.title,
body.ax-resumeparser .page-2>.title{width:100%!important;margin:0 0 72px!important}
body.ax-resumeparser :where(.page-1,.page-2) .title h3{
  color:var(--rx-title)!important;
  font-size:clamp(32px,4vw,48px)!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
body.ax-resumeparser .page-1>.list{
  width:100%!important;
  min-height:470px!important;
  margin:0 0 72px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  gap:72px!important;
}
body.ax-resumeparser .page-1>.list:nth-of-type(even) .left{order:2}
body.ax-resumeparser .page-1>.list:nth-of-type(even) .right{order:1}
body.ax-resumeparser .page-1>.list>:where(.left,.right){
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
}
body.ax-resumeparser .page-1 .text{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  max-width:560px!important;
}
body.ax-resumeparser .page-1 .text h5{color:var(--rx-title)!important;font-size:32px!important;line-height:1.25!important}
body.ax-resumeparser .page-1 .text h6{color:var(--rx-cyan)!important;font-size:16px!important}
body.ax-resumeparser .page-1 .text li{color:var(--rx-copy)!important;line-height:1.9!important}

body.ax-resumeparser .page-2>.content{
  width:100%!important;
  min-height:560px!important;
  padding:46px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr)!important;
  align-items:center!important;
  gap:48px!important;
  border-radius:14px!important;
  background:var(--rx-paper)!important;
  color:var(--rx-ink)!important;
  box-shadow:0 8px 20px rgba(0,8,25,.22)!important;
}
body.ax-resumeparser .page-2 :where(.carousel,.result-content){
  position:relative!important;
  inset:auto!important;
  width:100%!important;
}
body.ax-resumeparser .page-2 .result-content{
  color:var(--rx-ink)!important;
  background:#fff!important;
  border:1px solid #dce7f3!important;
  border-radius:12px!important;
}
body.ax-resumeparser .page-2 .result-content :where(h4,p,span,b,em,strong){color:var(--rx-ink)!important}
body.ax-resumeparser .page-3>.content{
  width:100%!important;
  min-height:360px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:52px!important;
  box-sizing:border-box!important;
  border:1px solid var(--rx-line);
  border-radius:14px;
  background:linear-gradient(120deg,rgba(9,39,73,.78),rgba(8,27,52,.8))!important;
}

/* Job parser */
body.ax-jobparser .page-banner .carousel,
body.ax-jobparser .page-banner .carousel>ul.list,
body.ax-jobparser .page-banner .carousel>ul.list>li{
  width:100%!important;
  height:100%!important;
}
body.ax-jobparser .page-banner .carousel{
  position:relative!important;
  inset:0 auto auto 0!important;
  margin:0!important;
  transform:none!important;
}
body.ax-jobparser .page-banner .carousel>ul.list>li.active{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;
  align-items:center!important;
  gap:56px!important;
}
body.ax-jobparser .page-banner .text,
body.ax-jobparser .page-banner .image{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  margin:0!important;
}
body.ax-jobparser .page-banner .image{
  height:430px!important;
  border:1px solid var(--rx-line);
  border-radius:14px;
  background:rgba(4,20,42,.5);
  overflow:hidden;
}
body.ax-jobparser .yoojober-step-line{
  display:inline-block;
  margin-top:18px;
  color:var(--rx-muted)!important;
  font-size:12px;
}
body.ax-jobparser .page-1{
  height:auto!important;
  min-height:0!important;
  padding:48px max(24px,calc((100vw - 1180px)/2)) 120px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.ax-jobparser .page-1 .function-list{
  width:100%!important;
  height:auto!important;
  margin:0 0 120px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  border:1px solid var(--rx-line)!important;
  border-radius:14px!important;
  background:rgba(8,29,56,.74)!important;
  box-shadow:none!important;
}
body.ax-jobparser .page-1 .function-list .ai-hr{display:none!important}
body.ax-jobparser .page-1 .function-list a{
  width:auto!important;
  min-height:118px!important;
  padding:22px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
body.ax-jobparser .page-1 .function-list a:hover{background:rgba(41,108,190,.14)!important;border-color:var(--rx-line)!important}
body.ax-jobparser .page-1 .function-list a :where(.image,.text){
  position:relative!important;
  inset:auto!important;
  float:none!important;
  margin:0!important;
}
body.ax-jobparser .page-1 .function-list a .image{flex:0 0 68px}
body.ax-jobparser .page-1 .function-list a .text{width:auto!important;flex:1}
body.ax-jobparser .page-1 .function-list a .top label{color:var(--rx-title)!important}
body.ax-jobparser .page-1 .function-list a .top span{color:var(--rx-cyan)!important;background:transparent!important}
body.ax-jobparser .page-1 .function-list a .bottom{color:var(--rx-copy)!important}
body.ax-jobparser .page-1 :where(.ai-desc,.ai-desc-list){
  width:100%!important;
  max-width:1120px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
}
body.ax-jobparser .page-1 .ai-desc{margin-bottom:96px!important;text-align:center}
body.ax-jobparser .page-1 .ai-desc h2{color:var(--rx-title)!important;font-size:40px!important}
body.ax-jobparser .page-1 .ai-desc h3{color:var(--rx-muted)!important}
body.ax-jobparser .ai-desc-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:88px 72px!important;
  align-items:center!important;
}
body.ax-jobparser .ai-desc-list>:where(.match-graph,.job-graph,.parse-graph,.text){
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  margin:0!important;
}
body.ax-jobparser .ai-desc-list>.text h3{color:var(--rx-title)!important;font-size:32px!important}
body.ax-jobparser .ai-desc-list>.text h4{color:var(--rx-copy)!important;line-height:1.8!important}
body.ax-jobparser .ai-desc-list>.empty{display:none!important}
body.ax-jobparser .page-2{
  height:auto!important;
  min-height:520px!important;
  padding:76px max(24px,calc((100vw - 1180px)/2))!important;
  background:transparent!important;
}
body.ax-jobparser .page-2>.content{
  width:100%!important;
  height:390px!important;
  border:1px solid var(--rx-line);
  border-radius:14px;
  background:rgba(8,31,58,.78)!important;
  overflow:hidden;
}

/* Talent graph */
body.ax-talentgraph .knowledge-bg{display:none!important}
body.ax-talentgraph .knowledge-content{width:100%!important;padding:0!important}
body.ax-talentgraph :where(.section_first,.section_two,.section_three,.section_four,.section_five){
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  padding:110px max(24px,calc((100vw - 1180px)/2))!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.ax-talentgraph .section_first{
  min-height:760px!important;
  padding-top:150px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)!important;
  align-items:center!important;
  gap:60px!important;
}
body.ax-talentgraph .section_first :where(.text_btn_container,.industry-banner-img_left,.industry-banner-img){
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
}
body.ax-talentgraph .section_first .industry-banner-img_left{display:none!important}
body.ax-talentgraph .section_first .industry-banner-img{
  padding:34px;
  box-sizing:border-box;
  border:1px solid var(--rx-line);
  border-radius:14px;
  background:rgba(7,28,54,.72);
}
body.ax-talentgraph .section_first .industry-banner-img img{display:block;width:100%!important;height:auto!important;filter:saturate(.9) brightness(.98)}
body.ax-talentgraph .section_first .text_btn_container{
  display:block!important;
  align-items:initial!important;
}
body.ax-talentgraph .section_first .display_down{
  width:100%!important;
  height:auto!important;
  margin:0!important;
}
body.ax-talentgraph .section_first .typing-container{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:12px 0 0!important;
}
body.ax-talentgraph .section_first .typing-container h1{
  display:block!important;
  width:auto!important;
  margin:0!important;
}
body.ax-talentgraph .section_first h3{color:var(--rx-cyan)!important;font-size:20px!important}
body.ax-talentgraph .section_first h1{
  color:var(--rx-title)!important;
  font-size:clamp(48px,5.2vw,72px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
body.ax-talentgraph .section_first h4{max-width:670px;color:var(--rx-copy)!important;font-size:16px!important;line-height:1.9!important}
body.ax-talentgraph :where(.section_two,.section_three,.section_four,.section_five)>h3{
  color:var(--rx-cyan)!important;
  font-size:20px!important;
  margin-bottom:18px!important;
}
body.ax-talentgraph :where(.section_two,.section_three,.section_four,.section_five)>.typing-container h2{
  color:var(--rx-title)!important;
  font-size:clamp(32px,4vw,48px)!important;
  line-height:1.2!important;
}
body.ax-talentgraph .section_two .content-cards{
  margin-top:70px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  border-block:1px solid var(--rx-line);
}
body.ax-talentgraph .section_two .card{
  min-height:300px!important;
  padding:42px 34px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-right:1px solid var(--rx-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ax-talentgraph .section_two .card:last-child{border-right:0!important}
body.ax-talentgraph .card-title{color:var(--rx-title)!important;font-size:24px!important}
body.ax-talentgraph .card-content{color:var(--rx-copy)!important;line-height:1.8!important}
body.ax-talentgraph .section_three .content-cards{
  margin-top:64px!important;
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:14px!important;
}
body.ax-talentgraph .section_three .card{
  min-height:240px!important;
  padding:34px!important;
  box-sizing:border-box!important;
  border:1px solid var(--rx-line)!important;
  border-radius:12px!important;
  background:rgba(9,37,69,.74)!important;
  box-shadow:none!important;
}
body.ax-talentgraph .section_four .content-knowledge{
  width:100%!important;
  margin-top:60px!important;
  padding:30px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  background:var(--rx-paper)!important;
  box-shadow:0 8px 20px rgba(0,8,25,.22)!important;
}
body.ax-talentgraph .section_four .content-knowledge-top img{display:block;width:100%!important;height:auto!important}
body.ax-talentgraph .section_four .content-knowledge-bottom,
body.ax-talentgraph .section_four .hr-content{
  width:100%!important;
  min-height:520px!important;
  border-radius:10px!important;
  background:#fff!important;
}
body.ax-talentgraph #map-reload{
  border:0!important;
  border-radius:8px!important;
  background:var(--rx-blue)!important;
  color:#fff!important;
}
body.ax-talentgraph .section_five .content-cards{
  margin-top:60px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
}
body.ax-talentgraph .section_five .card{
  border:1px solid var(--rx-line)!important;
  border-radius:12px!important;
  background:rgba(8,34,64,.76)!important;
  box-shadow:none!important;
}

@media(max-width:820px){
  :where(body.ax-resumeparser,body.ax-jobparser) .page-banner{
    min-height:0!important;
    padding:118px 20px 100px!important;
  }
  :where(body.ax-resumeparser,body.ax-jobparser) .page-banner:before{inset:96px 12px 30px!important}
  :where(body.ax-resumeparser,body.ax-jobparser) .page-banner>.content{height:auto!important}
  body.ax-resumeparser .page-banner>.content,
  body.ax-jobparser .page-banner .carousel>ul.list>li.active,
  body.ax-talentgraph .section_first{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  :where(body.ax-resumeparser,body.ax-jobparser) .page-banner .text h2,
  body.ax-talentgraph .section_first h1{font-size:clamp(40px,11vw,52px)!important}
  body.ax-resumeparser .page-banner .resumes{height:360px!important}
  body.ax-resumeparser .page-banner .progress{position:relative!important;bottom:auto!important;margin-top:18px}
  body.ax-resumeparser .page-banner .progress .list{grid-template-columns:1fr!important}
  body.ax-resumeparser :where(.page-1,.page-2,.page-3),
  body.ax-jobparser .page-1,
  body.ax-jobparser .page-2,
  body.ax-talentgraph :where(.section_first,.section_two,.section_three,.section_four,.section_five){
    padding:72px 20px!important;
  }
  body.ax-resumeparser .page-1>.list,
  body.ax-resumeparser .page-2>.content,
  body.ax-jobparser .ai-desc-list{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  body.ax-resumeparser .page-1>.list:nth-of-type(even) .left,
  body.ax-resumeparser .page-1>.list:nth-of-type(even) .right{order:initial}
  body.ax-resumeparser .page-2>.content{padding:20px!important}
  body.ax-jobparser .page-banner .image{height:320px!important}
  body.ax-jobparser .page-1 .function-list{grid-template-columns:1fr!important;margin-bottom:72px!important}
  body.ax-jobparser .ai-desc-list>:where(.match-graph,.job-graph,.parse-graph){min-height:360px}
  body.ax-jobparser .page-2>.content{height:440px!important}
  body.ax-talentgraph .section_first{padding-top:120px!important}
  body.ax-talentgraph .section_first>*,
  body.ax-talentgraph .section_first .display_down,
  body.ax-talentgraph .section_first .typing-container{
    min-width:0!important;
    max-width:100%!important;
  }
  body.ax-talentgraph .section_first .typing-container h1{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:left!important;
  }
  body.ax-talentgraph .section_first h4{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:left!important;
  }
  body.ax-talentgraph .section_first .industry-banner-img{
    width:100%!important;
    padding:18px!important;
    overflow:hidden!important;
  }
  body.ax-talentgraph .section_two .content-cards,
  body.ax-talentgraph .section_three .content-cards{grid-template-columns:1fr!important}
  body.ax-talentgraph .section_two .card{border-right:0!important;border-bottom:1px solid var(--rx-line)!important}
  body.ax-talentgraph .section_four .content-knowledge{padding:12px!important}
  body.ax-talentgraph .section_four .content-knowledge-bottom,
  body.ax-talentgraph .section_four .hr-content{min-height:420px!important}
}

@media(prefers-reduced-motion:reduce){
  :where(body.ax-resumeparser,body.ax-jobparser,body.ax-talentgraph) *,
  :where(body.ax-resumeparser,body.ax-jobparser,body.ax-talentgraph) *:before,
  :where(body.ax-resumeparser,body.ax-jobparser,body.ax-talentgraph) *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}