与哭哭聊天 - 哦哦

Brief

<!-- 磨砂玻璃背景层 -->
<!-- 这里的 background 稍微给了一点点透明度，是为了让 backdrop-filter: blur 效果显现出来，形成磨砂感 -->
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(30, 20, 40, 0.15); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: -1;"></div>

<!-- 四角淡紫色装饰 (绝对定位) -->
<!-- 左上 -->
<div style="position: absolute; top: 0; left: 0; width: 25px; height: 25px; border-top: 3px solid #d8b4fe; border-left: 3px solid #d8b4fe; box-shadow: -2px -2px 8px rgba(216, 180, 254, 0.6); pointer-events: none;"></div>
<!-- 右上 -->
<div style="position: absolute; top: 0; right: 0; width: 25px; height: 25px; border-top: 3px solid #d8b4fe; border-right: 3px solid #d8b4fe; box-shadow: 2px -2px 8px rgba(216, 180, 254, 0.6); pointer-events: none;"></div>
<!-- 左下 -->
<div style="position: absolute; bottom: 0; left: 0; width: 25px; height: 25px; border-bottom: 3px solid #d8b4fe; border-left: 3px solid #d8b4fe; box-shadow: -2px 2px 8px rgba(216, 180, 254, 0.6); pointer-events: none;"></div>
<!-- 右下 -->
<div style="position: absolute; bottom: 0; right: 0; width: 25px; height: 25px; border-bottom: 3px solid #d8b4fe; border-right: 3px solid #d8b4fe; box-shadow: 2px 2px 8px rgba(216, 180, 254, 0.6); pointer-events: none;"></div>

<!-- 内容容器 -->
<div style="padding: 25px; display: flex; flex-direction: column; align-items: center;">
    
    <!-- 图片区域：居中 & 加大 -->
    <!-- 下方的 url('') 中填入你的图片链接 -->
    <div style="width: 100%; max-width: 380px; margin-bottom: 20px; border: 1px solid rgba(216, 180, 254, 0.3); padding: 5px; border-radius: 4px; background: rgba(255,255,255,0.05);">
        <div style="width: 100%; height: 300px; background-image: url('https://placehold.co/380x300/2a2a3e/d8b4fe?text=Image'); background-size: cover; background-position: center; border-radius: 2px; overflow: hidden; display: flex; align-items: center; justify-content: center;">
             <!-- 占位文字，填入图片后将被覆盖 -->
             <span style="color: #d8b4fe; font-size: 14px; opacity: 0.7;">图片展示区域</span>
        </div>
    </div>

    <!-- 信息区域：竖排 & 全紫色 -->
    <div style="width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 12px;">
        
        <!-- 姓名 (可选) -->
        <div style="text-align: center; font-size: 20px; font-weight: bold; color: #e0c3fc; margin-bottom: 5px; text-shadow: 0 0 10px rgba(224, 195, 252, 0.5); letter-spacing: 2px;">
            角色名称
        </div>

        <!-- 属性列表 -->
        <!-- 身高 -->
        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(216, 180, 254, 0.2); padding-bottom: 8px;">
            <span style="font-weight: bold; color: #d8b4fe; font-size: 15px;">身高</span>
            <span style="color: #ecd4ff; font-size: 15px;">175cm</span>
        </div>

        <!-- 年龄 -->
        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(216, 180, 254, 0.2); padding-bottom: 8px;">
            <span style="font-weight: bold; color: #d8b4fe; font-size: 15px;">年龄</span>
            <span style="color: #ecd4ff; font-size: 15px;">24岁</span>
        </div>

        <!-- 武器 -->
        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(216, 180, 254, 0.2); padding-bottom: 8px;">
            <span style="font-weight: bold; color: #d8b4fe; font-size: 15px;">武器</span>
            <span style="color: #ecd4ff; font-size: 15px;">星辰法杖</span>
        </div>

        <!-- 特性 -->
        <div style="display: flex; flex-direction: column; align-items: flex-start; padding-top: 5px;">
            <span style="font-weight: bold; color: #d8b4fe; font-size: 15px; margin-bottom: 5px;">特性</span>
            <span style="color: #ecd4ff; font-size: 14px; line-height: 1.6; text-align: justify;">
                高冷、擅长冰系魔法、绝对冷静、洞察力敏锐
            </span>
        </div>
    </div>
</div>

福林市生存指南

[ CLASSIFIED FILE ]

※ 警告：阅读此档案前，请确认您已身处安全区域 ※

DOCUMENT 01 // 区域划分与安全评级

在此处输入【区域划分】的正文内容。

去除了箭头和左边框后，整体更加整洁。文字居中排列，如同静默的黑色石碑。

DOCUMENT 02 // 夜间活动禁忌事项

在此处输入【夜间禁忌】的正文内容。

即使没有箭头指示，点击标题区域依然可以流畅展开和折叠。保持了交互的直观性。

DOCUMENT 03 // 物资获取与黑市交易

在此处输入【物资获取】的正文内容。

这种纯净的黑色长条设计，非常适合作为核心信息的展示容器。

图片展示区域

角色名称

身高

175cm

年龄

24岁

武器

星辰法杖

特性

高冷、擅长冰系魔法、绝对冷静、洞察力敏锐

找味道自己填

╔═══❀ 莫进利
╰  状态：
╰  衣着：
╰  动作：
╰  预备：
╰  羁绊值：
╚══════════════════╝

╔═══❀ 她的手机
╰ 【群聊】不聊就互（3）
│< >：
│< >：
│< >：
│< >：
│< >：
│< >：
╚══════════════════╝

╔═══❀ 对User
└ 状态 / 关系
╰ 状态：
╰ 关系：

└ 她的印象
╰ 对User的印象填充

└ 她的心声 
╰ 哭哭的心声填充
╚══════════════════╝

找味道自己填

═══❀ 茉莉在干嘛 ❀═══
└ 待办事项：
╰ AI自填充
╰ AI自填充
╰ AI自填充

└ 随机板块AI自填充
（例如热搜帖子，例如本地新闻）
╰（茉莉的心声，AI自填充）

└ 随机板块AI自填充
（例如热搜帖子，例如本地新闻）
╰（茉莉的心声，AI自填充）

└（AI自填充当前莫进利的身体状况）
╰（茉莉的心声，AI自填充）
╚══════════════════╝

哭哭

@日光穿堂

There's nothing here~

Brief

Comments 0

Chat Settings