.footer-links {
    display: flex;
    position: fixed;
    bottom: .8125em;
    left: 4%;
    right: 0;
    padding: 0; /* 可调整底部和右侧的边距 */
    box-shadow: 0 0 10px rgba(0,0,0,0.2); /* 添加阴影效果 */
    width: fit-content;
    /* max-width: 3000px; 调整链接区域最大宽度 */
    z-index: 999; /* 确保它在页面其他元素之上 */
}          
.footer-links a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    transition: color 0.2s ease-in-out;
}          
.footer-links a:hover {
    color: #007bff; /* 鼠标悬停时的颜色 */
}


@media only screen and (max-width: 768px) {

    .explore-button {
        position: absolute; /* 绝对定位相对 .main 或 body */
        bottom: 6em; /* 高于地球 (5em + 1em 间距) */
        left: 50%; /* 水平居中 */
        transform: translateX(-50%); /* 精确居中 */
        font-size: 18px; /* 放大文字 */
        padding: 15px 30px; /* 放大按钮 */
        width: 80%; /* 占满宽度，便于触摸 */
        max-width: 300px; /* 限制过宽 */
        z-index: 3; /* 确保在地球上方层级 */
      }
    .footer-links {
      display: none;
    }
}




















.globe {
	z-index: 2;
	flex-grow: 0;
	flex-shrink: 0;
	width: 5em;
	height: 5em;
	font-size: 1rem;
	position: relative
}

.globe svg {
	cursor: pointer;
	fill: #fff;
	background-color: #00000080;
	border-radius: 50%;
	transition: background-color .25s;
	position: absolute;
	bottom: 0;
	right: 0
}

.globe svg:hover {
	background-color: #000000bf
}

.globe__pointer {
	z-index: 1;
	opacity: 1;
	transform-origin: bottom;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAMAAAD3EJukAAABF1BMVEUAAADVVSvbSUnfQEDmTU3oRkbqVUDrTk7tW0nwWkvxVUfyUUPyWU3zUUb0WU70VUr2W0n2WE/3VU33Wkr3WFDwVU3wV0nxWkz0WU71WE71WlD1W032WE/3WU33Wk73WU3zWU33Wk73WlD1W071W072XE72XE72W1D2Wk/3W073W0/1Wk71W0/2W0/2W072XE/2W072W072W0/2XFD2W0/2W0/2XFD3W0/3W0/1W1D2W1D2W1D3W1D3W0/3W0/3XFD3W0/3W0/2XE/2XE/2XFD3W0/3XFD3W1D2W1D2W0/2W1D2XFD2XFD2W1D2W0/3W1D3W0/3W1D3XE/3XFD3W0/3W1D3XFD3W0/3XFD0Wk+lPTVsKCNcIh5fIkOJAAAAWHRSTlMABgcICgsMDQ4REhMUFhcYHB0eHyAhIyUuMTM1Ojw+P0JbXWJlb3JzdHl7goSHiYuMj5GTlJWWmJqgqa25u7y9vr/Iy9DS09rg5ebp7O3u8PH2+Pr7/P3+ljzaVAAAAPdJREFUeNptzdVWw1AQheGNO8E9uEtxdymQFikpOd1NeP/noOlJGznzXc3616wZaKMb947nFR42xxAbOC8z8nsxiMicw4SCravtMsWdD+vIJzO+wgdXNFwDUxRMY5eCPTxRq/pB4FepPcOh5v/V+NSK8KgFYQ6oefiQchE30pFbrEkv12GVaXAt4JKGIwDjxvqPhZocM3YQ6nhnylsb6hYrTFA2IodMOEBD62tc8y1omlWMqBkknDJyjKT+kq7ffUjZ1nkLad2l+nIXMvbDnEPWsCLVEAyP5B1Mq+QKTL0V1QNB/gWSsxNIlpcgWbAhmZyApLM9nv8BDpabIaxHBPAAAAAASUVORK5CYII=);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	width: .6875em;
	height: 1.1875em;
	margin-top: -1.1875em;
	margin-left: -.34375em;
	transition: opacity .1s;
	animation: .2s cubic-bezier(0, .7, .73, .87) bubble-up;
	position: absolute;
	top: 50%;
	left: 50%
}

.globe__pointer--hidden {
	opacity: 0;
	animation: none
}

@keyframes bubble-up {
	0% {
		transform: scale(.7)
	}

	to {
		transform: scale(1)
	}
}

.photo-view {
	z-index: -1;
	object-fit: cover;
	opacity: 0;
	will-change: opacity;
	background-color: #000;
	width: 100%;
	height: 100%;
	font-size: 1rem;
	transition: opacity 1s cubic-bezier(.28, .83, .67, 1);
	animation: .5s fadein;
	position: absolute;
	box-shadow: 0 -12px 15px #0000003d, 0 17px 50px #00000030
}

@media screen and (prefers-reduced-motion:reduce) {
	.photo-view {
		transition: none;
		animation: none
	}
}

.photo-view--active {
	opacity: 1
}

.photo-view[src=\#] {
	display: none
}

.photo-view-info {
	color: #fff;
	text-shadow: 0 0 1px #0009, 1px 1px 2px #00000059;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	padding: 0 1.125em 0 .9375em;
	font-size: 1rem;
	display: flex;
	position: absolute;
	bottom: .8125em
}

.attribution {
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-shrink: 1;
	min-width: 6.25em;
	padding: .125em .9375em;
	font-size: .75em;
	font-weight: 300;
	overflow: hidden
}

.attribution:first-letter {
	font-family: Roboto, sans-serif
}

.location {
	text-align: right;
	color: #fff;
	align-items: center;
	padding-left: 2.8125em;
	font-size: 1rem;
	display: flex
}

.location__text {
	white-space: nowrap;
	width: 100%;
	padding-right: .625em
}

.location__country {
	white-space: nowrap;
	font-size: .8125em;
	font-weight: 300
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.history {
	grid-column-gap: .25em;
	visibility: hidden;
	background: #000;
	grid-template-rows: 100%;
	grid-template-columns: repeat(10, 1fr);
	height: 7.75rem;
	padding: .25em;
	font-size: 1rem;
	transition: visibility 0s linear .5s;
	display: grid;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.history-is-open .history {
	visibility: visible;
	transition: visibility
}

.is-offline .history:after {
	content: attr(data-offline);
	text-align: center;
	color: #fff;
	background-color: #000000b3;
	justify-content: center;
	align-items: center;
	font-size: 1.875em;
	display: flex;
	position: absolute;
	inset: 0
}

.history__placeholder {
	text-align: center;
	background-color: #ffffff1a;
	border-radius: 2px;
	justify-content: center;
	align-items: center;
	display: flex
}

.history__placeholder svg {
	color: #ffffff1a
}

.history__entry {
	cursor: pointer;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: background-color .25s, border-color .25s;
	position: relative
}

.history__entry:focus {
	outline: none
}

.history__entry__title {
	color: #fff;
	text-shadow: 0 0 1px #0009, 1px 1px 2px #00000059;
	word-spacing: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	background: #0006;
	padding: .769231em;
	font-size: .8125em;
	line-height: 1.2;
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.history__entry:hover,
.history__entry:focus {
	background-color: #222
}

.history__entry:hover .history__entry__title,
.history__entry:focus .history__entry__title {
	display: block
}

.history-button {
	font-size: 1rem
}

.history-button.icon-button {
	z-index: 1;
	position: absolute;
	top: .625em;
	right: 1em
}

.history-button .icon-history {
	display: block
}

.history-button .icon-close,
.history-is-open .history-button .icon-history {
	display: none
}

.history-is-open .history-button .icon-close {
	display: block
}

.menu {
	z-index: 10;
	pointer-events: none;
	text-shadow: none;
	font-size: 1rem;
	position: absolute;
	top: .5em;
	right: .5em
}

.menu__toggle,
.menu__close {
	position: absolute;
	top: .125em;
	right: .375em
}

.menu__close.icon-button {
	color: #000000b8;
	z-index: 1
}

@media (prefers-color-scheme:dark) {
	.menu__close.icon-button {
		color: #f4f4f4
	}
}

.menu__close.icon-button:before {
	display: none
}

.menu__close.icon-button .icon {
	filter: none
}

.menu__content {
	will-change: transform, opacity;
	transform-origin: calc(100% - 28px) 28px;
	opacity: 0;
	pointer-events: none;
	color: #323232;
	background: #fff;
	border-radius: 4px;
	width: 20em;
	font-size: .875rem;
	transition: transform 50ms ease-out .15s, opacity .2s ease-out .15s;
	overflow: hidden;
	transform: scale(0);
	box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

@media (prefers-color-scheme:dark) {
	.menu__content {
		color: #f4f4f4;
		background: #242424
	}
}

@media screen and (prefers-reduced-motion:reduce) {
	.menu__content {
		transition: none
	}
}

.menu.menu--open .menu__content {
	opacity: 1;
	pointer-events: auto;
	transition: transform .15s ease-in 50ms, opacity .1s ease-in 50ms;
	transform: none
}

@media screen and (prefers-reduced-motion:reduce) {
	.menu.menu--open .menu__content {
		transition: none
	}
}

.menu__item {
	text-shadow: none;
	color: inherit;
	min-height: 3.75em;
	padding: 1.125em .75em;
	display: block;
	position: relative
}

.menu__item:hover,
.menu__item:focus {
	background: #f4f4f4
}

@media (prefers-color-scheme:dark) {

	.menu__item:hover,
	.menu__item:focus {
		background: #323232
	}
}

.menu__item--installed,
.menu__item--hidden,
.no-js .menu__item--leanback,
.is-installed .menu__item--install {
	display: none
}

.is-installed .menu__item--installed {
	display: block
}

.menu__item--visit-google-earth {
	color: #2979ff;
	padding-top: 1.5em;
	padding-bottom: 1.5em
}

.menu__item span,
.menu__item .icon {
	vertical-align: middle;
	padding: 0 .4375em;
	display: inline-block
}

.menu__item .icon {
	box-sizing: content-box;
	width: 1.5em;
	height: 1.5em
}

.menu hr {
	background-color: #0000;
	border: none;
	border-top: 1px solid #0000001f;
	margin: 0 1em
}

@media (prefers-color-scheme:dark) {
	.menu hr {
		border-top: 1px solid #ffffff0f
	}
}

@font-face {
	font-family: Google Sans;
	src: local(Google Sans), url(google-sans-regular.bf8761b0.woff2)format("woff2");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Google Sans;
	src: local(Google Sans), url(google-sans-bold.f26d0bcb.woff2)format("woff2");
	font-weight: 700;
	font-style: bold
}

@font-face {
	font-family: Roboto;
	src: local(Roboto), local(Roboto-Regular), url(roboto-regular.40da8189.woff2)format("woff2");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Roboto;
	src: local(Roboto Light), local(Roboto-Light), url(roboto-light.9516029d.woff2)format("woff2");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Roboto;
	src: local(Roboto), local(Roboto-Medium), url(roboto-medium.cd82b627.woff2)format("woff2");
	font-weight: 500;
	font-style: normal
}

.overlay {
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	transition-property: opacity transform;
	pointer-events: none;
	background-color: #000000d1;
	transition-duration: .2s;
	position: absolute;
	inset: 0
}

.overlay--active {
	opacity: 1;
	pointer-events: initial
}

.overlay--active .overlay__content {
	opacity: 1;
	transform: translate(-50%, -50%)scale(1)
}

.overlay__content {
	cursor: auto;
	background-color: #fff;
	border-radius: .25em;
	transition-property: opacity, transform;
	transition-duration: .2s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)scale(.7)
}

.overlay__content__close {
	font-size: inherit;
	color: #fff;
	cursor: pointer;
	background: 0 0;
	border: none;
	width: 1.5em;
	height: 1.5em;
	transition: transform .25s ease-in;
	position: absolute;
	top: .25em;
	right: .375em
}

.overlay__content__close.icon-button {
	z-index: 1
}

.overlay__content__close--dark {
	color: #999
}

.overlay__content__close .icon {
	pointer-events: none
}

.icon-button {
	color: #fff;
	z-index: -1;
	pointer-events: initial;
	cursor: pointer;
	background: 0 0;
	border: none;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	padding: .75em;
	font-size: 1rem;
	display: flex
}

.icon-button:focus {
	outline: none
}

.icon-button svg {
	fill: currentColor;
	filter: drop-shadow(0 1px 1px #00000024)drop-shadow(0 2px 1px #0000001f)drop-shadow(0 1px 3px #0003);
	width: 100%;
	height: 100%
}

.icon-button:before {
	content: "";
	opacity: 0;
	z-index: -1;
	background: #0000003d;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transition: all .25s ease-out;
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (prefers-reduced-motion:reduce) {
	.icon-button:before {
		transition: none
	}
}

.icon-button:hover:before,
.icon-button:focus:before {
	opacity: 1
}

.show-on-hover {
	opacity: 0;
	transition: opacity .25s ease-in
}

body.ui-active .show-on-hover {
	opacity: 1;
	transition: opacity .25s ease-out
}

.logo {
	filter: drop-shadow(0 1px 1px #00000024)drop-shadow(0 2px 1px #0000001f)drop-shadow(0 1px 3px #0003);
	width: 10.5em;
	position: absolute;
	top: 1.5em;
	left: 1.5em
}

html {
	box-sizing: border-box
}

*,
:before,
:after {
	box-sizing: inherit
}

body,
html {
	-ms-overflow-style: none;
	background-color: #000;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Google Sans, Roboto, sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.333;
	overflow: hidden
}

body {
	overflow: hidden
}

a {
	text-decoration: none
}

a:active {
	outline: none
}

img,
video {
	max-width: 100%
}

svg path,
svg polygon {
	fill: currentColor
}

::-webkit-scrollbar {
	display: none
}

.main {
	will-change: transform;
	z-index: 2;
	width: 100%;
	height: 100%;
	transition: transform .3s cubic-bezier(.28, .83, .67, 1);
	position: relative
}

.history-is-open .main {
	transform: translateY(7.75rem)
}

@media screen and (prefers-reduced-motion:reduce) {
	.main {
		transition: none
	}
}

body:not(.browser--chrome) .chrome-only,
body:not(.browser--firefox) .firefox-only {
	display: none
}