Delete index.html

index.html

@@ -1,349 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>HostCast — Your Digital Host. Your Studio. Offline.</title>
-<meta name="description" content="HostCast is an offline-first digital-host studio. Write a script, pick a host, and record a broadcast or interview — all on your iPhone, with no servers and no account.">
-<style>
-/* 复用 index.html 的金色主题变量，扩展为现代 landing 布局 */
-:root {
-    --primary-color: #d9b779;
-    --primary-dark: #b8965a;
-    --primary-light: #f0dcb8;
-    --text-color: #1f1b16;
-    --bg-color: #f6f4f1;
-    --container-bg: #ffffff;
-    --border-color: #e7e1d8;
-    --muted: #6b6253;
-    --ink: #2a241d;
-    --hero-grad: radial-gradient(1200px 600px at 50% -10%, #fbf3df 0%, #f6f4f1 55%);
-}
-* { box-sizing: border-box; }
-html { scroll-behavior: smooth; }
-body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    line-height: 1.65;
-    color: var(--text-color);
-    background: var(--bg-color);
-    margin: 0;
-    padding: 0;
-}
-.wrap { max-width: 1040px; margin: 0 auto; padding: 0 24px; }
-
-/* 顶栏 */
-.nav {
-    position: sticky; top: 0; z-index: 20;
-    background: rgba(246,244,241,0.86);
-    backdrop-filter: saturate(180%) blur(14px);
-    -webkit-backdrop-filter: saturate(180%) blur(14px);
-    border-bottom: 1px solid var(--border-color);
-}
-.nav .row { display: flex; align-items: center; justify-content: space-between; height: 60px; }
-.brand { font-weight: 800; font-size: 20px; color: var(--primary-dark); letter-spacing: 0.2px; }
-.brand .dot { color: var(--primary-color); }
-.nav ul { display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; }
-.nav a { color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 500; }
-.nav a:hover { color: var(--primary-dark); }
-.btn {
-    display: inline-block; padding: 12px 22px; border-radius: 999px;
-    background: var(--primary-dark); color: #fff; text-decoration: none;
-    font-weight: 700; font-size: 15px; border: none; cursor: pointer;
-    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
-    box-shadow: 0 6px 18px rgba(184,150,90,0.28);
-}
-.btn:hover { transform: translateY(-1px); background: #a8854a; box-shadow: 0 10px 24px rgba(184,150,90,0.34); }
-.btn.ghost { background: transparent; color: var(--primary-dark); border: 1.5px solid var(--primary-color); box-shadow: none; }
-.btn.ghost:hover { background: #fbf3df; }
-.btn.small { padding: 9px 16px; font-size: 14px; }
-
-/* Hero */
-.hero { background: var(--hero-grad); padding: 72px 0 56px; text-align: center; }
-.hero h1 { font-size: clamp(34px, 6vw, 60px); line-height: 1.08; margin: 0 0 14px; color: var(--ink); letter-spacing: -0.5px; }
-.hero h1 .gold { color: var(--primary-dark); }
-.hero .lead { font-size: clamp(17px, 2.2vw, 21px); color: var(--muted); max-width: 640px; margin: 0 auto 28px; }
-.hero .cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
-.hero .meta { margin-top: 18px; font-size: 13px; color: var(--muted); }
-.hero .shot {
-    margin: 48px auto 0; max-width: 760px;
-    border-radius: 18px; overflow: hidden;
-    box-shadow: 0 24px 60px rgba(31,27,22,0.18);
-    border: 1px solid var(--border-color);
-    background: #fff;
-}
-.hero .shot img { display: block; width: 100%; height: auto; }
-
-/* 章节标题 */
-.section { padding: 80px 0; }
-.section h2 { font-size: clamp(26px, 3.4vw, 36px); text-align: center; color: var(--ink); margin: 0 0 12px; letter-spacing: -0.3px; }
-.section .sub { text-align: center; color: var(--muted); max-width: 620px; margin: 0 auto 48px; font-size: 17px; }
-
-/* 功能网格 */
-.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
-.card {
-    background: var(--container-bg); border: 1px solid var(--border-color);
-    border-radius: 16px; padding: 28px; transition: transform .18s ease, box-shadow .18s ease;
-}
-.card:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(31,27,22,0.08); }
-.card .ico { font-size: 30px; line-height: 1; margin-bottom: 14px; }
-.card h3 { margin: 0 0 8px; font-size: 18px; color: var(--primary-dark); }
-.card p { margin: 0; color: var(--muted); font-size: 15px; }
-
-/* 模式对比 */
-.modes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
-.mode {
-    background: var(--container-bg); border: 1px solid var(--border-color);
-    border-radius: 18px; padding: 32px; position: relative; overflow: hidden;
-}
-.mode::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--primary-color); }
-.mode .tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--primary-dark); background: var(--primary-light); padding: 4px 10px; border-radius: 6px; margin-bottom: 14px; }
-.mode h3 { margin: 0 0 10px; font-size: 22px; color: var(--ink); }
-.mode p { color: var(--muted); margin: 0 0 14px; }
-.mode ul { margin: 0; padding-left: 20px; color: var(--ink); }
-.mode li { margin-bottom: 6px; font-size: 15px; }
-
-/* 画廊 */
-.gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
-.gallery .frame {
-    border-radius: 12px; overflow: hidden; border: 1px solid var(--border-color);
-    background: #fff; aspect-ratio: 9 / 19.5;
-}
-.gallery img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
-.gallery .frame:hover img { transform: scale(1.03); }
-
-/* 隐私横幅 */
-.privacy {
-    background: linear-gradient(135deg, #fbf3df 0%, #f6f4f1 100%);
-    border: 1px solid var(--primary-light);
-    border-radius: 20px; padding: 40px; text-align: center;
-}
-.privacy h2 { color: var(--primary-dark); }
-.privacy p { color: var(--muted); max-width: 620px; margin: 12px auto 0; }
-.privacy .badges { display: flex; gap: 26px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }
-.privacy .badge { font-size: 14px; color: var(--ink); }
-.privacy .badge strong { color: var(--primary-dark); }
-
-/* FAQ */
-.faq { max-width: 760px; margin: 0 auto; }
-.faq details {
-    background: var(--container-bg); border: 1px solid var(--border-color);
-    border-radius: 12px; padding: 18px 22px; margin-bottom: 12px;
-}
-.faq summary { font-weight: 700; color: var(--ink); cursor: pointer; font-size: 16px; list-style: none; }
-.faq summary::-webkit-details-marker { display: none; }
-.faq summary::after { content: " +"; color: var(--primary-dark); float: right; }
-.faq details[open] summary::after { content: " −"; }
-.faq details p { margin: 10px 0 0; color: var(--muted); font-size: 15px; }
-
-/* 最终 CTA */
-.final { text-align: center; padding: 80px 0 60px; }
-.final h2 { font-size: clamp(28px, 4vw, 40px); color: var(--ink); margin: 0 0 14px; }
-.final p { color: var(--muted); margin: 0 0 26px; }
-
-/* 页脚 */
-footer { border-top: 1px solid var(--border-color); background: #fbfaf8; padding: 40px 0; }
-footer .row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
-footer .links { display: flex; gap: 22px; }
-footer a { color: var(--muted); text-decoration: none; font-size: 14px; }
-footer a:hover { color: var(--primary-dark); }
-footer .copy { color: var(--muted); font-size: 13px; }
-
-/* 响应式 */
-@media (max-width: 860px) {
-    .grid { grid-template-columns: 1fr; }
-    .modes { grid-template-columns: 1fr; }
-    .gallery { grid-template-columns: repeat(2, 1fr); }
-    .nav ul { display: none; }
-}
-</style>
-</head>
-<body>
-
-<!-- 顶栏导航 -->
-<nav class="nav">
-    <div class="wrap row">
-        <div class="brand">Host<span class="dot">Cast</span></div>
-        <ul>
-            <li><a href="#features">Features</a></li>
-            <li><a href="#modes">Modes</a></li>
-            <li><a href="#gallery">Gallery</a></li>
-            <li><a href="#faq">FAQ</a></li>
-        </ul>
-        <a class="btn small" href="https://apps.apple.com/app/id6802987480">Download</a>
-    </div>
-</nav>
-
-<!-- Hero -->
-<header class="hero">
-    <div class="wrap">
-        <h1>Your digital host.<br><span class="gold">Your studio. Offline.</span></h1>
-        <p class="lead">HostCast puts a lifelike digital host in your pocket. Write a script, hit record, and broadcast — or run a two-camera interview. No servers, no account, no cloud. Everything runs on your iPhone.</p>
-        <div class="cta">
-            <a class="btn" href="https://apps.apple.com/app/id6802987480">Download for iPhone</a>
-            <a class="btn ghost" href="#modes">See how it works</a>
-        </div>
-        <p class="meta">Offline-first · No sign-up · One-time Pro unlock</p>
-        <div class="shot">
-            <img src="fastlane/screenshots/en-US/01_iPhone_65.png" alt="HostCast home screen" loading="lazy">
-        </div>
-    </div>
-</header>
-
-<!-- 功能网格 -->
-<section class="section" id="features">
-    <div class="wrap">
-        <h2>A studio that fits in your hand</h2>
-        <p class="sub">Six things HostCast does — all on your device, all without an internet connection.</p>
-        <div class="grid">
-            <div class="card">
-                <div class="ico">🎙️</div>
-                <h3>Lifelike Digital Host</h3>
-                <p>A virtual character with natural lip-sync that moves with her voice. Not a chat bubble — a presence on camera.</p>
-            </div>
-            <div class="card">
-                <div class="ico">📝</div>
-                <h3>Script Desk</h3>
-                <p>Write your own script or pick a starter. The host reads it straight to camera, word for word, in a natural voice.</p>
-            </div>
-            <div class="card">
-                <div class="ico">📺</div>
-                <h3>Broadcast Mode</h3>
-                <p>One host, one camera, one take. Press record and let your digital host deliver the script on screen.</p>
-            </div>
-            <div class="card">
-                <div class="ico">🎥</div>
-                <h3>Interview Mode</h3>
-                <p>A director's console switches between the host and your own close-up. Record both sides, cut like a pro.</p>
-            </div>
-            <div class="card">
-                <div class="ico">🔒</div>
-                <h3>Private by Design</h3>
-                <p>The avatar engine, speech, and recording all run locally. Your scripts and videos never leave the phone.</p>
-            </div>
-            <div class="card">
-                <div class="ico">⭐</div>
-                <h3>HostCast Pro</h3>
-                <p>One-time unlock — no subscription, ever. Extra hosts, longer takes, and advanced director controls.</p>
-            </div>
-        </div>
-    </div>
-</section>
-
-<!-- 模式对比 -->
-<section class="section" id="modes" style="background:#fbfaf8;">
-    <div class="wrap">
-        <h2>Two ways to create</h2>
-        <p class="sub">Whether you're hosting a solo show or running a guest interview, HostCast has a mode for it.</p>
-        <div class="modes">
-            <div class="mode">
-                <span class="tag">Broadcast</span>
-                <h3>The host takes the stage</h3>
-                <p>Hand the script to your digital host and let them deliver it on camera.</p>
-                <ul>
-                    <li>Host reads your script with natural voice &amp; lip-sync</li>
-                    <li>Single clean recording, ready to share</li>
-                    <li>Ideal for news, updates, storytelling, monologues</li>
-                </ul>
-            </div>
-            <div class="mode">
-                <span class="tag">Interview</span>
-                <h3>Two cameras, director-cut</h3>
-                <p>The host asks the questions — you answer from your own close-up camera.</p>
-                <ul>
-                    <li>Dual-camera split: host + guest, side by side</li>
-                    <li>Director console cuts between the two shots</li>
-                    <li>Ideal for talk shows, Q&amp;A, practice interviews</li>
-                </ul>
-            </div>
-        </div>
-    </div>
-</section>
-
-<!-- 截图画廊 -->
-<section class="section" id="gallery">
-    <div class="wrap">
-        <h2>See it in motion</h2>
-        <p class="sub">Real screens from the current build. Everything below runs offline.</p>
-        <div class="gallery">
-            <div class="frame"><img src="fastlane/screenshots/en-US/02_iPhone_65.png" alt="Host selection" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/04_iPhone_65.png" alt="Script desk" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/06_iPhone_65.png" alt="Broadcast recording" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/08_iPhone_65.png" alt="Interview split" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/03_iPhone_65.png" alt="Mode chooser" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/05_iPhone_65.png" alt="Settings" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/07_iPhone_65.png" alt="Director console" loading="lazy"></div>
-            <div class="frame"><img src="fastlane/screenshots/en-US/10_iPhone_65.png" alt="Playback" loading="lazy"></div>
-        </div>
-    </div>
-</section>
-
-<!-- 隐私横幅 -->
-<section class="section">
-    <div class="wrap">
-        <div class="privacy">
-            <h2>No cloud. No account. No tracking.</h2>
-            <p>HostCast is built offline-first. The digital-human engine, text-to-speech, and screen recording all run on your device. We do not operate servers that receive your scripts or videos — because there are no servers.</p>
-            <div class="badges">
-                <span class="badge">🔒 <strong>No personal data collected</strong></span>
-                <span class="badge">📱 <strong>On-device sandboxing</strong></span>
-                <span class="badge">🚫 <strong>No third-party trackers</strong></span>
-                <span class="badge">🌍 <strong>No mainland China availability</strong></span>
-            </div>
-        </div>
-    </div>
-</section>
-
-<!-- FAQ -->
-<section class="section" id="faq" style="background:#fbfaf8;">
-    <div class="wrap">
-        <h2>Frequently asked</h2>
-        <p class="sub">Quick answers. Full details on the support page.</p>
-        <div class="faq">
-            <details>
-                <summary>Do I need an internet connection?</summary>
-                <p>No. HostCast runs fully on-device. There is no cloud backend, no account, and nothing is sent to any server.</p>
-            </details>
-            <details>
-                <summary>Is my script or video uploaded?</summary>
-                <p>Never. Your scripts, recordings, and settings stay on your device. Uninstalling the app permanently deletes everything.</p>
-            </details>
-            <details>
-                <summary>Who are the hosts?</summary>
-                <p>All hosts are virtual, fictional characters rendered by an on-device avatar engine. They are not real people and do not represent any individual.</p>
-            </details>
-            <details>
-                <summary>How do I start?</summary>
-                <p>Pick a host, write or choose a script in the Script Desk, then record. In Broadcast the host reads on camera; in Interview the director console switches between host and your close-up.</p>
-            </details>
-            <details>
-                <summary>What permissions does it need?</summary>
-                <p>Microphone for voice recording, optional Camera for your close-up, and Photo Library (add-only) for saving screen recordings. No location, no network tracking.</p>
-            </details>
-        </div>
-    </div>
-</section>
-
-<!-- 最终 CTA -->
-<section class="final">
-    <div class="wrap">
-        <h2>Ready to go on camera?</h2>
-        <p>Download HostCast and start your first take in minutes.</p>
-        <a class="btn" href="https://apps.apple.com/app/id6802987480">Download for iPhone</a>
-    </div>
-</section>
-
-<!-- 页脚 -->
-<footer>
-    <div class="wrap row">
-        <div class="brand">Host<span style="color:var(--primary-color)">Cast</span></div>
-        <div class="links">
-            <a href="index.html#support">Support</a>
-            <a href="index.html#privacy">Privacy Policy</a>
-            <a href="index.html#terms">Terms of Service</a>
-        </div>
-        <div class="copy">© 2026 HostCast. Not available on the App Store in mainland China.</div>
-    </div>
-</footer>
-
-</body>
-</html>