/* 首页霓虹版：仅覆盖 home-neon 页面，问卷与 PV 仍由既有入口驱动。 */
.home-neon { background: #05070c; color: #e8eef9; }
.home-neon .anime-bg { display: none; }
.home-neon .anime-bg-tint { background: #070b13; box-shadow: none; }
.home-neon .anime-bg-tint::before,
.home-neon .anime-bg-tint::after,
.home-neon .hero::before { content: none; }
.home-neon .hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100svh;
    padding: 112px 32px 48px;
    overflow: hidden;
    isolation: isolate;
    background: radial-gradient(ellipse at 48% 40%, #12323d45, transparent 54%);
}
.home-neon .hero-showcase {
    position: relative;
    display: grid;
    grid-template-columns: minmax(190px, 2.5fr) minmax(320px, 4.5fr) minmax(260px, 3.2fr);
    grid-template-areas: "cast assistant pv";
    align-items: center;
    gap: clamp(22px, 3vw, 48px);
    width: 100%;
    max-width: 1530px;
    margin-inline: auto;
    z-index: 1;
}
.home-neon .hero-assistant.hero-quiz-host {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    height: auto;
    min-width: 0;
    margin: 0;
    pointer-events: auto;
}
.home-neon .hero-quiz {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
}
.home-neon .hero-quiz__cloudlets,
.home-neon .hero-quiz__dialog-petals,
.home-neon .hero-quiz__divider { display: none; }
.home-neon .hero-neon-eyebrow {
    margin: 0 0 22px;
    color: #8cbcc8;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1.2px;
}
.home-neon .hero-neon-eyebrow::before,
.home-neon .hero-neon-eyebrow::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 1px;
    margin: 0 9px 4px;
    background: linear-gradient(90deg, transparent, #6fabb8);
}
.home-neon .hero-neon-eyebrow::after { rotate: 180deg; }
.home-neon .hero-quiz__dialog {
    position: relative;
    inset: auto;
    transform: none;
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 120px;
    aspect-ratio: auto;
    margin: 0 0 36px;
    padding: 24px 22px;
    border: 1px solid #3c6c7b7d;
    border-radius: 18px;
    color: #e1eaf8;
    background: linear-gradient(135deg, #152435f5, #111d30f5);
    box-shadow: 0 12px 35px #0003, 0 0 32px #4dc7c70b, inset 0 1px #a6d3e51c;
    filter: none;
    overflow: visible;
    backdrop-filter: none;
    animation: home-neon-question-float 7s ease-in-out infinite;
}
.home-neon .hero-quiz__dialog::before {
    inset: -1px 12% auto;
    width: auto;
    height: 1px;
    border: 0;
    background: linear-gradient(90deg, transparent, #65d6e0b8, #ad8ce3a8, transparent);
    background-size: 200% 100%;
    box-shadow: none;
    transform: none;
    animation: home-neon-edge 7s ease-in-out infinite alternate;
}
.home-neon .hero-quiz__dialog::after {
    content: "";
    position: absolute;
    inset: auto auto -8px 50%;
    width: 14px;
    height: 14px;
    border: solid #3c6c7b7d;
    border-width: 0 1px 1px 0;
    background: #122033;
    transform: translateX(-50%) rotate(45deg);
}
.home-neon .hero-quiz__dialog .hero-quiz__question {
    margin: 0;
    color: #e1eaf8;
    font-size: clamp(21px, 1.65vw, 28px);
    line-height: 1.65;
    text-align: center;
    text-shadow: 0 2px 15px #0002;
}
.home-neon .hero-neon-choices {
    position: relative;
    inset: auto;
    transform: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 22px;
    width: 100%;
    height: auto;
    min-height: 286px;
    margin: 0;
    padding: 0;
    perspective: 900px;
}
.home-neon .hero-neon-choice {
    --neon-rgb: 167 139 250;
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 132px;
    padding: 0;
    border: 1px solid rgb(var(--neon-rgb) / .58);
    border-radius: 15px;
    background: #0c1422;
    color: #e9eefc;
    box-shadow: 0 0 0 1px rgb(var(--neon-rgb) / .12), 0 0 22px rgb(var(--neon-rgb) / .15), 0 9px 17px #0004, inset 0 1px #fff1;
    cursor: pointer;
    isolation: isolate;
    transition: transform .24s, box-shadow .24s, border-color .24s, opacity .2s;
}
.home-neon .hero-neon-choices:not(:has(.hero-neon-choice)) { min-height: 0; }
.home-neon .hero-neon-choice--cyan { --neon-rgb: 56 189 248; }
.home-neon .hero-neon-choice--emerald { --neon-rgb: 110 231 183; }
.home-neon .hero-neon-choice--amber { --neon-rgb: 244 204 107; }
.home-neon .hero-neon-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
    isolation: isolate;
}
.home-neon .hero-neon-inner::before {
    content: "";
    position: absolute;
    inset: -160%;
    z-index: -2;
    background: conic-gradient(transparent 0 62%, rgb(var(--neon-rgb) / .2) 75%, rgb(var(--neon-rgb) / .98) 84%, #f4fffedb 87%, rgb(var(--neon-rgb) / .6) 90%, transparent 97%);
    opacity: 0;
    animation: home-neon-rotate 4s linear infinite paused;
    transition: opacity .24s;
}
.home-neon .hero-neon-inner::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: 13px;
    background: radial-gradient(ellipse at 50% -30%, rgb(var(--neon-rgb) / .14), transparent 65%), linear-gradient(145deg, #111d30, #0d1627 65%, #182035);
    box-shadow: inset 0 1px 11px rgb(var(--neon-rgb) / .04);
}
.home-neon .hero-neon-choice:is(:hover, :focus-visible, [aria-pressed="true"]) {
    border-color: rgb(var(--neon-rgb) / .95);
    box-shadow: 0 0 0 1px rgb(var(--neon-rgb) / .22), 0 0 31px rgb(var(--neon-rgb) / .3), 0 15px 27px #0005, inset 0 1px #fff2;
}
.home-neon .hero-neon-choice:is(:hover, :focus-visible) { transform: translateY(-4px) rotateX(2deg); }
.home-neon .hero-neon-choice:focus-visible { outline: 2px solid #b6f1ec; outline-offset: 4px; }
.home-neon .hero-neon-choice:is(:hover, :focus-visible) .hero-neon-inner::before { opacity: .95; animation-play-state: running; }
.home-neon .hero-neon-choice:active { transform: translateY(-1px) scale(.98); }
.home-neon .hero-neon-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    padding: 26px 18px;
    pointer-events: none;
}
.home-neon .hero-neon-icon {
    flex: none;
    width: 32px;
    height: 32px;
    color: rgb(var(--neon-rgb));
    filter: drop-shadow(0 0 11px rgb(var(--neon-rgb) / .8));
    transition: transform .3s;
}
.home-neon .hero-neon-icon svg { display: block; width: 100%; height: 100%; }
.home-neon .hero-neon-choice:hover .hero-neon-icon { transform: translateY(-2px) rotate(-6deg) scale(1.05); }
.home-neon .hero-neon-copy { min-width: 0; }
.home-neon .hero-neon-copy strong { display: block; font-size: 19px; line-height: 1.6; letter-spacing: .8px; text-shadow: 0 0 15px rgb(var(--neon-rgb) / .35); overflow-wrap: anywhere; }
.home-neon .hero-neon-copy small { display: block; margin-top: 3px; color: #9cacc3; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.home-neon .hero-neon-scan {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 47%, rgb(var(--neon-rgb) / .05) 48.5%, rgb(var(--neon-rgb) / .52) 50%, rgb(var(--neon-rgb) / .03) 51%, transparent 53%);
    animation: home-neon-scan 2s ease-in-out infinite;
    animation-delay: var(--scan-delay, 0s);
}
.home-neon .hero-neon-code { position: absolute; top: 9px; left: 11px; color: rgb(var(--neon-rgb) / .65); font-size: 11px; letter-spacing: 1px; pointer-events: none; }
.home-neon .hero-neon-arrow { position: absolute; top: 9px; right: 12px; color: rgb(var(--neon-rgb) / .8); opacity: 0; transition: opacity .2s; }
.home-neon .hero-neon-choice:is(:hover, :focus-visible) .hero-neon-arrow { opacity: 1; }
.home-neon .hero-neon-check { position: absolute; right: 10px; top: 9px; z-index: 3; display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid rgb(var(--neon-rgb) / .65); border-radius: 50%; background: rgb(var(--neon-rgb) / .12); color: rgb(var(--neon-rgb)); font-size: 12px; opacity: 0; transition: opacity .2s; }
.home-neon .hero-neon-choice[aria-pressed="true"] .hero-neon-check { opacity: 1; }
.home-neon .hero-neon-choice[aria-pressed="true"] .hero-neon-arrow { opacity: 0; }
.home-neon .hero-neon-choices.is-selecting .hero-neon-choice:not([aria-pressed="true"]) { opacity: .45; }
.home-neon .hero-neon-choices > .hero-quiz__bubble-back {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    justify-self: start;
    width: auto;
    height: auto;
    min-height: 36px;
    padding: 5px 12px;
    border: 1px solid #355468;
    border-radius: 8px;
    background: #101d2e;
    color: #b5d5df;
    font-size: 12px;
    cursor: pointer;
    transform: none;
}
.home-neon .hero-quiz__bubble-back:hover { background: #1a3442; border-color: #72b9c2; }
.home-neon .hero-quiz__bubble-back[hidden] { display: none; }
.home-neon .hero-quiz__compose { position: relative; inset: auto; transform: none; width: 100%; margin: 28px 0 0; padding: 6px 7px 6px 18px; border-color: #355468; background: linear-gradient(120deg, #0b1423, #0d1727); box-shadow: inset 0 1px 10px #0004, 0 0 0 3px #7dd7db03; backdrop-filter: none; }
.home-neon .hero-quiz__compose:focus-within { border-color: #81c4ce; box-shadow: 0 0 0 3px #78e5dd0d, 0 0 24px #5fcbbd15; }
.home-neon .hero-quiz__input { color: #d9e8f5; }
.home-neon .hero-quiz__input::placeholder { color: #91a3bc; }
.home-neon .hero-quiz__send { position: relative; color: #123246; background: linear-gradient(130deg, #6cd5cc, #9a8bdd); box-shadow: 0 0 16px #5ce6cd21, inset 0 1px #e5ffff4d; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.home-neon .hero-quiz__send:hover { transform: translateX(1px); box-shadow: 0 0 24px #5ce6cd44, 0 0 30px #9a8bdd20; }
.home-neon .hero-quiz__send::before { content: ""; position: absolute; inset: -50% auto -50% -50%; width: 35%; background: linear-gradient(90deg, transparent, #ffffff80, transparent); transform: skewX(-20deg) translateX(-200%); pointer-events: none; }
.home-neon .hero-quiz__send:hover::before { animation: home-neon-send-shine .65s ease-out; }
.home-neon .hero-quiz__progress { position: relative; inset: auto; transform: none; margin: 27px auto 0; padding: 0; color: #96b0c6; text-align: center; }
.home-neon .hero-quiz__progress::before,
.home-neon .hero-quiz__progress::after { left: 50%; top: -10px; width: 110px; transform: translateX(-50%); height: 2px; border: 0; }
.home-neon .hero-quiz__progress::after { width: calc(110px * var(--quiz-progress-unit, .2)); max-width: 110px; background: linear-gradient(90deg, #70c7c1, #9a8bd0); box-shadow: 0 0 8px #7cd5c52b; }
.home-neon .hero-quiz__portal {
    position: relative;
    inset: auto;
    display: block;
    align-self: center;
    flex: none;
    width: min(330px, 100%);
    height: auto;
    aspect-ratio: 330 / 308;
    margin: 6px auto 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    transform: none;
    scale: 1;
    filter: none;
    will-change: auto;
}
.home-neon .hero-quiz__portal[hidden] { display: none; }
.home-neon .hero-quiz__portal-canvas { inset: -21.104% auto auto -31.818%; width: 163.636%; height: 139.61%; border-radius: 0; }
.home-neon .hero-quiz__portal-label {
    top: auto;
    bottom: 0;
    padding: 6px 14px;
    border: 1px solid #5d9caa50;
    border-radius: 22px;
    color: #c7e9eb;
    background: linear-gradient(110deg, #122c38ee, #22213aee);
    box-shadow: 0 0 20px #7bc5e211, inset 0 1px #c6f9ee0b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 1px;
    text-shadow: none;
    backdrop-filter: none;
}
.home-neon .hero-quiz__portal.is-energized .hero-quiz__portal-label { color: #bbf2f1; border-color: #67b9c887; }
.home-neon .hero-quiz__portal:is(:hover, :focus-visible) { scale: 1; filter: none; }
.home-neon .hero-quiz__portal:focus-visible { outline: 2px solid #7bcbd7; outline-offset: 4px; border-radius: 18px; box-shadow: none; }
.home-neon .hero-quiz__portal.is-warping { animation: none; scale: 1; opacity: 1; }
.home-neon .hero-quiz__portal.is-warping .hero-quiz__portal-label { opacity: 1; }
.home-neon .hero-quiz:has(.hero-quiz__portal.is-warping)::before { content: none; }
.home-neon .hero-quiz__portal.is-energized .hero-quiz__portal-canvas { filter: brightness(1.08); }
.home-neon .hero-portal-effects { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 10000; pointer-events: auto; }
.home-neon .hero-portal-effects canvas { display: block; width: 100%; height: 100%; }
.home-neon .hero-portal-status { position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); color: #416979; font-size: 13px; letter-spacing: 1px; white-space: nowrap; }
.home-neon.home-portal-travelling .hero-showcase { opacity: var(--portal-scene-opacity, 1); }
.home-neon.home-portal-travelling .hero-quiz__portal-canvas { visibility: hidden; }
.home-neon .hero-cast.hero-character { display: block; width: 100%; max-width: 100%; height: clamp(500px, calc(100svh - 170px), 660px); min-width: 0; transform: none; }
.home-neon .hero-cast .hero-character__viewport { height: calc(100% - 70px); transform: none; animation: home-neon-character-float 6s ease-in-out infinite; }
.home-neon .hero-cast .hero-character__viewport::after { bottom: 1%; height: 3%; background: radial-gradient(ellipse, #a88ce54d, transparent 72%); filter: blur(5px); box-shadow: 0 0 23px #8c7bd62b; }
.home-neon .hero-cast .hero-character__art { filter: drop-shadow(0 7px 20px #8573ce52); }
.home-neon .hero-cast .hero-character__caption { bottom: 0; }
.home-neon .hero-character__arrow { top: 44%; width: 36px; height: 36px; border-color: #6980a65e; background: #0c1628d9; color: #afc4de; backdrop-filter: none; }
.home-neon .hero-character__arrow--previous { left: 0; }
.home-neon .hero-character__arrow--next { right: 0; }
.home-neon .hero-neon-frame { position: absolute; inset: 0 6px 70px; pointer-events: none; }
.home-neon .hero-neon-frame > i { position: absolute; width: 25px; height: 25px; border: solid #5198ba7a; filter: drop-shadow(0 0 7px #42d0eb18); }
.home-neon .hero-neon-frame > i:nth-child(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }
.home-neon .hero-neon-frame > i:nth-child(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }
.home-neon .hero-neon-frame > i:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }
.home-neon .hero-neon-frame > i:nth-child(4) { bottom: 0; right: 0; border-width: 0 1px 1px 0; }
.home-neon .hero-pv { justify-self: center; width: 100%; max-width: 480px; padding: 11px; border-color: #344861; border-radius: 17px; background: linear-gradient(150deg, #121c2c, #0b1422); box-shadow: 0 16px 38px #0004, 0 0 35px #54cabb08, inset 0 1px #c5deed0d; transform: none; backdrop-filter: none; }
.home-neon .hero-pv::before { inset: 0 10% auto; width: auto; height: 1px; background: linear-gradient(90deg, transparent, #66d7d39c, #aa8fe8a8, transparent); background-size: 200% 100%; transform: none; animation: home-neon-edge 8s ease-in-out infinite alternate; }
.home-neon .hero-pv-tabs { gap: 5px; }
.home-neon .hero-pv-tabs button { padding: 9px 5px; color: #9eafc6; background: #101827; border-color: transparent; font-size: 13px; }
.home-neon .hero-pv-tabs button[aria-selected="true"] { color: #b0e9e3; border-color: #315a68; background: linear-gradient(120deg, #1c3e48, #28334e); box-shadow: inset 0 1px #b9ffed13; }
.home-neon .hero-pv-stage { aspect-ratio: 16 / 9; border: 1px solid #4056696b; border-radius: 10px; background: #0c1522; }
.home-neon .hero-pv-stage video { object-fit: contain; object-position: center; }
.home-neon .hero-pv-stage::before,
.home-neon .hero-pv-stage::after { content: none; }
.home-neon .hero-neon-sky { position: absolute; inset: 68px 0 0; z-index: -1; overflow: hidden; pointer-events: none; }
.home-neon .hero-neon-aurora { position: absolute; inset: 2% -10% 15% 12%; background: radial-gradient(ellipse at 54% 30%, #3d8c9638, transparent 57%); opacity: .8; filter: blur(28px); animation: home-neon-aurora 13s ease-in-out infinite alternate; }
.home-neon .hero-neon-aurora--violet { inset: 20% 42% 5% -15%; background: radial-gradient(ellipse at 42% 55%, #7863be30, transparent 62%); animation-delay: -5s; animation-duration: 16s; }
.home-neon .hero-neon-stars,
.home-neon .hero-neon-lines,
.home-neon .hero-neon-dust { position: absolute; inset: 0; }
.home-neon .hero-neon-stars > i { position: absolute; width: var(--size); height: var(--size); border-radius: 50%; background: #cbe9f5; box-shadow: 0 0 5px #a3edff55; opacity: .4; animation: home-neon-twinkle var(--duration) ease-in-out infinite; animation-delay: var(--delay); }
.home-neon .hero-neon-dust > i { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #b0e3f87a; animation: home-neon-dust-rise var(--duration) linear infinite; animation-delay: var(--delay); }
.home-neon .hero-neon-lines > i { position: absolute; height: 1px; background: linear-gradient(90deg, #3bc3df18, #52a8d335); transform-origin: 0 0; }
.home-neon .hero-neon-lines > i::before,
.home-neon .hero-neon-lines > i::after { content: ""; position: absolute; top: -1px; width: 3px; height: 3px; border-radius: 50%; background: #53c9e35c; box-shadow: 0 0 7px #38bdf82f; }
.home-neon .hero-neon-lines > i::after { right: 0; }
.home-neon .hero-neon-moon { position: absolute; right: 14%; top: 30px; width: 36px; height: 36px; border-radius: 50%; background: radial-gradient(circle at 30% 24%, #e0eff2, #879aa8 52%, #314b60 90%); box-shadow: 0 0 25px #bacdde25, 0 0 75px #7fc5f417; animation: home-neon-moon-glow 5s ease-in-out infinite alternate; }
.home-neon .hero-neon-moon::after { content: ""; position: absolute; top: -5px; right: -6px; width: 33px; height: 33px; border-radius: 50%; background: #0c1b25; box-shadow: -1px 1px 7px #607c8b25; }
.home-neon .hero-neon-meteor { position: absolute; top: 15%; right: 20%; width: 100px; height: 1px; opacity: 0; background: linear-gradient(90deg, transparent, #c4e7ef); transform: rotate(-28deg); animation: home-neon-meteor 14s linear infinite; animation-delay: -8s; }
@keyframes home-neon-rotate { to { transform: rotate(360deg); } }
@keyframes home-neon-scan { 0% { transform: translateY(-100%); opacity: 0; } 18%, 78% { opacity: .8; } 100% { transform: translateY(100%); opacity: 0; } }
@keyframes home-neon-question-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -4px; } }
@keyframes home-neon-character-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes home-neon-edge { from { background-position: 0 0; } to { background-position: 100% 0; } }
@keyframes home-neon-send-shine { from { transform: skewX(-20deg) translateX(-100%); } to { transform: skewX(-20deg) translateX(650%); } }
@keyframes home-neon-twinkle { 0%, 100% { opacity: .18; transform: scale(.8); } 50% { opacity: .85; transform: scale(1.25); } }
@keyframes home-neon-aurora { from { transform: translate(-1%, 0) scale(.97); } to { transform: translate(2%, -3%) scale(1.06); } }
@keyframes home-neon-dust-rise { from { transform: translateY(40px); opacity: 0; } 12%, 75% { opacity: .45; } to { transform: translate(20px, -130px); opacity: 0; } }
@keyframes home-neon-moon-glow { from { filter: brightness(.9); opacity: .62; } to { filter: brightness(1.15); opacity: .9; } }
@keyframes home-neon-meteor { 0%, 85%, 100% { opacity: 0; translate: 0 0; } 87% { opacity: .8; translate: -30px 15px; } 93% { opacity: 0; translate: -280px 145px; } }
@media (max-width: 1199px) {
    .home-neon .hero { padding-inline: 22px; }
    .home-neon .hero-showcase { gap: 22px; grid-template-columns: minmax(160px, 2.3fr) minmax(300px, 4.4fr) minmax(226px, 2.9fr); }
    .home-neon .hero-neon-content { flex-direction: column; gap: 8px; padding: 22px 10px; text-align: center; }
    .home-neon .hero-neon-copy strong { font-size: 17px; }
    .home-neon .hero-neon-icon { width: 26px; height: 26px; }
    .home-neon .hero-neon-copy small { font-size: 11px; }
    .home-neon .hero-neon-choices { gap: 18px; min-height: 282px; }
    .home-neon .hero-pv-tabs button { font-size: 12px; }
}
@media (max-width: 900px) {
    .home-neon .hero { padding: 106px 26px 40px; }
    .home-neon .hero-showcase { grid-template-columns: minmax(155px, .65fr) minmax(290px, 1.35fr); grid-template-areas: "cast assistant" ". pv"; align-items: start; gap: 30px 24px; }
    .home-neon .hero-cast.hero-character { align-self: start; margin-top: 48px; height: 470px; }
    .home-neon .hero-pv { max-width: none; }
}
@media (max-width: 700px) {
    .home-neon .hero { padding-inline: 20px; }
    .home-neon .hero-showcase { grid-template-columns: minmax(128px, .5fr) minmax(260px, 1.5fr); gap: 24px 20px; }
    .home-neon .hero-neon-choices { grid-template-columns: minmax(0, 1fr); gap: 14px; min-height: 0; }
    .home-neon .hero-neon-choice { min-height: 86px; }
    .home-neon .hero-neon-content { flex-direction: row; justify-content: start; gap: 15px; padding: 18px 23px; text-align: left; }
    .home-neon .hero-neon-code { display: none; }
    .home-neon .hero-cast.hero-character { height: 380px; }
    .home-neon .hero-quiz__dialog { min-height: 114px; padding: 20px 13px; }
    .home-neon .hero-neon-eyebrow { font-size: 11px; letter-spacing: .4px; }
    .home-neon .hero-neon-eyebrow::before,
    .home-neon .hero-neon-eyebrow::after { width: 10px; margin-inline: 5px; }
}
@media (max-width: 560px) {
    .home-neon .hero { padding: 98px 18px 32px; }
    .home-neon .hero-showcase { display: flex; flex-direction: column; gap: 26px; }
    .home-neon .hero-cast.hero-character { align-self: center; height: 230px; width: 170px; margin: 0; }
    .home-neon .hero-cast .hero-character__viewport { height: 195px; }
    .home-neon .hero-cast .hero-character__caption { width: 116px; bottom: -10px; }
    .home-neon .hero-neon-frame { bottom: 35px; }
    .home-neon .hero-character__arrow { top: 44%; width: 36px; height: 36px; }
    .home-neon .hero-quiz__dialog .hero-quiz__question { font-size: 21px; }
    .home-neon .hero-neon-choices > .hero-quiz__bubble-back { min-height: 44px; }
    .home-neon .hero-neon-moon { right: 12%; top: 25px; }
}
@media (max-width: 820px) {
    .home-neon .hero { padding-top: 142px; }
}
@media (pointer: coarse) {
    .home-neon .hero-character__arrow { width: 44px; height: 44px; }
    .home-neon .hero-neon-choices > .hero-quiz__bubble-back,
    .home-neon .hero-pv-tabs button { min-height: 44px; }
    .home-neon .hero-quiz__input { font-size: 16px; }
    .home-neon .hero-quiz__send { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-neon .hero *,
    .home-neon .hero *::before,
    .home-neon .hero *::after { animation: none !important; transition: none !important; }
    .home-neon .hero-neon-choice:is(:hover, :focus-visible) { transform: none; }
}
.home-neon.home-neon-paused .hero *,
.home-neon.home-neon-paused .hero *::before,
.home-neon.home-neon-paused .hero *::after { animation-play-state: paused !important; }

/* 白色风格：仅覆盖外观，结构与交互保持原样。 */
html[data-theme="light"] .home-neon { background: #f6f8fc; color: #172033; }
html[data-theme="light"] .home-neon .anime-bg-tint { background: #f6f8fc; }
html[data-theme="light"] .home-neon .hero {
    background:
        radial-gradient(circle at 12% 72%, rgba(45, 200, 184, 0.14), transparent 34%),
        radial-gradient(circle at 78% 12%, rgba(135, 119, 236, 0.16), transparent 36%),
        linear-gradient(145deg, #fbfcff, #eef4fa 58%, #f9fbff);
}
html[data-theme="light"] .home-neon .hero::after { background: linear-gradient(180deg, transparent, rgba(246, 248, 252, .94)); }
html[data-theme="light"] .home-neon .hero-neon-sky { opacity: .9; }
html[data-theme="light"] .home-neon .hero-neon-aurora { background: radial-gradient(ellipse at 54% 30%, rgba(45, 200, 184, .18), transparent 58%); }
html[data-theme="light"] .home-neon .hero-neon-aurora--violet { background: radial-gradient(ellipse at 42% 55%, rgba(135, 119, 236, .18), transparent 62%); }
html[data-theme="light"] .home-neon .hero-neon-stars > i { background: #7fb9d8; box-shadow: 0 0 7px rgba(77, 156, 247, .22); opacity: .42; }
html[data-theme="light"] .home-neon .hero-neon-dust > i { background: rgba(77, 156, 247, .28); }
html[data-theme="light"] .home-neon .hero-neon-lines > i { background: linear-gradient(90deg, rgba(45, 200, 184, .12), rgba(135, 119, 236, .18)); }
html[data-theme="light"] .home-neon .hero-neon-lines > i::before,
html[data-theme="light"] .home-neon .hero-neon-lines > i::after { background: rgba(45, 200, 184, .32); box-shadow: 0 0 7px rgba(45, 200, 184, .16); }
html[data-theme="light"] .home-neon .hero-neon-moon { background: radial-gradient(circle at 30% 24%, #fff, #dfeaf2 52%, #a9bfd0 90%); box-shadow: 0 0 26px rgba(255, 255, 255, .6), 0 0 72px rgba(77, 156, 247, .13); }
html[data-theme="light"] .home-neon .hero-neon-moon::after { background: #f4f8fc; box-shadow: -1px 1px 7px rgba(96, 124, 139, .14); }
html[data-theme="light"] .home-neon .hero-neon-meteor { background: linear-gradient(90deg, transparent, #6abde7); }
html[data-theme="light"] .home-neon .hero-neon-eyebrow { color: #4a817a; }
html[data-theme="light"] .home-neon .hero-neon-eyebrow::before,
html[data-theme="light"] .home-neon .hero-neon-eyebrow::after { background: linear-gradient(90deg, transparent, rgba(45, 200, 184, .72)); }
html[data-theme="light"] .home-neon .hero-quiz__dialog {
    border-color: rgba(205, 216, 230, .92);
    color: #172033;
    background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(248, 250, 253, .86));
    box-shadow: 0 18px 42px rgba(91, 112, 145, .12), 0 0 30px rgba(45, 200, 184, .08), inset 0 1px rgba(255, 255, 255, .98);
    backdrop-filter: blur(14px);
}
html[data-theme="light"] .home-neon .hero-quiz__dialog::before { background: linear-gradient(90deg, transparent, rgba(45, 200, 184, .72), rgba(135, 119, 236, .66), transparent); }
html[data-theme="light"] .home-neon .hero-quiz__dialog::after { border-color: rgba(205, 216, 230, .95); background: #f8fafd; }
html[data-theme="light"] .home-neon .hero-quiz__dialog .hero-quiz__question { color: #172033; text-shadow: none; }
html[data-theme="light"] .home-neon .hero-neon-choice {
    background: rgba(255, 255, 255, .84);
    color: #172033;
    border-color: rgb(var(--neon-rgb) / .34);
    box-shadow: 0 0 0 1px rgb(var(--neon-rgb) / .08), 0 18px 38px rgba(91, 112, 145, .12), 0 0 24px rgb(var(--neon-rgb) / .1), inset 0 1px rgba(255, 255, 255, .98);
    backdrop-filter: blur(12px);
}
html[data-theme="light"] .home-neon .hero-neon-inner::after {
    background: radial-gradient(ellipse at 50% -30%, rgb(var(--neon-rgb) / .13), transparent 65%), linear-gradient(145deg, #ffffff, #f7fafd 68%, #eef4fa);
    box-shadow: inset 0 1px 11px rgba(255, 255, 255, .92);
}
html[data-theme="light"] .home-neon .hero-neon-copy strong { text-shadow: 0 0 14px rgb(var(--neon-rgb) / .18); }
html[data-theme="light"] .home-neon .hero-neon-copy small { color: #68788e; }
html[data-theme="light"] .home-neon .hero-neon-check { background: rgba(255, 255, 255, .82); }
html[data-theme="light"] .home-neon .hero-neon-choices > .hero-quiz__bubble-back {
    border-color: rgba(45, 200, 184, .28);
    background: #e9fbf8;
    color: #0d6f65;
}
html[data-theme="light"] .home-neon .hero-quiz__bubble-back:hover { background: #ddf8f4; border-color: rgba(45, 200, 184, .46); }
html[data-theme="light"] .home-neon .hero-quiz__compose {
    border-color: rgba(205, 216, 230, .95);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 16px 36px rgba(91, 112, 145, .11), inset 0 1px rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
}
html[data-theme="light"] .home-neon .hero-quiz__compose:focus-within { border-color: rgba(45, 200, 184, .48); box-shadow: 0 0 0 4px rgba(45, 200, 184, .1), 0 16px 36px rgba(91, 112, 145, .12); }
html[data-theme="light"] .home-neon .hero-quiz__input { color: #172033; }
html[data-theme="light"] .home-neon .hero-quiz__input::placeholder { color: #8a98ad; }
html[data-theme="light"] .home-neon .hero-quiz__send { color: #0d3345; background: linear-gradient(130deg, #62dfcf, #9f91ec); }
html[data-theme="light"] .home-neon .hero-quiz__progress { color: #718096; }
html[data-theme="light"] .home-neon .hero-quiz__progress::before { background: rgba(113, 128, 150, .14); }
html[data-theme="light"] .home-neon .hero-quiz__progress::after { background: linear-gradient(90deg, #2dc8b8, #8777ec); box-shadow: 0 0 8px rgba(45, 200, 184, .18); }
html[data-theme="light"] .home-neon .hero-quiz__portal-label {
    border-color: rgba(45, 200, 184, .3);
    color: #0d6f65;
    background: linear-gradient(110deg, rgba(232, 250, 247, .94), rgba(244, 241, 255, .94));
    box-shadow: 0 12px 28px rgba(91, 112, 145, .12), inset 0 1px rgba(255, 255, 255, .96);
    text-shadow: none;
}
html[data-theme="light"] .home-neon .hero-quiz__portal.is-energized .hero-quiz__portal-label { color: #0d6f65; border-color: rgba(45, 200, 184, .48); }
html[data-theme="light"] .home-neon .hero-portal-status { color: #718096; }
html[data-theme="light"] .home-neon .hero-cast .hero-character__viewport::after { background: radial-gradient(ellipse, rgba(135, 119, 236, .18), transparent 72%); filter: blur(5px); box-shadow: 0 0 23px rgba(135, 119, 236, .1); }
html[data-theme="light"] .home-neon .hero-cast .hero-character__art { filter: drop-shadow(0 12px 24px rgba(91, 112, 145, .18)); }
html[data-theme="light"] .home-neon .hero-character__arrow { border-color: rgba(205, 216, 230, .95); background: rgba(255, 255, 255, .82); color: #617188; box-shadow: 0 10px 24px rgba(91, 112, 145, .11); }
html[data-theme="light"] .home-neon .hero-neon-frame > i { border-color: rgba(45, 200, 184, .34); filter: drop-shadow(0 0 7px rgba(45, 200, 184, .16)); }
html[data-theme="light"] .home-neon .hero-pv {
    border-color: rgba(205, 216, 230, .92);
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 18px 44px rgba(91, 112, 145, .12), 0 0 32px rgba(45, 200, 184, .07), inset 0 1px rgba(255, 255, 255, .96);
    backdrop-filter: blur(14px);
}
html[data-theme="light"] .home-neon .hero-pv::before { background: linear-gradient(90deg, transparent, rgba(45, 200, 184, .64), rgba(135, 119, 236, .58), transparent); }
html[data-theme="light"] .home-neon .hero-pv-tabs button { color: #718096; background: #f1f5fa; border-color: transparent; }
html[data-theme="light"] .home-neon .hero-pv-tabs button[aria-selected="true"] { color: #0d6f65; border-color: rgba(45, 200, 184, .3); background: #ddf8f4; box-shadow: inset 0 1px rgba(255, 255, 255, .95); }
html[data-theme="light"] .home-neon .hero-pv-stage { border-color: rgba(205, 216, 230, .95); background: #eef3f8; }
html[data-theme="light"] .home-neon .hero-pv-dots button { background: rgba(77, 156, 247, .2); }
html[data-theme="light"] .home-neon .hero-pv-dots button[aria-current="true"] { background: linear-gradient(135deg, #2dc8b8, #8777ec); }