:root {
        --land: #dde0e6;
        --route: #ff4800;
        --label: #26313c;
        --ocean: #ffffff;
    }
    body .earth {background-image: url(//ueeshop.ly200-cdn.com/u_file/UPBI/UPBI536/2607/02/photo/zdyBG.png);background-size: 100%;overflow: hidden;}
    .global_mode_customize #stage {position: relative;width: 100%;max-width: 1920px;height: 100vw;min-height: 520px;max-height: 1265px;background: transparent;user-select: none;margin: 0 auto;}
    .global_mode_customize svg {display: block;width: 100%;height: 100%;overflow: visible;background: transparent;cursor: grab;touch-action: none;}
    .global_mode_customize .t_title {text-align: center;font-size: 67px;color: #000000;width: 100%;}
    .global_mode_customize svg:active {cursor: grabbing;}
    .global_mode_customize .sphere {fill: var(--ocean);stroke: rgba(221, 224, 230, .95);stroke-width: 1.5;}
    .global_mode_customize .graticule {fill: none;stroke: rgba(221, 224, 230, .15);stroke-width: .72;pointer-events: none;}
    .global_mode_customize .land {fill: var(--land);stroke: rgba(255, 255, 255, .97);stroke-width: .46;vector-effect: non-scaling-stroke;}
    .global_mode_customize .route-base {display: none;}
    .global_mode_customize .stream-piece {display: none;}
    .global_mode_customize .stream-layer {display: none;}
    .global_mode_customize .pin {fill: #ffffff;stroke: var(--route);stroke-width: 2;vector-effect: non-scaling-stroke;}
    .global_mode_customize .pin-center {fill: #ffffff;stroke: var(--route);stroke-width: 2;vector-effect: non-scaling-stroke;}
    .global_mode_customize .sonar-ring {fill: none;stroke: var(--route);stroke-width: 1.8;vector-effect: non-scaling-stroke;transform-box: fill-box;transform-origin: center;animation: sonarPulse 3.2s ease-out infinite;opacity: .85;pointer-events: none;}
    @keyframes sonarPulse {
        0% {
            opacity: .75;
            transform: scale(.55);
        }

        76% {
            opacity: 0;
            transform: scale(3.2);
        }

        100% {
            opacity: 0;
            transform: scale(3.2);
        }
    }
    .global_mode_customize .label {fill: var(--label);font-size: 16px;font-weight: 700;letter-spacing: .16px;paint-order: stroke;stroke: rgba(255, 255, 255, .96);stroke-width: 4.5px;stroke-linejoin: round;pointer-events: none;}
    .global_mode_customize .label.center {fill: var(--label);font-weight: 700;}
@media (max-width: 1000px) {
    .global_mode_customize #stage {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
    }
    .global_mode_customize #stage svg {
        min-width: 360px;
        min-height: 390px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }
    .global_mode_customize .t_title {
        margin-top: 50px;
        font-size: 32px;
    }
    .global_mode_customize #stage {
        min-height: 390px;
    }
    .global_mode_customize .label {
        font-size: 13px;
    }
    .global_mode_customize .route-base {
        display: none;
    }
    .global_mode_customize svg {
        touch-action: auto;
    }   
    .global_mode_customize .pin,
    .global_mode_customize .pin-center {
        r: 2;
    }
    .global_mode_customize .sonar-ring {
        r: 4;
    }
}