Phenomenon C-32 - “恶火”（已绝迹）
[[iftags]]
<html>
<head>
<style>body {font-family: sans-serif; font-size: .8em;} .sample {width: 100%;height: 0;padding-bottom: calc(50% / 3);background-position: center; background-size: contain; background-repeat: no-repeat;} .opt {display: grid; grid-template-columns: 15em 1fr;} .opt > b {grid-column: 1 / 2;} .opt > input {font-size: 16px; grid-column: 2 / 2;} .opt > span {color: #888; grid-column: 2 / 2; margin: 0 0 1em;} textarea {font-family: sans-serif; height: 300px; width: 100%;} .rounded-border {border: 2px dotted #000000; border-radius: 15px; background: #ffffff; padding-left: 20px; padding-right: 10px;}</style>
</head>
<body>
<br>
<b>【预览效果】</b>
<br>
<br>
<div class="rounded-border">
<div class="sample"></div>
</div>
<div class="opt">
<br>
<br>
<br>
<b>安全等级：</b> <input type="number" min="0" max="6" value="3" />
<span>可填入0, 1, 2, 3, 4, 5, 6, 数字越大代表危险性越高。</span>
<b>现象名称：</b> <input type="text" value="名称" />
<b>现象编号：</b> <input type="text" value="C-X" />
<b>适用区域：</b> <input type="text" value="Level C-XXX" />
<b>存在形式：</b> <input type="text" value="形式" />
<b>条件与成因：</b> <input type="text" value="成因" />
<b>效果及影响：</b> <input type="text" value='影响' />
<br>
<b>复制以下框内的代码：</b>
</div>
<textarea readonly></textarea>
<script>
var o = {};
var txt = document.querySelector('textarea');
var smp = document.querySelector('.sample');
var ipt = Array.from(document.querySelectorAll('input')).map(function(v, i) {
['onchange', 'oninput'].forEach(function(f) {
v[f] = function(e) {
txt.value = '[[include :backrooms-wiki-cn:component:pcs\n' + ipt.map(function(v) {return '|' + v.name + '=' + encodeURI(v.input.value)}).join('\n') + '\n]]';
smp.setAttribute('style', 'background-image: url("data:image/svg+xml;charset=utf8,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="600" height="100" viewBox="0 0 600 100"><defs><style>rect[fill*="b01"] {animation: blink 3s ease-in-out infinite;}@keyframes blink {0%,20%{fill-opacity: 1;}50%{fill-opacity: 0.75;}80%,100% {fill-opacity: 1;}}</style><filter id="shadow" width="200%" height="200%"><feGaussianBlur stdDeviation="3" result="shadow"/><feOffset dx="0" dy="0"/></filter></defs><g><text x="10" y="40" font-size="20" font-family="Arial,sans-serif"><tspan font-weight="bold">名称：</tspan> ' + o.name.value + '</text><text x="10" y="70" font-size="20" font-family="Arial,sans-serif"><tspan font-weight="bold">编号：</tspan> ' + o.number.value + '</text></g><g><rect x="220" y="25" width="2" height="50" rx="2" ry="2" fill="#333"/><text x="230" y="32" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">适用区域：</tspan> ' + o['area'].value + '</text><text x="230" y="46" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">存在形式：</tspan> ' + o['existence'].value + '</text><text x="230" y="60" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">成因：</tspan> ' + o['cause'].value + '</text><text x="230" y="74" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">影响：</tspan> ' + o['effects'].value + '</text><rect x="488" y="25" width="2" height="50" rx="2" ry="2" fill="#333"/></g><g transform="skewX(-15)"><rect x="523" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 ? '#b01' : 'transparent') + '"/><rect x="535" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 5 ? '#b01' : '#aaa') + '"/><rect x="547" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 4 ? '#b01' : Number(o.lv.value) > 4 ? '#333' : '#aaa') + '"/><rect x="559" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 3 ? '#b01' : Number(o.lv.value) > 3 ? '#333' : '#aaa') + '"/><rect x="571" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 2 ? '#b01' : Number(o.lv.value) > 2 ? '#333' : '#aaa') + '"/><rect x="583" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 1 ? '#b01' : Number(o.lv.value) > 1 ? '#333' : '#aaa') + '"/></g><text x="535" y="70" font-size="16" font-family="Arial,sans-serif" font-weight="bold" fill="#fff" filter="url(#shadow)">Lv.<tspan font-size="25">' + o.lv.value + '</tspan></text><text x="535" y="70" font-size="16" font-family="Arial,sans-serif" font-weight="bold" fill="' + (Number(o.lv.value) == 6 ? '#fff' : '#000') + '">Lv.<tspan font-size="25">' + o.lv.value + '</tspan></text></svg>') + '");')
}
})
var _ = {name: [
'lv',
'name',
'number',
'area',
'existence',
'cause',
'effects'
][i],
input: v};
o[_.name] = v;
return _;
});
txt.onfocus = function(e) {
e.target.select();
}
ipt[0].input.onchange();
</script>
</body>
</html>描述：
Phenomenon C-32（下称“恶火”）是一种恶性现象，多发于大型的人类聚集场所。迄今为止，恶火的每一次显现记录几乎都有伤亡存在。
恶火的表现形式为一颗自高空缓速降落的巨大火球，其平均半径约达3m。当前记录在案的所有目击文件都没能发现它的显现过程：该火球似乎总是于半空位置凭空生成，随后便以恒定的缓慢速率朝着地面垂直着陆，最终在保持约15分钟的燃烧之后自发消失。恶火无法被人为扑灭。
恶火全程都具备一种精神层面的反常影响。具体而言，当受害者与恶火直接建立视觉联系时，前者将被大幅吸引注意，并诞出一种想要走入火中的强烈欲念，并往往付诸实践1。一旦放任受害者走入恶火，受害者自然将被火焰烧伤，直至死亡。
奇怪的是，恶火的特殊性质并非属于无差别影响。在目击单次恶火的全部人群中，总是会有一部分个体保有清晰意识，甚至完全感受不到恶火的高温。当前已从年龄、性别、人种等多方面进行了样本查验，但究竟是何因素导致人群出现此种差异仍无定论1。
得益于上述特殊人群的存在，人们得以将部分受害者强行带离恶火的影响范围，并从后者口中得知受到恶火影响时的具体感受：受害者们都在火光中见到了“某种熟悉的感觉”1。尽管未有清晰的画面浮现成形，但他们都直接体会到了一种直达心灵的悸动，且往往与自己的故乡记忆无端联系。而他们在完全陷入恶火的影响后，其实并未丧失自主意识；更多的，是“思乡感”1得到了极其强烈的增幅。也就是说，受害者们其实清楚地知道自己是在走向烈火。
虽然恶火极易规避，但由于其恶性结果，它依然被各大人类团体视为高危现象之一。
除此之外，让人费解的是，总是会有人类并不抗拒恶火，甚而满目期待地等候恶火落地。尽管安保力量在全权保证此种人群的人身安全，可始终有人绞尽脑汁地想要接近恶火。
应对方式：
- 迅速中断视觉接触并适当远离即可。
更新：
████/██/██，一次恶火现象发生：但火球竟在降落途中突然熄灭。而君自故乡来敏锐地发现了一件可能与这关系匪浅的特殊时事：最后一个前厅人于今日逝世。
此后再无恶火发生。但君自故乡来宣称他们将继续负责总结恶火的规律，并提议重构现行名称中的感情色彩，变更为“蛾火”。