圣诞鼠首领的赠礼
<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>
/* 列宽调整 */
.star-table {
table-layout: fixed; /* 启用固定布局 */
}
.star-table th:nth-child(1), /* 技能名称列 */
.star-table td:nth-child(1) {
width: 12%; /* 原15%缩至12% */
}
.star-table th:nth-child(2), /* COST列 */
.star-table td:nth-child(2) {
width: 6%; /* 原8%缩至6% */
text-align: center; /* 数值居中 */
}
.star-table th:nth-child(3), /* 技能效果列 */
.star-table td:nth-child(3) {
width: 52%; /* 原45%增至52% */
}
.star-table th:nth-child(4), /* 职业列 */
.star-table td:nth-child(4) {
width: 15%; /* 保持不变 */
}
.star-table th:nth-child(5), /* 获取经验列 */
.star-table td:nth-child(5) {
width: 15%; /* 保持不变 */
}
/* 原有晨曦模式样式保持不变 */
.star-table { /* ...原有渐变背景等样式... */ }
/* ...其他CSS规则与之前完全相同... */
</style>
<table class="star-table">
<thead>
<tr>
<th><font face="微软雅黑">怪物名称</font></th>
<th><font face="微软雅黑">刷新时间</font></th>
<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="微软雅黑">圣诞大地鼠首领x3</font></span></td>
<td><font face="微软雅黑">1~90分钟</font></td>
<td class="skill-detail"><font face="微软雅黑">Lv.100圣诞大地鼠首领x1、Lv95~100圣诞大地鼠x4</font></td>
<td><font face="微软雅黑">魔金币x3~10</font></td>
<td><font face="微软雅黑">所有魔界领主出现区域</font></td>
</tr>
<tr>
<td><span class="constellation"><font face="微软雅黑">圣诞恶梦鼠首领x3</font></span></td>
<td><font face="微软雅黑">1~90分钟</font></td>
<td class="skill-detail"><font face="微软雅黑">Lv.100圣诞恶梦鼠首领x1、Lv95~100圣诞恶梦鼠x4</font></td>
<td><font face="微软雅黑">魔金币x3~10</font></td>
<td><span style="font-family: 微软雅黑;">所有魔界领主出现区域</span><br></td>
</tr>
<tr>
<td><span class="constellation"><font face="微软雅黑">圣诞火焰鼠首领x3</font></span></td>
<td><font face="微软雅黑">1~90分钟</font></td>
<td class="skill-detail"><font face="微软雅黑">Lv.100圣诞火焰鼠首领x1、Lv95~100圣诞火焰鼠x4</font></td>
<td><font face="微软雅黑">魔金币x3~10</font></td>
<td><span style="font-family: 微软雅黑;">所有魔界领主出现区域</span><br></td>
</tr>
<tr>
<td><span class="constellation"><font face="微软雅黑">圣诞宝石鼠首领x3</font></span></td>
<td><font face="微软雅黑">1~90分钟</font></td>
<td class="skill-detail"><font face="微软雅黑">Lv.100圣诞宝石鼠首领x1、Lv95~100圣诞宝石鼠x4</font></td>
<td><font face="微软雅黑">魔金币x3~10</font></td>
<td><span style="font-family: 微软雅黑;">所有魔界领主出现区域</span><br></td>
</tr>
<!-- 魔金币兑换表格 -->
</tbody></table><table class="star-table">
<thead><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="微软雅黑">30</font></td><td><font face="微软雅黑">为指定宠物增加1点命中修正（每项最多30点）</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">闪躲灵核</span></font></td><td><font face="微软雅黑">30</font></td><td><font face="微软雅黑">为指定宠物增加1点闪躲修正（每项最多30点）</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">11格技能栏增长卡</span></font></td><td><font face="微软雅黑">500</font></td><td><font face="微软雅黑">将技能栏由10增长至11格，需按顺序使用</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">12格技能栏增长卡</span></font></td><td><font face="微软雅黑">500</font></td><td><font face="微软雅黑">将技能栏由11增长至12格，需按顺序使用</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">宠物洗档卡</span></font></td><td><font face="微软雅黑">10</font></td><td><font face="微软雅黑">随机改变一只宠物的掉档</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">十全十美安全帽</span></font></td><td><font face="微软雅黑">10</font></td><td><font face="微软雅黑">1级头盔，魔法值+200，闪躲+5，穿戴后抵挡100次采集受伤</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">时之贝</span></font></td><td><font face="微软雅黑">120</font></td><td><font face="微软雅黑">重置目标宠物所有追星并重新随机分配</font></td></tr>
<tr><td><font face="微软雅黑"><span class="constellation">神匠修复锤</span></font></td><td><font face="微软雅黑">30</font></td><td><font face="微软雅黑">将一件装备的耐久度恢复到最大值</font></td></tr>
</tbody>
</table>
页:
[1]