清明节任务
<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 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&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>
<td colspan="2" class="phase"><font face="微软雅黑" color="#ff0000"><b>活动时间：4月5日00:00 - 4月12日23:59</b></font></td>
</tr>
<!-- 阶段1 -->
<tr>
<td class="phase" style="width: 120px"><font face="微软雅黑"><b>阶段一</b></font></td>
<td>
<font face="微软雅黑"><strong>采集「青团」</strong><br>
在静默之殿附近击败青团小鬼收集100个「青团」
</font></td>
</tr>
<!-- 阶段2 -->
<tr>
<td class="phase"><font face="微软雅黑"><b>阶段二</b></font></td>
<td>
<font face="微软雅黑"><strong>净化「执念之灵」</strong><br>
前往灵堂（领死者戒指的地图）使用青团，消耗100个青团，进入战斗<br>
击败执念之灵·卡米拉后获得「破瘴符」x1
</font></td>
</tr>
<!-- 阶段3 -->
<tr>
<td class="phase"><font face="微软雅黑"><b>阶段三</b></font></td>
<td>
<font face="微软雅黑"><strong>制作破瘴纸人</strong><br>
收集材料，双击破障符制作破瘴纸人<br>
</font><div class="material"><font face="微软雅黑">
「宣纸」×1（特殊道具商处100000魔币购买）<br>
「破瘴符」×3（击败执念之灵·卡米拉掉落）
</font></div>
</td>
</tr>
<!-- 阶段4 -->
<tr>
<td class="phase"><font face="微软雅黑"><b>阶段四</b></font></td>
<td>
<font face="微软雅黑"><strong>击败魍魉之主</strong><br>
1.持有破瘴纸人与法兰城活动区域<守陵人·青桓>对话进入暗道<br><font color="#ff0000">注：整队传送，仅队长持有即可</font><br>
2.通过40层迷宫<br>
3.在底层对战魍魉之主<br>
4.胜利后对话获得随机奖励并传送回法兰城
</font></td>
</tr>
<!-- 奖励说明 -->
<tr>
<td class="phase"><font face="微软雅黑"><b>奖励内容</b></font></td>
<td><font face="微软雅黑">
▷ <b>奖励一览(随机获得以下一种)：</b><br>
金鳞设计图ABCDE<br>
灵猫修行使1-2个<br>
魔族的水晶<br>
誓言之证<br>
技能经验草<br><br>
▷ <b>金鳞：</b><br>
37.39.21.14.19:130，龙系，7风3地，技能栏8，技能：破邪<br>
破邪(被动技能)：对不死系的伤害额外提高%<br> <b>改造材料：</b><br>
Lv.1寒冰翼龙+金鳞设计图ABCDE<br><br>
▷ <b><font color="#ff0000">首次完成额外奖励：</font></b><br>角色美容券x1（不可交易）
</font></td>
</tr>
</thead></table>
页:
[1]