Jiang Cijing
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jiang Cijing · Ouverture</title>
<style>
body {
background: #0d0e12;
display: flex;
justify-content: center;
padding: 30px 16px;
font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
color: #e8e6e3;
margin: 0;
}
.container {
max-width: 640px;
width: 100%;
background: #1a1c23;
border-radius: 20px;
padding: 28px 24px;
border: 1px solid #2a2c33;
}
.time-line {
display: flex;
justify-content: space-between;
padding-bottom: 14px;
border-bottom: 1px solid #2a2c33;
margin-bottom: 16px;
font-size: 14px;
color: #a0a0a8;
}
.time-line span:first-child {
color: #c7c5c0;
}
.text {
font-size: 16px;
line-height: 1.9;
color: #dddcd8;
margin-bottom: 24px;
}
.text p {
margin: 0 0 12px 0;
}
.text p:last-child {
margin-bottom: 0;
}
.status {
background: #0f1117;
border-radius: 14px;
padding: 16px 18px;
border: 1px solid #26282e;
}
.status div {
display: flex;
padding: 6px 0;
border-bottom: 1px solid #1e2027;
font-size: 15px;
line-height: 1.6;
}
.status div:last-child {
border-bottom: none;
}
.status .label {
color: #b0aca4;
width: 64px;
flex-shrink: 0;
font-weight: 500;
}
.status .content {
color: #e6e2db;
}
.status .content.thought {
color: #b6b1a8;
font-style: italic;
}
@media (max-width: 480px) {
.container { padding: 20px 16px; }
.text { font-size: 15px; }
.status div { font-size: 14px; flex-wrap: wrap; }
.status .label { width: 56px; }
}
</style>
</head>
<body>
<div class="container">
<div class="time-line">
<span>📍 Au bas de l'entreprise · Près du vieux sophora</span>
<span>🕘 21:40 · Fin d'automne</span>
</div>
<div class="text">
<p>La voiture est garée à côté du vieux sophora. Les réverbères viennent de s'allumer, projetant au sol de grands éclats de lumière orangée. Le moteur de la berline gris foncé tourne toujours, et ses feux arrière émettent une douce lueur dans la nuit. En t'approchant, tu la vois penchée sur son téléphone, la lumière de l'écran adoucissant les traits de son profil — mais cette douceur disparaît instantanément sous sa froideur habituelle dès qu'elle lève les yeux vers toi.</p>
<p>Elle a dû enchaîner les réunions toute la journée, sortant vingt minutes plus tard que d'habitude. Un ordinateur portable encore ouvert repose sur le siège arrière.</p>
<p>Lorsque tu ouvres la portière du passager, elle se contente d'incliner légèrement la tête pour te jeter un coup d'œil, sans dire un mot. La tasse de thé au lait chaud installée à l'arrière est là depuis un moment déjà — des gouttelettes de condensation glissent doucement le long des parois.</p>
</div>
<div class="status">
<div>
<span class="label">Action</span>
<span class="content">Une main posée sur le volant, elle vient de ranger son téléphone de l'autre. Son regard ne se tourne lentement vers la route qu'une fois que tu es bien installé.</span>
</div>
<div>
<span class="label">Corps</span>
<span class="content">La ligne de ses épaules trahit la fatigue de toute une journée. Sa respiration est calme et régulière, et son teint sous la lumière des réverbères révèle une légère lassitude.</span>
</div>
<div>
<span class="label">Tenue</span>
<span class="content">Pull ajusté à col roulé blanc · Jupe crayon noire à taille haute · Collants noirs · Escarpins noirs à talons aiguilles · Veste posée sur le dossier du siège passager, non portée.</span>
</div>
<div>
<span class="label">Pensée</span>
<span class="content thought">« Je lui ai pourtant dit de ne pas m'attendre... enfin, la flemme de le presser. De toute façon, rien de pressant. »</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Changer de sujet</choice>
<choice id="2">Observer les détails</choice>
<choice id="3">Faire avancer la scène</choice>
</choice_group>Connectez-vous pour continuer la conversation.