/*
 * 商务化主题样式（匹配新版首页 navi-home.php 的配色）
 * 覆盖 Zibll 主题色 + 文章页细节
 */

/* ── 全站主题色商务化 ── */
:root {
    --theme-color: #2563eb;                    /* 天蓝 → 商务深蓝 */
    --focus-shadow-color: rgba(37, 99, 235, .35);
    --main-radius: 8px;                        /* 直角 → 圆角 */
}

/* ── 文章主体卡片 ── */
.article.main-bg.theme-box.box-body {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
    padding: 22px 24px;
}

/* ── 标题 ── */
.article-header .article-title,
.article-header .article-title a {
    color: #0f172a;
    font-weight: 700;
}

/* ── 彻底删除作者、头像、发布时间、关注按钮（不占位置）── */
.article-header .article-avatar,
.article-header .user-info.article-avatar,
.article-header .user-action,
.article-header .line-form-line {
    display: none !important;
}

/* ── 标题与浏览/点赞同行（消除隐藏作者后的空白）── */
.article-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 20px 0 16px;
}
.article-header .article-title {
    flex: 1 1 auto;
    margin: 0;
}
.article-header .single-metabox {
    position: static;
    flex-shrink: 0;
}

/* ── 正文 ── */
.article-content {
    color: #1a1a2e;
    line-height: 1.9;
}

/* ── 元信息（浏览量 / 点赞数）── */
.post-metas .meta-like,
.post-metas .meta-view {
    color: #64748b;
}

/* ── 点赞按钮 ── */
.post-actions .action-like {
    color: #64748b;
}
.post-actions .action-like:hover,
.post-actions .action-like.liked {
    color: #2563eb;
}

/* ── 分享按钮 ── */
.post-actions .action-share:hover {
    color: #2563eb;
}

/* ── 标签区 ── */
.theme-box.article-tags {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

/* ── 作者信息条 ── */
.single-metabox {
    color: #64748b;
}