:root {
      --color-bg: #24185a;
      --color-bg-card: rgba(49, 36, 110, 0.98);
      --color-brand-main: #6a82f9;
      --color-brand-dark: #5b4bc4;
      --color-gold: #8b6ff7;
      --color-gold-soft: #dcd6ff;
      --color-text-main: #f5f5f7;
      --color-text-soft: #d9dcff;
      --shadow-soft: 0 16px 36px rgba(0, 0, 0, 0.55);
      --radius-lg: 20px;
      --radius-md: 14px;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft Yahei", sans-serif;
      background: radial-gradient(circle at 0 0, #8b6ff7 0, #5b4bc4 32%, var(--color-bg) 100%);
      background-size: 200% 200%;
      animation: bgGlow 26s ease-in-out infinite alternate;
      color: var(--color-text-main);
      line-height: 1.9;
      font-size: 14px;
    }
    a { color: var(--color-gold); text-decoration: none; }
    a:hover { text-decoration: underline; }

    .page {
      max-width: 1120px;
      margin: 0 auto 60px;
      padding: 0 18px 60px;
      position: relative;
      z-index: 1;
    }

    .gold { color: var(--color-gold); }

    /* 背景粒子 */
    .bg-particles {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .bg-particles span {
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: rgba(139, 111, 247, 0.45);
      filter: blur(0.3px);
      animation: floatUp 16s linear infinite;
      opacity: 0;
    }
    .bg-particles span:nth-child(1) { left: 8%;  bottom: -10%; animation-duration: 18s; animation-delay: -4s; }
    .bg-particles span:nth-child(2) { left: 24%; bottom: -15%; animation-duration: 22s; animation-delay: -10s; }
    .bg-particles span:nth-child(3) { left: 42%; bottom: -12%; animation-duration: 20s; animation-delay: -7s; }
    .bg-particles span:nth-child(4) { left: 63%; bottom: -18%; animation-duration: 24s; animation-delay: -12s; }
    .bg-particles span:nth-child(5) { left: 78%; bottom: -14%; animation-duration: 19s; animation-delay: -5s; }
    .bg-particles span:nth-child(6) { left: 92%; bottom: -20%; animation-duration: 23s; animation-delay: -14s; }

    /* 顶部导航 */
    .topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 6px 6px;
      gap: 10px;
    }
    .topbar-left {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .topbar-logo {
      width: 40px;
      height: 40px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.55);
      background: #5b4bc4;
      flex-shrink: 0;
    }
    .topbar-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: transparent;
    }
    .topbar-title {
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 1px;
    }
    .topbar-sub {
      font-size: 11px;
      opacity: 0.75;
    }
    .topbar-right {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }
    .topbar-nav {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 12px;
    }
    .topbar-nav a {
      color: rgba(255, 255, 255, 0.75);
      padding: 4px 0;
      position: relative;
      white-space: nowrap;
    }
    .topbar-nav a::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -2px;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--color-gold), transparent);
      opacity: 0;
      transform: translateY(2px);
      transition: opacity 0.16s ease-out, transform 0.16s ease-out;
    }
    .topbar-nav a:hover {
      color: var(--color-gold);
      text-decoration: none;
    }
    .topbar-nav a:hover::after {
      opacity: 1;
      transform: translateY(0);
    }

    /* 优化后的联系方式条：PC 两行，H5 自动换行 */
    .topbar-cta {
      font-size: 11px;
      padding: 6px 12px;
      border-radius: 14px;
      background: linear-gradient(120deg, var(--color-gold), #6a82f9);
      color: #ffffff;
      font-weight: 600;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.65);
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 2px;
      animation: pulseSoft 3.6s ease-in-out infinite;
    }
    .topbar-cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    /* 顶部横幅 */
    .hero {
      margin-top: 6px;
      padding: 26px 20px 30px;
      border-radius: 22px;
      background: radial-gradient(circle at 10% 0, #9e8cff 0, var(--color-brand-main) 22%, var(--color-brand-dark) 48%, #171039 100%);
      color: #fff;
      position: relative;
      overflow: hidden;
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
      animation: heroFloat 8s ease-in-out infinite;
    }
    .hero::before {
      content: "";
      position: absolute;
      right: -15%;
      top: -45%;
      width: 55%;
      height: 150%;
      background: radial-gradient(circle at 0 50%, rgba(255, 255, 255, 0.7), transparent 65%);
      opacity: 0.25;
      transform: rotate(10deg);
    }
    .hero-inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr);
      gap: 26px;
      align-items: center;
    }
    .hero-main {
      display: flex;
      gap: 20px;
      align-items: center;
    }
    .hero-logo {
      flex: 0 0 150px;
      max-width: 150px;
    }
    .hero-logo img {
      width: 100%;
      border-radius: 18px;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.65);
      background: transparent;
      object-fit: contain;
    }
    .hero-text {
      flex: 1;
      min-width: 0;
    }
    .hero-kicker {
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      opacity: 0.85;
      margin-bottom: 4px;
    }
    .hero-title {
      font-size: 30px;
      font-weight: 800;
      letter-spacing: 2px;
      margin-bottom: 6px;
      text-shadow: 0 0 18px rgba(0, 0, 0, 0.45), 0 0 30px rgba(139, 111, 247, 0.3);
      animation: titleGlow 6s ease-in-out infinite;
    }
    .hero-subtitle {
      font-size: 15px;
      opacity: 0.92;
      margin-bottom: 16px;
      max-width: 520px;
      color: var(--color-text-soft);
    }
    .hero-tags {
      margin-bottom: 18px;
      font-size: 13px;
    }
    .tag {
      display: inline-flex;
      align-items: center;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.28);
      border: 1px solid rgba(255, 255, 255, 0.3);
      margin-right: 6px;
      margin-bottom: 6px;
      font-size: 11px;
    }
    .tag-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--color-gold);
      margin-right: 5px;
      animation: dotPulse 2.8s ease-in-out infinite;
    }
    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }
    .hero-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 9px 18px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 13px;
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.6);
      border: none;
      cursor: pointer;
      text-decoration: none;
      white-space: nowrap;
      transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
    }
    .hero-btn.primary {
      background: linear-gradient(135deg, var(--color-gold), #8b6ff7);
      color: #241852;
      animation: pulseSoft 3s ease-in-out infinite;
    }
    .hero-btn.secondary {
      background: rgba(0, 0, 0, 0.32);
      color: var(--color-gold-soft);
      border: 1px solid rgba(220, 214, 255, 0.5);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
    }
    .hero-btn:hover {
      transform: translateY(-1px) scale(1.02);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.75);
      text-decoration: none;
    }

    .hero-scene {
      position: relative;
      border-radius: 20px;
      overflow: hidden;
      background: radial-gradient(circle at 10% 0, #e1dbff 0, #735bea 30%, #24164f 100%);
      box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.55);
      min-height: 190px;
    }
    .hero-scene::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: var(--cms-hero-scene, url("../image/hero-scene.jpg"));
      background-size: cover;
      background-position: center;
      opacity: 0.25;
      mix-blend-mode: screen;
    }
    .hero-scene-inner {
      position: relative;
      z-index: 1;
      padding: 18px 18px 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }
    .hero-scene-title {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-bottom: 6px;
    }
    .hero-scene-text {
      font-size: 12px;
      opacity: 0.9;
      max-width: 260px;
      color: #eeeaff;
    }
    .hero-scene-tags {
      margin-top: auto;
      font-size: 11px;
      opacity: 0.9;
    }

    /* 公共 section */
    section {
      margin-top: 26px;
      padding: 22px 20px 20px;
      border-radius: var(--radius-lg);
      background: linear-gradient(145deg, rgba(22, 18, 48, 0.96), var(--color-bg-card));
      border: 1px solid rgba(139, 111, 247, 0.08);
      box-shadow: var(--shadow-soft);
      backdrop-filter: blur(10px);
    }
    .reveal {
      opacity: 0;
      transform: translateY(26px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .section-header {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 8px;
      margin-bottom: 10px;
    }
    .section-title {
      font-size: 20px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--color-gold);
    }
    .section-title::before {
      content: "";
      width: 32px;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--color-gold), transparent);
    }
    .section-sub {
      font-size: 11px;
      color: rgba(255, 255, 255, 0.55);
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    p {
      margin-bottom: 8px;
      font-size: 14px;
      color: var(--color-text-main);
    }
    ul {
      margin-left: 18px;
      margin-bottom: 4px;
      font-size: 14px;
      color: var(--color-text-soft);
    }
    li { margin-bottom: 4px; }

    /* 集团数据卡 */
    .about-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 12px;
      margin-top: 10px;
    }
    .about-card {
      border-radius: var(--radius-md);
      padding: 10px 12px;
      background: radial-gradient(circle at 0 0, rgba(139, 111, 247, 0.22), rgba(11, 9, 18, 1));
      border: 1px solid rgba(139, 111, 247, 0.2);
      font-size: 13px;
      box-shadow: 0 10px 22px rgba(0,0,0,0.5);
    }
    .about-card-title {
      font-size: 13px;
      font-weight: 600;
      color: var(--color-gold);
      margin-bottom: 4px;
    }
    .about-number {
      font-size: 18px;
      font-weight: 800;
      color: #f4f2ff;
      margin-bottom: 2px;
    }
    .about-card p {
      font-size: 13px;
      margin-bottom: 0;
      color: var(--color-text-soft);
    }

    /* 不录用标准 */
    .warn-box {
      border-radius: var(--radius-md);
      border: 1px solid rgba(106, 130, 249, 0.4);
      background: linear-gradient(135deg, rgba(91, 75, 196, 0.9), rgba(31, 24, 70, 0.95));
      padding: 12px 14px;
      font-size: 13px;
      color: #ebe8ff;
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.65);
    }

    /* 福利 */
    .benefit-group { margin-top: 10px; }
    .benefit-group-title {
      font-size: 14px;
      font-weight: 600;
      color: var(--color-gold);
      margin-bottom: 4px;
    }
    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 12px;
      margin-top: 6px;
    }
    .benefit {
      padding: 10px 12px 9px;
      border-radius: var(--radius-md);
      background: radial-gradient(circle at 0 0, rgba(139, 111, 247, 0.24), rgba(18, 16, 38, 1));
      border: 1px solid rgba(139, 111, 247, 0.14);
      font-size: 13px;
    }
    .benefit strong {
      display: block;
      margin-bottom: 4px;
      color: var(--color-gold);
      font-size: 13px;
    }
    .benefit ul { color: #f5f1ff; }

    /* 为什么选择星耀集团 */
    .why-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 12px;
      margin-top: 8px;
    }
    .why-item {
      border-radius: var(--radius-md);
      padding: 10px 12px;
      background: radial-gradient(circle at 0 0, rgba(139, 111, 247, 0.18), rgba(11, 9, 18, 1));
      border: 1px solid rgba(139, 111, 247, 0.18);
      font-size: 13px;
      box-shadow: 0 10px 22px rgba(0,0,0,0.55);
    }
    .why-title {
      font-size: 13px;
      font-weight: 600;
      color: var(--color-gold);
      margin-bottom: 4px;
    }
    .why-text {
      font-size: 13px;
      color: var(--color-text-soft);
    }

    /* 岗位卡片 */
    .jobs-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 16px;
      margin-top: 8px;
    }
    .job-card {
      border-radius: 16px;
      background: radial-gradient(circle at 0 0, rgba(139, 111, 247, 0.18), rgba(11, 9, 18, 1));
      border: 1px solid rgba(139, 111, 247, 0.16);
      padding: 12px 13px 11px;
      font-size: 13px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.7);
      transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;
    }
    .job-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 40%, transparent 60%, rgba(255, 255, 255, 0.06));
      opacity: 0;
      transition: opacity 0.2s ease-out;
      pointer-events: none;
    }
    .job-card:hover {
      transform: translateY(-4px) scale(1.01);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
      border-color: rgba(139, 111, 247, 0.4);
    }
    .job-card:hover::before { opacity: 1; }
    .job-label {
      position: absolute;
      right: -40px;
      top: 12px;
      transform: rotate(36deg);
      background: linear-gradient(120deg, var(--color-gold), #8b6ff7);
      color: #31236a;
      font-size: 10px;
      padding: 2px 42px;
      font-weight: 700;
      opacity: 0.9;
    }
    .job-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 6px;
      margin-bottom: 6px;
    }
    .job-title {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 2px;
      color: #f4f2ff;
      transition: color 0.18s ease-out;
    }
    .job-card:hover .job-title { color: #ece9ff; }
    .job-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      margin-bottom: 4px;
    }
    .pill {
      font-size: 11px;
      padding: 2px 8px;
      border-radius: 999px;
      border: 1px solid rgba(139, 111, 247, 0.5);
      color: var(--color-gold-soft);
      background: rgba(0, 0, 0, 0.2);
      white-space: nowrap;
    }
    .job-salary {
      font-size: 13px;
      font-weight: 700;
      color: var(--color-gold);
      text-align: right;
      min-width: 120px;
    }
    .job-meta {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 4px;
    }
    .job-meta span {
      margin-right: 12px;
      display: inline-block;
      white-space: nowrap;
    }
    .job-summary {
      font-size: 12px;
      color: var(--color-text-soft);
      margin-bottom: 6px;
      border-radius: 999px;
      padding: 4px 8px;
      background: rgba(0, 0, 0, 0.35);
      display: inline-block;
    }
    .job-extra { margin-top: 6px; }
    .job-subtitle {
      font-size: 13px;
      font-weight: 600;
      margin: 7px 0 3px;
      color: var(--color-gold);
    }
    .job-toggle {
      margin-top: 6px;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid rgba(139, 111, 247, 0.5);
      background: transparent;
      color: var(--color-gold);
      font-size: 11px;
      cursor: button;
      display: none;
      align-items: center;
      gap: 4px;
    }
    .job-toggle:hover {
      background: rgba(139, 111, 247, 0.12);
    }
    .job-apply-btn {
      margin-top: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 6px 12px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--color-gold), #8b6ff7);
      color: #241852;
      font-size: 12px;
      font-weight: 700;
      text-decoration: none;
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.7);
      transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
    }
    .job-apply-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.85);
      text-decoration: none;
    }

    /* 流程时间轴 */
    .timeline {
      position: relative;
      margin-top: 10px;
      padding-left: 18px;
    }
    .timeline::before {
      content: "";
      position: absolute;
      left: 8px;
      top: 0;
      bottom: 0;
      width: 2px;
      border-radius: 999px;
      background: linear-gradient(to bottom, rgba(139, 111, 247, 0.6), transparent 80%);
    }
    .timeline-item {
      position: relative;
      display: flex;
      gap: 10px;
      margin-bottom: 12px;
    }
    .timeline-dot {
      position: absolute;
      left: -2px;
      top: 3px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #fff, var(--color-gold));
      box-shadow: 0 0 10px rgba(139, 111, 247, 0.8);
      font-size: 10px;
      line-height: 14px;
      text-align: center;
      color: #2d215f;
      font-weight: 700;
    }
    .timeline-content { margin-left: 22px; }
    .timeline-title {
      font-size: 13px;
      font-weight: 600;
      color: var(--color-gold);
      margin-bottom: 2px;
    }
    .timeline-text {
      font-size: 13px;
      color: #f5f1ff;
    }

    /* FAQ */
    .faq-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      margin-top: 8px;
    }
    .faq-item {
      border-radius: var(--radius-md);
      padding: 10px 12px;
      background: radial-gradient(circle at 0 0, rgba(139, 111, 247, 0.18), rgba(10, 9, 18, 1));
      border: 1px solid rgba(139, 111, 247, 0.16);
      font-size: 13px;
    }
    .faq-q {
      font-weight: 600;
      color: var(--color-gold);
      margin-bottom: 4px;
    }
    .faq-a {
      font-size: 13px;
      color: var(--color-text-soft);
    }

    /* 实景环境 */
    .env-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 12px;
      margin-top: 8px;
    }
    .env-card {
      border-radius: var(--radius-md);
      overflow: hidden;
      background: #120c16;
      border: 1px solid rgba(139, 111, 247, 0.16);
      box-shadow: 0 10px 24px rgba(0,0,0,0.7);
      font-size: 13px;
    }
    .env-img {
      width: 100%;
      height: 140px;
      background-size: cover;
      background-position: center;
      filter: saturate(1.1);
    }
    .env-img-office { background-image: var(--cms-office, url("../image/hero-scene.jpg")); }
    .env-img-dorm { background-image: var(--cms-dorm, url("../image/env-dorm.jpg")); }
    .env-img-team { background-image: var(--cms-team, url("../image/env-team.jpg")); }
    .env-body { padding: 8px 10px 9px; }
    .env-title {
      font-size: 13px;
      font-weight: 600;
      color: var(--color-gold);
      margin-bottom: 2px;
    }
    .env-text {
      font-size: 12px;
      color: var(--color-text-soft);
    }

    /* 联系方式 */
    .contact-box { text-align: center; font-size: 14px; }
    .contact-main {
      font-size: 18px;
      font-weight: 700;
      margin: 6px 0 6px;
      color: var(--color-gold);
    }
    .contact-main span {
      font-family: "SF Mono", "Menlo", monospace;
    }
    .contact-tip {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.7);
    }

    /* 手机底部吸附条 */
    .mobile-bottom-bar {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 8px 12px;
      background: radial-gradient(circle at 0 0, #9e8cff, #49349e 50%, #120d2a 100%);
      color: #fff;
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font-size: 12px;
      box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.75);
      z-index: 99;
    }
    .mobile-bottom-bar b {
      font-family: "SF Mono", "Menlo", monospace;
    }
    .mobile-bottom-btn {
      padding: 6px 10px;
      border-radius: 999px;
      background: #fff;
      color: #4e3cac;
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
      text-decoration: none;
      animation: pulseSoft 3.4s ease-in-out infinite;
    }

    /* PC 端悬浮客服按钮组 */
    .pc-float-cta-group {
      position: fixed;
      right: 26px;
      bottom: 100px;
      display: none;
      flex-direction: column;
      gap: 10px;
      z-index: 98;
    }

    .float-contact-toggle {
      min-width: 104px;
      min-height: 42px;
      padding: 9px 15px;
      border: 1px solid rgba(255, 255, 255, 0.28);
      border-radius: 999px;
      background: linear-gradient(135deg, #6a82f9, #765cf0);
      color: #fff;
      font: inherit;
      font-size: 13px;
      font-weight: 800;
      box-shadow: 0 12px 28px rgba(35, 23, 100, 0.32);
      cursor: pointer;
    }

    .float-contact-panel {
      display: none;
      order: -1;
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
      width: max-content;
      max-width: 230px;
      margin-bottom: 8px;
    }

    .pc-float-cta-group.is-open .float-contact-panel {
      display: flex;
    }

    .pc-float-cta-group.is-open .float-contact-toggle {
      background: rgba(68, 51, 148, 0.96);
    }
    .pc-float-cta-btn {
      padding: 8px 12px;
      border-radius: 999px;
      background: radial-gradient(circle at 0 0, #9e8cff, #765cf0 60%, #161033 100%);
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.85);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
      text-decoration: none;
    }
    .pc-float-cta-btn span {
      font-family: "SF Mono", "Menlo", monospace;
    }
    .pc-float-cta-btn:hover {
      transform: translateY(-1px);
      text-decoration: none;
    }

    /* 动画 */
    @keyframes bgGlow {
      0% { background-position: 0% 0%; }
      50% { background-position: 50% 50%; }
      100% { background-position: 0% 100%; }
    }
    @keyframes floatUp {
      0%   { transform: translateY(0) scale(0.8); opacity: 0; }
      10%  { opacity: 0.7; }
      100% { transform: translateY(-120vh) scale(1.1); opacity: 0; }
    }
    @keyframes heroFloat {
      0%, 100% { transform: translateY(0); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5); }
      50% { transform: translateY(-2px); box-shadow: 0 26px 60px rgba(0, 0, 0, 0.75); }
    }
    @keyframes titleGlow {
      0%, 100% { text-shadow: 0 0 18px rgba(0, 0, 0, 0.45), 0 0 30px rgba(139, 111, 247, 0.3); }
      50% { text-shadow: 0 0 30px rgba(0, 0, 0, 0.6), 0 0 50px rgba(139, 111, 247, 0.6); }
    }
    @keyframes dotPulse {
      0%, 100% { transform: scale(1); opacity: 0.9; }
      50% { transform: scale(1.4); opacity: 1; }
    }
    @keyframes pulseSoft {
      0%, 100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-1px) scale(1.04); }
    }

    @media (prefers-reduced-motion: reduce) {
      body { animation: none; }
      .hero, .hero-btn, .topbar-cta, .mobile-bottom-btn { animation: none; }
      .bg-particles span { animation: none; opacity: 0.2; }
    }

    @media (max-width: 900px) {
      .hero-inner { grid-template-columns: minmax(0, 1fr); }
      .hero-scene { min-height: 160px; }
      .topbar-nav { display: none; }
    }

    @media (max-width: 640px) {
      .page { padding-bottom: 80px; }

      .topbar {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 6px 4px;
      }
      .topbar-left { width: 100%; }

      /* H5 下联系方式条：宽度 100%，左对齐自动换行 */
      .topbar-cta {
        margin-top: 6px;
        font-size: 10px;
        line-height: 1.5;
        width: 100%;
        align-items: flex-start;
        text-align: left;
      }

      .hero {
        padding: 18px 14px 20px;
        border-radius: 18px;
      }
      .hero-inner { gap: 16px; }
      .hero-main {
        flex-direction: column;
        align-items: flex-start;
      }
      .hero-logo {
        flex-basis: auto;
        max-width: 120px;
      }
      .hero-title { font-size: 24px; }
      .hero-subtitle { font-size: 13px; }
      .hero-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .hero-btn {
        width: 100%;
        justify-content: center;
      }

      section {
        padding: 18px 14px 16px;
        border-radius: 18px;
      }
      .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
      }
      .section-title { font-size: 18px; }

      .job-header {
        flex-direction: column;
        align-items: flex-start;
      }
      .job-salary { text-align: left; }
      .job-toggle { display: inline-flex; }
      .job-card .job-extra { display: none; }
      .job-card.open .job-extra { display: block; }
      .job-apply-btn { width: 100%; }

      .mobile-bottom-bar { display: flex; }
    }

    .application-section {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
      gap: clamp(32px, 7vw, 90px);
      align-items: center;
      padding: clamp(32px, 6vw, 72px) !important;
      background: linear-gradient(125deg, #f7fbff 0%, #e7f2ff 52%, #e5e8ff 100%) !important;
      color: #3d5685;
    }
    .application-kicker { margin-bottom: 14px; color: #6f8fde; font-size: 12px; font-weight: 900; letter-spacing: 3px; }
    .application-intro h2 { margin: 0 0 18px; color: #476ca6; font-size: clamp(38px, 5vw, 62px); line-height: 1.05; letter-spacing: -2px; }
    .application-intro > p { max-width: 480px; color: #6d83aa; font-size: 16px; line-height: 1.9; }
    .application-benefits { display: grid; gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
    .application-benefits li { position: relative; padding-left: 34px; color: #5577ae; font-weight: 700; }
    .application-benefits li::before { content: '✓'; position: absolute; left: 0; top: -2px; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #dce7ff; color: #6b7ee8; }
    .application-form { display: grid; gap: 15px; padding: clamp(22px, 4vw, 36px); border: 1px solid rgba(255,255,255,.8); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 25px 65px rgba(79,105,174,.16); }
    .application-form label { display: grid; gap: 7px; color: #46629a; font-size: 13px; font-weight: 800; }
    .application-form input,.application-form select,.application-form textarea { width: 100%; border: 1px solid #ceddf6; border-radius: 12px; padding: 13px 14px; background: #fff; color: #344c78; font: inherit; outline: none; }
    .application-form textarea { resize: vertical; min-height: 108px; }
    .application-form input:focus,.application-form select:focus,.application-form textarea:focus { border-color: #8a7bf0; box-shadow: 0 0 0 4px rgba(127,111,234,.12); }
    .application-submit { min-height: 52px; border: 0; border-radius: 13px; background: linear-gradient(110deg,#6d94e7,#9381ec); color: #fff; font: inherit; font-size: 16px; font-weight: 900; box-shadow: 0 14px 30px rgba(115,104,218,.2); cursor: pointer; }
    .application-submit:disabled { opacity: .62; cursor: wait; }
    .application-status { min-height: 20px; color: #5875a6; font-size: 13px; text-align: center; }
    .application-status.is-error { color: #c24965; }
    .application-honeypot { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
    @media (max-width: 850px) {
      .application-section { grid-template-columns: 1fr; padding: 30px 18px !important; }
      .application-intro h2 { font-size: 38px; }
    }

    @media (min-width: 641px) {
      .job-toggle { display: none; }
      .pc-float-cta-group { display: flex; }
    }

    @media (max-width: 900px) {
      .pc-float-cta-group { display: none !important; }
    }

    [hidden] { display: none !important; }

    .topbar-logo,
    .hero-logo {
      background: #fff;
      border: 1px solid rgba(139, 111, 247, 0.28);
    }

    .topbar-logo img,
    .hero-logo img {
      mix-blend-mode: multiply;
    }

    .topbar-title { color: #fff; }
    .topbar-sub { color: rgba(255, 255, 255, 0.82); }

    /* 顶部仅保留品牌与目录，禁止显示联系方式卡片 */
    .topbar .topbar-cta,
    .topbar .contact-slot,
    .topbar [data-contact-surface="topbar"] {
      display: none !important;
    }

    .recruiter-line {
      margin-top: 8px;
      color: rgba(255, 255, 255, 0.82);
      font-size: 12px;
    }

    .recruiter-card {
      margin-top: 12px;
      color: var(--color-gold-soft);
      font-size: 16px;
    }

    .contact-link {
      display: inline-flex;
      align-items: center;
      margin: 8px 8px 0 0;
      padding: 9px 14px;
      border: 1px solid rgba(139, 111, 247, 0.35);
      border-radius: 999px;
      background: rgba(106, 130, 249, 0.12);
      color: #f4f2ff;
      font-weight: 700;
    }

    .download-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 14px;
    }

    .download-card {
      display: grid;
      grid-template-columns: 48px 1fr auto;
      align-items: center;
      gap: 12px;
      min-height: 82px;
      padding: 14px;
      border: 1px solid rgba(139, 111, 247, 0.24);
      border-radius: var(--radius-md);
      background: linear-gradient(135deg, rgba(139, 111, 247, 0.12), rgba(106, 130, 249, 0.06));
      color: var(--color-text-main);
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .download-card:hover {
      text-decoration: none;
      transform: translateY(-2px);
      border-color: rgba(139, 111, 247, 0.58);
      box-shadow: 0 12px 28px rgba(59, 44, 140, 0.24);
    }

    .download-icon {
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: linear-gradient(135deg, #8b6ff7, #6a82f9);
      color: #fff;
      font-size: 20px;
      font-weight: 800;
      box-shadow: 0 8px 20px rgba(106, 130, 249, 0.28);
    }

    .download-body {
      display: flex;
      min-width: 0;
      flex-direction: column;
      gap: 2px;
    }

    .download-body strong { font-size: 15px; }
    .download-body small { color: var(--color-text-soft); opacity: 0.72; }

    .download-action {
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(139, 111, 247, 0.16);
      color: var(--color-gold-soft);
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }

    @media (max-width: 640px) {
      html, body { overflow-x: hidden; }
      .hero, .hero-inner, .hero-main, .hero-text, .hero-scene { min-width: 0; max-width: 100%; }
      .hero-tags { display: flex; flex-wrap: wrap; }
      .download-grid { grid-template-columns: 1fr; }
      .download-card { grid-template-columns: 44px 1fr auto; }
      .download-icon { width: 44px; height: 44px; }
    }

    .site-footer {
      padding: 22px 12px 0;
      color: rgba(217, 220, 255, 0.62);
      font-size: 12px;
      text-align: center;
      letter-spacing: 0.5px;
    }

    .crisp-contact-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      padding: 9px 14px;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(135deg, #1687ff, #3568f4);
      color: #fff;
      font: inherit;
      font-size: 12px;
      font-weight: 800;
      box-shadow: 0 10px 24px rgba(22, 135, 255, 0.34);
      cursor: pointer;
      white-space: nowrap;
      transition: transform 0.18s ease, box-shadow 0.18s ease;
    }

    .crisp-contact-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 14px 28px rgba(22, 135, 255, 0.46);
    }

    .contact-download-guide {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      padding: 8px 14px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }

    .contact-download-guide:hover {
      border-color: rgba(255, 255, 255, 0.58);
      background: rgba(255, 255, 255, 0.2);
      color: #fff;
      text-decoration: none;
    }

    .contact-download-guide.compact {
      width: 100%;
      min-height: 34px;
      padding: 7px 12px;
      background: rgba(255, 255, 255, 0.16);
    }

    .mobile-bottom-bar .crisp-contact-btn {
      min-height: 34px;
      padding: 7px 10px;
      font-size: 11px;
    }

    .page-directory {
      position: sticky;
      top: 10px;
      z-index: 60;
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 8px 0 12px;
      padding: 10px 12px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 16px;
      background: rgba(74, 55, 164, 0.9);
      box-shadow: 0 12px 30px rgba(38, 25, 89, 0.28);
      backdrop-filter: blur(16px);
    }

    .directory-label {
      flex: 0 0 auto;
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }

    .directory-links {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .directory-links::-webkit-scrollbar { display: none; }

    .directory-links a {
      flex: 0 0 auto;
      padding: 6px 10px;
      border-radius: 999px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 11px;
      line-height: 1.2;
      white-space: nowrap;
    }

    .directory-links a:hover {
      background: rgba(255, 255, 255, 0.14);
      color: #fff;
      text-decoration: none;
    }

    section:not(.hero) {
      background: linear-gradient(145deg, rgba(65, 46, 139, 0.98), rgba(43, 31, 101, 0.98));
      border-color: rgba(184, 171, 255, 0.22);
    }

    .about-card,
    .benefit,
    .why-item,
    .job-card,
    .faq-item,
    .env-card {
      background: linear-gradient(145deg, rgba(78, 58, 162, 0.96), rgba(55, 41, 124, 0.96));
      border-color: rgba(184, 171, 255, 0.24);
    }

    .warn-box {
      background: linear-gradient(135deg, rgba(91, 75, 196, 0.96), rgba(72, 52, 151, 0.96));
    }

    @media (max-width: 640px) {
      .page-directory {
        top: 6px;
        margin-left: 0;
        margin-right: 0;
        padding: 8px 9px;
        border-radius: 14px;
      }

      .directory-label { display: none; }
      .directory-links { width: 100%; }
      .directory-links a { padding: 7px 10px; }
    }

    /* 重点信息字号层级 */
    .hero-title {
      font-size: clamp(34px, 3.2vw, 46px);
      line-height: 1.28;
      letter-spacing: 1px;
    }

    .hero-kicker {
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 3px;
    }

    .section-title {
      font-size: 24px;
      line-height: 1.35;
    }

    .about-number {
      font-size: 24px;
    }

    .benefit-group-title,
    .benefit strong,
    .why-title {
      font-size: 17px;
    }

    .job-title {
      font-size: 21px;
      line-height: 1.35;
    }

    .job-salary {
      font-size: 20px;
      line-height: 1.35;
    }

    .job-subtitle,
    .timeline-title,
    .faq-q,
    .env-title {
      font-size: 16px;
    }

    .hero-btn,
    .job-apply-btn,
    .contact-link,
    .pc-float-cta-btn {
      font-size: 14px;
    }

    @media (max-width: 640px) {
      .hero-title { font-size: 29px; }
      .hero-kicker { font-size: 12px; }
      .section-title { font-size: 21px; }
      .job-title { font-size: 19px; }
      .job-salary { font-size: 18px; }
      .benefit-group-title,
      .benefit strong,
      .why-title { font-size: 16px; }
    }

    /* 页面视觉层次 */
    .page {
      padding-top: 8px;
    }

    section:not(.hero) {
      position: relative;
      margin-top: 28px;
      padding: 30px 26px 28px;
      box-shadow:
        0 22px 52px rgba(43, 28, 105, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    section:not(.hero)::before {
      content: "";
      position: absolute;
      top: 0;
      left: 24px;
      right: 24px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(194, 184, 255, 0.62), transparent);
    }

    section:nth-of-type(even):not(.hero) {
      background: linear-gradient(145deg, rgba(72, 52, 151, 0.98), rgba(47, 35, 111, 0.98));
    }

    .section-header {
      margin-bottom: 18px;
      padding-bottom: 13px;
      border-bottom: 1px solid rgba(211, 203, 255, 0.16);
    }

    .section-title {
      position: relative;
      padding-left: 18px;
      text-shadow: 0 5px 18px rgba(26, 17, 76, 0.26);
    }

    .section-title::before {
      content: "";
      position: absolute;
      left: 0;
      top: 12%;
      width: 5px;
      height: 76%;
      border-radius: 999px;
      background: linear-gradient(180deg, #b7a6ff, #6a82f9);
      box-shadow: 0 0 16px rgba(139, 111, 247, 0.65);
    }

    .section-sub {
      padding: 5px 10px;
      border: 1px solid rgba(196, 186, 255, 0.18);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.07);
    }

    .about-card,
    .benefit,
    .why-item,
    .job-card,
    .faq-item,
    .env-card {
      box-shadow:
        0 14px 30px rgba(29, 18, 80, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .about-card:hover,
    .benefit:hover,
    .why-item:hover,
    .faq-item:hover,
    .env-card:hover {
      transform: translateY(-3px);
      border-color: rgba(198, 187, 255, 0.48);
      box-shadow: 0 20px 38px rgba(29, 18, 80, 0.3);
    }

    .job-card {
      border-top: 2px solid rgba(151, 133, 255, 0.58);
    }

    .job-label,
    .pill,
    .tag {
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .hero {
      border: 1px solid rgba(206, 199, 255, 0.26);
      box-shadow:
        0 28px 70px rgba(48, 31, 125, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    @media (max-width: 640px) {
      section:not(.hero) {
        margin-top: 20px;
        padding: 22px 16px 20px;
        box-shadow: 0 14px 30px rgba(43, 28, 105, 0.16);
      }

      .section-header { margin-bottom: 14px; }
      .section-sub { padding: 3px 8px; }
      .about-card:hover,
      .benefit:hover,
      .why-item:hover,
      .faq-item:hover,
      .env-card:hover { transform: none; }
    }

    /* 岗位详情默认折叠，保留完整信息但减少首屏占用 */
    .job-toggle {
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 38px;
      margin-top: 10px;
    }

    .job-card .job-extra {
      display: none !important;
    }

    .job-card.open .job-extra {
      display: block !important;
      animation: jobDetailsIn 0.24s ease-out;
    }

    .job-card.open .job-toggle {
      background: rgba(255, 255, 255, 0.14);
      border-color: rgba(205, 196, 255, 0.5);
    }

    @keyframes jobDetailsIn {
      from { opacity: 0; transform: translateY(-6px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 640px) {
      .job-toggle { width: 100%; }
    }

    .jobs-outline {
      margin: 18px 0 22px;
      padding: 16px;
      border: 1px solid rgba(196, 186, 255, 0.28);
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(106, 130, 249, 0.08));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .jobs-outline-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }

    .jobs-outline-heading strong { font-size: 18px; }
    .jobs-outline-heading span { color: rgba(255, 255, 255, 0.68); font-size: 12px; }

    .jobs-outline-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 9px;
    }

    .jobs-outline-grid a {
      display: flex;
      min-width: 0;
      flex-direction: column;
      gap: 3px;
      padding: 11px 12px;
      border: 1px solid rgba(200, 190, 255, 0.2);
      border-radius: 12px;
      background: rgba(44, 31, 105, 0.42);
      color: #fff;
      transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
    }

    .jobs-outline-grid a:hover {
      transform: translateY(-2px);
      border-color: rgba(200, 190, 255, 0.52);
      background: rgba(106, 130, 249, 0.2);
      text-decoration: none;
    }

    .jobs-outline-grid span { font-size: 14px; font-weight: 800; }
    .jobs-outline-grid b { color: #dcd6ff; font-size: 13px; }
    .jobs-outline-grid small { color: rgba(255, 255, 255, 0.62); font-size: 11px; }

    .job-card { scroll-margin-top: 82px; }

    .job-card.outline-target {
      border-color: rgba(208, 199, 255, 0.9);
      box-shadow:
        0 0 0 3px rgba(139, 111, 247, 0.2),
        0 24px 48px rgba(30, 18, 87, 0.34);
      animation: outlineTargetPulse 1.2s ease-out;
    }

    @keyframes outlineTargetPulse {
      0% { transform: translateY(0) scale(1); }
      35% { transform: translateY(-3px) scale(1.008); }
      100% { transform: translateY(0) scale(1); }
    }

    /* 各板块独立渐变，便于快速区分内容 */
    #about {
      --section-accent: #9b8cff;
      background: linear-gradient(135deg, #5947b8 0%, #40358f 54%, #33438f 100%);
    }

    #eligibility {
      --section-accent: #ef9de8;
      background: linear-gradient(135deg, #75449d 0%, #593d91 52%, #43408c 100%);
    }

    #benefits {
      --section-accent: #7fc9ff;
      background: linear-gradient(135deg, #3f62b8 0%, #4653a8 50%, #573f9e 100%);
    }

    #why {
      --section-accent: #b79cff;
      background: linear-gradient(135deg, #694db8 0%, #54419f 54%, #3f4c9e 100%);
    }

    #jobs {
      --section-accent: #71b5ff;
      background: linear-gradient(135deg, #3d55a8 0%, #493d98 48%, #643f9c 100%);
    }

    #process {
      --section-accent: #70e0e6;
      background: linear-gradient(135deg, #317da3 0%, #3d65a6 50%, #5548a1 100%);
    }

    #faq {
      --section-accent: #e1a1ff;
      background: linear-gradient(135deg, #754b9f 0%, #5b4597 52%, #424f99 100%);
    }

    #environment {
      --section-accent: #69dfcf;
      background: linear-gradient(135deg, #347f8d 0%, #416a9a 48%, #594a9c 100%);
    }

    #contact {
      --section-accent: #c39aff;
      background: linear-gradient(135deg, #774fbd 0%, #5c4fb2 52%, #3f61ad 100%);
    }

    #downloads {
      --section-accent: #75d4ff;
      background: linear-gradient(135deg, #386fae 0%, #4b5eb1 48%, #654ba9 100%);
    }

    section .section-title::before {
      background: linear-gradient(180deg, var(--section-accent, #b7a6ff), #6a82f9);
      box-shadow: 0 0 16px color-mix(in srgb, var(--section-accent, #8b6ff7) 65%, transparent);
    }

    section:not(.hero) {
      border-color: color-mix(in srgb, var(--section-accent, #b7a6ff) 28%, transparent);
    }

    @media (max-width: 900px) {
      .jobs-outline-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 480px) {
      .jobs-outline { padding: 13px; }
      .jobs-outline-grid { grid-template-columns: 1fr; }
      .jobs-outline-heading { align-items: flex-start; flex-direction: column; gap: 2px; }
      .jobs-outline-grid a { display: grid; grid-template-columns: 1fr auto; }
      .jobs-outline-grid small { grid-column: 1 / -1; }
    }

    /* 固定顶部品牌栏与折叠目录 */
    .sticky-site-nav {
      position: fixed;
      top: 0;
      left: 50%;
      z-index: 120;
      width: min(calc(100% - 36px), 1120px);
      margin: 0;
      transform: translateX(-50%);
      padding: 6px 8px;
      border: 1px solid rgba(213, 205, 255, 0.16);
      border-radius: 0 0 18px 18px;
      background: rgba(39, 28, 91, 0.9);
      box-shadow: 0 14px 34px rgba(32, 20, 87, 0.24);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .page { padding-top: 86px; }

    .sticky-site-nav .topbar {
      min-height: 58px;
      padding: 6px 8px;
    }

    .directory-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 38px;
      padding: 8px 13px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 999px;
      background: linear-gradient(135deg, #6a82f9, #765cf0);
      color: #fff;
      font: inherit;
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
      white-space: nowrap;
    }

    .sticky-site-nav .page-directory {
      position: static;
      display: none;
      margin: 5px 0 0;
      background: rgba(87, 68, 177, 0.72);
      box-shadow: none;
    }

    .sticky-site-nav.directory-open .page-directory {
      display: flex;
      animation: directoryIn 0.18s ease-out;
    }

    .sticky-site-nav.directory-open .directory-toggle {
      background: rgba(255, 255, 255, 0.14);
    }

    section[id] { scroll-margin-top: 92px; }

    @keyframes directoryIn {
      from { opacity: 0; transform: translateY(-5px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 640px) {
      .sticky-site-nav {
        width: 100%;
        padding: 5px 7px;
        border-radius: 0 0 15px 15px;
      }

      .page { padding-top: 122px; }

      .sticky-site-nav .topbar { min-height: 54px; }
      .directory-toggle { min-height: 36px; padding: 7px 11px; }
      .sticky-site-nav .page-directory { padding: 8px; }
    }

    .agent-open-btn {
      min-height: 38px;
      padding: 8px 15px;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(135deg, #39bff2, #46a8ea);
      color: #fff;
      font: inherit;
      font-size: 12px;
      font-weight: 800;
      box-shadow: 0 10px 24px rgba(57, 191, 242, 0.28);
      cursor: pointer;
      white-space: nowrap;
    }

    .agent-modal {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: grid;
      place-items: center;
      padding: 20px;
    }

    .agent-modal[hidden] { display: none !important; }
    .agent-modal-backdrop { position: absolute; inset: 0; background: rgba(34, 23, 80, 0.68); backdrop-filter: blur(8px); }
    .agent-modal-dialog {
      position: relative;
      width: min(520px, 100%);
      max-height: min(720px, calc(100vh - 40px));
      overflow-y: auto;
      padding: 28px;
      border: 1px solid rgba(211, 202, 255, 0.32);
      border-radius: 24px;
      background: linear-gradient(145deg, #6551c0, #455fae);
      color: #fff;
      box-shadow: 0 30px 90px rgba(26, 16, 74, 0.45);
      animation: agentModalIn 0.2s ease-out;
    }

    .agent-modal-close {
      position: absolute;
      top: 14px;
      right: 14px;
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.1);
      color: #fff;
      font-size: 24px;
      cursor: pointer;
    }

    .agent-modal-kicker { color: #dcd6ff; font-size: 11px; font-weight: 800; letter-spacing: 2px; }
    .agent-modal-dialog h2 { margin: 5px 0 18px; font-size: 28px; }
    .agent-reward-box { padding: 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: rgba(255,255,255,.1); }
    .agent-reward-box strong { display: block; margin-bottom: 6px; font-size: 17px; }
    .agent-reward-copy { margin: 0; color: rgba(255,255,255,.84); font-size: 13px; }
    .agent-contact-title { margin: 18px 0 8px; font-size: 14px; font-weight: 800; }
    .agent-contact-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .agent-contact-list .contact-link { margin: 0; background: rgba(255,255,255,.13); }
    .agent-download-link { display: block; margin-top: 14px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.1); color: #fff; text-align: center; font-weight: 700; }
    .modal-open { overflow: hidden; }

    @keyframes agentModalIn {
      from { opacity: 0; transform: translateY(10px) scale(.98); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }

    @media (max-width: 640px) {
      .agent-open-btn { min-height: 36px; padding: 7px 11px; }
      .agent-modal-dialog { padding: 24px 18px 20px; border-radius: 20px; }
      .agent-modal-dialog h2 { font-size: 24px; }
      .agent-contact-list { flex-direction: column; }
      .agent-contact-list .contact-link { width: 100%; justify-content: center; }
    }

    /* 浅色后台风：紫色仅作为品牌点缀 */
    body {
      background:
        radial-gradient(circle at 8% 4%, rgba(116, 201, 255, .28), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(151, 233, 220, .2), transparent 24%),
        linear-gradient(180deg, #edf7ff 0%, #f7fbff 42%, #eef4fb 100%);
      color: #334b6f;
    }
    .bg-particles span { background: rgba(74, 157, 222, .28); }
    .sticky-site-nav { background: rgba(44, 103, 181, .94); border-color: rgba(255,255,255,.24); box-shadow: 0 12px 32px rgba(43,89,151,.2); }
    .sticky-site-nav .page-directory { background: rgba(32, 82, 151, .82); }
    .hero { background: linear-gradient(125deg, #437ec7 0%, #4d9dc9 52%, #49b6ad 100%); }
    .hero-scene-inner { background: linear-gradient(145deg, rgba(36,100,161,.82), rgba(48,150,154,.72)); }

    section:not(.hero), section:nth-of-type(even):not(.hero) {
      color: #395170;
      border-color: rgba(86, 132, 181, .18);
      box-shadow: 0 18px 45px rgba(56, 103, 151, .12), inset 0 1px 0 rgba(255,255,255,.82);
    }
    #about { --section-accent:#4d9fe1; background:linear-gradient(135deg,#f8fcff,#e5f3ff); }
    #eligibility { --section-accent:#e49a6a; background:linear-gradient(135deg,#fffaf5,#fff0e5); }
    #benefits { --section-accent:#37a9b9; background:linear-gradient(135deg,#f2fcff,#ddf5f7); }
    #why { --section-accent:#668bdd; background:linear-gradient(135deg,#f7f9ff,#e6edff); }
    #jobs { --section-accent:#4c91d2; background:linear-gradient(135deg,#eef8ff,#dfefff); }
    #process { --section-accent:#35ac91; background:linear-gradient(135deg,#f2fcf9,#ddf5ec); }
    #faq { --section-accent:#7a83c9; background:linear-gradient(135deg,#f8f9ff,#e9ebf8); }
    #environment { --section-accent:#39a8a0; background:linear-gradient(135deg,#f3fcfb,#def4f1); }
    #application { --section-accent:#688de0; background:linear-gradient(125deg,#f8fcff,#e3f1ff 55%,#e8ebff) !important; }
    #contact { --section-accent:#597fd0; background:linear-gradient(135deg,#f4f8ff,#e2ebfb); }
    #downloads { --section-accent:#3aa6c8; background:linear-gradient(135deg,#f3fbff,#def3fa); }

    section:not(.hero) .section-title { color:#294f79; text-shadow:none; }
    section:not(.hero) .section-sub { color:#6682a3; background:rgba(255,255,255,.55); border-color:rgba(83,130,179,.18); }
    section:not(.hero) p, section:not(.hero) li { color:#49627e; }
    .about-card,.benefit,.why-item,.job-card,.faq-item,.env-card,.contact-box,.download-card,.jobs-outline {
      background:rgba(255,255,255,.76);
      color:#36506f;
      border-color:rgba(91,135,178,.18);
      box-shadow:0 12px 28px rgba(61,104,151,.1),inset 0 1px 0 #fff;
    }
    .about-card-title,.benefit strong,.why-title,.job-title,.faq-q,.env-title,.timeline-title { color:#315d8c; }
    .job-summary,.job-meta,.faq-a,.env-text,.timeline-text { color:#526b86; }
    .pill,.tag,.job-label { background:rgba(84,139,202,.1); color:#386a9c; border-color:rgba(78,132,193,.18); }
    .timeline-content { background:rgba(255,255,255,.7); border-color:rgba(64,156,138,.18); }
    .warn-box { background:rgba(255,255,255,.68); border-color:rgba(222,143,89,.3); }
    .site-footer { color:#6f8298; }
    .directory-toggle { background:linear-gradient(135deg,#4b7fd1,#516fc7); }
    .float-contact-toggle { background:linear-gradient(135deg,#3f86ca,#3475b9); }
    .tag-dot { background:#68d7e7; }
    .hero-subtitle { color:#f2f8ff; }
    .hero-btn,.contact-link,.job-apply-btn,.mobile-bottom-btn,.pc-float-cta-btn,.crisp-contact-btn { color:#fff; }

    /* 浅色区域文字对比度校正 */
    section:not(.hero) {
      --color-text-main: #263f60;
      --color-text-soft: #526b87;
    }
    section:not(.hero) a:not(.contact-link):not(.download-card):not(.job-apply-btn) { color:#245f99; }
    .about-number,.job-salary,.benefit-value,.contact-tip b { color:#245f99; }
    .benefit-group-title,.job-subtitle,.recruiter-card,.jobs-outline-heading strong { color:#294f79; }
    .jobs-outline-heading span,.jobs-outline-grid small,.download-body small { color:#607891; opacity:1; }
    .jobs-outline-grid a {
      background:rgba(255,255,255,.78);
      color:#315c88;
      border-color:rgba(70,126,181,.22);
    }
    .jobs-outline-grid b { color:#245f99; }
    .jobs-outline-grid a:hover { background:#fff; border-color:#5b9bd5; }
    .job-card .job-extra,.job-card .job-extra li { color:#435d79; }
    .contact-box > div,.contact-tip { color:#435d79; }
    .download-card:hover { background:#fff; border-color:#63a6d8; }
    .download-action { color:#28699f; }
    .application-form label { color:#355b87; }

    @media (max-width: 640px) {
      body { font-size:15px; line-height:1.75; }
      .hero-main { grid-template-columns:1fr; gap:18px; }
      .hero-logo { width:120px; min-height:150px; }
      .hero-text { min-width:0; }
      .hero-title { font-size:30px; line-height:1.25; }
      .hero-subtitle { color:#f4f9ff; font-size:14px; }
      .hero-tags { overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
      .hero-tags .tag { flex:0 0 auto; }
      .hero-actions { display:grid; grid-template-columns:1fr; width:100%; }
      .hero-actions .hero-btn { width:100%; color:#fff; }
      section:not(.hero) { color:#2f4969; }
      section:not(.hero) p,section:not(.hero) li { color:#3f5873; }
      section:not(.hero) .section-title { color:#1f466f; font-size:22px; }
      section:not(.hero) .section-sub { color:#526e8c; font-weight:700; }
      .about-card-title,.benefit strong,.why-title,.job-title,.faq-q,.env-title,.timeline-title { color:#234f7c; }
      .job-summary,.job-meta,.faq-a,.env-text,.timeline-text,.download-body small { color:#455f7a; }
      .pill,.tag,.job-label { color:#285f91; background:#e5f1fb; }
      .jobs-outline-grid a { color:#294f77; background:#f8fcff; }
      .jobs-outline-grid small { color:#526d87; }
      .application-intro > p,.application-benefits li { color:#47688f; }
      .application-status { color:#375f8d; }

      .sticky-site-nav.directory-open .page-directory {
        display:block;
        max-height:calc(100vh - 118px);
        overflow-y:auto;
        padding:10px;
      }
      .sticky-site-nav .directory-links {
        display:flex;
        flex-direction:column;
        align-items:stretch;
        width:100%;
        gap:5px;
        overflow:visible;
      }
      .sticky-site-nav .directory-links a {
        display:flex;
        align-items:center;
        width:100%;
        min-height:39px;
        padding:8px 13px;
        border:1px solid rgba(255,255,255,.1);
        border-radius:9px;
        background:rgba(255,255,255,.06);
        color:#fff;
        font-size:13px;
        font-weight:700;
      }
      .sticky-site-nav .directory-links a::after {
        content:'›';
        margin-left:auto;
        font-size:18px;
        opacity:.65;
      }
      .sticky-site-nav .directory-links a:active { background:rgba(255,255,255,.18); }
    }

    /* 电脑端整体细节与首屏重新整理 */
    @media (min-width: 901px) {
      .page { padding-top:104px; }
      .sticky-site-nav {
        width:min(calc(100% - 48px),1120px);
        padding:7px 12px;
        border-radius:0 0 16px 16px;
        background:rgba(36,91,160,.96);
      }
      .sticky-site-nav .topbar { min-height:62px; }
      .topbar-nav { gap:14px; }
      .topbar-nav a { color:rgba(255,255,255,.86); font-size:12px; }

      .hero {
        min-height:440px;
        padding:42px 38px;
        background:linear-gradient(135deg,#265f9f 0%,#347bb2 56%,#477bb1 100%);
        border-color:rgba(255,255,255,.24);
        box-shadow:0 24px 58px rgba(37,82,128,.24);
        animation:none;
      }
      .hero::before {
        right:-5%; top:-60%; width:48%; height:180%;
        opacity:.12;
      }
      .hero-inner {
        grid-template-columns:minmax(0,2.05fr) minmax(300px,.95fr);
        gap:34px;
        align-items:center;
      }
      .hero-main { align-items:flex-start; gap:25px; }
      .hero-logo { flex:0 0 112px; max-width:112px; margin-top:4px; }
      .hero-logo img { border-radius:15px; box-shadow:0 14px 30px rgba(23,55,91,.25); }
      .hero-title {
        font-size:42px;
        line-height:1.22;
        letter-spacing:1px;
        white-space:nowrap;
        margin:3px 0 12px;
        text-shadow:0 4px 18px rgba(22,53,88,.24);
        animation:none;
      }
      .hero-subtitle { max-width:610px; font-size:14px; line-height:1.85; margin-bottom:14px; }
      .hero-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
      .hero-tags .tag { margin:0; background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.2); }
      .hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; max-width:500px; }
      .hero-actions .hero-btn {
        width:100%;
        min-height:42px;
        padding:8px 13px;
        background:rgba(20,66,111,.34);
        color:#fff;
        border:1px solid rgba(255,255,255,.3);
        box-shadow:none;
        animation:none;
      }
      .hero-actions .hero-btn.primary { background:#fff; color:#245c94; border-color:#fff; }
      .hero-actions .contact-download-guide { grid-column:1/-1; color:#fff; border-color:rgba(255,255,255,.28); }
      .recruiter-line { color:rgba(255,255,255,.92); }
      .hero-scene {
        min-height:320px;
        height:320px;
        border:1px solid rgba(255,255,255,.2);
        border-radius:18px;
        background:#214f83;
        box-shadow:none;
      }
      .hero-scene-inner { padding:26px; background:linear-gradient(145deg,rgba(29,76,124,.86),rgba(42,102,153,.8)); }
      .hero-scene-title { font-size:17px; }
      .hero-scene-text { max-width:none; font-size:13px; line-height:1.85; }
      .hero-scene-tags { padding-top:18px; color:#dcefff; }

      section:not(.hero) { margin-top:24px; padding:32px; border-radius:18px; }
      .about-card,.benefit,.why-item,.job-card,.faq-item,.env-card { border-radius:14px; }
    }

    /* XY GROUP 品牌视觉系统：皇家蓝、星耀紫、雾白 */
    body {
      background:
        radial-gradient(circle at 8% 2%,rgba(75,142,235,.14),transparent 28%),
        radial-gradient(circle at 94% 12%,rgba(117,87,232,.1),transparent 25%),
        #f3f7fc;
      color:#263c5a;
    }
    .sticky-site-nav { background:linear-gradient(105deg,rgba(29,69,135,.98),rgba(49,91,170,.98)); }
    .directory-toggle { background:linear-gradient(135deg,#745ce8,#526fe4); }
    .agent-open-btn { background:linear-gradient(135deg,#318bd7,#45b6e6); }

    .hero {
      background:
        radial-gradient(circle at 92% 8%,rgba(104,87,229,.13),transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#f3f7ff 54%,#e9efff 100%);
      color:#1d3558;
      border:1px solid rgba(72,108,184,.17);
      box-shadow:0 24px 60px rgba(42,75,127,.16);
    }
    .hero::before { background:linear-gradient(150deg,rgba(90,112,231,.16),rgba(58,159,224,.08)); opacity:1; }
    .hero-kicker { color:#526ed2; opacity:1; font-weight:900; }
    .hero-title { color:#1c3762; text-shadow:none; }
    .hero-subtitle { color:#4d6482; opacity:1; }
    .hero-tags .tag {
      background:#edf3ff;
      color:#315987;
      border-color:#d7e3f7;
      box-shadow:none;
    }
    .tag-dot { background:#725de5; }
    .hero-logo { border-color:rgba(83,101,207,.18); box-shadow:0 16px 35px rgba(40,64,112,.15); }
    .hero-actions .hero-btn,.hero-actions .hero-btn.secondary {
      background:#fff;
      color:#315987;
      border:1px solid #cad9ed;
      box-shadow:0 7px 18px rgba(41,73,122,.08);
    }
    .hero-actions .hero-btn.primary {
      background:linear-gradient(135deg,#6657de,#477ce4);
      color:#fff;
      border-color:transparent;
    }
    .hero-actions .contact-download-guide { color:#426790; border-color:#c6d7ec; background:rgba(255,255,255,.64); }
    .recruiter-line { color:#49617f; }
    .hero-scene {
      background:linear-gradient(145deg,#233f79,#355fb0 58%,#6856cc);
      border-color:rgba(255,255,255,.22);
      box-shadow:0 18px 40px rgba(38,64,120,.2);
    }
    .hero-scene-inner { background:linear-gradient(145deg,rgba(30,58,116,.9),rgba(66,78,172,.84)); }
    .hero-scene-title,.hero-scene-text,.hero-scene-tags { color:#fff; }

    #about { --section-accent:#477ce4; background:linear-gradient(135deg,#fff,#edf4ff); }
    #eligibility { --section-accent:#d88965; background:linear-gradient(135deg,#fff,#fff5f0); }
    #benefits { --section-accent:#5177dc; background:linear-gradient(135deg,#fff,#eef2ff); }
    #why { --section-accent:#725de5; background:linear-gradient(135deg,#fff,#f1efff); }
    #jobs { --section-accent:#397fc9; background:linear-gradient(135deg,#fff,#eaf4ff); }
    #process { --section-accent:#536fd4; background:linear-gradient(135deg,#fff,#edf1fb); }
    #faq { --section-accent:#7565c8; background:linear-gradient(135deg,#fff,#f2f0fa); }
    #environment { --section-accent:#477dbd; background:linear-gradient(135deg,#fff,#edf5fb); }
    #application { --section-accent:#625ed7; background:linear-gradient(135deg,#fff,#edf1ff) !important; }
    #contact { --section-accent:#526ed2; background:linear-gradient(135deg,#fff,#eef2ff); }
    #downloads { --section-accent:#3e83c5; background:linear-gradient(135deg,#fff,#edf6fc); }

    @media (min-width:901px) {
      .hero { min-height:420px; padding:42px; }
      .hero-inner { grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr); }
      .hero-main { align-items:center; }
    }

    @media (min-width:641px) and (max-width:900px) {
      .page { padding-top:96px; }
      .hero { padding:34px; }
      .hero-inner { grid-template-columns:1fr; }
      .hero-main { display:block; }
      .hero-logo { display:none; }
      .hero-title { font-size:38px; white-space:normal; }
      .hero-subtitle { max-width:680px; }
      .hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
      .hero-actions .contact-download-guide { grid-column:1/-1; }
      .hero-scene { min-height:220px; height:220px; }
    }

    @media (max-width:640px) {
      .hero { padding:25px 19px; }
      .hero-logo { display:none; }
      .hero-title { color:#1c3762; font-size:31px; }
      .hero-subtitle { color:#4d6482; }
      .hero-tags .tag { color:#315987; background:#edf3ff; }
      .hero-actions .hero-btn,.hero-actions .hero-btn.secondary { color:#315987; background:#fff; }
      .hero-actions .hero-btn.primary { color:#fff; background:linear-gradient(135deg,#6657de,#477ce4); }
      .recruiter-line { color:#49617f; }
      .hero-scene { min-height:210px; }
    }

    /* 精简色彩：全站只保留蓝、白、灰蓝，紫色用于重点 */
    body {
      background:linear-gradient(180deg,#edf3f9 0%,#f7f9fc 46%,#edf2f7 100%);
    }
    .sticky-site-nav { background:#24569a; }
    .agent-open-btn { background:#367fc0; }
    .directory-toggle { background:#6559d9; }
    .hero {
      background:linear-gradient(135deg,#ffffff 0%,#f2f6fc 100%);
    }
    .hero::before { background:linear-gradient(150deg,rgba(74,113,190,.1),rgba(74,113,190,.03)); }
    .hero-scene { background:linear-gradient(145deg,#244b84,#385f9f); }
    .hero-scene-inner { background:linear-gradient(145deg,rgba(31,67,118,.93),rgba(52,87,145,.9)); }
    .hero-actions .hero-btn.primary,.application-submit {
      background:linear-gradient(135deg,#6659d9,#486fd0);
    }
    #about,#benefits,#jobs,#faq,#application,#downloads {
      --section-accent:#4776bd;
      background:linear-gradient(135deg,#ffffff,#edf3fa) !important;
    }
    #eligibility,#why,#process,#environment,#contact {
      --section-accent:#596fba;
      background:linear-gradient(135deg,#f9fbfd,#e9eff7) !important;
    }
    .tag-dot { background:#6559d9; }
    .float-contact-toggle { background:#3473b5; }
    .section-apply-wrap {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      margin-top:24px;
      padding:18px;
      border:1px solid #d6e1ef;
      border-radius:14px;
      background:rgba(255,255,255,.72);
    }
    .section-apply-cta {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:46px;
      padding:10px 28px;
      border-radius:11px;
      background:linear-gradient(135deg,#6659d9,#486fd0);
      color:#fff !important;
      font-weight:900;
      box-shadow:0 10px 24px rgba(75,91,196,.2);
    }
    .section-apply-cta:hover { text-decoration:none; transform:translateY(-1px); }
    .section-apply-wrap span { color:#59708c; font-size:13px; }
    .contact-app-icon { width:22px; height:22px; border-radius:50%; object-fit:cover; flex:0 0 22px; }
    .download-icon img { width:100%; height:100%; border-radius:12px; object-fit:cover; }
    .contact-copy-group { display:flex; align-items:stretch; gap:6px; min-width:0; }
    .contact-copy-group > .contact-link { flex:1 1 auto; min-width:0; }
    .contact-copy-btn {
      flex:0 0 auto;
      min-width:54px;
      padding:7px 10px;
      border:1px solid #b8cce1;
      border-radius:10px;
      background:#edf4fb;
      color:#285b8c;
      font-size:12px;
      font-weight:850;
      cursor:pointer;
    }
    .contact-copy-btn:hover { background:#dfeaf6; }
    .contact-copy-btn.copied { background:#326fb3; color:#fff; border-color:#326fb3; }
    #contact .contact-copy-group .contact-link { background:#f7faff; color:#28547f; border-color:#bfd0e4; box-shadow:0 6px 15px rgba(43,75,116,.06); }
    #contact .contact-copy-group.is-primary-copy .contact-link { background:var(--xy-gradient); color:#fff; border-color:transparent; }
    @media(max-width:640px) {
      .section-apply-wrap { flex-direction:column; text-align:center; }
      .section-apply-cta { width:100%; }
    }
    .hero-tags .tag {
      min-height:32px;
      padding:6px 13px;
      background:#fff;
      color:#244f7d;
      border:1px solid #cbd9e9;
      font-size:12px;
      font-weight:800;
      box-shadow:0 6px 15px rgba(38,73,116,.12);
      opacity:1;
    }
    .hero-tags .tag-dot {
      width:7px;
      height:7px;
      background:#6659d9;
      box-shadow:0 0 0 3px rgba(102,89,217,.12);
    }
    .hero-tags .tag:hover {
      transform:translateY(-1px);
      border-color:#8fa9ca;
      box-shadow:0 9px 20px rgba(38,73,116,.16);
    }
    .hero-logo {
      flex:0 0 96px;
      width:96px;
      max-width:96px;
      padding:0;
      overflow:visible;
      background:transparent !important;
      border:0 !important;
      border-radius:0;
      box-shadow:none !important;
    }
    .hero-logo img {
      display:block;
      width:100%;
      border-radius:0;
      background:transparent;
      box-shadow:none !important;
      mix-blend-mode:multiply;
    }
    #contact .contact-box {
      padding:28px;
      border:1px solid #d4e0ee;
      border-radius:16px;
      background:#fff;
      box-shadow:0 14px 32px rgba(43,75,116,.09);
      color:#344f70;
      text-align:center;
    }
    #contact .contact-box > div:first-child { color:#385779; font-size:15px; }
    #contact .recruiter-card {
      display:inline-flex;
      margin:14px auto 17px;
      padding:7px 15px;
      border-radius:999px;
      background:#edf3fb;
      color:#294f79;
      font-size:15px;
    }
    #contact .contact-main {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      max-width:720px;
      margin:0 auto;
    }
    #contact .contact-link {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:48px;
      padding:10px 16px;
      border:1px solid #bfd0e4;
      border-radius:12px;
      background:#f7faff;
      color:#28547f;
      font-size:14px;
      font-weight:850;
      box-shadow:0 6px 15px rgba(43,75,116,.06);
    }
    #contact .contact-link:first-child {
      background:linear-gradient(135deg,#6659d9,#486fd0);
      color:#fff;
      border-color:transparent;
      box-shadow:0 10px 22px rgba(75,91,196,.22);
    }
    #contact .contact-download-guide {
      grid-column:1/-1;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      margin:2px 0 0;
      border:1px dashed #9db7d4;
      border-radius:11px;
      background:#edf4fb;
      color:#28547f;
      font-weight:800;
    }
    #contact .contact-tip { margin-top:16px; color:#526a84; }
    #environment > p { margin-bottom:18px; color:#526a84; }
    #environment .env-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:0; }
    #environment .env-card {
      overflow:hidden;
      border:1px solid #d4dfec;
      border-radius:15px;
      background:#fff;
      box-shadow:0 12px 28px rgba(41,72,111,.09);
    }
    #environment .env-img { height:190px; background-position:center; }
    #environment .env-body { min-height:112px; padding:17px 18px 19px; background:#fff; }
    #environment .env-title { margin-bottom:6px; color:#244f7d; font-size:16px; font-weight:900; }
    #environment .env-text { color:#536b84; font-size:13px; line-height:1.7; }
    #environment .env-card:hover { transform:translateY(-3px); border-color:#9bb6d4; box-shadow:0 18px 36px rgba(41,72,111,.14); }
    /* 岗位卡片统一单一蓝色体系 */
    .directory-toggle,.agent-open-btn { background:#326fb3; box-shadow:none; }
    .job-card {
      border:1px solid #d6e1ed;
      border-top:3px solid #3975b8;
      background:#fff;
      box-shadow:0 10px 24px rgba(42,72,108,.08);
    }
    .job-card:hover { border-color:#9fb8d3; box-shadow:0 15px 30px rgba(42,72,108,.12); }
    .job-label { background:#e8f0f8; color:#3e6289; box-shadow:none; }
    .job-pills .pill { background:#edf4fa; color:#35618c; border-color:#d3e0ec; box-shadow:none; }
    .job-summary {
      margin:10px 0 8px;
      padding:10px 12px;
      border:1px solid #d8e3ee;
      border-radius:9px;
      background:#f1f5f9;
      color:#49627c;
      line-height:1.65;
    }
    .job-toggle {
      min-height:40px;
      padding:8px 16px;
      border:1px solid #9fb9d4;
      border-radius:9px;
      background:#fff;
      color:#32679b;
      font-weight:800;
    }
    .job-toggle:hover,.job-card.open .job-toggle { background:#eaf1f8; border-color:#7fa2c7; color:#285b8c; }
    .job-apply-btn {
      min-height:42px;
      padding:9px 16px;
      border-radius:9px;
      background:#326fb3;
      color:#fff;
      box-shadow:0 8px 18px rgba(50,111,179,.18);
    }
    .job-apply-btn:hover { background:#285f9e; box-shadow:0 10px 22px rgba(50,111,179,.22); }
    #jobs .jobs-outline-grid a {
      min-height:112px;
      padding:15px;
      border:1px solid rgba(255,255,255,.22);
      border-radius:13px;
      background:linear-gradient(135deg,#6755d9 0%,#4f66d8 50%,#397fd1 100%);
      color:#fff;
      box-shadow:0 10px 22px rgba(64,82,174,.18);
    }
    #jobs .jobs-outline-grid a span { color:#fff; font-weight:900; }
    #jobs .jobs-outline-grid a b { color:#fff; font-size:15px; }
    #jobs .jobs-outline-grid a small { color:rgba(255,255,255,.82); font-weight:600; }
    #jobs .jobs-outline-grid a:hover {
      transform:translateY(-2px);
      border-color:rgba(255,255,255,.42);
      background:linear-gradient(135deg,#5e4dcc 0%,#465dcc 50%,#3175c5 100%);
      box-shadow:0 14px 28px rgba(64,82,174,.25);
    }
    /* 全站统一为浅蓝紫品牌渐变 */
    :root {
      --xy-blue:#397bd1;
      --xy-purple:#6755d9;
      --xy-navy:#24476f;
      --xy-pale:#eef3fb;
      --xy-line:#d5e0ee;
      --xy-gradient:linear-gradient(135deg,#6755d9 0%,#5265d8 50%,#397fd1 100%);
      --xy-gradient-soft:linear-gradient(135deg,#ffffff 0%,#f2f3ff 50%,#eaf3ff 100%);
    }
    body { background:linear-gradient(180deg,#edf3fa 0%,#f8f9fc 38%,#eef2f8 100%); }
    section:not(.hero) {
      background:var(--xy-gradient-soft) !important;
      border-color:var(--xy-line);
      box-shadow:0 15px 36px rgba(49,75,116,.09),inset 0 1px 0 #fff;
    }
    section:not(.hero)::before { background:linear-gradient(90deg,transparent,rgba(90,94,211,.36),transparent); }
    .section-header { border-bottom-color:#dbe4f0; }
    .section-title { display:flex; align-items:center; gap:10px; color:var(--xy-navy) !important; }
    .section-title::before { display:none; }
    .section-title::after {
      display:grid;
      place-items:center;
      order:-1;
      width:30px;
      height:30px;
      flex:0 0 30px;
      border-radius:9px;
      background:var(--xy-gradient);
      color:#fff;
      font-size:15px;
      font-weight:900;
      box-shadow:0 7px 16px rgba(76,83,193,.18);
    }
    #about .section-title::after{content:'✦'}
    #eligibility .section-title::after{content:'✓'}
    #benefits .section-title::after{content:'★'}
    #why .section-title::after{content:'◆'}
    #jobs .section-title::after{content:'▦'}
    #process .section-title::after{content:'➜'}
    #faq .section-title::after{content:'?'}
    #environment .section-title::after{content:'▧'}
    #contact .section-title::after{content:'✉'}
    #downloads .section-title::after{content:'↓'}

    .about-card,.benefit,.why-item,.faq-item,.timeline-content,.env-card,.download-card {
      border-color:#d7e1ed;
      background:rgba(255,255,255,.86);
      box-shadow:0 9px 22px rgba(46,74,111,.07);
    }
    .about-card:hover,.benefit:hover,.why-item:hover,.faq-item:hover,.env-card:hover,.download-card:hover {
      border-color:#aebfda;
      box-shadow:0 14px 28px rgba(62,78,155,.12);
    }
    .benefit::before,.why-icon,.timeline-dot,.download-icon {
      background:var(--xy-gradient);
      color:#fff;
      border-color:transparent;
    }
    .section-apply-cta,.application-submit,#contact .contact-link:first-child { background:var(--xy-gradient); }
    .job-apply-btn,.agent-open-btn,.float-contact-toggle { background:#3977bd; }
    .pill,.job-label { background:#edf2fa; color:#345f8a; }
    .application-section { background:var(--xy-gradient-soft) !important; }
    .application-form { border-color:#d7e1ef; box-shadow:0 18px 40px rgba(54,76,127,.1); }
    .application-benefits li::before { background:var(--xy-gradient); color:#fff; }
    .warn-box { background:rgba(255,255,255,.82); border-color:#cfdbea; }
    .site-footer { border-top:1px solid #d6e0ec; }
    .hero-scene { background:linear-gradient(145deg,#556fd0,#437fca); }
    .hero-scene-inner { background:linear-gradient(145deg,rgba(85,105,202,.9),rgba(62,123,192,.88)); }
    .hero {
      background-image:
        linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(248,250,255,.94) 42%,rgba(238,243,255,.55) 68%,rgba(229,237,253,.16) 100%),
        var(--cms-hero-scene,url('../image/recruitment-hero-poster.png'));
      background-size:cover;
      background-position:center;
    }
    .hero-scene {
      background:rgba(62,83,164,.72);
      border-color:rgba(255,255,255,.4);
      backdrop-filter:blur(3px);
    }
    .hero-scene::after { display:none; }
    .hero-scene-inner { background:linear-gradient(145deg,rgba(70,83,171,.72),rgba(54,111,180,.66)); }
    @media(max-width:900px) {
      .hero {
        background-image:
          linear-gradient(90deg,rgba(255,255,255,.97),rgba(245,248,255,.88)),
          var(--cms-hero-scene,url('../image/recruitment-hero-poster.png'));
        background-position:70% center;
      }
    }
    .hero-inner { display:block; }
    .hero-main { width:62%; max-width:660px; }
    .hero-scene { display:none; }
    @media(max-width:900px) {
      .hero-main { width:100%; max-width:none; }
    }
    @media(min-width:901px) {
      .hero {
        min-height:360px;
        padding:30px 42px;
      }
      .hero-main {
        width:64%;
        max-width:700px;
        min-height:300px;
        align-items:center;
      }
      .hero-logo { flex-basis:112px; width:112px; max-width:112px; margin-top:0; }
      .hero-title { font-size:46px; margin-bottom:13px; }
      .hero-kicker { font-size:13px; letter-spacing:3px; }
      .hero-subtitle { max-width:650px; font-size:16px; line-height:1.8; margin-bottom:17px; }
      .hero-tags .tag { min-height:35px; padding:7px 14px; font-size:13px; }
      .recruiter-line { margin-top:16px; font-size:13px; }
      .hero-scene { display:none !important; }
    }

    @media(max-width:640px) {
      .section-title::after { width:27px; height:27px; flex-basis:27px; border-radius:8px; font-size:13px; }
      section:not(.hero) { background:linear-gradient(145deg,#fff,#eef3fb) !important; }
    }
    @media(max-width:900px) {
      #environment .env-grid { grid-template-columns:1fr; }
      #environment .env-img { height:clamp(190px,48vw,290px); }
      #environment .env-body { min-height:auto; }
    }
    @media(max-width:640px) {
      #contact .contact-box { padding:20px 14px; }
      #contact .contact-main { grid-template-columns:1fr; }
      #contact .contact-download-guide { grid-column:auto; }
      .page { padding-bottom:110px; }
      .mobile-bottom-bar {
        left:10px;
        right:82px;
        bottom:10px;
        min-height:52px;
        padding:7px;
        border:1px solid #d4e0ee;
        border-radius:16px;
        background:rgba(255,255,255,.96);
        box-shadow:0 10px 28px rgba(38,70,110,.18);
        backdrop-filter:blur(12px);
      }
      .mobile-bottom-bar .mobile-bottom-btn {
        width:auto;
        flex:1 1 56%;
        min-height:38px;
        justify-content:center;
        color:#285b8c;
        background:#edf4fb;
        border:1px solid #c7d8e9;
        box-shadow:none;
        animation:none;
        overflow:hidden;
        text-overflow:ellipsis;
      }
      .mobile-bottom-bar .contact-copy-group { flex:1 1 58%; }
      .mobile-bottom-bar .contact-copy-btn { min-width:46px; padding:6px; font-size:11px; }
      .mobile-bottom-bar::after {
        content:'点击蓝色按钮联系招聘';
        flex:0 1 42%;
        color:#32679b;
        font-size:11px;
        font-weight:850;
        line-height:1.35;
        text-align:center;
      }
    }
    @media (min-width:901px) {
      .hero-main { gap:22px; }
      .hero-logo { align-self:flex-start; margin-top:10px; }
    }

    /* 参考 kaiyun688.cc：白色导航 + 皇家蓝至天空蓝 */
    body { background:#f4f7fb; color:#294465; }
    .sticky-site-nav {
      background:rgba(255,255,255,.97);
      border-color:#e2e9f2;
      box-shadow:0 10px 30px rgba(43,72,112,.12);
    }
    .topbar-title { color:#17375e; }
    .topbar-sub { color:#607894; opacity:1; }
    .topbar-nav a { color:#58708d; }
    .topbar-nav a:hover { color:#277aca; }
    .directory-toggle { background:#3b75d6; border-color:transparent; color:#fff; }
    .agent-open-btn { background:#49bced; color:#fff; box-shadow:0 9px 22px rgba(73,188,237,.24); }
    .sticky-site-nav .page-directory { background:rgba(43,105,190,.97); }

    .hero {
      background-image:
        linear-gradient(105deg,rgba(53,48,198,.98) 0%,rgba(48,91,213,.94) 48%,rgba(53,185,231,.55) 100%),
        var(--cms-hero-scene,url('../image/recruitment-hero-poster.png'));
      background-position:center;
      border-color:rgba(255,255,255,.18);
      box-shadow:0 25px 58px rgba(48,88,184,.23);
    }
    .hero::before { background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%); }
    .hero-kicker,.hero-title,.hero-subtitle,.recruiter-line { color:#fff; }
    .hero-kicker { opacity:.94; }
    .hero-subtitle { opacity:.94; }
    .hero-logo img { mix-blend-mode:multiply; }
    .hero-tags .tag {
      background:rgba(255,255,255,.14);
      color:#fff;
      border-color:rgba(255,255,255,.34);
      box-shadow:none;
    }
    .hero-tags .tag-dot { background:#6ff3dc; box-shadow:0 0 0 3px rgba(111,243,220,.16); }

    section:not(.hero) {
      background:linear-gradient(145deg,#fff,#f4f8fc) !important;
      border-color:#e0e8f1;
      box-shadow:0 14px 34px rgba(50,76,110,.07),inset 0 1px 0 #fff;
    }
    .section-title::after,.benefit::before,.why-icon,.timeline-dot,.download-icon {
      background:linear-gradient(135deg,#345bd4,#43b8e9);
    }
    .section-title { color:#1f4775 !important; }
    .section-sub { color:#4184bd !important; }
    .about-number,.job-salary,.benefit-value,.download-action { color:#1779c8; }
    .about-card,.benefit,.why-item,.faq-item,.timeline-content,.env-card,.download-card {
      background:#fff;
      border-color:#dce6f0;
    }
    #jobs .jobs-outline-grid a {
      background:linear-gradient(135deg,#3742c9 0%,#3577d9 55%,#40b5e6 100%);
    }
    #jobs .jobs-outline-grid a:hover { background:linear-gradient(135deg,#303abb,#306dcc 55%,#35a7d8 100%); }
    .section-apply-cta,.application-submit,#contact .contact-link:first-child,#contact .contact-copy-group.is-primary-copy .contact-link {
      background:linear-gradient(135deg,#3661d5,#43afe6);
    }
    .job-apply-btn,.float-contact-toggle { background:#3286cb; }
    .application-benefits li::before { background:linear-gradient(135deg,#3661d5,#43afe6); }
    .application-section { background:linear-gradient(135deg,#fff,#edf7fd) !important; }
    .agent-modal-dialog { background:linear-gradient(145deg,#3544c7,#358ed5); }
    .mobile-bottom-bar::after { color:#246fae; }

    @media(max-width:900px) {
      .hero {
        background-image:
          linear-gradient(105deg,rgba(53,48,198,.96),rgba(49,111,216,.89),rgba(53,185,231,.68)),
          var(--cms-hero-scene,url('../image/recruitment-hero-poster.png'));
      }
      .hero-title,.hero-subtitle,.hero-kicker,.recruiter-line { color:#fff; }
      .hero-tags .tag { color:#fff; background:rgba(255,255,255,.14); }
    }
    /* 首屏改为浅色招聘海报，不使用蓝色底 */
    .hero {
      background-image:
        linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 43%,rgba(248,249,252,.58) 68%,rgba(246,247,250,.12) 100%),
        var(--cms-hero-scene,url('../image/recruitment-hero-poster.png'));
      background-color:#f8fafc;
      border-color:#dde5ef;
      box-shadow:0 22px 52px rgba(49,70,101,.14);
    }
    .hero::before { background:linear-gradient(150deg,rgba(104,82,219,.07),transparent 60%); }
    .hero-kicker { color:#5e65cb; }
    .hero-title { color:#1f3c65; }
    .hero-subtitle { color:#4a627e; }
    .hero-tags .tag {
      background:rgba(255,255,255,.92);
      color:#31597f;
      border-color:#cad8e8;
      box-shadow:0 7px 16px rgba(45,70,106,.1);
    }
    .hero-tags .tag-dot { background:#6559d9; box-shadow:0 0 0 3px rgba(101,89,217,.12); }
    @media(max-width:900px) {
      .hero {
        background-image:
          linear-gradient(90deg,rgba(255,255,255,.97),rgba(248,249,252,.86)),
          var(--cms-hero-scene,url('../image/recruitment-hero-poster.png'));
      }
      .hero-title { color:#1f3c65; }
      .hero-subtitle { color:#4a627e; }
      .hero-kicker { color:#5e65cb; }
      .hero-tags .tag { color:#31597f; background:rgba(255,255,255,.92); }
    }
    .hero-recruiter-cta {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:5px;
      min-height:45px;
      margin-top:15px;
      padding:9px 20px;
      border:1px solid rgba(255,255,255,.76);
      border-radius:12px;
      background:rgba(255,255,255,.95);
      color:#294f79;
      font:inherit;
      font-size:14px;
      font-weight:800;
      box-shadow:0 10px 24px rgba(30,55,120,.18);
      cursor:pointer;
    }
    .hero-recruiter-cta::before { content:'✉'; color:#6559d9; font-size:16px; }
    .hero-recruiter-cta b { color:#6559d9; }
    .hero-recruiter-cta:hover { transform:translateY(-1px); background:#fff; box-shadow:0 13px 28px rgba(30,55,120,.23); }
    @media(max-width:640px) { .hero-recruiter-cta { width:100%; } }