查看“︁模板:二级行标题”︁的源代码

<div style="display:inline-block;vertical-align:top;padding:0.4em 0;box-sizing:border-box;">

  <!-- 编号：色条左上角 -->
  <div style="font-size:1.1em;font-weight:bold;line-height:1;margin-bottom:0.3em;opacity:0.8;display:flex;align-items:center;gap:0.35em;"><div style="width:1.1em;height:1.1em;background:#56000d;flex-shrink:0;"></div><span class="font-yahei">{{{首号|I}}}{{{编符|-}}}{{{尾号|1}}}</span></div>

  <!-- 内容区：顶部三段色条 + 标题 + 英文标题 -->
  <div style="position:relative;padding-top:0.55em;">

    <!-- 顶部三段色条：从左到右依次变浅，向右延伸 -->
    <div style="position:absolute;top:0;left:0;right:-3em;height:5px;background:linear-gradient(90deg,#56000d 0%,#56000d 33.33%,#8e192e 33.33%,#8e192e 66.66%,#c73251 66.66%,#c73251 100%);"></div>

    <!-- 标题 + 英文标题 -->
    <div style="display:flex;align-items:flex-end;gap:0.8em;">
      <div style="font-size:1.7em;font-weight:bold;line-height:1;">{{{标题|位格}}}</div>
      <div style="font-size:1.1em;opacity:0.9;line-height:1;letter-spacing:0.1em;" class="font-narrow">{{{英文标题|PERSON CASE}}}</div>
    </div>

  </div>

</div>