特效养成UI版
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&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::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&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(180, 170, 255, 0.15);">
<font face="微软雅黑" style="" size="3">特效养成UI版</font>
</th>
</tr>
<tr>
<td colspan="3" style="text-align: center; width: 15%;">
<font face="微软雅黑">
特效养成是星语魔力中的长期养成玩法之一<br>
在游戏内有多种方式获得解锁环绕、宠物等特效使用权限的道具<br>
已解锁的特效可消耗【幽魂之晶】、【界限突破装置】、魔币等道具升级提高能力<br><font color="#4169e1">
幽魂之晶：主要获取渠道为「静默之殿」中幽冥之灵掉落<br>
界限突破装置：通过深渊试练、异界穿梭等玩法中获取，重要道具，无法丢弃</font><br><font color="#ff0000">
解锁后无论是否佩戴都会提高能力，所有已解锁的能力皆会叠加，随着拥有的特效越多，提升的能力值也越高<br></font>
特效外观支持隐藏与切换，提升的能力不会消失<br>
</font></td></tr>
<tr>
<th><font face="微软雅黑">名称</font></th>
<th><font face="微软雅黑">能力方向</font></th>
<th><font face="微软雅黑">获取渠道</font></th>
</tr>
</thead>
<tbody>
<tr>
<td><font face="微软雅黑"><span class="constellation">阿柴</span></font></td>
<td><font face="微软雅黑">攻击、精神<br><font size="2" color="#ff0000">
物理增伤、魔法增伤</font></font></td>
<td class="skill-detail"><font face="微软雅黑">星语成长礼包L3</font></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">心裂如镜</span></font></td>
<td><font face="微软雅黑">生命、攻击<br><font color="#ff0000" size="2">
闪躲</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=38">《艾琳娜的珍宝目录》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">元素魔导书</span></font></td>
<td><font face="微软雅黑">魔力、精神<br><font size="2" color="#ff0000">
魔法增伤</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=38">《艾琳娜的珍宝目录》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">春之律动</span></font></td>
<td><font face="微软雅黑">魔力、回复<br><font size="2" color="#ff0000">
减少耗魔</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=38">《艾琳娜的珍宝目录》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">狮鹫宝宝</span></font></td>
<td><font face="微软雅黑">生命、魔力<br><font color="#ff0000" size="2">
闪躲、物法增伤</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=32">《累计赞助》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">鱼旋舞</span></font></td>
<td><font face="微软雅黑">防御、魔攻<br><font size="2" color="#ff0000">
物理增伤</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=32">《每日签到》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">雾隐幻境</span></font></td>
<td><font face="微软雅黑">生命、魔力<br><font size="2" color="#ff0000">
魔法减伤</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=38">《艾琳娜的珍宝目录》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">岩壁守护</span></font></td>
<td><font face="微软雅黑">生命、防御<br><font size="2" color="#ff0000">
物理减伤</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=40">《深渊试练》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">紫星轨迹</span></font></td>
<td><font face="微软雅黑">生命、敏捷<br><font color="#ff0000" size="2">
命中</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=38">《艾琳娜的珍宝目录》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">双龙环绕</span></font></td>
<td><font face="微软雅黑">生命、魔力<br><font size="2" color="#ff0000">
闪躲、物法增伤</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=32">《累计赞助》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑"><span class="constellation">黑色闪电</span></font></td>
<td><font face="微软雅黑">攻击、魔力<br><font size="2" color="#ff0000">
闪躲</font></font></td>
<td class="skill-detail"><a href="http://www.xyuml.com/forum.php?mod=viewthread&tid=40">《深渊试练》</a><br></td>
</tr>
<tr>
<td><font face="微软雅黑">紫韵太极</font></td>
<td><font face="微软雅黑">生命、魔力<br><font size="2" color="#ff0000">物法增伤</font></font></td>
<td class="skill-detail"><font face="微软雅黑">道具商城/柠檬兑换</font><br></td>
</tr>
<tr>
<td><font face="微软雅黑">瞌睡羊</font></td>
<td><font face="微软雅黑">防御、生命<br><font color="#ff0000" size="2">致死免除</font></font></td>
<td class="skill-detail"><a href="forum.php?mod=viewthread&tid=112">《斯巴卡公主》</a><br></td>
</tr>
</tbody>
</table>
页:
[1]