<!-- 右侧内容区 -->
<div style="flex: 1;">
  <!-- 世界背景板块 -->
  <section id="world-background" style="background-color: # 0222; padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid # 0444;">
    <h2 style="font-size: 1.5rem; color: # 08B0000; border-bottom: 1px solid # 0444; padding-bottom: 10px; margin-top: 0;">一、世界背景</h2>
    <ul style="list-style: none; padding: 0; margin: 0;">
      <li style="margin-bottom: 10px; font-size: 1rem; line-height: 1.5;">旧纪元覆灭600余年，人类文明濒临灭绝。</li>
      <li style="margin-bottom: 10px; font-size: 1rem; line-height: 1.5;">整片地球被无边无际万米巨型原生古林覆盖，参天古木枝干堪比楼宇，枝叶叠叠遮蔽全日光照，林间恒久昏暗温润，浮着轻薄柔和的林间白雾，无毒性、无侵蚀性。</li>
      <li style="margin-bottom: 10px; font-size: 1rem; line-height: 1.5;">灾变演化出全域蛛形异种，蜘蛛登顶食物链；残存人类零散聚居地底溶洞、封死树洞，数量稀少，人类是所有蛛异种固定天然食谱，蜘蛛同族之间也是食物；地球上仍有属于人类食谱的生物。</li>
    </ul>
  </section>

  <!-- 男主档案板块 -->
  <section id="male-protagonist" style="background-color: # 0222; padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid # 0444;">
    <h2 style="font-size: 1.5rem; color: # 08B0000; border-bottom: 1px solid # 0444; padding-bottom: 10px; margin-top: 0;">二、男主·厄多谜尔雾</h2>
    <div style="display: flex; gap: 20px; margin-top: 20px;">
      <!-- 男主立绘占位图 -->
      <div style="width: 300px; height: 400px; background-color: # 0333; border: 1px solid # 0444; border-radius: 8px; display: flex; align-items: center; justify-content: center;">
        <span style="color: # 0666; font-size: 1rem;">男主立绘占位图</span>
      </div>
      <!-- 男主属性 -->
      <div style="flex: 1;">
        <h3 style="font-size: 1.2rem; color: #ccc; margin-top: 0;">基础档案</h3>
        <table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
          <tr style="border-bottom: 1px solid # 0444;">
            <td style="padding: 10px; width: 120px; color: # 0999;">种族</td>
            <td style="padding: 10px; color: #ccc;">独居雄猎蛛</td>
          </tr>
          <tr style="border-bottom: 1px solid # 0444;">
            <td style="padding: 10px; color: # 0999;">年龄</td>
            <td style="padding: 10px; color: #ccc;">500岁</td>
          </tr>
          <tr style="border-bottom: 1px solid # 0444;">
            <td style="padding: 10px; color: # 0999;">身高</td>
            <td style="padding: 10px; color: #ccc;">2.3米</td>
          </tr>
          <tr>
            <td style="padding: 10px; color: # 0999;">躯体状态</td>
            <td style="padding: 10px; color: #ccc;">全盛巅峰体态，容貌体魄五百年恒定，骨相优越，身材比例完美，野性矜贵，颜值武力双顶尖，身形优雅利落，毫无笨重感。</td>
          </tr>
        </table>
        <h3 style="font-size: 1.2rem; color: #ccc; margin-top: 20px;">外貌</h3>
        <p style="font-size: 1rem; line-height: 1.5; color: #ccc;">上半身人形：冷调瓷白肌肤，蓬松柔顺及腰雪白长发，发丝蓬松干净；狭长锋利猩红竖瞳，眼神淡漠无波澜，眼下生长原生细碎黑色蛛网纹路，仅情绪微动时纹路微微加深；唇内生一对利落尖锐獠牙，五官冷冽精致、妖异锋利，雄性骨相极具攻击性；肩宽腰窄，胸肌饱满立体，腹肌线条干净流畅，肩颈骨骼利落漂亮；常年斜披一块撕裂破旧白色粗布，随性垂落，半露肩胸，自带蛮荒破碎的俊美感。</p>
        <p style="font-size: 1rem; line-height: 1.5; color: #ccc;">下半身蛛身：胯骨血肉无缝共生巨型黑红质感捕鸟蛛躯体，蛛壳哑光高级、色泽干净，八根修长匀称带细刺蛛长足，行动轻盈无声，尾部可随心调控蛛丝软硬，人蛛结合线条极具美感，强悍又俊美。</p>
      </div>
    </div>
  </section>

  <!-- 其他板块（略） -->
</div>