查看“SCFII”的源代码

{{全屏2|
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Re:Creation Revelation</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Sans+JP:wght@300;400;700&family=Zen+Maru+Gothic:wght@700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Montserrat', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
            background-color: #050505;
            color: #e0e0e0;
            background-image: 
                radial-gradient(circle at 50% 0%, #2a1b3d 0%, transparent 60%),
                linear-gradient(to bottom, #000000 0%, #111111 100%);
            min-height: 100vh;
        }

        .cyber-text {
            text-shadow: 0 0 10px rgba(139, 92, 246, 0.5), 0 0 20px rgba(139, 92, 246, 0.3);
        }

        .gold-gradient {
            background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .glass-panel {
            background: rgba(20, 20, 25, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
        }

        .phase-header-1 { border-left: 4px solid #60a5fa; color: #93c5fd; }
        .phase-header-2 { border-left: 4px solid #f87171; color: #fca5a5; }
        .phase-header-3 { border-left: 4px solid #34d399; color: #6ee7b7; }
        .phase-header-4 { border-left: 4px solid #fbbf24; color: #fcd34d; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0f0f0f;
        }
        ::-webkit-scrollbar-thumb {
            background: #444;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #666;
        }

        .animate-float {
            animation: float 6s ease-in-out infinite;
        }

        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        .btn-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
        }
    </style>
</head>
<body class="overflow-x-hidden">

    <!-- Navigation / Language Select -->
    <nav class="fixed top-0 w-full z-50 glass-panel border-b-0 border-b-gray-800">
        <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
            <div class="text-xs tracking-widest text-gray-400">SOCA.CAFE / SCRII</div>
            <div class="flex space-x-4">
                <a href="https://soka.cafe/SCRII/ch" target="_blank" class="text-sm px-3 py-1 rounded border border-gray-600 hover:border-purple-500 hover:text-purple-400 transition">
                    <i class="fas fa-globe-asia mr-1"></i> Chinese 中文
                </a>
                <a href="https://soka.cafe/SCRII/jp" target="_blank" class="text-sm px-3 py-1 rounded border border-gray-600 hover:border-purple-500 hover:text-purple-400 transition">
                    <i class="fas fa-torii-gate mr-1"></i> Japanese 日本語
                </a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <header class="relative pt-32 pb-20 px-4 text-center overflow-hidden">
        
        <!-- LOGO -->
        <div class="mx-auto w-72 md:w-96 relative mb-8 animate-float group cursor-pointer">
            <img src="https://soka.cafe/images/e/eb/RCR_LOGO_V1.1.png"
                 alt="Re:Creation Revelation Logo"
                 class="w-full h-auto object-contain"
                 onerror="this.onerror=null; this.src='https://placehold.co/400x400/1e293b/a5b4fc?text=RCR+Logo';"
            >
        </div>

        <h1 class="text-4xl md:text-6xl font-black tracking-tighter mb-2 font-[Montserrat]">
            <span class="gold-gradient">Re:Creation Revelation</span>
        </h1>
        <h2 class="text-xl md:text-3xl font-light tracking-wide text-purple-300 mb-6">
            宗教再生启示录
        </h2>
        
        <p class="text-sm md:text-base text-gray-400 mb-8 max-w-2xl mx-auto uppercase tracking-widest">
            November 30, 2025: Happy 18th Airmoto Submission Festival!!!
        </p>

        <!-- Buttons Section -->
        <div class="flex flex-col md:flex-row justify-center items-center gap-4 mb-10 max-w-4xl mx-auto">
            <!-- YouTube Button -->
            <a href="https://youtu.be/KgB8WeEfMRk" target="_blank" rel="noopener noreferrer" 
               class="btn-hover flex items-center justify-center space-x-3 px-8 py-3 w-full md:w-auto bg-red-600 hover:bg-red-500 rounded-lg text-white shadow-lg shadow-red-900/20 border border-red-500/30">
                <i class="fab fa-youtube text-xl"></i>
                <span class="font-bold tracking-wide">YouTube</span>
            </a>

            <!-- Bilibili Button -->
            <a href="https://www.bilibili.com/video/BV1z3SiBsEEe" target="_blank" rel="noopener noreferrer"
               class="btn-hover flex items-center justify-center space-x-3 px-8 py-3 w-full md:w-auto bg-[#00AEEC] hover:bg-[#40C5F1] rounded-lg text-white shadow-lg shadow-blue-900/20 border border-blue-400/30">
                <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267c.053-.071.116-.142.187-.213l3.467-3.307c.267-.249.573-.373.92-.373.347 0 .653.124.92.373l.027.027c.249.249.373.551.373.907 0 .355-.124.657-.373.906L17.813 4.653zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773H5.333zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.391.133-.711.38-1.02.249-.309.566-.464.953-.464zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-1.02.249-.309.56-.464.933-.464z"/></svg>
                <span class="font-bold tracking-wide">Bilibili</span>
            </a>

            <!-- Niconico Button -->
            <a href="https://www.nicovideo.jp/watch/sm45682156" target="_blank" rel="noopener noreferrer"
               class="btn-hover flex items-center justify-center space-x-3 px-8 py-3 w-full md:w-auto bg-[#232323] hover:bg-[#333] rounded-lg text-white shadow-lg shadow-black/50 border border-gray-600">
                <i class="fas fa-tv text-xl"></i>
                <span class="font-bold tracking-wide">Niconico</span>
            </a>
        </div>

        <div class="max-w-4xl mx-auto glass-panel p-8 rounded-xl relative overflow-hidden">
            <div class="absolute top-0 left-0 w-1 h-full bg-purple-600"></div>
            <p class="text-gray-300 leading-relaxed italic text-lg text-left">
                <i class="fas fa-quote-left text-purple-500 mr-2 text-2xl opacity-50"></i>
                The virtual avatar of Hisamoto, floated within the sanctuary of the Shukyo (Religious) City, its feet resting upon chains forged from the prayers of millions of devotees.
In this void-like expanse, a fissure tore open the dome, and the roar of the Kirby's "Gourmet Race", thundered forth!
            </p>
        </div>
    </header>

    <!-- Main Content -->
    <main class="max-w-7xl mx-auto px-2 md:px-4 pb-20">

        <!-- Timeline / Setlist -->
        <section id="setlist" class="mb-20">
            <div class="flex items-center mb-8">
                <div class="h-1 flex-grow bg-gray-800"></div>
                <h3 class="text-3xl font-bold px-4 cyber-text uppercase tracking-widest"><i class="fas fa-list-ol mr-3"></i>Collaboration Table</h3>
                <div class="h-1 flex-grow bg-gray-800"></div>
            </div>

            <div class="overflow-x-auto glass-panel rounded-lg shadow-2xl">
                <table class="w-full text-left border-collapse">
                    <thead>
                        <tr class="text-xs uppercase tracking-wider bg-gray-900/50 text-gray-400 border-b border-gray-700">
                            <th class="p-4 font-bold">Phase</th>
                            <th class="p-4">Part</th>
                            <th class="p-4 w-1/4">Title</th>
                            <th class="p-4">Time</th>
                            <th class="p-4">BPM</th>
                            <th class="p-4">Audio Author</th>
                            <th class="p-4">Visual Author</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-800 text-sm md:text-base">
                        <!-- Phase 1 -->
                        <tr class="hover:bg-gray-800/30 transition duration-150">
                            <td rowspan="8" class="p-4 align-top bg-gray-900/40 phase-header-1 font-bold w-32">
                                <div class="text-xl mb-1">Phase 1</div>
                                <div class="text-xs text-blue-300 opacity-80 mb-2">0:00 - 4:15</div>
                                <div class="text-sm font-serif italic opacity-90">
                                    The Leisurely<br>Sound Journey<br>of Shukyo City
                                </div>
                            </td>
                            <td class="p-4 text-center font-mono text-gray-500">01</td>
                            <td class="p-4 font-bold text-white">Tsunaide (系ぎて)</td>
                            <td class="p-4 font-mono text-gray-400">0:00</td>
                            <td class="p-4 font-mono">95</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">Banmaden</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">02</td>
                            <td class="p-4 font-bold text-white">Rolling Girl</td>
                            <td class="p-4 font-mono text-gray-400">0:40</td>
                            <td class="p-4 font-mono">190</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">老鸡冻了</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">03</td>
                            <td class="p-4 font-bold text-white">Gimmme!</td>
                            <td class="p-4 font-mono text-gray-400">1:10</td>
                            <td rowspan="6" class="p-4 align-middle font-mono">140</td>
                            <td class="p-4 text-gray-300">屑无名QAQ</td>
                            <td class="p-4 text-gray-300">WHEELLTY</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">04</td>
                            <td class="p-4 font-bold text-white">Connected Sky</td>
                            <td class="p-4 font-mono text-gray-400">1:44</td>
                            <td class="p-4 text-gray-300">Banmaden</td>
                            <td class="p-4 text-gray-300">Banmaden · 咖啡囡</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">05</td>
                            <td class="p-4 font-bold text-white">Platinum Disco</td>
                            <td class="p-4 font-mono text-gray-400">2:12</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">Aray_瑞</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">06</td>
                            <td class="p-4 font-bold text-white">GREETINGS,BUTTER KNIFE...</td>
                            <td class="p-4 font-mono text-gray-400">2:39</td>
                            <td class="p-4 text-gray-300">Tekoko · Creation</td>
                            <td class="p-4 text-gray-300">Tekoko · 南无</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">07</td>
                            <td class="p-4 font-bold text-white">Tokyo Shandy Rendezvous</td>
                            <td class="p-4 font-mono text-gray-400">3:07</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">WHEELLTY</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">08</td>
                            <td class="p-4 font-bold text-white">A Cyber's World?</td>
                            <td class="p-4 font-mono text-gray-400">3:34</td>
                            <td class="p-4 text-gray-300">Mikukairi</td>
                            <td class="p-4 text-gray-300">Mizoki</td>
                        </tr>

                        <!-- Phase 2 -->
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
                            <td rowspan="8" class="p-4 align-top bg-gray-900/40 phase-header-2 font-bold">
                                <div class="text-xl mb-1">Phase 2</div>
                                <div class="text-xs text-red-300 opacity-80 mb-2">4:15 - 8:00</div>
                                <div class="text-sm font-serif italic opacity-90">
                                    Faith's<br>Concerto of<br>Hot-blooded Chapter
                                </div>
                            </td>
                            <td class="p-4 text-center font-mono text-gray-500">09</td>
                            <td class="p-4 font-bold text-white">Tetoris</td>
                            <td class="p-4 font-mono text-gray-400">4:15</td>
                            <td class="p-4 font-mono">170</td>
                            <td class="p-4 text-gray-300">398 · Creation</td>
                            <td class="p-4 text-gray-300">六时夜 · Binguo55</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">10</td>
                            <td class="p-4 font-bold text-white">World's End Valentine</td>
                            <td class="p-4 font-mono text-gray-400">4:56</td>
                            <td class="p-4 font-mono">170→150</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">东风股早苗</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">11</td>
                            <td class="p-4 font-bold text-white">STONE MAN STAGE</td>
                            <td class="p-4 font-mono text-gray-400">5:19</td>
                            <td rowspan="2" class="p-4 align-middle font-mono">150</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">SYLVASTER</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">12</td>
                            <td class="p-4 font-bold text-white">全都是我的所作所为</td>
                            <td class="p-4 font-mono text-gray-400">5:46</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">モノクロ子</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">13</td>
                            <td class="p-4 font-bold text-white">Luminaria</td>
                            <td class="p-4 font-mono text-gray-400">6:12</td>
                            <td class="p-4 font-mono">240</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">阿蘅仔</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">14</td>
                            <td class="p-4 font-bold text-white">Liar Dancer</td>
                            <td class="p-4 font-mono text-gray-400">6:36</td>
                            <td class="p-4 font-mono">190 → 200</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">新世纪摆烂战士</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">15</td>
                            <td class="p-4 font-bold text-white">TRIGGER★HAPPY</td>
                            <td class="p-4 font-mono text-gray-400">7:07</td>
                            <td rowspan="2" class="p-4 align-middle font-mono">200</td>
                            <td class="p-4 text-gray-300">南无</td>
                            <td class="p-4 text-gray-300">南无 · Microsoft巨硬</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">16</td>
                            <td class="p-4 font-bold text-white">SIGSIG</td>
                            <td class="p-4 font-mono text-gray-400">7:31</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">星星辰er</td>
                        </tr>

                        <!-- Phase 3 -->
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
                            <td rowspan="9" class="p-4 align-top bg-gray-900/40 phase-header-3 font-bold">
                                <div class="text-xl mb-1">Phase 3</div>
                                <div class="text-xs text-green-300 opacity-80 mb-2">8:00 - 12:00</div>
                                <div class="text-sm font-serif italic opacity-90">
                                    The Unpredictable<br>Demonic Tune of<br>Shinano Fantasy
                                </div>
                            </td>
                            <td class="p-4 text-center font-mono text-gray-500">17</td>
                            <td class="p-4 font-bold text-white">IRON VIRUS</td>
                            <td class="p-4 font-mono text-gray-400">8:00</td>
                            <td class="p-4 font-mono">150</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">大骗子不吃p</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">18</td>
                            <td class="p-4 font-bold text-white">MAYHEM</td>
                            <td class="p-4 font-mono text-gray-400">8:27</td>
                            <td class="p-4 font-mono">998</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">SGE</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">19</td>
                            <td class="p-4 font-bold text-white">Letter to the Black World</td>
                            <td class="p-4 font-mono text-gray-400">8:50</td>
                            <td rowspan="2" class="p-4 align-middle font-mono">200</td>
                            <td class="p-4 text-gray-300">LBMRZ</td>
                            <td class="p-4 text-gray-300">Beisomg</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">20</td>
                            <td class="p-4 font-bold text-white">U.N. Owen Was Her?</td>
                            <td class="p-4 font-mono text-gray-400">9:08</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">陈yuyue</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">21</td>
                            <td class="p-4 font-bold text-white">Flower Dance</td>
                            <td class="p-4 font-mono text-gray-400">9:28</td>
                            <td class="p-4 font-mono">140 → 160</td>
                            <td class="p-4 text-gray-300">稀神灵梦</td>
                            <td class="p-4 text-gray-300">一yee而过</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">22</td>
                            <td class="p-4 font-bold text-white">Jellyfish</td>
                            <td class="p-4 font-mono text-gray-400">9:52</td>
                            <td class="p-4 font-mono">160 → 180</td>
                            <td class="p-4 text-gray-300">曦风清雨</td>
                            <td class="p-4 text-gray-300">LBMRZ</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">23</td>
                            <td class="p-4 font-bold text-white">Magical Girl and Chocolate</td>
                            <td class="p-4 font-mono text-gray-400">10:26</td>
                            <td rowspan="3" class="p-4 align-middle font-mono">180</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">法wav</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">24</td>
                            <td class="p-4 font-bold text-white">Confessions of a Rotten Girl</td>
                            <td class="p-4 font-mono text-gray-400">10:59</td>
                            <td class="p-4 text-gray-300">Tekoko · Creation</td>
                            <td class="p-4 text-gray-300">LArk25</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">25</td>
                            <td class="p-4 font-bold text-white">Manimani</td>
                            <td class="p-4 font-mono text-gray-400">11:32</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">8302</td>
                        </tr>

                        <!-- Phase 4 -->
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
                            <td rowspan="5" class="p-4 align-top bg-gray-900/40 phase-header-4 font-bold">
                                <div class="text-xl mb-1">Phase 4</div>
                                <div class="text-xs text-yellow-300 opacity-80 mb-2">12:00 - 15:40</div>
                                <div class="text-sm font-serif italic opacity-90">
                                    The Ending<br>Airmoto Time<br>Machine
                                </div>
                            </td>
                            <td class="p-4 text-center font-mono text-gray-500">26</td>
                            <td class="p-4 font-bold text-white">The Snippet</td>
                            <td class="p-4 font-mono text-gray-400">12:00</td>
                            <td rowspan="3" class="p-4 align-middle font-mono">195</td>
                            <td class="p-4 text-gray-300">Sokayang</td>
                            <td class="p-4 text-gray-300">小黑</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">27</td>
                            <td class="p-4 font-bold text-white">Supernova Awake</td>
                            <td class="p-4 font-mono text-gray-400">12:26</td>
                            <td class="p-4 text-gray-300">Anonymous 1 · Creation</td>
                            <td class="p-4 text-gray-300">Air-mt</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">28</td>
                            <td class="p-4 font-bold text-white">Touhou Cult Medley</td>
                            <td class="p-4 font-mono text-gray-400">13:11</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">Ciceno · zBmLR · Beisomg</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">29</td>
                            <td class="p-4 font-bold text-white">Re:Creation Revolution</td>
                            <td class="p-4 font-mono text-gray-400">14:00</td>
                            <td class="p-4 font-mono">170 - 255</td>
                            <td class="p-4 text-gray-300">Banmaden</td>
                            <td class="p-4 text-gray-300">Niwango公司</td>
                        </tr>
                        <tr class="hover:bg-gray-800/30 transition">
                            <td class="p-4 text-center font-mono text-gray-500">30</td>
                            <td class="p-4 font-bold text-white">Reborn</td>
                            <td class="p-4 font-mono text-gray-400">15:00</td>
                            <td class="p-4 font-mono">170</td>
                            <td class="p-4 text-gray-300">mumu233</td>
                            <td class="p-4 text-gray-300">ijxhshs</td>
                        </tr>

                        <tr class="hover:bg-gray-800/30 transition bg-purple-900/20 border-t border-purple-800/30">
                            <td class="p-4 text-center font-mono text-purple-400 font-bold tracking-widest">ED</td>
                            <td class="p-4 text-center font-mono text-purple-400/50">31</td>
                            <td class="p-4 font-bold text-purple-200">Ultra Trailer</td>
                            <td class="p-4 font-mono text-purple-300">15:40</td>
                            <td class="p-4 font-mono text-purple-300">170</td>
                            <td colspan="2" class="p-4 text-center text-purple-200">405</td>
                        </tr>

                        <tr class="hover:bg-red-900/10 transition bg-red-900/20 border-t border-red-800/50">
                            <td class="p-4 align-middle bg-red-900/30 font-bold border-r border-red-800/30">
                                <div class="text-center text-red-400 text-xl tracking-widest">EX</div>
                                <div class="text-center text-[10px] text-red-300 uppercase mt-1">Chapter</div>
                            </td>
                            <td class="p-4 text-center font-mono text-red-400/50">32</td>
                            <td class="p-4 font-bold text-red-100">
                                Crash! Gourmet Race
                                <span class="ml-2 text-xs bg-red-600 text-white px-2 py-0.5 rounded-full">BONUS</span>
                            </td>
                            <td class="p-4 font-mono text-red-300">16:35</td>
                            <td class="p-4 font-mono text-red-300">180</td>
                            <td colspan="2" class="p-4 text-center text-red-200">pigeon某人、TxAY、南无、硬盘1</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <!-- Credits & Links Grid -->
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
            
            <!-- Management Group -->
            <section class="glass-panel rounded-xl p-8">
                <h3 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fas fa-users-cog text-purple-500 mr-3"></i> Collaboration Management
                </h3>
                <div class="space-y-4">
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Group</div>
                        <div class="w-2/3 font-bold text-purple-300">Oct-lotus Sect (八叶莲华会)</div>
                    </div>
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Chief Director</div>
                        <div class="w-2/3">Banmaden</div>
                    </div>
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Director</div>
                        <div class="w-2/3">南无</div>
                    </div>
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Planner</div>
                        <div class="w-2/3 text-sm">Chitose · 南无 · 醒着做梦 · 星星辰er · Niwango公司 · A787a</div>
                    </div>
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">LOGO Design</div>
                        <div class="w-2/3">Mizoki</div>
                    </div>
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Cover Design</div>
                        <div class="w-2/3 text-sm">Banmaden · Binguo55 · 一yee而过 · Myeta_</div>
                    </div>
                    <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Medley</div>
                        <div class="w-2/3">Banmaden · DJ Reisa · Chitose</div>
                    </div>
                     <div class="flex border-b border-gray-700 pb-2">
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Website</div>
                        <div class="w-2/3">Banmaden</div>
                    </div>
                </div>
            </section>

            <!-- Resources & Links -->
            <section class="flex flex-col gap-6">
                
                <!-- Gift Pack -->
                <div class="glass-panel p-6 rounded-xl border-l-4 border-yellow-500 hover:bg-gray-800 transition cursor-pointer group" onclick="window.open('https://drive.google.com/drive/folders/1-YoYi5sExvkz4gOeK9uEAWaeYRW9PkRv?usp=sharing', '_blank')">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-yellow-400 transition">
                        <i class="fas fa-gift mr-3"></i> Gift Pack
                    </h4>
                    <p class="text-sm text-gray-400">Download resources, stems, and bonus content.</p>
                </div>

                <!-- Origin Doc -->
                <div class="glass-panel p-6 rounded-xl border-l-4 border-blue-500 hover:bg-gray-800 transition cursor-pointer group" onclick="window.open('https://docs.qq.com/sheet/DTXVwTFRHdExDVnF0', '_blank')">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-blue-400 transition">
                        <i class="fas fa-file-alt mr-3"></i> Origin Collaboration Document
                    </h4>
                    <p class="text-sm text-gray-400">View the original planning sheet.</p>
                </div>

                 <!-- Announcement -->
                <div class="glass-panel p-6 rounded-xl border-l-4 border-purple-500 hover:bg-gray-800 transition cursor-pointer group" onclick="window.open('https://soka.cafe/RCR', '_blank')">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-purple-400 transition">
                        <i class="fas fa-bullhorn mr-3"></i> RCR Announcement
                    </h4>
                    <p class="text-sm text-gray-400">Official collaboration announcement page.</p>
                </div>

                 <!-- Last Collab -->
                 <div class="glass-panel p-6 rounded-xl border-l-4 border-gray-500 hover:bg-gray-800 transition cursor-pointer group" onclick="window.open('https://soka.cafe/SCF', '_blank')">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-gray-300 transition">
                        <i class="fas fa-history mr-3"></i> Previous: Shukyo City Festival
                    </h4>
                    <p class="text-sm text-gray-400">Collaboration: Religious City Festival ~ Shukyo_City_Festival</p>
                </div>

            </section>
        </div>

    </main>

    <footer class="text-center py-10 text-gray-600 text-sm glass-panel mt-10">
        <p>&copy; 2025 Oct-lotus Sect (八叶莲华会). All Rights Reserved.</p>
        <p class="mt-2 text-xs">Designed for Airmoto 18th Birthday Celebration.</p>
    </footer>

</body>
</html>
}}