/* 首页夜间深空环境层 · 首页私有增强
   v1.32 的银河视角交互已保存在页面版本归档；当前层只负责地球背后的夜空。 */

body.home .home2-hero {
    --cosmos-deep: #010812;
    --cosmos-ink: #031527;
}

body.home .home2-cosmos {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: clip;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1.1s ease;
}

body.home .home2-hero.is-night.has-cosmos-canvas .home2-cosmos {
    opacity: var(--night-d, 1);
}

body.home .home2-cosmos__canvas,
body.home .home2-cosmos__vignette {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.home .home2-cosmos__canvas {
    display: block;
    transform: scale(1.018);
    transform-origin: 22% 34%;
}

/* 银河从左上掠入；只在正文文字落点处形成局部暗场，不把整片星海压成雾。 */
body.home .home2-cosmos__vignette {
    z-index: 1;
    background:
        radial-gradient(ellipse 35% 55% at 21% 47%, rgba(1, 8, 18, .34) 0 34%, rgba(1, 8, 18, .13) 61%, rgba(1, 8, 18, .015) 86%, transparent 100%),
        linear-gradient(90deg, rgba(1, 8, 18, .09) 0%, rgba(1, 8, 18, .025) 40%, transparent 68%),
        linear-gradient(180deg, rgba(1, 8, 18, .16) 0%, transparent 19%, transparent 76%, rgba(1, 8, 18, .30) 100%);
}

/* 新深空层接管桌面夜间星场；移动端仍使用原有轻量 SVG 星空。 */
body.home .home2-hero.is-night.has-cosmos-canvas .home2-hero-stars {
    opacity: 0;
}

/* 首页地球控制：隐藏重复的缩放按钮，只保留暂停、回到地球和全屏。 */
body.home [data-global-globe] .gg-control--zoom-out,
body.home [data-global-globe] .gg-control--zoom-in {
    display: none !important;
}

body.home [data-global-globe] .gg-controls {
    gap: 1px;
    padding: 2px 4px;
    border-color: rgba(0, 103, 180, .1);
    box-shadow: 0 6px 18px rgba(10, 43, 76, .075);
}

body.home [data-global-globe] .gg-control span {
    width: 27px;
    height: 27px;
}

body.home [data-global-globe] .gg-control--fullscreen {
    margin-left: 2px;
}

body.home [data-global-globe] .gg-control--fullscreen::before {
    left: -2px;
    top: 13px;
    bottom: 13px;
}

/* 复位仍是原生 button；只把视觉符号从回转箭头换成微型地球。 */
body.home [data-global-globe] .gg-control--reset span {
    position: relative;
    font-size: 0;
}

body.home [data-global-globe] .gg-control--reset span::before {
    content: "";
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    border: 1.25px solid currentColor;
    border-radius: 50%;
    background: linear-gradient(currentColor, currentColor) center / 13px 1px no-repeat;
}

body.home [data-global-globe] .gg-control--reset span::after {
    content: "";
    position: absolute;
    inset: 6px 9px;
    border-right: 1px solid currentColor;
    border-left: 1px solid currentColor;
    border-radius: 50%;
}

body.home .home2-hero.is-night [data-global-globe] .gg-controls {
    border-color: rgba(197, 229, 255, .18);
    background: rgba(3, 21, 39, .82);
    box-shadow: 0 6px 20px rgba(1, 8, 18, .22);
}

body.home .home2-hero.is-night [data-global-globe] .gg-control {
    color: #c5e5ff;
}

body.home .home2-hero.is-night [data-global-globe] .gg-control:hover span {
    background: rgba(197, 229, 255, .11);
}

body.home .home2-hero.is-night [data-global-globe] .gg-control[aria-pressed="true"] {
    color: #f7fbff;
}

body.home .home2-hero.is-night [data-global-globe] .gg-control[aria-pressed="true"] span {
    background: rgba(0, 103, 180, .7);
}

/* 深夜 H1 使用克制的淡出/淡入切换；固定标题高度，避免文案轮换推动导语和按钮。 */
@media (min-width: 641px) {
    body.home .home2-hero.is-night #home2-title {
        min-height: clamp(122px, 11.9vw, 166px);
        transform-origin: left center;
        transition:
            opacity .72s ease,
            transform .86s cubic-bezier(.22, .61, .36, 1);
    }

    body.home .home2-hero.is-night #home2-title.is-title-out {
        opacity: 0;
        transform: translate3d(0, -8px, 0) scale(.995);
        will-change: opacity, transform;
    }

    body.home .home2-hero.is-night #home2-title.is-title-pre-enter {
        opacity: 0;
        transform: translate3d(0, 8px, 0) scale(.995);
        transition: none;
        will-change: opacity, transform;
    }

    body.home .home2-hero.is-night #home2-title[data-home2-title-state="cosmos"] {
        font-size: clamp(42px, 4.1vw, 58px);
        letter-spacing: -.025em;
        line-height: 1.14;
    }

    body.home .home2-hero.is-night #home2-title[data-home2-title-state="cosmos"] .home2-title-line {
        display: block;
        margin-top: 0;
        color: inherit;
        white-space: nowrap;
    }

    body.home .home2-hero.is-night #home2-title[data-home2-title-state="cosmos"] .home2-title-line + .home2-title-line {
        margin-top: .14em;
        color: var(--home-cyan);
    }
}

@media (max-width: 640px) {
    body.home .home2-cosmos {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .home2-cosmos {
        transition: none !important;
    }

    body.home .home2-hero.is-night #home2-title {
        min-height: 0;
        transition: none !important;
    }
}