/* 整体外层容器，控制背景色和字体 */
.fy-office-container {
    background-color: #f8fbff;
    padding: 12px;
    border-radius: 12px;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 正文区域美化：明亮、易读、左侧带装饰条 */
.fy-office-container text {
    display: block;
    background: #ffffff;
    padding: 18px;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(59, 130, 246, 0.08);
    color: #334155;
    line-height: 1.8;
    font-size: 16px;
    margin: 10px 0;
    border-left: 4px solid #3b82f6;
}

/* 状态栏(details)美化 */
.fy-office-container details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

/* 状态栏标题(summary)美化：使用亮眼的渐变蓝 */
.fy-office-container summary {
    background: linear-gradient(90deg, #eff6ff 0%, #dbeafe 100%);
    color: #1d4ed8;
    padding: 12px 16px;
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    outline: none;
}

/* 移除默认箭头，鼠标悬停变色 */
.fy-office-container summary::-webkit-details-marker { display: none; }
.fy-office-container summary:hover {
    background: #dbeafe;
    color: #2563eb;
}

/* 针对行动推荐的特殊美化：使用亮眼的橙色提醒 */
.fy-office-container .action-box summary {
    background: linear-gradient(90deg, #fff7ed 0%, #ffedd5 100%);
    color: #c2410c;
}
/* 微信模拟器容器 */
.wx-chat-box {
    background-color: #f3f3f3;
    padding: 15px 10px;
    border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #000;
}

/* 时间戳 */
.wx-time {
    text-align: center;
    color: #b2b2b2;
    font-size: 12px;
    margin-bottom: 15px;
}

/* 消息行基础样式 */
.wx-row {
    display: flex;
    margin-bottom: 18px;
    align-items: flex-start;
}

/* 头像 */
.wx-avatar {
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background-size: cover;
    flex-shrink: 0;
}

/* 气泡容器 */
.wx-content {
    margin: 0 10px;
    max-width: 70%;
}

/* 昵称 (仅群聊显示) */
.wx-name {
    font-size: 12px;
    color: #888;
    margin-bottom: 3px;
}

/* 气泡样式 */
.wx-bubble {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.4;
    position: relative;
    word-wrap: break-word;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 左侧气泡 (对方) */
.wx-row-left .wx-bubble {
    background-color: #ffffff;
    color: #000;
}

/* 右侧气泡 (我) */
.wx-row-right {
    flex-direction: row-reverse;
}

.wx-row-right .wx-bubble {
    background-color: #95ec69;
    color: #000;
}

/* 气泡小尖角 (可选，为了简洁可不加，这里用简单的伪元素实现) */
.wx-row-left .wx-bubble::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 12px;
    border-width: 5px 5px 5px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}

.wx-row-right .wx-bubble::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 12px;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #95ec69;
}