From c90b10cd5a980b51c3a6b1885512381d247d5da8 Mon Sep 17 00:00:00 2001
From: flowerstonezl <125468358+flowerstonezl@users.noreply.github.com>
Date: Mon, 11 May 2026 19:34:35 +0800
Subject: [PATCH] first commit

---
 .gitignore                                    |   10 +
 backend/.dockerignore                         |    7 +
 backend/Dockerfile                            |   25 +
 backend/docker-entrypoint.sh                  |    6 +
 backend/journal/__init__.py                   |    0
 backend/journal/admin.py                      |  196 ++
 backend/journal/apps.py                       |    6 +
 backend/journal/management/__init__.py        |    0
 .../journal/management/commands/__init__.py   |    0
 .../management/commands/seed_nepal_story.py   |   85 +
 backend/journal/migrations/0001_initial.py    |   56 +
 .../0002_expand_nepal_art_style_length.py     |   18 +
 ...config_together_netease_unlock_nullable.py |   33 +
 .../0004_netease_player_textfield.py          |   18 +
 .../0005_remove_netease_from_config.py        |   22 +
 .../journal/migrations/0006_memory_photo.py   |   28 +
 backend/journal/migrations/__init__.py        |    0
 backend/journal/models.py                     |  143 ++
 backend/journal/serializers.py                |   51 +
 backend/journal/tests.py                      |    3 +
 backend/journal/url                           |    4 +
 backend/journal/urls.py                       |    9 +
 backend/journal/views.py                      |   69 +
 backend/manage.py                             |   22 +
 backend/ourstory/__init__.py                  |    0
 backend/ourstory/asgi.py                      |   16 +
 backend/ourstory/settings.py                  |  139 +
 backend/ourstory/urls.py                      |   14 +
 backend/ourstory/wsgi.py                      |   16 +
 backend/requirements.txt                      |    6 +
 docker-compose.yml                            |   27 +
 frontend/.dockerignore                        |    3 +
 frontend/.env.development                     |    5 +
 frontend/.gitignore                           |   24 +
 frontend/.vscode/extensions.json              |    3 +
 frontend/Dockerfile                           |   17 +
 frontend/README.md                            |    5 +
 frontend/index.html                           |   20 +
 frontend/nginx.conf                           |   31 +
 frontend/package-lock.json                    | 2263 +++++++++++++++++
 frontend/package.json                         |   34 +
 frontend/public/audio/.gitkeep                |    0
 frontend/public/favicon.svg                   |    1 +
 frontend/public/icons.svg                     |   24 +
 frontend/public/lottie/heart.json             |   73 +
 frontend/src/App.vue                          |    7 +
 frontend/src/api/client.ts                    |   77 +
 frontend/src/assets/hero.png                  |  Bin 0 -> 13057 bytes
 frontend/src/assets/vite.svg                  |    1 +
 frontend/src/assets/vue.svg                   |    1 +
 frontend/src/components/FissurePage.vue       |  112 +
 .../src/components/HeartMangaBackdrop.vue     |   25 +
 frontend/src/components/HeartWindowPage.vue   |  177 ++
 frontend/src/components/LottieSticker.vue     |   64 +
 frontend/src/components/MessageForm.vue       |   93 +
 frontend/src/components/NepalChapterBand.vue  |   22 +
 frontend/src/components/NepalHero.vue         |   46 +
 .../src/components/NepalPageContainer.vue     |  327 +++
 frontend/src/components/NeteaseEmbed.vue      |   44 +
 frontend/src/components/PolaroidCard.vue      |  209 ++
 frontend/src/components/StandardNepalPage.vue |   87 +
 frontend/src/components/Timeline.vue          |   70 +
 frontend/src/components/TogetherCounter.vue   |  174 ++
 frontend/src/components/WashiTape.vue         |   28 +
 .../standardScenes/ArgueAnimeScene.vue        |   20 +
 .../standardScenes/BlueAnimeScene.vue         |   24 +
 .../standardScenes/DawnAnimeScene.vue         |   25 +
 .../standardScenes/GoldAnimeScene.vue         |   27 +
 .../standardScenes/HomeAnimeScene.vue         |   20 +
 .../standardScenes/IkeaAnimeScene.vue         |   79 +
 .../standardScenes/LotusAnimeScene.vue        |   29 +
 .../standardScenes/MangaSceneRouter.vue       |   43 +
 .../standardScenes/MintAnimeScene.vue         |   24 +
 .../standardScenes/NightAnimeScene.vue        |   23 +
 .../standardScenes/PaperAnimeScene.vue        |   11 +
 .../standardScenes/RoseAnimeScene.vue         |   24 +
 frontend/src/config/neteasePlayer.ts          |   17 +
 frontend/src/constants/nepalThemes.ts         |   82 +
 frontend/src/main.ts                          |    5 +
 frontend/src/style.css                        |  171 ++
 frontend/src/utils/renderMarkdown.ts          |   38 +
 frontend/src/utils/storyPageTransition.ts     |  100 +
 frontend/src/utils/togetherDuration.ts        |   48 +
 frontend/src/views/OurStory.vue               |  163 ++
 frontend/src/vite-env.d.ts                    |    9 +
 frontend/tsconfig.app.json                    |   14 +
 frontend/tsconfig.json                        |    7 +
 frontend/tsconfig.node.json                   |   24 +
 frontend/vite.config.ts                       |   19 +
 89 files changed, 6142 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 backend/.dockerignore
 create mode 100644 backend/Dockerfile
 create mode 100644 backend/docker-entrypoint.sh
 create mode 100644 backend/journal/__init__.py
 create mode 100644 backend/journal/admin.py
 create mode 100644 backend/journal/apps.py
 create mode 100644 backend/journal/management/__init__.py
 create mode 100644 backend/journal/management/commands/__init__.py
 create mode 100644 backend/journal/management/commands/seed_nepal_story.py
 create mode 100644 backend/journal/migrations/0001_initial.py
 create mode 100644 backend/journal/migrations/0002_expand_nepal_art_style_length.py
 create mode 100644 backend/journal/migrations/0003_config_together_netease_unlock_nullable.py
 create mode 100644 backend/journal/migrations/0004_netease_player_textfield.py
 create mode 100644 backend/journal/migrations/0005_remove_netease_from_config.py
 create mode 100644 backend/journal/migrations/0006_memory_photo.py
 create mode 100644 backend/journal/migrations/__init__.py
 create mode 100644 backend/journal/models.py
 create mode 100644 backend/journal/serializers.py
 create mode 100644 backend/journal/tests.py
 create mode 100644 backend/journal/url
 create mode 100644 backend/journal/urls.py
 create mode 100644 backend/journal/views.py
 create mode 100644 backend/manage.py
 create mode 100644 backend/ourstory/__init__.py
 create mode 100644 backend/ourstory/asgi.py
 create mode 100644 backend/ourstory/settings.py
 create mode 100644 backend/ourstory/urls.py
 create mode 100644 backend/ourstory/wsgi.py
 create mode 100644 backend/requirements.txt
 create mode 100644 docker-compose.yml
 create mode 100644 frontend/.dockerignore
 create mode 100644 frontend/.env.development
 create mode 100644 frontend/.gitignore
 create mode 100644 frontend/.vscode/extensions.json
 create mode 100644 frontend/Dockerfile
 create mode 100644 frontend/README.md
 create mode 100644 frontend/index.html
 create mode 100644 frontend/nginx.conf
 create mode 100644 frontend/package-lock.json
 create mode 100644 frontend/package.json
 create mode 100644 frontend/public/audio/.gitkeep
 create mode 100644 frontend/public/favicon.svg
 create mode 100644 frontend/public/icons.svg
 create mode 100644 frontend/public/lottie/heart.json
 create mode 100644 frontend/src/App.vue
 create mode 100644 frontend/src/api/client.ts
 create mode 100644 frontend/src/assets/hero.png
 create mode 100644 frontend/src/assets/vite.svg
 create mode 100644 frontend/src/assets/vue.svg
 create mode 100644 frontend/src/components/FissurePage.vue
 create mode 100644 frontend/src/components/HeartMangaBackdrop.vue
 create mode 100644 frontend/src/components/HeartWindowPage.vue
 create mode 100644 frontend/src/components/LottieSticker.vue
 create mode 100644 frontend/src/components/MessageForm.vue
 create mode 100644 frontend/src/components/NepalChapterBand.vue
 create mode 100644 frontend/src/components/NepalHero.vue
 create mode 100644 frontend/src/components/NepalPageContainer.vue
 create mode 100644 frontend/src/components/NeteaseEmbed.vue
 create mode 100644 frontend/src/components/PolaroidCard.vue
 create mode 100644 frontend/src/components/StandardNepalPage.vue
 create mode 100644 frontend/src/components/Timeline.vue
 create mode 100644 frontend/src/components/TogetherCounter.vue
 create mode 100644 frontend/src/components/WashiTape.vue
 create mode 100644 frontend/src/components/standardScenes/ArgueAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/BlueAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/DawnAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/GoldAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/HomeAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/IkeaAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/LotusAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/MangaSceneRouter.vue
 create mode 100644 frontend/src/components/standardScenes/MintAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/NightAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/PaperAnimeScene.vue
 create mode 100644 frontend/src/components/standardScenes/RoseAnimeScene.vue
 create mode 100644 frontend/src/config/neteasePlayer.ts
 create mode 100644 frontend/src/constants/nepalThemes.ts
 create mode 100644 frontend/src/main.ts
 create mode 100644 frontend/src/style.css
 create mode 100644 frontend/src/utils/renderMarkdown.ts
 create mode 100644 frontend/src/utils/storyPageTransition.ts
 create mode 100644 frontend/src/utils/togetherDuration.ts
 create mode 100644 frontend/src/views/OurStory.vue
 create mode 100644 frontend/src/vite-env.d.ts
 create mode 100644 frontend/tsconfig.app.json
 create mode 100644 frontend/tsconfig.json
 create mode 100644 frontend/tsconfig.node.json
 create mode 100644 frontend/vite.config.ts

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..ab23fa8
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,10 @@
+backend/.venv/
+backend/__pycache__/
+backend/**/__pycache__/
+backend/db.sqlite3
+backend/media/
+backend/staticfiles/
+frontend/node_modules/
+frontend/dist/
+*.log
+.DS_Store
diff --git a/backend/.dockerignore b/backend/.dockerignore
new file mode 100644
index 0000000..e6e22c3
--- /dev/null
+++ b/backend/.dockerignore
@@ -0,0 +1,7 @@
+.venv
+__pycache__
+*.py[cod]
+db.sqlite3
+media
+staticfiles
+.git
diff --git a/backend/Dockerfile b/backend/Dockerfile
new file mode 100644
index 0000000..ab72762
--- /dev/null
+++ b/backend/Dockerfile
@@ -0,0 +1,25 @@
+FROM python:3.12-slim-bookworm
+
+WORKDIR /app
+
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+ENV DJANGO_DEBUG=false
+ENV SQLITE_PATH=/data/db.sqlite3
+ENV MEDIA_ROOT=/data/media
+ENV DJANGO_ALLOWED_HOSTS=localhost,127.0.0.1,backend
+ENV CORS_ALLOWED_ORIGINS=http://localhost:8080,http://127.0.0.1:8080
+
+RUN apt-get update \
+  && apt-get install -y --no-install-recommends libjpeg62-turbo zlib1g \
+  && rm -rf /var/lib/apt/lists/*
+
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+RUN chmod +x /app/docker-entrypoint.sh
+
+EXPOSE 8000
+
+ENTRYPOINT ["/app/docker-entrypoint.sh"]
diff --git a/backend/docker-entrypoint.sh b/backend/docker-entrypoint.sh
new file mode 100644
index 0000000..f3abdb0
--- /dev/null
+++ b/backend/docker-entrypoint.sh
@@ -0,0 +1,6 @@
+#!/bin/sh
+set -e
+mkdir -p "$(dirname "${SQLITE_PATH:-/data/db.sqlite3}")" "${MEDIA_ROOT:-/data/media}"
+python manage.py migrate --noinput
+python manage.py collectstatic --noinput
+exec gunicorn ourstory.wsgi:application --bind 0.0.0.0:8000 --workers 2
diff --git a/backend/journal/__init__.py b/backend/journal/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/journal/admin.py b/backend/journal/admin.py
new file mode 100644
index 0000000..79d9121
--- /dev/null
+++ b/backend/journal/admin.py
@@ -0,0 +1,196 @@
+from django.contrib import admin
+from django.utils.html import format_html
+from django.utils.safestring import mark_safe
+
+from .models import Config, Guestbook, Memory, MemoryPhoto
+
+
+class JournalStaffAccessMixin:
+    """
+    手账站点多为小项目：凡 is_staff 即可在后台增删改查（无需在「用户」里逐项勾选 journal.* 权限）。
+    生产环境若需细分权限，可移除此 Mixin 并改回 Django 默认的 has_perm 校验。
+    """
+
+    def has_module_permission(self, request):
+        u = request.user
+        return bool(getattr(u, "is_active", False) and getattr(u, "is_staff", False))
+
+    def has_view_permission(self, request, obj=None):
+        u = request.user
+        return bool(getattr(u, "is_active", False) and getattr(u, "is_staff", False))
+
+    def has_change_permission(self, request, obj=None):
+        u = request.user
+        return bool(getattr(u, "is_active", False) and getattr(u, "is_staff", False))
+
+    def has_add_permission(self, request):
+        u = request.user
+        return bool(getattr(u, "is_active", False) and getattr(u, "is_staff", False))
+
+    def has_delete_permission(self, request, obj=None):
+        u = request.user
+        return bool(getattr(u, "is_active", False) and getattr(u, "is_staff", False))
+
+
+class MemoryPhotoInline(admin.TabularInline):
+    model = MemoryPhoto
+    extra = 1
+    fields = ("image", "sort_order")
+
+
+@admin.register(Memory)
+class MemoryAdmin(JournalStaffAccessMixin, admin.ModelAdmin):
+    inlines = (MemoryPhotoInline,)
+    list_display = (
+        "event_title",
+        "story_order",
+        "date",
+        "unique_feature_type",
+        "nepal_art_style",
+        "is_finale",
+        "thumb_preview",
+    )
+    list_display_links = ("event_title",)
+    list_filter = ("unique_feature_type", "nepal_art_style", "is_finale", "date")
+    list_editable = ("story_order",)
+    search_fields = ("event_title", "main_text")
+    readonly_fields = ("image_preview",)
+    ordering = ("story_order", "id")
+
+    fieldsets = (
+        (
+            "叙事",
+            {
+                "fields": (
+                    "story_order",
+                    "date",
+                    "event_title",
+                    "is_finale",
+                )
+            },
+        ),
+        (
+            "版式",
+            {
+                "fields": (
+                    "unique_feature_type",
+                    "nepal_art_style",
+                    "image",
+                    "image_preview",
+                    "main_text",
+                )
+            },
+        ),
+    )
+
+    @admin.display(description="缩略图")
+    def thumb_preview(self, obj: Memory) -> str:
+        url = None
+        if obj.image:
+            url = obj.image.url
+        else:
+            first = obj.photos.order_by("sort_order", "id").first()
+            if first:
+                url = first.image.url
+        if not url:
+            return "—"
+        return format_html(
+            '<img src="{}" style="max-height:48px;border-radius:4px;" />',
+            url,
+        )
+
+    @admin.display(description="配图预览")
+    def image_preview(self, obj: Memory) -> str:
+        chunks: list[str] = []
+        if obj.image:
+            chunks.append(
+                format_html(
+                    '<div class="mb-2"><span style="font-size:11px;color:#666">主图</span><br>'
+                    '<img src="{}" style="max-width:280px;border-radius:8px;" /></div>',
+                    obj.image.url,
+                )
+            )
+        for p in obj.photos.order_by("sort_order", "id"):
+            chunks.append(
+                format_html(
+                    '<img src="{}" style="max-width:200px;border-radius:6px;margin:4px;" />',
+                    p.image.url,
+                )
+            )
+        if not chunks:
+            return "—"
+        return mark_safe("".join(str(c) for c in chunks))
+
+
+@admin.register(Guestbook)
+class GuestbookAdmin(JournalStaffAccessMixin, admin.ModelAdmin):
+    list_display = ("nickname", "short_message", "created_at")
+    search_fields = ("nickname", "message")
+    readonly_fields = ("created_at",)
+
+    @admin.display(description="留言")
+    def short_message(self, obj: Guestbook) -> str:
+        return obj.message[:80] + ("…" if len(obj.message) > 80 else "")
+
+
+@admin.register(Config)
+class ConfigAdmin(admin.ModelAdmin):
+    """
+    站点配置单独写权限：不继承 JournalStaffAccessMixin，避免 MRO/多重继承下
+    has_change_permission 未按预期生效，导致 change 页全部为只读且 submit_row 不显示「保存」。
+    """
+
+    save_on_top = True
+
+    list_display = (
+        "site_title",
+        "together_since",
+        "bgm_enabled",
+        "unlock_at",
+    )
+    list_display_links = ("site_title",)
+    fieldsets = (
+        (
+            "站点",
+            {"fields": ("site_title",)},
+        ),
+        (
+            "时间与音乐",
+            {
+                "fields": (
+                    "together_since",
+                    "bgm_enabled",
+                    "unlock_at",
+                ),
+                "description": (
+                    "「在一起」时间用于首页计数。顶部网易云播放器在前端 .env 的 "
+                    "VITE_NETEASE_PLAYER_SRC 配置。unlock_at 已不使用，可留空。"
+                ),
+            },
+        ),
+    )
+
+    def _staff_ok(self, request) -> bool:
+        u = request.user
+        return bool(
+            getattr(u, "is_active", False)
+            and getattr(u, "is_authenticated", False)
+            and (getattr(u, "is_staff", False) or getattr(u, "is_superuser", False))
+        )
+
+    def has_module_permission(self, request):
+        return self._staff_ok(request)
+
+    def has_view_permission(self, request, obj=None):
+        return self._staff_ok(request)
+
+    def has_change_permission(self, request, obj=None):
+        return self._staff_ok(request)
+
+    def has_add_permission(self, request):
+        if not self._staff_ok(request):
+            return False
+        return not Config.objects.exists()
+
+    def has_delete_permission(self, request, obj=None):
+        return False
diff --git a/backend/journal/apps.py b/backend/journal/apps.py
new file mode 100644
index 0000000..afe76cb
--- /dev/null
+++ b/backend/journal/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class JournalConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'journal'
diff --git a/backend/journal/management/__init__.py b/backend/journal/management/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/journal/management/commands/__init__.py b/backend/journal/management/commands/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/journal/management/commands/seed_nepal_story.py b/backend/journal/management/commands/seed_nepal_story.py
new file mode 100644
index 0000000..e5b2cf0
--- /dev/null
+++ b/backend/journal/management/commands/seed_nepal_story.py
@@ -0,0 +1,85 @@
+from datetime import date
+
+from django.core.management.base import BaseCommand
+
+from journal.models import Memory
+
+
+class Command(BaseCommand):
+    help = "Seed 2026 春季时间线：遇见→争执→和好→租房→宜家，终章心窗。"
+
+    def handle(self, *args, **options):
+        Memory.objects.all().delete()
+
+        Memory.objects.create(
+            story_order=10,
+            date=date(2026, 4, 20),
+            event_title="第一次遇见你",
+            main_text=(
+                "**2026 年 4 月 20 日**，故事从这里开始。\n\n"
+                "相识、相见、相遇——我把这一页留给那天的风与心跳。"
+            ),
+            unique_feature_type=Memory.FeatureType.STANDARD_NEPAL,
+            nepal_art_style=Memory.NepalArtStyle.DAWN_MEET,
+            is_finale=False,
+        )
+        Memory.objects.create(
+            story_order=20,
+            date=date(2026, 5, 3),
+            event_title="那天我们吵架了",
+            main_text="旁人皆三千江水，唯你是心上涟漪。",
+            unique_feature_type=Memory.FeatureType.FISSURE_PAGE,
+            nepal_art_style=Memory.NepalArtStyle.BLUSH_ARGUE,
+            is_finale=False,
+        )
+        Memory.objects.create(
+            story_order=30,
+            date=date(2026, 5, 4),
+            event_title="和好了，在一起吧",
+            main_text=(
+                "**5 月 4 日**：别扭说开以后，空气又变甜了。\n\n"
+                "谢谢你愿意和我把话说完。"
+            ),
+            unique_feature_type=Memory.FeatureType.STANDARD_NEPAL,
+            nepal_art_style=Memory.NepalArtStyle.MINT_RECONCILE,
+            is_finale=False,
+        )
+        Memory.objects.create(
+            story_order=40,
+            date=date(2026, 5, 8),
+            event_title="一起租了房",
+            main_text=(
+                "钥匙圈上的小叮当，和阳台晒进来的光。\n\n"
+                "> 这是我们共同的小宇宙开始成形的日子。"
+            ),
+            unique_feature_type=Memory.FeatureType.STANDARD_NEPAL,
+            nepal_art_style=Memory.NepalArtStyle.SAFFRON_HOME,
+            is_finale=False,
+        )
+        Memory.objects.create(
+            story_order=50,
+            date=date(2026, 5, 10),
+            event_title="逛宜家的小日子",
+            main_text=(
+                "推车里的台灯、地毯和一杯热狗，"
+                "都是以后会说「还记得吗」的碎片。"
+            ),
+            unique_feature_type=Memory.FeatureType.STANDARD_NEPAL,
+            nepal_art_style=Memory.NepalArtStyle.INDIGO_IKEA,
+            is_finale=False,
+        )
+        Memory.objects.create(
+            story_order=90,
+            date=date(2026, 5, 20),
+            event_title="心墙与窗 · 终章",
+            main_text=(
+                "不开心就打开心墙。\n\n"
+                "**我会在你身边。**\n\n"
+                "—— *open when you need me*"
+            ),
+            unique_feature_type=Memory.FeatureType.HEART_WINDOW,
+            nepal_art_style=Memory.NepalArtStyle.LOTUS_PETAL,
+            is_finale=True,
+        )
+
+        self.stdout.write(self.style.SUCCESS("Seeded %s memories." % Memory.objects.count()))
diff --git a/backend/journal/migrations/0001_initial.py b/backend/journal/migrations/0001_initial.py
new file mode 100644
index 0000000..d2f27a6
--- /dev/null
+++ b/backend/journal/migrations/0001_initial.py
@@ -0,0 +1,56 @@
+# Generated by Django 5.2.14 on 2026-05-11 10:13
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Config',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('unlock_at', models.DateTimeField(help_text='Story unlocks at this time (timezone-aware).')),
+                ('bgm_enabled', models.BooleanField(default=True)),
+                ('site_title', models.CharField(blank=True, default='Nepal Journey: Our Story', max_length=120)),
+            ],
+            options={
+                'verbose_name_plural': 'Config',
+            },
+        ),
+        migrations.CreateModel(
+            name='Guestbook',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('nickname', models.CharField(max_length=80)),
+                ('message', models.TextField()),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+            ],
+            options={
+                'verbose_name_plural': 'Guestbook entries',
+                'ordering': ['-created_at'],
+            },
+        ),
+        migrations.CreateModel(
+            name='Memory',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('story_order', models.PositiveIntegerField(db_index=True, default=0, help_text='叙事顺序，数字越小越靠前。')),
+                ('date', models.DateField()),
+                ('event_title', models.CharField(max_length=200)),
+                ('main_text', models.TextField(blank=True, help_text='支持 Markdown。')),
+                ('unique_feature_type', models.CharField(choices=[('heart_window', '心窗页'), ('fissure_page', '裂缝对开页'), ('standard_nepal', '标准尼泊尔页')], default='standard_nepal', max_length=32)),
+                ('nepal_art_style', models.CharField(blank=True, choices=[('none', '默认'), ('mandala_pink', '粉曼陀罗'), ('mandala_blue', '蓝曼陀罗'), ('spiral_rose', '玫瑰螺旋'), ('spiral_cyan', '青色螺旋')], default='none', max_length=32)),
+                ('image', models.ImageField(blank=True, null=True, upload_to='memories/')),
+                ('is_finale', models.BooleanField(default=False, help_text='终章：在解锁时间前仅可预览占位，到点后需手动打开。')),
+            ],
+            options={
+                'ordering': ['story_order', 'id'],
+            },
+        ),
+    ]
diff --git a/backend/journal/migrations/0002_expand_nepal_art_style_length.py b/backend/journal/migrations/0002_expand_nepal_art_style_length.py
new file mode 100644
index 0000000..62e13cd
--- /dev/null
+++ b/backend/journal/migrations/0002_expand_nepal_art_style_length.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.2.14 on 2026-05-11 10:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('journal', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='memory',
+            name='nepal_art_style',
+            field=models.CharField(blank=True, choices=[('none', '默认米黄'), ('mandala_pink', '粉曼陀罗'), ('mandala_blue', '蓝曼陀罗'), ('spiral_rose', '玫瑰螺旋'), ('spiral_cyan', '青色螺旋'), ('dawn_meet', '晨光·遇见'), ('blush_argue', '粉雾·争执'), ('mint_reconcile', '薄荷·和好'), ('saffron_home', '姜黄·小家'), ('indigo_ikea', '靛蓝·漫游'), ('lotus_petal', '莲花瓣'), ('lokta_gold', '金边手工纸'), ('ocean_prayer', '海洋祈愿'), ('desert_rose', '沙漠玫瑰'), ('night_star', '夜空星屑'), ('terra_torn', '赭石撕边')], default='none', help_text='标准页背景/纹理；心窗与裂缝页也可作辅色参考。', max_length=48),
+        ),
+    ]
diff --git a/backend/journal/migrations/0003_config_together_netease_unlock_nullable.py b/backend/journal/migrations/0003_config_together_netease_unlock_nullable.py
new file mode 100644
index 0000000..d34b8ea
--- /dev/null
+++ b/backend/journal/migrations/0003_config_together_netease_unlock_nullable.py
@@ -0,0 +1,33 @@
+# Generated by Django 5.2.14 on 2026-05-11 10:27
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('journal', '0002_expand_nepal_art_style_length'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='config',
+            name='netease_player_url',
+            field=models.URLField(blank=True, help_text='网易云「外链播放器」生成的地址，须以 https://music.163.com/ 开头。留空则不显示播放器。', max_length=512),
+        ),
+        migrations.AddField(
+            model_name='config',
+            name='together_since',
+            field=models.DateTimeField(blank=True, help_text='用于首页「我们在一起多少天多少秒」的起点（建议为正式在一起的时刻，含时区）。', null=True),
+        ),
+        migrations.AlterField(
+            model_name='config',
+            name='bgm_enabled',
+            field=models.BooleanField(default=True, help_text='是否展示顶部音乐区（网易云 iframe）。'),
+        ),
+        migrations.AlterField(
+            model_name='config',
+            name='unlock_at',
+            field=models.DateTimeField(blank=True, help_text='已弃用：前端不再按此锁定章节，可留空。', null=True),
+        ),
+    ]
diff --git a/backend/journal/migrations/0004_netease_player_textfield.py b/backend/journal/migrations/0004_netease_player_textfield.py
new file mode 100644
index 0000000..cadc814
--- /dev/null
+++ b/backend/journal/migrations/0004_netease_player_textfield.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.2.14 on 2026-05-11 10:52
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('journal', '0003_config_together_netease_unlock_nullable'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='config',
+            name='netease_player_url',
+            field=models.TextField(blank=True, help_text='粘贴网易云外链播放器的整段 <iframe …>，或只粘贴 src 里的链接（支持 //music.163.com/…）。留空则不显示播放器。'),
+        ),
+    ]
diff --git a/backend/journal/migrations/0005_remove_netease_from_config.py b/backend/journal/migrations/0005_remove_netease_from_config.py
new file mode 100644
index 0000000..8df8a66
--- /dev/null
+++ b/backend/journal/migrations/0005_remove_netease_from_config.py
@@ -0,0 +1,22 @@
+# Generated by Django 5.2.14 on 2026-05-11 11:05
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('journal', '0004_netease_player_textfield'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='config',
+            name='netease_player_url',
+        ),
+        migrations.AlterField(
+            model_name='config',
+            name='bgm_enabled',
+            field=models.BooleanField(default=True, help_text='是否展示顶部音乐区（播放器地址在前端环境变量 VITE_NETEASE_PLAYER_SRC 配置）。'),
+        ),
+    ]
diff --git a/backend/journal/migrations/0006_memory_photo.py b/backend/journal/migrations/0006_memory_photo.py
new file mode 100644
index 0000000..405e94c
--- /dev/null
+++ b/backend/journal/migrations/0006_memory_photo.py
@@ -0,0 +1,28 @@
+# Generated by Django 5.2.14 on 2026-05-11 11:29
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('journal', '0005_remove_netease_from_config'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='MemoryPhoto',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('image', models.ImageField(upload_to='memory_photos/')),
+                ('sort_order', models.PositiveSmallIntegerField(default=0, help_text='数字越小越靠前（排在主图之后）。')),
+                ('memory', models.ForeignKey(help_text='所属故事页', on_delete=django.db.models.deletion.CASCADE, related_name='photos', to='journal.memory')),
+            ],
+            options={
+                'verbose_name': '附加照片',
+                'verbose_name_plural': '附加照片',
+                'ordering': ['sort_order', 'id'],
+            },
+        ),
+    ]
diff --git a/backend/journal/migrations/__init__.py b/backend/journal/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/journal/models.py b/backend/journal/models.py
new file mode 100644
index 0000000..52419e7
--- /dev/null
+++ b/backend/journal/models.py
@@ -0,0 +1,143 @@
+from django.db import models
+
+
+class Memory(models.Model):
+    """恋爱故事页，驱动前端尼泊尔本版式。"""
+
+    class FeatureType(models.TextChoices):
+        HEART_WINDOW = "heart_window", "心窗页"
+        FISSURE_PAGE = "fissure_page", "裂缝对开页"
+        STANDARD_NEPAL = "standard_nepal", "标准尼泊尔页"
+
+    class NepalArtStyle(models.TextChoices):
+        """每页可选不同尼泊尔视觉皮肤（备用可继续加枚举）。"""
+        NONE = "none", "默认米黄"
+        MANDALA_PINK = "mandala_pink", "粉曼陀罗"
+        MANDALA_BLUE = "mandala_blue", "蓝曼陀罗"
+        SPIRAL_ROSE = "spiral_rose", "玫瑰螺旋"
+        SPIRAL_CYAN = "spiral_cyan", "青色螺旋"
+        DAWN_MEET = "dawn_meet", "晨光·遇见"
+        BLUSH_ARGUE = "blush_argue", "粉雾·争执"
+        MINT_RECONCILE = "mint_reconcile", "薄荷·和好"
+        SAFFRON_HOME = "saffron_home", "姜黄·小家"
+        INDIGO_IKEA = "indigo_ikea", "靛蓝·漫游"
+        LOTUS_PETAL = "lotus_petal", "莲花瓣"
+        LOKTA_GOLD = "lokta_gold", "金边手工纸"
+        OCEAN_PRAYER = "ocean_prayer", "海洋祈愿"
+        DESERT_ROSE = "desert_rose", "沙漠玫瑰"
+        NIGHT_STAR = "night_star", "夜空星屑"
+        TERRA_TORN = "terra_torn", "赭石撕边"
+
+    story_order = models.PositiveIntegerField(
+        default=0,
+        db_index=True,
+        help_text="叙事顺序，数字越小越靠前。",
+    )
+    date = models.DateField()
+    event_title = models.CharField(max_length=200)
+    main_text = models.TextField(
+        blank=True,
+        help_text="支持 Markdown。",
+    )
+    unique_feature_type = models.CharField(
+        max_length=32,
+        choices=FeatureType.choices,
+        default=FeatureType.STANDARD_NEPAL,
+    )
+    nepal_art_style = models.CharField(
+        max_length=48,
+        choices=NepalArtStyle.choices,
+        default=NepalArtStyle.NONE,
+        blank=True,
+        help_text="标准页背景/纹理；心窗与裂缝页也可作辅色参考。",
+    )
+    image = models.ImageField(upload_to="memories/", blank=True, null=True)
+    is_finale = models.BooleanField(
+        default=False,
+        help_text="终章：在解锁时间前仅可预览占位，到点后需手动打开。",
+    )
+
+    class Meta:
+        ordering = ["story_order", "id"]
+
+    def __str__(self) -> str:
+        return f"{self.story_order}. {self.event_title}"
+
+    def save(self, *args, **kwargs):
+        super().save(*args, **kwargs)
+        if self.is_finale:
+            Memory.objects.exclude(pk=self.pk).update(is_finale=False)
+
+
+class MemoryPhoto(models.Model):
+    """同一回忆页可附加多张照片；与主图 `Memory.image` 一并展示，主图在前。"""
+
+    memory = models.ForeignKey(
+        Memory,
+        on_delete=models.CASCADE,
+        related_name="photos",
+        help_text="所属故事页",
+    )
+    image = models.ImageField(upload_to="memory_photos/")
+    sort_order = models.PositiveSmallIntegerField(
+        default=0,
+        help_text="数字越小越靠前（排在主图之后）。",
+    )
+
+    class Meta:
+        ordering = ["sort_order", "id"]
+        verbose_name = "附加照片"
+        verbose_name_plural = "附加照片"
+
+    def __str__(self) -> str:
+        return f"{self.memory_id}·{self.sort_order}"
+
+
+class Guestbook(models.Model):
+    nickname = models.CharField(max_length=80)
+    message = models.TextField()
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        ordering = ["-created_at"]
+        verbose_name_plural = "Guestbook entries"
+
+    def __str__(self) -> str:
+        return f"{self.nickname}: {self.message[:40]}"
+
+
+class Config(models.Model):
+    """Singleton-style global配置（Admin 中 id=1）。"""
+
+    unlock_at = models.DateTimeField(
+        blank=True,
+        null=True,
+        help_text="已弃用：前端不再按此锁定章节，可留空。",
+    )
+    together_since = models.DateTimeField(
+        blank=True,
+        null=True,
+        help_text="用于首页「我们在一起多少天多少秒」的起点（建议为正式在一起的时刻，含时区）。",
+    )
+    bgm_enabled = models.BooleanField(
+        default=True,
+        help_text="是否展示顶部音乐区（播放器地址在前端环境变量 VITE_NETEASE_PLAYER_SRC 配置）。",
+    )
+    site_title = models.CharField(
+        max_length=120,
+        default="Nepal Journey: Our Story",
+        blank=True,
+    )
+
+    class Meta:
+        verbose_name_plural = "Config"
+
+    def __str__(self) -> str:
+        return "Site configuration"
+
+    def save(self, *args, **kwargs):
+        self.pk = 1
+        super().save(*args, **kwargs)
+
+    def delete(self, *args, **kwargs):
+        pass
diff --git a/backend/journal/serializers.py b/backend/journal/serializers.py
new file mode 100644
index 0000000..f64f916
--- /dev/null
+++ b/backend/journal/serializers.py
@@ -0,0 +1,51 @@
+from rest_framework import serializers
+
+from .models import Guestbook, Memory
+
+
+def _absolute_uri(request, path: str) -> str:
+    if request is not None:
+        return request.build_absolute_uri(path)
+    return path
+
+
+class MemorySerializer(serializers.ModelSerializer):
+    """`image` 为首张 URL（兼容旧前端）；`images` 为主图 + 附加图完整列表。"""
+
+    image = serializers.SerializerMethodField()
+    images = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Memory
+        fields = (
+            "id",
+            "story_order",
+            "date",
+            "event_title",
+            "main_text",
+            "unique_feature_type",
+            "nepal_art_style",
+            "image",
+            "images",
+            "is_finale",
+        )
+
+    def get_images(self, obj: Memory) -> list[str]:
+        request = self.context.get("request")
+        out: list[str] = []
+        if obj.image:
+            out.append(_absolute_uri(request, obj.image.url))
+        for p in obj.photos.all():
+            out.append(_absolute_uri(request, p.image.url))
+        return out
+
+    def get_image(self, obj: Memory) -> str | None:
+        imgs = self.get_images(obj)
+        return imgs[0] if imgs else None
+
+
+class GuestbookCreateSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Guestbook
+        fields = ("id", "nickname", "message", "created_at")
+        read_only_fields = ("id", "created_at")
diff --git a/backend/journal/tests.py b/backend/journal/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/backend/journal/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/backend/journal/url b/backend/journal/url
new file mode 100644
index 0000000..9f52269
--- /dev/null
+++ b/backend/journal/url
@@ -0,0 +1,4 @@
+手账站：http://localhost:8080
+Admin：http://localhost:8000/admin/
+
+http://localhost:5173/
\ No newline at end of file
diff --git a/backend/journal/urls.py b/backend/journal/urls.py
new file mode 100644
index 0000000..eaf9503
--- /dev/null
+++ b/backend/journal/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+
+from .views import GuestbookCreateView, MemoryListView, StatusView
+
+urlpatterns = [
+    path("memories/", MemoryListView.as_view(), name="memory-list"),
+    path("messages/", GuestbookCreateView.as_view(), name="guestbook-create"),
+    path("status/", StatusView.as_view(), name="status"),
+]
diff --git a/backend/journal/views.py b/backend/journal/views.py
new file mode 100644
index 0000000..76fc242
--- /dev/null
+++ b/backend/journal/views.py
@@ -0,0 +1,69 @@
+from datetime import datetime
+from zoneinfo import ZoneInfo
+
+from django.utils import timezone
+from rest_framework.generics import CreateAPIView, ListAPIView
+from rest_framework.response import Response
+from rest_framework.views import APIView
+
+from .models import Config, Guestbook, Memory
+from .serializers import GuestbookCreateSerializer, MemorySerializer
+
+
+class MemoryListView(ListAPIView):
+    serializer_class = MemorySerializer
+
+    def get_queryset(self):
+        return (
+            Memory.objects.all()
+            .order_by("story_order", "id")
+            .prefetch_related("photos")
+        )
+
+
+class GuestbookCreateView(CreateAPIView):
+    queryset = Guestbook.objects.all()
+    serializer_class = GuestbookCreateSerializer
+
+
+class StatusView(APIView):
+    def get(self, request, *args, **kwargs):
+        shanghai = ZoneInfo("Asia/Shanghai")
+        now = timezone.now()
+
+        default_together = datetime(2026, 5, 4, 0, 0, 0, tzinfo=shanghai)
+
+        config = Config.objects.filter(pk=1).first()
+        if config is None:
+            bgm_enabled = True
+            site_title = "Nepal Journey: Our Story"
+            together_since = default_together
+            unlock_at = None
+        else:
+            bgm_enabled = config.bgm_enabled
+            site_title = config.site_title or "Nepal Journey: Our Story"
+            ts = config.together_since
+            if ts is None:
+                together_since = default_together
+            else:
+                together_since = (
+                    timezone.make_aware(ts, shanghai) if timezone.is_naive(ts) else ts
+                )
+            ua = config.unlock_at
+            if ua is None:
+                unlock_at = None
+            else:
+                unlock_at = (
+                    timezone.make_aware(ua, shanghai) if timezone.is_naive(ua) else ua
+                )
+
+        return Response(
+            {
+                "server_time": now,
+                "unlocked": True,
+                "unlock_at": unlock_at,
+                "together_since": together_since,
+                "bgm_enabled": bgm_enabled,
+                "site_title": site_title,
+            }
+        )
diff --git a/backend/manage.py b/backend/manage.py
new file mode 100644
index 0000000..2cf2297
--- /dev/null
+++ b/backend/manage.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'ourstory.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()
diff --git a/backend/ourstory/__init__.py b/backend/ourstory/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/ourstory/asgi.py b/backend/ourstory/asgi.py
new file mode 100644
index 0000000..e5bece0
--- /dev/null
+++ b/backend/ourstory/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for ourstory project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.2/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'ourstory.settings')
+
+application = get_asgi_application()
diff --git a/backend/ourstory/settings.py b/backend/ourstory/settings.py
new file mode 100644
index 0000000..612dd9b
--- /dev/null
+++ b/backend/ourstory/settings.py
@@ -0,0 +1,139 @@
+"""
+Django settings for ourstory project.
+"""
+
+import os
+from pathlib import Path
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+SECRET_KEY = os.environ.get(
+    "DJANGO_SECRET_KEY",
+    "django-insecure-dev-only-change-in-production",
+)
+
+DEBUG = os.environ.get("DJANGO_DEBUG", "true").lower() in ("1", "true", "yes")
+
+ALLOWED_HOSTS = [
+    h.strip()
+    for h in os.environ.get("DJANGO_ALLOWED_HOSTS", "localhost,127.0.0.1").split(",")
+    if h.strip()
+]
+
+INSTALLED_APPS = [
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "django.contrib.staticfiles",
+    "rest_framework",
+    "corsheaders",
+    "journal",
+]
+
+MIDDLEWARE = [
+    "django.middleware.security.SecurityMiddleware",
+    "whitenoise.middleware.WhiteNoiseMiddleware",
+    "corsheaders.middleware.CorsMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+]
+
+ROOT_URLCONF = "ourstory.urls"
+
+TEMPLATES = [
+    {
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = "ourstory.wsgi.application"
+
+_sqlite_path = os.environ.get("SQLITE_PATH")
+DATABASES = {
+    "default": {
+        "ENGINE": "django.db.backends.sqlite3",
+        "NAME": _sqlite_path if _sqlite_path else BASE_DIR / "db.sqlite3",
+    }
+}
+
+AUTH_PASSWORD_VALIDATORS = [
+    {"NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator"},
+    {"NAME": "django.contrib.auth.password_validation.MinimumLengthValidator"},
+    {"NAME": "django.contrib.auth.password_validation.CommonPasswordValidator"},
+    {"NAME": "django.contrib.auth.password_validation.NumericPasswordValidator"},
+]
+
+LANGUAGE_CODE = "zh-hans"
+
+TIME_ZONE = "Asia/Shanghai"
+
+USE_I18N = True
+
+USE_TZ = True
+
+MEDIA_URL = "/media/"
+_media_root = os.environ.get("MEDIA_ROOT")
+MEDIA_ROOT = Path(_media_root) if _media_root else BASE_DIR / "media"
+
+STATIC_URL = "static/"
+STATIC_ROOT = BASE_DIR / "staticfiles"
+
+STORAGES = {
+    "default": {
+        "BACKEND": "django.core.files.storage.FileSystemStorage",
+        "OPTIONS": {
+            "location": str(MEDIA_ROOT),
+            "base_url": MEDIA_URL,
+        },
+    },
+    "staticfiles": {
+        "BACKEND": "whitenoise.storage.CompressedStaticFilesStorage",
+    },
+}
+
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
+
+REST_FRAMEWORK = {
+    "DEFAULT_RENDERER_CLASSES": [
+        "rest_framework.renderers.JSONRenderer",
+    ],
+    "DEFAULT_PARSER_CLASSES": [
+        "rest_framework.parsers.JSONParser",
+    ],
+    "DEFAULT_AUTHENTICATION_CLASSES": [],
+    "DEFAULT_PERMISSION_CLASSES": [
+        "rest_framework.permissions.AllowAny",
+    ],
+}
+
+_cors_origins = os.environ.get(
+    "CORS_ALLOWED_ORIGINS",
+    "http://localhost:5173,http://127.0.0.1:5173",
+)
+CORS_ALLOWED_ORIGINS = [o.strip() for o in _cors_origins.split(",") if o.strip()]
+CORS_ALLOW_CREDENTIALS = True
+
+CSRF_TRUSTED_ORIGINS = [
+    o.strip() for o in os.environ.get("CSRF_TRUSTED_ORIGINS", "").split(",") if o.strip()
+]
+# 未配置时至少信任本机 Admin，避免部分环境下保存表单被 CSRF 拦截
+if not CSRF_TRUSTED_ORIGINS:
+    CSRF_TRUSTED_ORIGINS = [
+        "http://127.0.0.1:8000",
+        "http://localhost:8000",
+    ]
diff --git a/backend/ourstory/urls.py b/backend/ourstory/urls.py
new file mode 100644
index 0000000..5871b80
--- /dev/null
+++ b/backend/ourstory/urls.py
@@ -0,0 +1,14 @@
+from django.conf import settings
+from django.contrib import admin
+from django.urls import include, path, re_path
+from django.views.static import serve
+
+urlpatterns = [
+    path("admin/", admin.site.urls),
+    path("api/", include("journal.urls")),
+    re_path(
+        r"^media/(?P<path>.*)$",
+        serve,
+        {"document_root": settings.MEDIA_ROOT},
+    ),
+]
diff --git a/backend/ourstory/wsgi.py b/backend/ourstory/wsgi.py
new file mode 100644
index 0000000..fd8726d
--- /dev/null
+++ b/backend/ourstory/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for ourstory project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.2/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'ourstory.settings')
+
+application = get_wsgi_application()
diff --git a/backend/requirements.txt b/backend/requirements.txt
new file mode 100644
index 0000000..f99888d
--- /dev/null
+++ b/backend/requirements.txt
@@ -0,0 +1,6 @@
+Django>=5.0,<6
+djangorestframework>=3.15
+django-cors-headers>=4.6
+Pillow>=11.0
+gunicorn>=23.0
+whitenoise>=6.8
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..e7e074b
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,27 @@
+# 一键启动：docker compose up --build
+# 前端 http://localhost:8080  后端管理 http://localhost:8000/admin/
+services:
+  backend:
+    build: ./backend
+    ports:
+      - "8000:8000"
+    volumes:
+      - backend_data:/data
+    environment:
+      DJANGO_SECRET_KEY: ${DJANGO_SECRET_KEY:-dev-secret-change-me}
+      DJANGO_DEBUG: "false"
+      DJANGO_ALLOWED_HOSTS: localhost,127.0.0.1,backend
+      CORS_ALLOWED_ORIGINS: http://localhost:8080,http://127.0.0.1:8080
+      CSRF_TRUSTED_ORIGINS: http://localhost:8080,http://127.0.0.1:8080
+      SQLITE_PATH: /data/db.sqlite3
+      MEDIA_ROOT: /data/media
+
+  frontend:
+    build: ./frontend
+    ports:
+      - "8080:80"
+    depends_on:
+      - backend
+
+volumes:
+  backend_data:
diff --git a/frontend/.dockerignore b/frontend/.dockerignore
new file mode 100644
index 0000000..a21f178
--- /dev/null
+++ b/frontend/.dockerignore
@@ -0,0 +1,3 @@
+node_modules
+dist
+.git
diff --git a/frontend/.env.development b/frontend/.env.development
new file mode 100644
index 0000000..7d195a7
--- /dev/null
+++ b/frontend/.env.development
@@ -0,0 +1,5 @@
+# 使用 Vite 代理时保持默认 /api 即可
+VITE_API_BASE_URL=/api
+
+# 网易云外链播放器 src（整段 iframe 亦可，会自动提取 src）
+# VITE_NETEASE_PLAYER_SRC=https://music.163.com/outchain/player?type=2&id=2054353432&auto=1&height=66
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/frontend/.vscode/extensions.json b/frontend/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/frontend/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
new file mode 100644
index 0000000..cfea26f
--- /dev/null
+++ b/frontend/Dockerfile
@@ -0,0 +1,17 @@
+FROM node:22-alpine AS build
+
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+RUN npm ci
+
+COPY . .
+ENV VITE_API_BASE_URL=/api
+RUN npm run build
+
+FROM nginx:1.27-alpine
+
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=build /app/dist /usr/share/nginx/html
+
+EXPOSE 80
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..33895ab
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..359fc68
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#faf6ef" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Dancing+Script:wght@500;700&family=Great+Vibes&family=Long+Cang&family=Ma+Shan+Zheng&family=Nunito:wght@400;600;700&family=Patrick+Hand&family=ZCOOL+QingKe+HuangYou&family=Zhi+Mang+Xing&display=swap"
+      rel="stylesheet"
+    />
+    <title>Nepal Journey: Our Story</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/frontend/nginx.conf b/frontend/nginx.conf
new file mode 100644
index 0000000..ef85e02
--- /dev/null
+++ b/frontend/nginx.conf
@@ -0,0 +1,31 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    gzip on;
+    gzip_types text/plain text/css application/javascript application/json image/svg+xml;
+
+    location /api/ {
+        proxy_pass http://backend:8000;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    location /media/ {
+        proxy_pass http://backend:8000;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..a4f5cbb
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,2263 @@
+{
+  "name": "frontend",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "frontend",
+      "version": "0.0.0",
+      "dependencies": {
+        "@vueuse/core": "^14.3.0",
+        "axios": "^1.16.0",
+        "dompurify": "^3.4.2",
+        "lottie-web": "^5.13.0",
+        "lucide-vue-next": "^1.0.0",
+        "markdown-it": "^14.1.1",
+        "vue": "^3.5.34"
+      },
+      "devDependencies": {
+        "@tailwindcss/vite": "^4.3.0",
+        "@types/dompurify": "^3.0.5",
+        "@types/markdown-it": "^14.1.2",
+        "@types/node": "^24.12.3",
+        "@vitejs/plugin-vue": "^6.0.6",
+        "@vue/tsconfig": "^0.9.1",
+        "autoprefixer": "^10.5.0",
+        "postcss": "^8.5.14",
+        "tailwindcss": "^4.3.0",
+        "typescript": "~6.0.2",
+        "vite": "^8.0.12",
+        "vue-tsc": "^3.2.8"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmmirror.com/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz",
+      "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.129.0",
+      "resolved": "https://registry.npmmirror.com/@oxc-project/types/-/types-0.129.0.tgz",
+      "integrity": "sha512-3oz8m3FGdr2nDXVqmFUw7jolKliC4MoyXYIG2c7gpjBnzUWQpUGIYcXYKxTdTi+N2jusvt610ckTMkxdwHkYEg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0.tgz",
+      "integrity": "sha512-TWMZnRLMe63C2Lhyicviu7ZHaU4kxa6PS3rofvc9GmcvptzNN11BcfQ4Sl7MwTOsisQoa2keB/EBdNCAnUo8vA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0.tgz",
+      "integrity": "sha512-6XcD+8k0gPVItNagEw78/qqcBDwKcwDYS8V2hRmVsfUSIrd8cWe/CBvRDI5toqFyPfj+FJr6t8U6Xj2P2prEew==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0.tgz",
+      "integrity": "sha512-iN/tWVXRQDWvmZlKdceP1Dwug9GDpEymhb9p4xnEe6zvCg5lFmzVljl+1qR1NVx3yfGpr2Na+CuLmv5IU8uzfQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0.tgz",
+      "integrity": "sha512-jjQMDvvwSOuhOwMszD/klSOjyWMM3zI64hWTj9KT5x4MxRbZAf+7vLQ6qouRhtsLVFHr3f0ILaJAfgENPiQdAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0.tgz",
+      "integrity": "sha512-d//Dtg2x6/m3mbV64yUGNnDGNZaDGRpDLLNGerHQUVObuNaIQaaDp25yUiqGXtHEXX+NP2d0wAlmKgpYgIAJ2A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0.tgz",
+      "integrity": "sha512-n7Ofp0mx+aB2cC+Sdy5YtMnXtY9lchnHbY+3Yt0uq9JsWQExf4f5Whu0tK0R8Jdc9S6RchTHjIFY7uc92puOVQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0.tgz",
+      "integrity": "sha512-EIVjy2cgd7uuMMo94FVkBp7F6DhcZAUwNURkSG3RwUmvAXR6s0ISxM81U+IydcZByPG0pZIHsf1b6kTxoFDgJA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0.tgz",
+      "integrity": "sha512-JEwwOPcwTLAcpDQlqSmjEmfs63xJnSiUNIGvLcDLUHCWK4XowpS/7c7tUsUH6uT/ct6bMUTdXKfI8967FYj6mg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0.tgz",
+      "integrity": "sha512-0wjCFhLrihtAubnT9iA0N++0pSV0z5Hg7tNGdNJ4RFaINceHadoF+kiFGyY1qSSNVIAZtLotG8Ju1bgDPkjnFA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0.tgz",
+      "integrity": "sha512-Dfn7iak9BcMMePxcoJfpSbWqnEyrp/dRF63/8qW/eHBdOZov6x5aShLLEYGYdIeSJ6vMLK/XCVB+lGIxm41bQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0.tgz",
+      "integrity": "sha512-5/utzzDmD/pD/bmuaUcbTf/sZYy0aztwIVlfpoW1fTjCZ0BaPOMVWGZL1zvgxyi7ZIVYWlxKONHmSbHuiOh8Jw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0.tgz",
+      "integrity": "sha512-ouJs8VcUomfLfpbUECqFMRqdV4x6aeAK3MA4m6vTrJJjKyWTV5KnxZx7Jd9G+GlDaQQxubcba00x16OyJ1meig==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0.tgz",
+      "integrity": "sha512-E+oHKGiDA+lsKMmFtffDDw91EryDT7uJocrIuCHqhm6bCTM6xFK+3gaCkYOHfPwQr0cCNarSM2xaELoQDz9jJg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.10.0",
+        "@emnapi/runtime": "1.10.0",
+        "@napi-rs/wasm-runtime": "^1.1.4"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0.tgz",
+      "integrity": "sha512-yYK02n8Rngo+gbm1y6G0+7jk1sJ/2Wt7K0me0Y7k/ErBpyf+LJ2gFpqWVTcRV1rUepBlQRmpgWkTQCiiwrK0Ow==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0.tgz",
+      "integrity": "sha512-14bpChMahXRRXiTwahSl+zzHPW6qQTXtkMuJBFlbo+pqSAews2d4BdCSHfrJ/MBsCZtpmTafsY+1QhBzitcmdg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.13",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.13.tgz",
+      "integrity": "sha512-3ngTAv6F/Py35BsYbeeLeecvhMKdsKm4AoOETVhAA+Qc8nrA2I0kF7oa93mE9qnIurngOSpMnQ0x2nQY2FPviA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/node/-/node-4.3.0.tgz",
+      "integrity": "sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.21.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.3.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide/-/oxide-4.3.0.tgz",
+      "integrity": "sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.3.0",
+        "@tailwindcss/oxide-darwin-arm64": "4.3.0",
+        "@tailwindcss/oxide-darwin-x64": "4.3.0",
+        "@tailwindcss/oxide-freebsd-x64": "4.3.0",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.0",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.3.0",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.3.0",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.3.0",
+        "@tailwindcss/oxide-linux-x64-musl": "4.3.0",
+        "@tailwindcss/oxide-wasm32-wasi": "4.3.0",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.3.0",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.3.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.0.tgz",
+      "integrity": "sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.0.tgz",
+      "integrity": "sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.0.tgz",
+      "integrity": "sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.0.tgz",
+      "integrity": "sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.0.tgz",
+      "integrity": "sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.0.tgz",
+      "integrity": "sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.0.tgz",
+      "integrity": "sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.0.tgz",
+      "integrity": "sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.0.tgz",
+      "integrity": "sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.0.tgz",
+      "integrity": "sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.10.0",
+        "@emnapi/runtime": "^1.10.0",
+        "@emnapi/wasi-threads": "^1.2.1",
+        "@napi-rs/wasm-runtime": "^1.1.4",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.0.tgz",
+      "integrity": "sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.0.tgz",
+      "integrity": "sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/vite/-/vite-4.3.0.tgz",
+      "integrity": "sha512-t6J3OrB5Fc0ExuhohouH0fWUGMYL6PTLhW+E7zIk/pdbnJARZDCwjBznFnkh5ynRnIRSI4YjtTH0t6USjJISrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.3.0",
+        "@tailwindcss/oxide": "4.3.0",
+        "tailwindcss": "4.3.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.2",
+      "resolved": "https://registry.npmmirror.com/@tybys/wasm-util/-/wasm-util-0.10.2.tgz",
+      "integrity": "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/dompurify": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@types/dompurify/-/dompurify-3.0.5.tgz",
+      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/trusted-types": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmmirror.com/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.12.3",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.12.3.tgz",
+      "integrity": "sha512-8oljBDGun9cIsZRJR6fkihn0TSXJI0UDOOhncYaERq6M0JMDoPLxyscwruJcb4GKS6dvK/d8xebYBg27h/duaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.6.tgz",
+      "integrity": "sha512-u9HHgfrq3AjXlysn0eINFnWQOJQLO9WN6VprZ8FXl7A2bYisv3Hui9Ij+7QZ41F/WYWarHjwBbXtD7dKg3uxbg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-rc.13"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.28.tgz",
+      "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.28"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.28.tgz",
+      "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.28.tgz",
+      "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.34.tgz",
+      "integrity": "sha512-s9cLyK5mLcvZ4Agva5QgRsQyLKvts9WbU9DB6NqiZkkGEdwmcEiylj5Jbwkp680drF/NNCV8OlAJSe+yMLxaJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.3",
+        "@vue/shared": "3.5.34",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.34.tgz",
+      "integrity": "sha512-EbF/T++k0e2MMZlJsBhzK8Sgwt0HcIPOhzn1CTB/lv6sQcyk+OWf8YeiLxZp3ro7MbbLcAfAJ6sEvjFWuNgUCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.34.tgz",
+      "integrity": "sha512-D/ihr6uZeIt6r+pVZf46RWT1fAsLFMbUP7k8G1VkiiWexriED9GrX3echHd4Abbt17zjlfiFJ8z7a3BxZOPNjg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.3",
+        "@vue/compiler-core": "3.5.34",
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/compiler-ssr": "3.5.34",
+        "@vue/shared": "3.5.34",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.14",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.34.tgz",
+      "integrity": "sha512-cDtTHKibkThKGHH1SP+WdccquNRYQDFH6rRjQCqT9G2ltFAfoR5pUftpab/z+aM5mW9HLLVQW7hfKKQe/1GBeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.2.8",
+      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-3.2.8.tgz",
+      "integrity": "sha512-9OiSPQFiAAWNVnXb0d2dcTmcKnFQamhuNES6ayyISrb/mwPWVgoGdAqSfCWqKhQpa3D5gDTcYD+w7ObiheZ81g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.1.2",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.4"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.34.tgz",
+      "integrity": "sha512-y9XDjCEuBp+98k+UL5dbYkh57AHU4o6cxZedOPXw3bmrZZYLQsVHguGurq7hVrPCSrQtrnz1f9dssyFr+dMXfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.34.tgz",
+      "integrity": "sha512-mKeBYvu8tcMSLhypAHBmriUFfWXKTCF/23Z4jiCoYK3UtWepkliViNLuR90V9XOyD62mUxs9p1jsrpK3CCGIzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.34.tgz",
+      "integrity": "sha512-e8kZzERmCwUnBRVsgSQlAfrfU2rGoy0FFKPBXSlfEjc/O3KfA7QP0t1/2ZylrbchjmIKB4dPTd07A6WPr0eOrg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.34",
+        "@vue/runtime-core": "3.5.34",
+        "@vue/shared": "3.5.34",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.34.tgz",
+      "integrity": "sha512-nHxmJoTrKsmrkbILRhkC9gY1G3moZbJTqCzDd7DOOzG5KH9oeJ0Unqrff5f9v0pW//jES05ZkJcNtfE8JjOIew==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.34",
+        "@vue/shared": "3.5.34"
+      },
+      "peerDependencies": {
+        "vue": "3.5.34"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.34.tgz",
+      "integrity": "sha512-24uqU4OIiX29ryC3MeWid/Xf2fa2EFRUVLb77nRhk+UrTVrh/XiGtFAFmJBAtBRbjwNdsPRP+jj/OL27Eg1NDA==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.9.1.tgz",
+      "integrity": "sha512-buvjm+9NzLCJL29KY1j1991YYJ5e6275OiK+G4jtmfIb+z4POywbdm0wXusT9adVWqe0xqg70TbI7+mRx4uU9w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 5.8",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-14.3.0.tgz",
+      "integrity": "sha512-aHfz47g0ZhMtTVHmIzMVpJy8ePhhOy68GY5bv110+5DVtZ+W7BsOx+m61UNQqfrWyPztIHIanWa3E2tib3NFIw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "14.3.0",
+        "@vueuse/shared": "14.3.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-14.3.0.tgz",
+      "integrity": "sha512-BwxmbAzwAVF50+MW57GXOUEV61nFBGnlBvrTqj49PqWJu3uw7hdu72ztXeZ33RdZtDY6kO+bfCAE1PCn88Tktw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-14.3.0.tgz",
+      "integrity": "sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/alien-signals/-/alien-signals-3.1.2.tgz",
+      "integrity": "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.5.0.tgz",
+      "integrity": "sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.2",
+        "caniuse-lite": "^1.0.30001787",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.16.0.tgz",
+      "integrity": "sha512-6hp5CwvTPlN2A31g5dxnwAX0orzM7pmCRDLnZSX772mv8WDqICwFjowHuPs04Mc8deIld1+ejhtaMn5vp6b+1w==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.16.0",
+        "form-data": "^4.0.5",
+        "proxy-from-env": "^2.1.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.29",
+      "resolved": "https://registry.npmmirror.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.29.tgz",
+      "integrity": "sha512-Asa2krT+XTPZINCS+2QcyS8WTkObE77RwkydwF7h6DmnKqbvlalz93m/dnphUyCa6SWSP51VgtEUf2FN+gelFQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001792",
+      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001792.tgz",
+      "integrity": "sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmmirror.com/dompurify/-/dompurify-3.4.2.tgz",
+      "integrity": "sha512-lHeS9SA/IKeIFFyYciHBr2n0v1VMPlSj843HdLOwjb2OxNwdq9Xykxqhk+FE42MzAdHvInbAolSE4mhahPpjXA==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.353",
+      "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.353.tgz",
+      "integrity": "sha512-kOrWphBi8TOZyiJZqsgqIle0lw+tzmnQK83pV9dZUd01Nm2POECSyFQMAuarzZdYqQW7FH9RaYOuaRo3h+bQ3w==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.21.2",
+      "resolved": "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-5.21.2.tgz",
+      "integrity": "sha512-xe9vQb5kReirPUxgQrXA3ihgbCqssmTiM7cOZ+Gzu+VeGWgpV98lLZvp0dl4yriyAePcewxGUs9UpKD8PET9KQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.16.0.tgz",
+      "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/lottie-web": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmmirror.com/lottie-web/-/lottie-web-5.13.0.tgz",
+      "integrity": "sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==",
+      "license": "MIT"
+    },
+    "node_modules/lucide-vue-next": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/lucide-vue-next/-/lucide-vue-next-1.0.0.tgz",
+      "integrity": "sha512-V6SPvx1IHTj/UY+FrIYWV5faISsPSb8BnWSFDxAtezWKvWc9ZZ40PDrdu1/Qb5vg4lHWr1hs1BAMGVGm6V1Xdg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "vue": ">=3.0.1"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmmirror.com/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.14",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.14.tgz",
+      "integrity": "sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/proxy-from-env": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
+      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/rolldown": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/rolldown/-/rolldown-1.0.0.tgz",
+      "integrity": "sha512-yD986aXDESFGS95spT1LAv0jssywP4npMEjmMHyN2/5+eE8qQJUype2AaKkRiLgBgyD0LFlubwAht7VmY8rGoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.129.0",
+        "@rolldown/pluginutils": "1.0.0"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0",
+        "@rolldown/binding-darwin-arm64": "1.0.0",
+        "@rolldown/binding-darwin-x64": "1.0.0",
+        "@rolldown/binding-freebsd-x64": "1.0.0",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0",
+        "@rolldown/binding-linux-x64-musl": "1.0.0",
+        "@rolldown/binding-openharmony-arm64": "1.0.0",
+        "@rolldown/binding-wasm32-wasi": "1.0.0",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0"
+      }
+    },
+    "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0.tgz",
+      "integrity": "sha512-aKs/3GSWyV0mrhNmt/96/Z3yczC3yvrzYATCiCXQebBsGyYzjNdUphRVLeJQ67ySKVXRfMxt2lm12pmXvbPFQQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.3.0.tgz",
+      "integrity": "sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/typescript": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-6.0.3.tgz",
+      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "8.0.12",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-8.0.12.tgz",
+      "integrity": "sha512-w2dDofOWv2QB09ZITZBsvKTVAlYvPR4IAmrY/v0ir9KvLs0xybR7i48wxhM1/oyBWO34wPns+bPGw5ZrZqDpZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.32.0",
+        "picomatch": "^4.0.4",
+        "postcss": "^8.5.14",
+        "rolldown": "1.0.0",
+        "tinyglobby": "^0.2.16"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "@vitejs/devtools": "^0.1.18",
+        "esbuild": "^0.27.0 || ^0.28.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.34.tgz",
+      "integrity": "sha512-WdLBG9gm02OgJIG9axd5Hpx0TFLdzVgfG2evFFu8Rur5O/IoGc5cMjnjh3tPL6GnRGsYvUhBSKVPYVcxRKpMCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/compiler-sfc": "3.5.34",
+        "@vue/runtime-dom": "3.5.34",
+        "@vue/server-renderer": "3.5.34",
+        "@vue/shared": "3.5.34"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.2.8",
+      "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-3.2.8.tgz",
+      "integrity": "sha512-27vTLJ6Q2370obOd0PFYoYoKnmXJ521uUIedrs3Zhhhg/8YG10VOCMmwt+JQslatpAMTDbnWiitLnoD5VlIvog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.28",
+        "@vue/language-core": "3.2.8"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..fa73a60
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "frontend",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@vueuse/core": "^14.3.0",
+    "axios": "^1.16.0",
+    "dompurify": "^3.4.2",
+    "lottie-web": "^5.13.0",
+    "lucide-vue-next": "^1.0.0",
+    "markdown-it": "^14.1.1",
+    "vue": "^3.5.34"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/dompurify": "^3.0.5",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^24.12.3",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/tsconfig": "^0.9.1",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.14",
+    "tailwindcss": "^4.3.0",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.12",
+    "vue-tsc": "^3.2.8"
+  }
+}
diff --git a/frontend/public/audio/.gitkeep b/frontend/public/audio/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
new file mode 100644
index 0000000..6893eb1
--- /dev/null
+++ b/frontend/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>
\ No newline at end of file
diff --git a/frontend/public/icons.svg b/frontend/public/icons.svg
new file mode 100644
index 0000000..e952219
--- /dev/null
+++ b/frontend/public/icons.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>
diff --git a/frontend/public/lottie/heart.json b/frontend/public/lottie/heart.json
new file mode 100644
index 0000000..592ef61
--- /dev/null
+++ b/frontend/public/lottie/heart.json
@@ -0,0 +1,73 @@
+{
+  "v": "5.7.4",
+  "fr": 60,
+  "ip": 0,
+  "op": 60,
+  "w": 200,
+  "h": 200,
+  "nm": "dot",
+  "ddd": 0,
+  "assets": [],
+  "layers": [
+    {
+      "ddd": 0,
+      "ind": 1,
+      "ty": 4,
+      "nm": "circle",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [0], "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] } },
+            { "t": 60, "s": [360] }
+          ]
+        },
+        "p": { "a": 0, "k": [100, 100, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [85, 85, 100], "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] } },
+            { "t": 30, "s": [105, 105, 100], "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] } },
+            { "t": 60, "s": [85, 85, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "it": [
+            {
+              "ty": "el",
+              "d": 1,
+              "s": { "a": 0, "k": [72, 72] },
+              "p": { "a": 0, "k": [0, 0] }
+            },
+            {
+              "ty": "fl",
+              "c": { "a": 0, "k": [0.769, 0.361, 0.416, 1] },
+              "o": { "a": 0, "k": 100 },
+              "r": 1
+            },
+            {
+              "ty": "tr",
+              "p": { "a": 0, "k": [0, 0] },
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "r": { "a": 0, "k": 0 },
+              "o": { "a": 0, "k": 100 }
+            }
+          ]
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0,
+      "bm": 0
+    }
+  ],
+  "markers": []
+}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
new file mode 100644
index 0000000..57b1011
--- /dev/null
+++ b/frontend/src/App.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import OurStory from './views/OurStory.vue'
+</script>
+
+<template>
+  <OurStory />
+</template>
diff --git a/frontend/src/api/client.ts b/frontend/src/api/client.ts
new file mode 100644
index 0000000..546f84a
--- /dev/null
+++ b/frontend/src/api/client.ts
@@ -0,0 +1,77 @@
+import axios from 'axios'
+
+const baseURL = import.meta.env.VITE_API_BASE_URL || '/api'
+
+export const api = axios.create({
+  baseURL,
+  headers: { 'Content-Type': 'application/json' },
+})
+
+export type MemoryFeatureType = 'heart_window' | 'fissure_page' | 'standard_nepal'
+
+export type NepalArtStyle =
+  | 'none'
+  | 'mandala_pink'
+  | 'mandala_blue'
+  | 'spiral_rose'
+  | 'spiral_cyan'
+  | 'dawn_meet'
+  | 'blush_argue'
+  | 'mint_reconcile'
+  | 'saffron_home'
+  | 'indigo_ikea'
+  | 'lotus_petal'
+  | 'lokta_gold'
+  | 'ocean_prayer'
+  | 'desert_rose'
+  | 'night_star'
+  | 'terra_torn'
+
+export interface Memory {
+  id: number
+  story_order: number
+  date: string
+  event_title: string
+  main_text: string
+  unique_feature_type: MemoryFeatureType
+  nepal_art_style: NepalArtStyle
+  /** 首张图 URL，与 `images[0]` 一致 */
+  image: string | null
+  /** 主图 + 附加图（按后台顺序）；仅一张时不轮播 */
+  images: string[]
+  is_finale: boolean
+}
+
+export interface StatusPayload {
+  server_time: string
+  unlocked: boolean
+  unlock_at: string | null
+  together_since: string
+  bgm_enabled: boolean
+  site_title: string
+}
+
+export interface GuestbookMessage {
+  id: number
+  nickname: string
+  message: string
+  created_at: string
+}
+
+export async function fetchMemories(): Promise<Memory[]> {
+  const { data } = await api.get<Memory[]>('/memories/')
+  return data
+}
+
+export async function fetchStatus(): Promise<StatusPayload> {
+  const { data } = await api.get<StatusPayload>('/status/')
+  return data
+}
+
+export async function postMessage(payload: {
+  nickname: string
+  message: string
+}): Promise<GuestbookMessage> {
+  const { data } = await api.post<GuestbookMessage>('/messages/', payload)
+  return data
+}
diff --git a/frontend/src/assets/hero.png b/frontend/src/assets/hero.png
new file mode 100644
index 0000000000000000000000000000000000000000..02251f4b956c55af2d76fd0788124d7eee2b45eb
GIT binary patch
literal 13057
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
P00000NkvXXu0mjft=yBf

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/vite.svg b/frontend/src/assets/vite.svg
new file mode 100644
index 0000000..5101b67
--- /dev/null
+++ b/frontend/src/assets/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="77" height="47" fill="none" aria-labelledby="vite-logo-title" viewBox="0 0 77 47"><title id="vite-logo-title">Vite</title><style>.parenthesis{fill:#000}@media (prefers-color-scheme:dark){.parenthesis{fill:#fff}}</style><path fill="#9135ff" d="M40.151 45.71c-.663.844-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.493c-.92 0-1.457-1.04-.92-1.788l7.479-10.471c1.07-1.498 0-3.578-1.842-3.578H15.443c-.92 0-1.456-1.04-.92-1.788l9.696-13.576c.213-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.472c-1.07 1.497 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.087.89 1.83L40.153 45.712z"/><mask id="a" width="48" height="47" x="14" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M40.047 45.71c-.663.843-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.389c-.92 0-1.457-1.04-.92-1.788l7.479-10.472c1.07-1.497 0-3.578-1.842-3.578H15.34c-.92 0-1.456-1.04-.92-1.788l9.696-13.575c.213-.297.556-.474.92-.474H53.93c.92 0 1.456 1.04.92 1.788L47.37 13.03c-1.07 1.498 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.088.89 1.831L40.049 45.712z"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#eee6ff" rx="5.508" ry="14.704" transform="rotate(269.814 20.96 11.29)scale(-1 1)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#eee6ff" rx="10.399" ry="29.851" transform="rotate(89.814 -16.902 -8.275)scale(1 -1)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#8900ff" rx="5.508" ry="30.487" transform="rotate(89.814 -19.197 -7.127)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.928 4.177)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.738 5.52)scale(1 -1)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#eee6ff" rx="14.072" ry="22.078" transform="rotate(93.35 31.245 55.578)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx="14.592" cy="9.743" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(39.51 14.592 9.743)"/></g><g filter="url(#k)"><ellipse cx="61.728" cy="-5.321" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 61.728 -5.32)"/></g><g filter="url(#l)"><ellipse cx="55.618" cy="7.104" fill="#00c2ff" rx="5.971" ry="9.665" transform="rotate(37.892 55.618 7.104)"/></g><g filter="url(#m)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#n)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#o)"><ellipse cx="49.857" cy="30.678" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 49.857 30.678)"/></g><g filter="url(#p)"><ellipse cx="52.623" cy="33.171" fill="#00c2ff" rx="5.971" ry="15.297" transform="rotate(37.892 52.623 33.17)"/></g></g><path d="M6.919 0c-9.198 13.166-9.252 33.575 0 46.789h6.215c-9.25-13.214-9.196-33.623 0-46.789zm62.424 0h-6.215c9.198 13.166 9.252 33.575 0 46.789h6.215c9.25-13.214 9.196-33.623 0-46.789" class="parenthesis"/><defs><filter id="b" width="60.045" height="41.654" x="-5.564" y="16.92" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-40.407" y="-6.762" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-35.435" y="2.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-30.84" y="20.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-29.307" y="21.949" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="29.961" y="-17.13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-13.43" y="-22.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="34.321" y="-37.644" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="38.847" y="-10.552" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="22.45" y="-1.645" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="32.919" y="11.36" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter></defs></svg>
diff --git a/frontend/src/assets/vue.svg b/frontend/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/frontend/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/components/FissurePage.vue b/frontend/src/components/FissurePage.vue
new file mode 100644
index 0000000..3fb35bf
--- /dev/null
+++ b/frontend/src/components/FissurePage.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { usePointerSwipe, usePreferredReducedMotion } from '@vueuse/core'
+import { computed, ref } from 'vue'
+import type { Memory } from '../api/client'
+
+defineProps<{
+  memory: Memory
+}>()
+
+const stageRef = ref<HTMLElement | null>(null)
+const split = ref(0)
+const reduceMotion = usePreferredReducedMotion()
+
+usePointerSwipe(stageRef, {
+  disableTextSelect: true,
+  onSwipeEnd(_e, direction) {
+    if (reduceMotion.value === 'reduce') return
+    if (direction === 'left') {
+      split.value = Math.min(1, split.value + 0.22)
+    } else if (direction === 'right') {
+      split.value = Math.max(0, split.value - 0.22)
+    }
+  },
+})
+
+const rippleShift = computed(() => `${split.value * 14}px`)
+
+function toggleSplit() {
+  split.value = split.value > 0.35 ? 0 : 0.85
+}
+</script>
+
+<template>
+  <div class="mx-auto max-w-lg px-2 py-6 sm:px-4">
+    <div
+      ref="stageRef"
+      class="relative mx-auto min-h-[320px] max-w-md touch-none select-none overflow-hidden rounded-2xl border-[3px] border-slate-900/80 bg-white shadow-[8px_8px_0_rgb(15,23,42,0.55)] ring-2 ring-fuchsia-200/40"
+      style="touch-action: none"
+    >
+      <div class="absolute inset-0 flex">
+        <div
+          class="relative flex-1 overflow-hidden bg-lokta-cream/90"
+          :class="reduceMotion === 'reduce' ? '' : 'transition-transform duration-500 ease-out'"
+          :style="{ transform: `translateX(-${split * 28}%)` }"
+        >
+          <div
+            class="pointer-events-none absolute -right-1/4 inset-y-0 w-[140%] opacity-90"
+            style="
+              background: repeating-conic-gradient(
+                from 0deg at 60% 45%,
+                #fbcfe8 0deg 14deg,
+                #fce7f3 14deg 28deg,
+                #f9a8d4 28deg 42deg,
+                #fbcfe8 42deg 56deg
+              );
+              mask-image: radial-gradient(circle at 70% 40%, black 0%, transparent 68%);
+            "
+          />
+          <div class="relative z-[1] flex h-full flex-col justify-center px-3 py-8 sm:px-5">
+            <p
+              class="text-right font-brush text-lg leading-relaxed text-lokta-deep sm:text-xl"
+            >
+              旁人皆三千江水，
+            </p>
+          </div>
+        </div>
+
+        <div
+          class="relative z-10 w-px shrink-0 bg-gradient-to-b from-transparent via-ink/40 to-transparent shadow-[0_0_12px_rgba(61,52,40,0.35)]"
+          aria-hidden="true"
+        />
+
+        <div
+          class="relative flex-1 overflow-hidden bg-lokta-cream/90"
+          :class="reduceMotion === 'reduce' ? '' : 'transition-transform duration-500 ease-out'"
+          :style="{ transform: `translateX(${split * 28}%)` }"
+        >
+          <div
+            class="pointer-events-none absolute -left-1/4 inset-y-0 w-[140%] opacity-90"
+            style="
+              background: repeating-conic-gradient(
+                from 180deg at 40% 45%,
+                #a5f3fc 0deg 16deg,
+                #cffafe 16deg 32deg,
+                #22d3ee 32deg 48deg,
+                #a5f3fc 48deg 64deg
+              );
+              mask-image: radial-gradient(circle at 30% 40%, black 0%, transparent 68%);
+            "
+          />
+          <div class="relative z-[1] flex h-full flex-col justify-center px-3 py-8 sm:px-5">
+            <p class="font-brush text-lg leading-relaxed text-lokta-deep sm:text-xl">
+              <span>唯你是心上</span>
+              <span
+                class="relative z-20 inline-block -mx-1 font-brush text-2xl text-rose-deep sm:text-3xl"
+                :style="{ transform: `translateX(${rippleShift})` }"
+              >涟漪</span>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <button
+      type="button"
+      class="mx-auto mt-2 block rounded-full border border-paper-shadow bg-white/90 px-4 py-2 text-xs font-medium text-ink shadow-sm transition hover:bg-paper-deep"
+      @click="toggleSplit"
+    >
+      {{ split > 0.35 ? '让裂缝合上' : '轻轻拉开' }}
+    </button>
+  </div>
+</template>
diff --git a/frontend/src/components/HeartMangaBackdrop.vue b/frontend/src/components/HeartMangaBackdrop.vue
new file mode 100644
index 0000000..62abdd4
--- /dev/null
+++ b/frontend/src/components/HeartMangaBackdrop.vue
@@ -0,0 +1,25 @@
+<!-- 终章心窗背后：柔色漫画夜空 + 零星花瓣线稿 -->
+<template>
+  <div
+    class="pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-2xl bg-gradient-to-b from-violet-100/50 via-pink-50/40 to-lokta-cream/60"
+    aria-hidden="true"
+  >
+    <svg class="absolute inset-0 h-full w-full opacity-70" viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="300" cy="48" r="22" fill="#fef3c7" stroke="#b45309" stroke-width="1.2" />
+      <path
+        d="M80 200 Q120 160 160 200 Q120 220 80 200"
+        fill="none"
+        stroke="#db2777"
+        stroke-width="1.2"
+        opacity="0.45"
+      />
+      <path
+        d="M260 220 Q300 180 340 220 Q300 240 260 220"
+        fill="none"
+        stroke="#7c3aed"
+        stroke-width="1.1"
+        opacity="0.4"
+      />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/HeartWindowPage.vue b/frontend/src/components/HeartWindowPage.vue
new file mode 100644
index 0000000..9ec4f14
--- /dev/null
+++ b/frontend/src/components/HeartWindowPage.vue
@@ -0,0 +1,177 @@
+<script setup lang="ts">
+import { usePointerSwipe, usePreferredReducedMotion } from '@vueuse/core'
+import { computed, ref } from 'vue'
+import type { Memory } from '../api/client'
+import HeartMangaBackdrop from './HeartMangaBackdrop.vue'
+import { renderMarkdown } from '../utils/renderMarkdown'
+
+const props = defineProps<{
+  memory: Memory
+}>()
+
+const stageRef = ref<HTMLElement | null>(null)
+const openAmount = ref(0)
+const reduceMotion = usePreferredReducedMotion()
+
+usePointerSwipe(stageRef, {
+  disableTextSelect: true,
+  onSwipeEnd(_e, direction) {
+    if (reduceMotion.value === 'reduce') return
+    if (direction === 'left') {
+      openAmount.value = Math.min(1, openAmount.value + 0.28)
+    } else if (direction === 'right') {
+      openAmount.value = Math.max(0, openAmount.value - 0.28)
+    }
+  },
+})
+
+const openDeg = computed(() => openAmount.value * 78)
+
+const bodyHtml = computed(() => renderMarkdown(props.memory.main_text))
+
+function toggleDoors() {
+  openAmount.value = openAmount.value > 0.4 ? 0 : 0.92
+}
+</script>
+
+<template>
+  <div class="mx-auto max-w-lg px-3 py-6 sm:px-4">
+    <p
+      class="text-center font-brush text-lg leading-snug text-lokta-deep sm:text-xl"
+    >
+      不开<span class="font-hand text-rose-deep">心</span>就打开<span
+        class="text-lokta-teal"
+      >心墙</span>
+    </p>
+    <p
+      class="mt-2 text-center font-hand text-sm text-ink-muted sm:text-base"
+    >
+      我会在你身边 · <span class="font-[family-name:var(--font-hand)] text-rose-deep">open</span>
+    </p>
+
+    <div
+      ref="stageRef"
+      class="relative mx-auto mt-8 max-w-md touch-none select-none [perspective:1200px]"
+      style="touch-action: none"
+    >
+      <div
+        class="relative flex h-[min(52vw,280px)] max-h-[300px] min-h-[220px] items-stretch justify-center overflow-visible rounded-2xl border-[3px] border-white/90 shadow-[6px_6px_0_rgb(30,41,59,0.18)] ring-2 ring-rose-200/50"
+      >
+        <HeartMangaBackdrop />
+        <div
+          class="pointer-events-none relative z-[3] flex h-full w-1/2 origin-left rounded-l-2xl border border-rose-soft/40 bg-gradient-to-br from-white via-lokta-cream to-lokta-blush/30 shadow-inner will-change-transform"
+          :class="reduceMotion === 'reduce' ? '' : 'transition-transform duration-300 ease-out'"
+          :style="{
+            transform: `rotateY(${-openDeg}deg)`,
+            transformStyle: 'preserve-3d',
+          }"
+        />
+        <div
+          class="pointer-events-none relative z-[3] flex h-full w-1/2 origin-right rounded-r-2xl border border-rose-soft/40 bg-gradient-to-bl from-white via-lokta-cream to-lokta-teal/25 shadow-inner will-change-transform"
+          :class="reduceMotion === 'reduce' ? '' : 'transition-transform duration-300 ease-out'"
+          :style="{
+            transform: `rotateY(${openDeg}deg)`,
+            transformStyle: 'preserve-3d',
+          }"
+        />
+        <div
+          class="pointer-events-none absolute inset-2 z-[2] flex flex-col items-center justify-center rounded-xl bg-paper-deep/90 p-3 text-center text-sm text-ink-muted shadow-inner"
+        >
+          <div
+            class="max-w-none text-left text-xs leading-relaxed text-ink [&_p]:my-1 sm:text-sm"
+            v-html="bodyHtml"
+          />
+        </div>
+      </div>
+
+      <button
+        type="button"
+        class="mx-auto mt-3 block rounded-full border border-paper-shadow bg-white/90 px-4 py-2 text-xs font-medium text-ink shadow-sm transition hover:bg-paper-deep"
+        @click="toggleDoors"
+      >
+        {{ openAmount > 0.4 ? '合上心窗' : '推开一点' }}
+      </button>
+    </div>
+
+    <div
+      class="relative mx-auto mt-10 max-w-md rounded-2xl border-4 border-transparent bg-origin-border p-[2px] shadow-[0_16px_40px_-12px_rgba(30,53,80,0.35)]"
+      style="
+        background-image: linear-gradient(#f4e8dc, #e8d4c4),
+          repeating-linear-gradient(
+            0deg,
+            #8f3a36,
+            #8f3a36 10px,
+            #b84a42 10px,
+            #b84a42 20px
+          );
+        background-origin: border-box;
+        background-clip: padding-box, border-box;
+      "
+    >
+      <div
+        class="rounded-xl bg-gradient-to-b from-lokta-cream to-paper-deep/90 p-4 nepal-fiber"
+      >
+        <p class="text-center text-xs font-medium tracking-widest text-ink-muted">
+          藏宝格 · 情书券插槽
+        </p>
+        <div
+          class="relative mx-auto mt-3 h-24 w-[88%] max-w-xs rounded-md border-2 border-dashed border-rose-soft/50 bg-black/5 shadow-inner"
+        >
+          <div
+            class="absolute inset-x-3 bottom-1 top-2 flex items-center justify-center overflow-hidden rounded-sm bg-gradient-to-br from-fuchsia-100 via-pink-200 to-rose-200 shadow-md ring-1 ring-fuchsia-400/40"
+          >
+            <svg
+              class="h-full w-full opacity-95"
+              viewBox="0 0 320 140"
+              xmlns="http://www.w3.org/2000/svg"
+              aria-hidden="true"
+            >
+              <defs>
+                <pattern
+                  id="h0"
+                  width="18"
+                  height="18"
+                  patternUnits="userSpaceOnUse"
+                >
+                  <circle cx="3" cy="3" r="1.2" fill="#be185d" opacity="0.35" />
+                  <circle cx="12" cy="11" r="1" fill="#9d174d" opacity="0.3" />
+                </pattern>
+              </defs>
+              <rect width="320" height="140" fill="url(#h0)" />
+              <text
+                x="160"
+                y="42"
+                text-anchor="middle"
+                fill="#831843"
+                font-size="16"
+                font-family="system-ui, sans-serif"
+              >
+                Love 520 · 情书券（非流通）
+              </text>
+              <text
+                x="160"
+                y="78"
+                text-anchor="middle"
+                fill="#9f1239"
+                font-size="28"
+                font-weight="700"
+                font-family="Georgia, serif"
+              >
+                壹佰份喜欢
+              </text>
+              <text
+                x="160"
+                y="108"
+                text-anchor="middle"
+                fill="#881337"
+                font-size="11"
+              >
+                仅供纪念 · 人民银行不存在于本宇宙
+              </text>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/components/LottieSticker.vue b/frontend/src/components/LottieSticker.vue
new file mode 100644
index 0000000..8d34a84
--- /dev/null
+++ b/frontend/src/components/LottieSticker.vue
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import lottie, { type AnimationItem } from 'lottie-web'
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
+
+const props = withDefaults(
+  defineProps<{
+    src?: string
+    loop?: boolean
+    sizeClass?: string
+  }>(),
+  {
+    src: '/lottie/heart.json',
+    loop: true,
+    sizeClass: 'h-20 w-20',
+  },
+)
+
+const host = ref<HTMLDivElement | null>(null)
+let anim: AnimationItem | null = null
+
+async function tryLoad() {
+  if (!host.value || !props.src) return
+  try {
+    const res = await fetch(props.src, { method: 'GET' })
+    if (!res.ok) return
+    const data = await res.json()
+    anim?.destroy()
+    anim = lottie.loadAnimation({
+      container: host.value,
+      renderer: 'svg',
+      loop: props.loop,
+      autoplay: true,
+      animationData: data,
+    })
+  } catch {
+    /* optional asset */
+  }
+}
+
+onMounted(() => {
+  void tryLoad()
+})
+
+watch(
+  () => props.src,
+  () => {
+    void tryLoad()
+  },
+)
+
+onBeforeUnmount(() => {
+  anim?.destroy()
+  anim = null
+})
+</script>
+
+<template>
+  <div
+    ref="host"
+    class="[&_svg]:!h-full [&_svg]:!w-full"
+    :class="sizeClass"
+    aria-hidden="true"
+  />
+</template>
diff --git a/frontend/src/components/MessageForm.vue b/frontend/src/components/MessageForm.vue
new file mode 100644
index 0000000..264216f
--- /dev/null
+++ b/frontend/src/components/MessageForm.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { Heart, Send } from 'lucide-vue-next'
+import { ref } from 'vue'
+import { postMessage } from '../api/client'
+
+const nickname = ref('')
+const message = ref('')
+const sending = ref(false)
+const done = ref(false)
+const error = ref<string | null>(null)
+
+async function submit() {
+  error.value = null
+  const n = nickname.value.trim()
+  const m = message.value.trim()
+  if (!n || !m) {
+    error.value = '请填写昵称和留言'
+    return
+  }
+  sending.value = true
+  try {
+    await postMessage({ nickname: n, message: m })
+    done.value = true
+    nickname.value = ''
+    message.value = ''
+  } catch {
+    error.value = '发送失败，请稍后再试'
+  } finally {
+    sending.value = false
+  }
+}
+</script>
+
+<template>
+  <section
+    class="relative mx-auto max-w-lg px-4 pb-28 pt-4 sm:px-6"
+    aria-labelledby="guestbook-title"
+  >
+    <div class="nepal-brick-frame">
+      <div
+        class="relative rounded-2xl bg-gradient-to-b from-white/98 to-lokta-cream/40 p-6 ring-1 ring-lokta-deep/5 sm:p-8"
+      >
+      <div class="flex items-center gap-2 text-rose-deep">
+        <Heart class="h-5 w-5" fill="currentColor" aria-hidden="true" />
+        <h2 id="guestbook-title" class="font-brush text-3xl text-lokta-deep sm:text-4xl">
+          给她的一句话
+        </h2>
+      </div>
+      <p class="mt-2 text-sm text-ink-muted">
+        写下手帐最后一页的悄悄话，会保存在服务器上。
+      </p>
+      <form class="mt-6 space-y-4" @submit.prevent="submit">
+        <div>
+          <label class="block text-xs font-medium text-ink-muted" for="nick">昵称</label>
+          <input
+            id="nick"
+            v-model="nickname"
+            maxlength="80"
+            autocomplete="nickname"
+            class="mt-1 w-full rounded-xl border border-paper-shadow bg-paper/80 px-4 py-3 text-ink shadow-inner outline-none ring-0 transition focus:border-rose-soft/60 focus:ring-2 focus:ring-rose-soft/25"
+            placeholder="例如：你的小朋友"
+          >
+        </div>
+        <div>
+          <label class="block text-xs font-medium text-ink-muted" for="msg">留言</label>
+          <textarea
+            id="msg"
+            v-model="message"
+            rows="5"
+            maxlength="2000"
+            class="mt-1 w-full resize-y rounded-xl border border-paper-shadow bg-paper/80 px-4 py-3 text-ink shadow-inner outline-none transition focus:border-rose-soft/60 focus:ring-2 focus:ring-rose-soft/25"
+            placeholder="写下你想说的话…"
+          />
+        </div>
+        <p v-if="error" class="text-sm text-rose-deep">
+          {{ error }}
+        </p>
+        <p v-if="done" class="text-sm text-ink-muted">
+          已收到你的心意，谢谢你打开这一页。
+        </p>
+        <button
+          type="submit"
+          class="inline-flex w-full items-center justify-center gap-2 rounded-full bg-rose-soft px-5 py-3 text-sm font-semibold text-white shadow-md transition hover:bg-rose-deep disabled:cursor-not-allowed disabled:opacity-60"
+          :disabled="sending"
+        >
+          <Send class="h-4 w-4" aria-hidden="true" />
+          {{ sending ? '发送中…' : '寄出留言' }}
+        </button>
+      </form>
+      </div>
+    </div>
+  </section>
+</template>
diff --git a/frontend/src/components/NepalChapterBand.vue b/frontend/src/components/NepalChapterBand.vue
new file mode 100644
index 0000000..c4450fe
--- /dev/null
+++ b/frontend/src/components/NepalChapterBand.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+defineProps<{
+  label: string
+}>()
+</script>
+
+<template>
+  <div
+    class="relative overflow-hidden border-y border-lokta-deep/10 bg-gradient-to-r from-lokta-blush/25 via-lokta-cream/80 to-lokta-teal/20 py-7 text-center shadow-[inset_0_10px_30px_rgba(30,53,80,0.06)]"
+    role="separator"
+  >
+    <div
+      class="pointer-events-none absolute inset-0 nepal-fiber opacity-20 mix-blend-multiply"
+      aria-hidden="true"
+    />
+    <p
+      class="relative font-brush text-lg tracking-widest text-lokta-deep sm:text-xl"
+    >
+      —— {{ label }} ——
+    </p>
+  </div>
+</template>
diff --git a/frontend/src/components/NepalHero.vue b/frontend/src/components/NepalHero.vue
new file mode 100644
index 0000000..d5b6c6d
--- /dev/null
+++ b/frontend/src/components/NepalHero.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+/** 尼泊尔本式双页晕染 + 中间毛边纸层，slot 放标题与装饰 */
+</script>
+
+<template>
+  <section
+    class="relative isolate min-h-[min(52vh,520px)] overflow-hidden border-b border-paper-shadow/50"
+    aria-labelledby="nepal-hero-title"
+  >
+    <div
+      class="pointer-events-none absolute inset-y-0 left-0 w-[58%] bg-gradient-to-br from-lokta-blush/90 via-lokta-peach/70 to-transparent opacity-95"
+      aria-hidden="true"
+    />
+    <div
+      class="pointer-events-none absolute inset-y-0 right-0 w-[58%] bg-gradient-to-bl from-lokta-teal/85 via-cyan-200/50 to-transparent opacity-95"
+      aria-hidden="true"
+    />
+    <div
+      class="pointer-events-none absolute -left-20 top-1/4 h-48 w-48 rounded-full bg-lokta-magenta/25 blur-3xl"
+      aria-hidden="true"
+    />
+    <div
+      class="pointer-events-none absolute -right-16 bottom-10 h-56 w-56 rounded-full bg-lokta-deep/20 blur-3xl"
+      aria-hidden="true"
+    />
+    <div
+      class="pointer-events-none absolute inset-0 nepal-fiber opacity-[0.35] mix-blend-multiply"
+      aria-hidden="true"
+    />
+    <div
+      class="relative z-[1] mx-auto flex max-w-lg flex-col items-center px-4 pb-12 pt-10 text-center sm:px-8 sm:pb-14 sm:pt-12"
+    >
+      <div
+        class="nepal-torn-panel relative w-full max-w-md bg-lokta-cream/95 px-5 py-8 shadow-[0_18px_50px_-20px_rgba(30,53,80,0.35)] ring-1 ring-lokta-deep/10 backdrop-blur-[2px] sm:px-8 sm:py-10"
+      >
+        <div
+          class="pointer-events-none absolute inset-0 nepal-fiber opacity-25"
+          aria-hidden="true"
+        />
+        <div class="relative flex flex-col items-center gap-3 sm:gap-4">
+          <slot />
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
diff --git a/frontend/src/components/NepalPageContainer.vue b/frontend/src/components/NepalPageContainer.vue
new file mode 100644
index 0000000..fb2c764
--- /dev/null
+++ b/frontend/src/components/NepalPageContainer.vue
@@ -0,0 +1,327 @@
+<script setup lang="ts">
+import { usePreferredReducedMotion, useSessionStorage } from '@vueuse/core'
+import { computed, watch } from 'vue'
+import type { Memory, StatusPayload } from '../api/client'
+import {
+  getStoryNavAccentClass,
+  getStoryShellClasses,
+  getStoryTransitionName,
+} from '../utils/storyPageTransition'
+import FissurePage from './FissurePage.vue'
+import HeartWindowPage from './HeartWindowPage.vue'
+import StandardNepalPage from './StandardNepalPage.vue'
+
+const props = defineProps<{
+  memories: Memory[]
+  status: StatusPayload
+}>()
+
+const storyIndex = useSessionStorage('nj_story_idx', 0)
+const reduceMotion = usePreferredReducedMotion()
+
+watch(
+  () => props.memories.length,
+  (n) => {
+    if (n === 0) return
+    if (storyIndex.value >= n) storyIndex.value = n - 1
+    if (storyIndex.value < 0) storyIndex.value = 0
+  },
+  { immediate: true },
+)
+
+const current = computed(() => props.memories[storyIndex.value] ?? null)
+
+const pageComponent = computed(() => {
+  const t = current.value?.unique_feature_type
+  if (t === 'heart_window') return HeartWindowPage
+  if (t === 'fissure_page') return FissurePage
+  return StandardNepalPage
+})
+
+const transitionName = computed(() => {
+  if (reduceMotion.value === 'reduce') return 'story-none'
+  return getStoryTransitionName(current.value)
+})
+
+const shellChrome = computed(() => getStoryShellClasses(current.value))
+const navAccent = computed(() => getStoryNavAccentClass(current.value))
+
+function prev() {
+  storyIndex.value = Math.max(0, storyIndex.value - 1)
+}
+
+function next() {
+  storyIndex.value = Math.min(props.memories.length - 1, storyIndex.value + 1)
+}
+</script>
+
+<template>
+  <div v-if="memories.length" class="min-h-dvh">
+    <div class="relative min-h-dvh">
+      <div
+        class="sticky top-0 z-10 flex items-center justify-between gap-2 border-b border-paper-shadow/70 bg-paper/88 px-3 py-2 backdrop-blur-md sm:px-4"
+      >
+        <button
+          type="button"
+          class="rounded-full border border-paper-shadow bg-white/90 px-3 py-1.5 text-xs text-ink shadow-sm transition disabled:opacity-40"
+          :class="navAccent"
+          :disabled="storyIndex <= 0"
+          @click="prev"
+        >
+          上一页
+        </button>
+        <Transition mode="out-in" name="nj-title">
+          <p
+            v-if="current"
+            :key="current.id"
+            class="min-w-0 flex-1 truncate text-center text-xs text-ink-muted sm:text-sm"
+          >
+            <span class="font-medium text-ink">{{ current.event_title }}</span>
+            <span class="mx-1 text-ink-muted">·</span>
+            <span>{{ current.date }}</span>
+          </p>
+        </Transition>
+        <button
+          type="button"
+          class="rounded-full border border-paper-shadow bg-white/90 px-3 py-1.5 text-xs text-ink shadow-sm transition disabled:opacity-40"
+          :class="navAccent"
+          :disabled="storyIndex >= memories.length - 1"
+          @click="next"
+        >
+          下一页
+        </button>
+      </div>
+
+      <div
+        class="relative mx-auto max-w-3xl px-1 pb-24 pt-2 sm:px-4 sm:pb-16 sm:pt-4 [perspective:1400px]"
+      >
+        <div
+          class="relative min-h-[60vh] overflow-hidden rounded-2xl bg-gradient-to-b from-white/70 to-lokta-cream/30 ring-1 transition-[box-shadow,border-color] duration-500 [transform-style:preserve-3d]"
+          :class="shellChrome"
+        >
+          <div class="pointer-events-none absolute inset-0 nepal-fiber opacity-15 mix-blend-multiply" />
+          <Transition :name="transitionName" mode="out-in">
+            <div
+              v-if="current"
+              :key="current.id"
+              class="relative z-[1] will-change-transform"
+            >
+              <component :is="pageComponent" :memory="current" />
+            </div>
+          </Transition>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* 顶栏标题轻切换 */
+.nj-title-enter-active,
+.nj-title-leave-active {
+  transition: opacity 0.28s ease, transform 0.28s ease;
+}
+.nj-title-enter-from {
+  opacity: 0;
+  transform: translateY(6px);
+}
+.nj-title-leave-to {
+  opacity: 0;
+  transform: translateY(-5px);
+}
+
+/* 无障碍：减弱动效 */
+.story-none-enter-active,
+.story-none-leave-active {
+  transition: opacity 0.2s ease;
+}
+.story-none-enter-from,
+.story-none-leave-to {
+  opacity: 0;
+}
+
+/* 通用时长曲线 */
+.story-heart-enter-active,
+.story-heart-leave-active,
+.story-fissure-enter-active,
+.story-fissure-leave-active,
+.story-dawn-enter-active,
+.story-dawn-leave-active,
+.story-blush-enter-active,
+.story-blush-leave-active,
+.story-mint-enter-active,
+.story-mint-leave-active,
+.story-saffron-enter-active,
+.story-saffron-leave-active,
+.story-indigo-enter-active,
+.story-indigo-leave-active,
+.story-lotus-enter-active,
+.story-lotus-leave-active,
+.story-rose-enter-active,
+.story-rose-leave-active,
+.story-blue-enter-active,
+.story-blue-leave-active,
+.story-night-enter-active,
+.story-night-leave-active,
+.story-gold-enter-active,
+.story-gold-leave-active,
+.story-paper-enter-active,
+.story-paper-leave-active {
+  transition:
+    opacity 0.52s cubic-bezier(0.22, 1, 0.36, 1),
+    transform 0.52s cubic-bezier(0.22, 1, 0.36, 1),
+    filter 0.52s cubic-bezier(0.22, 1, 0.36, 1),
+    clip-path 0.52s cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+/* 终章 · 心窗：推门而入 */
+.story-heart-enter-from {
+  opacity: 0;
+  transform: perspective(1000px) rotateY(-16deg) scale(0.94);
+  filter: blur(2px);
+}
+.story-heart-leave-to {
+  opacity: 0;
+  transform: perspective(900px) rotateY(10deg) scale(1.03);
+  filter: blur(1px);
+}
+
+/* 争执 · 裂缝：向中间收拢再裂开 */
+.story-fissure-enter-from {
+  opacity: 0;
+  clip-path: inset(0 46% 0 46%);
+  transform: scale(0.94);
+  filter: saturate(1.25) hue-rotate(-8deg);
+}
+.story-fissure-leave-to {
+  opacity: 0;
+  clip-path: inset(42% 0 42% 0);
+  transform: scale(0.97);
+  filter: saturate(0.85);
+}
+
+/* 初见 · 晨光 */
+.story-dawn-enter-from {
+  opacity: 0;
+  transform: translateY(28px) scale(0.97);
+  filter: brightness(1.2) saturate(1.08);
+}
+.story-dawn-leave-to {
+  opacity: 0;
+  transform: translateY(-18px) scale(1.02);
+  filter: brightness(0.92);
+}
+
+/* 别扭 · 粉雾 */
+.story-blush-enter-from {
+  opacity: 0;
+  transform: translateX(-18px) scale(0.98);
+  filter: blur(1px) saturate(1.15);
+}
+.story-blush-leave-to {
+  opacity: 0;
+  transform: translateX(14px) scale(1.01);
+  filter: saturate(0.9);
+}
+
+/* 和好 · 薄荷 */
+.story-mint-enter-from {
+  opacity: 0;
+  transform: scale(0.94);
+  filter: blur(2px) brightness(1.05);
+}
+.story-mint-leave-to {
+  opacity: 0;
+  transform: scale(1.04);
+  filter: blur(1px);
+}
+
+/* 小家 · 姜黄暖调 */
+.story-saffron-enter-from {
+  opacity: 0;
+  transform: translate(12px, 16px) scale(0.96) rotate(-0.8deg);
+  filter: brightness(1.08);
+}
+.story-saffron-leave-to {
+  opacity: 0;
+  transform: translate(-10px, -12px) scale(1.02) rotate(0.6deg);
+}
+
+/* 宜家 · 靛蓝利落 */
+.story-indigo-enter-from {
+  opacity: 0;
+  transform: translateX(22px) skewX(-2deg) scale(0.97);
+  filter: contrast(1.05);
+}
+.story-indigo-leave-to {
+  opacity: 0;
+  transform: translateX(-18px) skewX(1.5deg);
+}
+
+/* 莲花瓣 */
+.story-lotus-enter-from {
+  opacity: 0;
+  transform: scale(0.92) rotate(-1.2deg);
+  filter: saturate(1.2) brightness(1.06);
+}
+.story-lotus-leave-to {
+  opacity: 0;
+  transform: scale(1.05) rotate(1deg);
+}
+
+/* 曼陀罗 / 玫瑰螺旋 */
+.story-rose-enter-from {
+  opacity: 0;
+  transform: rotate(-3deg) scale(0.95);
+  filter: saturate(1.18);
+}
+.story-rose-leave-to {
+  opacity: 0;
+  transform: rotate(2deg) scale(1.02);
+}
+
+/* 青蓝系 */
+.story-blue-enter-from {
+  opacity: 0;
+  transform: translateY(20px) scale(0.97);
+  filter: hue-rotate(12deg) saturate(1.1);
+}
+.story-blue-leave-to {
+  opacity: 0;
+  transform: translateY(-12px);
+  filter: hue-rotate(-6deg);
+}
+
+/* 夜空 */
+.story-night-enter-from {
+  opacity: 0;
+  transform: scale(1.06);
+  filter: brightness(0.75) blur(2px);
+}
+.story-night-leave-to {
+  opacity: 0;
+  transform: scale(0.94);
+  filter: brightness(1.15);
+}
+
+/* 金缮手工纸 */
+.story-gold-enter-from {
+  opacity: 0;
+  transform: translateY(12px) rotate(1deg) scale(0.97);
+  filter: sepia(0.15) brightness(1.05);
+}
+.story-gold-leave-to {
+  opacity: 0;
+  transform: translateY(-8px) rotate(-0.8deg);
+}
+
+/* 默认纸页 */
+.story-paper-enter-from {
+  opacity: 0;
+  transform: rotateY(-10deg) translateZ(-14px);
+}
+.story-paper-leave-to {
+  opacity: 0;
+  transform: rotateY(8deg) translateZ(-8px);
+}
+</style>
diff --git a/frontend/src/components/NeteaseEmbed.vue b/frontend/src/components/NeteaseEmbed.vue
new file mode 100644
index 0000000..a322a65
--- /dev/null
+++ b/frontend/src/components/NeteaseEmbed.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps<{
+  /** 后端已规范为 https://music.163.com/... 的播放器地址 */
+  src: string
+}>()
+
+const safeSrc = computed(() => {
+  let u = (props.src || '').trim()
+  if (!u) return ''
+  if (u.startsWith('//')) u = `https:${u}`
+  try {
+    const url = new URL(u)
+    if (url.protocol !== 'https:') return ''
+    const h = url.hostname.toLowerCase()
+    if (h !== 'music.163.com') return ''
+    return url.href.split('#')[0]
+  } catch {
+    return ''
+  }
+})
+</script>
+
+<template>
+  <div
+    v-if="safeSrc"
+    class="overflow-hidden rounded-xl border border-lokta-deep/15 bg-white/80 shadow-sm"
+  >
+    <iframe
+      :src="safeSrc"
+      title="网易云音乐"
+      frameborder="no"
+      border="0"
+      marginwidth="0"
+      marginheight="0"
+      width="330"
+      height="86"
+      class="mx-auto block border-0"
+      allow="autoplay; encrypted-media; fullscreen"
+      referrerpolicy="strict-origin-when-cross-origin"
+    />
+  </div>
+</template>
diff --git a/frontend/src/components/PolaroidCard.vue b/frontend/src/components/PolaroidCard.vue
new file mode 100644
index 0000000..414ba5f
--- /dev/null
+++ b/frontend/src/components/PolaroidCard.vue
@@ -0,0 +1,209 @@
+<script setup lang="ts">
+import { usePreferredReducedMotion } from '@vueuse/core'
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import type { Memory } from '../api/client'
+import WashiTape from './WashiTape.vue'
+
+const props = defineProps<{
+  memory: Memory
+  index: number
+}>()
+
+const root = ref<HTMLElement | null>(null)
+const visible = ref(false)
+const loadedSet = ref<Record<number, boolean>>({})
+const activeIndex = ref(0)
+const reduceMotion = usePreferredReducedMotion()
+
+let observer: IntersectionObserver | null = null
+let slideTimer: ReturnType<typeof setInterval> | undefined
+
+const rotateClass = computed(() =>
+  props.index % 2 === 0 ? '-rotate-1 sm:rotate-1' : 'rotate-1 sm:-rotate-1',
+)
+
+/** 主图 + 附加图；兼容旧数据仅有 image */
+const imageUrls = computed(() => {
+  const m = props.memory
+  if (m.images?.length) return m.images
+  if (m.image) return [m.image]
+  return []
+})
+
+const hasMultiple = computed(() => imageUrls.value.length > 1)
+
+const excerpt = computed(() => {
+  const line =
+    props.memory.main_text?.split('\n').find((l) => l.trim())?.trim() ?? ''
+  const plain = line.replace(/\*\*/g, '').replace(/[#>`]/g, '')
+  if (!plain) return ''
+  return plain.length > 140 ? `${plain.slice(0, 140)}…` : plain
+})
+
+function onImgLoad(i: number) {
+  loadedSet.value = { ...loadedSet.value, [i]: true }
+}
+
+function stackStyle(i: number) {
+  const urls = imageUrls.value
+  const n = urls.length
+  if (n <= 1) {
+    return {
+      zIndex: 2,
+      transform: 'translate(0,0) scale(1) rotate(0deg)',
+      opacity: 1,
+    }
+  }
+  const flat = reduceMotion.value === 'reduce'
+  const rel = (i - activeIndex.value + n) % n
+  const z = 20 - rel
+  if (flat) {
+    return {
+      zIndex: z,
+      transform: 'translate(0,0) scale(1)',
+      opacity: rel === 0 ? 1 : 0,
+    }
+  }
+  const off = rel * 6
+  const scale = 1 - rel * 0.028
+  const rot = rel * 0.9 - (n - 1) * 0.35
+  const opacity = rel === 0 ? 1 : Math.max(0.32, 0.78 - rel * 0.12)
+  return {
+    zIndex: z,
+    transform: `translate(${off}px, ${off * 0.65}px) scale(${scale}) rotate(${rot}deg)`,
+    opacity,
+  }
+}
+
+function startCarousel() {
+  if (slideTimer) clearInterval(slideTimer)
+  slideTimer = undefined
+  if (reduceMotion.value === 'reduce') return
+  if (!hasMultiple.value || !visible.value) return
+  slideTimer = setInterval(() => {
+    const n = imageUrls.value.length
+    if (n <= 1) return
+    activeIndex.value = (activeIndex.value + 1) % n
+  }, 3000)
+}
+
+watch(
+  () => props.memory.id,
+  () => {
+    activeIndex.value = 0
+    loadedSet.value = {}
+    startCarousel()
+  },
+)
+
+watch([hasMultiple, visible], () => {
+  startCarousel()
+})
+
+watch(imageUrls, () => {
+  activeIndex.value = 0
+  startCarousel()
+})
+
+watch(reduceMotion, () => {
+  activeIndex.value = 0
+  startCarousel()
+})
+
+onMounted(() => {
+  observer = new IntersectionObserver(
+    (entries) => {
+      for (const e of entries) {
+        if (e.isIntersecting) {
+          visible.value = true
+          observer?.disconnect()
+          observer = null
+          startCarousel()
+        }
+      }
+    },
+    { root: null, threshold: 0.12 },
+  )
+  if (root.value) observer.observe(root.value)
+})
+
+onBeforeUnmount(() => {
+  observer?.disconnect()
+  if (slideTimer) clearInterval(slideTimer)
+})
+</script>
+
+<template>
+  <article
+    ref="root"
+    class="relative mx-auto max-w-[min(100%,320px)] transition-all duration-700 ease-out"
+    :class="
+      visible
+        ? `translate-y-0 opacity-100 ${rotateClass}`
+        : 'translate-y-6 opacity-0 rotate-0'
+    "
+  >
+    <WashiTape
+      class="-left-2 top-3"
+      :tone="index % 3 === 0 ? 'pink' : index % 3 === 1 ? 'mint' : 'cream'"
+      rotate="-rotate-12"
+      width-class="w-20"
+    />
+    <div
+      class="nepal-deckle-frame relative bg-white p-3 pb-16 shadow-[0_14px_44px_-10px_rgba(30,53,80,0.28)] ring-1 ring-lokta-deep/10"
+    >
+      <div
+        class="pointer-events-none absolute inset-2 nepal-fiber opacity-[0.18] mix-blend-multiply"
+        aria-hidden="true"
+      />
+      <div class="relative aspect-[4/5] overflow-visible rounded-sm bg-paper-deep">
+        <template v-if="imageUrls.length">
+          <div
+            v-if="!loadedSet[activeIndex] && imageUrls[activeIndex]"
+            class="absolute inset-0 z-[5] animate-pulse bg-gradient-to-br from-paper-deep to-paper-shadow"
+          />
+          <div
+            v-for="(url, i) in imageUrls"
+            :key="`${url}-${i}`"
+            class="absolute inset-0 overflow-hidden rounded-sm shadow-[2px_3px_0_rgba(30,53,80,0.12)] ring-1 ring-black/5 transition-[transform,opacity] duration-500 ease-out"
+            :style="stackStyle(i)"
+          >
+            <img
+              :src="url"
+              :alt="`${memory.event_title} · ${i + 1}/${imageUrls.length}`"
+              loading="lazy"
+              decoding="async"
+              class="h-full w-full object-cover transition-opacity duration-500"
+              :class="loadedSet[i] ? 'opacity-100' : 'opacity-0'"
+              @load="onImgLoad(i)"
+            />
+          </div>
+          <div
+            v-if="hasMultiple"
+            class="pointer-events-none absolute bottom-2 right-2 z-[25] rounded-full bg-black/45 px-2 py-0.5 font-mono text-[10px] text-white tabular-nums"
+            aria-hidden="true"
+          >
+            {{ activeIndex + 1 }} / {{ imageUrls.length }}
+          </div>
+        </template>
+        <div
+          v-else
+          class="flex h-full min-h-[200px] items-center justify-center text-ink-muted text-sm"
+        >
+          待上传照片
+        </div>
+      </div>
+      <p
+        class="font-hand text-2xl leading-tight text-ink mt-3 px-1 text-center sm:text-3xl"
+      >
+        {{ memory.event_title }}
+      </p>
+      <p
+        v-if="excerpt"
+        class="mt-3 px-1 text-center text-sm leading-relaxed text-ink-muted"
+      >
+        {{ excerpt }}
+      </p>
+    </div>
+  </article>
+</template>
diff --git a/frontend/src/components/StandardNepalPage.vue b/frontend/src/components/StandardNepalPage.vue
new file mode 100644
index 0000000..04a47a9
--- /dev/null
+++ b/frontend/src/components/StandardNepalPage.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { Memory } from '../api/client'
+import { getStandardNepalTheme } from '../constants/nepalThemes'
+import MangaSceneRouter from './standardScenes/MangaSceneRouter.vue'
+import PolaroidCard from './PolaroidCard.vue'
+import { renderMarkdown } from '../utils/renderMarkdown'
+
+const props = defineProps<{
+  memory: Memory
+}>()
+
+const bodyHtml = computed(() => renderMarkdown(props.memory.main_text))
+
+const theme = computed(() => getStandardNepalTheme(props.memory.nepal_art_style))
+
+/** 插画层较满时压低网点，避免糊成一团 */
+const halftoneClass = computed(() => {
+  const busy = new Set([
+    'indigo_ikea',
+    'dawn_meet',
+    'saffron_home',
+    'blush_argue',
+    'lotus_petal',
+    'mandala_pink',
+    'spiral_rose',
+  ])
+  return busy.has(props.memory.nepal_art_style)
+    ? 'opacity-[0.14]'
+    : 'opacity-[0.32]'
+})
+
+const tornPanelClass = computed(() => {
+  const s = props.memory.nepal_art_style
+  if (s === 'indigo_ikea') {
+    return 'border-indigo-200/80 bg-white/95 shadow-[4px_5px_0_rgb(30,58,138,0.12)] ring-2 ring-indigo-100/40'
+  }
+  if (s === 'dawn_meet') {
+    return 'border-amber-200/70 bg-white/92 shadow-[4px_5px_0_rgb(180,83,9,0.1)] ring-2 ring-amber-100/35'
+  }
+  if (s === 'saffron_home') {
+    return 'border-amber-300/60 bg-white/93 shadow-[4px_5px_0_rgb(180,83,9,0.12)] ring-2 ring-orange-100/40'
+  }
+  if (s === 'mint_reconcile') {
+    return 'border-emerald-200/70 bg-white/94 shadow-[3px_4px_0_rgb(5,150,105,0.1)] ring-2 ring-emerald-50/50'
+  }
+  return 'border-paper-shadow/60 ring-1 ring-lokta-deep/10'
+})
+</script>
+
+<template>
+  <div
+    class="relative mx-auto max-w-lg overflow-hidden rounded-3xl bg-gradient-to-br px-3 py-8 sm:px-4"
+    :class="theme.gradient"
+  >
+    <MangaSceneRouter
+      class="absolute inset-0 z-0"
+      :style-key="memory.nepal_art_style"
+    />
+    <div
+      class="pointer-events-none absolute inset-2 z-[1] rounded-3xl mix-blend-multiply"
+      :class="[theme.overlayClass, halftoneClass]"
+      style="
+        background-image: radial-gradient(circle at 20% 20%, rgb(196 92 106 / 0.2) 0 2px, transparent 3px),
+          radial-gradient(circle at 80% 30%, rgb(78 196 212 / 0.18) 0 2px, transparent 3px),
+          radial-gradient(circle at 50% 80%, rgb(30 53 80 / 0.12) 0 2px, transparent 3px);
+        background-size: 28px 28px, 34px 34px, 22px 22px;
+      "
+      aria-hidden="true"
+    />
+    <div class="relative z-[2]">
+      <PolaroidCard :memory="memory" :index="memory.story_order" />
+      <div
+        class="nepal-torn-panel mx-auto mt-8 max-w-md border bg-white/90 px-5 py-6 text-left shadow-lg backdrop-blur-[1px]"
+        :class="tornPanelClass"
+      >
+        <h3 class="font-brush text-2xl text-lokta-deep">
+          {{ memory.event_title }}
+        </h3>
+        <div
+          class="mt-3 text-sm leading-relaxed text-ink [&_a]:text-rose-deep [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-rose-soft/50 [&_blockquote]:pl-3 [&_blockquote]:text-ink-muted [&_code]:rounded [&_code]:bg-paper-deep [&_code]:px-1 [&_strong]:text-ink"
+          v-html="bodyHtml"
+        />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/components/Timeline.vue b/frontend/src/components/Timeline.vue
new file mode 100644
index 0000000..ad53977
--- /dev/null
+++ b/frontend/src/components/Timeline.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import type { Memory } from '../api/client'
+import PolaroidCard from './PolaroidCard.vue'
+
+defineProps<{
+  memories: Memory[]
+}>()
+
+function formatDate(d: string) {
+  const [y, m, day] = d.split('-')
+  return `${y} · ${m} · ${day}`
+}
+</script>
+
+<template>
+  <div class="relative mx-auto max-w-lg px-4 pb-24 pt-4 sm:px-6">
+    <div
+      class="pointer-events-none absolute inset-y-0 left-0 w-1/2 bg-gradient-to-br from-lokta-blush/20 via-transparent to-transparent"
+      aria-hidden="true"
+    />
+    <div
+      class="pointer-events-none absolute inset-y-0 right-0 w-1/2 bg-gradient-to-bl from-lokta-teal/15 via-transparent to-transparent"
+      aria-hidden="true"
+    />
+    <div
+      class="pointer-events-none absolute inset-0 nepal-fiber opacity-[0.12] mix-blend-multiply"
+      aria-hidden="true"
+    />
+    <svg
+      class="pointer-events-none absolute bottom-0 left-1/2 top-0 z-0 w-5 -translate-x-1/2 overflow-visible text-rose-soft/45"
+      preserveAspectRatio="none"
+      aria-hidden="true"
+    >
+      <path
+        d="M10 0 Q14 120 8 240 T10 480 T8 720 T10 960 T9 1200"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-dasharray="5 10"
+        vector-effect="non-scaling-stroke"
+      />
+    </svg>
+    <ol class="relative z-[1] space-y-16 sm:space-y-20">
+      <li
+        v-for="(m, i) in memories"
+        :key="m.id"
+        class="relative flex flex-col gap-3"
+      >
+        <div
+          class="flex items-center justify-center gap-2 text-sm text-rose-deep"
+        >
+          <span
+            class="inline-flex h-3 w-3 shrink-0 rounded-full bg-rose-soft shadow ring-2 ring-white"
+          />
+          <time
+            class="font-hand text-xl tracking-wide"
+            :datetime="m.date"
+          >{{ formatDate(m.date) }}</time>
+        </div>
+        <div
+          class="flex w-full"
+          :class="i % 2 === 0 ? 'justify-start pr-8 sm:pr-14' : 'justify-end pl-8 sm:pl-14'"
+        >
+          <PolaroidCard :memory="m" :index="i" />
+        </div>
+      </li>
+    </ol>
+  </div>
+</template>
diff --git a/frontend/src/components/TogetherCounter.vue b/frontend/src/components/TogetherCounter.vue
new file mode 100644
index 0000000..c6610d7
--- /dev/null
+++ b/frontend/src/components/TogetherCounter.vue
@@ -0,0 +1,174 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import {
+  calendarDiffYmd,
+  totalHoursBetween,
+  ymdInShanghai,
+} from '../utils/togetherDuration'
+
+export type TogetherMilestone = {
+  title: string
+  /** `YYYY-MM-DD` */
+  date: string
+}
+
+const props = withDefaults(
+  defineProps<{
+    togetherSinceIso: string | null | undefined
+    serverOffsetMs: number
+    milestones?: TogetherMilestone[]
+  }>(),
+  { milestones: () => [] },
+)
+
+const tick = ref(0)
+let tickTimer: ReturnType<typeof setInterval> | undefined
+
+const slideIndex = ref(0)
+let slideTimer: ReturnType<typeof setInterval> | undefined
+
+function serverNowMs(): number {
+  return Date.now() + props.serverOffsetMs
+}
+
+const parts = computed(() => {
+  tick.value
+  const raw = props.togetherSinceIso
+  if (!raw) return null
+  const startMs = Date.parse(raw)
+  if (!Number.isFinite(startMs)) return null
+  const endMs = serverNowMs()
+  if (endMs < startMs) {
+    return { years: 0, months: 0, days: 0, hoursTotal: 0 }
+  }
+  const startYmd = ymdInShanghai(startMs)
+  const endYmd = ymdInShanghai(endMs)
+  const { years, months, days } = calendarDiffYmd(startYmd, endYmd)
+  const hoursTotal = totalHoursBetween(startMs, endMs, 1)
+  return { years, months, days, hoursTotal }
+})
+
+const slideCount = computed(() => {
+  let n = 0
+  if (parts.value) n += 1
+  n += props.milestones.length
+  return n
+})
+
+function formatCnDate(dateStr: string): string {
+  const m = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(dateStr.trim())
+  if (!m) return dateStr
+  return `${Number(m[1])}年${Number(m[2])}月${Number(m[3])}日`
+}
+
+function eventStartMs(dateStr: string): number {
+  const m = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(dateStr.trim())
+  if (!m) return NaN
+  const y = m[1].padStart(4, '0')
+  const mo = m[2].padStart(2, '0')
+  const d = m[3].padStart(2, '0')
+  return Date.parse(`${y}-${mo}-${d}T00:00:00+08:00`)
+}
+
+function milestoneMeta(m: TogetherMilestone) {
+  const start = eventStartMs(m.date)
+  if (!Number.isFinite(start)) {
+    return { label: formatCnDate(m.date), rel: '' as string }
+  }
+  const now = serverNowMs()
+  const dayMs = 86_400_000
+  const diffDays = Math.floor((now - start) / dayMs)
+  const rel =
+    diffDays >= 0
+      ? `自那天起已满 ${diffDays} 个自然日`
+      : `还有 ${-diffDays} 个自然日`
+  return { label: formatCnDate(m.date), rel }
+}
+
+type Slide = { kind: 'together' } | { kind: 'milestone'; index: number }
+
+const currentSlide = computed((): Slide | null => {
+  const n = slideCount.value
+  if (n === 0) return null
+  const i = slideIndex.value % n
+  if (parts.value) {
+    if (i === 0) return { kind: 'together' }
+    return { kind: 'milestone', index: i - 1 }
+  }
+  return { kind: 'milestone', index: i }
+})
+
+const milestoneView = computed(() => {
+  tick.value
+  const s = currentSlide.value
+  if (!s || s.kind !== 'milestone') return null
+  const m = props.milestones[s.index]
+  if (!m) return null
+  const meta = milestoneMeta(m)
+  return { title: m.title, label: meta.label, rel: meta.rel }
+})
+
+watch(slideCount, (n) => {
+  if (n <= 0) {
+    slideIndex.value = 0
+    return
+  }
+  slideIndex.value %= n
+})
+
+onMounted(() => {
+  tickTimer = setInterval(() => {
+    tick.value += 1
+  }, 30_000)
+  slideTimer = setInterval(() => {
+    const n = slideCount.value
+    if (n <= 0) return
+    slideIndex.value = (slideIndex.value + 1) % n
+  }, 5_000)
+})
+
+onBeforeUnmount(() => {
+  if (tickTimer) clearInterval(tickTimer)
+  if (slideTimer) clearInterval(slideTimer)
+})
+</script>
+
+<template>
+  <div
+    v-if="currentSlide"
+    class="min-h-[4.25rem] text-sm tabular-nums text-ink-muted transition-opacity duration-300"
+  >
+    <template v-if="currentSlide.kind === 'together' && parts">
+      <div class="space-y-1">
+        <p>
+          我们在一起
+          <span class="font-medium text-lokta-deep">{{ parts.years }}</span>
+          年
+          <span class="font-medium text-lokta-deep">{{ parts.months }}</span>
+          月
+          <span class="font-medium text-lokta-deep">{{ parts.days }}</span>
+          天
+        </p>
+        <p>
+          相当于约
+          <span class="font-medium text-lokta-deep">{{ parts.hoursTotal }}</span>
+          小时
+        </p>
+      </div>
+    </template>
+    <template v-else-if="milestoneView">
+      <div class="space-y-1">
+        <p class="font-medium text-lokta-deep">
+          {{ milestoneView.title }}
+        </p>
+        <p>{{ milestoneView.label }}</p>
+        <p v-if="milestoneView.rel" class="text-xs">
+          {{ milestoneView.rel }}
+        </p>
+      </div>
+    </template>
+  </div>
+  <p v-else class="min-h-[4.25rem] text-xs text-ink-muted">
+    请在后台配置「在一起」的起始时间，或载入手帐章节以展示纪念日期。
+  </p>
+</template>
diff --git a/frontend/src/components/WashiTape.vue b/frontend/src/components/WashiTape.vue
new file mode 100644
index 0000000..463e850
--- /dev/null
+++ b/frontend/src/components/WashiTape.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    tone?: 'pink' | 'mint' | 'cream'
+    rotate?: string
+    widthClass?: string
+  }>(),
+  {
+    tone: 'pink',
+    rotate: '-rotate-3',
+    widthClass: 'w-24',
+  },
+)
+
+const toneClass = {
+  pink: 'bg-tape-pink/75',
+  mint: 'bg-tape-mint/75',
+  cream: 'bg-tape-cream/80',
+}
+</script>
+
+<template>
+  <div
+    class="pointer-events-none absolute z-10 h-7 rounded-sm shadow-sm mix-blend-multiply ring-1 ring-ink/5"
+    :class="[toneClass[tone], rotate, widthClass]"
+    aria-hidden="true"
+  />
+</template>
diff --git a/frontend/src/components/standardScenes/ArgueAnimeScene.vue b/frontend/src/components/standardScenes/ArgueAnimeScene.vue
new file mode 100644
index 0000000..dae3283
--- /dev/null
+++ b/frontend/src/components/standardScenes/ArgueAnimeScene.vue
@@ -0,0 +1,20 @@
+<!-- 争执：粉蓝对切 + 中间张力线，漫画式 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-br from-rose-200/50 via-white/30 to-cyan-200/45" />
+    <svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M200 0 L420 0 L360 320 L200 320 Z" fill="#fbcfe8" stroke="#9d174d" stroke-width="1.4" opacity="0.55" />
+      <path d="M-20 0 L200 0 L200 320 L-40 320 Z" fill="#a5f3fc" stroke="#0e7490" stroke-width="1.4" opacity="0.5" />
+      <path
+        d="M198 20 L202 300"
+        stroke="#1e293b"
+        stroke-width="2.5"
+        stroke-dasharray="8 6"
+        stroke-linecap="round"
+        opacity="0.45"
+      />
+      <path d="M180 80 L220 100 L200 120 Z" fill="#fda4af" stroke="#881337" stroke-width="1.2" opacity="0.7" />
+      <path d="M200 200 L240 220 L210 240 Z" fill="#67e8f9" stroke="#155e75" stroke-width="1.2" opacity="0.65" />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/BlueAnimeScene.vue b/frontend/src/components/standardScenes/BlueAnimeScene.vue
new file mode 100644
index 0000000..b2e5945
--- /dev/null
+++ b/frontend/src/components/standardScenes/BlueAnimeScene.vue
@@ -0,0 +1,24 @@
+<!-- 青蓝系：海浪层 + 透气留白，偏少年漫清爽 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-b from-sky-100/70 via-cyan-50/40 to-white/30" />
+    <svg class="absolute bottom-0 left-0 h-1/2 w-full" viewBox="0 0 400 120" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M0 40 Q100 10 200 40 T400 35 L400 120 L0 120 Z"
+        fill="#bae6fd"
+        stroke="#0369a1"
+        stroke-width="1.2"
+        opacity="0.65"
+      />
+      <path
+        d="M0 70 Q120 45 240 70 T400 65 L400 120 L0 120 Z"
+        fill="#7dd3fc"
+        stroke="#0c4a6e"
+        stroke-width="1.1"
+        opacity="0.5"
+      />
+      <circle cx="320" cy="32" r="6" fill="#e0f2fe" stroke="#0369a1" stroke-width="1" />
+      <circle cx="300" cy="28" r="4" fill="#e0f2fe" stroke="#0369a1" stroke-width="1" />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/DawnAnimeScene.vue b/frontend/src/components/standardScenes/DawnAnimeScene.vue
new file mode 100644
index 0000000..4775e9a
--- /dev/null
+++ b/frontend/src/components/standardScenes/DawnAnimeScene.vue
@@ -0,0 +1,25 @@
+<!-- 初见晨光：日漫清晨窗景 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div
+      class="absolute -right-16 -top-24 h-56 w-56 rounded-full bg-gradient-to-br from-amber-200/80 via-orange-100/60 to-rose-100/40 blur-2xl"
+    />
+    <svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <defs>
+        <linearGradient id="dawn-ray" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stop-color="#fdba74" stop-opacity="0.55" />
+          <stop offset="100%" stop-color="#fecdd3" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <path d="M-20 0 L120 280 L80 300 L-40 40 Z" fill="url(#dawn-ray)" />
+      <path d="M40 -10 L200 300 L150 310 L10 20 Z" fill="url(#dawn-ray)" opacity="0.65" />
+      <ellipse cx="320" cy="70" rx="52" ry="28" fill="#fff7ed" stroke="#ea580c" stroke-width="1.2" opacity="0.9" />
+      <ellipse cx="300" cy="68" rx="52" ry="28" fill="#fff7ed" stroke="#ea580c" stroke-width="1.2" opacity="0.75" />
+      <path d="M60 200 Q200 160 340 200 L340 320 L60 320 Z" fill="#ffedd5" stroke="#c2410c" stroke-width="1.1" opacity="0.35" />
+    </svg>
+    <div
+      class="absolute bottom-8 left-6 h-24 w-32 rounded-t-lg border-2 border-amber-800/50 bg-amber-50/80 shadow-[3px_4px_0_rgba(154,52,18,0.25)]"
+      style="clip-path: polygon(0 100%, 0 12%, 12% 0, 88% 0, 100% 12%, 100% 100%)"
+    />
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/GoldAnimeScene.vue b/frontend/src/components/standardScenes/GoldAnimeScene.vue
new file mode 100644
index 0000000..9d02294
--- /dev/null
+++ b/frontend/src/components/standardScenes/GoldAnimeScene.vue
@@ -0,0 +1,27 @@
+<!-- 金缮/手工纸：暖金几何与撕边暗示 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-br from-amber-100/80 via-yellow-50/60 to-stone-100/50" />
+    <svg class="absolute inset-0 h-full w-full opacity-80" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="70" cy="100" r="40" fill="#fef3c7" stroke="#b45309" stroke-width="1.3" />
+      <rect
+        x="240"
+        y="60"
+        width="100"
+        height="72"
+        rx="2"
+        transform="rotate(-4 290 96)"
+        fill="#fffbeb"
+        stroke="#92400e"
+        stroke-width="1.3"
+      />
+      <path
+        d="M20 260 L60 240 L100 268 L140 248 L180 272 L220 252 L260 278 L300 258 L340 270 L380 250"
+        stroke="#ca8a04"
+        stroke-width="1.5"
+        fill="none"
+        opacity="0.5"
+      />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/HomeAnimeScene.vue b/frontend/src/components/standardScenes/HomeAnimeScene.vue
new file mode 100644
index 0000000..71f98f0
--- /dev/null
+++ b/frontend/src/components/standardScenes/HomeAnimeScene.vue
@@ -0,0 +1,20 @@
+<!-- 租房：钥匙、窗框、小家的块面插画 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-b from-amber-50/90 via-orange-50/50 to-amber-100/40" />
+    <svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect x="48" y="72" width="120" height="100" rx="2" fill="#fffbeb" stroke="#b45309" stroke-width="1.4" />
+      <path d="M48 120h120M108 72v100" stroke="#b45309" stroke-width="1.2" opacity="0.6" />
+      <path
+        d="M260 200 L280 180 L300 200 L300 248 L260 248 Z"
+        fill="#fde68a"
+        stroke="#92400e"
+        stroke-width="1.4"
+      />
+      <circle cx="280" cy="212" r="10" fill="none" stroke="#92400e" stroke-width="1.6" />
+      <path d="M280 212v14" stroke="#92400e" stroke-width="1.6" stroke-linecap="round" />
+      <rect x="220" y="200" width="64" height="8" rx="2" fill="#d97706" stroke="#78350f" stroke-width="1.1" />
+      <ellipse cx="200" cy="288" rx="160" ry="18" fill="#fed7aa" stroke="#c2410c" stroke-width="1" opacity="0.45" />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/IkeaAnimeScene.vue b/frontend/src/components/standardScenes/IkeaAnimeScene.vue
new file mode 100644
index 0000000..9350516
--- /dev/null
+++ b/frontend/src/components/standardScenes/IkeaAnimeScene.vue
@@ -0,0 +1,79 @@
+<!-- 宜家：扁平插画 + 错位阴影营造「立体」室内，非 3D -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div
+      class="absolute -bottom-6 left-1/2 h-[58%] w-[118%] -translate-x-1/2 bg-gradient-to-t from-indigo-100/90 via-slate-100/70 to-transparent"
+      style="clip-path: polygon(8% 100%, 92% 100%, 100% 0%, 0% 0%)"
+    />
+    <svg
+      class="absolute bottom-0 left-1/2 h-[72%] w-[min(120%,520px)] -translate-x-1/2"
+      viewBox="0 0 420 280"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <defs>
+        <linearGradient id="ikea-floor" x1="0%" y1="0%" x2="0%" y2="100%">
+          <stop offset="0%" stop-color="#dbeafe" />
+          <stop offset="100%" stop-color="#e0e7ef" />
+        </linearGradient>
+      </defs>
+      <!-- 地板（略俯视的梯形） -->
+      <path
+        d="M20 195 L400 210 L400 275 L10 275 Z"
+        fill="url(#ikea-floor)"
+        stroke="#475569"
+        stroke-width="1.4"
+        style="filter: drop-shadow(0 3px 0 rgb(30 58 90 / 0.1))"
+      />
+      <!-- 后墙 -->
+      <path
+        d="M48 38 L372 48 L372 188 L48 178 Z"
+        fill="#f8fafc"
+        stroke="#64748b"
+        stroke-width="1.3"
+        style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.08))"
+      />
+      <!-- 置物架 -->
+      <g style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.12))">
+        <rect x="248" y="68" width="98" height="7" rx="1" fill="#fef9c3" stroke="#334155" stroke-width="1.2" />
+        <rect x="248" y="92" width="98" height="7" rx="1" fill="#fef9c3" stroke="#334155" stroke-width="1.2" />
+        <rect x="248" y="116" width="98" height="7" rx="1" fill="#fef9c3" stroke="#334155" stroke-width="1.2" />
+        <rect x="244" y="62" width="6" height="68" fill="#e2e8f0" stroke="#334155" stroke-width="1" />
+        <rect x="344" y="62" width="6" height="68" fill="#e2e8f0" stroke="#334155" stroke-width="1" />
+      </g>
+      <!-- 落地灯 -->
+      <g style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.12))">
+        <ellipse cx="118" cy="198" rx="36" ry="10" fill="#cbd5e1" stroke="#334155" stroke-width="1.1" />
+        <path d="M118 198 L118 118" stroke="#334155" stroke-width="2.2" stroke-linecap="round" />
+        <path
+          d="M86 118 Q118 88 150 118 Q118 102 86 118"
+          fill="#fef3c7"
+          stroke="#334155"
+          stroke-width="1.2"
+        />
+      </g>
+      <!-- 单人沙发块面 -->
+      <g style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.12))">
+        <rect x="72" y="148" width="112" height="44" rx="6" fill="#93c5fd" stroke="#1e3a5a" stroke-width="1.4" />
+        <rect x="84" y="136" width="88" height="22" rx="5" fill="#bfdbfe" stroke="#1e3a5a" stroke-width="1.3" />
+        <rect x="168" y="158" width="18" height="34" rx="2" fill="#60a5fa" stroke="#1e3a5a" stroke-width="1.1" />
+      </g>
+      <!-- 小边几 + 马克杯 -->
+      <g style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.12))">
+        <rect x="286" y="168" width="52" height="40" rx="3" fill="#e2e8f0" stroke="#334155" stroke-width="1.2" />
+        <rect x="300" y="152" width="24" height="20" rx="2" fill="#fff" stroke="#334155" stroke-width="1.1" />
+      </g>
+      <!-- 地毯条纹 -->
+      <g opacity="0.85" style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.1))">
+        <ellipse cx="210" cy="228" rx="130" ry="22" fill="#fef08a" stroke="#854d0e" stroke-width="1.1" />
+        <path d="M120 228h40M170 228h40M220 228h40M270 228h40" stroke="#a16207" stroke-width="1.4" />
+      </g>
+      <!-- 小盆栽 -->
+      <g style="filter: drop-shadow(0 2px 0 rgb(30 58 90 / 0.1))">
+        <rect x="318" y="132" width="28" height="24" rx="2" fill="#fecdd3" stroke="#334155" stroke-width="1.1" />
+        <path d="M332 132 Q322 108 332 96 Q342 108 332 132" fill="#86efac" stroke="#166534" stroke-width="1.1" />
+      </g>
+    </svg>
+
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/LotusAnimeScene.vue b/frontend/src/components/standardScenes/LotusAnimeScene.vue
new file mode 100644
index 0000000..87104ba
--- /dev/null
+++ b/frontend/src/components/standardScenes/LotusAnimeScene.vue
@@ -0,0 +1,29 @@
+<!-- 莲花瓣：层叠弧线 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-b from-violet-100/55 via-pink-50/45 to-fuchsia-50/35" />
+    <svg class="absolute inset-0 h-full w-full opacity-90" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M200 260 C120 200 120 120 200 80 C280 120 280 200 200 260Z"
+        fill="#fce7f3"
+        stroke="#86198f"
+        stroke-width="1.2"
+        opacity="0.55"
+      />
+      <path
+        d="M200 240 C150 190 150 130 200 100 C250 130 250 190 200 240Z"
+        fill="#fdf4ff"
+        stroke="#7e22ce"
+        stroke-width="1.15"
+        opacity="0.65"
+      />
+      <path
+        d="M200 220 C170 185 170 145 200 120 C230 145 230 185 200 220Z"
+        fill="#fff"
+        stroke="#a21caf"
+        stroke-width="1.1"
+        opacity="0.75"
+      />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/MangaSceneRouter.vue b/frontend/src/components/standardScenes/MangaSceneRouter.vue
new file mode 100644
index 0000000..a2d7f1b
--- /dev/null
+++ b/frontend/src/components/standardScenes/MangaSceneRouter.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { computed, type Component } from 'vue'
+import type { NepalArtStyle } from '../../api/client'
+import ArgueAnimeScene from './ArgueAnimeScene.vue'
+import BlueAnimeScene from './BlueAnimeScene.vue'
+import DawnAnimeScene from './DawnAnimeScene.vue'
+import GoldAnimeScene from './GoldAnimeScene.vue'
+import HomeAnimeScene from './HomeAnimeScene.vue'
+import IkeaAnimeScene from './IkeaAnimeScene.vue'
+import LotusAnimeScene from './LotusAnimeScene.vue'
+import MintAnimeScene from './MintAnimeScene.vue'
+import NightAnimeScene from './NightAnimeScene.vue'
+import PaperAnimeScene from './PaperAnimeScene.vue'
+import RoseAnimeScene from './RoseAnimeScene.vue'
+
+const props = defineProps<{
+  styleKey: NepalArtStyle
+}>()
+
+const SCENES: Record<string, Component> = {
+  indigo_ikea: IkeaAnimeScene,
+  dawn_meet: DawnAnimeScene,
+  blush_argue: ArgueAnimeScene,
+  mint_reconcile: MintAnimeScene,
+  saffron_home: HomeAnimeScene,
+  mandala_blue: BlueAnimeScene,
+  spiral_cyan: BlueAnimeScene,
+  ocean_prayer: BlueAnimeScene,
+  night_star: NightAnimeScene,
+  lokta_gold: GoldAnimeScene,
+  terra_torn: GoldAnimeScene,
+  mandala_pink: RoseAnimeScene,
+  spiral_rose: RoseAnimeScene,
+  lotus_petal: LotusAnimeScene,
+  desert_rose: RoseAnimeScene,
+}
+
+const Scene = computed(() => SCENES[props.styleKey] ?? PaperAnimeScene)
+</script>
+
+<template>
+  <component :is="Scene" />
+</template>
diff --git a/frontend/src/components/standardScenes/MintAnimeScene.vue b/frontend/src/components/standardScenes/MintAnimeScene.vue
new file mode 100644
index 0000000..098a5c3
--- /dev/null
+++ b/frontend/src/components/standardScenes/MintAnimeScene.vue
@@ -0,0 +1,24 @@
+<!-- 和好：薄荷泡泡与柔光 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div
+      class="absolute -left-10 top-1/4 h-40 w-40 rounded-full bg-emerald-200/50 blur-2xl"
+    />
+    <div
+      class="absolute bottom-1/4 -right-8 h-36 w-36 rounded-full bg-teal-200/45 blur-2xl"
+    />
+    <svg class="absolute inset-0 h-full w-full opacity-90" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="70" cy="80" r="22" fill="#d1fae5" stroke="#047857" stroke-width="1.3" />
+      <circle cx="320" cy="120" r="18" fill="#ccfbf1" stroke="#0f766e" stroke-width="1.2" />
+      <circle cx="260" cy="240" r="28" fill="#ecfdf5" stroke="#059669" stroke-width="1.2" />
+      <path
+        d="M120 200 Q200 140 280 200"
+        stroke="#34d399"
+        stroke-width="2"
+        stroke-linecap="round"
+        opacity="0.5"
+      />
+      <path d="M150 60 Q170 40 190 60" stroke="#6ee7b7" stroke-width="1.8" stroke-linecap="round" />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/NightAnimeScene.vue b/frontend/src/components/standardScenes/NightAnimeScene.vue
new file mode 100644
index 0000000..6fa1b5c
--- /dev/null
+++ b/frontend/src/components/standardScenes/NightAnimeScene.vue
@@ -0,0 +1,23 @@
+<!-- 夜空：星屑 + 月芽线稿 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-b from-slate-200/50 via-indigo-100/35 to-violet-50/40" />
+    <svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M300 48 A28 28 0 1 1 300 90"
+        stroke="#312e81"
+        stroke-width="1.8"
+        fill="#eef2ff"
+        opacity="0.85"
+      />
+      <g stroke="#4338ca" stroke-width="1.2" opacity="0.55">
+        <path d="M60 70l2 6M62 76l-6-2" />
+        <path d="M120 40l2 5M122 45l-5-2" />
+        <path d="M200 55l2 5M202 60l-5-2" />
+        <path d="M340 90l2 5M342 95l-5-2" />
+        <path d="M90 140l2 5M92 145l-5-2" />
+        <path d="M260 130l2 5M262 135l-5-2" />
+      </g>
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/PaperAnimeScene.vue b/frontend/src/components/standardScenes/PaperAnimeScene.vue
new file mode 100644
index 0000000..cb9efd3
--- /dev/null
+++ b/frontend/src/components/standardScenes/PaperAnimeScene.vue
@@ -0,0 +1,11 @@
+<!-- 默认：轻量纸角与淡墨点，不抢正文 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div
+      class="absolute -right-6 top-0 h-24 w-24 rotate-6 border border-lokta-deep/10 bg-gradient-to-br from-white/80 to-lokta-cream/40 shadow-[3px_4px_0_rgba(30,53,80,0.08)]"
+    />
+    <div
+      class="absolute -left-4 bottom-12 h-16 w-20 -rotate-3 border border-lokta-deep/10 bg-white/70 shadow-[2px_3px_0_rgba(30,53,80,0.06)]"
+    />
+  </div>
+</template>
diff --git a/frontend/src/components/standardScenes/RoseAnimeScene.vue b/frontend/src/components/standardScenes/RoseAnimeScene.vue
new file mode 100644
index 0000000..01ad338
--- /dev/null
+++ b/frontend/src/components/standardScenes/RoseAnimeScene.vue
@@ -0,0 +1,24 @@
+<!-- 粉系曼陀罗/螺旋：花瓣形重复 -->
+<template>
+  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
+    <div class="absolute inset-0 bg-gradient-to-tr from-pink-100/70 via-rose-50/50 to-fuchsia-50/40" />
+    <svg class="absolute inset-0 h-full w-full opacity-85" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g transform="translate(200 160)">
+        <ellipse
+          v-for="i in 8"
+          :key="i"
+          cx="0"
+          cy="-72"
+          rx="16"
+          ry="36"
+          :transform="`rotate(${i * 45})`"
+          fill="#fce7f3"
+          stroke="#be185d"
+          stroke-width="1.1"
+          opacity="0.75"
+        />
+      </g>
+      <circle cx="200" cy="160" r="28" fill="#fff1f2" stroke="#9f1239" stroke-width="1.2" opacity="0.9" />
+    </svg>
+  </div>
+</template>
diff --git a/frontend/src/config/neteasePlayer.ts b/frontend/src/config/neteasePlayer.ts
new file mode 100644
index 0000000..f1e53ef
--- /dev/null
+++ b/frontend/src/config/neteasePlayer.ts
@@ -0,0 +1,17 @@
+/**
+ * 网易云外链播放器：在前端配置，不经过 Django。
+ *
+ * 在 `frontend/.env` / `.env.development` 中设置：
+ *   VITE_NETEASE_PLAYER_SRC=https://music.163.com/outchain/player?type=2&id=…&auto=1&height=66
+ * 也可粘贴整段 `<iframe … src="…">`，会自动取出 src。
+ */
+function extractIframeSrc(raw: string): string {
+  const t = raw.trim()
+  if (!t) return ''
+  const m = /\bsrc\s*=\s*["']([^"']+)["']/i.exec(t)
+  return (m ? m[1] : t).trim()
+}
+
+const fromEnv = (import.meta.env.VITE_NETEASE_PLAYER_SRC as string | undefined)?.trim() ?? ''
+
+export const NETEASE_PLAYER_SRC = extractIframeSrc(fromEnv)
diff --git a/frontend/src/constants/nepalThemes.ts b/frontend/src/constants/nepalThemes.ts
new file mode 100644
index 0000000..82a4abc
--- /dev/null
+++ b/frontend/src/constants/nepalThemes.ts
@@ -0,0 +1,82 @@
+/**
+ * 标准尼泊尔页：按后台 nepal_art_style 切换渐变与纸纹。
+ * 新增风格时在此注册即可，无需改组件结构。
+ */
+export type NepalArtStyleKey = string
+
+export interface StandardNepalTheme {
+  gradient: string
+  /** 额外装饰层 class（点阵/叠色） */
+  overlayClass: string
+}
+
+export const STANDARD_NEPAL_THEMES: Record<string, StandardNepalTheme> = {
+  none: {
+    gradient: 'from-lokta-cream/90 via-paper to-lokta-blush/25',
+    overlayClass: 'opacity-[0.32]',
+  },
+  mandala_pink: {
+    gradient: 'from-lokta-blush/35 via-rose-100/25 to-lokta-cream/40',
+    overlayClass: 'opacity-[0.35]',
+  },
+  mandala_blue: {
+    gradient: 'from-cyan-100/40 via-lokta-teal/20 to-lokta-deep/10',
+    overlayClass: 'opacity-[0.32]',
+  },
+  spiral_rose: {
+    gradient: 'from-fuchsia-100/35 via-pink-50/40 to-rose-100/30',
+    overlayClass: 'opacity-[0.34]',
+  },
+  spiral_cyan: {
+    gradient: 'from-sky-100/40 via-cyan-50/35 to-teal-100/25',
+    overlayClass: 'opacity-[0.32]',
+  },
+  dawn_meet: {
+    gradient: 'from-amber-100/55 via-orange-50/45 to-rose-100/35',
+    overlayClass: 'opacity-[0.38]',
+  },
+  blush_argue: {
+    gradient: 'from-rose-200/45 via-fuchsia-100/30 to-stone-200/40',
+    overlayClass: 'opacity-[0.36]',
+  },
+  mint_reconcile: {
+    gradient: 'from-emerald-100/50 via-teal-50/40 to-cyan-100/30',
+    overlayClass: 'opacity-[0.33]',
+  },
+  saffron_home: {
+    gradient: 'from-amber-200/45 via-yellow-50/50 to-orange-100/38',
+    overlayClass: 'opacity-[0.36]',
+  },
+  indigo_ikea: {
+    gradient: 'from-indigo-100/50 via-slate-100/40 to-sky-100/38',
+    overlayClass: 'opacity-[0.34]',
+  },
+  lotus_petal: {
+    gradient: 'from-pink-100/40 via-violet-100/32 to-fuchsia-50/42',
+    overlayClass: 'opacity-[0.35]',
+  },
+  lokta_gold: {
+    gradient: 'from-yellow-100/50 via-amber-50/48 to-stone-100/42',
+    overlayClass: 'opacity-[0.4]',
+  },
+  ocean_prayer: {
+    gradient: 'from-sky-200/42 via-cyan-100/36 to-blue-50/40',
+    overlayClass: 'opacity-[0.33]',
+  },
+  desert_rose: {
+    gradient: 'from-orange-100/48 via-rose-100/36 to-amber-50/40',
+    overlayClass: 'opacity-[0.37]',
+  },
+  night_star: {
+    gradient: 'from-slate-200/40 via-indigo-200/28 to-violet-100/32',
+    overlayClass: 'opacity-[0.28]',
+  },
+  terra_torn: {
+    gradient: 'from-stone-300/40 via-amber-100/38 to-orange-200/32',
+    overlayClass: 'opacity-[0.38]',
+  },
+}
+
+export function getStandardNepalTheme(style: NepalArtStyleKey): StandardNepalTheme {
+  return STANDARD_NEPAL_THEMES[style] ?? STANDARD_NEPAL_THEMES.none
+}
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
new file mode 100644
index 0000000..2425c0f
--- /dev/null
+++ b/frontend/src/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/frontend/src/style.css b/frontend/src/style.css
new file mode 100644
index 0000000..769a80d
--- /dev/null
+++ b/frontend/src/style.css
@@ -0,0 +1,171 @@
+@import 'tailwindcss';
+
+@theme {
+  --color-paper: #faf6ef;
+  --color-paper-deep: #f0e8d8;
+  --color-paper-shadow: #e5dcc8;
+  --color-ink: #3d3428;
+  --color-ink-muted: #6b5d4f;
+  --color-rose-soft: #c45c6a;
+  --color-rose-deep: #9a3d4a;
+  --color-tape-pink: #f5b5c8;
+  --color-tape-mint: #b8e0d2;
+  --color-tape-cream: #f4e4bc;
+  /* 尼泊尔本 / 手工纸晕染 */
+  --color-lokta-cream: #f7f1e8;
+  --color-lokta-blush: #f5b8c9;
+  --color-lokta-peach: #fcd5ce;
+  --color-lokta-teal: #4ec4d4;
+  --color-lokta-deep: #1e3550;
+  --color-lokta-magenta: #d9468f;
+  --font-hand: 'Caveat', 'Patrick Hand', cursive;
+  --font-brush: 'Zhi Mang Xing', 'Ma Shan Zheng', 'Long Cang', 'PingFang SC', 'Microsoft YaHei', cursive;
+  --font-dance: 'Dancing Script', 'Great Vibes', 'Caveat', cursive;
+  --font-display-cn: 'ZCOOL QingKe HuangYou', 'Ma Shan Zheng', cursive;
+  --font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;
+}
+
+.font-dance {
+  font-family: var(--font-dance);
+}
+
+.font-display-cn {
+  font-family: var(--font-display-cn);
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  min-height: 100dvh;
+  font-family: var(--font-sans);
+  color: var(--color-ink);
+  background-color: var(--color-paper);
+  background-image:
+    radial-gradient(circle at 1px 1px, rgb(61 52 40 / 0.06) 1px, transparent 0),
+    linear-gradient(180deg, rgb(250 246 239) 0%, rgb(245 238 225) 100%);
+  background-size:
+    24px 24px,
+    100% 100%;
+}
+
+#app {
+  min-height: 100dvh;
+}
+
+/* 毛笔标题（章节带） */
+.font-brush {
+  font-family: var(--font-brush);
+  font-weight: 400;
+}
+
+/* 纤维 / 手工纸噪点 */
+.nepal-fiber {
+  background-image:
+    radial-gradient(rgb(30 53 80 / 0.07) 0.6px, transparent 0.6px),
+    radial-gradient(rgb(196 92 106 / 0.06) 0.5px, transparent 0.5px);
+  background-size:
+    10px 12px,
+    14px 11px;
+  background-position:
+    0 0,
+    3px 5px;
+}
+
+/* 毛边纸外轮廓 */
+.nepal-torn-panel {
+  clip-path: polygon(
+    0% 2%,
+    3% 0%,
+    9% 1.5%,
+    16% 0.3%,
+    24% 1.8%,
+    33% 0%,
+    42% 2%,
+    51% 0.4%,
+    60% 1.6%,
+    69% 0%,
+    78% 2%,
+    87% 0.5%,
+    95% 1.4%,
+    100% 2.5%,
+    100% 97.5%,
+    96% 100%,
+    88% 98.2%,
+    79% 100%,
+    70% 97.8%,
+    61% 100%,
+    52% 98%,
+    43% 100%,
+    34% 97.5%,
+    25% 100%,
+    16% 98%,
+    8% 100%,
+    2% 97%,
+    0% 94%
+  );
+}
+
+/* 拍立得白边轻微毛边 */
+.nepal-deckle-frame {
+  clip-path: polygon(
+    1% 1.5%,
+    5% 0%,
+    12% 1.2%,
+    22% 0%,
+    35% 1.5%,
+    50% 0.2%,
+    65% 1.4%,
+    78% 0%,
+    90% 1.3%,
+    99% 0.5%,
+    100% 3%,
+    100% 97%,
+    95% 100%,
+    84% 98%,
+    70% 100%,
+    55% 98%,
+    40% 100%,
+    28% 98%,
+    15% 100%,
+    5% 98%,
+    0% 96%,
+    0% 4%
+  );
+}
+
+/* 留言区「砖墙窗」外框 */
+.nepal-brick-frame {
+  position: relative;
+  padding: 11px;
+  border-radius: 1.5rem;
+  background:
+    linear-gradient(rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.94)) padding-box,
+    repeating-linear-gradient(
+        90deg,
+        #9a3a36 0px,
+        #9a3a36 10px,
+        #c45a52 10px,
+        #c45a52 20px,
+        #7d2e2b 20px,
+        #7d2e2b 32px,
+        #b84a42 32px,
+        #b84a42 44px
+      )
+      border-box;
+  border: 11px solid transparent;
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.65),
+    0 18px 50px -22px rgb(30 53 80 / 0.35);
+}
+
+.nepal-brick-frame::after {
+  content: '';
+  position: absolute;
+  inset: 4px;
+  border-radius: 1.1rem;
+  pointer-events: none;
+  box-shadow: inset 0 0 0 1px rgb(30 53 80 / 0.08);
+}
diff --git a/frontend/src/utils/renderMarkdown.ts b/frontend/src/utils/renderMarkdown.ts
new file mode 100644
index 0000000..99e0bd7
--- /dev/null
+++ b/frontend/src/utils/renderMarkdown.ts
@@ -0,0 +1,38 @@
+import DOMPurify from 'dompurify'
+import MarkdownIt from 'markdown-it'
+
+const md = new MarkdownIt({
+  html: false,
+  linkify: true,
+  breaks: true,
+})
+
+/**
+ * 将 Markdown 转为可安全 `v-html` 的 HTML。
+ */
+export function renderMarkdown(source: string): string {
+  const raw = md.render(source || '')
+  return DOMPurify.sanitize(raw, {
+    ADD_ATTR: ['target'],
+    ALLOWED_TAGS: [
+      'p',
+      'br',
+      'strong',
+      'em',
+      'u',
+      's',
+      'blockquote',
+      'code',
+      'pre',
+      'ul',
+      'ol',
+      'li',
+      'a',
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'hr',
+    ],
+  })
+}
diff --git a/frontend/src/utils/storyPageTransition.ts b/frontend/src/utils/storyPageTransition.ts
new file mode 100644
index 0000000..35e01d3
--- /dev/null
+++ b/frontend/src/utils/storyPageTransition.ts
@@ -0,0 +1,100 @@
+import type { Memory, MemoryFeatureType, NepalArtStyle } from '../api/client'
+
+/** 与 <Transition name="…"> 对应，每种一套 enter/leave 动画 */
+export type StoryTransitionName =
+  | 'story-none'
+  | 'story-heart'
+  | 'story-fissure'
+  | 'story-dawn'
+  | 'story-blush'
+  | 'story-mint'
+  | 'story-saffron'
+  | 'story-indigo'
+  | 'story-lotus'
+  | 'story-rose'
+  | 'story-blue'
+  | 'story-night'
+  | 'story-gold'
+  | 'story-paper'
+
+function transitionForStandardStyle(style: NepalArtStyle): StoryTransitionName {
+  const map: Partial<Record<NepalArtStyle, StoryTransitionName>> = {
+    dawn_meet: 'story-dawn',
+    blush_argue: 'story-blush',
+    mint_reconcile: 'story-mint',
+    saffron_home: 'story-saffron',
+    indigo_ikea: 'story-indigo',
+    lotus_petal: 'story-lotus',
+    mandala_pink: 'story-rose',
+    spiral_rose: 'story-rose',
+    mandala_blue: 'story-blue',
+    spiral_cyan: 'story-blue',
+    ocean_prayer: 'story-blue',
+    night_star: 'story-night',
+    lokta_gold: 'story-gold',
+    terra_torn: 'story-gold',
+  }
+  return map[style] ?? 'story-paper'
+}
+
+export function getStoryTransitionName(m: Memory | null): StoryTransitionName {
+  if (!m) return 'story-paper'
+  const t = m.unique_feature_type as MemoryFeatureType
+  if (t === 'heart_window') return 'story-heart'
+  if (t === 'fissure_page') return 'story-fissure'
+  return transitionForStandardStyle(m.nepal_art_style)
+}
+
+/** 书壳外框：随叙事微调描边与投影 */
+export function getStoryShellClasses(m: Memory | null): string {
+  if (!m) {
+    return 'border-lokta-deep/10 shadow-[0_20px_60px_-24px_rgba(30,53,80,0.25)]'
+  }
+  const t = m.unique_feature_type
+  if (t === 'heart_window') {
+    return 'border-rose-300/35 shadow-[0_24px_70px_-22px_rgba(190,80,120,0.32)] ring-rose-200/25'
+  }
+  if (t === 'fissure_page') {
+    return 'border-fuchsia-300/30 shadow-[0_22px_65px_-24px_rgba(120,60,160,0.28)] ring-fuchsia-200/20'
+  }
+  const shells: Partial<Record<NepalArtStyle, string>> = {
+    dawn_meet:
+      'border-amber-200/45 shadow-[0_22px_68px_-22px_rgba(217,119,6,0.22)] ring-amber-100/30',
+    blush_argue:
+      'border-rose-200/40 shadow-[0_22px_64px_-24px_rgba(190,65,100,0.26)] ring-rose-100/25',
+    mint_reconcile:
+      'border-emerald-200/40 shadow-[0_22px_64px_-24px_rgba(16,185,129,0.2)] ring-emerald-100/25',
+    saffron_home:
+      'border-amber-300/35 shadow-[0_24px_68px_-22px_rgba(245,158,11,0.24)] ring-amber-100/30',
+    indigo_ikea:
+      'border-indigo-200/40 shadow-[0_22px_64px_-24px_rgba(79,70,229,0.22)] ring-indigo-100/25',
+    lotus_petal:
+      'border-violet-200/35 shadow-[0_24px_70px_-22px_rgba(139,92,246,0.22)] ring-violet-100/25',
+    night_star:
+      'border-slate-300/35 shadow-[0_22px_70px_-24px_rgba(51,65,85,0.35)] ring-slate-200/20',
+    lokta_gold:
+      'border-amber-200/40 shadow-[0_24px_68px_-22px_rgba(180,130,40,0.22)] ring-amber-50/35',
+  }
+  return (
+    shells[m.nepal_art_style] ??
+    'border-lokta-deep/10 shadow-[0_20px_60px_-24px_rgba(30,53,80,0.25)] ring-ink/5'
+  )
+}
+
+/** 顶栏上一页/下一页按钮点缀色 */
+export function getStoryNavAccentClass(m: Memory | null): string {
+  if (!m) return 'hover:border-lokta-deep/25 hover:bg-paper-deep'
+  const t = m.unique_feature_type
+  if (t === 'heart_window') return 'hover:border-rose-300/50 hover:bg-rose-50/80'
+  if (t === 'fissure_page') return 'hover:border-fuchsia-300/45 hover:bg-fuchsia-50/70'
+  const accents: Partial<Record<NepalArtStyle, string>> = {
+    dawn_meet: 'hover:border-amber-300/50 hover:bg-amber-50/80',
+    blush_argue: 'hover:border-rose-300/45 hover:bg-rose-50/75',
+    mint_reconcile: 'hover:border-emerald-300/45 hover:bg-emerald-50/75',
+    saffron_home: 'hover:border-amber-400/40 hover:bg-amber-50/85',
+    indigo_ikea: 'hover:border-indigo-300/45 hover:bg-indigo-50/75',
+    lotus_petal: 'hover:border-violet-300/45 hover:bg-violet-50/75',
+    night_star: 'hover:border-slate-400/35 hover:bg-slate-100/70',
+  }
+  return accents[m.nepal_art_style] ?? 'hover:border-lokta-deep/25 hover:bg-paper-deep'
+}
diff --git a/frontend/src/utils/togetherDuration.ts b/frontend/src/utils/togetherDuration.ts
new file mode 100644
index 0000000..b7633fb
--- /dev/null
+++ b/frontend/src/utils/togetherDuration.ts
@@ -0,0 +1,48 @@
+/** 将瞬时时刻换算为「上海」日历年月日（与后端 Asia/Shanghai 叙事一致）。 */
+export function ymdInShanghai(ms: number): { y: number; m: number; d: number } {
+  const s = new Intl.DateTimeFormat('en-CA', {
+    timeZone: 'Asia/Shanghai',
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+  }).format(new Date(ms))
+  const [y, m, d] = s.split('-').map((x) => Number.parseInt(x, 10))
+  return { y, m, d }
+}
+
+/** 公历某月天数，month 为 1–12。 */
+function daysInMonth(y: number, month: number): number {
+  return new Date(y, month, 0).getDate()
+}
+
+/**
+ * 从起点日历日到终点日历日的「年、月、日」差（与日常说的「在一起多久」同构）。
+ * 假定 a 不晚于 b。
+ */
+export function calendarDiffYmd(
+  a: { y: number; m: number; d: number },
+  b: { y: number; m: number; d: number },
+): { years: number; months: number; days: number } {
+  let years = b.y - a.y
+  let months = b.m - a.m
+  let days = b.d - a.d
+  if (days < 0) {
+    months -= 1
+    const prevMonth = b.m === 1 ? 12 : b.m - 1
+    const prevYear = b.m === 1 ? b.y - 1 : b.y
+    days += daysInMonth(prevYear, prevMonth)
+  }
+  if (months < 0) {
+    years -= 1
+    months += 12
+  }
+  return { years, months, days }
+}
+
+/** 从起点到当前的累计小时数（可带小数，用于「相当于多少小时」）。 */
+export function totalHoursBetween(startMs: number, endMs: number, fractionDigits = 1): number {
+  const ms = Math.max(0, endMs - startMs)
+  const h = ms / 3_600_000
+  const p = 10 ** fractionDigits
+  return Math.round(h * p) / p
+}
diff --git a/frontend/src/views/OurStory.vue b/frontend/src/views/OurStory.vue
new file mode 100644
index 0000000..56c383f
--- /dev/null
+++ b/frontend/src/views/OurStory.vue
@@ -0,0 +1,163 @@
+<script setup lang="ts">
+import { RefreshCw } from 'lucide-vue-next'
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { fetchMemories, fetchStatus, type Memory, type StatusPayload } from '../api/client'
+import { NETEASE_PLAYER_SRC } from '../config/neteasePlayer'
+import MessageForm from '../components/MessageForm.vue'
+import NepalChapterBand from '../components/NepalChapterBand.vue'
+import NepalPageContainer from '../components/NepalPageContainer.vue'
+import NeteaseEmbed from '../components/NeteaseEmbed.vue'
+import TogetherCounter from '../components/TogetherCounter.vue'
+
+const status = ref<StatusPayload | null>(null)
+const memories = ref<Memory[]>([])
+const loadError = ref<string | null>(null)
+const memoriesError = ref<string | null>(null)
+const busy = ref(true)
+const memoriesBusy = ref(false)
+const serverOffsetMs = ref(0)
+
+let statusPoll: ReturnType<typeof setInterval> | undefined
+
+const siteTitle = computed(() => status.value?.site_title ?? 'Nepal Journey: Our Story')
+const bgmEnabled = computed(() => status.value?.bgm_enabled ?? true)
+const neteaseSrc = NETEASE_PLAYER_SRC
+const showNetease = computed(() => {
+  if (!bgmEnabled.value || !neteaseSrc) return false
+  try {
+    let u = neteaseSrc.trim()
+    if (u.startsWith('//')) u = `https:${u}`
+    const url = new URL(u)
+    return url.protocol === 'https:' && url.hostname.toLowerCase() === 'music.163.com'
+  } catch {
+    return false
+  }
+})
+
+const showAppChrome = computed(() => !busy.value && status.value !== null)
+
+function applyServerClock(s: StatusPayload) {
+  serverOffsetMs.value = Date.parse(s.server_time) - Date.now()
+  status.value = s
+}
+
+async function loadStatus() {
+  try {
+    loadError.value = null
+    const s = await fetchStatus()
+    applyServerClock(s)
+  } catch {
+    loadError.value = '无法连接服务器，请确认后端已启动。'
+  } finally {
+    busy.value = false
+  }
+}
+
+async function loadMemories() {
+  memoriesBusy.value = true
+  memoriesError.value = null
+  try {
+    memories.value = await fetchMemories()
+  } catch {
+    memoriesError.value = '回忆加载失败，请稍后重试。'
+  } finally {
+    memoriesBusy.value = false
+  }
+}
+
+onMounted(async () => {
+  await loadStatus()
+  if (!loadError.value) await loadMemories()
+  statusPoll = setInterval(() => {
+    void loadStatus()
+  }, 60_000)
+})
+
+onBeforeUnmount(() => {
+  if (statusPoll) clearInterval(statusPoll)
+})
+
+/** 顶栏计时器与章节纪念日期轮播（按 story_order） */
+const counterMilestones = computed(() =>
+  [...memories.value]
+    .sort((a, b) => a.story_order - b.story_order)
+    .map((m) => ({ title: m.event_title, date: m.date })),
+)
+</script>
+
+<template>
+  <div class="relative min-h-dvh pb-8">
+    <div
+      v-if="busy"
+      class="flex min-h-dvh items-center justify-center text-ink-muted text-sm"
+    >
+      正在打开手帐…
+    </div>
+
+    <template v-else>
+      <header
+        v-if="showAppChrome && status"
+        class="sticky top-0 z-40 border-b border-lokta-deep/10 bg-gradient-to-r from-lokta-cream/90 via-paper/90 to-lokta-teal/15 backdrop-blur-md"
+      >
+        <div class="mx-auto max-w-3xl space-y-3 px-4 py-3 sm:px-6">
+          <div class="min-w-0">
+            <p class="truncate font-brush text-2xl text-lokta-deep sm:text-3xl">
+              {{ siteTitle }}
+            </p>
+            <TogetherCounter
+              :together-since-iso="status.together_since"
+              :server-offset-ms="serverOffsetMs"
+              :milestones="counterMilestones"
+            />
+
+          </div>
+          <NeteaseEmbed v-if="showNetease" :src="neteaseSrc" />
+          <p
+            v-else-if="bgmEnabled && !neteaseSrc"
+            class="rounded-lg border border-dashed border-lokta-deep/20 bg-white/50 px-3 py-2 text-xs text-ink-muted"
+          >
+          <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=2054353432&auto=1&height=66"></iframe>
+          </p>
+        </div>
+      </header>
+
+      <div v-if="loadError" class="mx-auto max-w-md px-6 py-10 text-center">
+        <p class="text-sm text-rose-deep">
+          {{ loadError }}
+        </p>
+        <button
+          type="button"
+          class="mt-4 inline-flex items-center gap-2 rounded-full border border-paper-shadow bg-white px-4 py-2 text-sm text-ink shadow-sm transition hover:bg-paper-deep"
+          @click="loadStatus"
+        >
+          <RefreshCw class="h-4 w-4" />
+          重试
+        </button>
+      </div>
+
+      <template v-else-if="status">
+        <div v-if="memoriesBusy" class="py-16 text-center text-sm text-ink-muted">
+          正在载入故事页…
+        </div>
+        <p v-else-if="memoriesError" class="py-8 text-center text-sm text-rose-deep">
+          {{ memoriesError }}
+        </p>
+        <p
+          v-else-if="!memories.length"
+          class="mx-auto max-w-md px-6 py-16 text-center text-sm text-ink-muted"
+        >
+          还没有任何故事页。请在项目目录运行：
+          <code class="mt-2 block rounded bg-paper-deep px-2 py-1 text-xs text-ink">python manage.py seed_nepal_story</code>
+        </p>
+        <template v-else>
+          <NepalPageContainer :memories="memories" :status="status" />
+
+          <div class="mx-auto max-w-3xl px-2">
+            <NepalChapterBand label="最后一页 · 回信" />
+            <MessageForm />
+          </div>
+        </template>
+      </template>
+    </template>
+  </div>
+</template>
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
new file mode 100644
index 0000000..17aa348
--- /dev/null
+++ b/frontend/src/vite-env.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL?: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
new file mode 100644
index 0000000..5c750c5
--- /dev/null
+++ b/frontend/tsconfig.app.json
@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
new file mode 100644
index 0000000..d3c52ea
--- /dev/null
+++ b/frontend/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "module": "esnext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..6575c77
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,19 @@
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [vue(), tailwindcss()],
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://127.0.0.1:8000',
+        changeOrigin: true,
+      },
+      '/media': {
+        target: 'http://127.0.0.1:8000',
+        changeOrigin: true,
+      },
+    },
+  },
+})