<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>邻邦 — Realm</title>
<meta name="description" content="邻邦 — Neighboring lands of cytrogen.icu">
<meta name="theme-color" content="#1a1a2e">
<link rel="stylesheet" href="realm.css">
</head>
<body>
<a class="skip-link" href="#scene-nav-neighbors">跳过场景</a>
<main class="realm-folder">
<h1 class="visually-hidden">邻邦</h1>
<div class="folder-content">
<svg role="group" aria-labelledby="scene-neighbors-title" viewBox="0 0 800 500">
<title id="scene-neighbors-title">邻邦 — Neighboring lands with friends pavilion, map board, estates, capsule inn, and relay station</title>
<!-- Sky -->
<rect class="fill-sky" x="0" y="0" width="800" height="500"/>
<!-- Stars -->
<g class="scene-detail" aria-hidden="true">
<rect class="fill-star" x="100" y="40" width="2" height="2"/>
<rect class="fill-star" x="300" y="25" width="3" height="3"/>
<rect class="fill-star" x="500" y="50" width="2" height="2"/>
<rect class="fill-star" x="700" y="35" width="2" height="2"/>
<rect class="fill-star" x="420" y="15" width="3" height="3"/>
</g>
<!-- Distant hills -->
<path class="fill-mountain-far" d="M0 300 L120 230 L250 270 L400 200 L550 260 L700 220 L800 260 L800 340 L0 340 Z" aria-hidden="true"/>
<!-- Ground -->
<rect class="fill-ground" x="0" y="310" width="800" height="190"/>
<!-- Road from castle (left side, going right) -->
<path class="fill-path" d="M0 400 L0 370 L800 350 L800 380 Z" aria-hidden="true"/>
<path class="fill-path" d="M0 420 L0 440 L100 435 L100 418 Z" aria-hidden="true"/>
<!-- === HOTSPOT: Friends Hill (友邻) === -->
<a class="hotspot" href="friends.html" aria-label="友邻 — Friends">
<title>友邻 — Friends</title>
<!-- Hill -->
<path class="fill-mountain" d="M80 310 Q110 240 160 230 Q210 240 240 310 Z"/>
<!-- Houses on hilltop -->
<rect class="hotspot-shape" x="120" y="255" width="22" height="18"/>
<rect class="hotspot-shape" x="148" y="250" width="18" height="23"/>
<rect class="hotspot-shape" x="170" y="258" width="20" height="15"/>
<rect class="hotspot-shape" x="135" y="240" width="15" height="18"/>
<rect class="hotspot-shape" x="160" y="243" width="12" height="17"/>
<!-- Rooftops -->
<polygon class="hotspot-shape" points="118,255 131,243 144,255"/>
<polygon class="hotspot-shape" points="146,250 157,238 168,250"/>
<polygon class="hotspot-shape" points="168,258 180,248 192,258"/>
<!-- Tiny windows -->
<rect class="fill-window" x="127" y="262" width="5" height="5"/>
<rect class="fill-window" x="153" y="257" width="4" height="5"/>
<rect class="fill-window" x="177" y="263" width="5" height="4"/>
<!-- Label -->
<text class="hotspot-label" x="160" y="225" text-anchor="middle">友邻</text>
</a>
<!-- === HOTSPOT: Map Board (地图 / Map) === -->
<a class="hotspot" href="map.html" aria-label="地图 — Map overview">
<title>地图 — Map overview</title>
<!-- Post -->
<rect class="hotspot-icon" x="328" y="320" width="8" height="35"/>
<!-- Board face -->
<rect class="hotspot-shape" x="296" y="263" width="72" height="55"/>
<!-- Bracket nubs at top corners -->
<rect class="hotspot-icon" x="293" y="263" width="5" height="8"/>
<rect class="hotspot-icon" x="366" y="263" width="5" height="8"/>
<!-- Inner frame border -->
<rect class="hotspot-icon" x="302" y="269" width="60" height="43"/>
<!-- Board surface (visible inside frame) -->
<rect class="hotspot-shape" x="304" y="271" width="56" height="39"/>
<!-- Grid divider lines (2×2 territory grid) -->
<rect class="fill-wall-dark" x="331" y="271" width="2" height="39"/>
<rect class="fill-wall-dark" x="304" y="289" width="56" height="2"/>
<!-- Zone markers -->
<rect class="fill-wall" x="310" y="276" width="16" height="9"/>
<rect class="fill-wall-light" x="338" y="276" width="16" height="9"/>
<rect class="fill-accent-dim" x="310" y="296" width="16" height="9"/>
<rect class="fill-wall" x="338" y="296" width="16" height="9"/>
<!-- "You are here" dot in neighbors quadrant -->
<circle class="fill-accent-shape" cx="318" cy="300" r="2"/>
<!-- Label -->
<text class="hotspot-label" x="332" y="256" text-anchor="middle">地图</text>
</a>
<!-- === HOTSPOT: Walled Manor (属地 / Hosted) === -->
<a class="hotspot" href="hosted.html" aria-label="属地 — Hosted services">
<title>属地 — Hosted</title>
<!-- Perimeter wall -->
<rect class="hotspot-shape" x="465" y="280" width="120" height="35"/>
<!-- Battlements -->
<path class="hotspot-shape" d="
M465 280 L465 273 L478 273 L478 268 L491 268 L491 273
L504 273 L504 268 L517 268 L517 273 L530 273 L530 268
L543 268 L543 273 L556 273 L556 268 L569 268 L569 273
L585 273 L585 280 Z
"/>
<!-- Monitoring tower poking above wall -->
<rect class="hotspot-shape" x="540" y="248" width="22" height="32"/>
<polygon class="hotspot-shape" points="537,248 551,230 565,248"/>
<!-- Tower signal beacon -->
<circle class="fill-accent-shape" cx="551" cy="237" r="3"/>
<!-- Tower window -->
<rect class="fill-window" x="546" y="258" width="8" height="10"/>
<!-- Gate opening -->
<rect class="fill-door" x="500" y="300" width="16" height="15"/>
<!-- Label -->
<text class="hotspot-label" x="525" y="223" text-anchor="middle">属地</text>
</a>
<!-- === HOTSPOT: Capsule Inn (胶囊旅馆 / Gemini) === -->
<a class="hotspot" href="hotel.html" aria-label="胶囊旅馆 — Gemini protocol">
<title>胶囊旅馆 — Gemini</title>
<!-- Capsule shape -->
<path class="hotspot-shape" d="
M650 310 L650 280
Q650 260 670 260
Q690 260 690 280
L690 310 Z
"/>
<!-- Capsule window -->
<rect class="fill-window" x="663" y="272" width="14" height="10"/>
<!-- Capsule door -->
<rect class="fill-door" x="660" y="290" width="20" height="20"/>
<!-- Label -->
<text class="hotspot-label" x="670" y="253" text-anchor="middle">旅馆</text>
</a>
<!-- === HOTSPOT: Relay Station (驿站 / RSS) === -->
<a class="hotspot" href="station.html" aria-label="驿站 — Relay station">
<title>驿站 — Relay station</title>
<!-- Station building -->
<rect class="hotspot-shape" x="730" y="280" width="55" height="40"/>
<!-- Peaked roof -->
<polygon class="hotspot-shape" points="725,280 758,255 790,280"/>
<!-- Flag pole -->
<rect class="hotspot-icon" x="770" y="245" width="3" height="35"/>
<!-- Flag -->
<polygon class="fill-accent-shape" points="773,248 795,255 773,262"/>
<!-- Window -->
<rect class="fill-window" x="745" y="290" width="12" height="12"/>
<!-- Door -->
<rect class="fill-door" x="762" y="298" width="12" height="22"/>
<!-- Label -->
<text class="hotspot-label" x="758" y="248" text-anchor="middle">驿站</text>
</a>
<!-- Decorative trees -->
<g class="scene-detail" aria-hidden="true">
<polygon class="fill-tree" points="40,330 55,280 70,330"/>
<polygon class="fill-tree" points="35,350 55,310 75,350"/>
<polygon class="fill-tree" points="240,325 255,275 270,325"/>
<polygon class="fill-tree" points="620,330 635,290 650,330"/>
</g>
<!-- === HOTSPOT: Road back to castle === -->
<a class="hotspot" href="castle.html" aria-label="城堡 — Return to castle">
<title>城堡 — Return to castle</title>
<path class="hotspot-shape fill-path" d="M310 500 L355 500 L345 355 L320 355 Z"/>
<text class="hotspot-label" x="332" y="480" text-anchor="middle">城堡</text>
</a>
</svg>
</div>
<nav id="scene-nav-neighbors" class="scene-nav" aria-label="邻邦导航">
<ul class="scene-nav__list">
<li><a class="scene-nav__link" href="friends.html">友邻 — 友人</a></li>
<li><a class="scene-nav__link" href="map.html">地图 — 领地总览</a></li>
<li><a class="scene-nav__link" href="hosted.html">属地 — 自托管服务</a></li>
<li><a class="scene-nav__link" href="hotel.html">胶囊旅馆 — Gemini</a></li>
<li><a class="scene-nav__link" href="station.html">驿站 — 中转站</a></li>
<li><a class="scene-nav__link" href="castle.html">城堡 — 返回城堡</a></li>
</ul>
</nav>
</main>
</body>
</html>