:root {
  --primary-color: #0b63d8;
  --secondary-color: #0849aa;
  --bg-color: #eef3f9;
  --text-color: #102033;
  --text-muted: #4d5f77;
  --border-color: rgba(16, 32, 51, 0.18);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-sm: 0 2px 8px rgba(8, 28, 56, 0.08);
  --shadow-md: 0 10px 24px rgba(8, 28, 56, 0.14);
  --shadow-lg: 0 20px 44px rgba(8, 28, 56, 0.2);
  --nav-height: 76px;
  --max-width: 1240px;
  --transition: all 0.28s ease;
  --nav-bg: var(--bg-color);
  --nav-panel-bg: var(--bg-color);
  --ime-bg: hsl(202, 22%, 96%);
  --ime-surface: #ffffff;
  --ime-ink: hsl(202, 18%, 13%);
  --ime-muted: hsl(202, 10%, 35%);
  --ime-primary: hsl(202, 76%, 52%);
  --ime-primary-deep: hsl(202, 82%, 38%);
  --ime-accent: hsl(190, 78%, 45%);
  --ime-line: hsl(202, 20%, 84%);
  --ime-shadow: 0 14px 34px rgba(7, 39, 66, 0.14);
  --page-bg: hsl(204, 30%, 96%);
  --panel-bg: #ffffff;
  --ink-strong: hsl(202, 18%, 12%);
  --ink-soft: hsl(202, 12%, 30%);
  --line-cool: hsl(204, 30%, 82%);
  --brand-main: hsl(202, 76%, 52%);
  --brand-main-deep: hsl(206, 82%, 38%);
  --brand-accent: hsl(188, 75%, 44%);
  --brand-warm: hsl(350, 61%, 52%);
  --focus-glow: 0 0 0 3px hsla(202, 76%, 52%, 0.24);
  --hard-shadow: 0 18px 36px hsla(206, 72%, 24%, 0.18);
  --rq-bg: hsl(202 20% 96%);
  --rq-surface: hsl(0 0% 100%);
  --rq-ink: hsl(202 18% 14%);
  --rq-muted: hsl(208 10% 38%);
  --rq-primary: hsl(202 76% 52%);
  --rq-secondary: hsl(350 61% 52%);
  --rq-line: hsl(205 24% 82%);
  --rq-shadow: 0 16px 36px hsl(210 55% 18% / 0.14);
  --guide-primary: hsl(202 76% 52%);
  --guide-primary-deep: hsl(208 82% 35%);
  --guide-secondary: hsl(350 61% 52%);
  --guide-ink: hsl(202 20% 12%);
  --guide-muted: hsl(204 14% 33%);
  --guide-bg: hsl(202 24% 96%);
  --guide-panel: hsl(0 0% 100%);
  --guide-line: hsl(204 24% 84%);
  --guide-shadow: 0 16px 40px hsl(208 80% 20% / 0.16);
  --clg-bg: hsl(206, 40%, 97%);
  --clg-ink: hsl(202, 24%, 12%);
  --clg-muted: hsl(206, 16%, 34%);
  --clg-primary: hsl(202, 76%, 52%);
  --clg-primary-deep: hsl(202, 82%, 40%);
  --clg-accent: hsl(350, 61%, 52%);
  --clg-line: hsl(205, 26%, 82%);
  --clg-panel: hsl(0, 0%, 100%);
  --faq-bg: hsl(202 28% 96%);
  --faq-surface: hsl(0 0% 100%);
  --faq-ink: hsl(202 18% 14%);
  --faq-muted: hsl(202 12% 36%);
  --faq-primary: hsl(202 76% 52%);
  --faq-primary-deep: hsl(202 82% 42%);
  --faq-accent: hsl(190 78% 45%);
  --faq-line: hsl(202 22% 84%);
  --faq-shadow: 0 16px 36px hsl(202 70% 20% / 0.12);
}

body {
    margin: 0;
    background: radial-gradient(circle at 10% 0%, #d8e9ff 0%, var(--bg-color) 42%);
    color: var(--text-color);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    }
    .zeta9loop {
    position: relative;
    background: linear-gradient(105deg, #f7fbff 0%, var(--nav-bg) 55%, #deebff 100%);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    }
    .zeta9loop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color), var(--primary-color), #1ca5cf);
    }
    .nimbus7 {
    height: var(--nav-height);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    }
    .amberflux {
    flex-shrink: 0;
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.38rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: var(--transition);
    }
    .amberflux:hover {
    color: var(--primary-color);
    }
    .briskvale {
    display: none;
    }
    .cinderFox {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    transition: var(--transition);
    }
    .neon_tide {
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    .v3ctora {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
    }
    .lunar_pine {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    }
    .pebble_run {
    margin: 0;
    }
    .quickMoss {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    transition: var(--transition);
    }
    .quickMoss::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--transition);
    }
    .quickMoss:hover {
    color: var(--text-color);
    }
    .quickMoss:hover::after {
    transform: scaleX(1);
    }
    .oakRipple {
    color: var(--text-color);
    }
    .oakRipple::after {
    transform: scaleX(1);
    }
    .driftlane {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(11, 99, 216, 0.34);
    transition: var(--transition);
    }
    .driftlane:hover {
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(8, 73, 170, 0.36);
    transform: translateY(-1px);
    }
    @media (max-width: 960px) {.nimbus7 {
    padding: 0 14px;
    }
    .cinderFox {
    display: inline-flex;
    }
    .v3ctora {
    position: absolute;
    top: calc(var(--nav-height) - 2px);
    left: 14px;
    right: 14px;
    z-index: 20;
    background: linear-gradient(180deg, #fafdff 0%, var(--nav-panel-bg) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: var(--transition);
    }
    .briskvale:checked ~ .v3ctora {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(2) {
    opacity: 0;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    .lunar_pine {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .pebble_run {
    width: 100%;
    }
    .quickMoss {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    }
    .quickMoss::after {
    left: 14px;
    right: 14px;
    bottom: 8px;
    }
    .driftlane {
    width: 100%;
    }}
    .quickMoss.active {color: var(--text-color);}
    .oakRipple.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.index *{
    box-sizing: border-box;
    }
    main.index{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color, var(--ime-ink));
    background:
    radial-gradient(circle at 12% 12%, rgba(21, 157, 228, 0.14), transparent 32%),
    radial-gradient(circle at 88% 5%, rgba(0, 185, 190, 0.14), transparent 30%),
    var(--ime-bg);
    padding: 28px 22px 0;
    line-height: 1.65;
    }
    main.index .hushgrove{
    max-width: 1160px;
    margin: 0 auto;
    }
    main.index .delta2ray{
    background: var(--ime-surface);
    border: 1px solid var(--ime-line);
    box-shadow: var(--ime-shadow);
    margin-bottom: 22px;
    }
    main.index .ripple_tag{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 22px;
    padding: 28px;
    align-items: center;
    }
    main.index .mintCrate{
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    color: var(--ime-primary-deep);
    margin-bottom: 8px;
    }
    main.index h1{
    margin: 0 0 12px;
    font-size: clamp(1.75rem, 2.5vw, 2.6rem);
    line-height: 1.2;
    color: var(--ime-ink);
    }
    main.index h2{
    margin: 0 0 14px;
    font-size: clamp(1.3rem, 1.8vw, 1.7rem);
    color: var(--ime-ink);
    }
    main.index h3{
    margin: 0 0 8px;
    font-size: 1.1rem;
    }
    main.index p{
    margin: 0 0 10px;
    color: var(--ime-muted);
    }
    main.index .alpha8zen{
    color: var(--ime-ink);
    font-weight: 700;
    margin-bottom: 12px;
    }
    main.index .canyonJet{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 14px 0 18px;
    padding: 0;
    list-style: none;
    }
    main.index .canyonJet li{
    border: 1px solid var(--ime-line);
    padding: 7px 10px;
    font-size: 0.9rem;
    color: var(--ime-ink);
    background: #f8fcff;
    }
    main.index .prismKick{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    }
    main.index .duskforge{
    display: inline-block;
    text-decoration: none;
    padding: 11px 16px;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(135deg, var(--ime-primary), var(--ime-accent));
    box-shadow: 0 10px 20px rgba(13, 101, 156, 0.3);
    }
    main.index .duskforge.turboLime{
    background: linear-gradient(135deg, var(--ime-primary-deep), hsl(190, 88%, 33%)); color: #ffffff;}
    main.index .ripple_tag figure{
    margin: 0;
    min-height: 100%;
    }
    main.index .ripple_tag img{
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    display: block;
    border: 1px solid var(--ime-line);
    }
    main.index .sparknest{
    padding: 24px 24px 26px;
    }
    main.index .frostbyte{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    }
    main.index .glidepath{
    border: 1px solid var(--ime-line);
    padding: 14px;
    background: #fbfdff;
    }
    main.index .r4ndora{
    margin: 0;
    padding-left: 18px;
    color: var(--ime-muted);
    }
    main.index .r4ndora li{
    margin-bottom: 4px;
    }
    main.index .ember_silk{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    }
    main.index .sonic_bloom{
    border: 1px solid var(--ime-line);
    padding: 14px;
    background: #ffffff;
    }
    main.index .sonic_bloom strong{
    color: var(--ime-primary-deep);
    }
    main.index .m0onrail a, main.index .quillDash a, main.index .velvet_arc a{
    color: var(--ime-primary-deep);
    font-weight: 700;
    text-decoration-thickness: 1px;
    }
    main.index .ivy_quark{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    }
    main.index .ivy_quark img{
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid var(--ime-line);
    display: block;
    }
    main.index .quillDash{
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 10px;
    }
    main.index .quillDash a{
    display: block;
    border: 1px solid var(--ime-line);
    background: #f4faff;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    }
    main.index footer{
    border-top: 1px solid var(--ime-line);
    background: #f3f8fc;
    margin-top: 8px;
    padding: 18px 24px 28px;
    color: var(--ime-muted);
    font-size: 0.95rem;
    }
    main.index .velvet_arc{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 8px;
    }
    @keyframes rise {from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }}
    main.index .delta2ray{
    animation: rise 0.55s ease-out both;
    }
    @media (max-width: 980px) {main.index .ripple_tag, main.index .frostbyte, main.index .ember_silk, main.index .ivy_quark, main.index .quillDash{
    grid-template-columns: 1fr 1fr;
    }
    main.index .quillDash a{
    text-align: left;
    }}
    @media (max-width: 640px) {main.index{
    padding: 16px 14px 0;
    }
    main.index .ripple_tag, main.index .frostbyte, main.index .ember_silk, main.index .ivy_quark, main.index .quillDash{
    grid-template-columns: 1fr;
    }
    main.index .sparknest, main.index .ripple_tag{
    padding: 18px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    body {
    margin: 0;
    background: radial-gradient(circle at 10% 0%, #d8e9ff 0%, var(--bg-color) 42%);
    color: var(--text-color);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    }
    .zeta9loop {
    position: relative;
    background: linear-gradient(105deg, #f7fbff 0%, var(--nav-bg) 55%, #deebff 100%);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    }
    .zeta9loop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color), var(--primary-color), #1ca5cf);
    }
    .nimbus7 {
    height: var(--nav-height);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    }
    .amberflux {
    flex-shrink: 0;
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.38rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: var(--transition);
    }
    .amberflux:hover {
    color: var(--primary-color);
    }
    .briskvale {
    display: none;
    }
    .cinderFox {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    transition: var(--transition);
    }
    .neon_tide {
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    .v3ctora {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
    }
    .lunar_pine {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    }
    .pebble_run {
    margin: 0;
    }
    .quickMoss {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    transition: var(--transition);
    }
    .quickMoss::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--transition);
    }
    .quickMoss:hover {
    color: var(--text-color);
    }
    .quickMoss:hover::after {
    transform: scaleX(1);
    }
    .oakRipple {
    color: var(--text-color);
    }
    .oakRipple::after {
    transform: scaleX(1);
    }
    .driftlane {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(11, 99, 216, 0.34);
    transition: var(--transition);
    }
    .driftlane:hover {
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(8, 73, 170, 0.36);
    transform: translateY(-1px);
    }
    @media (max-width: 960px) {.nimbus7 {
    padding: 0 14px;
    }
    .cinderFox {
    display: inline-flex;
    }
    .v3ctora {
    position: absolute;
    top: calc(var(--nav-height) - 2px);
    left: 14px;
    right: 14px;
    z-index: 20;
    background: linear-gradient(180deg, #fafdff 0%, var(--nav-panel-bg) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: var(--transition);
    }
    .briskvale:checked ~ .v3ctora {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(2) {
    opacity: 0;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    .lunar_pine {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .pebble_run {
    width: 100%;
    }
    .quickMoss {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    }
    .quickMoss::after {
    left: 14px;
    right: 14px;
    bottom: 8px;
    }
    .driftlane {
    width: 100%;
    }}
    .quickMoss.active {color: var(--text-color);}
    .oakRipple.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.download *{
    box-sizing: border-box;
    }
    main.download{
    margin: 0;
    }
    main.download.glitch_seed{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
    color: var(--text-color, var(--ink-strong, #1c2730));
    background:
    radial-gradient(circle at 12% 18%, hsla(202, 80%, 70%, 0.2), transparent 34%),
    radial-gradient(circle at 84% 6%, hsla(188, 72%, 56%, 0.18), transparent 28%),
    linear-gradient(180deg, #f5fbff 0%, var(--page-bg, #eef4f8) 100%);
    min-height: 100vh;
    }
    main.download .k1tecore{
    width: min(1120px, 92vw);
    margin: 0 auto;
    padding: 36px 0 64px;
    }
    main.download .x7arcade{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 28px;
    align-items: stretch;
    }
    main.download .cloud_spire, main.download .rapidFable{
    background: var(--panel-bg, #fff);
    border: 1px solid var(--line-cool, #d3e1ea);
    border-radius: var(--radius-lg, 0);
    box-shadow: var(--shadow-md, var(--hard-shadow, 0 12px 24px rgba(16,50,79,0.12)));
    }
    main.download .cloud_spire{
    padding: 34px 34px 28px;
    }
    main.download .novaClamp{
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 12px;
    background: linear-gradient(90deg, var(--brand-main-deep, #1569a8), var(--brand-main, #1d94e2));
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.06em;
    }
    main.download h1{
    margin: 0 0 12px;
    font-size: clamp(1.9rem, 2.8vw, 2.7rem);
    line-height: 1.2;
    color: var(--ink-strong, #1c2730);
    }
    main.download .x7arcade p{
    margin: 0 0 12px;
    line-height: 1.75;
    color: var(--ink-soft, #354451);
    font-size: 1rem;
    }
    main.download .moonshade{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0 22px;
    }
    main.download .moonshade span{
    background: #f2f8fd;
    border: 1px solid #c8dbeb;
    padding: 8px 12px;
    font-size: 14px;
    color: #1e415b;
    }
    main.download .echo_mint{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.download .hexa7bit{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    padding: 13px 18px;
    min-width: 170px;
    color: #fff;
    background: linear-gradient(120deg, var(--brand-main-deep, #1569a8), var(--brand-main, #1d94e2));
    border: 1px solid #0f578d;
    box-shadow: 0 10px 22px hsla(206, 82%, 32%, 0.35);
    font-weight: 700;
    }
    main.download .hexa7bit.pineglint{
    background: linear-gradient(120deg, var(--brand-accent, #17a6b9), #198ea0);
    border-color: #117987;
    box-shadow: 0 10px 20px hsla(188, 75%, 30%, 0.28);
    }
    main.download .hexa7bit:focus-visible, main.download .coral_patch:focus-visible{
    outline: none;
    box-shadow: var(--focus-glow, 0 0 0 3px rgba(29, 148, 226, 0.25));
    }
    main.download .rapidFable{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    }
    main.download .rapidFable img{
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    }
    main.download .rapidFable figcaption{
    padding: 12px 16px 14px;
    font-size: 14px;
    color: #32506a;
    border-top: 1px solid #d2e3f1;
    background: #f7fbff;
    }
    main.download .vividPulse{
    margin-top: 24px;
    background: var(--panel-bg, #fff);
    border: 1px solid var(--line-cool, #d3e1ea);
    border-radius: var(--radius-md, 0);
    padding: 26px;
    }
    main.download h2{
    margin: 0 0 14px;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    color: var(--ink-strong, #1c2730);
    }
    main.download h3{
    margin: 18px 0 8px;
    font-size: 1.1rem;
    color: #173c57;
    }
    main.download .ember_trail{
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 14px;
    margin-top: 8px;
    }
    main.download .mosshaven{
    border: 1px solid #cbdcec;
    background: linear-gradient(180deg, #f8fcff, #edf6fc);
    padding: 14px;
    }
    main.download .thornfield{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #173c57;
    }
    main.download .mosshaven svg{
    width: 24px;
    height: 24px;
    fill: #126ba8;
    flex-shrink: 0;
    }
    main.download .aqua_spark{
    margin: 0 0 10px;
    color: #2f4b61;
    font-size: 14px;
    line-height: 1.6;
    }
    main.download .mosshaven .hexa7bit{
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    font-size: 14px;
    }
    main.download table.n3bulae{
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    font-size: 15px;
    }
    main.download .n3bulae th, main.download .n3bulae td{
    border: 1px solid #c9d9e8;
    padding: 11px 10px;
    vertical-align: top;
    }
    main.download .n3bulae th{
    background: #e9f3fb;
    color: #163d59;
    text-align: left;
    font-weight: 700;
    }
    main.download .n3bulae td{
    color: #243f54;
    line-height: 1.6;
    }
    main.download .silverknob, main.download .ironlatch, main.download .lucidVine{
    margin: 10px 0 0;
    padding-left: 20px;
    color: #24445b;
    line-height: 1.7;
    }
    main.download .coral_patch{
    color: #0b639d;
    text-decoration: none;
    border-bottom: 1px solid #89b8dd;
    }
    main.download .coral_patch:hover{
    color: #084f7e;
    border-bottom-color: #4f96ca;
    }
    main.download .b2reeze{
    margin-top: 14px;
    border-left: 4px solid var(--brand-main, #1d94e2);
    background: #f2f9ff;
    padding: 12px 14px;
    color: #1f425d;
    }
    main.download .turboQuill{
    margin-top: 16px;
    border: 1px solid #cddceb;
    }
    main.download .turboQuill img{
    width: 100%;
    display: block;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    }
    main.download .turboQuill figcaption{
    margin: 0;
    padding: 10px 12px;
    color: #2f5068;
    font-size: 14px;
    background: #f8fbff;
    }
    main.download footer{
    margin-top: 30px;
    padding: 20px 10px 8px;
    border-top: 1px solid #bfd2e2;
    color: #2d4a60;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    justify-content: space-between;
    }
    main.download .p9xelate{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    }
    @media (max-width: 980px) {main.download .x7arcade{
    grid-template-columns: 1fr;
    }
    main.download .ember_trail{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    }}
    @media (max-width: 640px) {main.download .k1tecore{
    width: min(1120px, 94vw);
    padding-top: 20px;
    }
    main.download .cloud_spire, main.download .vividPulse{
    padding: 18px;
    }
    main.download .ember_trail{
    grid-template-columns: 1fr;
    }
    main.download .echo_mint{
    flex-direction: column;
    }
    main.download .hexa7bit{
    width: 100%;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    body {
    margin: 0;
    background: radial-gradient(circle at 10% 0%, #d8e9ff 0%, var(--bg-color) 42%);
    color: var(--text-color);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    }
    .zeta9loop {
    position: relative;
    background: linear-gradient(105deg, #f7fbff 0%, var(--nav-bg) 55%, #deebff 100%);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    }
    .zeta9loop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color), var(--primary-color), #1ca5cf);
    }
    .nimbus7 {
    height: var(--nav-height);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    }
    .amberflux {
    flex-shrink: 0;
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.38rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: var(--transition);
    }
    .amberflux:hover {
    color: var(--primary-color);
    }
    .briskvale {
    display: none;
    }
    .cinderFox {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    transition: var(--transition);
    }
    .neon_tide {
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    .v3ctora {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
    }
    .lunar_pine {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    }
    .pebble_run {
    margin: 0;
    }
    .quickMoss {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    transition: var(--transition);
    }
    .quickMoss::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--transition);
    }
    .quickMoss:hover {
    color: var(--text-color);
    }
    .quickMoss:hover::after {
    transform: scaleX(1);
    }
    .oakRipple {
    color: var(--text-color);
    }
    .oakRipple::after {
    transform: scaleX(1);
    }
    .driftlane {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(11, 99, 216, 0.34);
    transition: var(--transition);
    }
    .driftlane:hover {
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(8, 73, 170, 0.36);
    transform: translateY(-1px);
    }
    @media (max-width: 960px) {.nimbus7 {
    padding: 0 14px;
    }
    .cinderFox {
    display: inline-flex;
    }
    .v3ctora {
    position: absolute;
    top: calc(var(--nav-height) - 2px);
    left: 14px;
    right: 14px;
    z-index: 20;
    background: linear-gradient(180deg, #fafdff 0%, var(--nav-panel-bg) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: var(--transition);
    }
    .briskvale:checked ~ .v3ctora {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(2) {
    opacity: 0;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    .lunar_pine {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .pebble_run {
    width: 100%;
    }
    .quickMoss {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    }
    .quickMoss::after {
    left: 14px;
    right: 14px;
    bottom: 8px;
    }
    .driftlane {
    width: 100%;
    }}
    .quickMoss.active {color: var(--text-color);}
    .oakRipple.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.requirements *{
    box-sizing: border-box;
    }
    main.requirements{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
    color: var(--rq-ink, #1f2a30);
    background:
    linear-gradient(160deg, hsl(201 85% 93%) 0%, hsl(203 40% 97%) 36%, hsl(0 0% 100%) 100%);
    padding: 32px 20px 0;
    line-height: 1.65;
    }
    main.requirements .frostgrove{
    width: min(1120px, 100%);
    margin: 0 auto;
    }
    main.requirements .cobaltwig{
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 28px;
    align-items: stretch;
    }
    main.requirements .duskpetal{
    background: var(--rq-surface, #fff);
    border: 1px solid var(--rq-line, #d4dde4);
    box-shadow: var(--rq-shadow, 0 10px 24px rgba(11, 41, 56, 0.14));
    padding: 28px;
    }
    main.requirements .velvet_flux{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    }
    main.requirements .t2ndrift{
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    }
    main.requirements .c4nnopy{
    background: hsl(202 76% 52% / 0.12);
    border: 1px solid hsl(202 76% 52% / 0.38);
    color: var(--rq-primary, #1a8adf);
    padding: 4px 10px;
    font-size: 0.84rem;
    }
    main.requirements h1{
    margin: 8px 0 12px;
    font-size: clamp(1.7rem, 2.8vw, 2.45rem);
    line-height: 1.25;
    }
    main.requirements p{
    margin: 0 0 12px;
    color: var(--rq-muted, #49555f);
    }
    main.requirements .prism_lane{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
    }
    main.requirements .zenithPop{
    display: inline-block;
    padding: 12px 18px;
    font-size: 0.96rem;
    text-decoration: none;
    border: 1px solid transparent;
    }
    main.requirements .hazelstorm{
    background: linear-gradient(90deg, hsl(202 76% 52%) 0%, hsl(195 82% 47%) 100%);
    color: hsl(0 0% 100%);
    box-shadow: 0 10px 24px hsl(202 80% 30% / 0.35);
    }
    main.requirements .turboWisp{
    background: hsl(0 0% 100%);
    border-color: hsl(202 76% 52% / 0.5);
    color: var(--rq-primary, #1a8adf);
    }
    main.requirements .ember_quill{
    overflow: hidden;
    border: 1px solid var(--rq-line, #d4dde4);
    background: var(--rq-surface, #fff);
    box-shadow: var(--rq-shadow, 0 10px 24px rgba(11, 41, 56, 0.14));
    }
    main.requirements .ember_quill img{
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    }
    main.requirements section{
    margin-top: 26px;
    }
    main.requirements h2{
    margin: 0 0 14px;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    color: var(--rq-ink, #1f2a30);
    }
    main.requirements h3{
    margin: 0 0 10px;
    font-size: 1.03rem;
    color: var(--rq-ink, #1f2a30);
    }
    main.requirements .q5riven{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    }
    main.requirements .r8violet{
    background: var(--rq-surface, #fff);
    border: 1px solid var(--rq-line, #d4dde4);
    padding: 16px;
    }
    main.requirements .sonicLatch{
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
    color: var(--rq-primary, #1a8adf);
    }
    main.requirements .lunar_stitch{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.93rem;
    color: var(--rq-muted, #49555f);
    }
    main.requirements .lunar_stitch li + li{
    margin-top: 6px;
    }
    main.requirements .starling{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    }
    main.requirements .polarDrum{
    background: var(--rq-surface, #fff);
    border: 1px solid var(--rq-line, #d4dde4);
    padding: 18px;
    }
    main.requirements .p6matrix{
    margin: 8px 0 0;
    padding-left: 20px;
    }
    main.requirements .p6matrix li{
    margin-bottom: 8px;
    color: var(--rq-muted, #49555f);
    }
    main.requirements .misty_rune{
    margin-top: 8px;
    font-size: 0.95rem;
    }
    main.requirements .misty_rune a, main.requirements .novaWeld a, main.requirements footer a{
    color: var(--rq-primary, #1a8adf);
    text-underline-offset: 2px;
    }
    main.requirements .novaWeld{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 10px;
    font-size: 0.95rem;
    }
    main.requirements footer{
    margin-top: 34px;
    border-top: 1px solid var(--rq-line, #d4dde4);
    padding: 18px 0 24px;
    color: var(--rq-muted, #49555f);
    font-size: 0.9rem;
    }
    @media (max-width: 980px) {main.requirements .cobaltwig, main.requirements .q5riven, main.requirements .starling{
    grid-template-columns: 1fr 1fr;
    }}
    @media (max-width: 720px) {main.requirements{
    padding: 20px 14px 0;
    }
    main.requirements .cobaltwig, main.requirements .q5riven, main.requirements .starling{
    grid-template-columns: 1fr;
    }
    main.requirements .duskpetal, main.requirements .ember_quill{
    padding: 20px;
    }
    main.requirements .ember_quill{
    padding: 0;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    body {
    margin: 0;
    background: radial-gradient(circle at 10% 0%, #d8e9ff 0%, var(--bg-color) 42%);
    color: var(--text-color);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    }
    .zeta9loop {
    position: relative;
    background: linear-gradient(105deg, #f7fbff 0%, var(--nav-bg) 55%, #deebff 100%);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    }
    .zeta9loop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color), var(--primary-color), #1ca5cf);
    }
    .nimbus7 {
    height: var(--nav-height);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    }
    .amberflux {
    flex-shrink: 0;
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.38rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: var(--transition);
    }
    .amberflux:hover {
    color: var(--primary-color);
    }
    .briskvale {
    display: none;
    }
    .cinderFox {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    transition: var(--transition);
    }
    .neon_tide {
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    .v3ctora {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
    }
    .lunar_pine {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    }
    .pebble_run {
    margin: 0;
    }
    .quickMoss {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    transition: var(--transition);
    }
    .quickMoss::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--transition);
    }
    .quickMoss:hover {
    color: var(--text-color);
    }
    .quickMoss:hover::after {
    transform: scaleX(1);
    }
    .oakRipple {
    color: var(--text-color);
    }
    .oakRipple::after {
    transform: scaleX(1);
    }
    .driftlane {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(11, 99, 216, 0.34);
    transition: var(--transition);
    }
    .driftlane:hover {
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(8, 73, 170, 0.36);
    transform: translateY(-1px);
    }
    @media (max-width: 960px) {.nimbus7 {
    padding: 0 14px;
    }
    .cinderFox {
    display: inline-flex;
    }
    .v3ctora {
    position: absolute;
    top: calc(var(--nav-height) - 2px);
    left: 14px;
    right: 14px;
    z-index: 20;
    background: linear-gradient(180deg, #fafdff 0%, var(--nav-panel-bg) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: var(--transition);
    }
    .briskvale:checked ~ .v3ctora {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(2) {
    opacity: 0;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    .lunar_pine {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .pebble_run {
    width: 100%;
    }
    .quickMoss {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    }
    .quickMoss::after {
    left: 14px;
    right: 14px;
    bottom: 8px;
    }
    .driftlane {
    width: 100%;
    }}
    .quickMoss.active {color: var(--text-color);}
    .oakRipple.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.guide *{
    box-sizing: border-box;
    }
    main.guide{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color, var(--guide-ink, #1c252d));
    background:
    radial-gradient(circle at 8% 6%, hsl(202 90% 90% / 0.65), transparent 36%),
    radial-gradient(circle at 94% 22%, hsl(350 75% 90% / 0.45), transparent 33%),
    linear-gradient(180deg, hsl(202 28% 95%), hsl(202 12% 97%));
    min-height: 100vh;
    padding: 2.2rem 1.2rem 0;
    line-height: 1.7;
    }
    main.guide a{
    color: var(--guide-primary-deep, #0a4f86);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    }
    main.guide .briskOrbit{
    width: min(1100px, 100%);
    margin: 0 auto;
    }
    main.guide .h7lumen{
    background: linear-gradient(135deg, hsl(210 73% 16%), hsl(202 78% 45%));
    color: hsl(0 0% 100%);
    border-radius: var(--radius-lg, 0px);
    padding: clamp(1.3rem, 2.6vw, 2.3rem);
    box-shadow: var(--shadow-lg, var(--guide-shadow));
    display: grid;
    gap: 1.2rem;
    }
    main.guide .n9spectrum{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
    }
    main.guide .aqua_weave{
    font-size: 1.1rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    border: 1px solid hsl(0 0% 100% / 0.45);
    }
    main.guide .driftcove{
    font-size: 0.9rem;
    border: 1px solid hsl(0 0% 100% / 0.35);
    padding: 0.24rem 0.6rem;
    }
    main.guide h1{
    margin: 0;
    font-size: clamp(1.5rem, 3.2vw, 2.45rem);
    line-height: 1.3;
    letter-spacing: 0.02em;
    }
    main.guide .h7lumen p{
    margin: 0;
    color: hsl(0 0% 100% / 0.92);
    max-width: 70ch;
    }
    main.guide .z3falcon{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.2rem;
    }
    main.guide .quasarMint{
    display: inline-block;
    background: linear-gradient(180deg, hsl(350 75% 60%), hsl(350 68% 45%));
    color: hsl(0 0% 100%);
    padding: 0.68rem 1rem;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 20px hsl(350 72% 30% / 0.36);
    }
    main.guide .quasarMint.pineharbor{
    background: linear-gradient(180deg, hsl(195 90% 57%), hsl(208 75% 42%));
    box-shadow: 0 10px 20px hsl(205 80% 28% / 0.32);
    }
    main.guide .solarKnack{
    margin: 0;
    border: 1px solid hsl(0 0% 100% / 0.18);
    background: hsl(205 36% 20% / 0.36);
    }
    main.guide .solarKnack img{
    width: 100%;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    display: block;
    filter: saturate(1.04) contrast(1.02);
    }
    main.guide section{
    margin-top: 1.3rem;
    }
    main.guide .ripple_vault{
    background: var(--primary-color));
    border: 1px solid var(--guide-line, #cad5df);
    border-radius: var(--radius-md, 0px);
    box-shadow: 0 10px 24px hsl(208 44% 20% / 0.07);
    padding: 1.1rem;
    }
    main.guide h2{
    margin: 0 0 0.8rem;
    font-size: clamp(1.2rem, 2.1vw, 1.65rem);
    color: var(--text-color, var(--guide-ink, #1c252d));
    }
    main.guide h3{
    margin: 0 0 0.45rem;
    font-size: 1.04rem;
    color: var(--text-color, var(--guide-ink, #1c252d));
    }
    main.guide .nova_tonic{
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    main.guide .m8quant{
    background: linear-gradient(180deg, hsl(0 0% 100%), hsl(205 40% 98%));
    border: 1px solid var(--guide-line, #cad5df);
    padding: 0.85rem;
    }
    main.guide .m8quant strong{
    display: block;
    color: var(--guide-primary-deep, #0a4f86);
    margin-bottom: 0.2rem;
    font-size: 1rem;
    }
    main.guide .m8quant p{
    margin: 0;
    color: var(--guide-muted, #4d5f70);
    font-size: 0.95rem;
    }
    main.guide .y4delta{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    }
    main.guide .slatepine{
    border: 1px solid var(--guide-line, #cad5df);
    background: linear-gradient(180deg, hsl(0 0% 100%), hsl(205 25% 98%));
    padding: 0.95rem;
    }
    main.guide .sonicPillar{
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.45rem;
    }
    main.guide .sonicPillar svg{
    width: 20px;
    height: 20px;
    fill: var(--guide-primary, #1f9de2);
    flex: 0 0 auto;
    }
    main.guide .slatepine ol{
    margin: 0;
    padding-left: 1.1rem;
    color: var(--guide-ink, #1c252d);
    }
    main.guide .slatepine li{
    margin-bottom: 0.35rem;
    }
    main.guide .ember_mesh{
    margin-top: 0.8rem;
    color: var(--guide-muted, #4d5f70);
    font-size: 0.95rem;
    }
    main.guide .rapidGrove{
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 0.9rem;
    align-items: stretch;
    }
    main.guide .rapidGrove ul{
    margin: 0;
    padding-left: 1.1rem;
    }
    main.guide .rapidGrove li{
    margin-bottom: 0.42rem;
    }
    main.guide .ironpetal{
    margin: 0;
    border: 1px solid var(--guide-line, #cad5df);
    background: hsl(0 0% 100%);
    }
    main.guide .ironpetal img{
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    }
    main.guide .ironpetal figcaption{
    padding: 0.65rem 0.72rem;
    color: var(--guide-muted, #4d5f70);
    font-size: 0.92rem;
    }
    main.guide footer{
    margin-top: 1.6rem;
    background: hsl(206 50% 13%);
    color: hsl(0 0% 95%);
    padding: 1rem 1.1rem 1.2rem;
    border-top: 4px solid var(--guide-primary, #1f9de2);
    }
    main.guide .cedarblink{
    width: min(1100px, 100%);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 0.9rem;
    flex-wrap: wrap;
    }
    main.guide footer a{
    color: hsl(195 95% 74%);
    }
    @media (max-width: 900px) {main.guide .nova_tonic{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    main.guide .y4delta, main.guide .rapidGrove{
    grid-template-columns: 1fr;
    }
    main.guide .solarKnack img{
    aspect-ratio: 16 / 9;
    }}
    @media (max-width: 560px) {main.guide{
    padding: 1.1rem 0.8rem 0;
    }
    main.guide .nova_tonic{
    grid-template-columns: 1fr;
    }
    main.guide .z3falcon{
    flex-direction: column;
    }
    main.guide .quasarMint{
    text-align: center;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    body {
    margin: 0;
    background: radial-gradient(circle at 10% 0%, #d8e9ff 0%, var(--bg-color) 42%);
    color: var(--text-color);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    }
    .zeta9loop {
    position: relative;
    background: linear-gradient(105deg, #f7fbff 0%, var(--nav-bg) 55%, #deebff 100%);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    }
    .zeta9loop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color), var(--primary-color), #1ca5cf);
    }
    .nimbus7 {
    height: var(--nav-height);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    }
    .amberflux {
    flex-shrink: 0;
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.38rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: var(--transition);
    }
    .amberflux:hover {
    color: var(--primary-color);
    }
    .briskvale {
    display: none;
    }
    .cinderFox {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    transition: var(--transition);
    }
    .neon_tide {
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    .v3ctora {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
    }
    .lunar_pine {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    }
    .pebble_run {
    margin: 0;
    }
    .quickMoss {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    transition: var(--transition);
    }
    .quickMoss::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--transition);
    }
    .quickMoss:hover {
    color: var(--text-color);
    }
    .quickMoss:hover::after {
    transform: scaleX(1);
    }
    .oakRipple {
    color: var(--text-color);
    }
    .oakRipple::after {
    transform: scaleX(1);
    }
    .driftlane {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(11, 99, 216, 0.34);
    transition: var(--transition);
    }
    .driftlane:hover {
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(8, 73, 170, 0.36);
    transform: translateY(-1px);
    }
    @media (max-width: 960px) {.nimbus7 {
    padding: 0 14px;
    }
    .cinderFox {
    display: inline-flex;
    }
    .v3ctora {
    position: absolute;
    top: calc(var(--nav-height) - 2px);
    left: 14px;
    right: 14px;
    z-index: 20;
    background: linear-gradient(180deg, #fafdff 0%, var(--nav-panel-bg) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: var(--transition);
    }
    .briskvale:checked ~ .v3ctora {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(2) {
    opacity: 0;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    .lunar_pine {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .pebble_run {
    width: 100%;
    }
    .quickMoss {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    }
    .quickMoss::after {
    left: 14px;
    right: 14px;
    bottom: 8px;
    }
    .driftlane {
    width: 100%;
    }}
    .quickMoss.active {color: var(--text-color);}
    .oakRipple.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.changelog *{
    box-sizing: border-box;
    }
    main.changelog{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color, var(--clg-ink));
    background:
    radial-gradient(circle at 90% -10%, hsl(202, 90%, 85%) 0%, transparent 40%),
    linear-gradient(180deg, hsl(205, 55%, 96%) 0%, var(--background-color, var(--clg-bg)) 100%);
    padding: 32px 20px 0;
    line-height: 1.65;
    }
    main.changelog .p3radian{
    max-width: 1120px;
    margin: 0 auto;
    }
    main.changelog .alpha_muse{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 28px;
    align-items: stretch;
    margin-bottom: 26px;
    }
    main.changelog .turboNectar, main.changelog .duskflare{
    background: var(--clg-panel);
    border: 1px solid var(--clg-line);
    box-shadow: var(--shadow-md, 0 10px 24px rgba(10, 40, 80, 0.12));
    }
    main.changelog .turboNectar{
    padding: 28px;
    }
    main.changelog .oakthread{
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: #ffffff;
    background: linear-gradient(90deg, var(--clg-primary), var(--clg-primary-deep));
    padding: 6px 10px;
    margin-bottom: 16px;
    }
    main.changelog h1{
    margin: 0 0 14px;
    font-size: clamp(1.6rem, 2.6vw, 2.3rem);
    line-height: 1.3;
    color: var(--text-color, var(--clg-ink));
    }
    main.changelog .q2avalon{
    margin: 0 0 16px;
    color: var(--clg-muted);
    }
    main.changelog .frostlane{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
    }
    main.changelog .mossflick, main.changelog .lunar_dock{
    display: inline-block;
    text-decoration: none;
    padding: 12px 16px;
    font-weight: 700;
    border: 1px solid transparent;
    }
    main.changelog .mossflick{
    background: linear-gradient(90deg, var(--clg-primary), hsl(191, 78%, 46%));
    color: #ffffff;
    box-shadow: 0 12px 22px rgba(22, 111, 187, 0.3);
    }
    main.changelog .lunar_dock{
    background: hsl(204, 48%, 92%);
    color: hsl(205, 75%, 24%);
    border-color: hsl(205, 52%, 78%);
    }
    main.changelog .duskflare{
    overflow: hidden;
    position: relative;
    min-height: 260px;
    }
    main.changelog .duskflare img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 10;
    display: block;
    }
    main.changelog .duskflare figcaption{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 12px 14px;
    font-size: 0.9rem;
    color: #f5fbff;
    background: linear-gradient(180deg, transparent, rgba(7, 26, 50, 0.78));
    }
    main.changelog .lucidCrank{
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 22px;
    }
    main.changelog .sonic_oasis{
    border: 1px solid var(--clg-line);
    background: var(--clg-panel);
    padding: 14px;
    }
    main.changelog .sonic_oasis h3{
    margin: 0 0 8px;
    font-size: 1rem;
    }
    main.changelog .sonic_oasis p{
    margin: 0;
    color: var(--clg-muted);
    font-size: 0.95rem;
    }
    main.changelog .quillMotive{
    margin: 26px 0 12px;
    font-size: 1.35rem;
    border-left: 5px solid var(--clg-primary);
    padding-left: 10px;
    }
    main.changelog .vivid_ripple{
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 14px;
    }
    main.changelog .zenGlow{
    background: var(--clg-panel);
    border: 1px solid var(--clg-line);
    padding: 16px 16px 14px;
    }
    main.changelog .zenGlow h3{
    margin: 0 0 10px;
    font-size: 1.05rem;
    }
    main.changelog .ember_knit{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
    }
    main.changelog .t7harbor{
    font-size: 12px;
    padding: 4px 7px;
    color: hsl(210, 85%, 25%);
    background: hsl(203, 55%, 90%);
    border: 1px solid hsl(203, 60%, 74%);
    }
    main.changelog .t7harbor.r6cinder{
    color: hsl(350, 72%, 30%);
    background: hsl(349, 65%, 92%);
    border-color: hsl(349, 57%, 76%);
    }
    main.changelog .zenGlow ul{
    margin: 0;
    padding-left: 20px;
    color: var(--clg-muted);
    }
    main.changelog .prismHatch{
    margin-top: 24px;
    padding: 18px;
    border: 1px solid var(--clg-line);
    background: linear-gradient(180deg, hsl(204, 52%, 96%), #ffffff);
    }
    main.changelog .prismHatch h2{
    margin: 0 0 8px;
    font-size: 1.2rem;
    }
    main.changelog .prismHatch p{
    margin: 0;
    }
    main.changelog .prismHatch a{
    color: var(--link-color, hsl(205, 82%, 34%));
    font-weight: 700;
    text-decoration-thickness: 2px;
    }
    main.changelog footer{
    margin-top: 30px;
    border-top: 2px solid hsl(207, 22%, 80%);
    padding: 18px 0 26px;
    color: hsl(206, 22%, 32%);
    font-size: 0.95rem;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    }
    main.changelog footer a{
    color: var(--link-color, hsl(205, 82%, 34%));
    }
    @media (max-width: 920px) {main.changelog .alpha_muse{
    grid-template-columns: 1fr;
    }
    main.changelog .lucidCrank{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
    main.changelog .vivid_ripple{
    grid-template-columns: 1fr;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    body {
    margin: 0;
    background: radial-gradient(circle at 10% 0%, #d8e9ff 0%, var(--bg-color) 42%);
    color: var(--text-color);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    }
    .zeta9loop {
    position: relative;
    background: linear-gradient(105deg, #f7fbff 0%, var(--nav-bg) 55%, #deebff 100%);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    }
    .zeta9loop::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color), var(--primary-color), #1ca5cf);
    }
    .nimbus7 {
    height: var(--nav-height);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    }
    .amberflux {
    flex-shrink: 0;
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.38rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: var(--transition);
    }
    .amberflux:hover {
    color: var(--primary-color);
    }
    .briskvale {
    display: none;
    }
    .cinderFox {
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    transition: var(--transition);
    }
    .neon_tide {
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    .v3ctora {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px;
    }
    .lunar_pine {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    }
    .pebble_run {
    margin: 0;
    }
    .quickMoss {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.98rem;
    font-weight: 600;
    transition: var(--transition);
    }
    .quickMoss::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--transition);
    }
    .quickMoss:hover {
    color: var(--text-color);
    }
    .quickMoss:hover::after {
    transform: scaleX(1);
    }
    .oakRipple {
    color: var(--text-color);
    }
    .oakRipple::after {
    transform: scaleX(1);
    }
    .driftlane {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(11, 99, 216, 0.34);
    transition: var(--transition);
    }
    .driftlane:hover {
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(8, 73, 170, 0.36);
    transform: translateY(-1px);
    }
    @media (max-width: 960px) {.nimbus7 {
    padding: 0 14px;
    }
    .cinderFox {
    display: inline-flex;
    }
    .v3ctora {
    position: absolute;
    top: calc(var(--nav-height) - 2px);
    left: 14px;
    right: 14px;
    z-index: 20;
    background: linear-gradient(180deg, #fafdff 0%, var(--nav-panel-bg) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: var(--transition);
    }
    .briskvale:checked ~ .v3ctora {
    max-height: 520px;
    opacity: 1;
    pointer-events: auto;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(2) {
    opacity: 0;
    }
    .briskvale:checked + .cinderFox .neon_tide:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    .lunar_pine {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .pebble_run {
    width: 100%;
    }
    .quickMoss {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    }
    .quickMoss::after {
    left: 14px;
    right: 14px;
    bottom: 8px;
    }
    .driftlane {
    width: 100%;
    }}
    .quickMoss.active {color: var(--text-color);}
    .oakRipple.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.faq *{
    box-sizing: border-box;
    }
    main.faq{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    color: var(--faq-ink, #1f2a30);
    background:
    radial-gradient(circle at 10% 0%, hsl(202 95% 88% / 0.7) 0, transparent 45%),
    linear-gradient(180deg, hsl(202 30% 94%) 0%, hsl(202 32% 98%) 50%, hsl(202 28% 96%) 100%);
    padding: 28px 20px 40px;
    line-height: 1.75;
    }
    main.faq .driftax{
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    gap: 22px;
    }
    main.faq .k9vellum, main.faq .briskle, main.faq footer{
    background: var(--faq-surface, #ffffff);
    border: 1px solid var(--faq-line, #d5e0e7);
    border-radius: var(--radius-lg, 0);
    box-shadow: var(--faq-shadow, 0 10px 30px rgba(0, 0, 0, 0.08));
    }
    main.faq .k9vellum{
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 18px;
    padding: 24px;
    animation: fadeUp 0.7s ease;
    }
    main.faq .cobaltpath{
    font-size: 14px;
    letter-spacing: 0.08em;
    color: var(--faq-primary-deep, #0a77b6);
    margin-bottom: 4px;
    }
    main.faq h1{
    margin: 0 0 10px;
    font-size: clamp(28px, 4.2vw, 44px);
    line-height: 1.2;
    }
    main.faq .mist_frame{
    margin: 0 0 12px;
    color: var(--faq-muted, #43525a);
    max-width: 60ch;
    }
    main.faq .n4quiver{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.faq .nova_rift{
    border: 1px solid var(--faq-line, #d5e0e7);
    padding: 6px 10px;
    font-size: 13px;
    color: var(--faq-muted, #43525a);
    background: hsl(202 36% 98%);
    }
    main.faq .k9vellum figure{
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--faq-line, #d5e0e7);
    }
    main.faq .k9vellum img{
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    display: block;
    }
    main.faq .zenmoto{
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.faq .turboKite{
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 11px 16px;
    border: 1px solid transparent;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    }
    main.faq .turboKite.quarvix{
    color: #ffffff;
    background: linear-gradient(90deg, var(--faq-primary, #1a93e2), var(--faq-accent, #19a7cc));
    box-shadow: 0 12px 24px hsl(202 84% 40% / 0.3);
    }
    main.faq .turboKite.rapidBloom{
    color: var(--faq-primary-deep, #0a77b6);
    background: hsl(202 90% 97%);
    border-color: hsl(202 72% 68%);
    }
    main.faq .turboKite:hover{
    transform: translateY(-1px);
    }
    main.faq .briskle{
    padding: 20px;
    animation: fadeUp 0.7s ease;
    }
    main.faq h2{
    margin: 0 0 12px;
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.3;
    }
    main.faq .lumo9{
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    main.faq .x5tangent{
    border: 1px solid var(--faq-line, #d5e0e7);
    background: linear-gradient(180deg, hsl(202 55% 99%), hsl(202 45% 97%));
    padding: 14px;
    }
    main.faq h3{
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.45;
    }
    main.faq .x5tangent p{
    margin: 6px 0;
    color: var(--faq-muted, #43525a);
    font-size: 15px;
    }
    main.faq .x5tangent ol, main.faq .x5tangent ul{
    margin: 6px 0 0 20px;
    padding: 0;
    color: var(--faq-ink, #1f2a30);
    font-size: 15px;
    }
    main.faq .x5tangent code{
    background: hsl(202 38% 92%);
    border: 1px solid hsl(202 30% 82%);
    padding: 0 4px;
    }
    main.faq .pinegale a, main.faq footer a{
    color: var(--faq-primary-deep, #0a77b6);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    }
    main.faq footer{
    margin-top: 2px;
    padding: 18px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 18px;
    font-size: 14px;
    color: var(--faq-muted, #43525a);
    }
    @keyframes fadeUp {from {
    opacity: 0;
    transform: translateY(12px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }}
    @media (max-width: 920px) {main.faq .k9vellum, main.faq .lumo9{
    grid-template-columns: 1fr;
    }
    main.faq .k9vellum img{
    min-height: 200px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

.cc-sec-area.active,
.cc-sec-area.cc-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}