diff --git a/.markdownlint-cli2.yaml b/.markdownlint-cli2.yaml
index 2610728..c9ff722 100644
--- a/.markdownlint-cli2.yaml
+++ b/.markdownlint-cli2.yaml
@@ -7,10 +7,12 @@ config:
   MD033:
     allowed_elements:
       - AutoMergeTable
+      - ClientOnly
       - ContentMeta
       - ElectiveCourseTable
       - HomePage
       - MaterialResourceList
+      - XingshuCampusMap
       - a
       - div
       - details
diff --git a/docs/.vitepress/sidebar.ts b/docs/.vitepress/sidebar.ts
index a3127a9..76a2248 100644
--- a/docs/.vitepress/sidebar.ts
+++ b/docs/.vitepress/sidebar.ts
@@ -6,6 +6,7 @@ export const sidebar: DefaultTheme.Sidebar = {
       text: '新生专题',
       items: [
         { text: '新生报到', link: '/start/' },
+        { text: '行署校区地图', link: '/start/xingshu-campus-map' },
         { text: '军训专题', link: '/start/jx' },
         { text: '作息安排', link: '/start/sh' },
         { text: '学院信息', link: '/start/info' },
diff --git a/docs/.vitepress/theme/components/XingshuCampusMap.vue b/docs/.vitepress/theme/components/XingshuCampusMap.vue
new file mode 100644
index 0000000..a61c2c7
--- /dev/null
+++ b/docs/.vitepress/theme/components/XingshuCampusMap.vue
@@ -0,0 +1,730 @@
+<script setup lang="ts">
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { withBase } from 'vitepress';
+import * as THREE from 'three';
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+
+type CampusFeature = {
+  id: string;
+  name: string;
+  ownerTile: string;
+  modelGrade: string;
+  status: string;
+  confidence: Record<'xy' | 'z' | 'roof', string>;
+  verification: 'candidate' | 'named';
+  centerLocalEN: [number, number];
+};
+
+type SemanticLayer = {
+  id: string;
+  nodeName: string;
+  label: string;
+  triangles: number;
+  sourceWayCount: number;
+};
+
+type CampusManifest = {
+  status: string;
+  presentation: {
+    style: string;
+    renderedRoofCards: boolean;
+  };
+  model: {
+    uri: string;
+    bytes: number;
+    triangles: number;
+    featureCount: number;
+  };
+  semanticLayers: SemanticLayer[];
+  features: CampusFeature[];
+  attribution: Array<{
+    name: string;
+    url: string;
+    license: string;
+  }>;
+  limitations: string[];
+};
+
+const host = ref<HTMLElement>();
+const shell = ref<HTMLElement>();
+const manifest = ref<CampusManifest>();
+const selectedId = ref('');
+const loadingText = ref('正在加载地图…');
+const errorMessage = ref('');
+const isReady = ref(false);
+const isFullscreen = ref(false);
+const showGround = ref(true);
+const showCampusRoads = ref(true);
+const showOuterRoads = ref(true);
+
+const features = computed(() =>
+  [...(manifest.value?.features ?? [])].sort((left, right) =>
+    left.name.localeCompare(right.name, 'zh-CN'),
+  ),
+);
+const selectedFeature = computed(() =>
+  manifest.value?.features.find((feature) => feature.id === selectedId.value),
+);
+const modelSize = computed(() => {
+  const bytes = manifest.value?.model.bytes ?? 0;
+  return bytes > 0 ? `${(bytes / 1024 / 1024).toFixed(2)} MB` : '—';
+});
+
+let renderer: THREE.WebGLRenderer | undefined;
+let scene: THREE.Scene | undefined;
+let camera: THREE.PerspectiveCamera | undefined;
+let controls: OrbitControls | undefined;
+let resizeObserver: ResizeObserver | undefined;
+let animationFrame = 0;
+let modelRoot: THREE.Object3D | undefined;
+let campusBounds: THREE.Box3 | undefined;
+let selectionHelper: THREE.Box3Helper | undefined;
+const featureRoots = new Map<string, THREE.Object3D>();
+const semanticNodes = new Map<string, THREE.Object3D>();
+const selectableMeshes: THREE.Mesh[] = [];
+const generatedOutlines: THREE.LineSegments[] = [];
+const outlineMaterial = new THREE.LineBasicMaterial({
+  color: 0x35322c,
+  opacity: 0.72,
+  transparent: true,
+  depthWrite: false,
+});
+const raycaster = new THREE.Raycaster();
+const pointer = new THREE.Vector2();
+let pointerStart: { x: number; y: number } | undefined;
+
+function disposeHelper(helper: THREE.Box3Helper) {
+  helper.geometry.dispose();
+  const materials = Array.isArray(helper.material) ? helper.material : [helper.material];
+  for (const material of materials) material.dispose();
+}
+
+function featureIdFromObject(object: THREE.Object3D | null) {
+  let current = object;
+  while (current) {
+    if (current.name.startsWith('feature__')) return current.name.slice('feature__'.length);
+    current = current.parent;
+  }
+  return null;
+}
+
+function updateSelectionHelper() {
+  if (!scene) return;
+  if (selectionHelper) {
+    scene.remove(selectionHelper);
+    disposeHelper(selectionHelper);
+    selectionHelper = undefined;
+  }
+  const root = featureRoots.get(selectedId.value);
+  if (!root) return;
+  const box = new THREE.Box3().setFromObject(root);
+  selectionHelper = new THREE.Box3Helper(box, 0xa24736);
+  selectionHelper.name = 'selected-building-outline';
+  selectionHelper.renderOrder = 50;
+  scene.add(selectionHelper);
+}
+
+function selectFeature(id: string, focus = false) {
+  if (!featureRoots.has(id)) return;
+  selectedId.value = id;
+  updateSelectionHelper();
+  if (focus) focusSelected();
+}
+
+function handleSelectChange(event: Event) {
+  selectFeature((event.target as HTMLSelectElement).value);
+}
+
+function focusSelected() {
+  const root = featureRoots.get(selectedId.value);
+  if (!root || !camera || !controls) return;
+  const box = new THREE.Box3().setFromObject(root);
+  const center = box.getCenter(new THREE.Vector3());
+  const size = box.getSize(new THREE.Vector3());
+  const distance = Math.max(42, size.length() * 2.25);
+  controls.target.copy(center);
+  camera.up.set(0, 1, 0);
+  camera.position.set(center.x + distance, center.y + distance * 0.72, center.z + distance);
+  camera.lookAt(center);
+  controls.update();
+}
+
+function fitCampus(topView = true) {
+  if (!campusBounds || !camera || !controls) return;
+  const center = campusBounds.getCenter(new THREE.Vector3());
+  const size = campusBounds.getSize(new THREE.Vector3());
+  const span = Math.max(size.x, size.z);
+  controls.target.copy(center);
+  if (topView) {
+    camera.up.set(0, 0, -1);
+    camera.position.set(center.x, Math.max(720, span * 1.25), center.z);
+  } else {
+    camera.up.set(0, 1, 0);
+    camera.position.set(center.x + span * 0.82, Math.max(300, span * 0.68), center.z + span * 0.82);
+  }
+  camera.lookAt(center);
+  controls.update();
+}
+
+function applyLayerVisibility() {
+  for (const id of ['campus-ground', 'grass', 'sports', 'water']) {
+    const node = semanticNodes.get(id);
+    if (node) node.visible = showGround.value;
+  }
+  for (const id of ['internal-roads', 'footpaths']) {
+    const node = semanticNodes.get(id);
+    if (node) node.visible = showCampusRoads.value;
+  }
+  const outerRoads = semanticNodes.get('external-roads');
+  if (outerRoads) outerRoads.visible = showOuterRoads.value;
+}
+
+function resizeRenderer() {
+  if (!host.value || !renderer || !camera) return;
+  const width = Math.max(1, host.value.clientWidth);
+  const height = Math.max(1, host.value.clientHeight);
+  renderer.setSize(width, height, false);
+  camera.aspect = width / height;
+  camera.updateProjectionMatrix();
+}
+
+function handlePointerDown(event: PointerEvent) {
+  pointerStart = { x: event.clientX, y: event.clientY };
+}
+
+function handlePointerUp(event: PointerEvent) {
+  if (!pointerStart || !renderer || !camera) return;
+  const movement = Math.hypot(event.clientX - pointerStart.x, event.clientY - pointerStart.y);
+  pointerStart = undefined;
+  if (movement > 5) return;
+  const rect = renderer.domElement.getBoundingClientRect();
+  pointer.x = ((event.clientX - rect.left) / rect.width) * 2 - 1;
+  pointer.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
+  raycaster.setFromCamera(pointer, camera);
+  const hit = raycaster.intersectObjects(selectableMeshes, false)[0];
+  const featureId = hit ? featureIdFromObject(hit.object) : null;
+  if (featureId) selectFeature(featureId);
+}
+
+async function toggleFullscreen() {
+  if (!shell.value) return;
+  if (document.fullscreenElement) await document.exitFullscreen();
+  else await shell.value.requestFullscreen();
+}
+
+function handleFullscreenChange() {
+  isFullscreen.value = document.fullscreenElement === shell.value;
+  nextTick(resizeRenderer);
+}
+
+function animate() {
+  controls?.update();
+  if (renderer && scene && camera) renderer.render(scene, camera);
+  animationFrame = requestAnimationFrame(animate);
+}
+
+async function initializeMap() {
+  if (!host.value) return;
+  try {
+    const manifestUrl = new URL(withBase('/maps/xingshu-campus/manifest.json'), location.href);
+    const response = await fetch(manifestUrl);
+    if (!response.ok) throw new Error(`地图清单加载失败（HTTP ${response.status}）`);
+    manifest.value = (await response.json()) as CampusManifest;
+    if (manifest.value.presentation.renderedRoofCards) {
+      throw new Error('地图包意外包含屋顶字牌，已停止加载。');
+    }
+
+    renderer = new THREE.WebGLRenderer({
+      antialias: true,
+      logarithmicDepthBuffer: true,
+      powerPreference: 'high-performance',
+    });
+    renderer.setPixelRatio(Math.min(devicePixelRatio, 2));
+    renderer.outputColorSpace = THREE.SRGBColorSpace;
+    renderer.toneMapping = THREE.ACESFilmicToneMapping;
+    renderer.toneMappingExposure = 1.06;
+    renderer.setClearColor(0xded5c1);
+    renderer.domElement.setAttribute('aria-label', '行署校区三维地图画布');
+    host.value.append(renderer.domElement);
+
+    scene = new THREE.Scene();
+    scene.add(new THREE.HemisphereLight(0xfff8e8, 0x716c62, 2.55));
+    const sun = new THREE.DirectionalLight(0xfff3d9, 2.05);
+    sun.position.set(-220, 380, 160);
+    scene.add(sun);
+
+    camera = new THREE.PerspectiveCamera(44, 1, 1, 1800);
+    controls = new OrbitControls(camera, renderer.domElement);
+    controls.enableDamping = true;
+    controls.maxPolarAngle = Math.PI * 0.49;
+    controls.minDistance = 35;
+    controls.maxDistance = 1500;
+
+    const modelUrl = new URL(manifest.value.model.uri, manifestUrl).href;
+    const loader = new GLTFLoader();
+    const gltf = await loader.loadAsync(modelUrl, (event) => {
+      if (!event.total) return;
+      loadingText.value = `正在加载地图… ${Math.round((event.loaded / event.total) * 100)}%`;
+    });
+    modelRoot = gltf.scene;
+    modelRoot.name = 'xingshu-campus-model';
+    scene.add(modelRoot);
+
+    const boundsObjects: THREE.Object3D[] = [];
+    for (const layer of manifest.value.semanticLayers) {
+      const node = modelRoot.getObjectByName(layer.nodeName);
+      if (node) {
+        semanticNodes.set(layer.id, node);
+        boundsObjects.push(node);
+      }
+    }
+    for (const feature of manifest.value.features) {
+      const root = modelRoot.getObjectByName(`feature__${feature.id}`);
+      if (!root) continue;
+      featureRoots.set(feature.id, root);
+      boundsObjects.push(root);
+      root.traverse((object) => {
+        if (!(object instanceof THREE.Mesh)) return;
+        selectableMeshes.push(object);
+        const outline = new THREE.LineSegments(
+          new THREE.EdgesGeometry(object.geometry, 34),
+          outlineMaterial,
+        );
+        outline.name = 'ink-outline';
+        outline.renderOrder = 30;
+        object.add(outline);
+        generatedOutlines.push(outline);
+      });
+    }
+    if (featureRoots.size !== manifest.value.model.featureCount) {
+      throw new Error(
+        `建筑节点不完整（${featureRoots.size}/${manifest.value.model.featureCount}）`,
+      );
+    }
+
+    campusBounds = new THREE.Box3();
+    for (const object of boundsObjects) campusBounds.expandByObject(object);
+    applyLayerVisibility();
+    selectedId.value = features.value[0]?.id ?? '';
+    updateSelectionHelper();
+    resizeObserver = new ResizeObserver(resizeRenderer);
+    resizeObserver.observe(host.value);
+    renderer.domElement.addEventListener('pointerdown', handlePointerDown);
+    renderer.domElement.addEventListener('pointerup', handlePointerUp);
+    document.addEventListener('fullscreenchange', handleFullscreenChange);
+    resizeRenderer();
+    fitCampus(true);
+    isReady.value = true;
+    loadingText.value = '地图已加载';
+    animate();
+  } catch (error) {
+    errorMessage.value = error instanceof Error ? error.message : '地图加载失败';
+    loadingText.value = '加载失败';
+  }
+}
+
+function disposeMap() {
+  cancelAnimationFrame(animationFrame);
+  resizeObserver?.disconnect();
+  document.removeEventListener('fullscreenchange', handleFullscreenChange);
+  if (renderer) {
+    renderer.domElement.removeEventListener('pointerdown', handlePointerDown);
+    renderer.domElement.removeEventListener('pointerup', handlePointerUp);
+  }
+  controls?.dispose();
+  if (selectionHelper) disposeHelper(selectionHelper);
+  for (const outline of generatedOutlines) outline.geometry.dispose();
+  outlineMaterial.dispose();
+  modelRoot?.traverse((object) => {
+    if (!(object instanceof THREE.Mesh)) return;
+    object.geometry.dispose();
+    const materials = Array.isArray(object.material) ? object.material : [object.material];
+    for (const material of materials) material.dispose();
+  });
+  renderer?.dispose();
+}
+
+watch([showGround, showCampusRoads, showOuterRoads], applyLayerVisibility);
+onMounted(initializeMap);
+onBeforeUnmount(disposeMap);
+</script>
+
+<template>
+  <section ref="shell" class="xingshu-map-shell" aria-labelledby="xingshu-map-title">
+    <header class="xingshu-map-header">
+      <div>
+        <p class="xingshu-map-kicker">新生专题 · 非官方学生白模</p>
+        <h2 id="xingshu-map-title">行署校区三维地图</h2>
+        <p>宣纸水墨风 · 点击建筑查看名称 · 不含屋顶字牌</p>
+      </div>
+      <span class="xingshu-map-status" :class="{ ready: isReady, error: errorMessage }">
+        {{ loadingText }}
+      </span>
+    </header>
+
+    <div class="xingshu-map-toolbar" aria-label="地图控制栏">
+      <label class="xingshu-map-select">
+        <span>选择建筑</span>
+        <select :value="selectedId" :disabled="!isReady" @change="handleSelectChange">
+          <option v-for="feature in features" :key="feature.id" :value="feature.id">
+            {{ feature.name }} · {{ feature.id }}
+          </option>
+        </select>
+      </label>
+      <div class="xingshu-map-actions">
+        <button type="button" :disabled="!isReady" @click="fitCampus(true)">顶视图</button>
+        <button type="button" :disabled="!isReady" @click="fitCampus(false)">斜视图</button>
+        <button type="button" :disabled="!isReady" @click="focusSelected">定位建筑</button>
+        <button type="button" :disabled="!isReady" @click="toggleFullscreen">
+          {{ isFullscreen ? '退出全屏' : '全屏查看' }}
+        </button>
+      </div>
+    </div>
+
+    <div class="xingshu-map-stage-wrap">
+      <div ref="host" class="xingshu-map-stage" aria-live="polite">
+        <div v-if="!isReady" class="xingshu-map-loading">
+          <strong>{{ loadingText }}</strong>
+          <span v-if="errorMessage">{{ errorMessage }}</span>
+        </div>
+      </div>
+      <div class="xingshu-map-hint">拖动旋转 · 滚轮或双指缩放 · 点击白模选择建筑</div>
+    </div>
+
+    <footer class="xingshu-map-footer">
+      <div class="xingshu-map-details">
+        <template v-if="selectedFeature">
+          <strong>{{ selectedFeature.name }}</strong>
+          <span>{{ selectedFeature.id }}</span>
+          <span>{{ selectedFeature.ownerTile }}</span>
+          <span>{{ selectedFeature.modelGrade }}</span>
+          <em v-if="selectedFeature.verification === 'candidate'">名称或形态待核验</em>
+        </template>
+        <span v-else>请选择一栋建筑</span>
+      </div>
+      <fieldset class="xingshu-map-layers">
+        <legend>图层</legend>
+        <label><input v-model="showGround" type="checkbox" /> 地面与水体</label>
+        <label><input v-model="showCampusRoads" type="checkbox" /> 校内道路</label>
+        <label><input v-model="showOuterRoads" type="checkbox" /> 外围道路</label>
+      </fieldset>
+      <div class="xingshu-map-stats">
+        <span>{{ manifest?.model.featureCount ?? 0 }} 栋</span>
+        <span>{{ manifest?.model.triangles.toLocaleString() ?? '—' }} 三角面</span>
+        <span>{{ modelSize }}</span>
+        <a
+          v-if="manifest?.attribution[0]"
+          :href="manifest.attribution[0].url"
+          target="_blank"
+          rel="noreferrer"
+        >
+          © OpenStreetMap contributors
+        </a>
+      </div>
+    </footer>
+  </section>
+</template>
+
+<style scoped>
+.xingshu-map-shell {
+  --map-ink: #302d27;
+  --map-paper: #ded5c1;
+  --map-paper-light: #f3eddf;
+  --map-seal: #a24736;
+  background: var(--map-paper-light);
+  border: 1px solid color-mix(in srgb, var(--map-ink), transparent 74%);
+  border-radius: 18px;
+  box-shadow: 0 22px 60px rgba(58, 48, 35, 0.16);
+  color: var(--map-ink);
+  margin: 24px 0;
+  overflow: hidden;
+}
+
+.xingshu-map-header,
+.xingshu-map-toolbar,
+.xingshu-map-footer {
+  padding: 14px 16px;
+}
+
+.xingshu-map-header {
+  align-items: center;
+  display: flex;
+  gap: 18px;
+  justify-content: space-between;
+}
+
+.xingshu-map-header h2,
+.xingshu-map-header p {
+  margin: 0;
+}
+
+.xingshu-map-header h2 {
+  color: var(--map-ink);
+  font-size: clamp(20px, 3vw, 28px);
+  letter-spacing: 0.04em;
+}
+
+.xingshu-map-header p:not(.xingshu-map-kicker) {
+  color: #6d665a;
+  font-size: 12px;
+  margin-top: 4px;
+}
+
+.xingshu-map-kicker {
+  color: var(--map-seal);
+  font-size: 11px;
+  font-weight: 800;
+  letter-spacing: 0.12em;
+  margin-bottom: 3px !important;
+  text-transform: uppercase;
+}
+
+.xingshu-map-status {
+  background: #e0d8c8;
+  border-radius: 999px;
+  color: #6b6255;
+  flex: 0 0 auto;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 6px 10px;
+}
+
+.xingshu-map-status.ready {
+  background: #5c6c54;
+  color: #fffdf6;
+}
+
+.xingshu-map-status.error {
+  background: var(--map-seal);
+  color: #fffdf6;
+}
+
+.xingshu-map-toolbar {
+  align-items: end;
+  background: rgba(255, 255, 255, 0.34);
+  border-top: 1px solid rgba(58, 48, 35, 0.12);
+  display: grid;
+  gap: 10px;
+  grid-template-columns: minmax(220px, 1fr) auto;
+}
+
+.xingshu-map-select {
+  display: grid;
+  font-size: 11px;
+  font-weight: 700;
+  gap: 5px;
+}
+
+.xingshu-map-select select,
+.xingshu-map-actions button {
+  background: rgba(255, 253, 246, 0.88);
+  border: 1px solid rgba(48, 45, 39, 0.24);
+  border-radius: 9px;
+  color: var(--map-ink);
+  font: inherit;
+  min-height: 36px;
+}
+
+.xingshu-map-select select {
+  padding: 0 10px;
+  width: 100%;
+}
+
+.xingshu-map-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+}
+
+.xingshu-map-actions button {
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 0 11px;
+}
+
+.xingshu-map-actions button:hover:not(:disabled) {
+  border-color: var(--map-seal);
+  color: var(--map-seal);
+}
+
+.xingshu-map-actions button:disabled,
+.xingshu-map-select select:disabled {
+  cursor: wait;
+  opacity: 0.5;
+}
+
+.xingshu-map-stage-wrap {
+  position: relative;
+}
+
+.xingshu-map-stage {
+  background: var(--map-paper);
+  height: clamp(480px, 68vh, 760px);
+  overflow: hidden;
+  position: relative;
+  touch-action: none;
+}
+
+.xingshu-map-stage :deep(canvas) {
+  display: block;
+  height: 100%;
+  outline: none;
+  width: 100%;
+}
+
+.xingshu-map-loading {
+  align-items: center;
+  color: #5f574b;
+  display: grid;
+  gap: 6px;
+  inset: 0;
+  justify-items: center;
+  padding: 28px;
+  place-content: center;
+  position: absolute;
+  text-align: center;
+}
+
+.xingshu-map-loading span {
+  font-size: 12px;
+}
+
+.xingshu-map-hint {
+  background: rgba(48, 45, 39, 0.82);
+  border-radius: 999px;
+  bottom: 12px;
+  color: #f7f0df;
+  font-size: 10px;
+  left: 50%;
+  padding: 6px 10px;
+  pointer-events: none;
+  position: absolute;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.xingshu-map-footer {
+  align-items: center;
+  display: grid;
+  gap: 12px;
+  grid-template-columns: minmax(170px, 1fr) auto;
+}
+
+.xingshu-map-details,
+.xingshu-map-stats {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+}
+
+.xingshu-map-details strong {
+  color: var(--map-ink);
+  font-size: 15px;
+}
+
+.xingshu-map-details span,
+.xingshu-map-details em,
+.xingshu-map-stats {
+  color: #6b6357;
+  font-size: 10px;
+}
+
+.xingshu-map-details em {
+  background: rgba(162, 71, 54, 0.1);
+  border-radius: 999px;
+  color: var(--map-seal);
+  font-style: normal;
+  font-weight: 700;
+  padding: 4px 7px;
+}
+
+.xingshu-map-layers {
+  border: 0;
+  display: flex;
+  gap: 8px 12px;
+  margin: 0;
+  padding: 0;
+}
+
+.xingshu-map-layers legend {
+  height: 0;
+  overflow: hidden;
+  position: absolute;
+  width: 0;
+}
+
+.xingshu-map-layers label {
+  align-items: center;
+  color: #5f574b;
+  display: flex;
+  font-size: 10px;
+  gap: 4px;
+  white-space: nowrap;
+}
+
+.xingshu-map-layers input {
+  accent-color: var(--map-seal);
+}
+
+.xingshu-map-stats {
+  grid-column: 1 / -1;
+}
+
+.xingshu-map-stats a {
+  color: #5e6658;
+  font-weight: 700;
+}
+
+.xingshu-map-shell:fullscreen {
+  border: 0;
+  border-radius: 0;
+  display: grid;
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  height: 100vh;
+  margin: 0;
+  width: 100vw;
+}
+
+.xingshu-map-shell:fullscreen .xingshu-map-stage {
+  height: 100%;
+}
+
+@media (max-width: 720px) {
+  .xingshu-map-header {
+    align-items: start;
+  }
+
+  .xingshu-map-toolbar,
+  .xingshu-map-footer {
+    grid-template-columns: 1fr;
+  }
+
+  .xingshu-map-actions button {
+    flex: 1 1 calc(50% - 7px);
+  }
+
+  .xingshu-map-stage {
+    height: min(62vh, 580px);
+    min-height: 430px;
+  }
+
+  .xingshu-map-layers {
+    flex-wrap: wrap;
+  }
+
+  .xingshu-map-hint {
+    max-width: calc(100% - 24px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .xingshu-map-actions button {
+    transition: none;
+  }
+}
+</style>
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index a439aae..e81016f 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,5 +1,6 @@
 import DefaultTheme from 'vitepress/theme';
 import type { Theme } from 'vitepress';
+import { defineAsyncComponent } from 'vue';
 import AutoMergeTable from './components/AutoMergeTable.vue';
 import ContentMeta from './components/ContentMeta.vue';
 import ElectiveCourseTable from './components/ElectiveCourseTable.vue';
@@ -18,5 +19,9 @@ export default {
     app.component('ElectiveCourseTable', ElectiveCourseTable);
     app.component('HomePage', HomePage);
     app.component('MaterialResourceList', MaterialResourceList);
+    app.component(
+      'XingshuCampusMap',
+      defineAsyncComponent(() => import('./components/XingshuCampusMap.vue')),
+    );
   },
 } satisfies Theme;
diff --git a/docs/public/maps/xingshu-campus/manifest.json b/docs/public/maps/xingshu-campus/manifest.json
new file mode 100644
index 0000000..3ca5f5b
--- /dev/null
+++ b/docs/public/maps/xingshu-campus/manifest.json
@@ -0,0 +1,689 @@
+{
+  "schemaVersion": 1,
+  "datasetId": "cwnu-xingshu",
+  "releaseId": "s14-site-draft",
+  "status": "needs-review",
+  "generatedAt": "2026-08-02T13:19:46.602Z",
+  "coordinateSystem": {
+    "unit": "m",
+    "axes": {
+      "x": "east",
+      "y": "up",
+      "z": "south"
+    },
+    "north": [0, 0, -1],
+    "logicalGroundZ": 0,
+    "sourceCrs": "EPSG:32648",
+    "originWgs84": {
+      "longitude": 106.0847768,
+      "latitude": 30.7996681,
+      "height": null
+    }
+  },
+  "presentation": {
+    "style": "xuan-paper-ink-wash",
+    "renderedRoofCards": false
+  },
+  "model": {
+    "uri": "xingshu-campus.glb",
+    "bytes": 1638460,
+    "sha256": "618ce2affd4891f355164559a1773b9aec8e8de8b3bbbbfca8ba8652e19c2a79",
+    "triangles": 20288,
+    "nodes": 50,
+    "meshes": 50,
+    "featureCount": 42
+  },
+  "semanticLayers": [
+    {
+      "id": "campus-ground",
+      "nodeName": "layer__campus-ground",
+      "label": "校园地面",
+      "triangles": 76,
+      "sourceWayCount": 1
+    },
+    {
+      "id": "grass",
+      "nodeName": "layer__grass",
+      "label": "OSM 外围绿地",
+      "triangles": 20,
+      "sourceWayCount": 1
+    },
+    {
+      "id": "internal-roads",
+      "nodeName": "layer__internal-roads",
+      "label": "校内车行道路",
+      "triangles": 5820,
+      "sourceWayCount": 32
+    },
+    {
+      "id": "footpaths",
+      "nodeName": "layer__footpaths",
+      "label": "步行路与台阶",
+      "triangles": 912,
+      "sourceWayCount": 9
+    },
+    {
+      "id": "external-roads",
+      "nodeName": "layer__external-roads",
+      "label": "校园外围道路",
+      "triangles": 3924,
+      "sourceWayCount": 33
+    },
+    {
+      "id": "water",
+      "nodeName": "layer__water",
+      "label": "水体与游泳池",
+      "triangles": 72,
+      "sourceWayCount": 2
+    },
+    {
+      "id": "sports",
+      "nodeName": "layer__sports",
+      "label": "运动场地",
+      "triangles": 100,
+      "sourceWayCount": 7
+    }
+  ],
+  "features": [
+    {
+      "id": "xs-bldg-0001",
+      "name": "图书馆",
+      "ownerTile": "r05-c02",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "B",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-157.46591770120432, 280.75360918347724]
+    },
+    {
+      "id": "xs-bldg-0002",
+      "name": "南校门内侧小型多层建筑候选",
+      "ownerTile": "r08-c04",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [-13.54002607561415, 95.59155623987317]
+    },
+    {
+      "id": "xs-bldg-0003",
+      "name": "东五公寓",
+      "ownerTile": "r05-c07",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [145.9345656922087, 309.921645791037]
+    },
+    {
+      "id": "xs-bldg-0004",
+      "name": "东四公寓",
+      "ownerTile": "r05-c07",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [133.81280018686084, 270.90958694100846]
+    },
+    {
+      "id": "xs-bldg-0005",
+      "name": "东三楼",
+      "ownerTile": "r06-c07",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [129.59396817255765, 238.07333112042397]
+    },
+    {
+      "id": "xs-bldg-0006",
+      "name": "东二公寓",
+      "ownerTile": "r06-c06",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [121.87172679867945, 209.33192910684738]
+    },
+    {
+      "id": "xs-bldg-0007",
+      "name": "行署办公楼",
+      "ownerTile": "r05-c05",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [59.18877586213057, 271.24661045719404]
+    },
+    {
+      "id": "xs-bldg-0008",
+      "name": "教学楼",
+      "ownerTile": "r07-c05",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [33.14971476356284, 177.62634142656594]
+    },
+    {
+      "id": "xs-bldg-0009",
+      "name": "西三楼",
+      "ownerTile": "r06-c04",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-21.543990044738166, 250.32649603311438]
+    },
+    {
+      "id": "xs-bldg-0010",
+      "name": "胡耀邦同志川北办公旧址",
+      "ownerTile": "r06-c05",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [29.648895755730337, 254.591506413999]
+    },
+    {
+      "id": "xs-bldg-0011",
+      "name": "川北行署主要领导办公房（东侧）",
+      "ownerTile": "r06-c06",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [77.93390629158239, 240.03812113660388]
+    },
+    {
+      "id": "xs-bldg-0012",
+      "name": "西五楼",
+      "ownerTile": "r04-c05",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [10.299776875704993, 352.78694562159944]
+    },
+    {
+      "id": "xs-bldg-0013",
+      "name": "西四楼",
+      "ownerTile": "r05-c04",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-3.9090608159895055, 312.380378834554]
+    },
+    {
+      "id": "xs-bldg-0014",
+      "name": "浴池",
+      "ownerTile": "r04-c07",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [142.6156192853523, 383.9510638068896]
+    },
+    {
+      "id": "xs-bldg-0015",
+      "name": "第一学生食堂",
+      "ownerTile": "r04-c07",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [150.86623744318624, 348.2462541495398]
+    },
+    {
+      "id": "xs-bldg-0016",
+      "name": "行署礼堂",
+      "ownerTile": "r04-c06",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [86.37461781754973, 365.0704976609559]
+    },
+    {
+      "id": "xs-bldg-0017",
+      "name": "西二楼",
+      "ownerTile": "r06-c04",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-30.631346794281853, 220.23634262406267]
+    },
+    {
+      "id": "xs-bldg-0018",
+      "name": "大学科技园",
+      "ownerTile": "r06-c01",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-211.28023226719233, 226.271999325254]
+    },
+    {
+      "id": "xs-bldg-0019",
+      "name": "高职学院实训大楼",
+      "ownerTile": "r08-c03",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-74.03408988999436, 73.17842331388965]
+    },
+    {
+      "id": "xs-bldg-0020",
+      "name": "西苑学生公寓",
+      "ownerTile": "r08-c03",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-70.83978250975876, 116.0176295270988]
+    },
+    {
+      "id": "xs-bldg-0021",
+      "name": "东南片区两层红砖建筑候选",
+      "ownerTile": "r07-c06",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "B",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [113.94059997308068, 174.01282573211938]
+    },
+    {
+      "id": "xs-bldg-0022",
+      "name": "东南片区大型组合建筑候选",
+      "ownerTile": "r08-c07",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [189.31315037627064, 117.0619962241617]
+    },
+    {
+      "id": "xs-bldg-0023",
+      "name": "第二学生食堂",
+      "ownerTile": "r06-c07",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [193.2298765340238, 198.90051786520053]
+    },
+    {
+      "id": "xs-bldg-0024",
+      "name": "计算机中心",
+      "ownerTile": "r06-c03",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-105.51518884543718, 244.8167998245141]
+    },
+    {
+      "id": "xs-bldg-0025",
+      "name": "校史陈列室",
+      "ownerTile": "r05-c03",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-105.36142029674374, 275.69505931274034]
+    },
+    {
+      "id": "xs-bldg-0026",
+      "name": "体育馆",
+      "ownerTile": "r02-c02",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-138.79951843293384, 467.1678650909259]
+    },
+    {
+      "id": "xs-bldg-0027",
+      "name": "校医院",
+      "ownerTile": "r03-c05",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [17.738632123087882, 387.70492278790334]
+    },
+    {
+      "id": "xs-bldg-0028",
+      "name": "北三公寓",
+      "ownerTile": "r03-c05",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [58.871306197130416, 429.4315132586582]
+    },
+    {
+      "id": "xs-bldg-0029",
+      "name": "北侧中轴东部组合建筑候选",
+      "ownerTile": "r02-c06",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [101.2354705158246, 450.0885546946277]
+    },
+    {
+      "id": "xs-bldg-0030",
+      "name": "第二教学楼",
+      "ownerTile": "r07-c02",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-182.70725241228502, 151.09381833148655]
+    },
+    {
+      "id": "xs-bldg-0031",
+      "name": "实训楼北侧附属房候选",
+      "ownerTile": "r07-c03",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [-124.11829394934466, 132.81588420126354]
+    },
+    {
+      "id": "xs-bldg-0032",
+      "name": "车队",
+      "ownerTile": "r07-c02",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [-132.39404883283228, 166.0140942267608]
+    },
+    {
+      "id": "xs-bldg-0033",
+      "name": "西门侧八层建筑候选",
+      "ownerTile": "r05-c01",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "B",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [-199.32311771984678, 316.5351569710765]
+    },
+    {
+      "id": "xs-bldg-0034",
+      "name": "礼堂北侧小型多层建筑候选",
+      "ownerTile": "r03-c05",
+      "modelGrade": "M1+",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "candidate",
+      "centerLocalEN": [55.44940298167057, 395.33086020476185]
+    },
+    {
+      "id": "xs-bldg-0035",
+      "name": "木工房",
+      "ownerTile": "r03-c04",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-14.85, 421.66366666666664]
+    },
+    {
+      "id": "xs-bldg-0036",
+      "name": "锅炉房与老烟囱",
+      "ownerTile": "r03-c07",
+      "modelGrade": "M2",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "B",
+        "roof": "B"
+      },
+      "verification": "named",
+      "centerLocalEN": [170.46625, 381.231]
+    },
+    {
+      "id": "xs-bldg-0037",
+      "name": "西七楼",
+      "ownerTile": "r03-c03",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-96.97975, 402.89475000000004]
+    },
+    {
+      "id": "xs-bldg-0038",
+      "name": "校一幢",
+      "ownerTile": "r04-c02",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-160.93225, 359.539]
+    },
+    {
+      "id": "xs-bldg-0039",
+      "name": "校二幢",
+      "ownerTile": "r03-c02",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-151.77519999999998, 442.57]
+    },
+    {
+      "id": "xs-bldg-0040",
+      "name": "西华师大宾馆",
+      "ownerTile": "r06-c01",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [-244.95683333333332, 191.03533333333334]
+    },
+    {
+      "id": "xs-bldg-0041",
+      "name": "国资楼",
+      "ownerTile": "r08-c05",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [50.208999999999996, 113.52283333333334]
+    },
+    {
+      "id": "xs-bldg-0042",
+      "name": "南三公寓",
+      "ownerTile": "r08-c06",
+      "modelGrade": "M1",
+      "status": "needs-review",
+      "confidence": {
+        "xy": "C",
+        "z": "C",
+        "roof": "C"
+      },
+      "verification": "named",
+      "centerLocalEN": [102.57249999999999, 106.29249999999999]
+    }
+  ],
+  "attribution": [
+    {
+      "name": "OpenStreetMap contributors",
+      "url": "https://www.openstreetmap.org/copyright",
+      "license": "Open Database License 1.0"
+    }
+  ],
+  "limitations": [
+    "学生维护的非官方白模，不是测绘成果，也不能代替校园导航或应急疏散图。",
+    "建筑名称、用途、轮廓与高度仍有待核验项；请以学校现场标识和正式通知为准。",
+    "模型不包含全景图片、功能图、校徽、个人信息或任何受限参考图层。"
+  ]
+}
diff --git a/docs/public/maps/xingshu-campus/xingshu-campus.glb b/docs/public/maps/xingshu-campus/xingshu-campus.glb
new file mode 100644
index 0000000..102093a
Binary files /dev/null and b/docs/public/maps/xingshu-campus/xingshu-campus.glb differ
diff --git a/docs/start/index.md b/docs/start/index.md
index 8c4e5e9..9c60966 100644
--- a/docs/start/index.md
+++ b/docs/start/index.md
@@ -24,6 +24,7 @@ sources:
 具体新生板块专题如下：
 
 - [军训专题](/start/jx)
+- [行署校区三维地图](/start/xingshu-campus-map)
 - [作息安排](/start/sh)
 - [学院信息](/start/info)
 - [学院组织](/start/org)
diff --git a/docs/start/xingshu-campus-map.md b/docs/start/xingshu-campus-map.md
new file mode 100644
index 0000000..fcb54b5
--- /dev/null
+++ b/docs/start/xingshu-campus-map.md
@@ -0,0 +1,48 @@
+---
+title: 行署校区三维地图
+description: 可旋转、缩放和点选建筑的行署校区非官方三维白模
+category: start
+audience:
+  - 本科新生
+  - 行署校区学生
+content_type: experience
+status: needs-review
+maintainers:
+  - SCSWiki 维护组
+sources:
+  - name: OpenStreetMap contributors
+    url: https://www.openstreetmap.org/copyright
+  - name: 西华师范大学行署校区三维全景漫游
+    url: https://www.cwnu.edu.cn/qjxy/bh/index.html
+---
+
+<ContentMeta />
+
+# 行署校区三维地图
+
+这是一份由学生整理的行署校区非官方三维白模。你可以拖动旋转、滚轮或双指缩放，
+也可以点击建筑查看当前登记名称。
+
+<ClientOnly>
+  <XingshuCampusMap />
+
+<template #fallback>
+
+<p>三维地图需要在浏览器中加载，请稍候。</p>
+</template>
+</ClientOnly>
+
+## 使用前请注意
+
+- 本图不是学校发布的校园导航图、测绘成果或应急疏散图。
+- 建筑名称、用途、轮廓、高度和现状仍有待核验项，请以现场标识和学校正式通知为准。
+- 模型不包含全景图片、校徽、功能图、水印、个人信息或受限参考图层。
+- 可发布道路与地面语义主要依据 OpenStreetMap 矢量数据，并保留贡献者署名。
+- 为避免遮挡和方向错误，建筑名称只显示在选择器与信息面板，不放置屋顶字牌。
+
+## 模型范围
+
+当前版本包含 42 栋可点选白模、校内与外围道路、运动场、水体和校园地面。
+模型采用宣纸水墨风格，主要用于新生熟悉空间关系和后续共同校对。
+
+如果发现建筑缺失、名称错误或位置明显偏差，欢迎通过页面底部的 GitHub 编辑入口提交修正。
diff --git a/package.json b/package.json
index 5397730..bfa7394 100644
--- a/package.json
+++ b/package.json
@@ -27,11 +27,13 @@
   "dependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
     "markdown-it": "^14.3.0",
+    "three": "0.185.1",
     "vitepress": "^1.6.4",
     "vue": "^3.5.22"
   },
   "devDependencies": {
     "@types/node": "^22.18.6",
+    "@types/three": "0.185.3",
     "fast-glob": "^3.3.3",
     "gray-matter": "^4.0.3",
     "katex": "^0.17.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9631561..06a8a30 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       markdown-it:
         specifier: ^14.3.0
         version: 14.3.0
+      three:
+        specifier: 0.185.1
+        version: 0.185.1
       vitepress:
         specifier: ^1.6.4
         version: 1.6.4(@algolia/client-search@5.55.0)(@types/node@22.20.0)(markdown-it-mathjax3@4.3.2)(postcss@8.5.15)(search-insights@2.17.3)(typescript@5.9.3)
@@ -24,6 +27,9 @@ importers:
       '@types/node':
         specifier: ^22.18.6
         version: 22.20.0
+      '@types/three':
+        specifier: 0.185.3
+        version: 0.185.3
       fast-glob:
         specifier: ^3.3.3
         version: 3.3.3
@@ -150,6 +156,9 @@ packages:
     resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==, tarball: https://registry.npmmirror.com/@babel/types/-/types-7.29.7.tgz}
     engines: {node: '>=6.9.0'}
 
+  '@dimforge/rapier3d-compat@0.12.0':
+    resolution: {integrity: sha512-uekIGetywIgopfD97oDL5PfeezkFpNhwlzlaEYNOA0N6ghdsOvh/HYjSMek5Q2O1PYvRSDFcqFVJl4r4ZBwOow==}
+
   '@docsearch/css@3.8.2':
     resolution: {integrity: sha512-y05ayQFyUmCXze79+56v/4HpycYF3uFqB78pLPrSV5ZKAlDuIAAJNhaRi8tTdRNXh05yxX/TyNnzD6LwSM89vQ==, tarball: https://registry.npmmirror.com/@docsearch/css/-/css-3.8.2.tgz}
 
@@ -654,6 +663,9 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==, tarball: https://registry.npmmirror.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz}
     engines: {node: '>=18'}
 
+  '@tweenjs/tween.js@23.1.3':
+    resolution: {integrity: sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA==}
+
   '@types/debug@4.1.13':
     resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==, tarball: https://registry.npmmirror.com/@types/debug/-/debug-4.1.13.tgz}
 
@@ -684,6 +696,12 @@ packages:
   '@types/node@22.20.0':
     resolution: {integrity: sha512-QWlFW2wf3nTjC13/DqRnBpR4ZO36VJH/JVBkA/vcnmbTBNQIlnObqyqZE1tUR7+Ni23Lda8R1BxMfbXRpCUx5g==, tarball: https://registry.npmmirror.com/@types/node/-/node-22.20.0.tgz}
 
+  '@types/stats.js@0.17.4':
+    resolution: {integrity: sha512-jIBvWWShCvlBqBNIZt0KAshWpvSjhkwkEu4ZUcASoAvhmrgAUI2t1dXrjSL4xXVLB4FznPrIsX3nKXFl/Dt4vA==}
+
+  '@types/three@0.185.3':
+    resolution: {integrity: sha512-8TqTn1+fjPWuJ4mR6Igtg56DCf9b5EeAlwhb5xaa6WlBrsg7SvG0NQbyctGRkHCKwg0uftfCspOEsTXelgktMA==}
+
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==, tarball: https://registry.npmmirror.com/@types/unist/-/unist-2.0.11.tgz}
 
@@ -693,6 +711,9 @@ packages:
   '@types/web-bluetooth@0.0.21':
     resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==, tarball: https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz}
 
+  '@types/webxr@0.5.24':
+    resolution: {integrity: sha512-h8fgEd/DpoS9CBrjEQXR+dIDraopAEfu4wYVNY2tEPwk60stPWhvZMf4Foo5FakuQ7HFZoa8WceaWFervK2Ovg==}
+
   '@ungap/structured-clone@1.3.2':
     resolution: {integrity: sha512-5jsZFwgR5rTdKwidH9Qmat75RKwqfpKlWWB1frDkljN127mwqBu8K0PYo7/hFpF03IEJpfVPpCQDY/eDx3iHvA==, tarball: https://registry.npmmirror.com/@ungap/structured-clone/-/structured-clone-1.3.2.tgz}
 
@@ -1016,6 +1037,9 @@ packages:
   fastq@1.20.1:
     resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==, tarball: https://registry.npmmirror.com/fastq/-/fastq-1.20.1.tgz}
 
+  fflate@0.8.3:
+    resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==, tarball: https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz}
     engines: {node: '>=8'}
@@ -1189,6 +1213,9 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, tarball: https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz}
     engines: {node: '>= 8'}
 
+  meshoptimizer@1.1.1:
+    resolution: {integrity: sha512-oRFNWJRDA/WTrVj7NWvqa5HqE1t9MYDj2VaWirQCzCCrAd2GHrqR/sQezCxiWATPNlKTcRaPRHPJwIRoPBAp5g==}
+
   mhchemparser@4.2.1:
     resolution: {integrity: sha512-kYmyrCirqJf3zZ9t/0wGgRZ4/ZJw//VwaRVGA75C4nhE60vtnIzhl9J9ndkX/h6hxSN7pjg/cE0VxbnNM+bnDQ==, tarball: https://registry.npmmirror.com/mhchemparser/-/mhchemparser-4.2.1.tgz}
 
@@ -1442,6 +1469,9 @@ packages:
   tabbable@6.5.0:
     resolution: {integrity: sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==, tarball: https://registry.npmmirror.com/tabbable/-/tabbable-6.5.0.tgz}
 
+  three@0.185.1:
+    resolution: {integrity: sha512-5aojFCXKwnjBRZvUnt3WFfEcvUJgkN5LlijRFN95hMy8WVkG4I0QNcJE+OuWvuJ0bOdStrbfXn0pkd6/QyiAlg==}
+
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==, tarball: https://registry.npmmirror.com/tinybench/-/tinybench-2.9.0.tgz}
 
@@ -1750,6 +1780,8 @@ snapshots:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
 
+  '@dimforge/rapier3d-compat@0.12.0': {}
+
   '@docsearch/css@3.8.2': {}
 
   '@docsearch/js@3.8.2(@algolia/client-search@5.55.0)(search-insights@2.17.3)':
@@ -2058,6 +2090,8 @@ snapshots:
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
+  '@tweenjs/tween.js@23.1.3': {}
+
   '@types/debug@4.1.13':
     dependencies:
       '@types/ms': 2.1.0
@@ -2089,12 +2123,25 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
+  '@types/stats.js@0.17.4': {}
+
+  '@types/three@0.185.3':
+    dependencies:
+      '@dimforge/rapier3d-compat': 0.12.0
+      '@tweenjs/tween.js': 23.1.3
+      '@types/stats.js': 0.17.4
+      '@types/webxr': 0.5.24
+      fflate: 0.8.3
+      meshoptimizer: 1.1.1
+
   '@types/unist@2.0.11': {}
 
   '@types/unist@3.0.3': {}
 
   '@types/web-bluetooth@0.0.21': {}
 
+  '@types/webxr@0.5.24': {}
+
   '@ungap/structured-clone@1.3.2': {}
 
   '@vitejs/plugin-vue@5.2.4(vite@5.4.21(@types/node@22.20.0))(vue@3.5.38(typescript@5.9.3))':
@@ -2492,6 +2539,8 @@ snapshots:
     dependencies:
       reusify: 1.1.0
 
+  fflate@0.8.3: {}
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -2726,6 +2775,8 @@ snapshots:
 
   merge2@1.4.1: {}
 
+  meshoptimizer@1.1.1: {}
+
   mhchemparser@4.2.1:
     optional: true
 
@@ -3088,6 +3139,8 @@ snapshots:
 
   tabbable@6.5.0: {}
 
+  three@0.185.1: {}
+
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}