SF资源行星矿石采矿模拟器

<div style="text-align: center; margin-bottom: 30px; padding: 20px; border: 1px solid #333; background: rgba(10, 10, 10, 0.8);">
  <span style="font-size: 26px; font-weight: 900; color: #ff4500; letter-spacing: 5px; text-shadow: 2px 2px 4px #000;">行星：VOLCA-9</span><br>
  <span style="font-size: 13px; color: #666; letter-spacing: 2px;">环境危害等级：极端</span>
</div>

<div style="display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 25px;">
  <div style="flex: 1; min-width: 280px; background: #111; padding: 20px; border-top: 4px solid #ff8c00; box-shadow: 5px 5px 15px rgba(0,0,0,0.5);">
    <b style="font-size: 18px; color: #ff8c00; display: block; margin-bottom: 10px;">[ 行星档案 ]</b>
    <p style="font-size: 14px; color: #bbb; margin: 0;">
      <b>地质：</b>持续的地壳变动和重力异常。<br>
      <b>温度：</b>摄氏零下120度（地表）。深处为岩浆层。<br>
      <b>采矿权所有者：</b> 克洛诺斯重工业。
    </p>
  </div>
  <div style="flex: 1; min-width: 280px; background: #111; padding: 20px; border-top: 4px solid #4facfe; box-shadow: 5px 5px 15px rgba(0,0,0,0.5);">
    <b style="font-size: 18px; color: #4facfe; display: block; margin-bottom: 10px;">[ 奇迹矿石 ]</b>
    <p style="font-size: 14px; color: #bbb; margin: 0;">
      <b>名称：</b>奇点石（Singularity Stone）。<br>
      <b>特性：</b>产生局部伪重力场的漆黑结晶。<br>
      <b>价值：</b>1公斤可满足一个大都市一年的电力需求。
    </p>
  </div>
</div>

<div style="background: linear-gradient(to bottom, #1a0a0a, #050505); border: 2px solid #500; padding: 25px; margin-bottom: 25px; border-radius: 8px;">
  <div style="display: flex; align-items: center; margin-bottom: 15px;">
    <span style="font-size: 22px; font-weight: bold; color: #ff3333; animation: pulse 1.5s infinite;">警告：矿壳虫 (Litho-carapace Vermis)</span>
  </div>
  <p style="font-size: 15px; color: #ccc; border-left: 3px solid #ff3333; padding-left: 15px;">
    在沃尔卡九号行星的矿脉中蠕动的硅基生命体。它们以奇点石为食，并在体内将其浓缩成“核心结晶”。
  </p>
  <div style="margin-top: 15px; background: rgba(0,0,0,0.6); padding: 15px; border: 1px dashed #600;">
    <span style="color: #ff6666; font-size: 14px;"><b>● 危险性：</b>对高频和电磁波有反应，会成群袭击。</span><br>
    <span style="color: #ff6666; font-size: 14px;"><b>● 报酬：</b>体内的“核心结晶”是最高级的动力源。</span>
  </div>
</div>

<div style="background: #111; padding: 15px; border: 1px solid #333; font-size: 13px; color: #777; text-align: justify;">
  <i style="color: #555;">“我们追求的不是英雄般的活跃。而是结果，即漆黑的光辉。”</i><br>
  <span style="display: block; text-align: right; margin-top: 5px;">— CHI 采矿监督官记录</span>
</div>

<div style="margin-top: 30px; border-top: 1px solid #222; padding-top: 15px; display: flex; justify-content: space-between; align-items: center;">
  <div style="font-size: 12px; color: #444;">ID: V9-SEC-7749</div>
  <div style="width: 100px; height: 10px; background: #222; border-radius: 5px; overflow: hidden;">
    <div style="width: 85%; height: 100%; background: #ff4500; animation: wobble 3s infinite;"></div>
  </div>
  <div style="font-size: 12px; color: #ff4500; font-weight: bold;">已加密</div>
</div>

<div style="border-bottom: 2px solid #34495e; padding-bottom: 10px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-end;">
  <div>
    <span style="font-size: 12px; color: #5dade2; letter-spacing: 2px;">技术数据表 // 版本 0800</span><br>
    <span style="font-size: 28px; font-weight: bold; color: #ecf0f1; text-transform: uppercase; animation: pulse 2s infinite;">HAMER <span style="color: #e74c3c;">平台</span></span>
  </div>
  <div style="text-align: right;">
    <span style="font-size: 10px; color: #7f8c8d;">CHI-SPEC-INTERNAL</span><br>
    <b style="color: #f1c40f;">机密</b>
  </div>
</div>

<div style="background: rgba(20, 20, 25, 0.9); border: 1px solid #34495e; padding: 20px; margin-bottom: 20px; border-radius: 4px;">
  <div style="font-size: 16px; color: #3498db; margin-bottom: 15px; border-left: 4px solid #3498db; padding-left: 10px; font-weight: bold;">
    [01] 开放式架构框架
  </div>
  <p style="font-size: 14px; color: #bdc3c7;">
    由CHI主导的“通用极限环境作业与迎击平台”。为了最大限度地提高地形适应能力，实现了下半身模块的快速更换（热插拔）。
  </p>
  <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px;">
    <div style="background: #1a1a1d; padding: 10px; border: 1px solid #444;">
      <b style="color: #e67e22; font-size: 13px;">● 双足型</b><br>
      <span style="font-size: 12px;">注重回转性能。适应各种情况。</span>
    </div>
    <div style="background: #1a1a1d; padding: 10px; border: 1px solid #444;">
      <b style="color: #e67e22; font-size: 13px;">● 倒置关节双足型</b><br>
      <span style="font-size: 12px;">特化瞬时回避。应对矿壳虫的奇袭。</span>
    </div>
    <div style="background: #1a1a1d; padding: 10px; border: 1px solid #444;">
      <b style="color: #e67e22; font-size: 13px;">● 四足型</b><br>
      <span style="font-size: 12px;">重量稳定性。抵消HTS钻头的反作用力。</span>
    </div>
    <div style="background: #1a1a1d; padding: 10px; border: 1px solid #444;">
      <b style="color: #e67e22; font-size: 13px;">● 履带型</b><br>
      <span style="font-size: 12px;">规避重力异常。通过无限轨道稳定行驶。</span>
    </div>
  </div>
</div>

<div style="background: rgba(20, 20, 25, 0.9); border: 1px solid #27ae60; padding: 20px; margin-bottom: 20px; border-radius: 4px;">
  <div style="font-size: 16px; color: #2ecc71; margin-bottom: 15px; border-left: 4px solid #2ecc71; padding-left: 10px; font-weight: bold;">
    [02] 综合回收系统 (SHU-CO & HTS Custom)
  </div>
  <div style="display: flex; gap: 15px; align-items: flex-start;">
    <div style="flex: 1;">
      <p style="font-size: 14px; color: #bdc3c7; margin: 0;">
        与PNI环境传感器联动操作的“象鼻”型起重臂。在驾驶员意识之外自主处理矿石回收，减轻多任务处理负荷。
      </p>
    </div>
    <div style="width: 80px; height: 80px; border: 2px solid #27ae60; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: tada 3s infinite;">
      <span style="font-size: 10px; color: #2ecc71; text-align: center;">自动<br>回收</span>
    </div>
  </div>
</div>

<div style="display: flex; gap: 15px;">
  <div style="flex: 1; background: #1a1a1d; border: 1px solid #444; padding: 15px;">
    <b style="color: #f39c12; font-size: 14px; display: block; margin-bottom: 8px;">左臂：采矿单元</b>
    <span style="font-size: 12px; color: #95a5a6;">
      ・隐形臂<br>
      ・动能臂<br>
      ・热能臂
    </span>
  </div>
  <div style="flex: 1; background: #1a1a1d; border: 1px solid #444; padding: 15px;">
    <b style="color: #e74c3c; font-size: 14px; display: block; margin-bottom: 8px;">右臂：自卫单元</b>
    <span style="font-size: 12px; color: #95a5a6;">
      ・近战特化型<br>
      ・非火药式迎击装备<br>
      ・对矿壳虫用刀刃
    </span>
  </div>
</div>

<div style="margin-top: 25px; padding-top: 15px; border-top: 1px dashed #34495e; text-align: center;">
  <span style="font-size: 11px; color: #555;">系统诊断：<span style="color: #2ecc71;">所有系统正常</span></span><br>
  <div style="width: 100%; height: 2px; background: #222; margin-top: 5px;">
    <div style="width: 70%; height: 100%; background: #3498db; animation: flash 1.5s infinite;"></div>
  </div>
</div>