查看“轨道精准攻击”的源代码

<!-- 左侧颜色条与文字顶部/底部对齐的 MediaWiki 卡片 -->
<div style="display: flex; gap: 0; background: transparent;">

  <!-- ===== 左侧颜色条：高度由 flex 撑开，与 .stratagem-card 内特定文字对齐 ===== -->
  <div style="
    display: flex;
    flex-direction: column;
    justify-content: flex-start;   /* 顶部对齐 */
    align-self: stretch;           /* 高度拉伸与父容器等高 */
    width: 6px;
    background: #ffd700;           /* 金色条 */
    border-radius: 4px 0 0 4px;
    margin-right: 16px;
    flex-shrink: 0;
    /* 微调使颜色条与第一行文字顶部、最后一行文字底部完全吻合 */
    margin-top: 0;
    margin-bottom: 0;
  ">
    <!-- 这个空 div 只负责显示颜色，高度由父容器 flex 决定 -->
  </div>

  <!-- ===== 原有卡片（完全保留您的结构和样式） ===== -->
  <div class="stratagem-card" style="flex:1; border:2px solid #ffd700; border-radius:8px; padding:16px 20px; background:#1a1a2e; color:#fff; font-family:Arial,sans-serif;">

    <div class="stratagem-badge" style="font-size:12px; color:#ffd700; letter-spacing:2px; font-weight:bold; margin-bottom:4px;">进攻型战略配备许可证</div>
    <div class="stratagem-title" style="font-size:22px; font-weight:bold; margin-bottom:6px;">轨道精准攻击</div>
    <div class="stratagem-desc" style="font-size:14px; color:#aaa; margin-bottom:14px;">来自驱逐舰“阿特拉斯”轨道加农炮的一发精准攻击。</div>

    <table class="stratagem-table" style="border-collapse:collapse; width:100%; font-size:18px;">
      <tr style="border-top:none;">
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">战略配备特性</span><br><span class="label-sub" style="color:#fff;">| 爆炸品</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><br></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;"></span><br><span class="label-sub" style="color:#fff;">| 轨道武器</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><br></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;"></span><br><span class="label-sub" style="color:#fff;">| 反坦克</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><br></td>
      </tr>
      <tr style="border-top:1px solid #333;">
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">数据</span><br><span class="label-sub" style="color:#fff;">呼叫时间</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle; color:#fff; font-weight:bold; text-align:right;">&nbsp;<br>4.45秒</td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">-</span><br><span class="label-sub" style="color:#fff;">冷却时间</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle; color:#fff; font-weight:bold; text-align:right;">&nbsp;<br>90秒</td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">-</span><br><span class="label-sub" style="color:#fff;">使用次数</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle; color:#fff; font-weight:bold; text-align:right;">&nbsp;<br>无限</td>
      </tr>
      <tr style="border-top:1px solid #333;">
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">满级舰船模块数据</span><br><span class="label-sub" style="color:#fff;">呼叫时间</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle; color:#fff; font-weight:bold; text-align:right;">&nbsp;<br>3.45秒</td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">-</span><br><span class="label-sub" style="color:#fff;">冷却时间</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle; color:#fff; font-weight:bold; text-align:right;">&nbsp;<br>77秒</td>
        <td style="padding:6px 8px; border:none; vertical-align:middle;"><span class="label-main" style="color:#888;">-</span><br><span class="label-sub" style="color:#fff;">使用次数</span></td>
        <td style="padding:6px 8px; border:none; vertical-align:middle; color:#fff; font-weight:bold; text-align:right;">&nbsp;<br>无限</td>
      </tr>
    </table>
  </div>
</div>