/* AI 文章摘要样式框 */

:root {
    /* 主色调 */
    --ai-summary-main: #5e72e4; /* 柔和的蓝色 */
    --ai-summary-secondbg: #f8f9fa; /* 非常浅的灰色背景 */
    --ai-summary-card-bg: #ffffff; /* 白色卡片背景 */

    /* 文字颜色 */
    --ai-summary-fontcolor: #2d3748; /* 深灰色文字 */
    --ai-summary-lighttext: #718096; /* 中等灰色文字 */
    --ai-summary-white: #ffffff; /* 纯白色 */

    /* 边框样式 */
    --ai-summary-style-border-always: 0.0625rem solid #e2e8f0; /* 浅灰色边框 (1px→0.0625rem) */

    /* 悬停状态 */
    --ai-summary-hover: #4c51bf; /* 深一点的蓝色用于悬停 */
}

[data-theme="dark"] {
    /* 主色调调整（降低饱和度，提高辨识度） */
    --ai-summary-main: #7f9cf5; /* 夜间模式下更亮的蓝色，保持可读性 */
    --ai-summary-secondbg: #1a202c; /* 深灰蓝背景（接近黑但不刺眼） */
    --ai-summary-card-bg: #2d3748; /* 暗色卡片背景（对比度适中） */

    /* 文字颜色调整（减少亮度，避免白光刺眼） */
    --ai-summary-fontcolor: #e2e8f0; /* 浅灰白文字（确保可读性） */
    --ai-summary-lighttext: #a0aec0; /* 中等灰文字（次要内容） */
    --ai-summary-white: #ffffff; /* 纯白色保留（用于强调内容） */

    /* 边框样式调整（暗色环境下更柔和） */
    --ai-summary-style-border-always: 0.0625rem solid #4a5568; /* 深灰色边框 (1px→0.0625rem) */

    /* 悬停状态调整（夜间模式下更明显） */
    --ai-summary-hover: #667eea; /* 亮蓝色悬停效果 */
}

.post-SiliconFlow {
    background: var(--ai-summary-secondbg);
    border-radius: 0.75rem; /* 12px→0.75rem */
    padding: 0.75rem; /* 12px→0.75rem */
    line-height: 1.3;
    border: var(--ai-summary-style-border-always);
    margin: 1rem 0; /* 16px→1rem */
}

@media screen and (max-width: 768px) {
    .post-SiliconFlow {
        margin-top: 1.375rem; /* 22px→1.375rem */
    }
}

.siliconFlow-title {
    display: flex;
    color: var(--ai-summary-lighttext);
    border-radius: 0.5rem; /* 8px→0.5rem */
    align-items: center;
    padding: 0 0 0 0.35rem; /* 0 12px→0 0.75rem */
    cursor: default;
    user-select: none;
}

.siliconFlow-title-text {
    font-weight: bold;
    margin-left: 0.5rem; /* 8px→0.5rem */
    line-height: 1;
}

.siliconFlow-explanation {
    margin-top: 0.75rem; /* 12px→0.75rem */
    padding: 0.5rem 0.75rem; /* 8px 12px→0.5rem 0.75rem */
    background: var(--ai-summary-card-bg);
    border-radius: 0.5rem; /* 8px→0.5rem */
    border: var(--ai-summary-style-border-always);
    /*font-size: var(--global-font-size);*/
    line-height: 1.4;
    display: flex;
}

/* 右侧标签靠右显示 */
.siliconFlow-tag {
  font-size: 0.70rem;
  background-color: var(--ai-summary-lighttext);
  color: var(--ai-summary-card-bg);
  font-weight: bold;
  border-radius: 0.25rem;
  margin-left: auto; /* 让标签推到右侧（替代原“关于”的 auto） */
  line-height: 1;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}

.siliconFlow-title-icon {
    width: 1.25rem; /* 20px→1.25rem */
    height: 1.25rem; /* 20px→1.25rem */
}

.siliconFlow-title-icon svg {
    width: 1.25rem; /* 20px→1.25rem */
    height: 1.25rem; /* 20px→1.25rem */
    fill: var(--ai-summary-main);
}

.siliconFlow-title-icon svg path {
    fill: var(--ai-summary-main);
}