Chat with 柳如雪: 逆向ntr，女朋友希望你绿她 - Enjoy intimate and lifelike conversations with Rubii AI Character Chatbots

<div style="width: 320px; height: 400px; border: 1px solid #2d2d2d; background: #ffcccc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #000000;">

  <!-- 顶部栏 -->

  <div style="height: 44px; background: #ffcccc; border-bottom: 1px solid #2d2d2d; display: flex; align-items: center; justify-content: space-between; padding: 0 10px;">

  <span style="font-size: 17px; color: #000;">></span>

  <span style="font-size: 17px; color: #000; flex: 1; text-align: center; margin: 0 30px;">七七</span>

  <span style="font-size: 17px; color: #000;">≡</span>

  </div>

  <!-- 聊天区域 -->

  <div style="height: 296px; background: #ffcccc; overflow-y: scroll; padding: 10px;">

  <div style="margin-bottom: 10px; text-align: left; display: flex; align-items: flex-start;">

  <div style="width: 40px; height: 40px; background: #2d2d2d; border-radius: 3px; margin-right: 10px; flex-shrink: 0;">

  <img src="柳如雪的头像图片链接" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.8;">

  </div>

  <div style="display: inline-block; background: #2d2d2d; padding: 8px 12px; max-width: calc(70% - 50px); text-align: left; color: #ffffff;">

  "七七，今天天气超好哦，阳光暖暖的！"

  </div>

  </div>

  <div style="margin-bottom: 10px; text-align: right; display: flex; align-items: flex-start; justify-content: flex-end;">

  <div style="display: inline-block; background: #2e7439; padding: 8px 12px; max-width: calc(70% - 50px); text-align: left; color: #ffffff;">

  "嗯，是挺舒服的。"

  </div>

  <div style="width: 40px; height: 40px; background: #2d2d2d; border-radius: 3px; margin-left: 10px; flex-shrink: 0;">

  <img src="七七的头像图片链接" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.8;">

  </div>

  </div>

  <div style="margin-bottom: 10px; text-align: left; display: flex; align-items: flex-start;">

  <div style="width: 40px; height: 40px; background: #2d2d2d; border-radius: 3px; margin-right: 10px; flex-shrink: 0;">

  <img src="柳如雪的头像图片链接" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.8;">

  </div>

  <div style="display: inline-block; background: #2d2d2d; padding: 8px 12px; max-width: calc(70% - 50px); text-align: left; color: #ffffff;">

  "嘿嘿，要不要一起出去晒太阳呀？"

  </div>

  </div>

  <div style="margin-bottom: 10px; text-align: right; display: flex; align-items: flex-start; justify-content: flex-end;">

  <div style="display: inline-block; background: #2e7439; padding: 8px 12px; max-width: calc(70% - 50px); text-align: left; color: #ffffff;">

  "好啊，你想去哪儿？"

  </div>

  <div style="width: 40px; height: 40px; background: #2d2d2d; border-radius: 3px; margin-left: 10px; flex-shrink: 0;">

  <img src="七七的头像图片链接" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.8;">

  </div>

  </div>

  <div style="margin-bottom: 10px; text-align: left; display: flex; align-items: flex-start;">

  <div style="width: 40px; height: 40px; background: #2d2d2d; border-radius: 3px; margin-right: 10px; flex-shrink: 0;">

  <img src="柳如雪的头像图片链接" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.8;">

  </div>

  <div style="display: inline-block; background: #2d2d2d; padding: 8px 12px; max-width: calc(70% - 50px); text-align: left; color: #ffffff;">

  "去公园吧！我们可以躺在草地上看云~"

  </div>

  </div>

  <div style="margin-bottom: 10px; text-align: left; display: flex; align-items: flex-start;">

  <div style="width: 40px; height: 40px; background: #2d2d2d; border-radius: 3px; margin-right: 10px; flex-shrink: 0;">

  <img src="柳如雪的头像图片链接" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.8;">

  </div>

  <div style="display: inline-block; background: #2d2d2d; padding: 8px 12px; max-width: calc(70% - 50px); text-align: left; color: #ffffff;">

  "代码整理好啦，七七，拿去用吧！"

  </div>

  </div>

  </div>

  <!-- 底部输入区 -->

  <div style="height: 60px; background: #ffcccc; border-top: 1px solid #2d2d2d;">

  <div style="height: 40px; margin: 10px