UI坐骑系统

卡通魔力 发表于 2025-9-12 14:35:08

<div style="font-family: 'Microsoft YaHei', Arial, sans-serif; font-size: 15px; line-height: 1.8; color: #555; padding: 20px; position: relative; overflow: hidden;">


<h1 style="text-align: center; color: #da9c51; font-size: 32px; margin-bottom: 15px; letter-spacing: 1px; border-bottom: 2px solid #c58b40; padding-bottom: 15px; position: relative; z-index: 1; text-shadow: 0 0 8px rgba(255, 223, 0, 0.7), 0 0 15px rgba(218, 156, 81, 0.8);"><strong>坐骑系统：驰骋魔力，属性飞升！</strong></h1>

<p style="margin-top: 0; margin-bottom: 25px; text-align: center; color: #555; font-size: 16px;">各位冒险家们，强大的坐骑不仅是您忠实的伙伴，更是提升实力的关键！驾驭它们，征服魔力世界！</p>

<h2 style="color: #da9c51; font-size: 24px; margin-top: 35px; margin-bottom: 20px; text-shadow: 0 0 6px rgba(218, 156, 81, 0.6), 0 0 12px rgba(197, 139, 64, 0.7); border-left: 5px solid #c58b40; padding-left: 15px; position: relative; z-index: 1;">🐎 坐骑玩法 🐎</h2>
<ol style="margin-left: 20px; padding-left: 0; list-style-type: none; position: relative; z-index: 1;">
   <li style="margin-bottom: 15px; background-color: #f8f1e4; padding: 10px; border-radius: 5px; border-left: 3px solid #c58b40; box-shadow: 0 0 5px rgba(218, 156, 81, 0.3);">
         1. 培育主坐骑：您的主坐骑通过培育后<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">增加人物属性</strong>，是提升战斗力的重要途径。
   </li>
   <li style="margin-bottom: 15px; background-color: #f8f1e4; padding: 10px; border-radius: 5px; border-left: 3px solid #c58b40; box-shadow: 0 0 5px rgba(218, 156, 81, 0.3);">
         2. 收集传承坐骑：传承坐骑<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">增加移动速度</strong>，可以理解为收集移速<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">叠加到主坐骑上</strong>！
   </li>
   <li style="margin-bottom: 15px; background-color: #f8f1e4; padding: 10px; border-radius: 5px; border-left: 3px solid #c58b40; box-shadow: 0 0 5px rgba(218, 156, 81, 0.3);">
         3. 获取主坐骑：主坐骑除了通过任务获取，也可在<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">道具商城直接购买</strong>。不同来源的主坐骑<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">升级属性无差异</strong>，仅<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">初始移速</strong>可能有所不同。
   </li>
   <li style="margin-bottom: 15px; background-color: #f8f1e4; padding: 10px; border-radius: 5px; border-left: 3px solid #c58b40; box-shadow: 0 0 5px rgba(218, 156, 81, 0.3);">
         4. 坐骑升级：坐骑的成长主要通过消耗<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">【古兽精华】</strong>来提升，该精华可通过参与<strong style="color: #da9c51; text-shadow: 0 0 5px rgba(255, 223, 0, 0.5), 0 0 10px rgba(218, 156, 81, 0.6);">训练模拟战</strong>获得丰厚奖励。
   </li>
</ol>

<h2 style="color: #da9c51; font-size: 24px; margin-top: 35px; margin-bottom: 20px; text-shadow: 0 0 6px rgba(218, 156, 81, 0.6), 0 0 12px rgba(197, 139, 64, 0.7); border-left: 5px solid #c58b40; padding-left: 15px; position: relative; z-index: 1;">📈 坐骑累计总属性加成表 (达到该阶段时) 📈</h2>
<p style="margin-top: 10px; margin-bottom: 20px; color: #555; font-size: 15px; position: relative; z-index: 1;">以下为主坐骑在达到各培育阶段时，能为人物角色提供的<strong style="color: #a0522d;">累计总属性加成</strong>，越到后期，收益越大！</p>

<div style="overflow-x: auto; margin-bottom: 30px; position: relative; z-index: 1;">
   <table style="width: 100%; border-collapse: collapse; text-align: center; font-size: 14px; background-color: #fffaf0; border: 1px solid #c58b40; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
         <thead>
            <tr style="background-color: #da9c51; color: white;">
               <th style="padding: 10px; border: 1px solid #c58b40;">阶段</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">精神</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">回复</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">必杀</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">反击</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">命中</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">闪躲</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">生命</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">魔力</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">全抗</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">魔攻</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">魔抗</th>
               <th style="padding: 10px; border: 1px solid #c58b40;">移速</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">5</td>
               <td style="padding: 8px; border: 1px solid #ddd;">5</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">15</td>
               <td style="padding: 8px; border: 1px solid #ddd;">15</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">31</td>
               <td style="padding: 8px; border: 1px solid #ddd;">31</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">52</td>
               <td style="padding: 8px; border: 1px solid #ddd;">52</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">5</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">15</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">79</td>
               <td style="padding: 8px; border: 1px solid #ddd;">79</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">0</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">22</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">1</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">112</td>
               <td style="padding: 8px; border: 1px solid #ddd;">112</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">16</td>
               <td style="padding: 8px; border: 1px solid #ddd;">16</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">7</td>
               <td style="padding: 8px; border: 1px solid #ddd;">14</td>
               <td style="padding: 8px; border: 1px solid #ddd;">30</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">2</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">151</td>
               <td style="padding: 8px; border: 1px solid #ddd;">151</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">23</td>
               <td style="padding: 8px; border: 1px solid #ddd;">23</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">8</td>
               <td style="padding: 8px; border: 1px solid #ddd;">19</td>
               <td style="padding: 8px; border: 1px solid #ddd;">39</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">3</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">195</td>
               <td style="padding: 8px; border: 1px solid #ddd;">195</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">31</td>
               <td style="padding: 8px; border: 1px solid #ddd;">31</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">9</td>
               <td style="padding: 8px; border: 1px solid #ddd;">24</td>
               <td style="padding: 8px; border: 1px solid #ddd;">49</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">4</td>
               <td style="padding: 8px; border: 1px solid #ddd;">8</td>
               <td style="padding: 8px; border: 1px solid #ddd;">245</td>
               <td style="padding: 8px; border: 1px solid #ddd;">245</td>
               <td style="padding: 8px; border: 1px solid #ddd;">8</td>
               <td style="padding: 8px; border: 1px solid #ddd;">40</td>
               <td style="padding: 8px; border: 1px solid #ddd;">40</td>
               <td style="padding: 8px; border: 1px solid #ddd;">8</td>
            </tr>
            <tr>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">30</td>
               <td style="padding: 8px; border: 1px solid #ddd;">60</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">6</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">300</td>
               <td style="padding: 8px; border: 1px solid #ddd;">300</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
               <td style="padding: 8px; border: 1px solid #ddd;">50</td>
               <td style="padding: 8px; border: 1px solid #ddd;">50</td>
               <td style="padding: 8px; border: 1px solid #ddd;">10</td>
            </tr>
         </tbody>
   </table>
</div>

<h2 style="color: #da9c51; font-size: 24px; margin-top: 35px; margin-bottom: 20px; text-shadow: 0 0 6px rgba(218, 156, 81, 0.6), 0 0 12px rgba(197, 139, 64, 0.7); border-left: 5px solid #c58b40; padding-left: 15px; position: relative; z-index: 1;">🚀 移动速度计算 🚀</h2>
<ul style="margin-left: 20px; padding-left: 0; list-style-type: none; position: relative; z-index: 1;">
   <li style="margin-bottom: 15px; background-color: #f8f1e4; padding: 10px; border-radius: 5px; border-left: 3px solid #c58b40; box-shadow: 0 0 5px rgba(218, 156, 81, 0.3);">
         队伍移动速度公式：
         <p style="margin-top: 10px; margin-bottom: 0; color: #a0522d; font-weight: bold; text-shadow: 0 0 5px rgba(160, 82, 45, 0.6), 0 0 10px rgba(139, 69, 19, 0.7);">
            队长的移动速度 = 队长坐骑速度 + （所有队员坐骑速度总和 / 4）
         </p>
   </li>
</ul>

<p style="margin-top: 20px; text-align: center; color: #555; font-style: italic; font-size: 16px;">选择最适合您的坐骑，开启一段风驰电掣的魔力冒险！</p>

</div>

页: [1]

卡通魔力's Archiver

UI坐骑系统