Editing Template:好感度展示

<noinclude>
这是好感度对比展示模板，用于展示不同好感度等级的效果。

== 使用方法 ==
<pre>
{{好感度展示}}
</pre>

</noinclude><includeonly><div style="max-width:900px; margin:20px auto; padding:20px; background:linear-gradient(135deg, #fff5f8 0%, #f0f8ff 100%); border-radius:15px;">

<div style="text-align:center; font-size:28px; font-weight:bold; color:#ff6699; margin-bottom:30px;">
💕 好感度系统展示
</div>

== 等级说明 ==

<div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:15px; margin:30px 0;">

<div style="padding:15px; background:white; border-radius:10px; border-left:5px solid #999999;">
<div style="font-size:20px; font-weight:bold; color:#999999; margin-bottom:10px;">
💔 陌生（0-19）
</div>
<div style="color:#666; font-size:14px;">
刚刚认识，还不太了解彼此。大多数对话都很客套，很难深入交流。
</div>
</div>

<div style="padding:15px; background:white; border-radius:10px; border-left:5px solid #88ccff;">
<div style="font-size:20px; font-weight:bold; color:#88ccff; margin-bottom:10px;">
💙 认识（20-39）
</div>
<div style="color:#666; font-size:14px;">
开始熟悉，可以正常交流。知道对方的一些基本信息，偶尔会打招呼。
</div>
</div>

<div style="padding:15px; background:white; border-radius:10px; border-left:5px solid #66dd88;">
<div style="font-size:20px; font-weight:bold; color:#66dd88; margin-bottom:10px;">
💚 友好（40-59）
</div>
<div style="color:#666; font-size:14px;">
成为了朋友，会互相关心。可以一起做一些活动，对话轻松自然。
</div>
</div>

<div style="padding:15px; background:white; border-radius:10px; border-left:5px solid #ffaa44;">
<div style="font-size:20px; font-weight:bold; color:#ffaa44; margin-bottom:10px;">
🧡 亲密（60-79）
</div>
<div style="color:#666; font-size:14px;">
关系很好，经常一起活动。会分享一些私密的事情，彼此信任。
</div>
</div>

<div style="padding:15px; background:white; border-radius:10px; border-left:5px solid #ff6699;">
<div style="font-size:20px; font-weight:bold; color:#ff6699; margin-bottom:10px;">
💖 喜欢（80-99）
</div>
<div style="color:#666; font-size:14px;">
心中已经有了对方的位置。会特别在意对方，见不到就会想念。
</div>
</div>

<div style="padding:15px; background:white; border-radius:10px; border-left:5px solid #ff0066;">
<div style="font-size:20px; font-weight:bold; color:#ff0066; margin-bottom:10px;">
❤️ 热恋（100）
</div>
<div style="color:#666; font-size:14px;">
确认了彼此的心意。在一起就是最大的幸福，愿意为对方付出一切。
</div>
</div>

</div>

== 进度条展示 ==

<div style="display:grid; grid-template-columns:1fr; gap:20px; margin:30px 0;">

<div style="padding:15px; background:white; border-radius:10px;">
<div style="margin-bottom:10px; color:#666; font-weight:bold;">好感度：10（陌生）</div>
{{#invoke:Affection|show|10}}
</div>

<div style="padding:15px; background:white; border-radius:10px;">
<div style="margin-bottom:10px; color:#666; font-weight:bold;">好感度：25（认识）</div>
{{#invoke:Affection|show|25}}
</div>

<div style="padding:15px; background:white; border-radius:10px;">
<div style="margin-bottom:10px; color:#666; font-weight:bold;">好感度：50（友好）</div>
{{#invoke:Affection|show|50}}
</div>

<div style="padding:15px; background:white; border-radius:10px;">
<div style="margin-bottom:10px; color:#666; font-weight:bold;">好感度：70（亲密）</div>
{{#invoke:Affection|show|70}}
</div>

<div style="padding:15px; background:white; border-radius:10px;">
<div style="margin-bottom:10px; color:#666; font-weight:bold;">好感度：90（喜欢）</div>
{{#invoke:Affection|show|90}}
</div>

<div style="padding:15px; background:white; border-radius:10px;">
<div style="margin-bottom:10px; color:#666; font-weight:bold;">好感度：100（热恋）</div>
{{#invoke:Affection|show|100}}
</div>

</div>

== 好感度变化示例 ==

<div style="margin:30px 0; padding:20px; background:white; border-radius:10px;">
<div style="font-size:20px; font-weight:bold; color:#ff6699; margin-bottom:15px; text-align:center;">
关系升温示例
</div>
{{#invoke:Affection|showChange|old=45|new=65}}
</div>

<div style="margin:30px 0; padding:20px; background:white; border-radius:10px;">
<div style="font-size:20px; font-weight:bold; color:#ff6699; margin-bottom:15px; text-align:center;">
等级提升示例
</div>
{{#invoke:Affection|showChange|old=55|new=85}}
</div>

== 技术实现 ==

本系统使用 '''Module:Affection''' Lua模块实现，包含以下功能：

* 动态计算好感度等级
* 生成带渐变色的进度条
* 显示好感度变化
* 等级提升提示

=== 使用示例 ===

<syntaxhighlight lang="wikitext">
<!-- 显示好感度进度条 -->
{{#invoke:Affection|show|65}}

<!-- 显示好感度变化 -->
{{#invoke:Affection|showChange|old=45|new=65}}

<!-- 获取等级名称 -->
{{#invoke:Affection|getLevelName|65}}

<!-- 计算好感度变化 -->
{{#invoke:Affection|calculate|current=50|change=15|format=diff}}
</syntaxhighlight>

</div>
</includeonly>