<!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="城堡内部 — Castle interior with library, workshop, armory, and archive">
<meta name="theme-color" content="#1a1a2e">
<link rel="stylesheet" href="realm.css">
</head>
<body>
<a class="skip-link" href="#scene-nav-interior">跳过场景</a>
<main class="realm-folder">
<h1 class="visually-hidden">城堡内部</h1>
<div class="folder-content">
<svg role="group" aria-labelledby="scene-interior-title" viewBox="0 0 800 500">
<title id="scene-interior-title">城堡内部 — Two-story castle interior with perspective view</title>
<!-- ============================
1. Background
============================ -->
<rect class="fill-wall-dark" x="0" y="0" width="800" height="500"/>
<!-- ============================
2. Merged ceiling + far wall
Single polygon eliminates y=50 seam
============================ -->
<polygon class="fill-wall" points="0,0 800,0 720,50 720,370 80,370 80,50" aria-hidden="true"/>
<!-- ============================
3. Far wall decorative lines
============================ -->
<!-- Crown molding -->
<polygon class="fill-wall-light" points="80,50 720,50 720,56 80,56" aria-hidden="true"/>
<!-- Baseboard -->
<polygon class="fill-wall-dark" points="80,360 720,360 720,370 80,370" aria-hidden="true"/>
<!-- ============================
4. Left side wall + highlight strip
============================ -->
<polygon class="fill-wall-dark" points="0,0 80,50 80,370 0,500" aria-hidden="true"/>
<!-- Thin 8px highlight along inner edge -->
<polygon class="fill-wall" points="80,50 72,54 72,366 80,370" aria-hidden="true"/>
<!-- ============================
5. Right side wall + highlight strip
============================ -->
<polygon class="fill-wall-dark" points="800,0 720,50 720,370 800,500" aria-hidden="true"/>
<!-- Thin 8px highlight along inner edge -->
<polygon class="fill-wall" points="720,50 728,54 728,366 720,370" aria-hidden="true"/>
<!-- ============================
6. Ground floor + perspective tile lines
============================ -->
<polygon class="fill-ground" points="80,370 720,370 800,500 0,500" aria-hidden="true"/>
<g class="scene-detail" aria-hidden="true">
<!-- Horizontal lines -->
<polygon class="fill-path" points="80,370 720,370 718,372 82,372"/>
<polygon class="fill-path" points="56,400 744,400 743,402 57,402"/>
<polygon class="fill-path" points="30,430 770,430 769,432 31,432"/>
<polygon class="fill-path" points="0,460 800,460 800,462 0,462"/>
<!-- Converging vertical lines (toward vanishing point ~400,0) -->
<polygon class="fill-path" points="200,370 198,370 140,500 142,500"/>
<polygon class="fill-path" points="310,370 308,370 260,500 262,500"/>
<polygon class="fill-path" points="400,370 398,370 400,500 398,500"/>
<polygon class="fill-path" points="490,370 492,370 540,500 538,500"/>
<polygon class="fill-path" points="600,370 602,370 660,500 658,500"/>
</g>
<!-- ============================
7. Sheep painting (far wall upper center)
y=78-148, well above mezzanine at y=165
============================ -->
<g aria-hidden="true">
<!-- Frame -->
<rect class="fill-wall-dark" x="340" y="78" width="120" height="70"/>
<!-- Canvas -->
<rect class="fill-board" x="347" y="85" width="106" height="56"/>
<!-- Sky in painting -->
<rect class="fill-sky" x="347" y="85" width="106" height="28"/>
<!-- Ground in painting -->
<rect class="fill-ground" x="347" y="113" width="106" height="28"/>
<!-- Sheep body -->
<polygon class="fill-moon" points="388,107 391,102 405,99 416,102 419,107 419,114 388,114"/>
<!-- Sheep head -->
<polygon class="fill-moon" points="383,104 388,102 388,109 383,109"/>
<!-- Sheep legs -->
<rect class="fill-wall-dark" x="392" y="114" width="3" height="6"/>
<rect class="fill-wall-dark" x="400" y="114" width="3" height="6"/>
<rect class="fill-wall-dark" x="408" y="114" width="3" height="6"/>
<rect class="fill-wall-dark" x="414" y="114" width="3" height="6"/>
<!-- Sheep eye -->
<rect class="fill-wall-dark" x="384" y="105" width="2" height="2"/>
</g>
<!-- ============================
8. Staircase (center, 6 steps)
x≈350-450, y=370 → y=220
============================ -->
<g aria-hidden="true">
<!-- Step 1 (bottom, widest) -->
<rect class="fill-wall" x="350" y="345" width="100" height="25"/>
<rect class="fill-wall-dark" x="350" y="365" width="100" height="5"/>
<!-- Step 2 -->
<rect class="fill-wall" x="354" y="320" width="92" height="25"/>
<rect class="fill-wall-dark" x="354" y="340" width="92" height="5"/>
<!-- Step 3 -->
<rect class="fill-wall" x="358" y="295" width="84" height="25"/>
<rect class="fill-wall-dark" x="358" y="315" width="84" height="5"/>
<!-- Step 4 -->
<rect class="fill-wall" x="362" y="270" width="76" height="25"/>
<rect class="fill-wall-dark" x="362" y="290" width="76" height="5"/>
<!-- Step 5 -->
<rect class="fill-wall" x="366" y="245" width="68" height="25"/>
<rect class="fill-wall-dark" x="366" y="265" width="68" height="5"/>
<!-- Step 6 (top, narrowest) -->
<rect class="fill-wall" x="370" y="220" width="60" height="25"/>
<rect class="fill-wall-dark" x="370" y="240" width="60" height="5"/>
<!-- Banister pillars at bottom -->
<rect class="fill-wall-light" x="345" y="330" width="8" height="40"/>
<rect class="fill-wall-light" x="447" y="330" width="8" height="40"/>
<!-- Pillar caps -->
<rect class="fill-wall-light" x="343" y="326" width="12" height="6"/>
<rect class="fill-wall-light" x="445" y="326" width="12" height="6"/>
</g>
<!-- ============================
9. Π-shaped mezzanine (back corridor connects wings)
Staircase opening at x=368-432, y=180-200
============================ -->
<!-- Π-shaped platform: full-width back, center gap at front -->
<polygon class="fill-ground" points="80,165 720,165 720,220 435,220 432,200 368,200 365,220 80,220" aria-hidden="true"/>
<!-- Left wing front slab -->
<polygon class="fill-wall-dark" points="80,220 365,220 360,232 75,232" aria-hidden="true"/>
<!-- Staircase opening upper slab (back corridor underside) -->
<polygon class="fill-wall-dark" points="368,200 432,200 434,212 366,212" aria-hidden="true"/>
<!-- Right wing front slab -->
<polygon class="fill-wall-dark" points="435,220 720,220 725,232 440,232" aria-hidden="true"/>
<!-- ============================
10. Second-floor locked rooms (3)
3D blocks: top + front + side face, doors on side facing corridor
Drawn BEFORE railings so railings appear in front
============================ -->
<!-- Bedroom 卧室 (left wing, cx=155) -->
<g id="room-bedroom">
<a class="hotspot" href="about.html" aria-label="卧室 — 关于领主">
<title>卧室 — 关于领主</title>
<path class="hotspot-shape" d="
M135,165 L137,115
Q139,98 155,95
Q171,98 173,115
L175,165 Z
"/>
<rect class="fill-door" x="140" y="112" width="30" height="53"/>
<text class="hotspot-label" x="155" y="88" text-anchor="middle">卧室</text>
</a>
</g>
<!-- Ritual room 祭堂 (left wing, cx=285) -->
<g id="room-ritual">
<a class="hotspot" href="#room-ritual" aria-label="祭堂 — Ritual room (locked)">
<title>祭堂 — Ritual room (locked)</title>
<path class="hotspot-shape" d="
M265,165 L267,115
Q269,98 285,95
Q301,98 303,115
L305,165 Z
"/>
<rect class="fill-door" x="270" y="112" width="30" height="53"/>
</a>
<g class="capsule-lock" aria-hidden="true">
<path class="fill-wall-light" d="M281 140 L281 135 Q281 130 285 130 Q289 130 289 135 L289 140"/>
<rect class="fill-wall" x="278" y="140" width="14" height="10" rx="1"/>
<circle class="fill-door" cx="285" cy="144" r="1.5"/>
</g>
<text class="capsule-lock-text" x="285" y="88" text-anchor="middle">该房间还未开放</text>
</g>
<!-- Unknown room 未知房间 (right wing, cx=515, mirrors 祭堂) -->
<g id="room-other">
<a class="hotspot" href="#room-other" aria-label="未知房间 — Unknown room (locked)">
<title>未知房间 — Unknown room (locked)</title>
<path class="hotspot-shape" d="
M495,165 L497,115
Q499,98 515,95
Q531,98 533,115
L535,165 Z
"/>
<rect class="fill-door" x="500" y="112" width="30" height="53"/>
</a>
<g class="capsule-lock" aria-hidden="true">
<path class="fill-wall-light" d="M511 140 L511 135 Q511 130 515 130 Q519 130 519 135 L519 140"/>
<rect class="fill-wall" x="508" y="140" width="14" height="10" rx="1"/>
<circle class="fill-door" cx="515" cy="144" r="1.5"/>
</g>
<text class="capsule-lock-text" x="515" y="88" text-anchor="middle">该房间还未开放</text>
</g>
<!-- Unknown room 未知房间 (right wing, cx=645, mirrors 卧室) -->
<g id="room-other-2">
<a class="hotspot" href="#room-other-2" aria-label="未知房间 — Unknown room (locked)">
<title>未知房间 — Unknown room (locked)</title>
<path class="hotspot-shape" d="
M625,165 L627,115
Q629,98 645,95
Q661,98 663,115
L665,165 Z
"/>
<rect class="fill-door" x="630" y="112" width="30" height="53"/>
</a>
<g class="capsule-lock" aria-hidden="true">
<path class="fill-wall-light" d="M641 140 L641 135 Q641 130 645 130 Q649 130 649 135 L649 140"/>
<rect class="fill-wall" x="638" y="140" width="14" height="10" rx="1"/>
<circle class="fill-door" cx="645" cy="144" r="1.5"/>
</g>
<text class="capsule-lock-text" x="645" y="88" text-anchor="middle">该房间还未开放</text>
</g>
<!-- ============================
11. Balcony railing
Left and right segments adapted to platform edges
Drawn AFTER rooms so railings appear in front
============================ -->
<g aria-hidden="true">
<!-- Left railing section -->
<rect class="fill-wall-light" x="80" y="175" width="288" height="4"/>
<rect class="fill-wall-light" x="75" y="210" width="293" height="4"/>
<g class="scene-detail">
<rect class="fill-wall" x="90" y="179" width="4" height="31"/>
<rect class="fill-wall" x="112" y="179" width="4" height="31"/>
<rect class="fill-wall" x="134" y="179" width="4" height="31"/>
<rect class="fill-wall" x="156" y="179" width="4" height="31"/>
<rect class="fill-wall" x="178" y="179" width="4" height="31"/>
<rect class="fill-wall" x="200" y="179" width="4" height="31"/>
<rect class="fill-wall" x="222" y="179" width="4" height="31"/>
<rect class="fill-wall" x="244" y="179" width="4" height="31"/>
<rect class="fill-wall" x="266" y="179" width="4" height="31"/>
<rect class="fill-wall" x="288" y="179" width="4" height="31"/>
<rect class="fill-wall" x="310" y="179" width="4" height="31"/>
<rect class="fill-wall" x="332" y="179" width="4" height="31"/>
<rect class="fill-wall" x="354" y="179" width="4" height="31"/>
</g>
<!-- Right railing section -->
<rect class="fill-wall-light" x="432" y="175" width="288" height="4"/>
<rect class="fill-wall-light" x="432" y="210" width="293" height="4"/>
<g class="scene-detail">
<rect class="fill-wall" x="445" y="179" width="4" height="31"/>
<rect class="fill-wall" x="467" y="179" width="4" height="31"/>
<rect class="fill-wall" x="489" y="179" width="4" height="31"/>
<rect class="fill-wall" x="511" y="179" width="4" height="31"/>
<rect class="fill-wall" x="533" y="179" width="4" height="31"/>
<rect class="fill-wall" x="555" y="179" width="4" height="31"/>
<rect class="fill-wall" x="577" y="179" width="4" height="31"/>
<rect class="fill-wall" x="599" y="179" width="4" height="31"/>
<rect class="fill-wall" x="621" y="179" width="4" height="31"/>
<rect class="fill-wall" x="643" y="179" width="4" height="31"/>
<rect class="fill-wall" x="665" y="179" width="4" height="31"/>
<rect class="fill-wall" x="687" y="179" width="4" height="31"/>
<rect class="fill-wall" x="709" y="179" width="4" height="31"/>
</g>
<!-- Tall posts flanking staircase opening -->
<rect class="fill-wall-light" x="365" y="168" width="6" height="52"/>
<rect class="fill-wall-light" x="429" y="168" width="6" height="52"/>
<!-- Post caps -->
<rect class="fill-wall-light" x="363" y="164" width="10" height="6"/>
<rect class="fill-wall-light" x="427" y="164" width="10" height="6"/>
</g>
<!-- ============================
12. First-floor room doors (4 hotspots)
============================ -->
<!-- === Library 图书馆 (left 1) === -->
<a class="hotspot" href="https://blog.cytrogen.icu" aria-label="图书馆 — Blog">
<title>图书馆 — Blog</title>
<path class="hotspot-shape" d="
M148,370 L155,250
Q160,230 190,225
Q220,230 225,250
L232,370 Z
"/>
<rect class="fill-door" x="162" y="265" width="56" height="105"/>
<!-- Book details -->
<rect class="fill-accent-dim" x="155" y="275" width="8" height="30"/>
<rect class="fill-window" x="217" y="275" width="8" height="30"/>
<rect class="fill-accent-dim" x="155" y="315" width="8" height="25"/>
<rect class="fill-window" x="217" y="315" width="8" height="25"/>
<!-- Keystone -->
<rect class="fill-accent-shape" x="185" y="227" width="10" height="8"/>
<text class="hotspot-label" x="190" y="218" text-anchor="middle">图书馆</text>
</a>
<!-- === Workshop 工坊 (left 2) === -->
<a class="hotspot" href="colophon.html" aria-label="工坊 — Colophon">
<title>工坊 — Colophon</title>
<path class="hotspot-shape" d="
M262,370 L268,260
Q272,242 300,237
Q328,242 332,260
L338,370 Z
"/>
<rect class="fill-door" x="276" y="270" width="48" height="100"/>
<!-- Iron bands -->
<rect class="hotspot-icon" x="276" y="295" width="48" height="4"/>
<rect class="hotspot-icon" x="276" y="330" width="48" height="4"/>
<!-- Handle -->
<circle class="fill-accent-shape" cx="314" cy="315" r="4"/>
<!-- Gear icon -->
<circle class="hotspot-icon" cx="300" cy="252" r="8"/>
<circle class="fill-door" cx="300" cy="252" r="4"/>
<text class="hotspot-label" x="300" y="230" text-anchor="middle">工坊</text>
</a>
<!-- === Armory 兵器库 (right 1) === -->
<a class="hotspot" href="uses.html" aria-label="兵器库 — Uses">
<title>兵器库 — Uses</title>
<path class="hotspot-shape" d="
M462,370 L468,260
Q472,242 500,237
Q528,242 532,260
L538,370 Z
"/>
<rect class="fill-door" x="476" y="270" width="48" height="100"/>
<!-- Crossed swords -->
<polygon class="hotspot-icon" points="490,278 493,278 504,350 501,350"/>
<polygon class="hotspot-icon" points="510,278 507,278 496,350 499,350"/>
<!-- Shield -->
<path class="hotspot-icon" d="M494,300 L500,294 L506,300 L500,315 Z"/>
<text class="hotspot-label" x="500" y="230" text-anchor="middle">兵器库</text>
</a>
<!-- === Archive 典籍室 (right 2) === -->
<a class="hotspot" href="canon.html" aria-label="典籍室 — Canon">
<title>典籍室 — Canon</title>
<path class="hotspot-shape" d="
M570,370 L575,260
Q578,242 605,237
Q632,242 635,260
L640,370 Z
"/>
<rect class="fill-door" x="582" y="270" width="46" height="100"/>
<!-- Scroll lines -->
<rect class="hotspot-icon" x="590" y="290" width="30" height="5"/>
<rect class="hotspot-icon" x="590" y="302" width="30" height="5"/>
<rect class="hotspot-icon" x="590" y="314" width="26" height="5"/>
<!-- Keystone -->
<rect class="fill-accent-shape" x="600" y="239" width="10" height="6"/>
<text class="hotspot-label" x="605" y="230" text-anchor="middle">典籍室</text>
</a>
<!-- ============================
13. Torch sconces (decorative)
============================ -->
<g class="scene-detail" aria-hidden="true">
<!-- Left side wall torch (1F) -->
<rect class="fill-wall-light" x="80" y="290" width="6" height="18"/>
<rect class="fill-accent-shape" x="78" y="282" width="10" height="10"/>
<rect class="fill-window-glow" x="73" y="274" width="20" height="12"/>
<!-- Right side wall torch (1F) -->
<rect class="fill-wall-light" x="714" y="290" width="6" height="18"/>
<rect class="fill-accent-shape" x="712" y="282" width="10" height="10"/>
<rect class="fill-window-glow" x="707" y="274" width="20" height="12"/>
<!-- Left balcony torch (2F, between rooms, cx=220) -->
<rect class="fill-wall-light" x="218" y="115" width="5" height="14"/>
<rect class="fill-accent-shape" x="216" y="108" width="9" height="9"/>
<rect class="fill-window-glow" x="212" y="102" width="17" height="10"/>
<!-- Right balcony torch (2F, between rooms, cx=580) -->
<rect class="fill-wall-light" x="578" y="115" width="5" height="14"/>
<rect class="fill-accent-shape" x="576" y="108" width="9" height="9"/>
<rect class="fill-window-glow" x="572" y="102" width="17" height="10"/>
</g>
<!-- ============================
14. Return button
============================ -->
<a class="hotspot" href="castle.html" aria-label="城门 — Return to castle exterior">
<title>城门 — Return to castle exterior</title>
<rect class="hotspot-shape" x="350" y="450" width="100" height="45" rx="4"/>
<text class="hotspot-label" x="400" y="478" text-anchor="middle">城门</text>
</a>
</svg>
</div>
<nav id="scene-nav-interior" class="scene-nav" aria-label="城堡内部导航">
<ul class="scene-nav__list">
<li><a class="scene-nav__link" href="https://blog.cytrogen.icu">图书馆 — 博客</a></li>
<li><a class="scene-nav__link" href="colophon.html">工坊 — 站点构成</a></li>
<li><a class="scene-nav__link" href="uses.html">兵器库 — 装备</a></li>
<li><a class="scene-nav__link" href="canon.html">典籍室 — 书籍与灵感</a></li>
<li><a class="scene-nav__link" href="about.html">卧室 — 关于领主</a></li>
<li><span class="scene-nav__link scene-nav__link--locked">祭堂（尚未开放）</span></li>
<li><span class="scene-nav__link scene-nav__link--locked">未知房间（尚未开放）</span></li>
<li><span class="scene-nav__link scene-nav__link--locked">未知房间（尚未开放）</span></li>
<li><a class="scene-nav__link" href="castle.html">城门 — 返回城堡外观</a></li>
</ul>
</nav>
</main>
</body>
</html>