:root {
  --primary-color: hsl(219, 78%, 40%);
  --secondary-color: hsl(285, 62%, 46%);
  --bg-color: hsl(203, 22%, 97%);
  --text-color: hsl(216, 26%, 12%);
  --text-muted: hsl(214, 15%, 35%);
  --border-color: hsla(214, 34%, 23%, 0.16);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 26px;
  --shadow-sm: 0 3px 10px hsla(220, 45%, 20%, 0.08);
  --shadow-md: 0 10px 24px hsla(220, 52%, 18%, 0.14);
  --shadow-lg: 0 16px 40px hsla(224, 62%, 18%, 0.2);
  --nav-height: 78px;
  --max-width: 1240px;
  --transition: all 0.28s ease;
  --wps-home-bg: hsl(203, 18%, 97%);
  --wps-home-surface: #ffffff;
  --wps-home-text: hsl(203, 16%, 12%);
  --wps-home-muted: hsl(203, 10%, 35%);
  --wps-home-primary: hsl(203, 73%, 52%);
  --wps-home-secondary: hsl(191, 74%, 46%);
  --wps-home-accent: hsl(310, 58%, 56%);
  --wps-home-border: hsl(203, 20%, 86%);
  --wps-home-shadow: 0 18px 40px rgba(18, 45, 74, 0.14);
  --wps-home-radius: 22px;
  --dl-bg: hsl(203, 32%, 97%);
  --dl-surface: #ffffff;
  --dl-text: hsl(203, 18%, 13%);
  --dl-muted: hsl(204, 12%, 38%);
  --dl-primary: hsl(203, 73%, 50%);
  --dl-primary-strong: hsl(203, 78%, 42%);
  --dl-secondary: hsl(191, 68%, 46%);
  --dl-accent: hsl(310, 50%, 56%);
  --dl-border: hsl(203, 22%, 86%);
  --dl-shadow: 0 18px 40px rgba(17, 66, 108, 0.12);
  --dl-radius-xl: 24px;
  --dl-radius-lg: 18px;
  --dl-radius-md: 12px;
  --req-bg: hsl(203, 24%, 96%);
  --req-surface: #ffffff;
  --req-surface-soft: hsl(203, 32%, 98%);
  --req-text: hsl(203, 10%, 9%);
  --req-text-muted: hsl(203, 12%, 33%);
  --req-primary: hsl(203, 73%, 46%);
  --req-primary-strong: hsl(203, 78%, 38%);
  --req-secondary: hsl(310, 58%, 52%);
  --req-border: hsl(203, 30%, 86%);
  --req-radius-xl: 24px;
  --req-radius-lg: 18px;
  --req-shadow: 0 16px 34px rgba(21, 71, 109, 0.14);
  --ig-bg: hsl(203, 20%, 97%);
  --ig-surface: #ffffff;
  --ig-ink: hsl(203, 18%, 14%);
  --ig-muted: hsl(203, 12%, 38%);
  --ig-primary: hsl(203, 73%, 50%);
  --ig-secondary: hsl(310, 58%, 54%);
  --ig-accent: hsl(188, 74%, 45%);
  --ig-border: hsl(203, 20%, 86%);
  --ig-radius: 22px;
  --ig-shadow: 0 18px 40px rgba(25, 76, 140, 0.14);
  --ig-max: 1120px;
  --ch-bg: hsl(203, 22%, 95%);
  --ch-surface: hsl(0, 0%, 100%);
  --ch-surface-soft: hsl(204, 40%, 98%);
  --ch-text: hsl(203, 16%, 12%);
  --ch-muted: hsl(205, 12%, 36%);
  --ch-primary: hsl(203, 73%, 52%);
  --ch-secondary: hsl(310, 52%, 56%);
  --ch-cyan: hsl(188, 70%, 46%);
  --ch-border: hsl(208, 24%, 85%);
  --ch-radius-xl: 24px;
  --ch-radius-lg: 18px;
  --ch-radius-md: 12px;
  --ch-shadow: 0 18px 36px hsla(206, 52%, 20%, 0.14);
  --ch-shadow-soft: 0 10px 20px hsla(206, 36%, 24%, 0.09);
  --compat-bg: hsl(203, 25%, 97%);
  --compat-panel: #ffffff;
  --compat-ink: hsl(203, 18%, 14%);
  --compat-sub: hsl(203, 12%, 35%);
  --compat-primary: hsl(203, 73%, 52%);
  --compat-secondary: hsl(310, 58%, 54%);
  --compat-line: hsl(203, 22%, 86%);
  --compat-radius-lg: 24px;
  --compat-radius-md: 16px;
  --compat-shadow: 0 12px 30px hsla(203, 55%, 32%, 0.14);
  --tips-bg: hsl(203, 7%, 96%);
  --tips-surface: #ffffff;
  --tips-text: hsl(203, 10%, 9%);
  --tips-muted: hsl(207, 14%, 34%);
  --tips-primary: hsl(203, 73%, 60%);
  --tips-secondary: hsl(310, 58%, 60%);
  --tips-line: hsl(205, 22%, 86%);
  --tips-radius-xl: 24px;
  --tips-radius-lg: 18px;
  --tips-shadow: 0 18px 40px rgba(24, 59, 92, 0.12);
  --tips-shadow-soft: 0 10px 24px rgba(24, 59, 92, 0.08);
  --faq-bg: hsl(203, 24%, 97%);
  --faq-ink: hsl(203, 18%, 14%);
  --faq-muted: hsl(203, 12%, 36%);
  --faq-primary: hsl(203, 73%, 60%);
  --faq-secondary: hsl(310, 58%, 60%);
  --faq-card: hsl(0, 0%, 100%);
  --faq-border: hsl(203, 26%, 86%);
  --faq-radius-xl: 22px;
  --faq-radius-lg: 16px;
  --faq-shadow: 0 16px 40px hsla(203, 45%, 28%, 0.12);
}

.lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.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.lunarDock{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--wps-home-text, #1a1a1a);
    background:
    radial-gradient(circle at 12% 8%, rgba(72, 165, 227, 0.2), transparent 35%),
    radial-gradient(circle at 88% 16%, rgba(212, 86, 191, 0.16), transparent 30%),
    var(--wps-home-bg, #f6f8fb);
    padding: 28px 22px 0;
    line-height: 1.65;
    }
    main.index .cedarspin{
    max-width: 1120px;
    margin: 0 auto;
    }
    main.index .flux_harbor{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 24px;
    background: var(--wps-home-surface, #fff);
    border: 1px solid var(--wps-home-border, #d6e0eb);
    border-radius: var(--wps-home-radius, 22px);
    box-shadow: var(--wps-home-shadow, 0 18px 40px rgba(18, 45, 74, 0.14));
    overflow: hidden;
    margin-bottom: 22px;
    }
    main.index .fable99{
    padding: 34px 34px 30px;
    }
    main.index .nimbly{
    display: inline-block;
    font-size: 0.86rem;
    color: #fff;
    background: linear-gradient(120deg, var(--wps-home-primary, #2e9be5), var(--wps-home-accent, #d456bf));
    border-radius: 999px;
    padding: 6px 14px;
    margin-bottom: 12px;
    letter-spacing: 0.02em;
    }
    main.index h1{
    margin: 0 0 12px;
    font-size: clamp(1.8rem, 3vw, 2.55rem);
    line-height: 1.2;
    color: var(--wps-home-text, #101820);
    }
    main.index .flux_harbor p{
    margin: 10px 0;
    color: var(--wps-home-muted, #4f5f6d);
    }
    main.index .velvet2{
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 10px;
    margin: 18px 0 20px;
    }
    main.index .velvet2 strong{
    display: block;
    font-size: 1.08rem;
    color: var(--wps-home-text, #101820);
    }
    main.index .velvet2 span{
    font-size: 0.83rem;
    color: var(--wps-home-muted, #4f5f6d);
    }
    main.index .solarMint{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.index .vortexPin{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    padding: 12px 18px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    main.index .tangent3{
    color: #fff;
    background: linear-gradient(135deg, var(--wps-home-primary, #2e9be5), var(--wps-home-secondary, #1ab0cc));
    box-shadow: 0 14px 26px rgba(33, 125, 185, 0.32);
    }
    main.index .crispglow{
    color: #fff;
    background: linear-gradient(135deg, hsl(207, 78%, 31%), hsl(203, 74%, 44%));
    box-shadow: 0 12px 22px rgba(22, 72, 113, 0.33);
    }
    main.index .vortexPin:hover{
    transform: translateY(-1px);
    }
    main.index .gloamix{
    min-height: 100%;
    }
    main.index .gloamix img{
    width: 100%;
    height: 100%;
    max-height: 450px;
    object-fit: cover;
    display: block;
    }
    main.index .rune_path{
    background: var(--wps-home-surface, #fff);
    border: 1px solid var(--wps-home-border, #d6e0eb);
    border-radius: var(--wps-home-radius, 22px);
    padding: 26px;
    margin-bottom: 18px;
    }
    main.index h2{
    margin: 0 0 12px;
    font-size: clamp(1.3rem, 2vw, 1.75rem);
    color: var(--wps-home-text, #101820);
    }
    main.index h3{
    margin: 0 0 8px;
    font-size: 1.04rem;
    color: var(--wps-home-text, #101820);
    }
    main.index .quibble{
    color: var(--wps-home-muted, #4f5f6d);
    margin: 0 0 16px;
    }
    main.index .bramblefox{
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 12px;
    }
    main.index .ripple88{
    border: 1px solid var(--wps-home-border, #d6e0eb);
    border-radius: 16px;
    padding: 14px;
    background: linear-gradient(170deg, #ffffff, hsl(203, 30%, 98%));
    }
    main.index .swiftoak{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    }
    main.index .swiftoak svg{
    width: 24px;
    height: 24px;
    fill: var(--wps-home-primary, #2e9be5);
    }
    main.index .ripple88 p{
    margin: 4px 0;
    color: var(--wps-home-muted, #4f5f6d);
    font-size: 0.91rem;
    }
    main.index .kite_loop{
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    font-size: 0.93rem;
    }
    main.index .kite_loop th, main.index .kite_loop td{
    border-bottom: 1px solid var(--wps-home-border, #d6e0eb);
    padding: 10px 8px;
    text-align: left;
    vertical-align: top;
    }
    main.index .kite_loop th{
    color: var(--wps-home-muted, #4f5f6d);
    font-weight: 600;
    }
    main.index .opalCrate{
    color: hsl(207, 79%, 33%);
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    }
    main.index .mapleSync{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    }
    main.index .nova_field{
    border: 1px solid var(--wps-home-border, #d6e0eb);
    border-radius: 16px;
    padding: 14px;
    background: #fff;
    }
    main.index .nova_field ol{
    margin: 8px 0 0 18px;
    padding: 0;
    }
    main.index .nova_field li{
    margin: 6px 0;
    }
    main.index .hexa_rise{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    }
    main.index .hexa_rise img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--wps-home-border, #d6e0eb);
    }
    main.index .prism_jet{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    }
    main.index .prism_jet a{
    display: inline-block;
    padding: 8px 12px;
    border-radius: 999px;
    background: hsl(203, 60%, 95%);
    color: hsl(207, 79%, 30%);
    font-weight: 700;
    text-decoration: none;
    }
    main.index footer{
    margin-top: 20px;
    padding: 22px 10px 30px;
    color: var(--wps-home-muted, #4f5f6d);
    font-size: 0.92rem;
    text-align: center;
    }
    main.index footer a{
    color: hsl(207, 79%, 33%);
    text-decoration: none;
    font-weight: 700;
    }
    @media (max-width: 980px) {main.index .flux_harbor{
    grid-template-columns: 1fr;
    }
    main.index .gloamix img{
    max-height: 320px;
    }
    main.index .bramblefox{
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
    main.index .mapleSync, main.index .hexa_rise{
    grid-template-columns: 1fr;
    }}
    @media (max-width: 560px) {main.index.lunarDock{
    padding: 16px 12px 0;
    }
    main.index .fable99, main.index .rune_path{
    padding: 18px;
    }
    main.index .velvet2{
    grid-template-columns: 1fr;
    }
    main.index .bramblefox{
    grid-template-columns: 1fr;
    }
    main.index .vortexPin{
    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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.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{
    font-family: "Noto Serif SC", "Source Han Serif SC", "PingFang SC", serif;
    color: var(--text-color, var(--dl-text, #1f2933));
    background:
    radial-gradient(circle at 10% 5%, rgba(63, 164, 231, 0.2), transparent 42%),
    radial-gradient(circle at 85% 0%, rgba(45, 184, 200, 0.18), transparent 36%),
    var(--dl-bg, #f5f8fb);
    padding: 32px 20px 0;
    }
    main.download .amber_9x{
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 22px;
    }
    main.download .kiloDrift{
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 20px;
    align-items: stretch;
    }
    main.download .fernshade, main.download .piper6{
    background: var(--dl-surface, #ffffff);
    border: 1px solid var(--dl-border, #dbe3ea);
    border-radius: var(--radius-md));
    box-shadow: var(--shadow-md)));
    }
    main.download .fernshade{
    padding: 28px;
    }
    main.download .fernshade p{
    margin: 10px 0 0;
    color: var(--dl-muted, #4b5563);
    line-height: 1.7;
    }
    main.download h1{
    margin: 0;
    font-size: clamp(1.65rem, 2.7vw, 2.3rem);
    letter-spacing: 0.01em;
    }
    main.download .frostsail{
    margin-top: 8px;
    color: var(--dl-primary-strong, #1367ab);
    font-size: 0.98rem;
    }
    main.download .monsoonTap{
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.download .monsoonTap span{
    padding: 7px 12px;
    border-radius: 999px;
    background: hsl(203, 80%, 97%);
    border: 1px solid hsl(203, 65%, 83%);
    color: var(--dl-primary-strong, #135f96);
    font-size: 0.87rem;
    }
    main.download .piper6{
    position: relative;
    overflow: hidden;
    }
    main.download .piper6 img{
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    }
    main.download .piper6::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(130deg, rgba(7, 53, 94, 0.16), rgba(7, 53, 94, 0)); color: #ffffff;}
    main.download .cobaltRun{
    background: linear-gradient(140deg, hsl(203, 76%, 50%), hsl(191, 69%, 43%));
    border-radius: var(--dl-radius-xl, 24px);
    color: #ffffff;
    padding: 22px;
    box-shadow: 0 20px 42px rgba(13, 91, 154, 0.3);
    }
    main.download .cobaltRun h2{
    margin: 0;
    font-size: 1.35rem;
    }
    main.download .cobaltRun p{
    margin: 8px 0 16px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
    }
    main.download .pebblejar{
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 12px;
    }
    main.download .zephyr_key{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    padding: 12px 16px;
    border-radius: var(--radius-md));
    background: #ffffff;
    color: hsl(203, 80%, 30%);
    border: 1px solid rgba(255, 255, 255, 0.75);
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(5, 42, 72, 0.2);
    }
    main.download .zephyr_key.rustleaf{
    background: hsl(203, 82%, 29%);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
    }
    main.download .sparklynx{
    background: var(--dl-surface, #ffffff);
    border: 1px solid var(--dl-border, #dbe3ea);
    border-radius: var(--dl-radius-lg, 18px);
    box-shadow: 0 12px 28px rgba(31, 74, 109, 0.08);
    padding: 20px;
    }
    main.download h2{
    margin: 0 0 12px;
    font-size: 1.25rem;
    }
    main.download h3{
    margin: 0 0 6px;
    font-size: 1.03rem;
    }
    main.download .pixel_nook{
    margin: 0;
    color: var(--dl-muted, #4b5563);
    line-height: 1.65;
    }
    main.download .tidal_arc{
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    font-size: 0.95rem;
    }
    main.download .tidal_arc th, main.download .tidal_arc td{
    border-bottom: 1px solid var(--dl-border, #dbe3ea);
    padding: 10px 8px;
    text-align: left;
    }
    main.download .tidal_arc th{
    color: hsl(203, 35%, 27%);
    background: hsl(203, 40%, 97%);
    }
    main.download .tidal_arc td{
    color: var(--dl-text, #1f2933);
    }
    main.download .berry_fox{
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 10px;
    }
    main.download .orbit_knit{
    border: 1px solid var(--dl-border, #dbe3ea);
    border-radius: var(--dl-radius-md, 12px);
    padding: 14px;
    background: hsl(203, 30%, 99%);
    }
    main.download .orbit_knit p{
    margin: 0;
    color: var(--dl-muted, #4b5563);
    line-height: 1.6;
    }
    main.download .orbit_knit .deltaRoam{
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(135deg, var(--dl-primary, #2a9be5), var(--dl-accent, #c85aac));
    padding: 9px 12px;
    border-radius: 10px;
    }
    main.download .gammaNest{
    margin-top: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
    main.download .echoMint{
    border: 1px dashed hsl(203, 35%, 74%);
    border-radius: 12px;
    padding: 12px;
    background: hsl(203, 50%, 98%);
    }
    main.download .echoMint p{
    margin: 0;
    color: var(--dl-muted, #4b5563);
    line-height: 1.55;
    }
    main.download .mintOrbit{
    margin: 0;
    padding-left: 18px;
    }
    main.download .mintOrbit li{
    margin: 6px 0;
    line-height: 1.65;
    }
    main.download .quartz11{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    }
    main.download .quartz11 a{
    color: hsl(203, 74%, 39%);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    font-weight: 600;
    }
    main.download .briskpond{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: center;
    }
    main.download .briskpond img{
    width: 100%;
    border-radius: 14px;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border: 1px solid var(--dl-border, #dbe3ea);
    }
    main.download footer{
    margin-top: 8px;
    padding: 20px;
    border-top: 1px solid var(--dl-border, #dbe3ea);
    color: var(--dl-muted, #4b5563);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.92rem;
    }
    main.download footer a{
    color: hsl(203, 68%, 38%);
    }
    @media (max-width: 960px) {main.download .kiloDrift{
    grid-template-columns: 1fr;
    }
    main.download .pebblejar, main.download .berry_fox, main.download .gammaNest, main.download .briskpond{
    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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.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{
    margin: 0;
    padding: 28px 20px 36px;
    font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", "Songti SC", Georgia, serif;
    color: var(--text-color, var(--req-text, #111111));
    background:
    radial-gradient(circle at 12% 8%, rgba(90, 181, 226, 0.2), transparent 40%),
    radial-gradient(circle at 92% 22%, rgba(205, 88, 186, 0.18), transparent 36%),
    linear-gradient(180deg, #f7fcff 0%, var(--req-bg, #f2f7fb) 100%);
    }
    main.requirements .nightmoss{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 18px;
    }
    main.requirements .clover8{
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 20px;
    align-items: stretch;
    background: var(--req-surface, #ffffff);
    border: 1px solid var(--req-border, #d8e5ee);
    border-radius: var(--req-radius-xl, 24px);
    box-shadow: var(--req-shadow, 0 16px 34px rgba(21, 71, 109, 0.14));
    overflow: hidden;
    }
    main.requirements .juniperJet{
    padding: 30px 30px 26px;
    }
    main.requirements .snaggle3{
    margin: 0 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--req-primary-strong, #0e5f97);
    background: rgba(56, 145, 211, 0.12);
    border-radius: 999px;
    padding: 6px 12px;
    }
    main.requirements h1{
    margin: 0 0 12px;
    font-size: clamp(1.62rem, 2.8vw, 2.2rem);
    line-height: 1.3;
    color: var(--req-text, #111111);
    }
    main.requirements .tangle44{
    margin: 0 0 16px;
    color: var(--req-text-muted, #3d4a54);
    line-height: 1.78;
    font-size: 15px;
    }
    main.requirements .otterbyte{
    margin: 0 0 22px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    gap: 10px;
    list-style: none;
    }
    main.requirements .otterbyte li{
    border: 1px solid var(--req-border, #d8e5ee);
    background: var(--req-surface-soft, #f8fcff);
    border-radius: 12px;
    padding: 10px 11px;
    }
    main.requirements .brisklyon{
    margin: 0;
    font-size: 12px;
    color: var(--req-text-muted, #3d4a54);
    }
    main.requirements .prismPulse{
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--req-text, #111111);
    font-weight: 700;
    }
    main.requirements .ripple_den{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    }
    main.requirements .velvetDash{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    main.requirements .orbitzen{
    color: #ffffff;
    background: linear-gradient(130deg, var(--req-primary, #2f96da), var(--req-secondary, #cc53aa));
    box-shadow: 0 12px 24px rgba(48, 129, 186, 0.32);
    }
    main.requirements .lemon_rift{
    color: var(--req-primary-strong, #0e5f97);
    background: #e7f3fc;
    border: 1px solid #b9d8ec;
    }
    main.requirements .velvetDash:hover{
    transform: translateY(-2px);
    }
    main.requirements .quantumPea{
    position: relative;
    min-height: 280px;
    }
    main.requirements .quantumPea img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    display: block;
    }
    main.requirements .marigold5{
    position: absolute;
    inset: auto 14px 14px 14px;
    background: rgba(13, 42, 62, 0.72);
    color: #f5fbff;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.6;
    }
    main.requirements .doodlefox{
    background: var(--req-surface, #ffffff);
    border: 1px solid var(--req-border, #d8e5ee);
    border-radius: var(--req-radius-lg, 18px);
    box-shadow: 0 8px 22px rgba(20, 73, 113, 0.08);
    padding: 22px 22px 18px;
    }
    main.requirements h2{
    margin: 0 0 14px;
    font-size: 1.28rem;
    color: var(--req-text, #111111);
    }
    main.requirements h3{
    margin: 0 0 9px;
    font-size: 1rem;
    color: var(--req-text, #111111);
    }
    main.requirements .sunkenVale{
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 14px;
    }
    main.requirements .alpha_bend{
    border: 1px solid var(--req-border, #d8e5ee);
    border-radius: 14px;
    padding: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    }
    main.requirements .harbor_ink{
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.requirements .graphite_go{
    width: 18px;
    height: 18px;
    color: var(--req-primary, #2f96da);
    flex: 0 0 auto;
    }
    main.requirements .alpha_bend p{
    margin: 7px 0 0;
    color: var(--req-text-muted, #3d4a54);
    font-size: 14px;
    line-height: 1.72;
    }
    main.requirements .timberArc{
    overflow-x: auto;
    }
    main.requirements table{
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
    font-size: 14px;
    }
    main.requirements th, main.requirements td{
    border: 1px solid var(--req-border, #d8e5ee);
    padding: 11px 10px;
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
    }
    main.requirements th{
    background: #eff7fd;
    color: var(--req-text, #111111);
    }
    main.requirements td{
    color: var(--req-text-muted, #3d4a54);
    background: #ffffff;
    }
    main.requirements .orbitrix{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 6px;
    }
    main.requirements .orbitrix a{
    color: var(--req-primary-strong, #0e5f97);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    font-weight: 700;
    }
    main.requirements .cool_rivulet{
    margin: 10px 0 0;
    padding: 11px 12px;
    border-radius: 10px;
    background: #f1f8fd;
    color: #204662;
    font-size: 13px;
    border: 1px solid #cae3f2;
    }
    main.requirements footer{
    margin-top: 6px;
    border-radius: 16px;
    padding: 16px 18px;
    background: #0f3652;
    color: #deecf7;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 13px;
    }
    main.requirements footer a{
    color: #eaf6ff;
    }
    @media (max-width: 960px) {main.requirements .clover8{
    grid-template-columns: 1fr;
    }
    main.requirements .otterbyte{
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    }}
    @media (max-width: 640px) {main.requirements{
    padding: 18px 12px 22px;
    }
    main.requirements .juniperJet{
    padding: 20px 16px 16px;
    }
    main.requirements .otterbyte{
    grid-template-columns: 1fr;
    }
    main.requirements .sunkenVale{
    grid-template-columns: 1fr;
    }
    main.requirements .doodlefox{
    padding: 17px 14px 13px;
    }
    main.requirements footer{
    padding: 14px 12px;
    }}
    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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.install-guide *{
    box-sizing: border-box;
    }
    main.install-guide{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color, var(--ig-ink, #1f2937));
    background:
    radial-gradient(circle at 8% 10%, rgba(67, 160, 255, 0.16), transparent 34%),
    radial-gradient(circle at 92% 2%, rgba(205, 86, 185, 0.14), transparent 28%),
    var(--bg-color, var(--ig-bg, #f4f8fb));
    padding: 34px 20px 20px;
    line-height: 1.6;
    }
    main.install-guide a{
    color: var(--text-color));
    text-decoration: none;
    }
    main.install-guide a:hover{
    text-decoration: underline;
    }
    main.install-guide .orbitmule{
    max-width: var(--ig-max, 1120px);
    margin: 0 auto;
    }
    main.install-guide .zappyTrail{
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 22px;
    }
    main.install-guide .rainy6path{
    background: var(--primary-color));
    border: 1px solid var(--border-color, var(--ig-border, #d9e3ef));
    border-radius: var(--ig-radius, 22px);
    box-shadow: var(--shadow-md)));
    }
    main.install-guide .glyph_21{
    padding: 30px 30px 24px;
    }
    main.install-guide .voxel_hut{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(28, 128, 231, 0.14), rgba(26, 169, 193, 0.13));
    border: 1px solid rgba(25, 121, 206, 0.24);
    color: var(--ig-primary, #1d77d3);
    font-size: 13px;
    border-radius: 999px;
    padding: 8px 14px;
    margin-bottom: 14px;
    }
    main.install-guide h1{
    margin: 2px 0 10px;
    font-size: clamp(28px, 4vw, 43px);
    line-height: 1.18;
    letter-spacing: 0.3px;
    color: var(--text-color));
    }
    main.install-guide .hushberry{
    margin: 0 0 14px;
    color: var(--ig-muted, #51606f);
    max-width: 56ch;
    }
    main.install-guide .lucid88ray{
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    padding: 0;
    margin: 10px 0 18px;
    list-style: none;
    color: var(--ig-muted, #51606f);
    font-size: 14px;
    }
    main.install-guide .wafflecore{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.install-guide .cobaltivy{
    display: inline-block;
    border-radius: 14px;
    padding: 11px 18px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.15px;
    }
    main.install-guide .plumOrbit{
    color: #ffffff;
    background: linear-gradient(135deg, var(--ig-primary, #1d77d3), var(--ig-accent, #189fb5));
    box-shadow: 0 12px 22px rgba(27, 120, 207, 0.32);
    }
    main.install-guide .icy_thorn{
    color: var(--ig-ink, #16202a);
    background: linear-gradient(135deg, #e8f3ff, #f6effd);
    border: 1px solid var(--ig-border, #d9e3ef);
    }
    main.install-guide .sparknib{
    overflow: hidden;
    position: relative;
    min-height: 320px;
    }
    main.install-guide .sparknib img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    }
    main.install-guide .sparknib::after{
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 46%;
    background: linear-gradient(180deg, transparent, rgba(8, 24, 43, 0.45)); color: #ffffff;}
    main.install-guide .micro_fern{
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    color: #f4f8ff;
    font-size: 13px;
    margin: 0;
    }
    main.install-guide .tinycask{
    padding: 17px 24px;
    margin-bottom: 18px;
    font-size: 15px;
    }
    main.install-guide .tinycask strong{
    color: var(--ig-ink, #1b2530);
    }
    main.install-guide .tinycask a{
    margin-right: 14px;
    white-space: nowrap;
    font-weight: 600;
    }
    main.install-guide .meadowRun{
    margin: 18px 0;
    padding: 22px;
    }
    main.install-guide h2{
    margin: 0 0 12px;
    font-size: clamp(22px, 3vw, 29px);
    color: var(--ig-ink, #1b2530);
    }
    main.install-guide h3{
    margin: 0 0 10px;
    font-size: 19px;
    color: var(--ig-ink, #1b2530);
    }
    main.install-guide .tangentFox{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    }
    main.install-guide .nitroPond{
    border: 1px solid var(--ig-border, #d9e3ef);
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    border-radius: 16px;
    padding: 12px;
    }
    main.install-guide .nitroPond dt{
    font-size: 13px;
    color: var(--ig-muted, #51606f);
    }
    main.install-guide .nitroPond dd{
    margin: 4px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--ig-ink, #1b2530);
    }
    main.install-guide .amberglint{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    }
    main.install-guide .sigma_trek{
    border: 1px solid var(--ig-border, #d9e3ef);
    border-radius: 18px;
    padding: 18px;
    background: #ffffff;
    }
    main.install-guide .agile7dot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    }
    main.install-guide .mellow2sky{
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    color: #0b4f8e;
    background: #e4f1ff;
    border: 1px solid #b9d9ff;
    }
    main.install-guide ol.ciderLoop, main.install-guide ul.reed_oxide{
    margin: 8px 0 0;
    padding-left: 20px;
    }
    main.install-guide ol.ciderLoop li, main.install-guide ul.reed_oxide li{
    margin-bottom: 6px;
    }
    main.install-guide .oakspire{
    font-size: 13px;
    color: var(--ig-muted, #51606f);
    margin-top: 6px;
    }
    main.install-guide .mooncrate{
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    }
    main.install-guide .mooncrate img{
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid var(--ig-border, #d9e3ef);
    }
    main.install-guide .flint_wave{
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid var(--ig-border, #d9e3ef);
    }
    main.install-guide table{
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
    background: #ffffff;
    }
    main.install-guide th, main.install-guide td{
    text-align: left;
    padding: 11px 13px;
    border-bottom: 1px solid #e2eaf4;
    vertical-align: top;
    }
    main.install-guide th{
    font-size: 14px;
    color: #1d2f43;
    background: #f0f7ff;
    }
    main.install-guide td{
    font-size: 14px;
    color: #243141;
    }
    main.install-guide tfoot td{
    font-size: 13px;
    color: var(--ig-muted, #51606f);
    border-bottom: none;
    }
    main.install-guide footer{
    margin-top: 22px;
    padding: 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0f67bc, #1a8fa4);
    color: #ecf6ff;
    text-align: center;
    font-size: 14px;
    }
    main.install-guide footer a{
    color: #ffffff;
    font-weight: 600;
    }
    @media (max-width: 900px) {main.install-guide .zappyTrail{
    grid-template-columns: 1fr;
    }
    main.install-guide .tangentFox, main.install-guide .amberglint, main.install-guide .mooncrate{
    grid-template-columns: 1fr;
    }
    main.install-guide .glyph_21{
    padding: 22px;
    }}
    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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.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(--ch-text, #1d242c);
    background:
    radial-gradient(circle at 10% 0%, hsla(203, 73%, 60%, 0.18), transparent 45%),
    radial-gradient(circle at 90% 10%, hsla(310, 58%, 60%, 0.14), transparent 38%),
    linear-gradient(180deg, hsl(203, 22%, 96%), hsl(203, 18%, 94%));
    padding: 28px 16px 0;
    line-height: 1.65;
    }
    main.changelog .fern9dash{
    max-width: 1120px;
    margin: 0 auto;
    }
    main.changelog .krovian{
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 24px;
    align-items: stretch;
    }
    main.changelog .pavo12, main.changelog .uplink_fog{
    background: var(--ch-surface, #fff);
    border: 1px solid var(--ch-border, #d5dfeb);
    border-radius: var(--ch-radius-xl, 24px);
    box-shadow: var(--ch-shadow, 0 16px 32px rgba(0, 0, 0, 0.12));
    overflow: hidden;
    }
    main.changelog .pavo12{
    padding: 32px;
    animation: riseIn 0.6s ease-out both;
    }
    main.changelog .nimbus3x{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, hsla(203, 73%, 52%, 0.14), hsla(188, 70%, 46%, 0.16));
    color: var(--ch-primary, #2e8de0);
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.4px;
    }
    main.changelog h1{
    margin: 16px 0 14px;
    font-size: clamp(1.55rem, 2.4vw, 2.28rem);
    line-height: 1.32;
    color: var(--ch-text, #1b2530);
    }
    main.changelog .pavo12 p{
    margin: 0 0 18px;
    color: var(--ch-muted, #4c5a69);
    font-size: 1rem;
    }
    main.changelog .novaquill{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    }
    main.changelog .trenzu{
    background: var(--ch-surface-soft, #f4f9fc);
    border: 1px solid var(--ch-border, #d5dfeb);
    border-radius: var(--ch-radius-md, 12px);
    padding: 12px;
    }
    main.changelog .trenzu strong{
    display: block;
    font-size: 14px;
    color: var(--ch-muted, #526273);
    }
    main.changelog .trenzu span{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ch-text, #12202c);
    }
    main.changelog .uplink_fog{
    position: relative;
    animation: riseIn 0.75s ease-out both;
    }
    main.changelog .uplink_fog img{
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    display: block;
    }
    main.changelog .turbo_mint{
    position: absolute;
    inset: auto 18px 18px 18px;
    background: linear-gradient(105deg, hsla(211, 73%, 16%, 0.82), hsla(203, 73%, 36%, 0.78));
    color: #fff;
    border-radius: 16px;
    padding: 14px 16px;
    font-size: 0.95rem;
    }
    main.changelog .tekrova, main.changelog .slyfox7, main.changelog .pexluma, main.changelog .hazelDrip, main.changelog .emberTune, main.changelog .brisknova{
    margin-top: 22px;
    background: var(--ch-surface, #fff);
    border: 1px solid var(--ch-border, #d5dfeb);
    border-radius: var(--ch-radius-xl, 24px);
    box-shadow: var(--ch-shadow-soft, 0 10px 20px rgba(0, 0, 0, 0.08));
    padding: 24px;
    }
    main.changelog h2{
    margin: 0 0 12px;
    font-size: clamp(1.25rem, 2vw, 1.58rem);
    line-height: 1.36;
    color: var(--ch-text, #162534);
    }
    main.changelog h3{
    margin: 0 0 10px;
    font-size: 1.06rem;
    color: var(--ch-text, #1c2d3c);
    }
    main.changelog .tekrova p, main.changelog .hazelDrip p, main.changelog .emberTune p, main.changelog .pexluma p, main.changelog .brisknova p{
    margin: 0;
    color: var(--ch-muted, #4f5e6f);
    }
    main.changelog .tekrova nav{
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.changelog .tekrova a, main.changelog .vivid_rook a{
    text-decoration: none;
    color: var(--ch-primary, #2f8ddd);
    font-weight: 700;
    border-bottom: 1px dashed hsla(203, 73%, 52%, 0.5);
    }
    main.changelog .tekrova a:hover, main.changelog .vivid_rook a:hover{
    color: var(--ch-secondary, #c751a8);
    border-bottom-color: hsla(310, 58%, 60%, 0.65);
    }
    main.changelog .slyfox7{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    }
    main.changelog .cryptic8{
    border: 1px solid var(--ch-border, #d5dfeb);
    border-radius: var(--ch-radius-lg, 18px);
    padding: 16px;
    background: linear-gradient(180deg, #ffffff, #f9fcff);
    }
    main.changelog .orqen{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    }
    main.changelog .willowArc{
    background: linear-gradient(90deg, var(--ch-primary, #2e8de0), var(--ch-cyan, #22b4c5));
    color: #fff;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 700;
    }
    main.changelog .knurlpath{
    margin: 0;
    padding: 0;
    list-style: none;
    }
    main.changelog .knurlpath li{
    padding: 7px 0;
    border-bottom: 1px dashed var(--ch-border, #d5dfeb);
    color: var(--ch-muted, #4f6070);
    font-size: 0.95rem;
    }
    main.changelog .knurlpath li:last-child{
    border-bottom: none;
    }
    main.changelog .quorvix{
    display: grid;
    gap: 12px;
    margin-top: 12px;
    }
    main.changelog .fluxberry{
    border: 1px solid var(--ch-border, #d5dfeb);
    border-radius: 14px;
    padding: 14px;
    background: var(--ch-surface-soft, #f5f9fc);
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 12px;
    }
    main.changelog .rift_zen{
    color: var(--ch-text, #1b2632);
    font-weight: 700;
    }
    main.changelog .rift_zen small{
    display: block;
    color: var(--ch-muted, #526274);
    font-weight: 400;
    margin-top: 4px;
    }
    main.changelog .drayko2 ul{
    margin: 0;
    padding-left: 18px;
    color: var(--ch-muted, #4d5e6f);
    }
    main.changelog .hexaBloom{
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    }
    main.changelog .blenzo7{
    border: 1px solid var(--ch-border, #d5dfeb);
    border-radius: 14px;
    padding: 14px;
    background: #fff;
    }
    main.changelog .blenzo7 ul{
    margin: 8px 0 0;
    padding-left: 18px;
    color: var(--ch-muted, #4f6070);
    }
    main.changelog .emberTune ol{
    margin: 10px 0 0;
    padding-left: 20px;
    color: var(--ch-muted, #4f6070);
    }
    main.changelog .brisknova{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    }
    main.changelog .sylphor{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.changelog .lunetix{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    }
    main.changelog .minta_core{
    color: #fff;
    background: linear-gradient(90deg, var(--ch-primary, #2e8de0), var(--ch-secondary, #c758aa));
    box-shadow: 0 12px 24px hsla(203, 73%, 40%, 0.33);
    }
    main.changelog .mapleVox{
    color: #11304a;
    background: linear-gradient(90deg, hsla(188, 70%, 46%, 0.2), hsla(203, 73%, 52%, 0.18));
    border: 1px solid hsla(203, 73%, 52%, 0.35);
    }
    main.changelog footer{
    margin-top: 24px;
    background: hsl(208, 35%, 14%);
    color: hsl(203, 18%, 90%);
    border-radius: 24px 24px 0 0;
    padding: 20px 24px 28px;
    }
    main.changelog .quartzling{
    display: flex;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    }
    main.changelog .veltrix{
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    }
    main.changelog .vivid_rook{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.changelog .vivid_rook a{
    color: hsl(188, 80%, 74%);
    border-bottom-color: hsla(188, 80%, 74%, 0.55);
    }
    main.changelog .zyralyn{
    margin-top: 10px;
    color: hsl(203, 18%, 80%);
    font-size: 0.92rem;
    }
    @keyframes riseIn {from {
    transform: translateY(16px);
    opacity: 0;
    }
    to {
    transform: translateY(0);
    opacity: 1;
    }}
    @media (max-width: 960px) {main.changelog .krovian, main.changelog .slyfox7, main.changelog .hexaBloom{
    grid-template-columns: 1fr;
    }
    main.changelog .fluxberry{
    grid-template-columns: 1fr;
    }
    main.changelog .brisknova{
    flex-direction: column;
    align-items: flex-start;
    }
    main.changelog .pavo12, main.changelog .uplink_fog, main.changelog .tekrova, main.changelog .slyfox7, main.changelog .pexluma, main.changelog .hazelDrip, main.changelog .emberTune, main.changelog .brisknova{
    border-radius: 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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.compatibility *{
    box-sizing: border-box;
    }
    main.compatibility.rylith{
    margin: 0;
    padding: 28px 18px 36px;
    background:
    radial-gradient(circle at 10% 0%, hsla(203, 73%, 60%, 0.16), transparent 38%),
    radial-gradient(circle at 90% 12%, hsla(310, 58%, 60%, 0.16), transparent 36%),
    var(--compat-bg, #f5f8fb);
    color: var(--text-color, var(--compat-ink, #1f2b33));
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    line-height: 1.65;
    }
    main.compatibility .xandor8{
    width: min(1120px, 100%);
    margin: 0 auto;
    }
    main.compatibility .qelmot{
    display: none;
    }
    main.compatibility .pyraxo{
    background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 54%, #f7f0ff 100%);
    border: 1px solid var(--compat-line, #d6e0ea);
    border-radius: var(--compat-radius-lg, 24px);
    box-shadow: var(--shadow-md, var(--compat-shadow, 0 10px 24px rgba(0, 0, 0, 0.12)));
    padding: clamp(22px, 4vw, 38px);
    margin-bottom: 20px;
    }
    main.compatibility .voxira{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    }
    main.compatibility .polvex{
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--compat-primary, #2486df);
    margin: 0;
    }
    main.compatibility .fenqor{
    margin: 0;
    color: var(--compat-sub, #4e5f70);
    font-size: 0.95rem;
    }
    main.compatibility h1{
    margin: 0 0 12px;
    font-size: clamp(1.45rem, 2.8vw, 2.05rem);
    line-height: 1.35;
    color: var(--compat-ink, #1f2b33);
    }
    main.compatibility .pyraxo p{
    margin: 0 0 14px;
    color: var(--compat-sub, #4e5f70);
    }
    main.compatibility .sorvyn{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.compatibility .tazmio{
    display: inline-block;
    text-decoration: none;
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 0.96rem;
    border: 1px solid transparent;
    }
    main.compatibility .tazmio.yarvok{
    color: #ffffff;
    background: linear-gradient(120deg, var(--compat-primary, #2486df), var(--compat-secondary, #cc58bd));
    box-shadow: 0 10px 24px hsla(203, 73%, 42%, 0.35);
    }
    main.compatibility .tazmio.dexori{
    color: var(--compat-primary, #2486df);
    background: #ffffff;
    border-color: hsl(203, 52%, 72%);
    }
    main.compatibility .morpixa{
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
    }
    main.compatibility .grynor{
    background: var(--compat-panel, #ffffff);
    border: 1px solid var(--compat-line, #d6e0ea);
    border-radius: var(--compat-radius-md, 16px);
    box-shadow: 0 8px 18px hsla(203, 24%, 30%, 0.08);
    padding: 18px;
    }
    main.compatibility .grynor h2{
    margin: 0 0 10px;
    font-size: 1.2rem;
    }
    main.compatibility .grynor h3{
    margin: 12px 0 8px;
    font-size: 1rem;
    color: var(--compat-ink, #1f2b33);
    }
    main.compatibility .brixen9{
    width: 100%;
    border-radius: 14px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid var(--compat-line, #d6e0ea);
    }
    main.compatibility table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.93rem;
    }
    main.compatibility th, main.compatibility td{
    border: 1px solid var(--compat-line, #d6e0ea);
    padding: 9px 8px;
    vertical-align: top;
    text-align: left;
    }
    main.compatibility th{
    background: hsl(203, 48%, 95%);
    color: var(--compat-ink, #1f2b33);
    }
    main.compatibility .cindrel8{
    margin-top: 10px;
    font-size: 0.88rem;
    color: var(--compat-sub, #4e5f70);
    }
    main.compatibility .wexlin{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 10px;
    }
    main.compatibility .valnix{
    border: 1px solid var(--compat-line, #d6e0ea);
    border-radius: 14px;
    background: #ffffff;
    padding: 12px;
    }
    main.compatibility .noviq{
    width: 26px;
    height: 26px;
    color: var(--compat-primary, #2486df);
    margin-bottom: 8px;
    }
    main.compatibility .valnix h3{
    margin: 0 0 6px;
    font-size: 1rem;
    }
    main.compatibility .valnix p{
    margin: 0;
    font-size: 0.9rem;
    color: var(--compat-sub, #4e5f70);
    }
    main.compatibility .jolvex{
    margin: 0;
    padding-left: 18px;
    }
    main.compatibility .jolvex li{
    margin-bottom: 7px;
    }
    main.compatibility a{
    color: var(--compat-primary, #2486df);
    text-underline-offset: 2px;
    }
    main.compatibility .ulvren{
    margin-bottom: 20px;
    }
    main.compatibility .ulvren h2{
    margin: 0 0 10px;
    font-size: 1.2rem;
    }
    main.compatibility .zentaro{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.compatibility .merqun{
    display: inline-block;
    padding: 8px 12px;
    border-radius: 999px;
    background: hsl(203, 70%, 96%);
    border: 1px solid hsl(203, 50%, 82%);
    color: var(--compat-ink, #1f2b33);
    text-decoration: none;
    font-size: 0.9rem;
    }
    main.compatibility footer{
    margin-top: 20px;
    padding: 16px;
    border: 1px solid var(--compat-line, #d6e0ea);
    border-radius: 14px;
    background: #ffffff;
    color: var(--compat-sub, #4e5f70);
    font-size: 0.9rem;
    }
    main.compatibility footer p{
    margin: 4px 0;
    }
    @media (max-width: 920px) {main.compatibility .morpixa{
    grid-template-columns: 1fr;
    }
    main.compatibility .wexlin{
    grid-template-columns: 1fr;
    }
    main.compatibility .voxira{
    flex-direction: column;
    align-items: flex-start;
    }}
    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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    main.tips *{
    box-sizing: border-box;
    }
    main.tips{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color, var(--tips-text, #1a1d21));
    background:
    radial-gradient(circle at 8% 0%, rgba(88, 175, 227, 0.18), transparent 36%),
    radial-gradient(circle at 92% 4%, rgba(213, 100, 194, 0.14), transparent 32%),
    var(--background-color, var(--tips-bg, #f2f6f8));
    padding: 24px;
    line-height: 1.65;
    }
    main.tips .mirqel{
    max-width: 1160px;
    margin: 0 auto;
    display: grid;
    gap: 22px;
    }
    main.tips .pelnix{
    background: var(--primary-color));
    border: 1px solid var(--border-color, var(--tips-line, #d5e1ea));
    border-radius: var(--radius-md));
    box-shadow: var(--shadow-md, var(--tips-shadow-soft, 0 10px 24px rgba(0, 0, 0, 0.08)));
    }
    main.tips .jovari{
    display: grid;
    grid-template-columns: 1.18fr 1fr;
    overflow: hidden;
    }
    main.tips .kevlon{
    padding: 30px 30px 26px;
    }
    main.tips .huxley7 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 280px;
    }
    main.tips .redavo{
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: var(--text-color));
    background: linear-gradient(90deg, rgba(88, 175, 227, 0.2), rgba(213, 100, 194, 0.22));
    padding: 6px 10px;
    border-radius: 999px;
    }
    main.tips h1{
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    line-height: 1.35;
    margin: 12px 0 12px;
    }
    main.tips .uxorin{
    margin: 0 0 14px;
    color: var(--text-color));
    }
    main.tips .lymora{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
    }
    main.tips .lymora li{
    border: 1px solid var(--border-color, var(--tips-line, #d5e1ea));
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 13px;
    color: var(--text-color));
    }
    main.tips .brelix{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.tips .arkuno, main.tips .ornava{
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border-radius: 13px;
    padding: 11px 16px;
    }
    main.tips .arkuno{
    color: #fff;
    background: linear-gradient(95deg, var(--button-bg, var(--tips-primary, #54b4e4)), var(--tips-secondary, #cf67bb));
    box-shadow: 0 10px 22px rgba(76, 126, 205, 0.36);
    }
    main.tips .ornava{
    color: var(--text-color));
    background: rgba(88, 175, 227, 0.1);
    border: 1px solid rgba(88, 175, 227, 0.35);
    }
    main.tips .domira{
    padding: 24px;
    }
    main.tips h2{
    margin: 0 0 12px;
    font-size: clamp(1.2rem, 2.1vw, 1.58rem);
    }
    main.tips h3{
    margin: 0 0 8px;
    font-size: 1.02rem;
    }
    main.tips p{
    margin: 0;
    }
    main.tips .xalmer{
    margin-top: 12px;
    color: var(--text-color));
    }
    main.tips .xalmer a{
    color: var(--text-color));
    font-weight: 700;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2px;
    }
    main.tips .yutrex{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    }
    main.tips .tenzyl{
    border: 1px solid var(--border-color, var(--tips-line, #d5e1ea));
    border-radius: var(--tips-radius-lg, 18px);
    padding: 16px;
    background: linear-gradient(180deg, #fff, #f9fcff);
    }
    main.tips .truqin{
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
    }
    main.tips .vivrox{
    margin: 10px 0 0;
    padding-left: 18px;
    color: var(--text-color));
    }
    main.tips .vivrox li{
    margin: 4px 0;
    }
    main.tips .klysen{
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border: 1px solid var(--border-color, var(--tips-line, #d5e1ea));
    border-radius: 6px;
    background: #fff;
    padding: 4px 7px;
    }
    main.tips .qintar{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    }
    main.tips .qintar img{
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--border-color, var(--tips-line, #d5e1ea));
    }
    main.tips .zivora{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 14px;
    }
    main.tips .zivora th, main.tips .zivora td{
    border: 1px solid var(--border-color, var(--tips-line, #d5e1ea));
    padding: 10px;
    text-align: left;
    vertical-align: top;
    }
    main.tips .zivora th{
    background: rgba(88, 175, 227, 0.12);
    }
    main.tips footer{
    border-radius: var(--tips-radius-xl, 24px);
    background: linear-gradient(120deg, #11344f, #265f7c);
    color: #f3f8fc;
    padding: 18px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: space-between;
    align-items: center;
    }
    main.tips footer a{
    color: #d9f0ff;
    }
    @media (max-width: 920px) {main.tips .jovari{
    grid-template-columns: 1fr;
    }
    main.tips .yutrex, main.tips .qintar{
    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;
    }

    .lucidTrail {
    position: relative;
    background: linear-gradient(135deg, var(--bg-color), hsl(203, 35%, 94%));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin: 14px;
    overflow: hidden;
    }
    .lucidTrail::before {
    content: "";
    position: absolute;
    inset: -80% auto auto -12%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, color-mix(in hsl, var(--primary-color) 38%, transparent), transparent 70%);
    pointer-events: none;
    }
    .lucidTrail::after {
    content: "";
    position: absolute;
    inset: auto -10% -140px auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, color-mix(in hsl, var(--secondary-color) 34%, transparent), transparent 68%);
    pointer-events: none;
    }
    .drift_core {
    max-width: var(--max-width);
    min-height: var(--nav-height);
    margin: 0 auto;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
    }
    .tinyOrbit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    min-width: 118px;
    }
    .aurora7 {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.02em;
    background: linear-gradient(145deg, var(--primary-color), var(--secondary-color));
    box-shadow: var(--shadow-sm);
    }
    .moss_42 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: lowercase;
    }
    .ember_shift {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    }
    .pixenova {
    display: flex;
    align-items: center;
    }
    .quarklane {
    margin-inline: 2px 4px;
    }
    .aqua9pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-muted);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    white-space: nowrap;
    transition: var(--transition);
    }
    .aqua9pulse:hover {
    color: var(--text-color);
    background: hsl(214, 40%, 92%);
    }
    .mistvale {
    color: var(--text-color);
    background: hsl(214, 38%, 90%);
    box-shadow: inset 0 0 0 1px var(--border-color);
    }
    .zenvibe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    font-size: 0.96rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    }
    .zenvibe:hover {
    background: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
    }
    @media (max-width: 1024px) {.drift_core {
    padding: 10px 14px;
    gap: 10px;
    }
    .aqua9pulse,
    .zenvibe {
    padding: 9px 12px;
    font-size: 0.9rem;
    }
    .moss_42 {
    font-size: 1.24rem;
    }}
    @media (max-width: 760px) {.lucidTrail {
    margin: 10px;
    }
    .drift_core {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 12px;
    gap: 10px;
    }
    .tinyOrbit {
    justify-content: center;
    }
    .ember_shift {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    justify-content: flex-start;
    }
    .pixenova {
    flex: 0 0 auto;
    }}
    .zenvibe.active {background: var(--secondary-color); color: #ffffff; box-shadow: var(--shadow-lg);}
    .aqua9pulse.active {color: var(--text-color); background: hsl(214, 40%, 92%);}
    .mistvale.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 Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--text-color, var(--faq-ink));
    background:
    radial-gradient(circle at 10% 0%, hsla(203, 83%, 62%, 0.16), transparent 35%),
    radial-gradient(circle at 92% 8%, hsla(310, 72%, 64%, 0.14), transparent 30%),
    var(--faq-bg);
    padding: 32px 20px 40px;
    line-height: 1.65;
    }
    main.faq .pixano{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 20px;
    }
    main.faq .optril{
    background: linear-gradient(135deg, hsla(203, 73%, 60%, 0.18), hsla(310, 58%, 60%, 0.14));
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius-xl);
    padding: 26px;
    box-shadow: var(--faq-shadow);
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 18px;
    align-items: center;
    animation: fadeUp .55s ease both;
    }
    main.faq .optril h1{
    margin: 10px 0 8px;
    font-family: "Noto Serif SC", "STSong", serif;
    font-size: clamp(1.55rem, 2.8vw, 2.2rem);
    line-height: 1.3;
    color: var(--text-color, hsl(203, 20%, 10%));
    }
    main.faq .optril p{
    margin: 0 0 14px;
    color: var(--faq-muted);
    }
    main.faq .borlith{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--faq-card);
    border: 1px solid var(--faq-border);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 0.86rem;
    color: var(--faq-muted);
    }
    main.faq .caldrix{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.faq .tykron{
    text-decoration: none;
    padding: 11px 16px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    }
    main.faq .nurvex{
    background: linear-gradient(120deg, var(--faq-primary), hsl(214, 84%, 54%));
    color: var(--button-text-color, #ffffff);
    box-shadow: 0 10px 20px hsla(214, 84%, 44%, 0.35);
    }
    main.faq .mylven{
    background: linear-gradient(120deg, var(--faq-secondary), hsl(286, 62%, 56%));
    color: var(--button-text-color, #ffffff);
    box-shadow: 0 10px 20px hsla(310, 58%, 40%, 0.28);
    }
    main.faq .wylqor img{
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: var(--faq-radius-lg);
    border: 1px solid var(--faq-border);
    box-shadow: 0 10px 24px hsla(203, 40%, 22%, 0.2);
    }
    main.faq .zenfari{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    }
    main.faq .torvane{
    background: var(--faq-card);
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius-lg);
    padding: 14px;
    animation: fadeUp .6s ease both;
    }
    main.faq .torvane strong{
    display: block;
    font-size: 1rem;
    margin-bottom: 4px;
    }
    main.faq .torvane span{
    color: var(--faq-muted);
    font-size: 0.9rem;
    }
    main.faq .velqis, main.faq .septrix{
    background: var(--faq-card);
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius-lg);
    padding: 20px;
    animation: fadeUp .65s ease both;
    }
    main.faq h2{
    margin: 0 0 12px;
    font-family: "Noto Serif SC", "STSong", serif;
    font-size: 1.22rem;
    color: var(--text-color, hsl(203, 20%, 12%));
    }
    main.faq h3{
    margin: 14px 0 6px;
    font-size: 1rem;
    color: var(--text-color, hsl(203, 20%, 12%));
    }
    main.faq p, main.faq li{
    margin: 0;
    color: var(--faq-ink);
    }
    main.faq .quivex{
    padding: 14px 0;
    border-top: 1px dashed var(--faq-border);
    }
    main.faq .quivex:first-of-type{
    border-top: none;
    padding-top: 4px;
    }
    main.faq ol, main.faq ul{
    margin: 7px 0 0;
    padding-left: 20px;
    }
    main.faq a{
    color: hsl(210, 76%, 42%);
    font-weight: 600;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2px;
    }
    main.faq .ravqon{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    }
    main.faq .ravqon a{
    text-align: center;
    background: hsl(203, 44%, 95%);
    border: 1px solid var(--faq-border);
    border-radius: 12px;
    padding: 9px 10px;
    text-decoration: none;
    color: hsl(210, 66%, 32%);
    }
    main.faq footer{
    background: linear-gradient(180deg, hsl(203, 42%, 95%), hsl(203, 34%, 92%));
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius-lg);
    padding: 16px 18px;
    color: hsl(203, 25%, 30%);
    font-size: 0.92rem;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    }
    @keyframes fadeUp {from {
    opacity: 0;
    transform: translateY(12px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }}
    @media (max-width: 980px) {main.faq .optril{
    grid-template-columns: 1fr;
    }
    main.faq .zenfari{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    main.faq .ravqon{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }}
    @media (max-width: 640px) {main.faq{
    padding: 20px 12px 28px;
    }
    main.faq .zenfari, main.faq .ravqon{
    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;
    }

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