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

<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
  
  <!-- 左侧原有 div，占 75% 宽度（完全保留原始内容） -->
  <div style="flex: 0 0 75%; max-width: 75%; box-sizing: border-box;">
    <div class="orbital-strike-card">
      <div class="license">进攻型战略配备许可证</div>
      <div class="title">轨道精准攻击</div>
      <div class="desc">来自驱逐舰“阿特拉斯”轨道加农炮的一发精准攻击。</div>
    </div>
  </div>

  <!-- 右侧简介框，占 25% 宽度，内含图片和表格 -->
  <div style="flex: 0 0 25%; max-width: 25%; box-sizing: border-box; background: #f8f9fa; padding: 16px; border-radius: 8px; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
    <!-- 274x274px 图片（请替换 src 为实际图片地址） -->
    <img src="https://via.placeholder.com/274x274" alt="简介图片" style="width: 274px; height: 274px; display: block; margin: 0 auto 12px; border-radius: 4px;">

    <!-- 信息表格 -->
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.6;">
      <tr>
        <td style="padding: 4px 6px; font-weight: bold; border-bottom: 1px solid #ddd;">类型</td>
        <td style="padding: 4px 6px; border-bottom: 1px solid #ddd;">轨道打击</td>
      </tr>
      <tr>
        <td style="padding: 4px 6px; font-weight: bold; border-bottom: 1px solid #ddd;">归属</td>
        <td style="padding: 4px 6px; border-bottom: 1px solid #ddd;">驱逐舰“阿特拉斯”</td>
      </tr>
      <tr>
        <td style="padding: 4px 6px; font-weight: bold; border-bottom: 1px solid #ddd;">特性</td>
        <td style="padding: 4px 6px; border-bottom: 1px solid #ddd;">精准、高爆</td>
      </tr>
      <tr>
        <td style="padding: 4px 6px; font-weight: bold;">冷却</td>
        <td style="padding: 4px 6px;">120秒</td>
      </tr>
    </table>
  </div>

</div>