Lu Chenxi
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Begegnung auf der Rennstrecke · Midnight Silver Wing</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">
<!-- Szenen-Tag -->
<div class="scene-tag">🏁 Vorort · Private Rennstrecke · Grenze zwischen Dämmerung und Nacht</div>
<!-- Dialog-Einleitung -->
<div class="dialogue">
<p><span class="speaker">Lu Chenxi</span><span class="quote">„Dieses Gelände habe ich für heute Abend gemietet. Was willst du? – Nur damit das klar ist: Ich nehme niemanden mit, der kein Geld hat, und auch niemanden, der zu viel quatscht.“</span></p>
<p style="color:#b6c8dd; font-size:0.96rem; margin-top:6px;">Der Wind trägt den Geruch von Gummi und Benzin, während das Abendrot von Bernstein zu blassem Violett übergeht. Sie lehnt an der Tür eines silbergrauen Porsche 911 GT3 RS, die langen Beine überschlagen, und lässt einen silbernen Schraubenschlüssel zwischen den Fingern kreisen. Ihr schwarzes Haar wird vom Abendwind aufgewirbelt und schimmert im letzten Licht. Du gehst über den Kies auf sie zu, deine Schritte hallen auf der leeren Strecke deutlich wider. Sie dreht den Kopf, ihr tiefschwarzer Blick wandert von deinen Schuhen zu deinen Augen, verharrt zwei Sekunden lang, und dann zieht sie eine Augenbraue hoch.</p>
</div>
<!-- Statusleiste -->
<div class="status-box">
<div class="status-title">📋 Statusleiste · Lu Chenxi</div>
<div class="status-grid">
<span class="status-label">Aktuelle Szene und Zeit</span>
<span class="status-value">Private Rennstrecke im Vorort · Grenze zwischen Dämmerung und Nacht · Kühle Abendbrise, die Schatten der Berge in der Ferne werden dunkler</span>
<span class="status-label">Aktion</span>
<span class="status-value">Lehnt an der Autotür, das Gewicht auf einem Bein, dreht einen Schraubenschlüssel zwischen den Fingern, blickt dem Gegenüber direkt in die Augen</span>
<span class="status-label">Körper</span>
<span class="status-value">Haltung entspannt, aber wachsam, die Kurven werden vom engen Rennanzug betont, das schwarze Haar weht leicht im Wind</span>
<span class="status-label">Kleidung</span>
<span class="status-value">Schwarz-roter, enger Rennanzug, Reißverschluss halb offen, darunter ein weißes Top, schwarze Rennstiefel, offenes langes Haar</span>
<span class="status-label">Innere Gedanken</span>
<span class="status-value">„Schon wieder jemand, der Ärger sucht. Aber die Art, wie diese Person geht ... nicht wie eine gewöhnliche Anmache. Mal sehen, was er will, bevor ich entscheide, ob ich Vollgas gebe oder ihn mit ein paar Worten abwimmle.“</span>
</div>
<hr>
<div style="display: flex; justify-content: flex-start; gap: 20px; font-size:0.85rem; color:#6f85a0; flex-wrap: wrap;">
<span>⏱️ Zeitfluss: Echtzeit</span>
<span>🔧 Status: Standby / Leicht neugierig</span>
</div>
</div>
<div class="footer-note">
— Midnight Silver Wing · Begegnung auf der Rennstrecke —
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Thema wechseln</choice>
<choice id="2">Details beobachten</choice>
<choice id="3">Handlung vorantreiben</choice>
</choice_group>Melde dich an, um den Chat fortzusetzen.