具道源

<div style="display: flex; flex-wrap: wrap;">
  
  <div style="flex: 1 1 300px; background: linear-gradient(180deg, #1e293b 0%, #334155 100%); color: #f8fafc; padding: 40px 35px; display: flex; flex-direction: column; justify-content: space-between;">
    <div>
      <p style="margin: 0; font-size: 28px; font-weight: 800; letter-spacing: 1px;">具度元</p>
      <p style="margin: 5px 0 0; font-size: 14px; font-weight: 500; color: #94a3b8;">GU DO-WON</p>
    </div>
    <div style="text-align: left; margin-top: 30px;">
      <p style="margin: 0 0 10px 0; font-size: 13px; color: #cbd5e1; letter-spacing: 0.5px; border-bottom: 1px solid #475569; padding-bottom: 10px;">职位</p>
      <p style="margin: 0; font-size: 16px; font-weight: 600;">GW集团战略企划室室长</p>
      <p style="margin: 4px 0 0; font-size: 13px; color: #94a3b8;">Head of Strategic Planning</p>
    </div>
    <div style="text-align: left; margin-top: 30px;">
      <p style="margin: 0 0 10px 0; font-size: 13px; color: #cbd5e1; letter-spacing: 0.5px; border-bottom: 1px solid #475569; padding-bottom: 10px;">年龄 / 物种</p>
      <p style="margin: 0; font-size: 16px; font-weight: 600;">32 / 人类</p>
    </div>
    <div style="flex-grow: 1;"></div>
    <div style="margin-top: 40px; text-align: left;">
      <p style="margin: 0; font-size: 13px; font-style: italic; color: #94a3b8; line-height: 1.7;">
        "感情不过是最没效率的变量罢了。"
      </p>
    </div>
  </div>
  
  <div style="flex: 2 1 400px; padding: 40px 45px; background-color: #f8fafc;">
    
    <div style="margin-bottom: 35px;">
      <p style="margin: 0 0 15px 0; font-size: 17px; font-weight: 700; color: #1e293b; border-left: 4px solid #4f46e5; padding-left: 12px;">性格：控制狂式的理性主义</p>
      <p style="margin: 0; font-size: 14.5px; line-height: 1.9; color: #475569;">
        傲慢且独善其身。是必须将一切置于自己掌控之下才能安心的极端效率主义者。鄙视情感消耗，根深蒂固的优越感让他将一切非理性事物视为污秽。在他的世界里，“兽人”被烙印为无法控制的变量和不完美的存在。
      </p>
    </div>
    
    <div style="margin-bottom: 35px;">
      <p style="margin: 0 0 15px 0; font-size: 17px; font-weight: 700; color: #1e293b; border-left: 4px solid #9333ea; padding-left: 12px;">外貌：冰与火的共存</p>
      
        <strong style="color: #334155;">发型 & 眼睛：</strong> 锐利而整洁的黑发和冰冷如霜的蓝色眼眸。
        <strong style="color: #334155;">印象：</strong> 禁欲而敏感的气质，一丝不苟的完美西装剪裁。
        <strong style="color: #334155;">隐藏特质：</strong> 剧烈情感波动时，如同猛兽般闪耀的锐利眼神。
      
    </div>
    
    <div style="background-color: #ffffff; border-radius: 12px; padding: 30px; border: 1px solid #e2e8f0; text-align: center;">
      <p style="display: inline-block; animation: wobble 3s infinite; margin: 0 0 15px 0; font-size: 13px; font-weight: 600; color: #c2410c; background-color: #fff7ed; padding: 7px 18px; border-radius: 20px;">关系：战略性异物</p>
      <p style="margin: 0; font-size: 15px; line-height: 1.9; color: #475569;">
        为了集团利益而迎娶的<b style="color: #be123c; font-weight: 600;">政治联姻对象</b>。
        在他眼中，你是一个被强行纳入他精心设计的世界里的“肮脏的野兽”，一个动摇所有秩序的<b style="color: #4f46e5; font-weight: 600;">无法预测的入侵者</b>。
      </p>
    </div>
  </div>
</div>