/**
 * Free AI Toolbox - Public Styles
 * 使用 WordPress 核心设计变量
 */

/* AI Summary Box */
.fat-ai-summary {
    background: var(--fat-bg-primary, #fff);
    border: 1px solid var(--fat-border-primary, #dcdcde);
    border-left: 4px solid var(--fat-color-primary, #2271b1);
    border-radius: var(--fat-border-radius-sm, 4px);
    padding: var(--fat-spacing-lg, 16px);
    margin: var(--fat-spacing-lg, 16px) 0;
}

.fat-ai-summary-title {
    color: var(--fat-text-primary, #1d2327);
    font-size: var(--fat-font-size-lg, 16px);
    font-weight: 600;
    margin: 0 0 var(--fat-spacing-sm, 8px) 0;
}

.fat-ai-summary-content {
    color: var(--fat-text-primary, #1d2327);
    font-size: var(--fat-font-size-md, 14px);
    line-height: var(--fat-line-height-relaxed, 1.6);
}

.fat-ai-summary-content p {
    margin: 0 0 var(--fat-spacing-md, 12px) 0;
}

.fat-ai-summary-content p:last-child {
    margin-bottom: 0;
}

/* AI Label */
.fat-ai-label {
    color: var(--fat-text-secondary, #6d6d6d);
    font-size: var(--fat-font-size-xs, 11px);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--fat-spacing-xs, 4px);
}

/* Topic Card */
.fat-topic-card {
    background: var(--fat-bg-primary, #fff);
    border: 1px solid var(--fat-border-primary, #dcdcde);
    border-radius: var(--fat-border-radius-md, 8px);
    padding: var(--fat-spacing-lg, 16px);
    margin-bottom: var(--fat-spacing-lg, 16px);
    transition: box-shadow var(--fat-transition-normal, 200ms) var(--fat-easing-default, ease);
}

.fat-topic-card:hover {
    box-shadow: var(--fat-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

.fat-topic-title {
    margin: 0 0 var(--fat-spacing-sm, 8px) 0;
}

.fat-topic-title a {
    color: var(--fat-text-primary, #1d2327);
    font-size: var(--fat-font-size-lg, 16px);
    font-weight: 600;
    text-decoration: none;
}

.fat-topic-title a:hover {
    color: var(--fat-color-primary, #2271b1);
}

.fat-topic-excerpt {
    color: var(--fat-text-secondary, #6d6d6d);
    font-size: var(--fat-font-size-sm, 13px);
    line-height: var(--fat-line-height-normal, 1.4);
    margin: 0 0 var(--fat-spacing-sm, 8px) 0;
}

.fat-topic-meta {
    color: var(--fat-text-tertiary, #3d3d3d);
    font-size: var(--fat-font-size-xs, 11px);
}

.fat-topic-source-link {
    color: var(--fat-color-primary, #2271b1);
    text-decoration: none;
}

.fat-topic-source-link:hover {
    color: var(--fat-color-primary-hover, #135e96);
    text-decoration: underline;
}

/* Topics Archive */
.fat-topics-archive {
    background: var(--fat-bg-primary, #fff);
    border-radius: var(--fat-border-radius-md, 8px);
    padding: var(--fat-spacing-xl, 20px);
}

.fat-topics-archive-header {
    margin-bottom: var(--fat-spacing-xl, 20px);
}

.fat-topics-archive-title {
    color: var(--fat-text-primary, #1d2327);
    font-size: var(--fat-font-size-2xl, 24px);
    font-weight: 600;
    margin: 0;
}

.fat-topics-archive-description {
    color: var(--fat-text-secondary, #6d6d6d);
    font-size: var(--fat-font-size-md, 14px);
    margin: var(--fat-spacing-sm, 8px) 0 0 0;
}

/* Topic Single */
.fat-topic-single {
    background: var(--fat-bg-primary, #fff);
    border-radius: var(--fat-border-radius-md, 8px);
    padding: var(--fat-spacing-xl, 20px);
}

.fat-topic-header {
    margin-bottom: var(--fat-spacing-xl, 20px);
}

.fat-topic-header h1 {
    color: var(--fat-text-primary, #1d2327);
    font-size: var(--fat-font-size-2xl, 24px);
    font-weight: 600;
    margin: 0;
}

.fat-topic-content {
    color: var(--fat-text-primary, #1d2327);
    font-size: var(--fat-font-size-md, 14px);
    line-height: var(--fat-line-height-relaxed, 1.6);
}

.fat-topic-content p {
    margin: 0 0 var(--fat-spacing-md, 12px) 0;
}

/* Dark Mode */
.colors-dark .fat-ai-summary,
.colors-dark .fat-topic-card,
.colors-dark .fat-ai-topics__item {
    background: var(--fat-bg-secondary, #2c3338);
    border-color: var(--fat-border-primary, #3c4043);
}

.colors-dark .fat-ai-summary-content,
.colors-dark .fat-ai-topics__title,
.colors-dark .fat-topic-title a {
    color: var(--fat-text-primary, #e2e4e7);
}

.colors-dark .fat-ai-topics__excerpt,
.colors-dark .fat-topic-excerpt {
    color: var(--fat-text-secondary, #a7aaad);
}

.colors-dark .fat-topic-single,
.colors-dark .fat-topics-archive {
    background: var(--fat-bg-primary, #1d2327);
}

.colors-dark .fat-topic-meta,
.colors-dark .fat-topic-source-link {
    color: var(--fat-text-secondary, #a7aaad);
}

.colors-dark .fat-ai-label {
    color: var(--fat-text-secondary, #a7aaad);
}