:root {
      --accent: #f7ae49;
      --accent-hover: #e09832;
      --accent-light: rgba(247, 174, 73, 0.12);
      --bg-dark: #0b1120;
      --bg-slate: #151e32;
      --bg-surface: #1e293b;
      --bg-light: #f8fafc;
      --fg-primary: #f8fafc;
      --fg-secondary: #94a3b8;
      --radius-lg: 22px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: var(--bg-dark);
      color: var(--fg-primary);
      line-height: 1.7;
      word-break: break-word;
      overflow-wrap: break-word;
    }

    a {
      color: inherit;
      text-decoration: none;
      transition: all 0.35s ease;
    }

    /* 顶部导航栏 - 复用首页标准 */
    .airspace-rudder {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: rgba(11, 17, 32, 0.9);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(247, 174, 73, 0.15);
    }

    .airspace-envelope {
      max-width: 1200px;
      margin: 0 auto;
      padding: 1.1rem 1.5rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

    .crease {
      display: flex;
      align-items: center;
      min-width: 0;
    }

    .crease img {
      height: 38px;
      width: auto;
      display: block;
    }

    .vector {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      align-items: center;
      min-width: 0;
    }

    .vector-beacon {
      font-size: 0.95rem;
      font-weight: 500;
      color: var(--fg-secondary);
      padding: 0.4rem 0.8rem;
      border-radius: 8px;
    }

    .vector-beacon:hover,
    .vector-beacon.active {
      color: var(--accent);
      background: var(--accent-light);
    }

    /* 主内容区容器 */
    main {
      display: block;
      width: 100%;
    }

    /* 模块1: Header Guide Hero (acquire) */
    .zenith-envelope {
      max-width: 1200px;
      margin: 0 auto;
      padding: 4rem 1.5rem 3rem;
      display: flex;
      flex-wrap: wrap;
      gap: 2.5rem;
      align-items: center;
    }

    .zenith-airfoil {
      flex: 1;
      min-width: 300px;
    }

    .runway-whisper {
      font-size: clamp(2rem, 3.8vw, 3.2rem);
      font-weight: 800;
      line-height: 1.25;
      color: var(--fg-primary);
      margin-bottom: 1.2rem;
      word-break: keep-all;
    }

    .runway-whisper span {
      color: var(--accent);
    }

    .wingtip {
      font-size: 1.1rem;
      color: var(--fg-secondary);
      margin-bottom: 2rem;
      max-width: 580px;
    }

    .origami-canvas {
      flex: 1;
      min-width: 300px;
      background: var(--bg-slate);
      border: 1px solid rgba(247, 174, 73, 0.2);
      border-radius: var(--radius-lg);
      padding: 2rem;
      box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
    }

    .canard-origami {
      display: flex;
      flex-wrap: wrap;
      gap: 1.2rem;
      margin-bottom: 1.2rem;
      padding: 1rem;
      background: rgba(15, 23, 42, 0.6);
      border-radius: 14px;
      border-left: 4px solid var(--accent);
    }

    .crest-feather {
      width: 36px;
      height: 36px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--accent-light);
      border-radius: 50%;
      color: var(--accent);
    }

    .origami-wingtip {
      flex: 1;
      min-width: 0;
    }

    .canard-whisper {
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--fg-primary);
      margin-bottom: 0.2rem;
    }

    .glider-canard {
      font-size: 0.9rem;
      color: var(--fg-secondary);
    }

    .thrust-launch {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      padding: 0.9rem 2.2rem;
      background: var(--accent);
      color: #0f172a;
      font-weight: 700;
      border-radius: 16px;
      box-shadow: 0 10px 25px -5px rgba(247, 174, 73, 0.4);
    }

    .thrust-launch:hover {
      background: var(--accent-hover);
      transform: translateY(-2px);
    }

    /* 模块2: 注册步骤拆解 (steps) */
    .thermal-cabin {
      max-width: 1200px;
      margin: 3rem auto;
      padding: 0 1.5rem;
    }

    .beak-feather {
      text-align: center;
      margin-bottom: 3rem;
    }

    .beak-feather h2 {
      font-size: 2rem;
      font-weight: 700;
      color: var(--fg-primary);
      margin-bottom: 0.6rem;
    }

    .beak-feather p {
      color: var(--fg-secondary);
      max-width: 680px;
      margin: 0 auto;
    }

    .thermal-airfoil {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }

    .glider-airfoil {
      flex: 1;
      min-width: 280px;
      background: var(--bg-surface);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: var(--radius-lg);
      padding: 2rem;
      position: relative;
      transition: all 0.35s ease;
    }

    .glider-airfoil:hover {
      border-color: rgba(247, 174, 73, 0.4);
      transform: translateY(-4px);
    }

    .airway-canard {
      display: inline-block;
      font-size: 0.85rem;
      font-weight: 800;
      color: var(--accent);
      background: var(--accent-light);
      padding: 0.3rem 0.8rem;
      border-radius: 20px;
      margin-bottom: 1rem;
    }

    .propel-glider {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      margin-top: 1.5rem;
      padding-top: 1rem;
      border-top: 1px dashed rgba(255, 255, 255, 0.1);
      font-size: 0.88rem;
      color: var(--fg-secondary);
    }

    /* 模块3: 收不到验证码排查 (article) */
    article.origami-canvas {
      max-width: 1200px;
      margin: 4rem auto;
      padding: 3rem 2rem;
      background: linear-gradient(135deg, var(--bg-slate) 0%, #0d1527 100%);
      border: 1px solid rgba(247, 174, 73, 0.25);
      border-radius: var(--radius-lg);
    }

    .tarmac-wingtip {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      margin-top: 2rem;
    }

    .airway-beacon {
      flex: 1;
      min-width: 260px;
      background: rgba(15, 23, 42, 0.7);
      border-radius: 16px;
      padding: 1.5rem;
      border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .airway-beacon h4 {
      font-size: 1.1rem;
      color: var(--accent);
      margin-bottom: 0.8rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    /* 模块4: 安全防护加固 (div) */
    div.airfoil-feather {
      max-width: 1200px;
      margin: 3rem auto 5rem;
      padding: 0 1.5rem;
    }

    .launch-propel {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-top: 2rem;
    }

    .landpad-strut {
      flex: 1;
      min-width: 280px;
      background: var(--bg-slate);
      border-radius: var(--radius-lg);
      padding: 1.8rem;
      border: 1px solid rgba(247, 174, 73, 0.15);
      position: relative;
    }

    .landpad-strut::before {
      content: '';
      position: absolute;
      top: 0;
      left: 2rem;
      width: 40px;
      height: 3px;
      background: var(--accent);
      border-radius: 0 0 4px 4px;
    }

    /* 页脚 contentinfo */
    .hangar-tarmac {
      background: #070b14;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      padding: 3rem 1.5rem 2rem;
      color: var(--fg-secondary);
    }

    .hangar-envelope {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 2rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .hangar-brand {
      font-size: 1.4rem;
      font-weight: 800;
      color: var(--fg-primary);
      letter-spacing: 1px;
    }

    .hangar-links {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }

    .hangar-links a:hover {
      color: var(--accent);
    }

    .hangar-wingtip {
      max-width: 1200px;
      margin: 1.5rem auto 0;
      text-align: center;
      font-size: 0.85rem;
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
      .zenith-envelope {
        padding-top: 2rem;
      }
      
      .thermal-airfoil,
      .tarmac-wingtip,
      .launch-propel {
        flex-direction: column;
      }

      .vector {
        gap: 0.8rem;
      }
      
      .vector-beacon {
        font-size: 0.85rem;
        padding: 0.3rem 0.5rem;
      }
    }

.rudder-airspace-rudder {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    word-break: break-word;
    color: var(--fg-primary);
}
.rudder-airspace-rudder,
.rudder-airspace-rudder *,
.rudder-airspace-rudder *::before,
.rudder-airspace-rudder *::after {
    box-sizing: border-box;
}

.rudder-airspace-rudder nav,
.rudder-airspace-rudder div,
.rudder-airspace-rudder section,
.rudder-airspace-rudder article,
.rudder-airspace-rudder aside,
.rudder-airspace-rudder p,
.rudder-airspace-rudder h1,
.rudder-airspace-rudder h2,
.rudder-airspace-rudder h3,
.rudder-airspace-rudder h4,
.rudder-airspace-rudder h5,
.rudder-airspace-rudder h6,
.rudder-airspace-rudder a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.rudder-airspace-rudder p,
.rudder-airspace-rudder h1,
.rudder-airspace-rudder h2,
.rudder-airspace-rudder h3,
.rudder-airspace-rudder h4,
.rudder-airspace-rudder h5,
.rudder-airspace-rudder h6 {
    text-decoration: none;
}

.rudder-airspace-rudder img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.rudder-airspace-rudder {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.rudder-airspace-rudder a.rudder-vector-beacon {
    --aisite-shell-nav-padding: 0.6rem 1.2rem;
    --aisite-shell-nav-margin: 0;
    --aisite-shell-nav-line-height: normal;
    --aisite-shell-nav-display: inline;
    --aisite-shell-nav-height: auto;
    --aisite-shell-nav-min-height: auto;
}

.rudder-airspace-rudder a.rudder-vector-beacon,
.rudder-airspace-rudder a.rudder-vector-beacon:hover,
.rudder-airspace-rudder a.rudder-vector-beacon:focus,
.rudder-airspace-rudder a.rudder-vector-beacon:active,
.rudder-airspace-rudder a.rudder-vector-beacon.active,
.rudder-airspace-rudder a.rudder-vector-beacon[aria-current="page"] {
    background: transparent;
    border: none;
    border-bottom: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    padding: var(--aisite-shell-nav-padding, 0);
    margin: var(--aisite-shell-nav-margin, 0);
    line-height: var(--aisite-shell-nav-line-height, normal);
    display: var(--aisite-shell-nav-display, inline);
    height: var(--aisite-shell-nav-height, auto);
    min-height: var(--aisite-shell-nav-min-height, auto);
}

.rudder-airspace-rudder{
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(11, 17, 32, 0.85);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            padding: 1rem 2rem;
        }

.rudder-airspace-rudder .rudder-airspace-envelope{
            max-width: 1320px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
        }

.rudder-airspace-rudder .rudder-crease{
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

.rudder-airspace-rudder .rudder-crease img{
            height: 38px;
            width: auto;
            display: block;
        }

.rudder-airspace-rudder .rudder-vector{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.5rem;
        }

.rudder-airspace-rudder .rudder-vector-beacon{
            padding: 0.6rem 1.2rem;
            border-radius: 10px;
            font-weight: 500;
            font-size: 0.95rem;
            color: #94a3b8;
            transition: all 0.35s ease;
        }

.rudder-airspace-rudder .rudder-vector-beacon:hover, .rudder-airspace-rudder .rudder-vector-beacon.active{
            color: #f8fafc;
            background: rgba(247, 174, 73, 0.12);
        }

.rudder-airspace-rudder .rudder-vector-beacon.active{
            color: #f7ae49;
            font-weight: 600;
        }

.rudder-airspace-rudder {
    background: rgb(11, 17, 32);
    background-image: none;
}

.hangar-hangar-tarmac {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    word-break: break-word;
    color: var(--fg-primary);
}
.hangar-hangar-tarmac,
.hangar-hangar-tarmac *,
.hangar-hangar-tarmac *::before,
.hangar-hangar-tarmac *::after {
    box-sizing: border-box;
}

.hangar-hangar-tarmac nav,
.hangar-hangar-tarmac div,
.hangar-hangar-tarmac section,
.hangar-hangar-tarmac article,
.hangar-hangar-tarmac aside,
.hangar-hangar-tarmac p,
.hangar-hangar-tarmac h1,
.hangar-hangar-tarmac h2,
.hangar-hangar-tarmac h3,
.hangar-hangar-tarmac h4,
.hangar-hangar-tarmac h5,
.hangar-hangar-tarmac h6,
.hangar-hangar-tarmac a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.hangar-hangar-tarmac p,
.hangar-hangar-tarmac h1,
.hangar-hangar-tarmac h2,
.hangar-hangar-tarmac h3,
.hangar-hangar-tarmac h4,
.hangar-hangar-tarmac h5,
.hangar-hangar-tarmac h6 {
    text-decoration: none;
}

.hangar-hangar-tarmac img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.hangar-hangar-tarmac {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.hangar-hangar-tarmac a,
.hangar-hangar-tarmac a:hover,
.hangar-hangar-tarmac a:focus,
.hangar-hangar-tarmac a:active {
    background: transparent;
    box-shadow: none;
    outline: none;
    text-decoration: none;
}

.hangar-hangar-tarmac{
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            padding: 4rem 2rem 2rem;
            color: #94a3b8;
        }

.hangar-hangar-tarmac .hangar-tarmac-envelope{
            max-width: 1320px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 3rem;
            justify-content: space-between;
            margin-bottom: 3rem;
        }

.hangar-hangar-tarmac .hangar-tarmac-feather{
            flex: 1 1 320px;
            min-width: 0;
        }

.hangar-hangar-tarmac .hangar-hangar-whisper{
            font-size: 1.5rem;
            font-weight: 800;
            color: #f8fafc;
            margin-bottom: 0.8rem;
            letter-spacing: -0.02em;
        }

.hangar-hangar-tarmac .hangar-hangar-wingtip{
            font-size: 0.92rem;
            line-height: 1.7;
        }

.hangar-hangar-tarmac .hangar-landpad-beak{
            display: flex;
            flex-wrap: wrap;
            gap: 3rem;
        }

.hangar-hangar-tarmac .hangar-landpad-origami{
            display: flex;
            flex-direction: column;
            gap: 0.6rem;
        }

.hangar-hangar-tarmac .hangar-landpad-whisper{
            font-size: 1rem;
            font-weight: 700;
            color: #f8fafc;
            margin-bottom: 0.5rem;
        }

.hangar-hangar-tarmac .hangar-landpad-beacon{
            font-size: 0.9rem;
            color: #94a3b8;
        }

.hangar-hangar-tarmac .hangar-landpad-beacon:hover{
            color: #f7ae49;
        }

.hangar-hangar-tarmac .hangar-strut-notch{
            max-width: 1320px;
            margin: 0 auto;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            text-align: center;
            font-size: 0.85rem;
        }