.container[data-v-5e7fd124] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px
}

.tech-button[data-v-5e7fd124] {
    padding: 12px 30px;
    background: linear-gradient(135deg, rgba(0, 136, 255, .3), rgba(138, 43, 226, .3));
    border: 2px solid rgba(0, 136, 255, .6);
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease;
    backdrop-filter: blur(10px)
}

.tech-button[data-v-5e7fd124]:hover {
    background: linear-gradient(135deg, rgba(0, 136, 255, .5), rgba(138, 43, 226, .5));
    transform: translateY(-2px);
    box-shadow: 0 5px 20px #0088ff80
}

.tech-button[data-v-5e7fd124]:active {
    transform: translateY(0)
}

.glow-text[data-v-5e7fd124] {
    text-shadow: 0 0 10px rgba(0, 136, 255, .8), 0 0 20px rgba(0, 136, 255, .6), 0 0 30px rgba(0, 136, 255, .4)
}

.tech-card[data-v-5e7fd124] {
    background: rgba(10, 25, 41, .9);
    border: 1px solid rgba(0, 136, 255, .5);
    border-radius: 12px;
    padding: 20px;
    backdrop-filter: blur(20px);
    box-shadow: 0 10px 40px #00000080;
    transition: all .3s ease
}

.tech-card[data-v-5e7fd124]:hover {
    border-color: #08fc;
    box-shadow: 0 15px 50px #0088ff4d;
    transform: translateY(-5px)
}

[data-v-5e7fd124]::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

[data-v-5e7fd124]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .3)
}

[data-v-5e7fd124]::-webkit-scrollbar-thumb {
    background: rgba(0, 136, 255, .5);
    border-radius: 4px
}

[data-v-5e7fd124]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 136, 255, .8)
}

.zxsp-journey[data-v-5e7fd124] {
    position: relative;
    min-height: 100vh;
    background: #0A0E17;
    overflow-x: hidden
}

.logo-container[data-v-5e7fd124] {
    position: fixed;
    top: 12px;
    left: 20px;
    z-index: 101;
    cursor: pointer;
    transition: all .3s ease;
    display: block;
    text-decoration: none
}

.logo-container[data-v-5e7fd124]:hover {
    transform: scale(1.05);
    opacity: .9
}

.logo-container .logo-image[data-v-5e7fd124] {
    height: 40px;
    width: auto;
    display: block;
    object-fit: contain
}

@media (max-width: 768px) {
    .logo-container[data-v-5e7fd124] {
        top: .4rem;
        left: .3rem
    }

    .logo-container .logo-image[data-v-5e7fd124] {
        height: .875rem
    }
}

.zxsp-header[data-v-5e7fd124] {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.zxsp-header .header-bg[data-v-5e7fd124] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.zxsp-header .header-bg .stars-layer[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(2px 2px at 20% 30%, white, transparent), radial-gradient(2px 2px at 60% 70%, white, transparent), radial-gradient(1px 1px at 50% 50%, white, transparent), radial-gradient(1px 1px at 80% 10%, white, transparent), radial-gradient(2px 2px at 90% 60%, white, transparent), radial-gradient(1px 1px at 33% 90%, white, transparent), radial-gradient(2px 2px at 15% 80%, white, transparent);
    background-size: 200% 200%;
    background-position: 0% 0%;
    animation: stars-move-5e7fd124 50s linear infinite;
    will-change: background-position;
    transform: translateZ(0)
}

.zxsp-header .header-bg .nebula-layer[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 229, 255, .5), rgba(123, 31, 162, .15), rgba(0, 255, 209, 0));
    animation: nebula-flow-5e7fd124 20s ease-in-out infinite;
    will-change: transform, opacity;
    transform: translateZ(0)
}

.zxsp-header .header-content[data-v-5e7fd124] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 20px
}

.zxsp-header .header-content .main-title[data-v-5e7fd124] {
    font-size: 56px;
    font-weight: 900;
    font-family: Orbitron, Rajdhani, sans-serif;
    color: #fff;
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: 6px
}

.zxsp-header .header-content .main-title .title-glow[data-v-5e7fd124] {
    display: inline-block;
    background: linear-gradient(90deg, #00E5FF 0%, #00FFD1 50%, #7B1FA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 20px rgba(0, 229, 255, .8), 0 0 40px rgba(0, 229, 255, .5), 0 0 60px rgba(0, 229, 255, .3);
    filter: drop-shadow(0 0 20px rgba(0, 229, 255, .8));
    animation: title-pulse-5e7fd124 3s ease-in-out infinite
}

.zxsp-header .header-content .subtitle[data-v-5e7fd124] {
    font-size: 22px;
    color: #ffffffe6;
    margin: 0 0 8px;
    letter-spacing: 8px;
    font-weight: 300
}

.progress-container[data-v-5e7fd124] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    background: rgba(10, 14, 23, .95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 229, 255, .2)
}

.progress-container .progress-bar[data-v-5e7fd124] {
    height: 4px;
    background: rgba(0, 229, 255, .1)
}

.progress-container .progress-bar .progress-fill[data-v-5e7fd124] {
    height: 100%;
    background: linear-gradient(90deg, #00E5FF, #00FFD1, #FFD700);
    transition: width .5s ease;
    position: relative
}

.progress-container .progress-bar .progress-fill .progress-text[data-v-5e7fd124] {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 12px;
    color: #00e5ff;
    font-family: Orbitron, monospace;
    white-space: nowrap
}

.background-system[data-v-5e7fd124] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(0);
    will-change: transform
}

.background-system .star-layer[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%
}

.background-system .star-layer .star[data-v-5e7fd124] {
    position: absolute;
    background: white;
    border-radius: 50%;
    animation: twinkle-5e7fd124 infinite ease-in-out;
    will-change: opacity;
    transform: translateZ(0)
}

.background-system .stage-backgrounds[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%
}

.background-system .stage-backgrounds .stage-bg[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    will-change: opacity;
    transform: translateZ(0)
}

.background-system .stage-backgrounds .stage-bg.active[data-v-5e7fd124] {
    opacity: .4
}

.background-system .stage-backgrounds .stage-bg.stage-bg-earth[data-v-5e7fd124] {
    background-color: #4caf501a
}

.background-system .stage-backgrounds .stage-bg.stage-bg-ocean[data-v-5e7fd124] {
    background-color: #2196f31a
}

.background-system .stage-backgrounds .stage-bg.stage-bg-space[data-v-5e7fd124] {
    background-color: #9c27b01a
}

.background-system .stage-backgrounds .stage-bg.stage-bg-deepspace[data-v-5e7fd124] {
    background-color: #ff98001a
}

.background-system .theme-background[data-v-5e7fd124], .background-system .theme-background .theme-layer[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 1s ease;
    will-change: opacity;
    transform: translateZ(0)
}

.background-system .theme-background.theme-earth .layer-1[data-v-5e7fd124] {
    background: radial-gradient(circle at 30% 40%, rgba(76, 175, 80, .15), transparent 60%)
}

.background-system .theme-background.theme-earth .layer-2[data-v-5e7fd124] {
    background: radial-gradient(circle at 70% 60%, rgba(33, 150, 243, .1), transparent 60%)
}

.background-system .theme-background.theme-earth .layer-3[data-v-5e7fd124] {
    background: linear-gradient(180deg, transparent, rgba(0, 150, 136, .05))
}

.background-system .theme-background.theme-ocean .layer-1[data-v-5e7fd124] {
    background: radial-gradient(circle at 40% 50%, rgba(33, 150, 243, .2), transparent 60%)
}

.background-system .theme-background.theme-ocean .layer-2[data-v-5e7fd124] {
    background: radial-gradient(circle at 60% 30%, rgba(0, 188, 212, .15), transparent 60%)
}

.background-system .theme-background.theme-ocean .layer-3[data-v-5e7fd124] {
    background: linear-gradient(180deg, rgba(0, 96, 150, .05), transparent)
}

.background-system .theme-background.theme-space .layer-1[data-v-5e7fd124] {
    background: radial-gradient(circle at 20% 30%, rgba(156, 39, 176, .15), transparent 60%)
}

.background-system .theme-background.theme-space .layer-2[data-v-5e7fd124] {
    background: radial-gradient(circle at 80% 70%, rgba(103, 58, 183, .1), transparent 60%)
}

.background-system .theme-background.theme-space .layer-3[data-v-5e7fd124] {
    background: linear-gradient(180deg, transparent, rgba(74, 20, 140, .05))
}

.background-system .theme-background.theme-deepspace .layer-1[data-v-5e7fd124] {
    background: radial-gradient(circle at 50% 40%, rgba(244, 67, 54, .12), transparent 60%)
}

.background-system .theme-background.theme-deepspace .layer-2[data-v-5e7fd124] {
    background: radial-gradient(circle at 30% 70%, rgba(255, 152, 0, .08), transparent 60%)
}

.background-system .theme-background.theme-deepspace .layer-3[data-v-5e7fd124] {
    background: linear-gradient(180deg, rgba(183, 28, 28, .05), transparent)
}

.background-system .tech-decoration[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%
}

.background-system .tech-decoration .grid-lines[data-v-5e7fd124] {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 229, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 229, 255, .02) 1px, transparent 1px);
    background-size: 50px 50px;
    animation: grid-move-5e7fd124 20s linear infinite;
    will-change: background-position;
    transform: translateZ(0)
}

.background-system .tech-decoration .data-flow[data-v-5e7fd124] {
    position: absolute;
    width: 2px;
    height: 20px;
    background: linear-gradient(180deg, transparent, #00FFD1, transparent);
    animation: flow-down-5e7fd124 5s linear infinite;
    will-change: transform, opacity;
    transform: translateZ(0)
}

.stage-navigation[data-v-5e7fd124] {
    position: fixed;
    top: 4px;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 20px 0;
    background: rgba(10, 14, 23, .95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 229, 255, .2)
}

.stage-navigation .nav-container[data-v-5e7fd124] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 20px
}

.stage-navigation .stage-nav-item[data-v-5e7fd124] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .6
}

.stage-navigation .stage-nav-item[data-v-5e7fd124]:hover, .stage-navigation .stage-nav-item.active[data-v-5e7fd124] {
    opacity: 1
}

.stage-navigation .stage-nav-item.active .nav-dot[data-v-5e7fd124] {
    background: #00E5FF;
    box-shadow: 0 0 15px #00e5ff
}

.stage-navigation .stage-nav-item.active .nav-label[data-v-5e7fd124] {
    color: #00e5ff;
    font-weight: 700
}

.stage-navigation .stage-nav-item.completed .nav-dot[data-v-5e7fd124] {
    background: #FFD700;
    box-shadow: 0 0 10px gold
}

.stage-navigation .stage-nav-item .nav-dot[data-v-5e7fd124] {
    width: 12px;
    height: 12px;
    border: 2px solid #00E5FF;
    border-radius: 50%;
    background: transparent;
    transition: all .3s ease
}

.stage-navigation .stage-nav-item .nav-label[data-v-5e7fd124] {
    font-size: 14px;
    color: #fffc;
    transition: all .3s ease;
    white-space: nowrap
}

.main-container[data-v-5e7fd124] {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 20px
}

.exploration-stage[data-v-5e7fd124] {
    position: relative;
    margin-bottom: 100px;
    scroll-margin-top: 100px
}

.exploration-stage .stage-header[data-v-5e7fd124] {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
    padding: 40px 20px;
    background: rgba(10, 14, 23, .6);
    border-radius: 20px;
    border: 1px solid rgba(0, 229, 255, .2);
    backdrop-filter: blur(20px);
    overflow: hidden
}

.exploration-stage .stage-header[data-v-5e7fd124]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
    z-index: 0;
    background-size: cover;
    background-position: center;
    transition: opacity .5s ease
}

.exploration-stage .stage-header[data-v-5e7fd124] > [data-v-5e7fd124] {
    position: relative;
    z-index: 1
}

.exploration-stage .stage-header .stage-number[data-v-5e7fd124] {
    font-size: 14px;
    color: #00e5ff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.exploration-stage .stage-header .stage-title[data-v-5e7fd124] {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin: 10px 0;
    text-shadow: 0 0 20px rgba(0, 229, 255, .5)
}

.exploration-stage .stage-header .stage-subtitle[data-v-5e7fd124] {
    font-size: 20px;
    color: #ffffffb3;
    margin: 10px 0
}

.exploration-stage[data-theme=earth] .stage-header[data-v-5e7fd124]:before {
    background: radial-gradient(ellipse at 30% 30%, rgba(76, 175, 80, .4), transparent 50%), radial-gradient(circle at 70% 60%, rgba(33, 150, 243, .3), transparent 60%), radial-gradient(ellipse at 50% 80%, rgba(0, 150, 136, .3), transparent 70%)
}

.exploration-stage[data-theme=ocean] .stage-header[data-v-5e7fd124]:before {
    background: radial-gradient(circle at 20% 40%, rgba(33, 150, 243, .5), transparent 50%), radial-gradient(ellipse at 80% 30%, rgba(0, 188, 212, .4), transparent 60%), radial-gradient(circle at 50% 70%, rgba(0, 131, 143, .3), transparent 60%), linear-gradient(180deg, transparent 40%, rgba(0, 96, 150, .2))
}

.exploration-stage[data-theme=space] .stage-header[data-v-5e7fd124]:before {
    background: radial-gradient(ellipse at 25% 25%, rgba(156, 39, 176, .5), transparent 40%), radial-gradient(circle at 75% 60%, rgba(103, 58, 183, .4), transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(74, 20, 140, .3), transparent 60%), repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(156, 39, 176, .05) 10px, rgba(156, 39, 176, .05) 20px)
}

.exploration-stage[data-theme=deepspace] .stage-header[data-v-5e7fd124]:before {
    background: radial-gradient(ellipse at 50% 20%, rgba(255, 152, 0, .4), transparent 50%), radial-gradient(circle at 30% 70%, rgba(244, 67, 54, .3), transparent 60%), radial-gradient(ellipse at 70% 50%, rgba(183, 28, 28, .3), transparent 60%), radial-gradient(circle at 50% 50%, rgba(255, 193, 7, .15), transparent 80%)
}

.exploration-stage .stage-content-wrapper[data-v-5e7fd124] {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 600px;
    position: relative
}

.exploration-stage .spacetime-new-layout[data-v-5e7fd124] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 0 0
}

.exploration-stage .content-section[data-v-5e7fd124] {
    display: flex;
    align-items: center;
    gap: 80px;
    min-height: 400px;
    opacity: 1;
    overflow: visible
}

.exploration-stage .content-section.is-visible[data-v-5e7fd124] {
    opacity: 1
}

@media (max-width: 768px) {
    .exploration-stage .content-section[data-v-5e7fd124] {
        flex-direction: column !important;
        gap: 30px;
        min-height: auto
    }

    .exploration-stage .content-section .image-wrapper[data-v-5e7fd124] {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: 300px;
        padding: 0
    }

    .exploration-stage .content-section .image-wrapper .circular-image-container[data-v-5e7fd124] {
        width: 300px;
        height: 300px
    }

    .exploration-stage .content-section .image-wrapper .circular-image-container .video-wrapper[data-v-5e7fd124] {
        max-width: 100%;
        overflow: visible
    }

    .exploration-stage .content-section .image-wrapper .circular-image-container .video-wrapper .close-video-btn[data-v-5e7fd124] {
        width: 32px;
        height: 32px;
        font-size: 20px;
        top: -10px;
        right: -10px
    }

    .exploration-stage .content-section .text-content[data-v-5e7fd124] {
        order: 2;
        padding: 20px
    }

    .exploration-stage .content-section .text-content .content-title[data-v-5e7fd124] {
        font-size: 28px
    }

    .exploration-stage .content-section .text-content .content-description[data-v-5e7fd124] {
        font-size: 18px
    }

    .exploration-stage .content-section .text-content .content-detail[data-v-5e7fd124] {
        font-size: 14px
    }

    .exploration-stage .content-section .text-content .play-button[data-v-5e7fd124] {
        padding: 10px 25px;
        font-size: 14px
    }
}

.exploration-stage .content-section .image-wrapper[data-v-5e7fd124] {
    flex: 0 0 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: relative;
    overflow: visible
}

.exploration-stage .content-section .image-wrapper .circular-image-container[data-v-5e7fd124] {
    position: relative;
    width: 500px;
    height: 500px;
    overflow: visible;
    opacity: 0;
    transform-origin: center;
    cursor: pointer;
    transition: all .6s ease;
    transform: translateZ(0);
    will-change: transform, opacity;
    contain: layout style
}

.exploration-stage .content-section .image-wrapper .circular-image-container[data-v-5e7fd124]:before {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    background: radial-gradient(circle, rgba(0, 229, 255, 0) 0%, transparent 60%);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity .6s ease;
    pointer-events: none
}

.exploration-stage .content-section .image-wrapper .circular-image-container:hover .circular-image[data-v-5e7fd124] {
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, .6)) drop-shadow(0 0 15px rgba(0, 229, 255, .4)) drop-shadow(0 0 25px rgba(0, 255, 209, .3));
    transform: scale(1.01)
}

.exploration-stage .content-section .image-wrapper .circular-image-container:hover .circular-image.time-spiral-img[data-v-5e7fd124] {
    filter: drop-shadow(0 0 5px rgba(0, 229, 255, .4)) drop-shadow(0 0 10px rgba(0, 229, 255, .25))
}

.exploration-stage .content-section .image-wrapper .circular-image-container[data-v-5e7fd124]:hover:before {
    background: radial-gradient(circle, rgba(0, 229, 255, .2) 0%, rgba(0, 229, 255, .1) 40%, transparent 70%);
    opacity: 1;
    transition: opacity .6s ease;
    animation: image-glow-pulse-5e7fd124 3s ease-in-out infinite
}

.exploration-stage .content-section .image-wrapper .circular-image-container .circular-image[data-v-5e7fd124] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transition: opacity .3s ease, visibility .3s ease, filter .6s ease, transform .6s ease;
    position: relative;
    z-index: 1;
    opacity: 1;
    visibility: visible
}

.exploration-stage .content-section .image-wrapper .circular-image-container .circular-image[data-v-5e7fd124]:not(.is-visible) {
    opacity: 0;
    visibility: hidden
}

.exploration-stage .content-section .image-wrapper .circular-image-container .circular-image.time-spiral-img[data-v-5e7fd124],
.exploration-stage .content-section .image-wrapper .circular-image-container .circular-image.earth-system-img[data-v-5e7fd124] {
    clip-path: none
}

.exploration-stage .content-section .image-wrapper .circular-image-container .circular-image-container.video-playing .circular-image[data-v-5e7fd124] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none
}

.exploration-stage .content-section .image-wrapper .circular-image-container .video-wrapper[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    width: 100%;
    max-width: 500px;
    aspect-ratio: 16 / 9;
    opacity: 0;
    visibility: hidden;
    z-index: 50;
    transition: opacity .3s ease, visibility .3s ease;
    pointer-events: none;
    will-change: opacity, transform;
    overflow: visible;
    contain: layout style
}

.exploration-stage .content-section .image-wrapper .circular-image-container .video-wrapper.is-playing[data-v-5e7fd124] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.exploration-stage .content-section .image-wrapper .circular-image-container .inline-video[data-v-5e7fd124] {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    display: block
}

.exploration-stage .content-section .image-wrapper .circular-image-container .close-video-btn[data-v-5e7fd124] {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, .9);
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 12px #0009, 0 0 0 2px #0000004d
}

.exploration-stage .content-section .image-wrapper .circular-image-container .close-video-btn[data-v-5e7fd124]:hover {
    background: rgba(255, 0, 0, .95);
    border-color: #fff;
    transform: scale(1.15) rotate(90deg);
    box-shadow: 0 4px 20px #ff0000b3, 0 0 0 3px #f003
}

.exploration-stage .content-section .image-wrapper .circular-image-container .close-video-btn[data-v-5e7fd124]:active {
    transform: scale(.9) rotate(90deg)
}

.exploration-stage .content-section .text-content[data-v-5e7fd124] {
    flex: 1;
    padding: 40px;
    background: transparent;
    border-radius: 20px;
    border: none;
    backdrop-filter: none;
    opacity: 1
}

.exploration-stage .content-section .text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    opacity: 0
}

.exploration-stage .content-section .text-content .content-title[data-v-5e7fd124] {
    font-size: 36px;
    font-weight: 700;
    color: #00e5ff;
    margin: 0 0 15px;
    text-shadow: 0 0 20px rgba(0, 229, 255, .5)
}

.exploration-stage .content-section .text-content .content-description[data-v-5e7fd124] {
    font-size: 20px;
    color: #ffffffe6;
    margin: 0 0 20px;
    font-weight: 300
}

.exploration-stage .content-section .text-content .content-detail[data-v-5e7fd124] {
    font-size: 16px;
    color: #ffffffb3;
    line-height: 1.8;
    margin: 0 0 30px
}

.exploration-stage .content-section .text-content .button-group[data-v-5e7fd124] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

.exploration-stage .content-section .text-content .play-button[data-v-5e7fd124] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    background: linear-gradient(135deg, #00E5FF, #00FFD1);
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #00e5ff4d
}

.exploration-stage .content-section .text-content .play-button[data-v-5e7fd124]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #00e5ff80
}

.exploration-stage .content-section .text-content .play-button .play-icon[data-v-5e7fd124] {
    font-size: 14px
}

.exploration-stage .content-section .text-content .vr-button[data-v-5e7fd124] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    background: linear-gradient(135deg, rgba(123, 31, 162, .8), rgba(156, 39, 176, .8));
    border: 1px solid rgba(123, 31, 162, .5);
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 4px 15px #7b1fa24d
}

.exploration-stage .content-section .text-content .vr-button[data-v-5e7fd124]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #7b1fa280;
    background: linear-gradient(135deg, #7b1fa2, #9c27b0)
}

.exploration-stage .content-section .text-content .vr-button .vr-icon[data-v-5e7fd124] {
    font-size: 16px
}

.exploration-stage .time-spiral-section[data-v-5e7fd124] {
    flex-direction: row
}

.exploration-stage .time-spiral-section.is-visible .time-image-wrapper .circular-image-container[data-v-5e7fd124] {
    animation: time-spiral-container-enter-5e7fd124 1.3s cubic-bezier(.25, .46, .45, .94) forwards !important
}

.exploration-stage .time-spiral-section.is-visible .time-image-wrapper .circular-image-container[data-v-5e7fd124]:hover:before {
    background: radial-gradient(circle, rgba(0, 229, 255, .08) 0%, rgba(0, 229, 255, .04) 40%, transparent 70%) !important
}

.exploration-stage .time-spiral-section.is-visible .time-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) .5s forwards !important;
    opacity: 0
}

.exploration-stage .earth-system-section[data-v-5e7fd124] {
    flex-direction: row
}

.exploration-stage .earth-system-section.is-visible .earth-image-wrapper .circular-image-container[data-v-5e7fd124] {
    animation: earth-system-bounce-enter-5e7fd124 1.2s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards !important
}

.exploration-stage .earth-system-section.is-visible .earth-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) 1.2s forwards !important;
    opacity: 0
}

.exploration-stage .ocean-stage-layout[data-v-5e7fd124] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 0 0
}

.exploration-stage .ocean-item-section[data-v-5e7fd124] {
    flex-direction: row
}

.exploration-stage .ocean-item-section.is-visible .ocean-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: ocean-container-enter-5e7fd124 1.5s ease-out forwards !important
}

.exploration-stage .ocean-item-section.is-visible .ocean-image-wrapper:nth-child(2) .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: xingkang-container-enter-5e7fd124 1.5s ease-out forwards !important
}

.exploration-stage .ocean-item-section.is-visible .ocean-image-wrapper:nth-child(3) .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: shengbo-container-enter-5e7fd124 1.5s ease-out forwards !important
}

.exploration-stage .ocean-item-section.is-visible .ocean-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) .5s forwards !important;
    opacity: 0
}

.exploration-stage .space-stage-layout[data-v-5e7fd124] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 0 0
}

.exploration-stage .space-item-section[data-v-5e7fd124] {
    flex-direction: row
}

.exploration-stage .space-item-section.is-visible:nth-child(1) .space-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: changzheng-pulse-enter-5e7fd124 1.5s ease-out forwards !important
}

.exploration-stage .space-item-section.is-visible:nth-child(2) .space-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: xuanzhi-container-enter-5e7fd124 1.3s cubic-bezier(.25, .46, .45, .94) forwards !important
}

.exploration-stage .space-item-section.is-visible:nth-child(3) .space-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: yueqiuche-rubber-band-5e7fd124 1.5s cubic-bezier(.34, 1.56, .64, 1) forwards !important
}

.exploration-stage .space-item-section.is-visible .space-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) .5s forwards !important;
    opacity: 0
}

.exploration-stage .deepspace-stage-layout[data-v-5e7fd124] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 0 0
}

.exploration-stage .deepspace-item-section[data-v-5e7fd124] {
    flex-direction: row
}

.exploration-stage .deepspace-item-section[data-v-5e7fd124]:nth-child(2), .exploration-stage .deepspace-item-section[data-v-5e7fd124]:nth-child(4) {
    flex-direction: row-reverse
}

.exploration-stage .deepspace-item-section.is-visible:nth-child(1) .deepspace-image-wrapper .circular-image-container[data-v-5e7fd124], .exploration-stage .deepspace-item-section.is-visible:nth-child(4) .deepspace-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: deepspace-left-rotate-enter-5e7fd124 1.3s cubic-bezier(.25, .46, .45, .94) forwards !important
}

.exploration-stage .deepspace-item-section.is-visible:nth-child(1) .deepspace-text-content[data-v-5e7fd124] > [data-v-5e7fd124], .exploration-stage .deepspace-item-section.is-visible:nth-child(4) .deepspace-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) .5s forwards !important;
    opacity: 0
}

.exploration-stage .deepspace-item-section.is-visible:nth-child(2) .deepspace-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: chuchen-zoom-enter-5e7fd124 1.5s ease-out forwards !important
}

.exploration-stage .deepspace-item-section.is-visible:nth-child(2) .deepspace-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) .5s forwards !important;
    opacity: 0
}

.exploration-stage .deepspace-item-section.is-visible:nth-child(3) .deepspace-image-wrapper .circular-image-container[data-v-5e7fd124] {
    transform: translateZ(0);
    animation: zhurong-flip-enter-5e7fd124 1.5s ease-out forwards !important
}

.exploration-stage .deepspace-item-section.is-visible:nth-child(3) .deepspace-text-content[data-v-5e7fd124] > [data-v-5e7fd124] {
    animation: text-slide-up-5e7fd124 2s cubic-bezier(.25, .46, .45, .94) .5s forwards !important;
    opacity: 0
}

@keyframes time-spiral-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate(-150%) rotate(-180deg) scale(.5)
    }

    60% {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }
}

@keyframes earth-system-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate(150%) rotate(180deg) scale(.5)
    }

    60% {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }
}

@keyframes earth-system-bounce-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate(150%) scale(.3)
    }

    50% {
        opacity: 1;
        transform: translate(-15%) scale(1.1)
    }

    70% {
        transform: translate(5%) scale(.95)
    }

    85% {
        transform: translate(-2%) scale(1.02)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes ocean-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes xingkang-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes shengbo-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes changzheng-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes changzheng-pulse-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        transform: scale(1.15)
    }

    65% {
        transform: scale(.95)
    }

    80% {
        transform: scale(1.05)
    }

    90% {
        transform: scale(.98)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes xuanzhi-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate(150%) rotate(180deg) scale(.5)
    }

    60% {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }
}

@keyframes yueqiuche-container-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes yueqiuche-rubber-band-5e7fd124 {
    0% {
        opacity: 0;
        transform: translateY(-100%) scaleY(.3)
    }

    50% {
        opacity: .8;
        transform: translateY(-20%) scaleY(.7)
    }

    65% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }

    72% {
        transform: translateY(8%) scaleY(.95)
    }

    78% {
        transform: translateY(-4%) scaleY(1.02)
    }

    84% {
        transform: translateY(2%) scaleY(.99)
    }

    90% {
        transform: translateY(-1%) scaleY(1.01)
    }

    96% {
        transform: translateY(.5%) scaleY(1)
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

@keyframes deepspace-left-rotate-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate(-150%) rotate(-180deg) scale(.5)
    }

    60% {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0) scale(1)
    }
}

@keyframes deepspace-left-to-right-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes chuchen-zoom-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) scale(.3)
    }

    40% {
        opacity: .7;
        transform: translate3d(20%, 0, 0) scale(.6)
    }

    60% {
        opacity: .9;
        transform: translate3d(-5%, 0, 0) scale(1.2)
    }

    80% {
        opacity: 1;
        transform: translate3d(2%, 0, 0) scale(.95)
    }

    to {
        opacity: 1;
        transform: translateZ(0) scale(1)
    }
}

@keyframes zhurong-flip-enter-5e7fd124 {
    0% {
        opacity: 0;
        transform: perspective(1000px) translate3d(-100%, 0, 0) rotateY(-180deg) scale(.5)
    }

    30% {
        opacity: .6;
        transform: perspective(1000px) translate3d(30%, 0, 0) rotateY(-120deg) scale(.7)
    }

    50% {
        opacity: .9;
        transform: perspective(1000px) translate3d(5%, 0, 0) rotateY(-45deg) scale(.9)
    }

    70% {
        opacity: 1;
        transform: perspective(1000px) translate3d(-3%, 0, 0) rotateY(15deg) scale(1.05)
    }

    85% {
        transform: perspective(1000px) translate3d(1%, 0, 0) rotateY(-5deg) scale(.98)
    }

    to {
        opacity: 1;
        transform: perspective(1000px) translateZ(0) rotateY(0) scale(1)
    }
}

@keyframes image-fade-in-5e7fd124 {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes text-slide-up-5e7fd124 {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes container-fade-in-5e7fd124 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes title-pulse-5e7fd124 {
    0%, to {
        filter: drop-shadow(0 0 20px rgba(0, 229, 255, .8))
    }

    50% {
        filter: drop-shadow(0 0 40px #00e5ff) drop-shadow(0 0 60px rgba(0, 255, 209, .6))
    }
}

@keyframes twinkle-5e7fd124 {
    0%, to {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

@keyframes stars-move-5e7fd124 {
    0% {
        background-position: 0% 0%
    }

    to {
        background-position: 100% 100%
    }
}

@keyframes nebula-flow-5e7fd124 {
    0%, to {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: .8;
        transform: scale(1.1)
    }
}

@keyframes grid-move-5e7fd124 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

@keyframes flow-down-5e7fd124 {
    0% {
        transform: translateY(-20px) translateZ(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(calc(100vh + 20px)) translateZ(0);
        opacity: 0
    }
}

@keyframes image-glow-pulse-5e7fd124 {
    0%, to {
        opacity: .6;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }
}

.exploration-stage .spacetime-orbit-layout .orbit-container[data-v-5e7fd124] {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    min-height: 600px
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-background[data-v-5e7fd124] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-background .cosmic-grid[data-v-5e7fd124] {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 229, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 229, 255, .03) 1px, transparent 1px);
    background-size: 40px 40px;
    animation: grid-drift 30s linear infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-background .energy-field[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at 20% 50%, rgba(0, 229, 255, .05), transparent 60%), radial-gradient(ellipse at 80% 50%, rgba(123, 31, 162, .05), transparent 60%);
    animation: field-pulse 8s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track[data-v-5e7fd124] {
    position: relative;
    width: 100%;
    height: 120px;
    margin: 40px 0
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track .track-line[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 3px;
    overflow: hidden;
    transition: all .3s ease
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track .track-line .track-glow[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 229, 255, .3) 50%, transparent 100%);
    background-size: 200% 100%;
    animation: orbit-flow 8s linear infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track .track-line .flow-particles[data-v-5e7fd124] {
    position: absolute;
    width: 100%;
    height: 100%
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track .track-line .flow-particles .flow-particle[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #00FFD1;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 12px #00ffd1;
    animation: particle-flow 8s linear infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.time-orbit .track-line[data-v-5e7fd124] {
    background: rgba(0, 229, 255, .2);
    border: 1px solid rgba(0, 229, 255, .4);
    animation: orbit-breathe 4s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.time-orbit .track-line .track-glow[data-v-5e7fd124] {
    animation-direction: normal
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.earth-orbit .track-line[data-v-5e7fd124] {
    background: rgba(76, 175, 80, .2);
    border: 1px solid rgba(76, 175, 80, .4);
    animation: orbit-breathe 4s ease-in-out infinite 2s
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.earth-orbit .track-line .track-glow[data-v-5e7fd124] {
    background: linear-gradient(90deg, transparent 0%, rgba(76, 175, 80, .3) 50%, transparent 100%);
    animation-direction: reverse
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.earth-orbit .track-line .flow-particle[data-v-5e7fd124] {
    background: #4CAF50;
    box-shadow: 0 0 12px #4caf50
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.paused .track-glow[data-v-5e7fd124], .exploration-stage .spacetime-orbit-layout .orbit-container .orbit-track.paused .flow-particle[data-v-5e7fd124] {
    animation-play-state: paused
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    cursor: pointer;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
    z-index: 2
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content.time-content[data-v-5e7fd124] {
    left: 10%;
    transform: translateY(-50%);
    animation: content-drift-right 12s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content.earth-content[data-v-5e7fd124] {
    right: 10%;
    transform: translateY(-50%);
    animation: content-drift-left 12s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content[data-v-5e7fd124]:hover, .exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content.hovered[data-v-5e7fd124] {
    transform: translateY(-50%) scale(1.15);
    z-index: 10
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content:hover .content-card[data-v-5e7fd124], .exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content.hovered .content-card[data-v-5e7fd124] {
    box-shadow: 0 20px 60px #00e5ff66
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content.viewed .content-card[data-v-5e7fd124] {
    border-color: gold
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content.viewed .content-card .content-title[data-v-5e7fd124] {
    color: gold
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card[data-v-5e7fd124] {
    background: rgba(10, 14, 23, .95);
    border: 2px solid rgba(0, 229, 255, .4);
    border-radius: 20px;
    padding: 25px;
    width: 300px;
    backdrop-filter: blur(20px);
    transition: all .3s ease
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-header[data-v-5e7fd124] {
    text-align: center;
    margin-bottom: 20px
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-header .orbit-label[data-v-5e7fd124] {
    font-size: 12px;
    color: #00ffd1;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
    font-family: Orbitron, monospace
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-header .content-title[data-v-5e7fd124] {
    font-size: 24px;
    font-weight: 700;
    color: #00e5ff;
    margin: 0 0 8px;
    text-shadow: 0 0 15px #00E5FF
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-header .content-subtitle[data-v-5e7fd124] {
    font-size: 14px;
    color: #fffc;
    margin: 0
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image[data-v-5e7fd124] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(0, 229, 255, .3)
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .orbit-image[data-v-5e7fd124] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .play-indicator[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: rgba(0, 229, 255, .9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a0e17;
    font-size: 16px;
    opacity: 0;
    transition: all .3s ease
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image:hover .play-indicator[data-v-5e7fd124] {
    opacity: 1
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .time-ripples[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .time-ripples[data-v-5e7fd124]:before, .exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .time-ripples[data-v-5e7fd124]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid rgba(0, 229, 255, .3);
    border-radius: 50%;
    animation: ripple-expand 3s ease-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .time-ripples[data-v-5e7fd124]:before {
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%)
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .time-ripples[data-v-5e7fd124]:after {
    width: 140%;
    height: 140%;
    transform: translate(-50%, -50%);
    animation-delay: 1s
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .earth-layers-ring[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130%;
    height: 130%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(76, 175, 80, .3);
    border-radius: 50%;
    animation: ring-rotate 20s linear infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .earth-layers-ring[data-v-5e7fd124]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(76, 175, 80, .2);
    border-radius: 50%;
    animation: ring-rotate 15s linear infinite reverse
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details[data-v-5e7fd124] {
    background: rgba(0, 0, 0, .3);
    border-radius: 12px;
    padding: 15px;
    margin-top: 15px;
    border-left: 3px solid #00E5FF;
    animation: details-appear .3s ease
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details .detail-item[data-v-5e7fd124] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details .detail-item[data-v-5e7fd124]:last-child {
    margin-bottom: 0
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details .detail-item .detail-label[data-v-5e7fd124] {
    font-size: 13px;
    color: #ffffffb3
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details .detail-item .detail-value[data-v-5e7fd124] {
    font-size: 13px;
    font-weight: 700;
    color: #00ffd1;
    font-family: Orbitron, monospace
}

.exploration-stage .spacetime-orbit-layout .orbit-container .orbit-content .orbit-completion[data-v-5e7fd124] {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 32px;
    height: 32px;
    background: #FFD700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a0e17;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 0 20px gold
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    transform: translateY(-50%);
    z-index: 1
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points .intersection-point[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translateY(-50%)
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points .intersection-point.left-intersection[data-v-5e7fd124] {
    left: 25%
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points .intersection-point.right-intersection[data-v-5e7fd124] {
    right: 25%
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points .intersection-point .pulse-ring[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border: 2px solid #00FFD1;
    border-radius: 50%;
    animation: pulse-expand 3s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points .intersection-point .intersection-core[data-v-5e7fd124] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    background: #00FFD1;
    border-radius: 50%;
    box-shadow: 0 0 20px #00ffd1;
    animation: core-pulse 2s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .intersection-points .intersection-point .intersection-label[data-v-5e7fd124] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    font-size: 12px;
    color: #00ffd1;
    text-align: center;
    margin-top: 10px;
    font-family: Orbitron, monospace;
    white-space: nowrap
}

.exploration-stage .spacetime-orbit-layout .orbit-container .energy-streams[data-v-5e7fd124] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0
}

.exploration-stage .spacetime-orbit-layout .orbit-container .energy-streams .energy-stream[data-v-5e7fd124] {
    position: absolute;
    width: 2px;
    height: 200px;
    background: linear-gradient(180deg, transparent, rgba(0, 229, 255, .3), transparent)
}

.exploration-stage .spacetime-orbit-layout .orbit-container .energy-streams .energy-stream.stream-1[data-v-5e7fd124] {
    top: 20%;
    left: 30%;
    animation: stream-flow 6s ease-in-out infinite
}

.exploration-stage .spacetime-orbit-layout .orbit-container .energy-streams .energy-stream.stream-2[data-v-5e7fd124] {
    top: 60%;
    right: 30%;
    animation: stream-flow 6s ease-in-out infinite 3s
}

.quick-navigation[data-v-5e7fd124] {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 98;
    background: rgba(10, 14, 23, .9);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 229, 255, .2);
    border-radius: 12px;
    padding: 15px 12px;
    box-shadow: 0 10px 30px #00000080;
    min-width: 140px;
    max-width: 200px
}

.quick-navigation .quick-nav-title[data-v-5e7fd124] {
    font-size: 12px;
    color: #00e5ff;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: Orbitron, monospace
}

.quick-navigation .quick-nav-items[data-v-5e7fd124] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.quick-navigation .quick-nav-item[data-v-5e7fd124] {
    width: 100%;
    height: auto;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 229, 255, .1);
    border: 1px solid rgba(0, 229, 255, .3);
    border-radius: 16px;
    font-size: 12px;
    color: #ffffffb3;
    cursor: pointer;
    transition: all .3s ease;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    word-break: keep-all
}

.quick-navigation .quick-nav-item[data-v-5e7fd124]:hover {
    background: rgba(0, 229, 255, .3);
    transform: scale(1.05);
    box-shadow: 0 0 10px #00e5ff80
}

.quick-navigation .quick-nav-item.active[data-v-5e7fd124] {
    background: #00E5FF;
    color: #0a0e17;
    box-shadow: 0 0 15px #00e5ff;
    border-color: #00e5ff
}

.quick-navigation .quick-nav-item.viewed[data-v-5e7fd124] {
    border-color: gold;
    color: gold
}

.quick-navigation .quick-nav-item.viewed.active[data-v-5e7fd124] {
    background: #FFD700;
    color: #0a0e17;
    box-shadow: 0 0 15px gold
}

.video-detail-panel[data-v-5e7fd124] {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    height: 100vh;
    background: rgba(10, 14, 23, .98);
    backdrop-filter: blur(30px);
    border-left: 2px solid #00E5FF;
    z-index: 1000;
    transition: right .4s cubic-bezier(.68, -.55, .265, 1.55);
    overflow-y: auto;
    box-shadow: -10px 0 10px #000c
}

.video-detail-panel.show[data-v-5e7fd124] {
    right: 0
}

.video-detail-panel .panel-content[data-v-5e7fd124] {
    padding: 30px;
    position: relative
}

.video-detail-panel .close-panel[data-v-5e7fd124] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001
}

.video-detail-panel .close-panel[data-v-5e7fd124]:hover {
    background: rgba(255, 0, 0, .5);
    transform: rotate(90deg)
}

.video-detail-panel .panel-header[data-v-5e7fd124] {
    margin-bottom: 20px
}

.video-detail-panel .panel-header h2[data-v-5e7fd124] {
    font-size: 28px;
    color: #00e5ff;
    margin: 0 0 10px;
    text-shadow: 0 0 15px #00E5FF
}

.video-detail-panel .panel-header .panel-subtitle[data-v-5e7fd124] {
    font-size: 15px;
    color: #fffc;
    line-height: 1.6
}

.video-detail-panel .panel-video[data-v-5e7fd124] {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px #00e5ff4d;
    border: 2px solid #00E5FF;
    transform: translateZ(0);
    will-change: transform;
    contain: layout style paint
}

.video-detail-panel .panel-video video[data-v-5e7fd124] {
    width: 100%;
    display: block;
    transform: translateZ(0);
    will-change: transform
}

.video-detail-panel .panel-info .info-section[data-v-5e7fd124] {
    margin-bottom: 20px
}

.video-detail-panel .panel-info .info-section h3[data-v-5e7fd124] {
    font-size: 16px;
    color: #00e5ff;
    margin: 0 0 10px
}

.video-detail-panel .panel-info .info-section .keywords[data-v-5e7fd124] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.video-detail-panel .panel-info .info-section .keywords .keyword-tag[data-v-5e7fd124] {
    padding: 6px 14px;
    background: rgba(0, 229, 255, .2);
    border: 1px solid #00E5FF;
    border-radius: 16px;
    font-size: 13px;
    color: #00e5ff
}

.video-detail-panel .panel-content-text[data-v-5e7fd124] {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, .3);
    border-radius: 12px;
    border-left: 3px solid #00E5FF;
    backdrop-filter: blur(10px)
}

.video-detail-panel .panel-content-text .content-text-wrapper .content-text[data-v-5e7fd124] {
    font-size: 14px;
    color: #ffffffd9;
    line-height: 1.8;
    margin: 0 0 16px;
    word-wrap: break-word;
    text-align: justify
}

.video-detail-panel .panel-content-text .content-text-wrapper .content-text[data-v-5e7fd124]:last-child {
    margin-bottom: 0
}

.video-detail-panel .panel-navigation[data-v-5e7fd124] {
    display: flex;
    gap: 10px;
    margin-top: 30px
}

.video-detail-panel .panel-navigation .nav-btn[data-v-5e7fd124] {
    flex: 1;
    padding: 12px;
    background: rgba(0, 229, 255, .2);
    border: 1px solid #00E5FF;
    border-radius: 8px;
    color: #00e5ff;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s ease
}

.video-detail-panel .panel-navigation .nav-btn[data-v-5e7fd124]:hover:not(:disabled) {
    background: rgba(0, 229, 255, .4);
    transform: translateY(-2px)
}

.video-detail-panel .panel-navigation .nav-btn[data-v-5e7fd124]:disabled {
    opacity: .3;
    cursor: not-allowed
}

@media (max-width: 1200px) {
    .nodes-grid[data-v-5e7fd124] {
        grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 20px
    }
}

@media (max-width: 768px) {
    .zxsp-header[data-v-5e7fd124] {
        height: 300px
    }

    .zxsp-header .header-content .main-title[data-v-5e7fd124] {
        font-size: 32px;
        letter-spacing: 3px
    }

    .zxsp-header .header-content .subtitle[data-v-5e7fd124] {
        font-size: 14px;
        letter-spacing: 2px
    }

    .stage-navigation[data-v-5e7fd124] {
        padding: .4rem 0
    }

    .stage-navigation .nav-container[data-v-5e7fd124] {
        flex-wrap: wrap;
        gap: .3rem .3rem;
        justify-content: flex-end;
        padding-left: 3rem;
        padding-right: .4rem;
        align-items: center
    }

    .stage-navigation .stage-nav-item[data-v-5e7fd124] {
        flex: 0 0 calc(50% - .3125rem);
        max-width: calc(50% - .3125rem);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: .1rem
    }

    .stage-navigation .stage-nav-item .nav-label[data-v-5e7fd124] {
        font-size: .32rem;
        white-space: nowrap
    }

    .stage-navigation .stage-nav-item .nav-dot[data-v-5e7fd124] {
        width: .25rem;
        height: .25rem;
        flex-shrink: 0
    }

    .main-container[data-v-5e7fd124] {
        padding: 80px 15px 60px
    }

    .exploration-stage[data-v-5e7fd124] {
        margin-bottom: 60px
    }

    .exploration-stage .stage-header[data-v-5e7fd124] {
        padding: 30px 15px
    }

    .exploration-stage .stage-header .stage-title[data-v-5e7fd124] {
        font-size: 32px
    }

    .exploration-stage .stage-header .stage-subtitle[data-v-5e7fd124] {
        font-size: 16px
    }

    .exploration-stage .nodes-grid[data-v-5e7fd124] {
        grid-template-columns: 1fr !important
    }

    .quick-navigation[data-v-5e7fd124] {
        display: none
    }

    .video-detail-panel[data-v-5e7fd124] {
        width: 100%;
        right: -100%
    }

    .video-detail-panel.show[data-v-5e7fd124] {
        right: 0
    }

    .video-detail-panel .panel-content[data-v-5e7fd124] {
        padding: 20px
    }

    .spacetime-orbit-layout .orbit-container[data-v-5e7fd124] {
        padding: 40px 15px;
        min-height: 800px
    }

    .spacetime-orbit-layout .orbit-container .orbit-track[data-v-5e7fd124] {
        height: 100px;
        margin: 30px 0
    }

    .spacetime-orbit-layout .orbit-container .orbit-track .track-line[data-v-5e7fd124] {
        height: 4px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content[data-v-5e7fd124] {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        animation: none !important;
        margin: 20px auto;
        display: flex;
        justify-content: center
    }

    .spacetime-orbit-layout .orbit-container .orbit-content[data-v-5e7fd124]:hover, .spacetime-orbit-layout .orbit-container .orbit-content.hovered[data-v-5e7fd124] {
        transform: scale(1.05) !important
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card[data-v-5e7fd124] {
        width: 280px;
        padding: 20px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-header .content-title[data-v-5e7fd124] {
        font-size: 20px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-header .content-subtitle[data-v-5e7fd124] {
        font-size: 13px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image[data-v-5e7fd124] {
        width: 100px;
        height: 100px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-image .play-indicator[data-v-5e7fd124] {
        width: 35px;
        height: 35px;
        font-size: 14px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details[data-v-5e7fd124] {
        padding: 12px
    }

    .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details .detail-item .detail-label[data-v-5e7fd124], .spacetime-orbit-layout .orbit-container .orbit-content .content-card .card-details .detail-item .detail-value[data-v-5e7fd124] {
        font-size: 12px
    }

    .spacetime-orbit-layout .orbit-container .intersection-points[data-v-5e7fd124], .spacetime-orbit-layout .orbit-container .energy-streams[data-v-5e7fd124] {
        display: none
    }

    .spacetime-orbit-layout .orbit-container .orbit-track.time-orbit .track-line[data-v-5e7fd124] {
        background: rgba(0, 229, 255, .3)
    }

    .spacetime-orbit-layout .orbit-container .orbit-track.earth-orbit .track-line[data-v-5e7fd124] {
        background: rgba(76, 175, 80, .3)
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .spacetime-new-layout[data-v-5e7fd124] {
        gap: 60px;
        padding: 40px 0
    }

    .spacetime-new-layout .content-section[data-v-5e7fd124] {
        flex-direction: column !important;
        gap: 40px;
        min-height: auto
    }

    .spacetime-new-layout .content-section .image-wrapper[data-v-5e7fd124] {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: 300px
    }

    .spacetime-new-layout .content-section .image-wrapper .circular-image-container[data-v-5e7fd124] {
        width: 300px;
        height: 300px
    }

    .spacetime-new-layout .content-section .image-wrapper .circular-image-container .inline-video[data-v-5e7fd124] {
        max-width: 100%;
        width: 100%
    }

    .spacetime-new-layout .content-section .text-content[data-v-5e7fd124] {
        order: 2;
        padding: 30px 20px
    }

    .spacetime-new-layout .content-section .text-content .content-title[data-v-5e7fd124] {
        font-size: 28px
    }

    .spacetime-new-layout .content-section .text-content .content-description[data-v-5e7fd124] {
        font-size: 18px
    }

    .spacetime-new-layout .content-section .text-content .content-detail[data-v-5e7fd124] {
        font-size: 14px
    }

    .spacetime-new-layout .content-section .text-content .button-group[data-v-5e7fd124] {
        flex-direction: column;
        gap: 12px;
        width: 100%
    }

    .spacetime-new-layout .content-section .text-content .button-group .play-button[data-v-5e7fd124], .spacetime-new-layout .content-section .text-content .button-group .vr-button[data-v-5e7fd124] {
        width: 100%;
        padding: 10px 25px;
        font-size: 14px;
        justify-content: center
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .ocean-stage-layout[data-v-5e7fd124] {
        gap: 60px;
        padding: 40px 0
    }

    .ocean-stage-layout .ocean-item-section[data-v-5e7fd124] {
        flex-direction: column !important;
        gap: 40px;
        min-height: auto
    }

    .ocean-stage-layout .ocean-item-section .ocean-image-wrapper[data-v-5e7fd124] {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: 300px
    }

    .ocean-stage-layout .ocean-item-section .ocean-image-wrapper .circular-image-container[data-v-5e7fd124] {
        width: 300px;
        height: 300px
    }

    .ocean-stage-layout .ocean-item-section .ocean-image-wrapper .circular-image-container .inline-video[data-v-5e7fd124] {
        max-width: 100%;
        width: 100%
    }

    .ocean-stage-layout .ocean-item-section .ocean-text-content[data-v-5e7fd124] {
        order: 2;
        padding: 30px 20px
    }

    .ocean-stage-layout .ocean-item-section .ocean-text-content .content-title[data-v-5e7fd124] {
        font-size: 28px
    }

    .ocean-stage-layout .ocean-item-section .ocean-text-content .content-description[data-v-5e7fd124] {
        font-size: 18px
    }

    .ocean-stage-layout .ocean-item-section .ocean-text-content .content-detail[data-v-5e7fd124] {
        font-size: 14px
    }

    .ocean-stage-layout .ocean-item-section .ocean-text-content .button-group[data-v-5e7fd124] {
        flex-direction: column;
        gap: 12px;
        width: 100%
    }

    .ocean-stage-layout .ocean-item-section .ocean-text-content .button-group .play-button[data-v-5e7fd124], .ocean-stage-layout .ocean-item-section .ocean-text-content .button-group .vr-button[data-v-5e7fd124] {
        width: 100%;
        padding: 10px 25px;
        font-size: 14px;
        justify-content: center
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .space-stage-layout[data-v-5e7fd124] {
        gap: 60px;
        padding: 40px 0
    }

    .space-stage-layout .space-item-section[data-v-5e7fd124] {
        flex-direction: column !important;
        gap: 40px;
        min-height: auto
    }

    .space-stage-layout .space-item-section .space-image-wrapper[data-v-5e7fd124] {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: 300px
    }

    .space-stage-layout .space-item-section .space-image-wrapper .circular-image-container[data-v-5e7fd124] {
        width: 300px;
        height: 300px
    }

    .space-stage-layout .space-item-section .space-text-content[data-v-5e7fd124] {
        order: 2;
        padding: 30px 20px
    }

    .space-stage-layout .space-item-section .space-text-content .content-title[data-v-5e7fd124] {
        font-size: 28px
    }

    .space-stage-layout .space-item-section .space-text-content .content-description[data-v-5e7fd124] {
        font-size: 18px
    }

    .space-stage-layout .space-item-section .space-text-content .content-detail[data-v-5e7fd124] {
        font-size: 14px
    }

    .space-stage-layout .space-item-section .space-text-content .button-group[data-v-5e7fd124] {
        flex-direction: column;
        gap: 12px;
        width: 100%
    }

    .space-stage-layout .space-item-section .space-text-content .button-group .play-button[data-v-5e7fd124], .space-stage-layout .space-item-section .space-text-content .button-group .vr-button[data-v-5e7fd124] {
        width: 100%;
        padding: 10px 25px;
        font-size: 14px;
        justify-content: center
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .deepspace-stage-layout[data-v-5e7fd124] {
        gap: 60px;
        padding: 40px 0
    }

    .deepspace-stage-layout .deepspace-item-section[data-v-5e7fd124] {
        flex-direction: column !important;
        gap: 40px;
        min-height: auto
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-image-wrapper[data-v-5e7fd124] {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: 300px
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-image-wrapper .circular-image-container[data-v-5e7fd124] {
        width: 300px;
        height: 300px
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-image-wrapper .circular-image-container .inline-video[data-v-5e7fd124] {
        max-width: 100%;
        width: 100%
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content[data-v-5e7fd124] {
        order: 2;
        padding: 30px 20px
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content .content-title[data-v-5e7fd124] {
        font-size: 28px
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content .content-description[data-v-5e7fd124] {
        font-size: 18px
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content .content-detail[data-v-5e7fd124] {
        font-size: 14px
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content .button-group[data-v-5e7fd124] {
        flex-direction: column;
        gap: 12px;
        width: 100%
    }

    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content .button-group .play-button[data-v-5e7fd124],
    .deepspace-stage-layout .deepspace-item-section .deepspace-text-content .button-group .vr-button[data-v-5e7fd124] {
        width: 100%;
        padding: 10px 25px;
        font-size: 14px;
        justify-content: center
    }
}