MEDIABROWSER 배포 사이트 + 공개 릴리스 저장소 전환 (DEPLOYMENT_PLAN §5-ter, BACKLOG 12차) — site/: 프로모션(라이트 글래스모피즘, CSS scroll-driven 패럴랙스+IO 등장, 모션·투명도 축소 존중, no-JS 백지 방지 html.js 게이트)·릴리스(플랫폼 그룹, OS 자동 감지 권장, 이전 버전 접힘, 빈 상태)·사용 안내(설치→첫 다운로드→관리→휴대폰 연결→FAQ) 3페이지. 히어로/가이드 이미지는 VD_DATA_DIR 격리 프로필로 띄운 실제 앱 다운로드 패널 캡처(밝기 보정). 릴리스 데이터는 CORS 회피를 위해 배포 시 fetch-releases.mjs 가 releases.json 으로 정적 생성(git 무시). 공개 저장소 Video-Downloader/releases 신설(비공개 소스 저장소는 자산 익명 다운로드 불가) — CI 업로드를 env RELEASE_REPO 로 전환, draft 익명 비노출이라 QA 후 Publish 흐름 유지. build/deploy-site.ps1(wrangler pages deploy) 추가, 라이브: https://mediabrowser-7r4.pages.dev — Playwright 로 3페이지 전수 스크린샷 검증(빈 상태+샘플 데이터 렌더 포함)

site/releases.html

@@ -0,0 +1,76 @@
+<!doctype html>
+<html lang="ko">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>다운로드 - MEDIABROWSER</title>
+<meta name="description" content="MEDIABROWSER 릴리스 다운로드. Windows 설치자, macOS·Linux 프리뷰 빌드, Android 컴패니언 APK.">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='24' fill='%232050f0'/><path d='M50 22v36M36 44l14 14 14-14M28 74h44' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css">
+<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+<nav class="nav glass" aria-label="주 메뉴">
+  <a class="nav__brand" href="index.html">
+    <span class="nav__mark"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#download-simple"/></svg></span>
+    MEDIABROWSER
+  </a>
+  <div class="nav__links">
+    <a href="index.html#features">기능</a>
+    <a href="index.html#mobile">모바일</a>
+    <a href="guide.html">사용 안내</a>
+  </div>
+  <a class="btn btn--primary btn--sm" href="releases.html" aria-current="page">다운로드</a>
+</nav>
+
+<header class="pagehead">
+  <div class="orbs" aria-hidden="true">
+    <div class="orb orb--a"></div>
+    <div class="orb orb--b"></div>
+  </div>
+  <div class="wrap">
+    <h1>다운로드</h1>
+    <p class="sub">사용하는 플랫폼에 맞는 빌드를 받으세요. 설치가 끝나면
+      <a href="guide.html" style="color:var(--accent);font-weight:700;text-decoration:none">사용 안내</a>에서 첫 다운로드까지 3분이면 충분합니다.</p>
+  </div>
+</header>
+
+<div class="wrap rel-layout">
+  <aside class="rel-rail">
+    <div class="rel-rail__box glass">
+      <h3>플랫폼</h3>
+      <a class="rel-rail__os" href="#windows"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#windows-logo"/></svg>Windows</a>
+      <a class="rel-rail__os" href="#macos"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#apple-logo"/></svg>macOS 프리뷰</a>
+      <a class="rel-rail__os" href="#linux"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#linux-logo"/></svg>Linux 프리뷰</a>
+      <a class="rel-rail__os" href="#android"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#android-logo"/></svg>Android</a>
+    </div>
+    <div class="rel-rail__box glass">
+      <p class="rel-rail__note">Windows 는 설치자(exe)를 실행하면 됩니다.
+        macOS 와 Linux 는 tar.gz 를 풀어 실행하는 프리뷰 빌드입니다.
+        전체 버전 기록은 <a href="https://git.chanpaca.net/Video-Downloader/releases" rel="noopener">릴리스 저장소</a>에 있습니다.</p>
+    </div>
+  </aside>
+
+  <main id="release-root" aria-live="polite">
+    <div class="rel-empty glass" id="release-loading">
+      <svg class="icon" aria-hidden="true"><use href="assets/icons.svg#download-simple"/></svg>
+      <h2>릴리스 목록을 불러오는 중</h2>
+      <p>잠시만 기다려 주세요.</p>
+    </div>
+  </main>
+</div>
+
+<footer>
+  <div class="wrap footer__row">
+    <span class="footer__brand">MEDIABROWSER</span>
+    <a href="releases.html">다운로드</a>
+    <a href="guide.html">사용 안내</a>
+    <a href="https://git.chanpaca.net/Video-Downloader/releases" rel="noopener">릴리스 저장소</a>
+    <span class="footer__copy">© 2026 MEDIABROWSER</span>
+  </div>
+</footer>
+
+<script src="site.js" defer></script>
+</body>
+</html>