查看“︁活动日历”︁的源代码

__NOTOC__

<div style="max-width:760px;margin:0 auto;">

<!-- 日历头部 -->
<div style="background:#c4a082;border:3px solid #8b6914;padding:0;position:relative;">
  <div style="background:#f5f0e8;margin:6px;border:2px solid #c4a97d;padding:18px 0 6px;position:relative;">

<!-- 装订线 -->
<div style="display:flex;gap:0;position:absolute;top:-10px;left:0;right:0;justify-content:center;">
  <div style="width:12px;height:24px;background:#e74c3c;border:1px solid #8b0000;margin:0 4px;"></div>
  <div style="width:12px;height:24px;background:#3498db;border:1px solid #1a5276;margin:0 4px;"></div>
  <div style="width:12px;height:24px;background:#f1c40f;border:1px solid #b7950b;margin:0 4px;"></div>
  <div style="width:12px;height:24px;background:#2ecc71;border:1px solid #1e8449;margin:0 4px;"></div>
</div>

<!-- 月标题 -->
<div style="text-align:center;font-size:1.4em;font-weight:bold;color:#6b5b3e;letter-spacing:3px;padding:8px 0;">
2026 / 5
</div>

<!-- 日历网格 -->
<div style="display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:6px 10px 14px;">

<!-- 星期头 -->
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">日</div>
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">一</div>
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">二</div>
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">三</div>
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">四</div>
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">五</div>
<div style="text-align:center;padding:4px;font-size:0.8em;color:#8b7355;font-weight:bold;">六</div>

<!-- 第1行：空白 -->
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">1</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">2</div>

<!-- 第2行 -->
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">3</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">4</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">5</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">6</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">7</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">8</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">9</div>

<!-- 第3行 -->
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">10</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">11</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">12</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">13</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">14</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">15</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">16</div>

<!-- 第4行 -->
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">17</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">18</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">19</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">20</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">21</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">22</div>
<!-- 23日 活动 -->
<div style="background:#ffeaea;border:2px solid #e74c3c;min-height:56px;text-align:right;padding:4px;color:#c0392b;font-weight:bold;box-shadow:2px 2px 0 #c0392b;">23
<div style="text-align:center;font-size:0.6em;color:#e74c3c;margin-top:2px;background:#fff;border:1px solid #e74c3c;padding:1px 3px;font-weight:bold;">魔法少女</div>
</div>

<!-- 第5行 -->
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">24</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">25</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">26</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">27</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">28</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">29</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">30</div>

<!-- 第6行 -->
<div style="background:#faf8f3;border:1px solid #e8dcc8;min-height:56px;text-align:right;padding:4px;color:#aaa;">31</div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;"></div>
<div style="background:#faf8f3;border:1px solid #e8dcc8;"></div>

</div><!-- /grid -->

<!-- 折角效果 -->
<div style="position:absolute;bottom:0;right:0;width:0;height:0;border-left:20px solid transparent;border-bottom:20px solid #c4a082;"></div>

  </div>
</div>

<!-- 事件说明卡片 -->
<div style="margin-top:16px;">

<div style="background:#f5f0e8;border:2px solid #c4a97d;padding:0;margin-bottom:12px;">
  <div style="background:#e74c3c;color:#fff;padding:8px 16px;font-weight:bold;border-bottom:2px solid #c0392b;">
    5/23 · 魔法少女的悖演重构
  </div>
  <div style="padding:16px;">

<div style="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;">
  <div style="background:#fdf8f2;border:1px solid #e8dcc8;padding:8px 14px;font-size:0.85em;">
    <span style="color:#aaa;">时间</span><br/><b>21:00</b>
  </div>
  <div style="background:#fdf8f2;border:1px solid #e8dcc8;padding:8px 14px;font-size:0.85em;">
    <span style="color:#aaa;">服务器</span><br/><b>专属客户端</b>
  </div>
  <div style="background:#fdf8f2;border:1px solid #e8dcc8;padding:8px 14px;font-size:0.85em;">
    <span style="color:#aaa;">类型</span><br/><b>狼人杀·推理</b>
  </div>
  <div style="background:#fdf8f2;border:1px solid #e8dcc8;padding:8px 14px;font-size:0.85em;">
    <span style="color:#aaa;">制作</span><br/><b>缘梦织绘</b>
  </div>
</div>

<p>踏入充满谎言与真相的孤岛，进行一场基于《魔法少女的魔女审判》世界观的类狼人杀小游戏。</p>

<div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;">
  <div class="mp-button mp-button-progressive" style="flex:1;min-width:140px;">[https://b3.tv/8bYXbSk 地图介绍视频]</div>
  <div class="mp-button" style="flex:1;min-width:140px;">[https://monosaba.tlspark.cn 官方地图Wiki]</div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;">
  <div style="background:#fef6f6;border:1px solid #e74c3c;padding:12px;">
    <div style="color:#e74c3c;font-weight:bold;margin-bottom:4px;">洞悉之眼</div>
    <div style="font-size:0.8em;color:#888;">预备魔女方 · 推理识破魔女</div>
    <div style="font-size:0.85em;margin-top:4px;">头衔 · 雕像 · 创造马达×1 · 创造烈焰人蛋糕×1</div>
  </div>
  <div style="background:#fdf2f8;border:1px solid #9b59b6;padding:12px;">
    <div style="color:#9b59b6;font-weight:bold;margin-bottom:4px;">杀戮魔女</div>
    <div style="font-size:0.8em;color:#888;">魔女方 · 演技蒙骗众生</div>
    <div style="font-size:0.85em;margin-top:4px;">头衔 · 雕像 · 创造烈焰人蛋糕×2</div>
  </div>
</div>

<div style="background:#f6fdf6;border:1px solid #2ecc71;padding:10px;text-align:center;margin-top:8px;">
  <span style="color:#2ecc71;font-weight:bold;">全员参与奖</span> — 女仆抽奖券 ×16
</div>

  </div>
</div>

</div>

</div>

[[分类:服务器信息]]