/* 就业星图与全站核心内容统一为 1440px 视觉宽度。 */
@media(min-width:981px){
  .results{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .results .results-heading,
  .results .employment-universe,
  .results .result-note{
    width:100%!important;
    max-width:1440px!important;
  }
  .results .results-heading{
    grid-template-columns:220px minmax(0,1fr) 360px!important;
    align-items:center!important;
    gap:32px!important;
  }
  .results .results-heading>p,
  .results .results-heading>h2,
  .results .results-heading>span{
    white-space:nowrap!important;
  }
}

@media(min-width:981px) and (max-width:1180px){
  .results .results-heading{
    grid-template-columns:190px minmax(0,1fr) 300px!important;
    gap:16px!important;
  }
  .results .results-heading>p{gap:8px!important;letter-spacing:1px!important}
  .results .results-heading>p::before,
  .results .results-heading>p::after{width:18px!important}
  .results .results-heading>h2{font-size:clamp(22px,2.4vw,28px)!important}
  .results .results-heading>span{font-size:9px!important}
}

/* 294 — factual employment matrix: no stars, no floating motion, no network lines. */
@media(min-width:761px){
  .employment-matrix{
    box-sizing:border-box;
    height:500px;
    padding:94px 28px 28px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:1px;
    background:#12382f;
    border:1px solid rgba(22,131,90,.22);
    box-shadow:0 30px 70px rgba(5,45,35,.14);
  }
  .employment-matrix::before,
  .employment-matrix::after,
  .employment-matrix canvas{display:none!important}
  .employment-matrix .employment-center{
    position:absolute;
    top:0;
    right:28px;
    left:28px;
    width:auto;
    height:72px;
    padding:0;
    display:flex;
    align-items:center;
    gap:20px;
    border-bottom:1px solid rgba(255,255,255,.13);
    text-align:left;
    transform:none;
  }
  .employment-matrix .employment-center small{color:#d8ad55;letter-spacing:2px}
  .employment-matrix .employment-center b{margin:0;color:#fff;font-size:19px;letter-spacing:1px}
  .employment-matrix .employment-center span{margin-left:auto;color:rgba(255,255,255,.45);font-size:8px}
  .employment-matrix .employment-star,
  .employment-matrix .employment-star.size-lg,
  .employment-matrix .employment-star.size-sm{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    min-width:0;
    padding:17px 16px;
    display:block;
    overflow:hidden;
    opacity:1;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.075);
    color:#fff;
    transform:none!important;
    scale:1;
    filter:none;
    transition:background-color .2s ease,border-color .2s ease;
  }
  .employment-matrix .employment-star:hover,
  .employment-matrix .employment-star:focus-visible{
    z-index:2;
    background:rgba(22,131,90,.18);
    border-color:rgba(119,211,174,.42);
    scale:1;
    filter:none;
  }
  .employment-matrix:has(.employment-star:hover) .employment-star:not(:hover){opacity:1}
  .employment-matrix .employment-star::before{
    left:0;
    top:17px;
    width:2px;
    height:22px;
    border-radius:0;
    background:#2aa878;
    box-shadow:none;
  }
  .employment-matrix .employment-logo,
  .employment-matrix .size-lg .employment-logo,
  .employment-matrix .size-sm .employment-logo{
    display:block;
    margin-bottom:11px;
    color:#f1f5f3!important;
    font-size:16px;
    letter-spacing:0;
  }
  .employment-matrix .employment-star>div{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px 8px;
  }
  .employment-matrix .employment-star b{grid-column:1;color:#fff;font-size:10px}
  .employment-matrix .employment-star strong{grid-column:2;grid-row:1;color:#77d3ae;font-size:15px}
  .employment-matrix .employment-star em{grid-column:1;color:rgba(255,255,255,.55);font-size:8px}
  .employment-matrix .employment-star small{grid-column:2;color:rgba(255,255,255,.36);font-size:7px}
}

/* 296 — 保留星辰意象，改为克制的“数据星轨”背景。 */
@media(min-width:761px){
  .employment-matrix{
    isolation:isolate;
    background:
      radial-gradient(ellipse at 16% 18%,rgba(35,151,111,.18),transparent 30%),
      radial-gradient(ellipse at 82% 72%,rgba(42,133,105,.14),transparent 34%),
      linear-gradient(145deg,#092f27 0%,#123d33 52%,#082b24 100%);
  }
  .employment-matrix::before,
  .employment-matrix::after{
    content:"";
    position:absolute;
    inset:0;
    display:block!important;
    z-index:0;
    pointer-events:none;
  }
  .employment-matrix::before{
    opacity:.62;
    background:
      radial-gradient(circle at 7% 34%,rgba(177,240,215,.5) 0 1px,transparent 1.8px),
      radial-gradient(circle at 18% 78%,rgba(177,240,215,.32) 0 1px,transparent 1.7px),
      radial-gradient(circle at 31% 41%,rgba(216,173,85,.42) 0 1px,transparent 1.9px),
      radial-gradient(circle at 46% 84%,rgba(177,240,215,.38) 0 1.2px,transparent 2px),
      radial-gradient(circle at 58% 33%,rgba(177,240,215,.28) 0 1px,transparent 1.8px),
      radial-gradient(circle at 73% 88%,rgba(216,173,85,.35) 0 1px,transparent 1.8px),
      radial-gradient(circle at 91% 38%,rgba(177,240,215,.42) 0 1.2px,transparent 2px);
    animation:employmentMatrixGlow 7s ease-in-out infinite alternate;
  }
  .employment-matrix::after{
    opacity:.58;
    background:
      radial-gradient(ellipse 52% 76% at 50% 52%,transparent 48%,rgba(114,225,183,.16) 49%,transparent 50%),
      radial-gradient(ellipse 36% 58% at 50% 52%,transparent 48%,rgba(216,173,85,.11) 49%,transparent 50%);
    transform:rotate(-8deg) scale(1.12);
    animation:employmentGalaxyBreath 8s ease-in-out infinite alternate;
  }
  .employment-matrix canvas{
    display:block!important;
    z-index:1;
    opacity:1;
  }
  .employment-matrix .employment-center,
  .employment-matrix .employment-star{z-index:2}
  .employment-matrix .employment-center{
    background:linear-gradient(90deg,rgba(7,43,35,.88),rgba(13,60,49,.72),rgba(7,43,35,.88));
    backdrop-filter:blur(6px);
  }
  .employment-matrix .employment-star,
  .employment-matrix .employment-star.size-lg,
  .employment-matrix .employment-star.size-sm{
    background:rgba(6,43,35,.46);
    border-color:rgba(173,231,208,.08);
    backdrop-filter:blur(2px);
  }
  .employment-matrix .employment-star:nth-of-type(3n+1){background:rgba(12,57,47,.4)}
  .employment-matrix .employment-star:hover,
  .employment-matrix .employment-star:focus-visible{
    background:rgba(19,91,69,.78);
    border-color:rgba(133,225,189,.5);
  }
}
@keyframes employmentMatrixGlow{from{opacity:.42}to{opacity:.72}}
@keyframes employmentMatrixSweep{0%,30%{transform:translateX(-70%)}70%,100%{transform:translateX(70%)}}
@keyframes employmentGalaxyBreath{from{opacity:.42}to{opacity:.72}}
@media(prefers-reduced-motion:reduce){
  .employment-matrix::before,.employment-matrix::after{animation:none}
}
@media(max-width:760px){
  .employment-matrix{
    padding:24px 14px 20px;
    border:1px solid rgba(22,131,90,.2);
    background:
      radial-gradient(circle at 12% 18%,rgba(151,238,203,.38) 0 1px,transparent 2px),
      radial-gradient(circle at 78% 12%,rgba(216,173,85,.34) 0 1px,transparent 2px),
      radial-gradient(circle at 92% 52%,rgba(151,238,203,.3) 0 1px,transparent 2px),
      radial-gradient(circle at 23% 82%,rgba(151,238,203,.26) 0 1px,transparent 2px),
      linear-gradient(145deg,#092f27,#123d33 52%,#082b24)!important;
    box-shadow:0 22px 48px rgba(5,45,35,.12);
  }
  .employment-matrix::before{
    content:"";
    position:absolute;
    inset:0;
    display:block!important;
    pointer-events:none;
    opacity:.35;
    background:
      linear-gradient(32deg,transparent 14%,rgba(122,224,184,.18) 14.2%,transparent 14.6%) 0 0/52% 48%,
      linear-gradient(145deg,transparent 52%,rgba(122,224,184,.14) 52.2%,transparent 52.6%) 0 0/68% 60%;
  }
  .employment-matrix .employment-star,
  .employment-matrix .employment-star.size-lg,
  .employment-matrix .employment-star.size-sm{
    position:relative;
    z-index:1;
    padding:12px 10px 12px 14px;
    background:rgba(4,38,31,.48);
    border:1px solid rgba(173,231,208,.08);
  }
  .employment-matrix .employment-star::before{left:5px}
  .employment-matrix .employment-logo,
  .employment-matrix .size-lg .employment-logo,
  .employment-matrix .size-sm .employment-logo{color:#f0f6f3!important}
  .employment-matrix .employment-star b{color:#fff}
  .employment-matrix .employment-star em{color:rgba(235,245,241,.5)}
  .employment-matrix .employment-star strong{color:#8ce7c2}
}

/* 298 — 取消数据矩阵，改为真正的深空轨道式就业星系。 */
@media(min-width:761px){
  .employment-space{
    position:relative;
    display:block;
    height:620px;
    padding:0;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(96,197,159,.24);
    border-radius:2px;
    background:
      radial-gradient(ellipse at 68% 38%,rgba(35,132,116,.28) 0%,rgba(10,64,58,.18) 23%,transparent 49%),
      radial-gradient(ellipse at 28% 72%,rgba(40,83,125,.22) 0%,transparent 44%),
      radial-gradient(circle at 50% 52%,rgba(35,160,116,.2),transparent 25%),
      linear-gradient(145deg,#020d18 0%,#061c27 46%,#03151c 100%);
    box-shadow:0 32px 80px rgba(2,20,27,.28),inset 0 0 110px rgba(0,0,0,.42);
  }
  .employment-space::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 4% 13%,rgba(255,255,255,.8) 0 1px,transparent 1.8px),
      radial-gradient(circle at 9% 58%,rgba(134,232,204,.75) 0 1px,transparent 2px),
      radial-gradient(circle at 16% 31%,rgba(255,255,255,.55) 0 1px,transparent 1.7px),
      radial-gradient(circle at 21% 86%,rgba(216,173,85,.7) 0 1px,transparent 2px),
      radial-gradient(circle at 27% 18%,rgba(255,255,255,.72) 0 1px,transparent 1.8px),
      radial-gradient(circle at 34% 63%,rgba(134,232,204,.66) 0 1.2px,transparent 2.2px),
      radial-gradient(circle at 41% 8%,rgba(255,255,255,.65) 0 1px,transparent 1.8px),
      radial-gradient(circle at 47% 76%,rgba(255,255,255,.7) 0 1px,transparent 1.8px),
      radial-gradient(circle at 55% 24%,rgba(216,173,85,.62) 0 1px,transparent 2px),
      radial-gradient(circle at 62% 88%,rgba(255,255,255,.56) 0 1px,transparent 1.8px),
      radial-gradient(circle at 69% 16%,rgba(134,232,204,.74) 0 1px,transparent 2px),
      radial-gradient(circle at 76% 68%,rgba(255,255,255,.66) 0 1px,transparent 1.8px),
      radial-gradient(circle at 83% 29%,rgba(255,255,255,.58) 0 1px,transparent 1.8px),
      radial-gradient(circle at 91% 81%,rgba(216,173,85,.68) 0 1px,transparent 2px),
      radial-gradient(circle at 96% 46%,rgba(134,232,204,.72) 0 1px,transparent 2px);
    animation:employmentDeepTwinkle 6s ease-in-out infinite alternate;
  }
  .employment-space::after{
    content:"";
    position:absolute;
    left:50%;
    top:52%;
    z-index:1;
    width:78%;
    height:54%;
    border:1px solid rgba(108,222,183,.15);
    border-radius:50%;
    box-shadow:0 0 0 58px rgba(94,193,164,.035),0 0 80px rgba(41,173,130,.08);
    transform:translate(-50%,-50%) rotate(-8deg);
    pointer-events:none;
  }
  .employment-space canvas{display:block!important;position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:.8;pointer-events:none}
  .employment-space .employment-star,
  .employment-space .employment-star.size-lg,
  .employment-space .employment-star.size-sm{
    position:absolute;
    z-index:4;
    left:var(--x);
    top:var(--y);
    width:174px;
    min-height:64px;
    padding:11px 13px 10px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    opacity:.88;
    color:#fff;
    background:linear-gradient(135deg,rgba(12,42,56,.72),rgba(5,27,38,.42));
    border:1px solid rgba(139,231,201,.16);
    border-top-color:rgba(167,239,216,.34);
    border-radius:2px;
    backdrop-filter:blur(7px);
    box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
    transform:translate(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y)));
    transition:border-color .25s ease,background-color .25s ease,opacity .25s ease,filter .25s ease;
  }
  .employment-space .employment-star.size-lg{width:190px}
  .employment-space .employment-star.size-sm{width:160px;opacity:.68}
  .employment-space .employment-star::before{
    left:-7px;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#77efc0;
    box-shadow:0 0 0 5px rgba(119,239,192,.08),0 0 20px rgba(119,239,192,.85);
  }
  .employment-space .employment-logo,
  .employment-space .size-lg .employment-logo,
  .employment-space .size-sm .employment-logo{
    color:#effff9!important;
    font-size:15px;
    letter-spacing:-.2px;
    text-shadow:0 0 18px rgba(132,239,199,.18);
  }
  .employment-space .size-lg .employment-logo{font-size:18px}
  .employment-space .size-sm .employment-logo{font-size:13px}
  .employment-space .employment-star>div{display:grid;grid-template-columns:auto auto;gap:3px 7px}
  .employment-space .employment-star b{color:#fff;font-size:9px}
  .employment-space .employment-star em{color:rgba(226,242,236,.5);font-size:7px}
  .employment-space .employment-star strong{color:#7ae1bc;font-size:14px}
  .employment-space .employment-star small{color:rgba(226,242,236,.36);font-size:6px}
  .employment-space .employment-star:hover,
  .employment-space .employment-star:focus-visible{
    z-index:7;
    opacity:1;
    border-color:rgba(139,239,202,.62);
    background:linear-gradient(135deg,rgba(15,69,72,.9),rgba(5,34,45,.78));
    filter:drop-shadow(0 14px 26px rgba(0,0,0,.42));
  }
  .employment-space:has(.employment-star:hover) .employment-star:not(:hover){opacity:.32}
  .employment-space .employment-center{
    position:absolute;
    z-index:3;
    left:50%;
    top:52%;
    width:220px;
    height:220px;
    padding:0 22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(133,236,196,.2);
    border-radius:50%;
    background:radial-gradient(circle,rgba(22,114,91,.78) 0%,rgba(7,50,54,.68) 46%,rgba(3,20,31,.14) 70%,transparent 72%);
    box-shadow:0 0 48px rgba(63,221,164,.18),inset 0 0 45px rgba(58,211,158,.09);
    transform:translate(-50%,-50%);
  }
  .employment-space .employment-center::before{
    display:block;
    inset:-21px;
    border:1px dashed rgba(130,233,194,.18);
    border-radius:50%;
    background:none;
    filter:none;
    animation:employmentCoreOrbit 28s linear infinite;
  }
  .employment-space .employment-center small{color:#d8ad55;font-size:7px;letter-spacing:3px}
  .employment-space .employment-center b{margin:10px 0 8px;color:#fff;font-size:19px;letter-spacing:1px}
  .employment-space .employment-center span{color:rgba(229,246,239,.48);font-size:7px}
}
@keyframes employmentDeepTwinkle{from{opacity:.55}to{opacity:1}}
@keyframes employmentCoreOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .employment-space::before,.employment-space .employment-center::before{animation:none}
}
@media(max-width:760px){
  .employment-space{
    padding:24px 14px 20px;
    background:
      radial-gradient(ellipse at 65% 25%,rgba(35,132,116,.25),transparent 48%),
      linear-gradient(145deg,#020d18,#071f29 55%,#03151c)!important;
    border:1px solid rgba(96,197,159,.22);
  }
  .employment-space::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle,rgba(180,241,217,.42) 0 1px,transparent 1.7px);
    background-size:73px 59px;
    background-position:13px 19px;
    pointer-events:none;
  }
  .employment-space .employment-star,
  .employment-space .employment-star.size-lg,
  .employment-space .employment-star.size-sm{
    position:relative;
    z-index:1;
    padding:12px 10px 12px 14px;
    background:rgba(5,31,42,.64);
    border:1px solid rgba(139,231,201,.1);
  }
  .employment-space .employment-star::before{left:5px}
  .employment-space .employment-logo,
  .employment-space .size-lg .employment-logo,
  .employment-space .size-sm .employment-logo{color:#f0fff9!important}
  .employment-space .employment-star b{color:#fff}
}