艾琳

<!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>

请先登录以继续对话