/* ========================================
   动态样式配置 - 由主题设置生成
   ======================================== */

:root {
    /* 颜色变量 */
    --primary-color: #2563eb;
    --secondary-color: #10b981;
    --accent-color: #f59e0b;
    --background-color: #ffffff;
    --text-color: #1e293b;
    --button-color: #10b981;
    --header-bg-color: #1e3a8a;
    --footer-bg-color: #0f172a;
    
    /* 字体变量 */
    --font-family: system-ui, -apple-system, sans-serif;
    --heading-font: system-ui, -apple-system, sans-serif;
    --font-size: 16px;
    
    /* 布局变量 */
    --container-width: 1200px;
    --border-radius: 12px;
}

/* 基础样式覆盖 */
body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    color: var(--text-color);
    background-color: var(--background-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
}

.container {
    max-width: var(--container-width);
}

/* 链接颜色 */
a {
    color: var(--primary-color);
}

a:hover {
    color: #114fd7;
}

/* 按钮样式 */
.cta-button,
.btn-primary,
.chat-option-btn,
button[type="submit"] {
    background: var(--button-color);
    border-radius: var(--border-radius);
}

.cta-button:hover,
.btn-primary:hover,
.chat-option-btn:hover {
    background: #06af77;
}

/* Hero区域 */
.hero {
    background: linear-gradient(135deg, var(--primary-color) 0%, #1654dc 100%);
}

/* Header导航 */
header {
    background: var(--header-bg-color);
}

.nav-links a:hover {
    color: var(--secondary-color);
}

/* Footer页脚 */
footer {
    background: var(--footer-bg-color);
}

/* 特征卡片 */
.feature-card {
    border-radius: var(--border-radius);
}

.feature-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

/* 信任徽章 */
.trust-badge {
    border-radius: var(--border-radius);
    border-color: var(--secondary-color);
}

/* 聊天模态框 */
.chat-modal-content {
    border-radius: var(--border-radius);
}

.chat-modal-header {
    background: linear-gradient(135deg, var(--secondary-color) 0%, #06af77 100%);
}

/* 风险警告横幅 */
.risk-warning {
    border-radius: var(--border-radius);
}

.warning-card {
    border-left-color: var(--accent-color);
    border-radius: var(--border-radius);
}

/* 卡片元素 */
.card,
.post-card,
.step-card {
    border-radius: var(--border-radius);
}

/* 输入框 */
input[type="text"],
input[type="email"],
textarea {
    border-radius: calc(var(--border-radius) / 2);
}

/* 标签 */
.theme-tags span {
    background: var(--primary-color);
    border-radius: calc(var(--border-radius) - 2px);
}

/* 进度条 */
.progress-bar {
    background: var(--secondary-color);
    border-radius: var(--border-radius);
}

/* 社交证明统计 */
.stat-value {
    color: var(--primary-color);
}

/* 引用块 */
blockquote {
    border-left: 4px solid var(--primary-color);
}

/* 代码块 */
code {
    background: #fafafa;
    border-radius: calc(var(--border-radius) / 3);
}