admin 发表于 2025-4-14 19:14:10

任务<裂空挑战者>

    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&amp;display=swap" rel="stylesheet">
    <style>
    .star-table {
      background:
            radial-gradient(circle at 10% 10%, rgba(255,255,255,0.3) 0.5%, transparent 2%),
            radial-gradient(circle at 90% 90%, rgba(225,240,255,0.3) 1%, transparent 3%),
            linear-gradient(135deg, #f0f4ff 0%, #e8e6ff 30%, #f5f0ff 100%);
      border: 1px solid rgba(162,155,254,0.2);
      border-collapse: collapse;
      width: 100%;
      max-width: 1200px;
      margin: 20px auto;
      box-shadow: 0 0 20px rgba(180,170,255,0.1);
      position: relative;
      overflow: hidden;
      font-family: 'Orbitron', sans-serif;
    }

    .star-table th {
      background: rgba(200,190,255,0.3);
      color: #4a47a3;
      padding: 16px;
      border-bottom: 2px solid #b8b5ff;
      letter-spacing: 2px;
      text-shadow: 0 2px 4px rgba(114,101,227,0.1);
    }

    .star-table td {
      padding: 16px;
      color: #5a5a7a;
      background: rgba(255,255,255,0.85);
      border-bottom: 1px solid #e0e0f8;
      backdrop-filter: blur(4px);
    }

    .star-table tr:hover td {
      background: rgba(230,225,255,0.6);
      box-shadow: inset 0 0 12px rgba(200,190,255,0.15);
    }

    /* 动态星轨 */
    .star-table::before {
      content: "";
      position: absolute;
      width: 200%;
      height: 200%;
      background:
            repeating-linear-gradient(45deg,
                transparent 0px 4px,
                rgba(200,190,255,0.08) 4px 8px),
            radial-gradient(ellipse at 50% 50%,
                rgba(255,240,150,0.1) 0%,
                transparent 60%);
      animation: starflow 40s linear infinite;
      z-index: -1;
    }

    @keyframes starflow {
      0% { transform: translate(-50%, -50%) rotate(0deg); }
      100% { transform: translate(-50%, -50%) rotate(360deg); }
    }

    /* 星座符号 */
    .constellation::after {
      content: "✦";
      color: rgba(140,130,255,0.8);
      margin-left: 5px;
      animation: twinkle 1.5s ease-in-out infinite;
      text-shadow: 0 0 8px rgba(140,130,255,0.2);
    }

    @keyframes twinkle {
      0%, 100% { opacity: 0.3; }
      50% { opacity: 1; }
    }

    /* 技能描述 */
    .skill-detail {
      line-height: 1.8;
      padding-left: 20px;
      position: relative;
      color: #6c6c8a;
    }

    .skill-detail::before {
      content: "▹";
      color: #9d9aff;
      position: absolute;
      left: 0;
      top: 2px;
    }
    </style>




    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&amp;display=swap" rel="stylesheet">
<style>
/* 复用原有CSS样式(与参考表格完全一致) */
.star-table { /* ...完整渐变背景等样式... */ }
.star-table th { /* ... */ }
.star-table td { /* ... */ }
.star-table tr:hover td { /* ... */ }
/* 其他动画样式保持不变 */
</style>

<table class="star-table">
    <thead>
      <tr>
            <th colspan="2" style="text-align: center;"><font color="#000080" style=""><b>裂空挑战者</b></font></th>
      </tr>
    </thead>
    <tbody>
      <tr>
            <td class="constellation" style="text-align: center;"><font face="微软雅黑" color="#000080">任务要求</font></td>
            <td colspan="1" class="skill-detail">
                <div style="text-align: center; line-height: 1.8;"><font color="#000080" face="微软雅黑">等级≥100级</font></div>
            </td>
      </tr>
      <tr>
            <td class="constellation" style="text-align: center;"><font face="微软雅黑" color="#000080">任务难度</font></td>
            <td colspan="1" class="skill-detail">
                <div style="text-align: center; line-height: 1.8;">
                  <font face="微软雅黑"><span style="color: #000080;">★☆</span></font></div></td>
      </tr>
      <tr>
            <td class="constellation" style="text-align: center;"><font face="微软雅黑" color="#000080">任务奖励</font></td>
            <td colspan="1" class="skill-detail">
                <div style="text-align: center; line-height: 1.8;">
                  <font face="微软雅黑"><span style="color: #000080;">秘传技能书、饰品</span></font></div></td>
      </tr>
      <tr>
            <td colspan="2" style="text-align: center; width: 15%;"><div style="text-align: left;"><span style="font-family: 微软雅黑;">
                1.前往法兰城大圣堂门口与祭奠主持者(156.41)对话,选“是”交出魔币 200000G(每人),传送至祭奠之所。<br>
◆大圣堂门口兑换员(156.39)处可使用裂空微粒兑换12种<b style=""><font color="#4169e1">秘传技能书</font></b><br>
◆祭奠之所可使用裂空微粒物理/魔法加工饰品<br>
持有【裂空微粒】,可与之兑换【裂空手环】、【裂空水晶[物]】、【裂空水晶[魔]】Lv.1~Lv.5<br>
使用【裂空水晶】可提升【裂空手环】的等级<br>
例:Lv.1裂空水晶[物]可将裂空手环升级至Lv.1裂空手环[物]<br><font color="#4169e1"><b>
Lv.5裂空手环[物]:Lv.10手环、攻击+23~26、敏捷+8~12、回复+12~18、生命+150~200、魔力+100~150、必杀+15~20、命中+15~20、抗魔+35~40、耐久1000<br>
Lv.5裂空手环[魔]:Lv.10手环、防御+8~12、敏捷+23~26、回复+12~18、精神+12~18、生命+100~150、魔力+150~200、闪躲+15~20、抗魔+20~25、魔攻+15~20、耐久1000<br></b></font><br>
2.通过(26.13)处楼梯,进入虚空幻境。<br><br>
3.每阶皆有BOSS战,每战胜双数阶层的BOSS后与祭奠祭司可选择:选“是”会获得【中/高阶挑战证】并传送回法兰城,<br>
与祭奠主持者对话继续挑战;或选“否”直接获得【奖品】其一。<br><br>
4.战斗胜利后,与祭奠祭司对话。选是继续挑战,得到【中阶挑战证】后传回法兰城。选否得到低阶奖品,任务结束。<br>
◆低阶奖品:<b><font color="#4169e1">裂空微粒x10</font></b><br><br>
5.与祭奠主持者对话,交出【中阶挑战证】进入二阶迷宫。备好血瓶料理,打完三阶后无法回城补给。<br><br>
6.战斗胜利后,与祭奠祭司对话。选是继续挑战,得到【高阶挑战证】后传回法兰城。选否得到中阶奖品,任务结束。<br>
◆中阶奖品:<font color="#4169e1"><b>裂空微粒x25</b></font><br><br>
7.与祭奠主持者对话,交出【高阶挑战证】进入五阶迷宫。<br><br>
8.战斗胜利后,与祭奠祭司对话获得奖品并传送至法兰城。<br>
◆高阶奖品:<font color="#4169e1"><b>裂空微粒x50</b></font>,首次完整通关时获得<font color="#4169e1"><b>裂空微粒x150
            </b></font></span></div></td></tr>
    </tbody>
</table>
页: [1]
查看完整版本: 任务<裂空挑战者>