admin 发表于 2025-3-11 14:08:56

本源水晶

    <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>
    /* 保持原有星空表格样式 */
    .star-table { /*...*/ }
    .star-table th { /*...*/ }
    .star-table td { /*...*/ }
</style>

<table class="star-table">
    <thead>
      <tr>
            <th colspan="3" style="text-align: center; padding: 20px; background: rgba(242, 241, 245, 0.15);"><font face="微软雅黑" size="3">本源水晶</font></th>
      </tr>
      <tr>
            <td colspan="3" style="text-align: center; width: 15%;">
                <font face="微软雅黑">
                  1.本源水晶是一种可极大提升角色能力的水晶装备<br><br>

                        2.通过</font><a href="forum.php?mod=viewthread&amp;tid=97">&lt;紫晶遗迹&gt;</a><font face="微软雅黑">玩法可获取基础本源水晶<br>
            使用以下道具可以强化水晶,使其获得更强的能力<br>
                        光耀灵石:为指定本源水晶添加一条随机词缀,每个水晶最多添加4条词缀,词缀库见下方<br>
                        星辰碎片:为指定本源水晶随机提升一条现有词缀的等级,每个水晶最多使用9次,需满词缀后才可使用<br><font color="#ff0000">
            注:当前光耀灵石与星辰碎片仅可通过宝箱获取(非主要渠道),后续会增加更多获取渠道

                  </font></font></td>
      </tr>


    </thead><thead>
      <tr>
            <th colspan="3" style="text-align: center; padding: 20px; background: rgba(180, 170, 255, 0.15);">
                <font face="微软雅黑" style="" size="3">词缀库</font>
            </th>
      </tr>
      <tr>
            <th><font face="微软雅黑">词缀效果</font></th>
            <th><font face="微软雅黑">基础数值</font></th>
            <th><font face="微软雅黑">每次升级数值</font></th>
      </tr>
    </thead>
    <tbody>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">攻击</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">防御</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">敏捷</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">精神</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">回复</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">生命</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">魔力</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">魔攻</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">必杀</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">反击</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">命中</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">闪躲</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">物理伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">魔法伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">所有伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">2%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">治疗效果</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">受到的物理伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">受到的魔法伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">受到的所有伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">2%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">所有技能耗魔</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">3%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">1.5%</font></span></td>
      </tr>
      <tr>
            <td><span class="constellation"><font face="微软雅黑">宠物伤害</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">4%</font></span></td>
            <td><span class="constellation"><font face="微软雅黑">2%</font></span></td>
      </tr>
    </tbody>
   

</table>
页: [1]
查看完整版本: 本源水晶