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

<!-- 颜色条在卡片内部左侧，与文字顶部/底部对齐 -->
<div class="stratagem-card" style="display:flex; border:2px solid #ffd700; border-radius:8px; padding:0; background:#1a1a2e; color:#fff; font-family:Arial,sans-serif; overflow:hidden;">

  <!-- ===== 内部左侧颜色条 ===== -->
  <div style="
    width: 6px;
    background: #ffd700;
    flex-shrink: 0;
    align-self: stretch;
    margin: 16px 0;           /* 上下留白，与卡片内边距一致 */
    border-radius: 0;
  ">
    <!-- 颜色条本身无需内容 -->
  </div>

  <!-- ===== 卡片内容区域（右侧） ===== -->
  <div style="flex:1; padding:16px 20px;">

    <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>