/* 容器背景与字体 */
.gl-container {
    background-color: #f7f7f7;
    padding: 10px;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 正文美化：明亮纸张感 */
.gl-main-text {
    display: block;
    background: #ffffff;
    padding: 20px;
    margin: 15px 0;
    border-radius: 12px;
    line-height: 1.8;
    color: #333333;
    font-size: 1.1em;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-left: 5px solid #ff85a2; /* 桃色侧边点缀 */
}

/* 状态栏通用美化 */
.gl-container details {
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

.gl-container summary {
    padding: 12px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    list-style: none;
}

/* 不同模块的明亮配色 */
.gl-status-top { border: 1px solid #90cdf4; }
.gl-status-top summary { background: #ebf8ff; color: #2b6cb0; }

.gl-status-user { border: 1px solid #fbb6ce; }
.gl-status-user summary { background: #fff5f7; color: #d53f8c; }

.gl-status-npc { border: 1px solid #b2f5ea; }
.gl-status-npc summary { background: #e6fffa; color: #2c7a7b; }

.gl-status-memo { border: 1px solid #e9d8fd; }
.gl-status-memo summary { background: #faf5ff; color: #6b46c1; }

.gl-status-action { border: 1px solid #feebc8; }
.gl-status-action summary { background: #fffaf0; color: #c05621; }

/* 微信聊天界面复刻 */
.wechat-box {
    background: #ededed;
    padding: 15px 10px;
    border-radius: 10px;
    margin: 10px 0;
}

.msg-left, .msg-right {
    display: flex;
    margin-bottom: 15px;
}

.msg-right { justify-content: flex-end; }

.avatar, .avatar-user {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    flex-shrink: 0;
}

.avatar { background: #5c6bc0; } /* NPC头像颜色 */
.avatar-user { background: #ff85a2; } /* User头像颜色 */

.msg-content {
    margin: 0 10px;
    max-width: 70%;
}

.nickname {
    font-size: 0.75em;
    color: #888;
    margin-bottom: 4px;
}

.bubble, .bubble-user {
    padding: 8px 12px;
    border-radius: 6px;
    position: relative;
    word-wrap: break-word;
    font-size: 0.95em;
    line-height: 1.5;
}

.bubble {
    background: #ffffff;
    color: #000;
}

.bubble-user {
    background: #95ec69; /* 经典微信绿 */
    color: #000;
}

/* 状态栏内的徽章 */
.badge {
    background: #ff4d4f;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.8em;
}