:root{
  --jp-hero:#132440;
  --jp-engine:#0b1a33;
  --jp-engine-deep:#061226;
  --jp-blue:#5a78bd;
  --jp-blue-bright:#72b7ef;
  --jp-cyan:#56d9ed;
  --jp-ice:#b9e7ff;
  --jp-glass:rgba(15,40,66,.58);
  --jp-glass-strong:rgba(8,27,49,.78);
  --jp-white:rgba(255,255,255,.94);
  --jp-muted:rgba(225,239,250,.68);
  --jp-mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

*{box-sizing:border-box}
html.ax-jobparser-page{scroll-behavior:smooth}
body.ax-jobparser{
  margin:0;
  overflow-x:hidden;
  background:var(--jp-engine-deep);
  color:#10233f;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
}
body.ax-jobparser .aixunren-nav-shell{
  background:var(--jp-hero)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}
.jp-page{width:100%;overflow:hidden}
.jp-shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}

/* PIO resume-grader first screen */
.jp-grader{
  position:relative;
  padding:116px 32px 48px;
  overflow:hidden;
  color:#fff;
  background:var(--jp-hero);
}
.jp-grader__intro{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  gap:40px;
  width:100%;
  margin-inline:auto;
}
.jp-grader__copy{
  position:relative;
  z-index:2;
  width:66.666667%;
}
.jp-grader__badge{
  display:inline-flex;
  align-items:center;
  padding:6px 16px;
  border-radius:999px;
  color:#312e81;
  background:#e0e7ff;
  font-size:16px;
  font-weight:600;
  line-height:20px;
  margin-bottom:24px;
}
.jp-grader__copy h1{
  margin:0 0 24px;
  color:#fff;
  font-size:48px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
}
.jp-grader__copy p{
  margin:0;
  color:#d1d5db;
  font-size:20px;
  line-height:1.625;
}
.jp-grader__person{
  z-index:1;
  width:33.333333%;
  padding-top:64px;
}
.jp-grader__person img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
}
.jp-grader__workspace{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  width:100%;
  height:656px;
  margin-inline:auto;
  padding:48px;
  border:2px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.jp-grader__benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.jp-grader__benefits article{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:246px;
  padding:22px 22px 20px;
  border:1px solid #e2e6eb;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 5px rgba(13,38,62,.08);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.jp-grader__benefits article:hover{
  border-color:#cbd4df;
  box-shadow:0 4px 8px rgba(13,38,62,.1);
  transform:translateY(-2px);
}
.jp-benefit-icon{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-bottom:13px;
}
.jp-benefit-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jp-benefit-icon--blue{color:#3478f6}
.jp-benefit-icon--amber{color:#d59a17}
.jp-benefit-icon--green{color:#27ae60}
.jp-benefit-icon--purple{color:#9a4cf0}
.jp-grader__benefits strong{
  display:block;
  margin-bottom:6px;
  color:#0d263e;
  font-size:16px;
  font-weight:500;
  line-height:22px;
}
.jp-grader__benefits p{
  margin:0;
  color:#263c51;
  font-size:16px;
  line-height:22px;
}
.jp-grader__spacer{flex:0 0 260px}
.jp-upload{
  display:flex;
  align-items:center;
  min-height:50px;
  padding:0 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
}
.jp-upload input{
  flex:1;
  min-width:0;
  height:48px;
  padding:0 8px;
  border:0;
  outline:0;
  color:#10233f;
  background:transparent;
  font:inherit;
  font-size:16px;
  cursor:pointer;
}
.jp-upload input::placeholder{color:#9ca3af;opacity:1}
.jp-upload__button,.jp-upload__send{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  color:#142744!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
}
.jp-upload__button:hover,.jp-upload__send:hover{background:#eef3f9!important}
.jp-upload__button:focus-visible,.jp-upload__send:focus-visible,.jp-upload input:focus-visible{outline:3px solid rgba(79,124,255,.32);outline-offset:1px}
.jp-upload svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jp-upload__file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* Xiaoxi JD engine */
.jp-engine{
  position:relative;
  color:var(--jp-white);
  background:
    linear-gradient(180deg,var(--jp-hero) 0,rgba(20,39,68,.94) 90px,rgba(20,39,68,0) 320px),
    radial-gradient(circle at 14% 28%,rgba(86,217,237,.09),transparent 25%),
    radial-gradient(circle at 88% 48%,rgba(90,120,189,.13),transparent 30%),
    linear-gradient(180deg,var(--jp-hero) 0,#112641 180px,#0e223c 360px,var(--jp-engine) 640px,#08182d 76%,var(--jp-engine-deep) 100%);
  font-family:"Space Grotesk","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
}
.jp-engine:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(132,205,240,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(132,205,240,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent);
}
.jp-engine>section{position:relative;z-index:1}
.jp-engine h2,.jp-engine h3{color:#fff;text-wrap:balance}
.jp-kicker{
  display:block;
  margin-bottom:16px;
  color:rgba(255,255,255,.42);
  font-family:var(--jp-mono);
  font-size:12px;
  letter-spacing:.16em;
}
.jp-kicker--purple{color:#78c9f3}
.jp-centered{max-width:820px;text-align:center}
.jp-why{padding:64px 0 40px}
.jp-why h2{margin:0 0 18px;font-size:32px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.jp-why p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.64);font-size:16px;line-height:1.85;text-wrap:pretty}
.jp-text-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:22px;
  color:#89d5ff;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  transition:gap .2s ease;
}
.jp-text-link:hover{gap:11px}
.jp-api{padding:20px 0 68px}
.jp-api__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
.jp-api__copy h2{margin:0 0 16px;font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.jp-api__copy>p{margin:0 0 22px;color:var(--jp-muted);font-size:16px;line-height:1.75;text-wrap:pretty}
.jp-endpoint{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:100%;
  padding:11px 15px;
  border:1px solid rgba(137,213,255,.34);
  border-radius:11px;
  color:#fff;
  background:linear-gradient(145deg,rgba(100,183,226,.15),rgba(13,39,68,.38));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(54,158,204,.12),
    0 12px 34px rgba(1,12,29,.24);
  backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  font-family:var(--jp-mono);
  font-size:12px;
  word-break:break-all;
}
.jp-endpoint i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--jp-cyan);box-shadow:0 0 8px var(--jp-cyan)}
.jp-language-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.jp-language-tabs button{
  padding:5px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  color:rgba(255,255,255,.6);
  background:transparent;
  font-family:var(--jp-mono);
  font-size:12px;
  cursor:pointer;
}
.jp-language-tabs button:hover,.jp-language-tabs button.is-active{
  border-color:rgba(137,213,255,.55);
  color:#fff;
  background:linear-gradient(145deg,rgba(101,187,232,.20),rgba(17,55,91,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(1,13,30,.22);
}
.jp-language-tabs button:focus-visible{outline:2px solid var(--jp-cyan);outline-offset:2px}
.jp-code-card{
  width:100%;
  min-width:0;
  padding:1px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(203,237,255,.62),rgba(79,183,224,.42) 42%,rgba(255,255,255,.10) 72%,rgba(48,133,184,.38));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 28px 80px rgba(1,11,27,.48),
    0 8px 24px rgba(55,166,213,.12);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
.jp-code-card>div,.jp-code-card>pre{
  background:
    radial-gradient(circle at 18% 0,rgba(112,196,235,.09),transparent 34%),
    linear-gradient(150deg,rgba(16,42,69,.90),rgba(6,24,44,.94));
}
.jp-code-card__bar{
  display:flex;
  align-items:center;
  gap:6px;
  padding:11px 14px;
  border-radius:15px 15px 0 0;
  border-bottom:1px solid rgba(180,225,248,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.jp-code-card__bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.jp-code-card__bar b{margin-left:10px;color:rgba(255,255,255,.45);font-family:var(--jp-mono);font-size:12px;font-weight:400}
.jp-code-card pre{
  width:100%;
  max-width:100%;
  min-height:114px;
  margin:0;
  padding:20px 22px;
  overflow-x:auto;
  border-radius:0 0 15px 15px;
  color:rgba(255,255,255,.82);
  font-family:var(--jp-mono);
  font-size:12px;
  line-height:1.9;
  white-space:pre;
}
.jp-depth{padding:44px 0 100px}
.jp-depth__heading{max-width:640px;margin:0 auto 60px;text-align:center}
.jp-depth__heading h2{margin:0;font-size:32px;font-weight:600;letter-spacing:-.025em}
.jp-depth__rows{display:flex;flex-direction:column;gap:78px}
.jp-deep-row{display:flex;align-items:center;gap:64px}
.jp-deep-row>*{flex:1 1 0;min-width:0}
.jp-deep-row--reverse .jp-viz{order:2}
.jp-deep-row--reverse .jp-deep-copy{order:1}
.jp-viz{
  position:relative;
  min-height:326px;
  padding:27px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:18px;
  background:
    radial-gradient(circle at 16% 0,rgba(116,205,242,.11),transparent 38%) padding-box,
    linear-gradient(145deg,rgba(18,48,78,.72),rgba(6,24,44,.84)) padding-box,
    linear-gradient(135deg,rgba(206,239,255,.55),rgba(80,188,226,.36) 42%,rgba(255,255,255,.09) 72%,rgba(40,137,182,.42)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(31,127,176,.13),
    0 30px 70px rgba(1,11,27,.42),
    0 8px 26px rgba(47,166,214,.10);
  backdrop-filter:blur(26px) saturate(155%);
  -webkit-backdrop-filter:blur(26px) saturate(155%);
}
.jp-viz:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:radial-gradient(circle,rgba(113,204,241,.72) 1px,transparent 1.4px);
  background-size:12px 12px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
  pointer-events:none;
}
.jp-viz:after{
  content:"";
  position:absolute;
  z-index:0;
  top:-45%;
  left:-12%;
  width:72%;
  height:76%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(211,242,255,.12),transparent 68%);
  transform:rotate(-12deg);
  pointer-events:none;
}
.jp-viz>*{position:relative;z-index:1}
.jp-viz__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:rgba(255,255,255,.5);font-family:var(--jp-mono);font-size:12px}
.jp-viz__meta b{color:#7fe6ea;font-weight:500}
.jp-viz--entities{display:flex;flex-direction:column;justify-content:center}
.jp-viz--entities>p{margin:0;color:rgba(255,255,255,.8);font-size:16px;line-height:2.2}
.jp-mark{display:inline;padding:1px 5px;border-radius:4px;color:#fff;font-weight:500}
.jp-mark--role{color:#d9f1ff;background:rgba(79,167,218,.30)}
.jp-mark--years{color:#bcd4ff;background:rgba(90,150,255,.26)}
.jp-mark--skill{color:#9fe6ea;background:rgba(56,224,230,.22)}
.jp-mark--salary{color:#96e6c0;background:rgba(60,205,150,.22)}
.jp-mark--place{background:rgba(255,255,255,.14)}
.jp-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:rgba(255,255,255,.5);font-family:var(--jp-mono);font-size:12px}
.jp-legend span{display:inline-flex;align-items:center;gap:6px}
.jp-legend i{width:8px;height:8px;border-radius:2px}
.jp-legend .is-role{background:#75c5ed}.jp-legend .is-years{background:#7ea6ff}.jp-legend .is-skill{background:#5fded0}.jp-legend .is-salary{background:#6bd6a0}
.jp-deep-copy{padding:16px 0}
.jp-index{display:block;margin-bottom:14px;color:#78c9f3;font-family:var(--jp-mono);font-size:12px;font-weight:600;letter-spacing:.08em}
.jp-deep-copy h3{margin:0 0 14px;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.jp-deep-copy>p{margin:0 0 20px;color:var(--jp-muted);font-size:16px;line-height:1.8;text-wrap:pretty}
.jp-deep-copy ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.jp-deep-copy li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.82);font-size:16px}
.jp-deep-copy li:before{
  content:"✓";
  display:grid;
  place-items:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  border-radius:6px;
  color:#fff;
  background:linear-gradient(135deg,#4f8fc5,var(--jp-cyan));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 7px 18px rgba(34,146,190,.20);
  font-size:12px;
}
.jp-viz--taxonomy{display:flex;flex-direction:column;justify-content:center}
.jp-viz--taxonomy h4{margin:0 0 14px;color:#b9e7ff;font-family:var(--jp-mono);font-size:12px;font-weight:400}
.jp-taxonomy{display:flex;flex-direction:column;gap:12px}
.jp-taxonomy>div{display:flex;align-items:flex-start;gap:12px}
.jp-taxonomy>div>span{padding-top:2px;color:rgba(104,202,241,.82);font-family:var(--jp-mono);font-size:12px}
.jp-taxonomy section b{display:block;margin-bottom:6px;color:#fff;font-size:12px;font-weight:500}
.jp-taxonomy section p{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.jp-taxonomy em{
  padding:6px 11px;
  border:1px solid rgba(137,213,255,.27);
  border-radius:8px;
  color:#cceeff;
  background:linear-gradient(145deg,rgba(93,181,225,.14),rgba(9,38,65,.32));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 16px rgba(1,12,28,.18);
  font-family:var(--jp-mono);
  font-size:12px;
  font-style:normal;
}
.jp-viz--profile{display:flex;flex-direction:column;justify-content:center}
.jp-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.jp-profile-grid>div{
  padding:11px 13px;
  border:1px solid rgba(180,225,248,.13);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(14,43,70,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 22px rgba(1,11,27,.12);
}
.jp-profile-grid small{display:block;margin-bottom:4px;color:rgba(255,255,255,.4);font-family:var(--jp-mono);font-size:12px}
.jp-profile-grid strong{color:#fff;font-size:12px;font-weight:500}

@media(min-width:768px){
  .jp-api__grid>.jp-code-card{
    width:90%;
    justify-self:end;
  }
  .jp-deep-row>.jp-viz{
    flex:0 0 calc((100% - 64px)*.45);
  }
}

@media(min-width:640px){
  .jp-grader__intro,.jp-grader__workspace{max-width:576px}
}

@media(min-width:768px){
  .jp-grader__intro,.jp-grader__workspace{max-width:704px}
}

@media(min-width:1024px){
  .jp-grader{padding-top:88px}
  .jp-grader__intro{height:316px}
  .jp-grader__copy{
    width:min(770px,64%);
    padding-bottom:31px;
  }
  .jp-grader__copy h1{
    line-height:1;
    letter-spacing:-.025em;
  }
  .jp-grader__person{
    position:absolute;
    right:35px;
    bottom:0;
    width:385px;
    height:316px;
    padding-top:0;
    overflow:hidden;
  }
  .jp-grader__person img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
  }
  .jp-grader__intro,.jp-grader__workspace{max-width:960px}
}

@media(min-width:1280px){
  .jp-grader__intro,.jp-grader__workspace{max-width:1216px}
}

@media(min-width:1536px){
  .jp-grader__intro,.jp-grader__workspace{max-width:1472px}
}

@media(max-width:1023px){
  .jp-grader{padding-inline:32px}
  .jp-grader__copy h1{font-size:36px}
  .jp-grader__person{padding-top:48px}
  .jp-grader__workspace{padding-inline:32px}
  .jp-grader__benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .jp-grader__benefits article{padding-inline:18px}
  .jp-grader__spacer{flex-basis:260px}
  .jp-shell{width:min(100% - 48px,1180px)}
  .jp-api__grid,.jp-deep-row{gap:34px}
  .jp-deep-row>.jp-viz{flex-basis:calc((100% - 34px)*.45)}
}

@media(max-width:767px){
  .jp-shell{width:calc(100% - 32px)}
  .jp-grader{padding:104px 16px 24px}
  .jp-grader__intro{flex-direction:column;align-items:center;gap:24px}
  .jp-grader__copy{width:100%}
  .jp-grader__badge{padding:4px 12px;margin-bottom:16px;font-size:12px;line-height:16px}
  .jp-grader__copy h1{margin-bottom:16px;font-size:24px;line-height:1.25}
  .jp-grader__copy p{margin-bottom:24px;font-size:16px;line-height:1.625}
  .jp-grader__person{width:100%;padding-top:0}
  .jp-grader__workspace{height:923px;min-height:923px;padding:12px 10px 14px;border-radius:10px}
  .jp-grader__benefits{grid-template-columns:1fr;gap:8px}
  .jp-grader__benefits article{min-height:138px;padding:13px 14px 12px}
  .jp-grader__benefits article:hover{transform:none}
  .jp-benefit-icon{width:20px;height:20px;margin-bottom:5px}
  .jp-benefit-icon svg{width:18px;height:18px}
  .jp-grader__benefits strong{margin-bottom:3px;font-size:12px;line-height:18px}
  .jp-grader__benefits p{font-size:12px;line-height:17px}
  .jp-grader__spacer{flex-basis:200px}
  .jp-upload{padding-inline:8px}
  .jp-upload input{font-size:16px}
  .jp-why{padding:58px 0 34px}
  .jp-why h2{font-size:28px}
  .jp-why p{font-size:16px;line-height:1.75}
  .jp-api{padding:28px 0 64px}
  .jp-api__grid{grid-template-columns:1fr;gap:34px}
  .jp-api__copy h2{font-size:28px}
  .jp-api__copy>p{font-size:16px}
  .jp-code-card pre{font-size:12px}
  .jp-depth{padding-top:28px}
  .jp-depth__heading{margin-bottom:42px}
  .jp-depth__heading h2{font-size:28px}
  .jp-depth__rows{gap:70px}
  .jp-deep-row{flex-direction:column;gap:28px}
  .jp-deep-row--reverse .jp-viz,.jp-deep-row--reverse .jp-deep-copy{order:initial}
  .jp-deep-row>*{width:100%}
  .jp-viz{min-height:340px;padding:22px}
  .jp-deep-copy{padding:0}
  .jp-deep-copy h3{font-size:24px}
}

@media(max-width:430px){
  .jp-grader__copy h1{font-size:24px}
  .jp-grader__workspace{padding:16px}
  .jp-grader__spacer{flex-basis:200px}
  .jp-upload input{font-size:16px}
  .jp-endpoint{font-size:12px}
  .jp-viz{min-height:320px;padding:18px}
  .jp-viz--entities>p{font-size:12px;line-height:2}
  .jp-profile-grid strong{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  html.ax-jobparser-page{scroll-behavior:auto}
  .jp-text-link,.jp-language-tabs button,.jp-upload__button,.jp-upload__send{transition:none!important}
}