.highlight { color: #ffbc6e; font-weight: bold; }
<!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; } .highlight { color: #ffbc6e
.prop-card { background: #2a1f2c; border-radius: 2rem; padding: 1.2rem; margin: 1.5rem 0; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; border: 1px solid #aa7a5c; box-shadow: 0 5px 12px rgba(0,0,0,0.3); } meta name="viewport" content="width=device-width
h1 { font-size: 2.5rem; text-align: center; background: linear-gradient(135deg, #ffd89b, #c7e9fb); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 0.5rem; letter-spacing: 2px; text-shadow: 0 2px 5px rgba(0,0,0,0.3); } * { margin: 0
.secret { background: #1f1b2b; padding: 1.2rem; border-radius: 1.5rem; font-family: 'Courier New', monospace; margin: 1.8rem 0; border: 1px dashed #c49a6c; }
<div class="chapter"> <h2>📜 楔子 · 月下谜影</h2> <p>城南旧巷深处，有一间从不挂招牌的茶肆。茶肆老板娘看起来不过二十出头，眉眼间却总带着一丝不符年纪的妩媚与从容——街坊都叫她“稚娘子”。可真正见过她的人，会在某个瞬间恍惚：那双眼睛分明藏着三十岁的沉静，一颦一笑又像十六岁刚学会偷擦胭脂的少女。</p> <p>有人称她为“有点成熟的嫂子”，并非辈分，而是气质。她可以一边编着麻花辫，一边用老练的茶艺手法冲泡陈年普洱；也可以忽然托腮望向你，天真地问一句：“你觉得……情字怎么解呀？” 那语气，三分玩笑，七分勾魂。</p> </div>