3月1日不停机更新公告
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>星语魔力更新公告</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap" rel="stylesheet">
<style>
body {
background-color: #ffffff; /* 保持白色背景 */
padding: 20px;
font-family: '微软雅黑', sans-serif;
overflow-x: hidden;
margin: 0;
}
.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); /* 恢复淡紫色边框 */
width: 100%;
max-width: 1200px;
margin: 20px auto;
font-family: 'Orbitron', sans-serif;
border-collapse: collapse;
word-break: break-word;
overflow-wrap: anywhere;
position: relative; /* 允许相对定位 */
box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* 恢复阴影效果 */
}
.star-table th {
background: rgba(200,190,255,0.3);
color: #4a47a3;
padding: 16px;
border-bottom: 2px solid #b8b5ff;
text-align: left;
font-family: 微软雅黑;
font-size: 1.2rem;
}
.star-table td {
padding: 16px;
color: #5a5a7a;
background: rgba(255,255,255,0.95); /* 保持接近纯白 */
border-bottom: 1px solid #e0e0f8;
vertical-align: top;
font-family: 微软雅黑;
line-height: 1.6;
}
.update-header {
text-align: center;
margin-bottom: 20px;
}
.update-content {
padding: 0 10px;
}
.update-item {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px dashed #d0d0f8;
}
.update-item:last-child {
border-bottom: none;
}
.update-num {
color: #4a47a3;
font-weight: bold;
margin-right: 8px;
}
.example-box {
background: rgba(200,190,255,0.1);
padding: 10px;
border-radius: 4px;
margin: 10px 0;
border-left: 3px solid #a8a5ff;
}
.highlight-red {
color: #ff3366;
font-weight: 600;
}
.highlight-purple {
color: #9932cc;
font-weight: 600;
}
/* 移除全局禁用动画的规则 */
/* 恢复允许动画和过渡 */
/* 恢复允许伪元素 */
/* 移除 *::before, *::after 的禁用规则 */
/* 确保链接颜色正常 */
a {
color: #4a47a3;
text-decoration: none;
}
a:hover {
text-decoration: underline;
transition: text-decoration 0.2s ease; /* 添加平滑过渡效果 */
}
/* 添加一些微妙的动画效果(可选) */
.star-table {
animation: fadeIn 0.5s ease-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<table class="star-table">
<thead>
<tr>
<th><b>更新公告</b></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="update-header">
<b><font size="3">
亲爱的星语魔力玩家<br>
我们将于<font color="#ff0000">3月1日00:00</font>对服务器进行更新,本次更新为<font color="#ff0000">不停机更新</font></font></b></div>
<div class="update-content">
<div class="update-item">
<span class="update-num" style="font-weight: normal;">1.绝壁村外不再出现年兽</span></div>
<div class="update-item">
<span class="update-num" style="font-weight: normal;">2.开放限时活动<a href="forum.php?mod=viewthread&tid=203"><无尽之战></a>,参与活动可获取金树叶奖励<br>
活动时间:3月1日00:00 ~ 3月15日00:00<br>
第八期:无限刀流的艾吉
</span></div>
<div class="update-item">
<span class="update-num" style="font-weight: normal;">3.新增元宵赠礼<捣蛋小鬼>特效,可在法兰城活动区域NPC处领取</span></div>
</div>
</td>
</tr>
</tbody>
</table>
页:
[1]