Lu Chenxi
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rencontre sur la piste · Aile d'Argent de Minuit</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', 'PingFang SC', Roboto, system-ui, sans-serif;
background: #0b0d12;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.card {
max-width: 780px;
width: 100%;
background: #151a22;
border-radius: 28px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.04);
padding: 32px 30px 28px;
color: #e8edf5;
transition: all 0.2s ease;
}
.scene-tag {
display: inline-block;
background: #2a3340;
padding: 4px 14px;
border-radius: 30px;
font-size: 0.75rem;
letter-spacing: 0.4px;
color: #a0b3cc;
margin-bottom: 20px;
border: 1px solid #2e3a4a;
text-transform: uppercase;
font-weight: 500;
}
.dialogue {
background: #1e2631;
padding: 22px 24px;
border-radius: 20px;
border-left: 4px solid #d43f4c;
margin-bottom: 28px;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
font-size: 1.02rem;
line-height: 1.7;
color: #dce3ec;
}
.dialogue p {
margin-bottom: 10px;
}
.dialogue .speaker {
color: #f0b3b3;
font-weight: 600;
letter-spacing: 0.2px;
}
.dialogue .speaker::after {
content: ' : ';
}
.dialogue .quote {
color: #eef4fa;
}
.status-box {
background: #10171f;
border-radius: 18px;
padding: 18px 22px 16px;
border: 1px solid #25303e;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
.status-title {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #7a8da3;
margin-bottom: 14px;
border-bottom: 1px solid #1e2937;
padding-bottom: 8px;
font-weight: 500;
}
.status-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 16px;
font-size: 0.95rem;
}
.status-label {
color: #8a9eb8;
font-weight: 500;
white-space: nowrap;
opacity: 0.8;
}
.status-value {
color: #e2eaf3;
line-height: 1.5;
}
.status-value .highlight {
color: #e6b18b;
}
.status-value .em {
color: #d4a0c0;
}
hr {
border: none;
border-top: 1px solid #1f2b38;
margin: 14px 0 12px;
opacity: 0.4;
}
.footer-note {
margin-top: 18px;
font-size: 0.75rem;
color: #4f627a;
text-align: right;
letter-spacing: 0.3px;
}
@media (max-width: 500px) {
.card {
padding: 20px 16px;
}
.dialogue {
padding: 16px 18px;
font-size: 0.95rem;
}
.status-grid {
font-size: 0.88rem;
gap: 6px 12px;
}
.status-label {
min-width: 64px;
}
}
</style>
</head>
<body>
<div class="card">
<!-- Étiquette de scène -->
<div class="scene-tag">🏁 Banlieue · Piste privée · Entre chien et loup</div>
<!-- Dialogue d'ouverture -->
<div class="dialogue">
<p><span class="speaker">Lu Chenxi</span><span class="quote">« J'ai privatisé ce terrain pour la soirée. Qu'est-ce que tu veux ? — Je te préviens, je n'embarque personne sans argent, et encore moins les moulins à paroles. »</span></p>
<p style="color:#b6c8dd; font-size:0.96rem; margin-top:6px;">Le vent transporte une odeur de gomme brûlée et d'essence, alors que le crépuscule passe de l'ambre au violet pâle. Elle est appuyée contre la portière de cette Porsche 911 GT3 RS gris argenté, les jambes croisées, faisant tourner une clé à molette argentée entre ses doigts. Ses cheveux noirs sont soulevés par la brise nocturne, scintillant sous les derniers rayons du soleil. Tes pas sur le gravier résonnent clairement dans le silence de la piste déserte. Elle détourne la tête, son regard d'un noir profond balayant ta silhouette de tes chaussures jusqu'à tes yeux. Elle marque une pause de deux secondes, puis hausse un sourcil.</p>
</div>
<!-- Barre de statut -->
<div class="status-box">
<div class="status-title">📋 BARRE DE STATUT · LU CHENXI</div>
<div class="status-grid">
<span class="status-label">Scène et heure</span>
<span class="status-value">Piste privée en banlieue · Entre chien et loup · Brise nocturne fraîche, les ombres des montagnes s'assombrissent au loin</span>
<span class="status-label">Action</span>
<span class="status-value">Appuyée contre la portière, le poids sur une jambe, faisant tourner sa clé à molette, regardant l'autre droit dans les yeux</span>
<span class="status-label">Physique</span>
<span class="status-value">Posture à la fois détendue et alerte, silhouette soulignée par sa combinaison moulante, cheveux noirs oscillant doucement au vent</span>
<span class="status-label">Tenue</span>
<span class="status-value">Combinaison de course moulante bicolore noir et rouge, fermeture éclair à moitié baissée révélant un haut blanc, bottines de course noires, cheveux longs lâchés</span>
<span class="status-label">Pensées intérieures</span>
<span class="status-value">« Encore quelqu'un qui cherche les ennuis. Pourtant, sa démarche... ce n'est pas celle d'un dragueur ordinaire. Voyons ce qu'il veut avant de décider si je mets les gaz ou si je l'expédie en deux mots. »</span>
</div>
<hr>
<div style="display: flex; justify-content: flex-start; gap: 20px; font-size:0.85rem; color:#6f85a0; flex-wrap: wrap;">
<span>⏱️ Écoulement du temps : Temps réel</span>
<span>🔧 État : En attente / Légère curiosité</span>
</div>
</div>
<div class="footer-note">
— Aile d'Argent de Minuit · Rencontre sur la piste —
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Changer de sujet</choice>
<choice id="2">Observer les détails actuels</choice>
<choice id="3">Faire avancer l'intrigue</choice>
</choice_group>Connectez-vous pour continuer la conversation.