:root{
      --ink:#dfe7ff;
      --muted:#9aa7c2;
      --faint:#6f7b95;
      --base:#0a0d14;
      --base2:#111827;
      --surface:#121a29;
      --surface2:#182235;
      --line:rgba(255,255,255,.09);
      --line2:rgba(220,51,68,.28);
      --hot:#dc3344;
      --hot2:#ff7b47;
      --cool:#6cb7ff;
      --glow:rgba(220,51,68,.22);
      --shadow:0 16px 36px rgba(0,0,0,.28);
      --radius:11px;
      --radius2:8px;
      --radius3:6px;
      --max:1400px;
      --speed:.25s ease;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      background:
        radial-gradient(circle at 12% 18%, rgba(220,51,68,.16), transparent 22%),
        radial-gradient(circle at 84% 16%, rgba(108,183,255,.14), transparent 20%),
        linear-gradient(180deg, #090b11 0%, #0b111c 38%, #0c1118 100%);
      color:var(--ink);
      line-height:1.7;
      word-break:break-word;
      overflow-wrap:break-word;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    .ribbona{
      position:sticky;top:0;z-index:40;
      backdrop-filter:blur(18px);
      background:rgba(8,11,18,.72);
      border-bottom:1px solid var(--line);
    }
    .orbitz{
      max-width:var(--max);
      margin:0 auto;
      padding:14px 22px;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .glypha{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:12px;
      min-width:0;
    }
    .glypha img{
      width:40px;height:40px;
      border-radius:10px;
      box-shadow:0 10px 20px rgba(0,0,0,.24);
    }
    .glypha span{
      font-weight:800;
      letter-spacing:.02em;
      color:#fff;
      font-size:1rem;
      white-space:normal;
    }
    .maddox{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
      min-width:0;
    }
    .linklet{
      position:relative;
      padding:10px 14px;
      border:1px solid transparent;
      border-radius:999px;
      color:var(--muted);
      transition:transform var(--speed),background var(--speed),border-color var(--speed),color var(--speed);
      min-width:0;
    }
    .linklet:hover,.linklet:focus-visible{
      color:#fff;
      background:rgba(255,255,255,.04);
      border-color:var(--line);
      transform:translateY(-1px);
      outline:none;
    }
    .linklet.active{
      color:#fff;
      background:linear-gradient(135deg, rgba(220,51,68,.24), rgba(255,123,71,.14));
      border-color:rgba(220,51,68,.35);
      box-shadow:0 0 0 1px rgba(220,51,68,.08) inset;
    }
    .vaultor{
      max-width:var(--max);
      margin:0 auto;
      padding:18px 22px 42px;
    }
    .sunflare{
      position:relative;
      border:1px solid var(--line);
      border-radius:calc(var(--radius) + 2px);
      overflow:hidden;
      box-shadow:var(--shadow);
      background:#08111d;
      aspect-ratio:21 / 9;
      min-height:330px;
    }
    .sunflare::before{
      content:"";
      position:absolute;inset:0;
      background:
        linear-gradient(180deg, rgba(6,9,15,.14) 0%, rgba(6,9,15,.3) 56%, rgba(6,9,15,.78) 100%),
        linear-gradient(90deg, rgba(9,12,20,.72) 0%, rgba(9,12,20,.12) 55%, rgba(9,12,20,.06) 100%);
      z-index:1;
    }
    .slashy{
      position:absolute;inset:0;
      width:100%;height:100%;
      object-fit:cover;
      transform:scale(1.02);
      filter:saturate(1.08) contrast(1.04);
    }
    .glowarc{
      position:absolute;inset:0;z-index:2;
      display:flex;
      flex-wrap:wrap;
      align-items:flex-end;
      justify-content:flex-start;
      padding:28px;
    }
    .titele{
      max-width:760px;
      min-width:0;
      padding:18px 18px 0 0;
    }
    .kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:.82rem;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:#ffd3d9;
      margin-bottom:14px;
    }
    .kicker::before{
      content:"";
      width:54px;height:1px;
      background:linear-gradient(90deg, var(--hot), transparent);
    }
    .titele h1{
      margin:0;
      color:#fff;
      font-size:clamp(2rem,4.6vw,4.5rem);
      line-height:1.04;
      letter-spacing:-.04em;
      max-width:12ch;
      text-shadow:0 10px 28px rgba(0,0,0,.36);
      white-space:normal;
    }
    .titele p{
      margin:16px 0 0;
      max-width:64ch;
      font-size:1.02rem;
      color:#d7def0;
    }
    .chroma{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:20px;
      min-width:0;
    }
    .sparko,.pulsee{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:700;
      transition:transform var(--speed),background var(--speed),border-color var(--speed);
      min-width:0;
    }
    .sparko{
      background:linear-gradient(135deg, var(--hot), #ff5f42);
      color:#fff;
      box-shadow:0 16px 26px rgba(220,51,68,.22);
    }
    .pulsee{
      color:#fff;
      background:rgba(255,255,255,.04);
      border-color:var(--line);
    }
    .sparko:hover,.pulsee:hover,.sparko:focus-visible,.pulsee:focus-visible{
      transform:translateY(-2px);
      outline:none;
    }
    .nestara{
      max-width:var(--max);
      margin:0 auto;
      padding:0 22px 40px;
      display:grid;
      grid-template-columns:1.55fr .95fr;
      gap:18px;
    }
    .pocket,.mosaic{
      background:linear-gradient(180deg, rgba(18,26,41,.88), rgba(12,18,30,.92));
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:0 12px 28px rgba(0,0,0,.18);
      min-width:0;
    }
    .pocket{
      padding:22px;
    }
    .mosaic{
      padding:18px;
    }
    .pocket h2,.mosaic h2,.mosaic h3,.pocket h3{
      margin:0;
      white-space:normal;
      line-height:1.18;
    }
    .pocket h2{
      font-size:1.35rem;
      margin-bottom:10px;
    }
    .note{
      margin:0 0 14px;
      color:var(--muted);
    }
    .shella{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .pockets{
      padding:14px;
      border-radius:var(--radius2);
      border:1px solid var(--line);
      background:rgba(255,255,255,.03);
      transition:transform var(--speed),border-color var(--speed),background var(--speed);
      min-width:0;
    }
    .pockets:hover{
      transform:translateY(-2px);
      border-color:rgba(220,51,68,.32);
      background:rgba(220,51,68,.05);
    }
    .icoon{
      width:44px;height:44px;border-radius:13px;
      display:grid;place-items:center;
      background:linear-gradient(135deg, rgba(220,51,68,.2), rgba(108,183,255,.12));
      border:1px solid rgba(255,255,255,.08);
      margin-bottom:12px;
    }
    .icoon svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .pockets h3{
      font-size:1.02rem;
      margin-bottom:8px;
    }
    .pockets p{
      margin:0;
      color:var(--muted);
      font-size:.95rem;
    }
    .rail{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:14px;
      min-width:0;
    }
    .mall{
      padding:12px 14px;
      border-radius:999px;
      border:1px solid var(--line);
      color:#e6ecff;
      background:rgba(255,255,255,.03);
      transition:transform var(--speed),border-color var(--speed),background var(--speed);
      min-width:0;
    }
    .mall:hover,.mall:focus-visible{
      transform:translateY(-2px);
      border-color:rgba(108,183,255,.35);
      background:rgba(108,183,255,.06);
      outline:none;
    }
    .railview{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:18px;
      max-width:var(--max);
      margin:0 auto;
      padding:0 22px 40px;
    }
    .mosaic h2{
      font-size:1.28rem;
      margin-bottom:10px;
    }
    .mosaic p{
      margin:0 0 14px;
      color:var(--muted);
    }
    .visual{
      border-radius:var(--radius);
      overflow:hidden;
      border:1px solid var(--line);
      background:#101826;
      min-height:340px;
      position:relative;
    }
    .visual img{
      width:100%;height:100%;
      object-fit:cover;
      filter:saturate(1.02) contrast(1.04);
    }
    .visual::after{
      content:"";
      position:absolute;inset:auto 14px 14px 14px;
      height:88px;
      border-radius:18px;
      background:linear-gradient(135deg, rgba(7,10,16,.74), rgba(7,10,16,.08));
      border:1px solid rgba(255,255,255,.08);
      backdrop-filter:blur(8px);
    }
    .railcopy{
      padding:10px 0 0;
    }
    .railcopy h2{
      font-size:1.32rem;
      margin-bottom:10px;
    }
    .railcopy p{color:var(--muted);margin:0 0 16px}
    .stacks{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      min-width:0;
    }
    .micro{
      flex:1 1 210px;
      min-width:0;
      padding:14px 14px 15px;
      border-radius:var(--radius2);
      background:rgba(255,255,255,.03);
      border:1px solid var(--line);
    }
    .micro strong{display:block;color:#fff;margin-bottom:6px}
    .micro span{color:var(--muted);font-size:.94rem}
    .proof{
      max-width:var(--max);
      margin:0 auto;
      padding:0 22px 40px;
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:18px;
      align-items:stretch;
    }
    .archive{
      padding:22px;
      border-radius:var(--radius);
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(16,22,35,.92), rgba(11,16,26,.95));
      min-width:0;
    }
    .archive h2{
      margin:0 0 12px;
      font-size:1.28rem;
    }
    .archive p{margin:0 0 14px;color:var(--muted)}
    .archive figure{
      margin:0;
      border-radius:var(--radius2);
      overflow:hidden;
      border:1px solid var(--line);
    }
    .archive figcaption{
      padding:12px 14px;
      color:var(--muted);
      font-size:.94rem;
      background:rgba(255,255,255,.02);
    }
    .archive img{width:100%;height:auto}
    .steplist{
      padding:22px;
      border-radius:var(--radius);
      border:1px solid var(--line);
      background:
        radial-gradient(circle at 100% 0, rgba(220,51,68,.14), transparent 24%),
        linear-gradient(180deg, rgba(18,26,41,.96), rgba(12,18,30,.96));
      min-width:0;
    }
    .steplist h2{
      margin:0 0 10px;
      font-size:1.28rem;
    }
    .steplist p{margin:0 0 16px;color:var(--muted)}
    .steplist ol{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:10px;
    }
    .steplist li{
      padding:14px 14px 14px 52px;
      border-radius:var(--radius2);
      border:1px solid var(--line);
      background:rgba(255,255,255,.03);
      position:relative;
      min-width:0;
    }
    .steplist li::before{
      content:counter(step);
      counter-increment:step;
      position:absolute;left:14px;top:14px;
      width:24px;height:24px;border-radius:50%;
      display:grid;place-items:center;
      background:linear-gradient(135deg, var(--hot), var(--hot2));
      color:#fff;font-size:.84rem;font-weight:800;
    }
    .steplist ol{counter-reset:step}
    .steplist a{
      color:#fff;
      text-decoration:underline;
      text-decoration-color:rgba(220,51,68,.45);
      text-underline-offset:3px;
    }
    .caplet{
      border-top:1px solid var(--line);
      background:rgba(7,10,16,.72);
      margin-top:28px;
    }
    .aftertrail{
      max-width:var(--max);
      margin:0 auto;
      padding:22px;
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      gap:14px;
      color:var(--faint);
      font-size:.94rem;
    }
    .aftertrail a{
      color:#dbe4ff;
      margin-right:14px;
    }
    .aftertrail a:hover,.aftertrail a:focus-visible{color:#fff;outline:none}
    @media (max-width:1024px){
      .nestara,.railview,.proof{grid-template-columns:1fr}
      .sunflare{aspect-ratio:16 / 10}
    }
    @media (max-width:768px){
      .orbitz,.vaultor,.nestara,.railview,.proof,.aftertrail{padding-left:16px;padding-right:16px}
      .maddox{width:100%}
      .linklet{padding:9px 11px}
      .glowarc{padding:18px}
      .titele h1{max-width:none}
      .shella{grid-template-columns:1fr}
      .stacks{flex-direction:column}
      .micro{flex-basis:auto}
    }

.chroma-ribbona {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    line-height: 1.7;
    word-break: break-word;
    color: var(--ink);
}
.chroma-ribbona,
.chroma-ribbona *,
.chroma-ribbona *::before,
.chroma-ribbona *::after {
    box-sizing: border-box;
}

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

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

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

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

.chroma-ribbona a.chroma-linklet {
    --aisite-shell-nav-padding: 10px 14px;
    --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;
}

.chroma-ribbona a.chroma-linklet,
.chroma-ribbona a.chroma-linklet:hover,
.chroma-ribbona a.chroma-linklet:focus,
.chroma-ribbona a.chroma-linklet:active,
.chroma-ribbona a.chroma-linklet.active,
.chroma-ribbona a.chroma-linklet[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);
}

.chroma-ribbona{
      position:sticky;top:0;z-index:40;
      backdrop-filter:blur(18px);
      background:rgba(8,11,18,.72);
      border-bottom:1px solid rgba(255,255,255,.09);
    }

.chroma-ribbona .chroma-orbitz{
      max-width:1400px;
      margin:0 auto;
      padding:14px 22px;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }

.chroma-ribbona .chroma-glypha{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:12px;
      min-width:0;
    }

.chroma-ribbona .chroma-glypha img{
      width:40px;height:40px;
      border-radius:10px;
      box-shadow:0 10px 20px rgba(0,0,0,.24);
    }

.chroma-ribbona .chroma-glypha span{
      font-weight:800;
      letter-spacing:.02em;
      color:#fff;
      font-size:1rem;
      white-space:normal;
    }

.chroma-ribbona .chroma-maddox{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
      min-width:0;
    }

.chroma-ribbona .chroma-linklet{
      position:relative;
      padding:10px 14px;
      border:1px solid transparent;
      border-radius:999px;
      color:#9aa7c2;
      transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease;
      min-width:0;
    }

.chroma-ribbona .chroma-linklet:hover, .chroma-ribbona .chroma-linklet:focus-visible{
      color:#fff;
      background:rgba(255,255,255,.04);
      border-color:rgba(255,255,255,.09);
      transform:translateY(-1px);
      outline:none;
    }

.chroma-ribbona .chroma-linklet.active{
      color:#fff;
      background:linear-gradient(135deg, rgba(220,51,68,.24), rgba(255,123,71,.14));
      border-color:rgba(220,51,68,.35);
      box-shadow:0 0 0 1px rgba(220,51,68,.08) inset;
    }

@media (max-width:768px){.chroma-ribbona .chroma-orbitz{padding-left:16px;padding-right:16px}

.chroma-ribbona .chroma-maddox{width:100%}

.chroma-ribbona .chroma-linklet{padding:9px 11px}}

.chroma-ribbona {
    background: rgb(8, 11, 18);
    background-image: none;
}