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

<div style="position:relative;display:flex;align-items:flex-end;width:100%;padding:0.4em 0 0.4em 0.7em;box-sizing:border-box;">

  <!-- 装饰层：竖条 + 渐变拖尾（高度一致） -->
  <div style="position:absolute;left:0;top:0;bottom:0;width:0.3em;background:#56000d;z-index:1;"></div>
  <div style="position:absolute;left:0.3em;top:0;bottom:0;width:60px;background:linear-gradient(90deg,rgba(86,0,13,0.4) 0px,rgba(86,0,13,0.15) 8px,rgba(86,0,13,0) 45px);pointer-events:none;z-index:0;"></div>

  <!-- 编号：首号 + 编符 + 尾号 -->
  <div style="position:relative;z-index:1;font-size:1.5em;font-weight:bold;line-height:1;" class="font-yahei">{{{首号|I}}}{{{编符|-}}}{{{尾号|1}}}</div>

  <!-- 标题 -->
  <div style="position:relative;z-index:1;font-size:1.2em;font-weight:bold;line-height:1;margin:0 0.4em;">{{{标题|位格}}}</div>

  <!-- 英文标题 -->
  <div style="position:relative;z-index:1;font-size:0.9em;opacity:0.7;line-height:1;letter-spacing:0.1em;" class="font-narrow">{{{英文标题|PERSON CASE}}}</div>

</div>