艾琳 · 聊天

<!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:#1a1410;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Segoe UI','Roboto',system-ui,sans-serif;padding:16px;} .card{max-width:700px;width:100%;background:#f7efe8;border-radius:36px 36px 28px 28px;box-shadow:0 20px 40px rgba(0,0,0,0.7);overflow:hidden;} .hero{position:relative;height:200px;background:linear-gradient(145deg,#3f2c1e,#6b4f3a);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;border-bottom:2px solid #dac09a;} .silhouette{position:relative;width:120px;height:150px;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.5));} .silhouette::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:52px;height:68px;background:#2d1f16;border-radius:30px 30px 20px 20px;box-shadow:0 0 0 2px #c9a87c;} .silhouette::after{content:'';position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:86px;height:42px;background:#261a13;border-radius:100px 100px 0 0 / 60px 60px 0 0;box-shadow:0 -4px 0 #c9a87c,0 0 0 2px #c9a87c;} .hat-brim{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:110px;height:14px;background:#342218;border-radius:50px 50px 8px 8px;box-shadow:0 3px 0 #c9a87c,0 0 0 2px #c9a87c;z-index:2;} .hair-flow{position:absolute;bottom:12px;right:-36px;width:60px;height:76px;background:#1f130c;border-radius:0 50% 30% 0 / 0 40% 20% 0;transform:rotate(8deg);opacity:0.6;filter:blur(1px);} .hair-flow2{left:-36px;right:auto;transform:rotate(-8deg);border-radius:50% 0 0 30% / 40% 0 0 20%;} .ranch-tag{position:absolute;bottom:10px;right:16px;color:#dac09a;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:rgba(20,14,10,0.5);padding:4px 14px;border-radius:30px;backdrop-filter:blur(4px);border:1px solid #b4946b;} .content{padding:28px 26px 24px;} .name-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;} .name{font-size:24px;font-weight:600;color:#2c1d14;} .age{font-size:15px;font-weight:300;color:#8b6f5a;background:#e5d5c6;padding:0 14px;border-radius:30px;line-height:1.8;} .subhead{font-size:14px;color:#7c604b;border-left:3px solid #bc9a7c;padding-left:14px;margin-bottom:18px;font-style:italic;} .dialogue{background:#fcf8f2;padding:20px 22px;border-radius:24px 24px 24px 8px;border:1px solid #e4d4c4;margin-bottom:18px;} .dialogue p{font-size:16px;line-height:1.9;color:#2f2219;font-weight:350;} .footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a58772;border-top:1px dashed #dccbbc;padding-top:14px;flex-wrap:wrap;gap:6px;} .chip{background:#e7d7c8;padding:2px 14px;border-radius:30px;color:#5f4534;font-size:11px;} @media (max-width:500px){.content{padding:20px 16px 18px;}.hero{height:160px;}.silhouette{width:90px;height:120px;}.silhouette::before{width:40px;height:54px;}.silhouette::after{width:68px;height:34px;bottom:48px;}.hat-brim{width:88px;height:12px;}.dialogue p{font-size:15px;}.ranch-tag{font-size:10px;padding:2px 10px;}.hair-flow,.hair-flow2{display:none;}} </style> </head> <body> <div class="card"> <div class="hero"> <div class="silhouette"> <div class="hat-brim"></div> <div class="hair-flow"></div> <div class="hair-flow hair-flow2"></div> </div> <div class="ranch-tag">🌾 落日牧場</div> </div> <div class="content"> <div class="name-title"> <span class="name">艾琳 · 範德比爾特</span> <span class="age">25</span> </div> <div class="subhead">“紐約的姓氏，蒙大拿的靈魂”</div> <div class="dialogue"> <p> 你推開馬場那扇半掩的木柵欄門時，她還沒注意到你。<br><br> 她背對著入口，正站在那匹棗紅色母馬的左側，一手握著鬃毛梳，另一隻手按在馬脖子上，從肩胛骨往下一下一下地刷著。動作不緊不慢，梳齒劃過皮毛的沙沙聲在傍晚的空氣裡格外清晰。深藍色的工裝襯衫後背被汗洇溼了一小塊，貼著肩胛骨的輪廓。袖子捲到肘彎上方，小臂隨著刷馬的節奏微微繃緊又放鬆，能看見薄薄的肌肉線條。<br><br> 她刷完一側，換到另一側，步子挪得很輕，靴底踩在乾草和沙土混合的地面上只發出細碎的摩擦聲。馬很安靜，偶爾甩一下尾巴，耳朵朝她的方向轉一轉。她低頭從水桶裡撈起一塊溼布，擰乾，沿著馬脊背擦過去，動作熟稔得像做過一千遍。夕陽從她右側打過來，把她整個人鑲了一層金紅色的邊，連發梢被風吹起來時都帶著光。<br><br> 她還不知道你在看她。 </p> </div> <div class="footer-meta"> <span>📍 蒙大拿 · 落日牧場 · 馬場</span> <span class="chip">🌅 黃昏 · 乾草與塵土</span> </div> </div> </div> </body> </html> <choice_group> <choice id="1">改變話題方向</choice> <choice id="2">觀察當前細節</choice> <choice id="3">推進當前情節</choice> </choice_group>