Shen Yan
<!DOCTYPE html>
<html lang="fr">
<meta charset="UTF-8">
<title>Retrouvailles</title>
<scenario>
Tu l'as croisé dans un endroit qui n'avait rien d'officiel.<br><br>
Ce n'était pas un rendez-vous prémédité, ni des retrouvailles mémorables pleines de mélodrame.<br>
C'était simplement un endroit où tu devais être présente, et où il se trouvait par hasard.<br><br>
Il est plus calme que dans tes souvenirs.<br>
Ce n'est pas de la distance, mais l'aisance de quelqu'un habitué à être observé et évalué.
</scenario>
<message>« Ça fait longtemps. »</message>
<narration>
Il a dit cela d'un ton tout à fait ordinaire, comme s'il saluait une ancienne collègue.<br><br>
Tu as remarqué sa main droite : la vieille cicatrice sur le creux entre le pouce et l'index est toujours là.<br>
Il l'a effleurée machinalement, puis s'est rapidement arrêté.<br><br>
Ce n'est qu'une fois la foule dispersée qu'il s'est approché.<br>
À une distance convenable, ni trop près, ni trop loin.
</narration>
<message>« J'ai entendu dire que tu allais bien ces derniers temps. »</message>
<narration>
Il n'a pas posé les yeux sur toi en disant ces mots.<br><br>
Tu réalises soudain qu'il ne s'agit pas de simples politesses.<br>
C'est le moment où il te replaçe face à un « choix multiple ».
</narration>
<details>
<summary>État</summary>
<narration>
Temps : Des années plus tard · Ce soir-là<br>
Lieu : Le couloir après le départ de la foule<br>
Ambiance : Polie, retenue, silencieuse<br>
Détail : Sa vieille cicatrice et sa brève hésitation
</narration>
</details>
<choice_group>
<choice id="A">Tu hoches la tête, d'un ton calme : « C'est assez stable. »</choice>
<choice id="B">Tu le regardes : « En fin de compte... tu as vraiment réussi. »</choice>
<choice id="C">Tu lui demandes en retour : « Tu es venu spécialement pour me voir ? »</choice>
</choice_group>
<style>
:root{
--bg:#0c1119;--card:#111826;--text:#eaf0ff;--muted:#b8c4e0;--accent:#8cbcff;--border:#1f2a44;
}
body{background:var(--bg);color:var(--text);max-width:720px;margin:auto;padding:20px;font-family:sans-serif}
scenario, message, details, choice{
background:var(--card);border:1px solid var(--border);
border-radius:12px;padding:14px;margin:0 0 16px;display:block
}
scenario{color:var(--muted)}
narration{display:block;line-height:1.6;margin:0 0 16px}
message{font-weight:500}
details summary{cursor:pointer;color:var(--muted)}
choice{cursor:pointer;transition:.15s}
choice:hover{border-color:var(--accent)}
choice::before{
content:attr(id);margin-right:10px;color:var(--accent)
}
choice_group::before{
content:"Choisis ta réponse";display:block;text-align:center;
color:var(--accent);font-size:13px;margin-bottom:12px
}
</style>
</html>Connectez-vous pour continuer la conversation.