/*
Theme Name:     泡泡糖日志 - 创意版（艺术紫）
Theme URI:      https://www.silky.cn/
Author:         voely
Description:    泡泡糖日志的创意紫色版本，采用 #8e44ad 深紫 + #e91e63 玫红 + #00bcd4 青蓝 艺术紫配色方案。专为创意工作者、艺术家、设计师打造。
Template:       bubblegum
Version:        1.0.0
License:        GPLv2 or later
Text Domain:    bubblegum-creative
Tags:           purple, creative, artistic, candy, blog, child-theme
*/

/* ==========================================================
   子主题样式覆盖
   父主题 style.css 中大量使用硬编码颜色，
   此文件在父主题样式之后加载，通过以下两层覆盖实现配色：

   第一层：[body.bubblegum-creative] 固定变量值
     覆盖父主题 :root 动态变量，固定为艺术紫配色方案
     （主色 #8e44ad / 辅色 #e91e63 / 强调色 #00bcd4）

   第二层：var() 引用 + 选择器覆盖
     将父 theme 中所有硬编码颜色替换为变量引用，
     自动跟随第一层设定的变量值变化。
   ========================================================== */

/* ===== 第一层：固定艺术紫配色变量 ===== */
body.bubblegum-creative {
    --primary-color: #8e44ad;
    --secondary-color: #e91e63;
    --accent-color: #00bcd4;
    --bg-primary: #faf5ff;
    --bg-secondary: #ffffff;
    --shadow-light: rgba(142, 68, 173, 0.2);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --gradient-primary: linear-gradient(135deg, #8e44ad 0%, #e91e63 100%);
    --gradient-secondary: linear-gradient(45deg, #9b59b6, #e91e63);
    --gradient-accent: linear-gradient(90deg, #00bcd4, #8e44ad);
}

/* ---------- 基础链接色调 ---------- */
a {
    color: var(--primary-color);
}
a:hover {
    color: var(--secondary-color);
    text-decoration: underline wavy var(--accent-color);
}

/* ---------- 页头 ---------- */
.site-header {
    box-shadow: var(--shadow-soft), 0 6px 0 var(--shadow-light);
}
.site-title {
    text-shadow: 3px 3px 0 var(--shadow-light);
}
.site-title a {
    color: var(--primary-color);
}
.site-description {
    background: color-mix(in srgb, var(--bg-primary) 80%, var(--primary-color) 20%);
    color: var(--primary-color);
    box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--primary-color) 60%, transparent);
}
.custom-logo-link img {
    border-color: color-mix(in srgb, var(--primary-color) 50%, transparent);
}

/* ---------- 导航菜单 ---------- */
.main-navigation a {
    background: var(--primary-color);
    color: #ffffff;
    border-color: color-mix(in srgb, var(--primary-color) 70%, #ffffff);
    box-shadow: 0 5px 0 color-mix(in srgb, var(--primary-color) 60%, #00000020);
}
.main-navigation a:hover {
    background: var(--hover-color, var(--secondary-color));
    box-shadow: 0 2px 0 color-mix(in srgb, var(--primary-color) 60%, #00000020);
}
.main-navigation .current-menu-item a {
    background: color-mix(in srgb, var(--primary-color) 80%, #000000);
    box-shadow: 0 3px 0 color-mix(in srgb, var(--primary-color) 50%, #00000040);
}
.menu-toggle {
    background: var(--primary-color);
    color: #ffffff;
    border-color: color-mix(in srgb, var(--primary-color) 70%, #ffffff);
    box-shadow: 0 5px 0 color-mix(in srgb, var(--primary-color) 60%, #00000020);
}

/* ---------- 文章卡片 ---------- */
article.post {
    box-shadow: 0 15px 0 var(--shadow-light), 0 8px 15px rgba(0,0,0,0.05);
}
article.post:hover {
    box-shadow: 0 18px 0 var(--shadow-light), 0 12px 20px rgba(0,0,0,0.05);
}
.entry-title a {
    color: var(--primary-color);
    background: linear-gradient(120deg, var(--bg-primary) 0%, var(--bg-primary) 40%, transparent 80%);
}
.entry-meta {
    background: var(--bg-primary);
    border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
    color: color-mix(in srgb, var(--text-dark, #4a4a4a) 70%, var(--primary-color));
}
.post-thumbnail {
    border-color: var(--bg-primary);
    box-shadow: 0 8px 0 var(--shadow-light);
}
.read-more-candy {
    background: var(--accent-color);
    color: var(--text-dark, #5a3e2e);
    border-color: color-mix(in srgb, var(--accent-color) 70%, #ffffff);
    box-shadow: 0 5px 0 color-mix(in srgb, var(--accent-color) 60%, #00000020);
}
.read-more-candy:hover {
    box-shadow: 0 3px 0 color-mix(in srgb, var(--accent-color) 60%, #00000020);
}

/* ---------- 侧边栏小工具 ---------- */
.bubble-widget {
    background: color-mix(in srgb, var(--bg-primary) 90%, transparent);
    border-color: color-mix(in srgb, var(--bg-primary) 70%, #ffffff);
    box-shadow: 0 10px 0 var(--shadow-light), 0 5px 10px rgba(0,0,0,0.02);
}
.widget-title {
    border-bottom-color: var(--primary-color);
    color: var(--primary-color);
}
.widget a {
    color: var(--primary-color);
}
.cat-links, .tags-links {
    background: var(--bg-primary);
    color: var(--primary-color);
}

/* ---------- 页脚 ---------- */
.site-footer {
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--bg-primary) 90%, var(--primary-color) 10%),
        color-mix(in srgb, var(--bg-primary) 95%, var(--primary-color) 5%));
    border-color: color-mix(in srgb, var(--bg-primary) 80%, #ffffff);
    box-shadow: 0 15px 0 var(--shadow-light), 0 8px 20px rgba(0,0,0,0.08);
    color: var(--primary-color);
}
.footer-navigation a {
    background: color-mix(in srgb, var(--primary-color) 30%, var(--bg-primary));
    color: var(--primary-color);
    box-shadow: 0 4px 0 var(--shadow-light);
}

/* ---------- 评论区域 ---------- */
.comments-area {
    background: color-mix(in srgb, var(--bg-primary) 90%, transparent);
    border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}
.bubble-avatar {
    border-color: color-mix(in srgb, var(--primary-color) 50%, transparent);
    box-shadow: 0 6px 0 var(--shadow-light);
}
.comment-author {
    color: #ffffff;
    background: var(--primary-color);
}
.comment-time {
    color: color-mix(in srgb, var(--text-dark, #4a4a4a) 60%, var(--primary-color));
}
.bubble-speech {
    box-shadow: 0 8px 0 var(--shadow-light), inset 0 2px 6px color-mix(in srgb, var(--bg-primary) 80%, #ffffff);
    border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}
.reply a {
    background: var(--accent-color);
    color: var(--text-dark, #5a3e2e);
    box-shadow: 0 3px 0 color-mix(in srgb, var(--accent-color) 60%, #00000020);
}

/* ---------- 糖果徽章 & 装饰 ---------- */
.candy-badge {
    background: color-mix(in srgb, var(--primary-color) 30%, var(--bg-primary));
    color: var(--primary-color);
    box-shadow: 0 7px 0 var(--shadow-light);
    border-color: color-mix(in srgb, var(--bg-primary) 70%, #ffffff);
}
.candy-frame {
    border-color: var(--bg-primary);
    box-shadow: 0 8px 0 var(--shadow-light);
}
.mini-avatar {
    border-color: color-mix(in srgb, var(--primary-color) 50%, transparent);
}
.welcome-message {
    background: var(--bg-primary);
    color: var(--primary-color);
    box-shadow: 0 10px 0 var(--shadow-light);
    border-color: color-mix(in srgb, var(--bg-primary) 70%, #ffffff);
}
.breadcrumb-candy {
    background: var(--bg-primary);
    border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
}
.breadcrumb-candy a {
    color: var(--primary-color);
}

/* ---------- 分页 ---------- */
.nav-links .page-numbers {
    background: color-mix(in srgb, var(--primary-color) 25%, var(--bg-primary));
    color: var(--primary-color);
    box-shadow: 0 5px 0 var(--shadow-light);
    border-color: color-mix(in srgb, var(--bg-primary) 70%, #ffffff);
}
.nav-links .page-numbers.current {
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 3px 0 color-mix(in srgb, var(--primary-color) 60%, #00000020);
}
.nav-links .page-numbers:hover {
    background: color-mix(in srgb, var(--primary-color) 40%, var(--bg-primary));
    box-shadow: 0 2px 0 var(--shadow-light);
}
.nav-arrow {
    color: var(--primary-color);
}

/* ---------- 空状态 ---------- */
.empty-emoji {
    background: var(--bg-primary);
    box-shadow: inset 0 -4px 0 var(--shadow-light);
}
.tag-cloud-link {
    background: color-mix(in srgb, var(--primary-color) 25%, var(--bg-primary));
    color: var(--primary-color);
    border-color: color-mix(in srgb, var(--bg-primary) 70%, #ffffff);
    box-shadow: 0 3px 0 var(--shadow-light);
}
.tag-cloud-link:hover {
    box-shadow: 0 1px 0 var(--shadow-light);
    background: color-mix(in srgb, var(--primary-color) 40%, var(--bg-primary));
}

/* ---------- 单篇文章 ---------- */
.author-box {
    background: color-mix(in srgb, var(--bg-primary) 85%, transparent);
    border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}
.author-name {
    color: var(--primary-color);
}
.post-navigation a {
    color: var(--primary-color);
}
.related-post-title a {
    color: var(--primary-color);
}

/* ---------- 页面 ---------- */
.page-title {
    color: var(--primary-color);
}

/* ---------- 分类/标签/归档 ---------- */
.archive-title, .tag-title, .category-title, .search-title {
    color: var(--primary-color);
}
.candy-post-card {
    border-color: color-mix(in srgb, var(--bg-primary) 70%, #ffffff);
    box-shadow: 0 12px 0 var(--shadow-light), 0 6px 12px rgba(0,0,0,0.05);
}
.candy-post-card:hover {
    box-shadow: 0 15px 0 var(--shadow-light), 0 10px 20px rgba(0,0,0,0.08);
}
.post-card-category {
    background: var(--accent-color);
    color: var(--text-dark, #5a3e2e);
}

/* ---------- 搜索 ---------- */
.search-form input[type="submit"] {
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 4px 0 color-mix(in srgb, var(--primary-color) 60%, #00000020);
}
.search-form input[type="search"] {
    border-color: var(--primary-color);
}

/* ---------- 404 ---------- */
.error-404 .page-title {
    color: var(--primary-color);
}

/* ---------- 按钮通用 ---------- */
button, input[type="submit"], .button, .btn {
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 4px 0 color-mix(in srgb, var(--primary-color) 60%, #00000020);
}
button:hover, input[type="submit"]:hover, .button:hover, .btn:hover {
    background: var(--hover-color, var(--secondary-color));
}

/* ---------- 其他装饰 ---------- */
.candy-jar-decoration svg path {
    fill: var(--primary-color);
}
.bunting-flag {
    filter: drop-shadow(0 4px 4px var(--shadow-light));
}