查看“︁Example:时代起”︁的源代码

<div style="position:relative;z-index:4;">
<center>
<div style="margin:0 auto;display:inline-block;width:100%;position:relative;">

<!-- 背景隐标题：占满整个组件背后 -->
<div style="position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:10em;opacity:0.04;line-height:1;white-space:nowrap;z-index:0;pointer-events:none;text-align:center;overflow:hidden;"><span class="font-yahei">{{{背景标题|{{{标题|时代之启}}}}}}</span></div>

<!-- 大标题：颜色跟随主题，不硬编码 -->
<div style="position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:70px;font-weight:bold;text-align:center;white-space:nowrap;z-index:2;"><span class="font-yahei">{{{大标题|旧日礼葬}}}</span></div>

<!-- 色条：占满整个容器宽度 -->
<div style="position:absolute;top:85px;left:0;right:0;height:20px;background:linear-gradient(90deg,#8b1a2b 0%,#d64000 50%,#8b1a2b 100%);color:#fff;text-align:center;line-height:20px;font-size:20px;white-space:nowrap;overflow:hidden;z-index:2;" class="font-rogue">{{{色条文字|HEX EPOCH ↹ 海塞纪年}}}</div>

<!-- 引言 -->
<div style="margin-top:90px;display:flex;align-items:flex-start;justify-content:center;width:100%;position:relative;z-index:2;">
<div style="text-align:center;font-size:10px;width:300px;font-family:Arial,sans-serif;">
<big><big><big><big><big><big><span class="font-seldom">{{{年份|000000}}}</span></big></big></big></big></big></big><br>{{{引言|末日无声的丧钟宣判着往日的终结<br>无数个世界奔向同一个罪火}}}
</div>
</div>

</div>
</center>
</div>