:root{--night:#061a24;--ocean:#0a5066;--sea:#12859a;--land:#b4ca69;--land-dark:#718c4d;--sand:#e9d78a;--ink:#f4f1df;--muted:#b9c9c8;--orange:#ff9664;--line:rgba(244,241,223,.2)}
    *{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(ellipse 70% 55% at 50% 26%,#155166 0%,#092a38 42%,var(--night) 78%);min-height:100vh}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.05em}.brand i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-left:5px}.nav-links{display:flex;gap:24px;font-size:14px}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a:hover{color:white}
    .intro{padding:64px 0 0;position:relative;z-index:2;text-align:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#dbe79c}.intro h1{font-size:clamp(43px,6.5vw,84px);line-height:.96;letter-spacing:-.075em;margin:17px 0}.intro p{max-width:520px;margin:0 auto;color:var(--muted);font-size:15px}.instruction{margin:26px auto 0;width:max-content;max-width:100%;font-size:12px;color:#dbe79c;border:1px solid rgba(219,231,156,.38);padding:7px 12px;border-radius:999px}
    .world-section{position:relative;min-height:680px;display:grid;place-items:center;padding:42px 0 88px;overflow:visible}.orbit{position:absolute;border:1px solid rgba(219,231,156,.13);border-radius:50%;width:min(930px,92vw);height:270px;transform:rotate(-8deg);top:49%;pointer-events:none}.globe-scene{width:min(680px,88vw);aspect-ratio:1;perspective:1000px;position:relative;z-index:1}.globe{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;isolation:isolate;transform-style:preserve-3d;background:radial-gradient(circle at 34% 28%,#63c4c4 0 3%,#1b93a0 18%,#0e687d 52%,#063f59 77%,#022639 100%);box-shadow:inset -55px -26px 76px #001421b5,inset 24px 18px 38px #8ce1d042,0 34px 66px #00121dcc;transition:transform .7s cubic-bezier(.2,.75,.15,1)}.globe::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:8;pointer-events:none;background:radial-gradient(circle at 31% 28%,transparent 0 50%,rgba(0,17,31,.1) 62%,rgba(0,9,20,.5) 82%,rgba(0,4,13,.9) 100%)}.globe::before{content:"";position:absolute;inset:3%;border-radius:50%;z-index:9;border:1px solid rgba(217,251,224,.26);pointer-events:none}
    .currents{position:absolute;inset:0;opacity:.32;background:repeating-radial-gradient(ellipse at 45% 60%,transparent 0 23px,rgba(163,243,230,.33) 24px 25px,transparent 27px 48px);transform:rotate(-14deg) scale(1.3)}.continent{position:absolute;z-index:2;background:linear-gradient(135deg,var(--sand),var(--land) 23%,#8fad57 72%,var(--land-dark));box-shadow:inset -13px -12px 17px #506b3970,inset 8px 7px 12px #f5e79f7a,0 4px 9px #00394780;transition:filter .25s,box-shadow .25s}.continent:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(38,79,47,.35);border-radius:43% 62% 52% 38%;transform:rotate(15deg)}.continent:hover,.globe:has(.m1:hover) .c1,.globe:has(.m2:hover) .c2,.globe:has(.m3:hover) .c2,.globe:has(.m4:hover) .c4,.globe:has(.m5:hover) .c5{animation:float-land 1.15s ease-in-out infinite alternate;filter:brightness(1.08) saturate(1.08);box-shadow:inset -13px -12px 17px #506b3970,inset 8px 7px 12px #f5e79f7a,0 15px 17px #002d3da1}@keyframes float-land{from{translate:0 -2px}to{translate:0 -10px}}.c1{width:36%;height:31%;left:14%;top:22%;border-radius:57% 38% 47% 63% / 44% 54% 40% 62%;transform:rotate(-15deg)}.c2{width:28%;height:42%;right:14%;top:18%;border-radius:47% 59% 34% 72% / 60% 43% 67% 37%;transform:rotate(18deg)}.c4{width:18%;height:18%;right:16%;bottom:23%;border-radius:42% 68% 37% 62%;transform:rotate(-17deg);background:linear-gradient(135deg,#e6d68a,#a5be61 55%,#6f8a4c)}.c5{width:18%;height:13%;left:5%;top:72%;border-radius:61% 38% 58% 43% / 43% 62% 37% 60%;transform:rotate(-7deg);background:linear-gradient(135deg,#e6d68a,#b8cb72 55%,#7f9955)}
    .marker{position:absolute;z-index:6;width:44px;height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer;transform:translate(-50%,-50%);padding:0;filter:drop-shadow(0 5px 3px #00253b80)}.marker:focus-visible{outline:2px solid white;outline-offset:5px;border-radius:50%}.marker .pin{position:absolute;inset:5px;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);background:var(--orange);border:2px solid #fff4d1;box-shadow:0 0 0 5px #ff966442}.marker .pin:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#733a24;left:50%;top:50%;transform:translate(-50%,-50%)}.marker .glyph{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:900}.marker:hover .pin,.marker:focus .pin{animation:hop .55s ease-in-out infinite alternate}.m1{left:26%;top:34%}.m2{left:69%;top:30%}.m3{left:77%;top:47%}.m4{left:76%;top:66%}.m5{left:14%;top:79%}.m5 .pin{background:#dce9a1}.m5 .pin:after{background:#50715a}@keyframes hop{to{transform:rotate(-45deg) translate(-4px,-4px)}}
    .c1{width:39%;height:32%;left:7%;top:18%;clip-path:none;border-radius:56% 44% 48% 52% / 43% 57% 43% 57%}.c2{width:34%;height:38%;right:7%;top:14%;clip-path:none;border-radius:43% 57% 46% 54% / 54% 42% 58% 46%}.c4{width:28%;height:25%;right:13%;bottom:10%;clip-path:none;border-radius:58% 42% 53% 47% / 42% 58% 42% 58%}.c5{width:25%;height:20%;left:10%;top:66%;clip-path:none;border-radius:47% 53% 43% 57% / 58% 42% 58% 42%}.m1{left:26%;top:33%}.m2{left:68%;top:28%}.m3{left:82%;top:42%}.m4{left:76%;top:72%}.m5{left:22%;top:76%}
    .c1{width:34%;height:29%;left:12%;top:21%;border-radius:57% 43% 52% 48% / 45% 58% 42% 55%}.c2{width:30%;height:34%;right:12%;top:18%;border-radius:46% 54% 43% 57% / 57% 44% 56% 43%}.c4{width:26%;height:23%;left:15%;right:auto;bottom:14%;border-radius:54% 46% 58% 42% / 42% 58% 44% 56%}.c5{width:23%;height:19%;left:auto;right:14%;top:auto;bottom:13%;border-radius:44% 56% 46% 54% / 57% 42% 58% 43%}.m1{left:28%;top:35%}.m2{left:68%;top:30%}.m3{left:79%;top:43%}.m4{left:28%;top:72%}.m5{left:75%;top:75%}
    .land-sign{position:absolute;z-index:5;width:84px;height:46px;pointer-events:none;filter:drop-shadow(0 5px 3px #00273a88)}.land-sign span{position:absolute;left:0;top:0;width:100%;padding:5px 4px;border:2px solid #fff3c5;border-radius:4px;background:#34564c;color:#fff8d8;text-align:center;font:800 7px/1.1 Inter,ui-sans-serif,sans-serif;letter-spacing:.06em;box-shadow:inset 0 -4px #193a37}.land-sign:after{content:"";position:absolute;left:calc(50% - 3px);top:28px;width:6px;height:18px;background:linear-gradient(90deg,#173d3c,#d5bb75 45%,#284a42);border-radius:0 0 2px 2px}.s1{left:14%;top:22%}.s2{left:60%;top:17%}.s4{left:16%;top:64%}.s5{left:63%;top:66%}.s5 span{background:#53684e}.s5:after{background:linear-gradient(90deg,#314b40,#d6c37d 45%,#405b48)}
    .marker{width:54px;height:58px;filter:drop-shadow(0 8px 4px #00253b90)}.marker .pin{inset:auto;left:7px;right:7px;bottom:3px;height:15px;border:1px solid #ffe7ab;border-radius:50%;transform:skewX(-18deg);background:linear-gradient(135deg,#ffe4a6,#ae6d3f);box-shadow:0 5px 0 #153e47,0 0 0 4px #ff966430}.marker .pin:after{display:none}.marker .glyph{top:37%;min-width:31px;min-height:29px;padding:4px 5px;border:2px solid #fff1cb;border-radius:7px;background:linear-gradient(135deg,#ffb47b,#e66746);box-shadow:inset -4px -5px #ab3f30,3px 5px 0 #773429;color:#fff9dc;font-size:17px;line-height:18px;letter-spacing:-.12em;transform:translate(-50%,-50%) rotateX(12deg)}.m1 .glyph{background:linear-gradient(135deg,#c5ec9c,#5b9a65);box-shadow:inset -4px -5px #39734c,3px 5px 0 #23513c}.m2 .glyph{min-height:38px;background:linear-gradient(135deg,#b8dcff,#5286d9);box-shadow:inset -4px -5px #3559a6,3px 5px 0 #243e7c}.m3 .glyph{border-radius:50%;background:linear-gradient(135deg,#ffe39c,#d79243);box-shadow:inset -4px -5px #9d5c2b,3px 5px 0 #6f3d22}.m4 .glyph{background:linear-gradient(135deg,#c4b8ff,#7562c8);box-shadow:inset -4px -5px #4c3c9a,3px 5px 0 #33256c}.m5 .glyph{border-radius:50%;background:linear-gradient(135deg,#d9efb0,#8cae64);box-shadow:inset -4px -5px #618044,3px 5px 0 #405b48}.m4{left:34%;top:77%}.m5{left:80%;top:79%}.marker:hover .pin,.marker:focus .pin{animation:none}.marker:hover .glyph,.marker:focus .glyph{translate:0 -5px}
    .info-card{position:absolute;z-index:20;width:min(440px,calc(100vw - 36px));padding:21px;background:#fbf7e7;color:#163039;border-radius:16px;border:1px solid #fff8d3;box-shadow:0 22px 50px #00111db3;opacity:0;pointer-events:none;transform:translate(-50%,-44%) scale(.94);transition:opacity .2s,transform .2s}.info-card.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.info-card h2{font-size:24px;letter-spacing:-.04em;margin:0 34px 4px 0}.info-card .type{font-size:10px;color:#598165;font-weight:800;letter-spacing:.12em}.info-card p{font-size:14px;line-height:1.6;color:#49606a;margin:10px 0}.card-close{position:absolute;right:14px;top:13px;width:28px;height:28px;border:1px solid #b7c5bf;border-radius:50%;background:transparent;color:#36515b;font-size:20px;line-height:22px;cursor:pointer}.card-close:hover{background:#163a47;color:white;border-color:#163a47}.thumb{height:142px;margin:15px 0;border-radius:9px;overflow:hidden;background:#143946;position:relative}.thumb:before,.thumb:after{content:"";position:absolute}.journal{background:linear-gradient(120deg,#edf0e9 0 55%,#d5ff61 55%)}.journal:before{left:22px;bottom:18px;width:62%;height:94px;background:repeating-linear-gradient(90deg,#23657b 0 15px,transparent 15px 22px);clip-path:polygon(0 100%,0 72%,18% 49%,35% 68%,54% 16%,71% 43%,100% 0,100% 100%)}.bridge{background:#3568df}.bridge:before{left:36%;top:25px;width:28%;height:90px;border:2px dashed white;border-radius:8px}.bridge:after{left:47%;top:35px;color:white;content:"⇧";font-size:52px}.secret{background:#252c35;padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.secret:before,.secret:after{display:none}.secret-code{padding:9px 10px;background:#f5f3e8;border:1px solid #d8d7cd;border-radius:6px;color:#617173;line-height:1}.secret-code small{display:block;font-size:9px;margin-bottom:7px}.secret-code strong{display:block;color:#162e35;font:700 17px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.spring{background:#171916}.spring:before{content:"@Cacheable\A @RateLimit\A @OperationLog";white-space:pre;left:30px;top:23px;color:#d9ff57;font:16px/1.8 ui-monospace,monospace}.card-actions{display:flex;gap:8px}.card-actions a{font-size:12px;font-weight:750;padding:9px 12px;border-radius:7px;background:#173a47;color:white;text-decoration:none}.card-actions a+ a{background:transparent;border:1px solid #6d888e;color:#173a47}.explore{text-align:center}.explore .thumb{background:linear-gradient(120deg,#1b7e91,#6dc0b5)}.explore .thumb:before{width:48px;height:48px;border:3px solid #f6e7a1;border-radius:50%;left:calc(50% - 27px);top:30px}.explore .thumb:after{width:22px;height:3px;background:#f6e7a1;transform:rotate(45deg);left:54%;top:83px}.hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;color:#9bb9b8;white-space:nowrap}
    .legend{padding:22px 0 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:36px}.legend h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.06em;margin:8px 0}.region-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.region{padding:16px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--muted)}.region b{display:block;color:#e1ecae;margin-bottom:2px;font-size:12px;letter-spacing:.08em}.footer{border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;color:#8fa8a8;font-size:12px}.footer a{color:#dbe79c}
    @media(max-width:680px){.wrap{width:min(100% - 28px,1180px)}.nav{height:65px}.nav-links a:not(:last-child){display:none}.intro{padding-top:43px}.world-section{min-height:500px;padding:25px 0 45px}.globe-scene{width:min(500px,102vw)}.hint{display:none}.legend{grid-template-columns:1fr;padding-bottom:56px}.region-list{grid-template-columns:1fr 1fr}.footer{gap:18px}.info-card{position:fixed;top:50%!important;left:50%!important}.instruction{margin-top:18px}}
    .thumb.real-shot{height:auto;aspect-ratio:3/2;background:#102b36}.thumb.real-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
    @media(prefers-reduced-motion:reduce){.globe,.info-card{transition:none}.marker:hover .pin,.continent:hover{animation:none}}