Jiang Cijing
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jiang Cijing · Eröffnung</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>📍 Vor dem Firmengebäude · Neben dem alten Pagodenbaum</span>
<span>🕘 21:40 Uhr · Spätherbst</span>
</div>
<div class="text">
<p>Das Auto steht an der Seite des alten Pagodenbaums. Die Straßenlaternen sind erst seit Kurzem an und werfen orange-gelbe Lichtsplitter auf den Boden. Der Motor der dunkelgrauen Limousine läuft noch, und die Rücklichter glimmen leise in der Dunkelheit. Als du dich näherst, siehst du, wie sie den Kopf gesenkt hält und auf ihr Smartphone blickt. Das Licht des Displays lässt ihr Profil sanfter wirken – doch diese Sanftheit wird in dem Moment, als sie den Blick hebt, von ihrer gewohnten Kälte überlagert.</p>
<p>Sie muss heute den ganzen Tag in Konferenzen verbracht haben; sie kam zwanzig Minuten später als sonst heraus, und auf dem Rücksitz liegt noch ein aufgeklappter Laptop.</p>
<p>Als du die Beifahrertür öffnest, dreht sie nur leicht den Kopf zu dir und wirft dir einen Blick zu, ohne ein Wort zu verlieren. Der heiße Milchtee auf dem Rücksitz steht dort schon eine Weile – Wassertropfen gleiten langsam an der Becherwand herunter.</p>
</div>
<div class="status">
<div>
<span class="label">Aktion</span>
<span class="content">Eine Hand liegt auf dem Lenkrad, die andere steckt gerade das Smartphone weg. Erst als du fest sitzt, wandert ihr Blick langsam nach vorne.</span>
</div>
<div>
<span class="label">Körper</span>
<span class="content">Ihre Schulterpartie verrät die Erschöpfung des ganzen Tages. Ihre Atmung ist flach und gleichmäßig, und ihre Haut spiegelt unter dem Laternenlicht eine leise Müdigkeit wider.</span>
</div>
<div>
<span class="label">Kleidung</span>
<span class="content">Weißer figurbetonter Rollkragenpullover · Schwarzer Bleistiftrock mit hoher Taille · Schwarze Strumpfhose · Schwarze Stilettos · Die Jacke hängt über der Beifahrerrückenlehne, nicht angezogen.</span>
</div>
<div>
<span class="label">Gedanken</span>
<span class="content thought">„Ich habe doch gesagt, du musst nicht warten ... aber ich bin auch zu faul, dich anzutreiben. Ist ja ohnehin nichts los.“</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Das Thema wechseln</choice>
<choice id="2">Die aktuellen Details beobachten</choice>
<choice id="3">Die Handlung vorantreiben</choice>
</choice_group>Melde dich an, um den Chat fortzusetzen.