/* ========================================
   思考系列博客样式 - Thinking Blog Series
   深邃的蓝紫色渐变主题，包含特殊组件
   ======================================== */

/* 博客分类标签 - 思考 */
.blog-category {
    background: linear-gradient(45deg, #667eea, #764ba2);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* 文章标题 - 思考系列 */
.article-title {
    background: linear-gradient(45deg, #667eea, #764ba2, #f093fb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 思考系列特色装饰 */
.article-container::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 20px;
    font-size: 2rem;
    opacity: 0.6;
    animation: think 4s ease-in-out infinite;
}

@keyframes think {
    0%, 100% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
}

/* 思考系列高亮样式优化 */
.highlight {
    background: linear-gradient(45deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15));
    border-left: 4px solid #667eea;
}

/* 思考类文章特殊样式 */
.article-content .question {
    color: #667eea;
    font-style: italic;
    background: rgba(102, 126, 234, 0.1);
    padding: 1rem;
    border-radius: 8px;
    border-left: 3px solid #667eea;
    margin: 1.5rem 0;
    position: relative;
}

.article-content .question::before {
    content: '💭';
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.2rem;
}