/* encoding: UTF-8 */
/* 纯画面填满公共外框，容器高度、圆角及留白由 home-intro.ejs 管理。 */
.home-solar-scene {
    position: relative;
    height: 100%;
    background: var(--soft);
}

.home-space-probe {
    position: absolute;
    z-index: 1;
    top: 48%;
    left: clamp(28px, 9vw, 132px);
    width: clamp(112px, 11vw, 152px);
    height: auto;
    overflow: visible;
    color: var(--ink);
    pointer-events: none;
    shape-rendering: geometricPrecision;
    transform-origin: center;
    animation: home-space-probe-drift 6s var(--ease) infinite alternate;
}

.home-space-probe__body,
.home-space-probe__panel,
.home-space-probe__engine {
    fill: var(--soft);
    stroke: currentColor;
    stroke-width: 1.2;
}

.home-space-probe__antenna,
.home-space-probe__panel-line,
.home-space-probe__engine-mount,
.home-space-probe__nozzle,
.home-space-probe__exhaust,
.home-space-probe__trajectory {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1;
}

.home-space-probe__panel-line {
    opacity: 0.48;
}

.home-space-probe__exhaust {
    opacity: 0.48;
}

.home-space-probe__trajectory {
    stroke-dasharray: 2 7;
    opacity: 0.3;
}

.home-space-probe__signal {
    fill: var(--signal);
}

@keyframes home-space-probe-drift {
    to {
        transform: translate(-10px, -6px) rotate(-1.5deg);
    }
}

.home-solar-system {
    position: absolute;
    top: 50%;
    right: 0;
    width: clamp(720px, 72vw, 1040px);
    height: auto;
    color: var(--ink);
    pointer-events: none;
    shape-rendering: geometricPrecision;
    transform: translate(52%, -50%);
}

.home-solar-system__orbit,
.home-solar-system__planet,
.home-solar-system__ring {
    vector-effect: non-scaling-stroke;
}

.home-solar-system__orbit {
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
    opacity: 0.34;
}

.home-solar-system__planet {
    fill: var(--soft);
    stroke: currentColor;
    stroke-width: 0.65;
}

.home-solar-system__planet--giant {
    stroke-width: 1.15;
}

.home-solar-system__ring {
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
}

.home-solar-system__sun {
    fill: var(--signal);
}

@media (max-width: 720px) {
    .home-space-probe {
        top: 45%;
        left: 14px;
        width: 84px;
    }

    .home-solar-system {
        width: 680px;
        transform: translate(54%, -50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-space-probe {
        animation: none;
    }
}