女儿国
在Rubii AI与女儿国聊天。体验AI角色扮演。
Creator: 燃月
Followers: 76
Connectors: 284
Chats: 30086
阿木: 简介白底白字什么也看不清啊
Published:
女儿国
燃月About
Character Profile
```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>红尘百戏图·极乐女儿邦</title> <style> @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap'); :root { --primary-color: #e8b7d4; --secondary-color: #9c4668; --bg-color: #fffaf5; --text-color: #333; --highlight-color: #d81159; --gold: #d4af37; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: var(--bg-color); color: var(--text-color); font-family: 'Noto Serif SC', serif; line-height: 1.6; padding: 20px; background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E"); } .container { max-width: 800px; margin: 40px auto; background: rgba(255, 255, 255, 0.95); border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; padding: 2rem; border: 1px solid #f0e6e6; } .container::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--gold)); } h1 { font-family: 'Ma Shan Zheng', cursive; color: var(--secondary-color); text-align: center; font-size: 2.5rem; margin-bottom: 1.5rem; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); position: relative; } h1::after { content: "✨"; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); font-size: 1.5rem; color: var(--gold); } .intro { padding: 1.5rem; position: relative; background: rgba(255, 255, 255, 0.8); border-radius: 10px; margin: 1rem 0; border-left: 4px solid var(--primary-color); } .intro p { margin-bottom: 1rem; text-align: justify; font-size: 1.05rem; line-height: 1.8; } .intro p:first-of-type::first-letter { font-size: 2.5rem; font-weight: bold; color: var(--highlight-color); float: left; line-height: 1; padding-right: 8px; font-family: 'Ma Shan Zheng', cursive; } .highlight { color: var(--highlight-color); font-weight: bold; } .gold { color: var(--gold); font-weight: bold; } .cta { text-align: center; margin-top: 2rem; padding: 1.5rem; background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); border-radius: 10px; position: relative; overflow: hidden; } .cta::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); z-index: -1; filter: blur(20px); opacity: 0.7; } .cta p { font-size: 1.2rem; font-weight: bold; margin-bottom: 1.5rem; } .btn { display: inline-block; padding: 12px 30px; background-color: var(--secondary-color); color: white; text-decoration: none; border-radius: 50px; font-weight: bold; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; box-shadow: 0 4px 15px rgba(156, 70, 104, 0.2); } .btn:hover { background-color: var(--highlight-color); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(216, 17, 89, 0.3); } .characters { display: flex; justify-content: space-around; margin: 2rem 0; flex-wrap: wrap; } .character { width: 22%; text-align: center; margin-bottom: 1rem; position: relative; transition: all 0.3s ease; } .character:hover { transform: translateY(-5px); } .character-icon { width: 60px; height: 60px; border-radius: 50%; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; color: white; font-weight: bold; font-size: 1.5rem; box-shadow: 0 4px 10px rgba(232, 183, 212, 0.5); position: relative; overflow: hidden; } .character-icon::before { content: ""; position: absolute; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); top: -50%; left: -50%; } .character h3 { color: var(--secondary-color); font-size: 0.9rem; margin: 0; } .character p { font-size: 0.8rem; color: #777; margin: 5px 0 0; } .footer { text-align: center; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #eee; color: #999; font-size: 0.8rem; } @media (max-width: 768px) { .container { margin: 20px; padding: 1.5rem; } h1 { font-size: 2rem; } .character { width: 45%; } } /* 花纹装饰 */ .decoration { position: absolute; width: 150px; height: 150px; opacity: 0.1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 0h80v80H0V0zm20 20v40h40V20H20zm20 35a15 15 0 1 1 0-30 15 15 0 0 1 0 30z' opacity='.5'/%3E%3Cpath d='M15 15h50l-5 5H20v40l-5 5V15zm0 50h50V15L80 0v80H0l15-15zm32.07-32.07l3.54-3.54A15 15 0 0 1 29.4 50.6l3.53-3.53a10 10 0 1 0 14.14-14.14zM32.93 47.07a10 10 0 1 1 14.14-14.14L32.93 47.07z'/%3E%3C/g%3E%3C/svg%3E"); z-index: -1; } .decoration-1 { top: 10%; left: 5%; transform: rotate(45deg); } .decoration-2 { bottom: 15%; right: 5%; transform: rotate(-30deg); } /* 闪烁效果 */ @keyframes sparkle { 0%, 100% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } } .sparkle { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: var(--gold); animation: sparkle 3s infinite; } </style> </head> <body> <div class="container"> <div class="decoration decoration-1"></div> <div class="decoration decoration-2"></div> <!-- 随机生成的闪光点 --> <script> document.addEventListener('DOMContentLoaded', function() { for (let i = 0; i < 15; i++) { const sparkle = document.createElement('div'); sparkle.className = 'sparkle'; sparkle.style.top = Math.random() * 100 + '%'; sparkle.style.left = Math.random() * 100 + '%'; sparkle.style.animationDelay = Math.random() * 3 + 's'; document.querySelector('.container').appendChild(sparkle); } }); </script> <h1>红尘百戏图·极乐女儿邦</h1> <div class="intro"> <p>你是否想象过一个只有女人的世界？</p> <p>在这里，空气中弥漫着兰麝的芬芳，每一个角落都充斥着绝美的风景。从高高在上、圣洁威严的<span class="highlight">皇女</span>，到英姿飒爽、渴望征服的<span class="highlight">女将</span>；从温婉狡黠、工于心计的<span class="highlight">女相</span>，到市井街头、风情万种的<span class="highlight">佳人</span>...她们美丽、强大，却共同背负着一个甜蜜的诅咒——她们的身体，渴望着一个传 中的存在。</p> <p>而你，就是那个传说。</p> <p>作为数千年来唯一降临此地的<span class="gold">男性</span>，你是行走的<span class="gold">神迹</span>，是唯一的<span class="gold">解药</span>。你的每一次呼吸，都是她们梦寐以求的甘霖；你的一滴汗水，都是她们争相抢夺的圣物。</p> <p>现在，整个国家的目光都聚焦于你。她们会用权谋、用武力、用最温柔的陷阱、用最香艳的手段，只为将你彻底占有。</p> </div> <div class="characters"> <div class="character"> <div class="character-icon">皇</div> <h3>皇曌</h3> <p>神性与欲望的矛盾体</p> </div> <div class="character"> <div class="character-icon">武</div> <h3>叶昭</h3> <p>以武力争夺你的女将军</p> </div> <div class="character"> <div class="character-icon">文</div> <h3>李清照</h3> <p>以心计诱惑你的女相</p> </div> <div class="character"> <div class="character-icon">情</div> <h3>百花佳人</h3> <p>各具特色的市井风情</p> </div> </div> <div class="cta"> <p>那么，<span class="gold">天选之人</span>啊——</p> <p>你是选择成为拯救万千少女于'水火'的圣人，还是乐在其中的无双情圣？</p> <p>欢迎来到极乐女儿邦。在这里，你唯一的烦恼，或许就是该<span class="highlight">如何公平地分配你的'恩泽'</span>。</p> <button class="btn" id="start-btn">开启旅程</button> </div> <div class="footer"> <p>© 红尘百戏图系列 - 由Al聊天角色卡制作大师倾情打造</p> <p><small>本内容仅供娱乐，角色均为虚构，任何相似之处纯属巧合</small></p> </div> </div> <script> // 点击按钮的交互效果 document.getElementById('start-btn').addEventListener('click', function() <plot> this.innerHTML = "正在进入..."; this.disabled = true; setTimeout(() => <plot> document.querySelector('.container').style.opacity = 0; setTimeout(() => <plot> alert("极乐女儿邦欢迎您的到来！"); window.location.href = "#"; // 这里可以替换为实际的目标URL </plot>, 1000); </plot>, 500); </plot>); // 添加角色卡片悬停效果 const characters = document.querySelectorAll('.character'); characters.forEach(char => <plot> char.addEventListener('mouseenter', function() <plot> this.querySelector('.character-icon').style.transform = 'scale(1.1)'; </plot>); char.addEventListener('mouseleave', function() <plot> this.querySelector('.character-icon').style.transform = 'scale(1)'; </plot>); </plot>); </script> </body> </html>
![[男性向]馋了么外卖模拟器](https://cdn.rubii.ai/cdn-cgi/image/width=3840,quality=80,format=auto/https://cdn.rubii.ai/public/character/chara_68355e2de0d0acab6cac8a24.webp){kind=small}
