查看“︁信赖对话”︁的源代码

<!-- 信赖对话标题 -->
<div style="width: 100%; background: #1a1a1a; border-radius: 10px; border: 1px solid #FF5F00; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(255, 95, 0, 0.2); overflow: hidden;">
<div style="background: linear-gradient(135deg, #FF5F00, #cc4d00); padding: 14px 20px; font-size: 1.3em; font-weight: bold; color: #ffffff; border-bottom: 2px solid #ff8033;">信赖对话</div>
<div style="padding: 20px; color: #ccccdd; line-height: 1.8;">
<p>与特工们建立信赖后，可以解锁专属的私密对话。在这里回顾那些触动心弦的瞬间，重温同行路上的珍贵记忆。</p>
</div>
</div>

<!-- 角色信赖对话入口网格 -->
<div style="width: 100%; display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px;">
  <!-- 条目模板，请按需复制修改 -->
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">净天</div>
    <div>[[信赖对话/净天|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">霖</div>
    <div>[[信赖对话/霖|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">龙井</div>
    <div>[[信赖对话/龙井|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">梧桐</div>
    <div>[[信赖对话/梧桐|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">沉礁</div>
    <div>[[信赖对话/沉礁|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">绿雪</div>
    <div>[[信赖对话/绿雪|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <div style="flex: 1 1 180px; max-width: 220px; background: #1a1a1a; border-radius: 8px; border: 1px solid #333; border-left: 4px solid #FF5F00; padding: 15px 12px; text-align: center; box-shadow: 0 2px 8px rgba(255, 95, 0, 0.15);">
    <div style="font-weight: bold; color: #FF5F00; font-size: 1.1em; margin-bottom: 10px;">千夏</div>
    <div>[[信赖对话/千夏|<span style="background: #FF5F00; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-size: 0.9em;">查看对话</span>]]</div>
  </div>
  <!-- 更多角色请按格式继续添加 -->
</div>