/* 全局容器与背景 */
.wx-app { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; background: #f7f7f7; padding: 10px; border-radius: 15px; }

/* 状态栏卡片美化 */
.wx-status details { background: #ffffff; border-radius: 12px; margin-bottom: 10px; border: 1px solid #ebebeb; box-shadow: 0 2px 5px rgba(0,0,0,0.03); overflow: hidden; }
.wx-status summary { background: linear-gradient(90deg, #07C160, #10ad57); color: white; padding: 12px; font-weight: bold; cursor: pointer; list-style: none; }
.wx-status summary::-webkit-details-marker { display: none; }
.wx-status-content { padding: 12px; font-size: 14px; color: #333; line-height: 1.6; }

/* 微信聊天气泡系统 */
.wx-chat-container { display: flex; flex-direction: column; gap: 15px; padding: 15px 5px; }
.msg-row { display: flex; width: 100%; gap: 10px; }
.msg-left { flex-direction: row; }
.msg-right { flex-direction: row-reverse; }
.avatar { width: 42px; height: 42px; border-radius: 6px; background: #e0e0e0; flex-shrink: 0; border: 1px solid #eee; }
.bubble { max-width: 70%; padding: 10px 14px; border-radius: 8px; font-size: 15px; position: relative; word-break: break-all; }
.msg-left .bubble { background: #ffffff; color: #000; border: 1px solid #e7e7e7; }
.msg-right .bubble { background: #95ec69; color: #000; border: 1px solid #82d65a; }

/* 朋友圈深度美化 */
.moment-card { background: white; padding: 15px; border-radius: 12px; margin-bottom: 15px; border: 1px solid #eee; }
.moment-user { color: #576b95; font-weight: 600; margin-bottom: 5px; }
.moment-text { font-size: 15px; color: #111; margin-bottom: 10px; }
.moment-media { width: 100%; max-width: 250px; border-radius: 4px; border: 1px solid #f0f0f0; }
.moment-footer { background: #f3f3f3; padding: 8px; border-radius: 4px; margin-top: 10px; font-size: 13px; color: #555; }

/* 正文叙事区域 */
.story-text { background: #ffffff; padding: 20px; border-radius: 12px; margin: 15px 0; line-height: 1.8; color: #222; font-size: 16px; border-left: 5px solid #07C160; }