SCFII：修订间差异

来自SOKA CAFE
可视化wikitext
Banmad3n
Banmad3n（留言 | 贡献） （Edit）
小
Banmad3n
Banmad3n（留言 | 贡献） （Edit）
 
第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);
       
     display:none;
        .btn-hover {
  }
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  @media(min-width:860px){ .spine-line{display:block;} }
        }
        .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 -->
  .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> Chinese 中文
  .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> Japanese 日本語
    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 -->
  }
        <div class="mx-auto w-72 md:w-96 relative mb-8 animate-float group cursor-pointer">
  @media(min-width:860px){ .track-list{margin-left:59px;} }
            <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]">
  .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;
            November 30, 2025: Happy 18th Birthday For Airmoto!!!
  }
        </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;
  }


        <!-- Buttons Section -->
  .track-row.ed{border-left:none; margin-left:-23px; padding-left:23px; background:rgba(201,161,94,0.05);}
        <div class="flex flex-col md:flex-row justify-center items-center gap-4 mb-10 max-w-4xl mx-auto">
  .track-row.ex{background:rgba(160,74,86,0.08);}
            <!-- YouTube Button -->
  .track-row.ex .t-title{color:#e0a3ab;}
            <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">
  .badge{
                <i class="fab fa-youtube text-xl"></i>
    font-size:9px; letter-spacing:0.1em; text-transform:uppercase;
                <span class="font-bold tracking-wide">YouTube</span>
    border:1px solid var(--p2); color:var(--p2);
            </a>
    padding:1px 6px; border-radius:8px; margin-left:8px;
  }


            <!-- Bilibili Button -->
  /* ===== Credits ===== */
            <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">
  .credit-grid{
                <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"></path></svg>
    display:grid; grid-template-columns:1fr; gap:60px;
                <span class="font-bold tracking-wide">Bilibili</span>
  }
            </a>
  @media(min-width:900px){ .credit-grid{grid-template-columns:1fr 1fr;} }


            <!-- Niconico Button -->
  .credit-list dt{
            <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">
    font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase;
                <i class="fas fa-tv text-xl"></i>
    color:var(--paper-dim); margin-top:18px;
                <span class="font-bold tracking-wide">Niconico</span>
  }
            </a>
  .credit-list dd{
        </div>
    margin:5px 0 0; font-size:15px; color:var(--paper);
    font-family:'Noto Serif SC',serif;
    padding-bottom:14px; border-bottom:1px solid var(--hair);
  }


        <div class="max-w-4xl mx-auto glass-panel p-8 rounded-xl relative overflow-hidden">
  .res-card{
            <div class="absolute top-0 left-0 w-1 h-full bg-purple-600"></div>
    display:block; padding:22px 24px;
            <p class="text-gray-300 leading-relaxed italic text-lg text-left">
    border:1px solid var(--hair-strong);
                <i class="fas fa-quote-left text-purple-500 mr-2 text-2xl opacity-50"></i>
    margin-bottom:14px;
                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.
    position:relative;
In this void-like expanse, a fissure tore open the dome, and the roar of the Kirby's "Gourmet Race", thundered forth!
    transition:all 0.3s ease;
            </p>
    background:rgba(233,226,211,0.015);
        </div>
  }
    </header>
  .res-card:hover{border-color:var(--gold); background:rgba(201,161,94,0.05); transform:translateX(4px);}
  .res-card h4{
    margin:0 0 6px; font-family:'Noto Serif SC',serif; font-weight:600; font-size:1.05rem;
    display:flex; align-items:center; gap:10px;
  }
  .res-card p{margin:0; font-size:12.5px; color:var(--paper-dim);}
  .res-card .arrow{position:absolute; right:22px; top:50%; transform:translateY(-50%); opacity:0.4; font-size:14px;}


     <!-- Main Content -->
  footer{
     <main class="max-w-7xl mx-auto px-2 md:px-4 pb-20">
     text-align:center; padding:50px 24px 60px;
    border-top:1px solid var(--hair);
     color:var(--paper-dim); font-size:12px; letter-spacing:0.05em;
  }
  footer .bell-small{width:28px; margin:0 auto 16px; opacity:0.5;}
</style>
</head>
<body>


        <!-- Timeline / Setlist -->
<header>
        <section id="setlist" class="mb-20">
  <div class="bell-mark">
            <div class="flex items-center mb-8">
    <svg viewBox="0 0 120 130" width="120" height="130" fill="none" xmlns="http://www.w3.org/2000/svg">
                <div class="h-1 flex-grow bg-gray-800"></div>
      <line x1="60" y1="0" x2="60" y2="18" stroke="#c9a15e" stroke-width="1.5"/>
                <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>
      <ellipse cx="60" cy="18" rx="10" ry="5" stroke="#c9a15e" stroke-width="1.5" fill="none"/>
                <div class="h-1 flex-grow bg-gray-800"></div>
      <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)"/>
            </div>
      <path d="M40 40 Q60 36 80 40" stroke="#c9a15e" stroke-width="0.8" opacity="0.5" fill="none"/>
      <path d="M38 60 Q60 55 82 60" stroke="#c9a15e" stroke-width="0.8" opacity="0.5" fill="none"/>
      <path d="M35 82 Q60 76 85 82" stroke="#c9a15e" stroke-width="0.8" opacity="0.5" fill="none"/>
      <ellipse cx="60" cy="112" rx="32" ry="6" stroke="#e3c17f" stroke-width="1.4" fill="none"/>
      <circle cx="60" cy="122" r="3" fill="#c9a15e" opacity="0.8"/>
      <circle cx="60" cy="70" r="55" stroke="#c9a15e" stroke-width="0.4" opacity="0.25" fill="none"/>
    </svg>
  </div>


            <div class="overflow-x-auto glass-panel rounded-lg shadow-2xl">
  <div class="eyebrow">Oct-lotus Sect 八叶莲华会 · Sacred Collaboration Archive</div>
                <table class="w-full text-left border-collapse">
  <h1 class="title-en">Re:Creation <em>Revelation</em></h1>
                    <thead>
  <h2 class="title-cn">宗教再生启示録</h2>
                        <tr class="text-xs uppercase tracking-wider bg-gray-900/50 text-gray-400 border-b border-gray-700">
  <div class="occasion">November 30, 2025 — Airmoto's 18th Birthday</div>
                            <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 -->
  <div class="platforms">
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
    <a class="plat-btn" href="https://youtu.be/KgB8WeEfMRk" target="_blank" rel="noopener">
                            <td rowspan="8" class="p-4 align-top bg-gray-900/40 phase-header-2 font-bold">
      <i class="fab fa-youtube" style="color:#e0555c;"></i> YouTube
                                <div class="text-xl mb-1">Phase 2</div>
    </a>
                                <div class="text-xs text-red-300 opacity-80 mb-2">4:15 - 8:00</div>
    <a class="plat-btn" href="https://www.bilibili.com/video/BV1z3SiBsEEe" target="_blank" rel="noopener">
                                <div class="text-sm font-serif italic opacity-90">
      <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>
                                    Faith's<br>Concerto of<br>Hot-blooded Chapter
      Bilibili
                                </div>
    </a>
                            </td>
    <a class="plat-btn" href="https://www.nicovideo.jp/watch/sm45682156" target="_blank" rel="noopener">
                            <td class="p-4 text-center font-mono text-gray-500">09</td>
      <i class="fas fa-tv" style="color:#c9c9c9;"></i> Niconico
                            <td class="p-4 font-bold text-white">Tetoris</td>
    </a>
                            <td class="p-4 font-mono text-gray-400">4:15</td>
  </div>
                            <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 -->
  <div class="invocation">
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
    <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>
                            <td rowspan="9" class="p-4 align-top bg-gray-900/40 phase-header-3 font-bold">
  </div>
                                <div class="text-xl mb-1">Phase 3</div>
</header>
                                <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 -->
<section id="setlist">
                        <tr class="hover:bg-gray-800/30 transition duration-150 border-t-2 border-gray-700">
  <div class="section-head">
                            <td rowspan="5" class="p-4 align-top bg-gray-900/40 phase-header-4 font-bold">
    <span class="num">01</span>
                                <div class="text-xl mb-1">Phase 4</div>
    <h3>Collaboration Table</h3>
                                <div class="text-xs text-yellow-300 opacity-80 mb-2">12:00 - 15:40</div>
    <div class="rule"></div>
                                <div class="text-sm font-serif italic opacity-90">
  </div>
                                    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">
  <div class="spine-wrap">
                            <td class="p-4 text-center font-mono text-purple-400 font-bold tracking-widest">ED</td>
    <div class="spine-line"></div>
                            <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">
    <!-- PHASE 1 -->
                            <td class="p-4 align-middle bg-red-900/30 font-bold border-r border-red-800/30">
    <div class="phase-block" style="color:var(--p1);">
                                <div class="text-center text-red-400 text-xl tracking-widest">EX</div>
      <div class="phase-marker">
                                <div class="text-center text-[10px] text-red-300 uppercase mt-1">Chapter</div>
        <div class="phase-bell">壹</div>
                            </td>
        <div class="phase-info">
                            <td class="p-4 text-center font-mono text-red-400/50">32</td>
          <div class="p-num">Phase I</div>
                            <td class="p-4 font-bold text-red-100">
          <div class="p-name" style="color:var(--p1);">The Leisurely Sound Journey of Shukyo City</div>
                                Crash! Gourmet Race
          <div class="p-time">0:00 — 4:15</div>
                                <span class="ml-2 text-xs bg-red-600 text-white px-2 py-0.5 rounded-full">BONUS</span>
        </div>
                            </td>
      </div>
                            <td class="p-4 font-mono text-red-300">16:35</td>
      <div class="track-list">
                            <td class="p-4 font-mono text-red-300">180</td>
        <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>
                            <td colspan="2" class="p-4 text-center text-red-200">???</td>
        <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>
                        </tr>
        <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>
                    </tbody>
        <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>
                </table>
        <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>
        <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>
        </section>
        <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>


        <!-- Credits & Links Grid -->
    <!-- PHASE 2 -->
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
    <div class="phase-block" style="color:var(--p2);">
           
      <div class="phase-marker">
            <!-- Management Group -->
        <div class="phase-bell">贰</div>
            <section class="glass-panel rounded-xl p-8">
        <div class="phase-info">
                <h3 class="text-2xl font-bold mb-6 flex items-center">
          <div class="p-num">Phase II</div>
                    <i class="fas fa-users-cog text-purple-500 mr-3"></i> Collaboration Management
          <div class="p-name" style="color:var(--p2);">Faith's Concerto of the Hot-Blooded Chapter</div>
                </h3>
          <div class="p-time">4:15 — 8:00</div>
                <div class="space-y-4">
        </div>
                    <div class="flex border-b border-gray-700 pb-2">
      </div>
                        <div class="w-1/3 text-gray-400 text-sm uppercase">Group</div>
      <div class="track-list">
                        <div class="w-2/3 font-bold text-purple-300">Oct-lotus Sect (八叶莲华会)</div>
        <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>
        <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="flex border-b border-gray-700 pb-2">
        <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="w-1/3 text-gray-400 text-sm uppercase">Chief Director</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="w-2/3">Banmaden</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>
        <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="flex border-b border-gray-700 pb-2">
        <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="w-1/3 text-gray-400 text-sm uppercase">Director</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 class="w-2/3">南无</div>
      </div>
                    </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 -->
    <!-- PHASE 3 -->
            <section class="flex flex-col gap-6">
    <div class="phase-block" style="color:var(--p3);">
               
      <div class="phase-marker">
                <!-- Gift Pack -->
        <div class="phase-bell">叁</div>
                <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')">
        <div class="phase-info">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-yellow-400 transition">
          <div class="p-num">Phase III</div>
                        <i class="fas fa-gift mr-3"></i> Gift Pack
          <div class="p-name" style="color:var(--p3);">The Unpredictable Demonic Tune of Shinano Fantasy</div>
                    </h4>
          <div class="p-time">8:00 — 12:00</div>
                    <p class="text-sm text-gray-400">Download resources, stems, and bonus content.</p>
        </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>


                <!-- Origin Doc -->
    <!-- PHASE 4 -->
                <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="phase-block" style="color:var(--p4);">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-blue-400 transition">
      <div class="phase-marker">
                        <i class="fas fa-file-alt mr-3"></i> Origin Collaboration Document
        <div class="phase-bell">肆</div>
                    </h4>
        <div class="phase-info">
                    <p class="text-sm text-gray-400">View the original planning sheet.</p>
          <div class="p-num">Phase IV</div>
                </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>


                <!-- Announcement -->
<section id="credits">
                <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="section-head">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-purple-400 transition">
    <span class="num">02</span>
                        <i class="fas fa-bullhorn mr-3"></i> RCR Announcement
    <h3>Archive &amp; Correspondence</h3>
                    </h4>
    <div class="rule"></div>
                    <p class="text-sm text-gray-400">Official collaboration announcement page.</p>
  </div>
                </div>


                <!-- Last Collab -->
  <div class="credit-grid">
                <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="credit-list">
                    <h4 class="text-xl font-bold mb-2 flex items-center group-hover:text-gray-300 transition">
      <dl>
                        <i class="fas fa-history mr-3"></i> Previous: Shukyo City Festival
        <dt>Group</dt><dd>Oct-lotus Sect 八叶莲华会</dd>
                    </h4>
        <dt>Chief Director</dt><dd>Banmaden</dd>
                    <p class="text-sm text-gray-400">Collaboration: Religious City Festival ~ Shukyo_City_Festival</p>
        <dt>Director</dt><dd>南无</dd>
                </div>
        <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>


            </section>
    <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”