admin 发表于 2025-10-13 08:21:13

任务<雪绒兔之约>

    <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"><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="微软雅黑">无&nbsp;</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;"><span style="color: rgb(0, 0, 128); font-family: 微软雅黑;">★</span>★☆<br></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;"><div><span style="font-family: 微软雅黑;">在法兰城西北方区域附近会遭遇雪团子,击败后随机掉落【雪绒票根】</span><br></div><div><font face="微软雅黑" color="#ff0000">注:雪团子伤害不高,但血量较多,且固定出现10只</font></div><div><font face="微软雅黑"><br></font></div><div><font face="微软雅黑" color="#800080">支线一.持有10份以上【雪绒票根】与雪绒兔对话进入战斗</font></div><div><font face="微软雅黑" color="#800080">击败雪绒兔后掉落以下随机奖励</font></div><div><font face="微软雅黑" color="#800080">带雪印的剑、带雪印的斧、带雪印的枪、带雪印的杖、带雪印的弓、带雪印的小刀、带雪印的回力</font></div><div><font face="微软雅黑"><br></font></div><div><font face="微软雅黑" color="#4169e1">支线二.将指定数量的【雪绒票根】放置背包第一格与雪绒兔对话获得道具奖励</font></div><div><font face="微软雅黑" color="#4169e1"><b>100份:霜月武器制造指南</b></font></div><div><font face="微软雅黑" color="#4169e1"><b>200份:月霜棉絮晶</b></font></div><div><font face="微软雅黑" color="#4169e1"><b>300份:封存装置(雪绒)</b></font></div><div><font face="微软雅黑" color="#4169e1"><b>500份:雪绒兔贴纸</b></font></div><div><font face="微软雅黑" color="#ff0000"><b><br></b></font></div><div><font face="微软雅黑" color="#ff0000">注:所有战斗均不会减少装备耐久</font></div><div><font face="微软雅黑" color="#ff0000">【带雪印的武器】与【月霜棉絮晶】为制造霜月系列武器的核心材料</font></div><div><font face="微软雅黑" color="#ff0000">【霜月武器制造图】双击使用,学习所有霜月系列武器制造配方,需10级武器制造<br></font></div><div><font color="#ff0000" face="微软雅黑">【封存装置(雪绒)】双击使用获得界限突破装置x1,可交易,每个角色仅可使用三次</font></div></div></td></tr>
    </tbody>
</table>
页: [1]
查看完整版本: 任务<雪绒兔之约>