SCFII：修订间差异

来自SOKA CAFE
可视化wikitext
Banmad3n
Banmad3n（留言 | 贡献） （Edit）
 
（未显示同一用户的11个中间版本）
第1行： 第1行：
{{全屏2|
{{全屏|
<html lang="en">
<html>
<head>
<head>
    <meta charset="UTF-8">
<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Re:Creation Revelation</title>
<title>宗教再生启示録 ~ Re:Creation Revelation</title>
    <script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Cormorant:wght@300;500;700&family=Noto+Serif+SC:wght@400;600;900&family=Zen+Old+Mincho:wght@600&family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+SC:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
    <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">
  :root{
    <style>
    --void:#0a0713;
        body {
    --void-deep:#050308;
            font-family: 'Montserrat', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
    --paper:#e9e2d3;
            background-color: #050505;
    --paper-dim:#a89e8c;
            color: #e0e0e0;
    --gold:#c9a15e;
            background-image:  
    --gold-bright:#e3c17f;
                radial-gradient(circle at 50% 0%, #2a1b3d 0%, transparent 60%),
    --p1:#6f8fa8;  /* dawn blue    - phase 1 */
                linear-gradient(to bottom, #000000 0%, #111111 100%);
    --p2:#a04a56;  /* blood red    - phase 2 */
            min-height: 100vh;
    --p3:#4f8f6e;  /* verdant      - phase 3 */
        }
    --p4:#c9963e;  /* amber        - phase 4 */
    --hair:rgba(233,226,211,0.12);
    --hair-strong:rgba(233,226,211,0.22);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--void);
    color:var(--paper);
    font-family:'Noto Sans SC','Space Grotesk',sans-serif;
    font-weight:300;
    position:relative;
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed; inset:0;
    background:
      radial-gradient(ellipse 900px 500px at 50% -5%, rgba(201,161,94,0.10), transparent 60%),
      radial-gradient(ellipse 700px 900px at 100% 40%, rgba(160,74,86,0.06), transparent 55%),
      radial-gradient(ellipse 700px 900px at 0% 70%, rgba(79,143,110,0.06), transparent 55%),
      var(--void-deep);
    z-index:-2;
  }
  body::after{
    content:"";
    position:fixed; inset:0;
    background-image:radial-gradient(rgba(233,226,211,0.035) 1px, transparent 1px);
    background-size:3px 3px;
    z-index:-1;
    opacity:0.5;
    pointer-events:none;
  }
  ::-webkit-scrollbar{width:6px;}
  ::-webkit-scrollbar-track{background:var(--void-deep);}
  ::-webkit-scrollbar-thumb{background:var(--gold); opacity:0.4; border-radius:3px;}


        .cyber-text {
  a{color:inherit; text-decoration:none;}
            text-shadow: 0 0 10px rgba(139, 92, 246, 0.5), 0 0 20px rgba(139, 92, 246, 0.3);
  .serif{font-family:'Noto Serif SC','Cormorant Garamond',serif;}
        }
  .display{font-family:'Zen Old Mincho','Cormorant',serif;}
  .mono{font-family:'JetBrains Mono',monospace;}


        .gold-gradient {
  /* ===== Nav ===== */
            background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
  nav{
            -webkit-background-clip: text;
    position:fixed; top:0; left:0; right:0; z-index:50;
            background-clip: text;
    display:flex; justify-content:space-between; align-items:center;
            color: transparent;
    padding:18px 32px;
        }
    background:rgba(10,7,19,0.72);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--hair);
  }
  .nav-mark{font-size:11px; letter-spacing:0.28em; color:var(--paper-dim); text-transform:uppercase;}
  .nav-links{display:flex; gap:10px;}
  .nav-links a{
    font-size:12px; letter-spacing:0.1em; padding:6px 14px;
    border:1px solid var(--hair-strong); border-radius:2px;
    color:var(--paper-dim); transition:all 0.3s ease;
  }
  .nav-links a:hover{border-color:var(--gold); color:var(--gold-bright);}


        .glass-panel {
  /* ===== Hero ===== */
            background: rgba(20, 20, 25, 0.7);
  header{
            backdrop-filter: blur(12px);
    position:relative;
            -webkit-backdrop-filter: blur(12px);
    padding:150px 24px 80px;
            border: 1px solid rgba(255, 255, 255, 0.08);
    text-align:center;
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    max-width:900px; margin:0 auto;
        }
  }
  .bell-mark{width:120px; height:auto; margin:0 auto 36px; opacity:0.92;}
  .bell-mark svg{filter:drop-shadow(0 0 24px rgba(201,161,94,0.25));}
  .eyebrow{
    font-size:11px; letter-spacing:0.4em; text-transform:uppercase;
    color:var(--gold); opacity:0.75; margin-bottom:18px;
  }
  h1.title-en{
    font-family:'Cormorant', serif; font-weight:300;
    font-size:clamp(2.4rem, 6vw, 4.6rem);
    letter-spacing:0.02em;
    line-height:1.05;
    color:var(--paper);
    margin:0 0 6px;
  }
  h1.title-en em{
    font-style:normal; color:var(--gold-bright);
  }
  h2.title-cn{
    font-family:'Noto Serif SC', serif; font-weight:600;
    font-size:clamp(1.3rem, 3vw, 1.9rem);
    letter-spacing:0.5em;
    text-indent:0.5em;
    color:var(--paper-dim);
    margin:0 0 40px;
  }
  .occasion{
    font-size:13px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--paper-dim); margin-bottom:44px;
  }
  .platforms{
    display:flex; flex-wrap:wrap; justify-content:center; gap:14px;
    margin-bottom:56px;
  }
  .plat-btn{
    display:flex; align-items:center; gap:10px;
    padding:12px 26px;
    border:1px solid var(--hair-strong);
    border-radius:1px;
    font-size:13px; letter-spacing:0.08em;
    color:var(--paper);
    transition:all 0.35s cubic-bezier(.4,0,.2,1);
    background:rgba(233,226,211,0.02);
  }
  .plat-btn:hover{
    border-color:var(--gold);
    background:rgba(201,161,94,0.08);
    transform:translateY(-2px);
  }
  .plat-btn svg, .plat-btn i{width:16px; height:16px; flex-shrink:0;}


        .phase-header-1 { border-left: 4px solid #60a5fa; color: #93c5fd; }
  .invocation{
        .phase-header-2 { border-left: 4px solid #f87171; color: #fca5a5; }
    text-align:left;
        .phase-header-3 { border-left: 4px solid #34d399; color: #6ee7b7; }
    border-left:2px solid var(--gold);
        .phase-header-4 { border-left: 4px solid #fbbf24; color: #fcd34d; }
    padding:8px 0 8px 28px;
    margin-top:20px;
  }
  .invocation p{
    font-family:'Cormorant Garamond', serif;
    font-style:italic;
    font-size:1.15rem;
    line-height:1.75;
    color:var(--paper-dim);
    margin:0;
  }


        /* Custom Scrollbar */
  /* ===== Section labels ===== */
        ::-webkit-scrollbar {
  .section-head{
            width: 8px;
    display:flex; align-items:baseline; gap:20px;
            height: 8px;
    max-width:1180px; margin:0 auto 44px; padding:0 24px;
        }
  }
        ::-webkit-scrollbar-track {
  .section-head .num{
            background: #0f0f0f;
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold); opacity:0.7;
        }
  }
        ::-webkit-scrollbar-thumb {
  .section-head h3{
            background: #444;
    font-family:'Noto Serif SC',serif; font-weight:600;
            border-radius: 4px;
    font-size:1.6rem; letter-spacing:0.08em;
        }
    margin:0; color:var(--paper);
        ::-webkit-scrollbar-thumb:hover {
  }
            background: #666;
  .section-head .rule{flex:1; height:1px; background:var(--hair);}
        }


        .animate-float {
  section{max-width:1180px; margin:0 auto; padding:70px 24px;}
            animation: float 6s ease-in-out infinite;
        }


        @keyframes float {
  /* ===== Scroll spine timeline ===== */
            0% { transform: translateY(0px); }
  .spine-wrap{position:relative;}
            50% { transform: translateY(-10px); }
  .spine-line{
            100% { transform: translateY(0px); }
    position:absolute; left:20px; top:0; bottom:0; width:1px;
        }
    background:linear-gradient(to bottom, transparent, var(--hair-strong) 4%, var(--hair-strong) 96%, transparent);
     </style>
     display:none;
</head>
  }
<body class="overflow-x-hidden">
  @media(min-width:860px){ .spine-line{display:block;} }


    <!-- Navigation / Language Select -->
  .phase-block{margin-bottom:8px;}
     <nav class="fixed top-0 w-full z-50 glass-panel border-b-0 border-b-gray-800">
  .phase-marker{
        <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
    display:flex; align-items:center; gap:18px;
            <div class="text-xs tracking-widest text-gray-400">SOCA.CAFE / SCRII</div>
     padding:22px 0 18px;
            <div class="flex space-x-4">
    position:relative;
                <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> 中文站
  .phase-bell{
                </a>
    width:40px; height:40px; flex-shrink:0;
                <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">
    border-radius:50%;
                    <i class="fas fa-torii-gate mr-1"></i> 日本語
    display:flex; align-items:center; justify-content:center;
                </a>
    border:1px solid currentColor;
            </div>
    background:var(--void-deep);
        </div>
    font-family:'JetBrains Mono',monospace; font-size:12px;
    </nav>
    position:relative; z-index:2;
  }
  .phase-info{flex:1;}
  .phase-info .p-num{
    font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.15em;
    opacity:0.7; text-transform:uppercase;
  }
  .phase-info .p-name{
    font-family:'Noto Serif SC',serif; font-weight:600; font-size:1.35rem;
    margin-top:2px;
  }
  .phase-info .p-time{
    font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--paper-dim); margin-top:2px;
  }


     <!-- Hero Section -->
  .track-list{
     <header class="relative pt-32 pb-20 px-4 text-center overflow-hidden">
     margin-left:0; padding-left:0;
       
     border-left:1px solid var(--hair);
        <!-- LOGO -->
  }
        <!-- LOGO --><div class="mx-auto w-48 md:w-64 relative mb-8 animate-float group cursor-pointer">
  @media(min-width:860px){ .track-list{margin-left:59px;} }
            <img src="https://soka.cafe/images/thumb/e/eb/RCR_LOGO_V1.1.png/400px-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]">
  .track-row{
            <span class="gold-gradient">Re:Creation Revelation</span>
    display:grid;
        </h1>
    grid-template-columns:2.4em 1fr auto;
        <h2 class="text-xl md:text-3xl font-light tracking-wide text-purple-300 mb-6">
    gap:4px 16px;
            宗教再生启示录
    padding:13px 0 13px 22px;
        </h2>
    border-bottom:1px solid var(--hair);
       
    transition:background 0.25s ease;
        <p class="text-sm md:text-base text-gray-400 mb-8 max-w-2xl mx-auto uppercase tracking-widest">
    align-items:baseline;
            Happy 25th Air-moto Posting Festival!!!
  }
        </p>
  .track-row:hover{background:rgba(233,226,211,0.025);}
  .track-row .t-idx{
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--paper-dim); opacity:0.6;
  }
  .track-row .t-title{
    font-weight:500; font-size:0.98rem; color:var(--paper);
    grid-column:2;
  }
  .track-row .t-time{
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--paper-dim);
    grid-column:3; text-align:right; white-space:nowrap;
  }
  .track-row .t-meta{
    grid-column:2; grid-row:2;
    font-size:11.5px; color:var(--paper-dim); opacity:0.85;
    margin-top:2px; letter-spacing:0.02em;
  }
  .track-row .t-meta .bpm{
    font-family:'JetBrains Mono',monospace; color:var(--gold); opacity:0.9; margin-right:10px;
  }


        <div class="max-w-4xl mx-auto glass-panel p-8 rounded-xl relative overflow-hidden">
  .track-row.ed{border-left:none; margin-left:-23px; padding-left:23px; background:rgba(201,161,94,0.05);}
            <div class="absolute top-0 left-0 w-1 h-full bg-purple-600"></div>
  .track-row.ex{background:rgba(160,74,86,0.08);}
            <p class="text-gray-300 leading-relaxed italic text-lg text-left">
  .track-row.ex .t-title{color:#e0a3ab;}
                <i class="fas fa-quote-left text-purple-500 mr-2 text-2xl opacity-50"></i>
  .badge{
                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.
    font-size:9px; letter-spacing:0.1em; text-transform:uppercase;
In this void-like expanse, a fissure tore open the dome, and the roar of the Kirby's "Gourmet Race", thundered forth!
    border:1px solid var(--p2); color:var(--p2);
            </p>
    padding:1px 6px; border-radius:8px; margin-left:8px;
        </div>
  }
    </header>


     <!-- Main Content -->
  /* ===== Credits ===== */
    <main class="max-w-7xl mx-auto px-2 md:px-4 pb-20">
  .credit-grid{
     display:grid; grid-template-columns:1fr; gap:60px;
  }
  @media(min-width:900px){ .credit-grid{grid-template-columns:1fr 1fr;} }


        <!-- Timeline / Setlist -->
  .credit-list dt{
        <section id="setlist" class="mb-20">
    font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase;
            <div class="flex items-center mb-8">
    color:var(--paper-dim); margin-top:18px;
                <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>
  .credit-list dd{
                <div class="h-1 flex-grow bg-gray-800"></div>
    margin:5px 0 0; font-size:15px; color:var(--paper);
            </div>
    font-family:'Noto Serif SC',serif;
    padding-bottom:14px; border-bottom:1px solid var(--hair);
  }


            <div class="overflow-x-auto glass-panel rounded-lg shadow-2xl">
  .res-card{
                <table class="w-full text-left border-collapse">
    display:block; padding:22px 24px;
                    <thead>
    border:1px solid var(--hair-strong);
                        <tr class="text-xs uppercase tracking-wider bg-gray-900/50 text-gray-400 border-b border-gray-700">
    margin-bottom:14px;
                            <th class="p-4 font-bold">Phase</th>
    position:relative;
                            <th class="p-4">Part</th>
    transition:all 0.3s ease;
                            <th class="p-4 w-1/4">Title</th>
    background:rgba(233,226,211,0.015);
                            <th class="p-4">Time</th>
  }
                            <th class="p-4">BPM</th>
  .res-card:hover{border-color:var(--gold); background:rgba(201,161,94,0.05); transform:translateX(4px);}
                            <th class="p-4">Audio Author</th>
  .res-card h4{
                            <th class="p-4">Visual Author</th>
    margin:0 0 6px; font-family:'Noto Serif SC',serif; font-weight:600; font-size:1.05rem;
                        </tr>
    display:flex; align-items:center; gap:10px;
                    </thead>
  }
                    <tbody class="divide-y divide-gray-800 text-sm md:text-base">
  .res-card p{margin:0; font-size:12.5px; color:var(--paper-dim);}
                        <!-- Phase 1 -->
  .res-card .arrow{position:absolute; right:22px; top:50%; transform:translateY(-50%); opacity:0.4; font-size:14px;}
                        <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">Laojidongle</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">XuwumingQAQ</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 · Kafeinan</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_Rui</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">BlueberryBookTekoko · Genesis</td>
                            <td class="p-4 text-gray-300">BlueberryBookTekoko · Namu</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 -->
  footer{
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
    text-align:center; padding:50px 24px 60px;
                            <td rowspan="8" class="p-4 align-top bg-gray-900/40 phase-header-2 font-bold">
    border-top:1px solid var(--hair);
                                <div class="text-xl mb-1">Phase 2</div>
    color:var(--paper-dim); font-size:12px; letter-spacing:0.05em;
                                <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">
  footer .bell-small{width:28px; margin:0 auto 16px; opacity:0.5;}
                                    Faith's<br>Concerto of<br>Hot-blooded Chapter
</style>
                                </div>
</head>
                            </td>
<body>
                            <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 · Genesis</td>
                            <td class="p-4 text-gray-300">Liushiye · 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">Dongfenggu Sanae</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">It's All My Doing</td>
                            <td class="p-4 font-mono text-gray-400">5:46</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">Monokuroko</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">Ahengzi</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">New Gen Slacker Warrior</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">Namu</td>
                            <td class="p-4 text-gray-300">Namu · 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">Xingxingchen-er</td>
                        </tr>


                        <!-- Phase 3 -->
<header>
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
  <div class="bell-mark">
                            <td rowspan="9" class="p-4 align-top bg-gray-900/40 phase-header-3 font-bold">
    <svg viewBox="0 0 120 130" width="120" height="130" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <div class="text-xl mb-1">Phase 3</div>
      <line x1="60" y1="0" x2="60" y2="18" stroke="#c9a15e" stroke-width="1.5"/>
                                <div class="text-xs text-green-300 opacity-80 mb-2">8:00 - 12:00</div>
      <ellipse cx="60" cy="18" rx="10" ry="5" stroke="#c9a15e" stroke-width="1.5" fill="none"/>
                                <div class="text-sm font-serif italic opacity-90">
      <path d="M35 26 Q35 20 60 20 Q85 20 85 26 L92 100 Q92 112 60 112 Q28 112 28 100 Z" stroke="#e3c17f" stroke-width="1.4" fill="rgba(201,161,94,0.05)"/>
                                    The Unpredictable<br>Demonic Tune of<br>Shinano Fantasy
      <path d="M40 40 Q60 36 80 40" stroke="#c9a15e" stroke-width="0.8" opacity="0.5" fill="none"/>
                                </div>
      <path d="M38 60 Q60 55 82 60" stroke="#c9a15e" stroke-width="0.8" opacity="0.5" fill="none"/>
                            </td>
      <path d="M35 82 Q60 76 85 82" stroke="#c9a15e" stroke-width="0.8" opacity="0.5" fill="none"/>
                            <td class="p-4 text-center font-mono text-gray-500">17</td>
      <ellipse cx="60" cy="112" rx="32" ry="6" stroke="#e3c17f" stroke-width="1.4" fill="none"/>
                            <td class="p-4 font-bold text-white">IRON VIRUS 🔥🔥</td>
      <circle cx="60" cy="122" r="3" fill="#c9a15e" opacity="0.8"/>
                            <td class="p-4 font-mono text-gray-400">8:00</td>
      <circle cx="60" cy="70" r="55" stroke="#c9a15e" stroke-width="0.4" opacity="0.25" fill="none"/>
                            <td class="p-4 font-mono">150</td>
    </svg>
                            <td colspan="2" class="p-4 text-center text-gray-300">Big Liar Doesn't Eat P</td>
  </div>
                        </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 - RoughSketch</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 World Painted Black</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">Chen 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">Kishin Reimu</td>
                            <td class="p-4 text-gray-300">Yi-yee-er-guo</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">Xifengqingyu</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">Fawav</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">BlueberryBookTekoko · Genesis</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">Let it Be</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 -->
  <div class="eyebrow">Oct-lotus Sect 八叶莲华会 · Sacred Collaboration Archive</div>
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
  <h1 class="title-en">Re:Creation <em>Revelation</em></h1>
                            <td rowspan="6" class="p-4 align-top bg-gray-900/40 phase-header-4 font-bold">
  <h2 class="title-cn">宗教再生启示録</h2>
                                <div class="text-xl mb-1">Phase 4</div>
  <div class="occasion">November 30, 2025 — Airmoto's 18th Birthday</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>Air-moto 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">Xiaohei</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 · Genesis</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">Rebirth 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 Corp</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">Rebirth</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">
                            <td class="p-4 text-center font-mono text-purple-400 font-bold">ED</td>
                            <td class="p-4 font-bold text-purple-200">Ultra Trailer</td>
                            <td class="p-4 font-mono text-gray-400">15:40</td>
                            <td class="p-4 font-mono">405</td>
                            <td colspan="2" class="p-4 text-center text-gray-300">Everyone!</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>


        <!-- Credits & Links Grid -->
  <div class="platforms">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
    <a class="plat-btn" href="https://youtu.be/KgB8WeEfMRk" target="_blank" rel="noopener">
           
      <i class="fab fa-youtube" style="color:#e0555c;"></i> YouTube
            <!-- Management Group -->
    </a>
            <section class="glass-panel rounded-xl p-8">
    <a class="plat-btn" href="https://www.bilibili.com/video/BV1z3SiBsEEe" target="_blank" rel="noopener">
                <h3 class="text-2xl font-bold mb-6 flex items-center">
      <svg viewBox="0 0 24 24" fill="#7fc9e8"><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>
                    <i class="fas fa-users-cog text-purple-500 mr-3"></i> Collaboration Management
      Bilibili
                </h3>
    </a>
                <div class="space-y-4">
    <a class="plat-btn" href="https://www.nicovideo.jp/watch/sm45682156" target="_blank" rel="noopener">
                    <div class="flex border-b border-gray-700 pb-2">
      <i class="fas fa-tv" style="color:#c9c9c9;"></i> Niconico
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Group</div>
    </a>
                        <div class="w-2/3 font-bold text-purple-300">Oct-lotus Sect (八叶莲华会)</div>
  </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">Namu Myōhō Renge Kyō</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 · Namu · DreamingWhileAwake · Xingxingchen-er · Niwango Corp · 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 · Yi-yee-er-guo · 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 -->
  <div class="invocation">
            <section class="flex flex-col gap-6">
    <p>The virtual avatar of Hisamoto floated within the sanctuary of the Shukyo 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 Kirby's "Gourmet Race" thundered forth.</p>
               
  </div>
                <!-- Gift Pack -->
</header>
                <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 -->
<section id="setlist">
                <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')">
  <div class="section-head">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-blue-400 transition">
    <span class="num">01</span>
                        <i class="fas fa-file-alt mr-3"></i> Origin Collaboration Document
    <h3>Collaboration Table</h3>
                    </h4>
    <div class="rule"></div>
                    <p class="text-sm text-gray-400">View the original planning sheet.</p>
  </div>
                </div>


                <!-- Announcement -->
  <div class="spine-wrap">
                <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')">
    <div class="spine-line"></div>
                    <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 -->
    <!-- PHASE 1 -->
                <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')">
    <div class="phase-block" style="color:var(--p1);">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-gray-300 transition">
      <div class="phase-marker">
                        <i class="fas fa-history mr-3"></i> Previous: Shukyo City Festival
        <div class="phase-bell">壹</div>
                    </h4>
        <div class="phase-info">
                    <p class="text-sm text-gray-400">Collaboration: Religious City Festival ~ Shukyo_City_Festival</p>
          <div class="p-num">Phase I</div>
                </div>
          <div class="p-name" style="color:var(--p1);">The Leisurely Sound Journey of Shukyo City</div>
          <div class="p-time">0:00 — 4:15</div>
        </div>
      </div>
      <div class="track-list">
        <div class="track-row"><span class="t-idx">01</span><span class="t-title">Tsunaide (系ぎて)</span><span class="t-meta"><span class="bpm">95</span>Banmaden</span><span class="t-time">0:00</span></div>
        <div class="track-row"><span class="t-idx">02</span><span class="t-title">Rolling Girl</span><span class="t-meta"><span class="bpm">190</span>老鸡冻了</span><span class="t-time">0:40</span></div>
        <div class="track-row"><span class="t-idx">03</span><span class="t-title">Gimmme!</span><span class="t-meta"><span class="bpm">140</span>屑无名QAQ · WHEELLTY</span><span class="t-time">1:10</span></div>
        <div class="track-row"><span class="t-idx">04</span><span class="t-title">Connected Sky</span><span class="t-meta"><span class="bpm">140</span>Banmaden · 咖啡囡</span><span class="t-time">1:44</span></div>
        <div class="track-row"><span class="t-idx">05</span><span class="t-title">Platinum Disco</span><span class="t-meta"><span class="bpm">140</span>Aray_瑞</span><span class="t-time">2:12</span></div>
        <div class="track-row"><span class="t-idx">06</span><span class="t-title">GREETINGS, BUTTER KNIFE...</span><span class="t-meta"><span class="bpm">140</span>Tekoko · Creation · 南无</span><span class="t-time">2:39</span></div>
        <div class="track-row"><span class="t-idx">07</span><span class="t-title">Tokyo Shandy Rendezvous</span><span class="t-meta"><span class="bpm">140</span>WHEELLTY</span><span class="t-time">3:07</span></div>
        <div class="track-row"><span class="t-idx">08</span><span class="t-title">A Cyber's World?</span><span class="t-meta"><span class="bpm">140</span>Mikukairi · Mizoki</span><span class="t-time">3:34</span></div>
      </div>
    </div>


            </section>
    <!-- PHASE 2 -->
    <div class="phase-block" style="color:var(--p2);">
      <div class="phase-marker">
        <div class="phase-bell">贰</div>
        <div class="phase-info">
          <div class="p-num">Phase II</div>
          <div class="p-name" style="color:var(--p2);">Faith's Concerto of the Hot-Blooded Chapter</div>
          <div class="p-time">4:15 — 8:00</div>
         </div>
         </div>
      </div>
      <div class="track-list">
        <div class="track-row"><span class="t-idx">09</span><span class="t-title">Tetoris</span><span class="t-meta"><span class="bpm">170</span>398 · Creation · 六时夜 · Binguo55</span><span class="t-time">4:15</span></div>
        <div class="track-row"><span class="t-idx">10</span><span class="t-title">World's End Valentine</span><span class="t-meta"><span class="bpm">170→150</span>东风股早苗</span><span class="t-time">4:56</span></div>
        <div class="track-row"><span class="t-idx">11</span><span class="t-title">STONE MAN STAGE</span><span class="t-meta"><span class="bpm">150</span>SYLVASTER</span><span class="t-time">5:19</span></div>
        <div class="track-row"><span class="t-idx">12</span><span class="t-title">全都是我的所作所为</span><span class="t-meta"><span class="bpm">150</span>モノクロ子</span><span class="t-time">5:46</span></div>
        <div class="track-row"><span class="t-idx">13</span><span class="t-title">Luminaria</span><span class="t-meta"><span class="bpm">240</span>阿蘅仔</span><span class="t-time">6:12</span></div>
        <div class="track-row"><span class="t-idx">14</span><span class="t-title">Liar Dancer</span><span class="t-meta"><span class="bpm">190→200</span>新世纪摆烂战士</span><span class="t-time">6:36</span></div>
        <div class="track-row"><span class="t-idx">15</span><span class="t-title">TRIGGER★HAPPY</span><span class="t-meta"><span class="bpm">200</span>南无 · Microsoft巨硬</span><span class="t-time">7:07</span></div>
        <div class="track-row"><span class="t-idx">16</span><span class="t-title">SIGSIG</span><span class="t-meta"><span class="bpm">200</span>星星辰er</span><span class="t-time">7:31</span></div>
      </div>
    </div>
    <!-- PHASE 3 -->
    <div class="phase-block" style="color:var(--p3);">
      <div class="phase-marker">
        <div class="phase-bell">叁</div>
        <div class="phase-info">
          <div class="p-num">Phase III</div>
          <div class="p-name" style="color:var(--p3);">The Unpredictable Demonic Tune of Shinano Fantasy</div>
          <div class="p-time">8:00 — 12:00</div>
        </div>
      </div>
      <div class="track-list">
        <div class="track-row"><span class="t-idx">17</span><span class="t-title">IRON VIRUS</span><span class="t-meta"><span class="bpm">150</span>大骗子不吃p</span><span class="t-time">8:00</span></div>
        <div class="track-row"><span class="t-idx">18</span><span class="t-title">MAYHEM</span><span class="t-meta"><span class="bpm">998</span>SGE</span><span class="t-time">8:27</span></div>
        <div class="track-row"><span class="t-idx">19</span><span class="t-title">Letter to the Black World</span><span class="t-meta"><span class="bpm">200</span>LBMRZ · Beisomg</span><span class="t-time">8:50</span></div>
        <div class="track-row"><span class="t-idx">20</span><span class="t-title">U.N. Owen Was Her?</span><span class="t-meta"><span class="bpm">200</span>陈yuyue</span><span class="t-time">9:08</span></div>
        <div class="track-row"><span class="t-idx">21</span><span class="t-title">Flower Dance</span><span class="t-meta"><span class="bpm">140→160</span>稀神灵梦 · 一yee而过</span><span class="t-time">9:28</span></div>
        <div class="track-row"><span class="t-idx">22</span><span class="t-title">Jellyfish</span><span class="t-meta"><span class="bpm">160→180</span>曦风清雨 · LBMRZ</span><span class="t-time">9:52</span></div>
        <div class="track-row"><span class="t-idx">23</span><span class="t-title">Magical Girl and Chocolate</span><span class="t-meta"><span class="bpm">180</span>法wav</span><span class="t-time">10:26</span></div>
        <div class="track-row"><span class="t-idx">24</span><span class="t-title">Confessions of a Rotten Girl</span><span class="t-meta"><span class="bpm">180</span>Tekoko · Creation · LArk25</span><span class="t-time">10:59</span></div>
        <div class="track-row"><span class="t-idx">25</span><span class="t-title">Manimani</span><span class="t-meta"><span class="bpm">180</span>8302</span><span class="t-time">11:32</span></div>
      </div>
    </div>
    <!-- PHASE 4 -->
    <div class="phase-block" style="color:var(--p4);">
      <div class="phase-marker">
        <div class="phase-bell">肆</div>
        <div class="phase-info">
          <div class="p-num">Phase IV</div>
          <div class="p-name" style="color:var(--p4);">The Ending Airmoto Time Machine</div>
          <div class="p-time">12:00 — 15:40</div>
        </div>
      </div>
      <div class="track-list">
        <div class="track-row"><span class="t-idx">26</span><span class="t-title">The Snippet</span><span class="t-meta"><span class="bpm">195</span>Sokayang · 小黑</span><span class="t-time">12:00</span></div>
        <div class="track-row"><span class="t-idx">27</span><span class="t-title">Supernova Awake</span><span class="t-meta"><span class="bpm">195</span>Anonymous 1 · Creation · Air-mt</span><span class="t-time">12:26</span></div>
        <div class="track-row"><span class="t-idx">28</span><span class="t-title">Touhou Cult Medley</span><span class="t-meta"><span class="bpm">195</span>Ciceno · zBmLR · Beisomg</span><span class="t-time">13:11</span></div>
        <div class="track-row"><span class="t-idx">29</span><span class="t-title">Re:Creation Revolution</span><span class="t-meta"><span class="bpm">170–255</span>Banmaden · Niwango公司</span><span class="t-time">14:00</span></div>
        <div class="track-row"><span class="t-idx">30</span><span class="t-title">Reborn</span><span class="t-meta"><span class="bpm">170</span>mumu233 · ijxhshs</span><span class="t-time">15:00</span></div>
        <div class="track-row ed"><span class="t-idx" style="color:var(--gold);">ED</span><span class="t-title" style="color:var(--gold-bright);">Ultra Trailer</span><span class="t-meta"><span class="bpm">170</span>405</span><span class="t-time">15:40</span></div>
        <div class="track-row ex"><span class="t-idx" style="color:var(--p2);">EX</span><span class="t-title">Crash! Gourmet Race <span class="badge">Bonus</span></span><span class="t-meta"><span class="bpm">180</span>???</span><span class="t-time">16:35</span></div>
      </div>
    </div>
  </div>
</section>
<section id="credits">
  <div class="section-head">
    <span class="num">02</span>
    <h3>Archive &amp; Correspondence</h3>
    <div class="rule"></div>
  </div>
  <div class="credit-grid">
    <div class="credit-list">
      <dl>
        <dt>Group</dt><dd>Oct-lotus Sect 八叶莲华会</dd>
        <dt>Chief Director</dt><dd>Banmaden</dd>
        <dt>Director</dt><dd>南无</dd>
        <dt>Planner</dt><dd>Chitose · 南无 · 醒着做梦 · 星星辰er · Niwango公司 · A787a</dd>
        <dt>LOGO Design</dt><dd>Mizoki</dd>
        <dt>Cover Design</dt><dd>Banmaden · Binguo55 · 一yee而过 · Myeta_</dd>
        <dt>Medley</dt><dd>Banmaden · DJ Reisa · Chitose</dd>
        <dt>Website</dt><dd>Banmaden</dd>
      </dl>
    </div>
    <div>
      <a class="res-card" href="https://drive.google.com/drive/folders/1-YoYi5sExvkz4gOeK9uEAWaeYRW9PkRv?usp=sharing" target="_blank" rel="noopener">
        <h4><i class="fas fa-gift" style="color:var(--gold);"></i> Gift Pack</h4>
        <p>Download resources, stems, and bonus content.</p>
        <span class="arrow">→</span>
      </a>
      <a class="res-card" href="https://docs.qq.com/sheet/DTXVwTFRHdExDVnF0" target="_blank" rel="noopener">
        <h4><i class="fas fa-file-alt" style="color:var(--p1);"></i> Origin Collaboration Document</h4>
        <p>View the original planning sheet.</p>
        <span class="arrow">→</span>
      </a>
      <a class="res-card" href="https://soka.cafe/RCR" target="_blank" rel="noopener">
        <h4><i class="fas fa-bullhorn" style="color:var(--p3);"></i> RCR Announcement</h4>
        <p>Official collaboration announcement page.</p>
        <span class="arrow">→</span>
      </a>
      <a class="res-card" href="https://soka.cafe/SCF" target="_blank" rel="noopener">
        <h4><i class="fas fa-history" style="color:var(--paper-dim);"></i> Previous: Shukyo City Festival</h4>
        <p>宗教都市祭 — the first collaboration in the series.</p>
        <span class="arrow">→</span>
      </a>
    </div>
  </div>
</section>


     </main>
<footer>
  <svg class="bell-small" viewBox="0 0 120 130" width="28" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M35 26 Q35 20 60 20 Q85 20 85 26 L92 100 Q92 112 60 112 Q28 112 28 100 Z" stroke="#c9a15e" stroke-width="2" fill="none"/>
    <ellipse cx="60" cy="112" rx="32" ry="6" stroke="#c9a15e" stroke-width="2" fill="none"/>
  </svg>
  <p>© 2025 Oct-lotus Sect 八叶莲华会. All Rights Reserved.</p>
  <p style="opacity:0.6; margin-top:8px;">Archived for Airmoto's 18th Birthday · SOKA CAFE</p>
</footer>


    <footer class="text-center py-10 text-gray-600 text-sm glass-panel mt-10">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
        <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>
</body>
</html>
</html>}}
}}

2026年8月8日 (六) 19:34的最新版本

返回主页

宗教再生启示録 ~ Re:Creation Revelation

Oct-lotus Sect 八叶莲华会 · Sacred Collaboration Archive

Re:Creation Revelation

宗教再生启示録

November 30, 2025 — Airmoto's 18th Birthday
YouTube Bilibili Niconico

The virtual avatar of Hisamoto floated within the sanctuary of the Shukyo 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 Kirby's "Gourmet Race" thundered forth.

01

Collaboration Table

壹
Phase I
The Leisurely Sound Journey of Shukyo City
0:00 — 4:15
01Tsunaide (系ぎて)95Banmaden0:00
02Rolling Girl190老鸡冻了0:40
03Gimmme!140屑无名QAQ · WHEELLTY1:10
04Connected Sky140Banmaden · 咖啡囡1:44
05Platinum Disco140Aray_瑞2:12
06GREETINGS, BUTTER KNIFE...140Tekoko · Creation · 南无2:39
07Tokyo Shandy Rendezvous140WHEELLTY3:07
08A Cyber's World?140Mikukairi · Mizoki3:34
贰
Phase II
Faith's Concerto of the Hot-Blooded Chapter
4:15 — 8:00
09Tetoris170398 · Creation · 六时夜 · Binguo554:15
10World's End Valentine170→150东风股早苗4:56
11STONE MAN STAGE150SYLVASTER5:19
12全都是我的所作所为150モノクロ子5:46
13Luminaria240阿蘅仔6:12
14Liar Dancer190→200新世纪摆烂战士6:36
15TRIGGER★HAPPY200南无 · Microsoft巨硬7:07
16SIGSIG200星星辰er7:31
叁
Phase III
The Unpredictable Demonic Tune of Shinano Fantasy
8:00 — 12:00
17IRON VIRUS150大骗子不吃p8:00
18MAYHEM998SGE8:27
19Letter to the Black World200LBMRZ · Beisomg8:50
20U.N. Owen Was Her?200陈yuyue9:08
21Flower Dance140→160稀神灵梦 · 一yee而过9:28
22Jellyfish160→180曦风清雨 · LBMRZ9:52
23Magical Girl and Chocolate180法wav10:26
24Confessions of a Rotten Girl180Tekoko · Creation · LArk2510:59
25Manimani180830211:32
肆
Phase IV
The Ending Airmoto Time Machine
12:00 — 15:40
26The Snippet195Sokayang · 小黑12:00
27Supernova Awake195Anonymous 1 · Creation · Air-mt12:26
28Touhou Cult Medley195Ciceno · zBmLR · Beisomg13:11
29Re:Creation Revolution170–255Banmaden · Niwango公司14:00
30Reborn170mumu233 · ijxhshs15:00
EDUltra Trailer17040515:40
EXCrash! Gourmet Race Bonus180???16:35
02

Archive & Correspondence

Group
Oct-lotus Sect 八叶莲华会
Chief Director
Banmaden
Director
南无
Planner
Chitose · 南无 · 醒着做梦 · 星星辰er · Niwango公司 · A787a
LOGO Design
Mizoki
Cover Design
Banmaden · Binguo55 · 一yee而过 · Myeta_
Medley
Banmaden · DJ Reisa · Chitose
Website
Banmaden

© 2025 Oct-lotus Sect 八叶莲华会. All Rights Reserved.

Archived for Airmoto's 18th Birthday · SOKA CAFE

取自“https://soka.cafe/index.php?title=SCFII&oldid=3368”