/**
 * 知集 v3 —— 核心样式
 *
 * ═══════════════════════════════════════════════════════════════════════════════
 * 设计令牌来源
 * ═══════════════════════════════════════════════════════════════════════════════
 * `--zhiji-brand` 系列变量由 **PHP 侧**（core/Helpers.php 挂在 wp_head）
 * 从后台「品牌主色」配置注入，本文件只消费、不定义具体色值。
 *
 * 🧨 为什么不在本文件写死色值：
 *    后台改品牌色 → 全站生效依赖的是「PHP 注入变量 + CSS 消费变量」这条链。
 *    若在 CSS 里写死，后台配置就失效了（v2 有模块这么干过，表现为"改了没反应"）。
 *
 * ⚠️ 所有消费点**必须**带 fallback（`var(--x, #fallback)`）——
 *    PHP 注入失败（如 wp_head 被主题/插件移除）时不至于整块样式失效。
 * ═══════════════════════════════════════════════════════════════════════════════
 */

/* ── 品牌色消费（带 fallback）──────────────────────────────────────────────── */

.zhiji-brand,
.zhiji-brand-link {
    color: var(--zhiji-brand, #2e7cf6);
    text-decoration: none;
}

.zhiji-brand-link:hover .zhiji-brand {
    color: var(--zhiji-brand-deep, #1e4e8c);
}

/* ── 复制组件容器 ─────────────────────────────────────────────────────────── */

.zhiji-copy-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border: 1px solid var(--zhiji-border, #dce6f5);
    border-radius: 6px;
    background: var(--zhiji-surface-soft, #eaf2fe);
}

.zhiji-copy-text {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    color: #333;
    word-break: break-all;
}

.zhiji-copy {
    flex: 0 0 auto;
    padding: 2px 10px;
    border: 0;
    border-radius: 4px;
    background: var(--zhiji-brand, #2e7cf6);
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: opacity .2s;
}

.zhiji-copy:hover {
    opacity: .86;
}

.zhiji-copy:active {
    transform: translateY(1px);
}

/* ═══════════════════════════════════════════════════════════════════════════
 * 勋章展示尺寸（2026-10-04 用户反馈「弹窗图片偏小还向后移」）
 *
 * 父主题默认：.medal-single-card.medal-card .medal-icon { height:120px; max-width:200px }
 * 衬托在 305px 宽的 medal-background.svg 虚线框里视觉占比偏小（自绘 PNG 更明显）。
 * 放大到 180px：勋章弹窗（zib_get_single_medal_info_modal）与消息中心的
 * 「获得新的徽章」卡片结构相同（同 class），一并放大。
 * 背景框 top 由 43px 上移到 13px，保持放大后的勋章在虚线椭圆中居中。
 * ═══════════════════════════════════════════════════════════════════════════ */
.medal-single-card.medal-card .medal-icon {
    height: 180px;
    max-width: 280px;
}

.medal-single-card.medal-card .medal-single-bg {
    top: 13px;
}