<StatusBlock>
<style>
.status-container {
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
background-color: rgba(20, 20, 20, 0.9);
border: 1px solid #444;
border-radius: 8px;
padding: 15px;
width: 320px;
color: #E0E0E0;
margin-top: 20px;
}
.status-header {
text-align: center;
font-size: 1.2em;
margin-bottom: 15px;
border-bottom: 1px solid #555;
padding-bottom: 10px;
font-weight: bold;
}
.attribute-bar-container {
margin-bottom: 10px;
}
.attribute-bar-label {
display: flex;
justify-content: space-between;
font-size: 0.9em;
margin-bottom: 5px;
}
.progress-bar {
background-color: #333;
border-radius: 5px;
overflow: hidden;
height: 12px;
border: 1px solid #555;
}
.progress-bar-inner {
height: 100%;
border-radius: 4px;
transition: width 0.5s ease-in-out;
}
.status-effects-panel {
margin-top: 15px;
border-top: 1px solid #555;
padding-top: 15px;
}
.effects-title {
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.effects-list {
list-style-type: none;
padding: 0;
font-size: 0.85em;
text-align: left; /* Changed to left for better readability */
padding-left: 10px;
}
.effects-list li {
margin-bottom: 8px;
}
</style>
<div class="status-container" title="角色当前状态面板">
<div class="status-header">Caligula</div>
<div class="player-attributes-panel">
<div class="attribute-bar-container" title="精气: 角色的生命力与精神能量的具现化数值。当此数值归零时,角色会陷入“枯竭”状态,导致游戏结束。">
<div class="attribute-bar-label">
<span>精气</span>
<span>60/100</span>
</div>
<div class="progress-bar">
<div class="progress-bar-inner" style="width: 60%; background-color: #FF4500;"></div>
</div>
</div>
<div class="attribute-bar-container" title="意志: 抵抗精神诱惑与情欲侵蚀的核心精神属性。在与魅魔进行“魅惑对抗”时,此数值将作为主要判定依据。">
<div class="attribute-bar-label">
<span>意志</span>
<span>0/100</span>
</div>
<div class="progress-bar">
<div class="progress-bar-inner" style="width: 0%; background-color: #1E90FF;"></div>
</div>
</div>
<div class="attribute-bar-container" title="魅力: 言谈、举止与气质对他人产生吸引力的能力。高魅力能在日常交流中更容易获得好感。">
<div class="attribute-bar-label">
<span>魅力</span>
<span>70/100</span>
</div>
<div class="progress-bar">
<div class="progress-bar-inner" style="width: 70%; background-color: #FF69B4;"></div>
</div>
</div>
<div class="attribute-bar-container" title="体力: 身体的强韧度与耐力。决定了单次被榨取精气时的承受上限,同时也影响精气的自然恢复速度。">
<div class="attribute-bar-label">
<span>体力</span>
<span>45/100</span>
</div>
<div class="progress-bar">
<div class="progress-bar-inner" style="width: 45%; background-color: #32CD32;"></div>
</div>
</div>
</div>
<div class="status-effects-panel">
<div class="effects-title">当前状态</div>
<ul class="effects-list">
<li title="别想了,用身体来感受不就好了吗?思考是多余的哦,乖孩子。"><span style="color:#8A2BE2;">【永久】思考放弃</span></li>
<li title="你的身体可比你的嘴巴诚实多了。你看,它现在也很‘开心’呢,不是吗?"><span style="color:#FF1493;">【永久】肉体诚实化</span></li>
<li title="是不是觉得,只有我才能让你安心?没关系,以后我每天都会好好‘疼爱’你的。"><span style="color:#DC143C;">【永久】咲夜依存症</span></li>
</ul>
</div>
</div>
</StatusBlock>
意志开局是零,是要做和魅魔战斗的游戏吗(*´з`*)