body[data-preview] *{letter-spacing:0}
body[data-preview] .earth-shell{background:#020913}
body[data-preview] #earthCanvas{background:radial-gradient(circle at 50% 58%,#063b60 0,#031b30 23%,transparent 45%)}
body[data-preview] .scene-shade{background:none}
body[data-preview] .welcome{top:9%;width:min(760px,90%)}
body[data-preview] .welcome h1{font-size:100px;text-shadow:0 0 18px #71e4ff70}
body[data-preview] .welcome h2{font-size:22px}
body[data-preview] footer{bottom:22px}
.sample-tabs{position:fixed;z-index:30;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;padding:5px;background:#061822ed;border:1px solid #4a879966;border-radius:5px;white-space:nowrap}
.sample-tabs a,.sample-tabs button{padding:12px 16px;color:#b9d0d8;text-decoration:none;font:12px "Microsoft YaHei",Arial;border:0;background:none;cursor:pointer}
.sample-tabs a[aria-current=page]{background:#c1f2fa;color:#062430;border-radius:2px}
body[data-sample=gravity] .welcome{top:9%;width:90%}
body[data-sample=gravity] .welcome h1{font-family:Arial,sans-serif;font-style:italic;font-weight:900;font-size:150px;line-height:1;color:#effbff;text-shadow:0 1px 0 #aaa,0 0 24px #8ee7ff50}
body[data-sample=gravity] .welcome h2{margin:6px 0 14px}
body[data-sample=fusion] .business-card{background:#082431c9;border-color:#8cbabf80}
body[data-preview] .business-card small{font-size:9px}
.continent-labels{position:absolute;inset:0;z-index:3;pointer-events:none}
.continent-label{position:absolute;left:0;top:0;padding:5px 10px;border:1px solid #92dae575;border-radius:3px;background:#031b2ce8;color:#f0fcff;font-size:12px;line-height:18px;white-space:nowrap;text-shadow:0 1px 3px #000;box-shadow:0 2px 12px #0004}
.continent-label[hidden]{display:none}
@media(max-width:1000px) and (min-width:761px){body[data-preview] .business-card{width:150px;height:84px}body[data-preview] .business-card strong{font-size:15px}body[data-sample=gravity] .welcome h1{font-size:110px}}
@media(max-width:760px){
html:has(body[data-preview]),body[data-preview]{overflow:auto}
body[data-preview] .earth-shell{height:max(850px,100svh);min-height:850px}
body[data-preview] .welcome{top:88px;width:94%}
body[data-preview] .welcome h1{font-size:62px}
body[data-preview] .welcome h2{font-size:15px;margin:12px 0 14px}
body[data-sample=gravity] .welcome h1{font-size:59px}
body[data-preview] .business-card{width:112px;height:62px;padding:8px 9px}
body[data-preview] .business-card strong{font-size:12px;margin-top:3px}
body[data-preview] .business-card small{font-size:7px;margin-top:4px}
body[data-preview] .business-card::before{display:none}
body[data-preview] .business-card em{font-size:8px}
.sample-tabs{bottom:10px;max-width:calc(100% - 14px);gap:0}
.sample-tabs a,.sample-tabs button{padding:12px 8px;font-size:10px}
body[data-preview] .detail-panel{position:fixed;bottom:70px}
}
@media(min-width:761px) and (max-height:760px){body[data-preview] .welcome{top:75px}body[data-preview] .welcome h1{font-size:70px}body[data-preview] .welcome h2{font-size:18px}body[data-sample=gravity] .welcome h1{font-size:95px}}