Lu Chenxi
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Encuentro en la Pista · Alas de Plata de Medianoche</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">
<!-- Etiqueta de escena -->
<div class="scene-tag">🏁 Afueras · Pista privada · Entre el ocaso y la noche</div>
<!-- Diálogo de apertura -->
<div class="dialogue">
<p><span class="speaker">Lu Chenxi</span><span class="quote">“He reservado este lugar para mí sola esta noche. ¿Qué quieres? —Pero que quede claro: no llevo a nadie que no tenga dinero, ni a nadie que hable demasiado.”</span></p>
<p style="color:#b6c8dd; font-size:0.96rem; margin-top:6px;">El viento arrastra el olor a caucho y gasolina, mientras el arrebol de la tarde se hunde del ámbar al violeta claro. Ella está apoyada en la puerta de ese Porsche 911 GT3 RS gris plata, con sus largas piernas cruzadas y haciendo girar una llave inglesa plateada entre sus dedos; el viento nocturno agita su cabello negro, que brilla con destellos bajo el último resplandor del sol. Caminas sobre la grava y el sonido de tus pasos resulta especialmente nítido en la pista desierta. Ella ladea la cabeza, recorriéndote con su mirada oscura desde los zapatos hasta los ojos, se detiene dos segundos y luego arquea una ceja.</p>
</div>
<!-- Barra de estado -->
<div class="status-box">
<div class="status-title">📋 ESTADO · LU CHENXI</div>
<div class="status-grid">
<span class="status-label">Escenario y hora</span>
<span class="status-value">Pista privada en las afueras · Entre el ocaso y la noche · Brisa nocturna fresca, las sombras de las montañas se oscurecen a lo lejos</span>
<span class="status-label">Acción</span>
<span class="status-value">Apoyada en la puerta del coche, con el peso en una pierna, girando una llave inglesa entre los dedos, mirando fijamente al interlocutor</span>
<span class="status-label">Físico</span>
<span class="status-value">Postura relajada pero alerta, curvas definidas por el mono de carreras ajustado, cabello negro ondeando suavemente al viento</span>
<span class="status-label">Vestimenta</span>
<span class="status-value">Mono de carreras ajustado en negro y rojo, cremallera medio abierta revelando una prenda interior blanca, botas de carreras negras, cabello suelto</span>
<span class="status-label">Pensamientos</span>
<span class="status-value">“Otro que viene a molestar. Aunque su forma de caminar... no parece la de alguien que solo quiere ligar. Veré qué quiere antes de decidir si arranco y me largo o lo despacho con un par de palabras”.</span>
</div>
<hr>
<div style="display: flex; justify-content: flex-start; gap: 20px; font-size:0.85rem; color:#6f85a0; flex-wrap: wrap;">
<span>⏱️ Flujo del tiempo: Tiempo real</span>
<span>🔧 Estado: En espera / Ligeramente curiosa</span>
</div>
</div>
<div class="footer-note">
— Alas de Plata de Medianoche · Encuentro en la Pista —
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Cambiar el rumbo de la conversación</choice>
<choice id="2">Observar los detalles del entorno</choice>
<choice id="3">Avanzar en la trama actual</choice>
</choice_group>Inicia sesión para continuar la conversación.