<!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="属地 — Hosted services of the Realm">
<meta name="theme-color" content="#1a1a2e">
<link rel="stylesheet" href="realm.css">
</head>
<body>
<a class="skip-link" href="#scene-nav-hosted">跳过场景</a>
<main class="realm-folder">
<h1 class="visually-hidden">属地</h1>
<div class="folder-content">
<svg role="group" aria-labelledby="scene-hosted-title" viewBox="0 0 800 500">
<title id="scene-hosted-title">属地 — Walled manor with code repository, monitoring tower, and post office</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="60" y="25" width="3" height="3"/>
<rect class="fill-star" x="180" y="50" width="2" height="2"/>
<rect class="fill-star" x="310" y="15" width="3" height="3"/>
<rect class="fill-star" x="450" y="40" width="2" height="2"/>
<rect class="fill-star" x="570" y="20" width="2" height="2"/>
<rect class="fill-star" x="650" y="55" width="3" height="3"/>
<rect class="fill-star" x="130" y="75" width="2" height="2"/>
<rect class="fill-star" x="740" y="35" width="2" height="2"/>
</g>
<!-- Moon -->
<circle class="fill-moon" cx="700" cy="75" r="28" aria-hidden="true"/>
<circle class="fill-sky" cx="714" cy="66" r="26" aria-hidden="true"/>
<!-- Distant mountains -->
<path class="fill-mountain-far" d="M0 270 L90 190 L180 230 L300 170 L420 210 L520 175 L630 225 L730 185 L800 215 L800 310 L0 310 Z" aria-hidden="true"/>
<path class="fill-mountain" d="M0 300 L70 250 L160 280 L260 230 L360 265 L480 220 L580 270 L680 245 L800 280 L800 330 L0 330 Z" aria-hidden="true"/>
<!-- Ground -->
<rect class="fill-ground" x="0" y="310" width="800" height="190"/>
<!-- ============================
Manor walls + battlements
============================ -->
<!-- Main wall body -->
<rect class="fill-wall" x="160" y="280" width="480" height="100" aria-hidden="true"/>
<!-- Battlements (crenellation) -->
<path class="fill-wall" d="
M160 280 L160 265 L185 265 L185 258 L210 258 L210 265
L235 265 L235 258 L260 258 L260 265 L285 265 L285 258 L310 258 L310 265
L335 265 L335 258 L360 258 L360 265 L385 265 L385 258 L410 258 L410 265
L435 265 L435 258 L460 258 L460 265 L485 265 L485 258 L510 258 L510 265
L535 265 L535 258 L560 258 L560 265 L585 265 L585 258 L610 258 L610 265
L640 265 L640 280 Z
" aria-hidden="true"/>
<!-- Wall detail bands -->
<rect class="fill-wall-dark" x="190" y="355" width="420" height="4" aria-hidden="true"/>
<rect class="fill-wall-light" x="190" y="330" width="420" height="3" aria-hidden="true"/>
<!-- ============================
Corner towers
============================ -->
<!-- Left tower -->
<rect class="fill-wall-dark" x="140" y="230" width="50" height="150" aria-hidden="true"/>
<path class="fill-wall-dark" d="M140 230 L140 215 L152 215 L152 207 L165 198 L178 207 L178 215 L190 215 L190 230 Z" aria-hidden="true"/>
<rect class="fill-window" x="157" y="248" width="10" height="15" aria-hidden="true"/>
<rect class="fill-window" x="157" y="285" width="10" height="15" aria-hidden="true"/>
<!-- Right tower -->
<rect class="fill-wall-dark" x="610" y="230" width="50" height="150" aria-hidden="true"/>
<path class="fill-wall-dark" d="M610 230 L610 215 L622 215 L622 207 L635 198 L648 207 L648 215 L660 215 L660 230 Z" aria-hidden="true"/>
<rect class="fill-window" x="627" y="248" width="10" height="15" aria-hidden="true"/>
<rect class="fill-window" x="627" y="285" width="10" height="15" aria-hidden="true"/>
<!-- ============================
Gate (bottom center)
============================ -->
<!-- Gate pillars -->
<rect class="fill-wall-dark" x="370" y="340" width="18" height="40" aria-hidden="true"/>
<rect class="fill-wall-dark" x="412" y="340" width="18" height="40" aria-hidden="true"/>
<!-- Gate lintel -->
<rect class="fill-wall-dark" x="365" y="335" width="70" height="12" aria-hidden="true"/>
<!-- Keystone -->
<polygon class="fill-accent-dim" points="395,335 405,335 403,328 397,328" aria-hidden="true"/>
<!-- ============================
HOTSPOT: 代码库 (Sourcehut)
============================ -->
<a class="hotspot" href="https://git.cytrogen.icu" aria-label="代码库 — Sourcehut code repository">
<title>代码库 — Sourcehut</title>
<!-- Wide low warehouse with shallow roof -->
<rect class="hotspot-shape" x="200" y="290" width="130" height="55"/>
<polygon class="hotspot-shape" points="195,290 265,260 335,290"/>
<!-- Multiple narrow windows (code lines) -->
<rect class="fill-window" x="215" y="305" width="8" height="14"/>
<rect class="fill-window" x="230" y="305" width="8" height="14"/>
<rect class="fill-window" x="245" y="305" width="8" height="14"/>
<rect class="fill-window" x="260" y="305" width="8" height="14"/>
<rect class="fill-window" x="275" y="305" width="8" height="14"/>
<rect class="fill-window" x="290" y="305" width="8" height="14"/>
<!-- Door -->
<rect class="fill-door" x="305" y="325" width="16" height="20"/>
<!-- Label -->
<text class="hotspot-label" x="265" y="253" text-anchor="middle">代码库</text>
</a>
<!-- ============================
HOTSPOT: 监控塔 (Beszel)
============================ -->
<a class="hotspot" href="https://status.cytrogen.icu" aria-label="监控塔 — Beszel status monitoring">
<title>监控塔 — Beszel</title>
<!-- Tall narrow tower -->
<rect class="hotspot-shape" x="460" y="240" width="40" height="105"/>
<!-- Pointed spire -->
<polygon class="hotspot-shape" points="455,240 480,200 505,240"/>
<!-- Signal beacon at top (accent + glow) -->
<circle class="fill-accent-shape" cx="480" cy="212" r="5"/>
<circle class="fill-window-glow" cx="480" cy="212" r="10"/>
<!-- Vertical windows -->
<rect class="fill-window" x="473" y="258" width="10" height="12"/>
<rect class="fill-window" x="473" y="280" width="10" height="12"/>
<rect class="fill-window" x="473" y="302" width="10" height="12"/>
<rect class="fill-window" x="473" y="324" width="10" height="12"/>
<!-- Label -->
<text class="hotspot-label" x="480" y="193" text-anchor="middle">监控塔</text>
</a>
<!-- ============================
HOTSPOT: 邮局 (Stalwart)
============================ -->
<a class="hotspot" href="https://mail.cytrogen.icu" aria-label="邮局 — Stalwart mail server">
<title>邮局 — Stalwart</title>
<!-- Medium building -->
<rect class="hotspot-shape" x="535" y="275" width="70" height="70"/>
<!-- Peaked roof -->
<polygon class="hotspot-shape" points="530,275 570,248 610,275"/>
<!-- Flagpole -->
<rect class="hotspot-icon" x="590" y="238" width="3" height="37"/>
<!-- Flag (accent) -->
<polygon class="fill-accent-shape" points="593,241 612,247 593,253"/>
<!-- Windows -->
<rect class="fill-window" x="548" y="290" width="12" height="14"/>
<rect class="fill-window" x="578" y="290" width="12" height="14"/>
<!-- Door with mail slot -->
<rect class="fill-door" x="562" y="322" width="16" height="23"/>
<rect class="fill-accent-dim" x="565" y="330" width="10" height="3"/>
<!-- Label -->
<text class="hotspot-label" x="570" y="241" text-anchor="middle">邮局</text>
</a>
<!-- Decorative trees -->
<g class="scene-detail" aria-hidden="true">
<!-- Left outside trees -->
<polygon class="fill-tree" points="50,340 65,285 80,340"/>
<polygon class="fill-tree" points="45,360 65,315 85,360"/>
<rect class="fill-tree" x="60" y="360" width="10" height="18"/>
<polygon class="fill-tree" points="105,345 118,300 131,345"/>
<polygon class="fill-tree" points="100,365 118,325 136,365"/>
<rect class="fill-tree" x="113" y="365" width="10" height="14"/>
<!-- Right outside trees -->
<polygon class="fill-tree" points="680,345 695,290 710,345"/>
<polygon class="fill-tree" points="675,365 695,320 715,365"/>
<rect class="fill-tree" x="690" y="365" width="10" height="18"/>
<polygon class="fill-tree" points="730,350 743,305 756,350"/>
<polygon class="fill-tree" points="725,370 743,330 761,370"/>
<rect class="fill-tree" x="738" y="370" width="10" height="22"/>
<!-- Far right small tree -->
<polygon class="fill-tree" points="770,355 780,325 790,355"/>
<rect class="fill-tree" x="775" y="355" width="8" height="12"/>
</g>
<!-- ============================
HOTSPOT: Road → 邻邦
============================ -->
<a class="hotspot" href="neighbors.html" aria-label="邻邦 — Return to neighboring lands">
<title>邻邦 — Neighboring lands</title>
<path class="hotspot-shape fill-path" d="M380 500 L420 500 L415 380 L385 380 Z"/>
<text class="hotspot-label" x="400" y="470" text-anchor="middle">邻邦</text>
</a>
</svg>
</div>
<nav id="scene-nav-hosted" class="scene-nav" aria-label="属地导航">
<ul class="scene-nav__list">
<li><a class="scene-nav__link" href="https://git.cytrogen.icu">代码库 — Sourcehut</a></li>
<li><a class="scene-nav__link" href="https://status.cytrogen.icu">监控塔 — Beszel</a></li>
<li><a class="scene-nav__link" href="https://mail.cytrogen.icu">邮局 — Stalwart</a></li>
<li><a class="scene-nav__link" href="neighbors.html">邻邦 — 返回街道</a></li>
</ul>
</nav>
</main>
</body>
</html>