/* 容器基础样式 */
.ai-summary-card {
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 30px; /* 增加下间距 */
    overflow: hidden; /* 防止伪元素溢出 */
    /* 默认给个浅阴影 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 顶部流光条 (伪元素实现) */
.ai-summary-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px; /* 线条粗细 */
    background: linear-gradient(90deg, #49b1f5, #ff0000, #49b1f5);
    background-size: 200% 100%;
    animation: streamLight 3s linear infinite;
}

/* 标题样式 */
.ai-title {
    font-weight: bold;
    color: #49b1f5; /* 主题蓝 */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.ai-title i {
    margin-right: 8px;
    font-size: 1.2em;
    animation: shake-robot 2s infinite; /* 图标摇晃 */
}

/* 内容文字 */
.ai-content {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    text-align: justify;
}

/* 手动编辑的标签颜色可以稍微变一下，比如变成紫色或绿色 */
.ai-summary-card .fa-user-edit {
    color: #2ecc71; /* 绿色 */
}

/* 其他样式保持之前的即可 */
.ai-summary-card {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 25px;
    border: 1px solid #eef0f2;
}

/* 动画定义 */
@keyframes streamLight {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@keyframes shake-robot {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    75% { transform: rotate(-10deg); }
}

/* 暗黑模式适配 */
[data-theme="dark"] .ai-summary-card {
    background: #232323;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .ai-content {
    color: #ccc;
}