```html
<div style="background: linear-gradient(145deg, #faf3e8 0%, #f5e6d0 100%); font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; max-width: 400px; margin: 20px auto; padding: 10px 0; display: flex; flex-direction: column; align-items: center; gap: 24px;">

  <!-- ===== 首页：品牌页 ===== -->
  <span class="container" style="display: block; width: 100%; max-width: 360px; min-height: 780px; background: #fffcf5; border-radius: 32px; padding: 24px 20px 30px 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); box-sizing: border-box; position: relative; overflow: hidden;">
    <!-- 顶部品牌区 -->
    <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 28px;">
      <img src="https://plailish.wliwan.com/statics/icon/icon.png" alt="Plailish Hub" style="width: 45px; height: 45px; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.04);">
      <span style="font-size: 20px; font-weight: 700; color: #333333; letter-spacing: 0.3px;">Plailish Hub</span>
    </div>
    <!-- 主题标题 -->
    <div style="margin: 10px 0 18px 0;">
      <h1 style="font-size: 28px; font-weight: 700; color: #3a2c1b; margin: 0; line-height: 1.2; letter-spacing: -0.3px;">🏰 周六下午，<br>来笨鱼咖啡铺一座<br>“英语城堡”吧！</h1>
    </div>
    <!-- Slogan 和标签 -->
    <div style="background: #efe5d6; border-radius: 20px; padding: 18px 16px; margin: 24px 0 18px 0; border-left: 5px solid #d9b382;">
      <p style="font-size: 18px; font-weight: 500; color: #4f3e2a; margin: 0 0 6px 0; line-height: 1.4;">✨ 什么都不用准备，人来就行 ✨</p>
      <p style="font-size: 14px; color: #6e5a3e; margin: 6px 0 0 0; font-style: italic;">“我们不需要完美的英语，只需要一个愿意铺开地图的下午。”</p>
    </div>
    <!-- 活动类型标签 -->
    <div style="display: inline-block; background: #f1e4d4; border-radius: 40px; padding: 10px 20px; margin-top: 8px;">
      <span style="font-size: 18px; font-weight: 600; color: #5d4730;">🎲 桌游 · 卡卡颂 全英角</span>
    </div>
    <!-- 趣味装饰 -->
    <div style="margin-top: 40px; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;">
      <span style="background: #e7d9c6; padding: 6px 14px; border-radius: 30px; font-size: 14px; color: #4f3c26;">🏰 铺地图</span>
      <span style="background: #e7d9c6; padding: 6px 14px; border-radius: 30px; font-size: 14px; color: #4f3c26;">🧩 放小人</span>
      <span style="background: #e7d9c6; padding: 6px 14px; border-radius: 30px; font-size: 14px; color: #4f3c26;">☕ 咖啡香</span>
    </div>
    <!-- 底部小提示 -->
    <div style="position: absolute; bottom: 24px; left: 20px; right: 20px; text-align: center; border-top: 1px dashed #dccbbc; padding-top: 16px;">
      <span style="font-size: 14px; color: #8b765a;">⏳ 周六 15:00 · 龙岗笨鱼咖啡</span>
    </div>
  </span>

  <!-- ===== 第二页：怎么玩 & 活动流程 ===== -->
  <span class="container" style="display: block; width: 100%; max-width: 360px; min-height: 780px; background: #fffcf5; border-radius: 32px; padding: 24px 20px 30px 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); box-sizing: border-box; position: relative; overflow: hidden;">
    <!-- 标题 -->
    <div style="margin-bottom: 18px;">
      <h2 style="font-size: 24px; font-weight: 700; color: #3a2c1b; margin: 0 0 4px 0;">🎲 怎么玩？</h2>
      <p style="font-size: 15px; color: #6c5a42; margin: 0; font-weight: 400;">轻松 · 有趣 · 交伙伴</p>
    </div>
    <!-- 卡卡颂简介 -->
    <div style="background: #f6eee6; border-radius: 20px; padding: 16px 14px; margin-bottom: 18px; border-left: 5px solid #c29a6b;">
      <p style="margin: 0; font-size: 15px; color: #4b3d2c; line-height: 1.5;"><strong style="color: #7b5f3f;">卡卡颂</strong> — 铺地图、放小人、抢城堡。规则简单到用手势就能学会！</p>
      <p style="margin: 8px 0 0 0; font-size: 14px; color: #6b553a;">全程英文自然融入，但英语不是考试。<br>Vance 用超简单英文+中文解释。<br>你只需要说 “My turn!” “I place here!”</p>
    </div>
    <!-- 破冰环节 Tile Flipper -->
    <div style="background: #efe2d2; border-radius: 20px; padding: 14px 14px; margin-bottom: 14px;">
      <h3 style="font-size: 17px; font-weight: 700; color: #4d3925; margin: 0 0 8px 0;">🧊 破冰 · Tile Flipper</h3>
      <p style="font-size: 14px; color: #4a3927; margin: 0 0 6px 0;">抽一张卡卡颂地图形状卡，用英文描述：</p>
      <ul style="margin: 4px 0 0 0; padding-left: 20px; color: #4f3d2a; font-size: 14px;">
        <li style="margin-bottom: 5px;">“It has a road and a green field”</li>
        <li style="margin-bottom: 5px;">其他人猜是哪块地 🗺️</li>
        <li style="margin-bottom: 0;">不会说？指着卡片：“这个，路，草地”也能玩！</li>
      </ul>
      <p style="font-size: 14px; font-weight: 500; color: #7f613f; margin-top: 10px; border-top: 1px dashed #d2bca4; padding-top: 8px;">氛围比语法重要，欢笑比单词更重要 ✨</p>
    </div>
    <!-- 流程提醒 -->
    <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px;">
      <span style="background: #dfd0bd; padding: 6px 16px; border-radius: 30px; font-size: 14px; color: #3e3020;">⏱️ 15:00-15:20 破冰</span>
      <span style="background: #dfd0bd; padding: 6px 16px; border-radius: 30px; font-size: 14px; color: #3e3020;">♟️ 15:20-16:30 桌游</span>
      <span style="background: #dfd0bd; padding: 6px 16px; border-radius: 30px; font-size: 14px; color: #3e3020;">☕ 16:30-18:00 自由聊</span>
    </div>
    <!-- 底部说明 -->
    <div style="position: absolute; bottom: 24px; left: 20px; right: 20px; text-align: center; color: #9a876e; font-size: 13px; border-top: 1px dashed #e1d3c2; padding-top: 14px;">
      <span>👥 4-8人 · 免费 · 零基础友好</span>
    </div>
  </span>

  <!-- ===== 第三页：时间地点·温馨细节 ===== -->
  <span class="container" style="display: block; width: 100%; max-width: 360px; min-height: 780px; background: #fffcf5; border-radius: 32px; padding: 24px 20px 30px 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); box-sizing: border-box; position: relative; overflow: hidden;">
    <!-- 标题 -->
    <div style="margin-bottom: 16px;">
      <h2 style="font-size: 24px; font-weight: 700; color: #3a2c1b; margin: 0;">☕ 时间地点 · 报名</h2>
    </div>
    <!-- 信息卡片 -->
    <div style="background: #f3e9de; border-radius: 22px; padding: 18px 16px; margin-bottom: 16px; border-left: 5px solid #c8a77b;">
      <div style="display: flex; align-items: baseline; margin-bottom: 10px;">
        <span style="font-weight: 600; color: #4f3c26; min-width: 60px; font-size: 15px;">🕒 时间</span>
        <span style="color: #3c2e1d; font-size: 16px; font-weight: 500;">2026/06/06 (周六) 15:00–18:00</span>
      </div>
      <div style="display: flex; align-items: baseline; margin-bottom: 10px;">
        <span style="font-weight: 600; color: #4f3c26; min-width: 60px; font-size: 15px;">📍 地点</span>
        <span style="color: #3c2e1d; font-size: 15px;">龙岗区龙城街道黄阁坑C口<br>笨鱼咖啡豆制售所</span>
      </div>
      <div style="display: flex; align-items: baseline; margin-bottom: 6px;">
        <span style="font-weight: 600; color: #4f3c26; min-width: 60px; font-size: 15px;">💰 费用</span>
        <span style="color: #3c2e1d; font-size: 16px; font-weight: 500;">免费 (饮料自费·不强制)</span>
      </div>
    </div>
    <!-- 贴心提醒 -->
    <div style="background: #ede1d2; border-radius: 20px; padding: 14px 16px; margin-bottom: 16px;">
      <p style="margin: 0 0 8px 0; font-weight: 600; color: #4f3a24; font-size: 16px;">🌟 一个人来也完全OK</p>
      <ul style="margin: 0; padding-left: 18px; color: #4f3d2a; font-size: 14px; line-height: 1.6;">
        <li>破冰环节帮你轻松认识人</li>
        <li>英语不好？没关系，只要愿意开口或跟着笑</li>
        <li>任何水平都欢迎～</li>
      </ul>
    </div>
    <!-- 人数 -->
    <div style="display: flex; gap: 10px; align-items: center; justify-content: center; background: #e8dccd; border-radius: 40px; padding: 10px 16px; margin-top: 4px;">
      <span style="font-size: 18px;">👥</span>
      <span style="font-weight: 600; color: #3d2f1d; font-size: 16px;">人数 4-8人 · 先到先得</span>
    </div>
    <!-- 底部装饰 -->
    <div style="margin-top: 28px; text-align: center; font-size: 15px; color: #7c6548; border-top: 1px dashed #dccbbc; padding-top: 18px;">
      <span>✨ Come build your castle, make new friends ✨</span>
    </div>
  </span>

  <!-- ===== 第四页：报名信息页（末页） ===== -->
  <span class="container" style="display: block; width: 100%; max-width: 360px; min-height: 780px; background: #fffcf5; border-radius: 32px; padding: 24px 20px 30px 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); box-sizing: border-box; position: relative; overflow: hidden;">
    <!-- 标题 -->
    <div style="margin-bottom: 20px;">
      <h2 style="font-size: 26px; font-weight: 700; color: #3a2c1b; margin: 0 0 4px 0;">📱 报名方式</h2>
      <p style="font-size: 15px; color: #6f5b41; margin: 0;">加微信 · 备注“卡卡颂”</p>
    </div>
    <!-- 联系人信息 -->
    <div style="background: #f4ebe1; border-radius: 24px; padding: 20px 16px 24px 16px; text-align: center; border-left: 5px solid #b68d63;">
      <div style="margin-bottom: 10px;">
        <span style="font-size: 18px; font-weight: 600; color: #3d2e1b;">Vance</span>
        <span style="display: block; font-size: 16px; color: #5b4a32; margin-top: 4px;">微信号：<strong style="color: #2f2418;">PingHuPlaylish</strong></span>
      </div>
      <!-- 二维码 -->
      <div style="display: flex; justify-content: center; margin: 16px 0 14px 0;">
        <img src="https://plailish.wliwan.com/statics/icon/icon_1773735430712_1779.png" alt="二维码" style="width: 120px; height: 120px; border-radius: 16px; box-shadow: 0 6px 14px rgba(0,0,0,0.08); background: white; padding: 4px;">
      </div>
      <div style="background: #f9f2e9; border-radius: 40px; padding: 8px 14px; display: inline-block;">
        <span style="font-size: 15px; color: #4c3c28;">🔍 扫码加我，备注活动名称</span>
      </div>
    </div>
    <!-- 温暖的引导语 -->
    <div style="margin-top: 28px; background: #faf1e7; border-radius: 24px; padding: 16px 14px; text-align: center; border: 1px solid #ebddce;">
      <p style="margin: 0; font-size: 16px; font-weight: 500; color: #4f3b26; line-height: 1.5;">💌 “我们不需要完美的英语，<br>只需要一个愿意铺开地图、一起说笑的下午。”</p>
      <p style="margin: 10px 0 0 0; font-size: 15px; color: #6e5a3e;">来卡卡颂，遇见敢开口、敢犯错的自己</p>
    </div>
    <!-- 底部签名 -->
    <div style="position: absolute; bottom: 24px; left: 20px; right: 20px; text-align: center; border-top: 1px solid #e5d6c5; padding-top: 14px; font-size: 14px; color: #9a856b;">
      <span>🏰 咖啡已煮好，tiles已铺开，就差你啦</span>
    </div>
  </span>

</div>
```