<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>稚嫩少女·成熟嫂子｜谜之档案</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%); font-family: 'Segoe UI', '华文楷书', 'Microsoft YaHei', 'PingFang SC', system-ui, -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif; color: #f0e6d0; padding: 2rem; line-height: 1.6; }
@media (max-width: 650px) { body { padding: 1rem; } .container { padding: 1.2rem; } h1 { font-size: 1.8rem; } } </style> </head> <body> <div class="container"> <h1>✨ 稚嫩少女·那点成熟的嫂子 ✨</h1> <div style="text-align: center;"> <div class="pinyin-quote"> “zhì nèn shào nǚ zhè yǒu diǎn chéng shú de sǎo zi ——<br> shì shì qù nǎ lǐ xué lái de ya? hǎi zhǔn bèi le dào jù · zì kǒu HTML” </div> </div> meta name="viewport" content="width=device-width
.highlight { color: #ffbc6e; font-weight: bold; } * { margin: 0