/**
 * 火桥（huoqiao）· 多功能沉浸式 WordPress 主题
 * 联系方式：12492501@qq.com
 * 支持正版，从我做起，你的支持是我们前行的动力！
 * @package   huoqiao
 * @author    三木
 * @copyright Copyright (c) 2026-09-01 huoqiao.cn
 * @license   GPL-2.0-or-later
 * @link      https://huoqiao.cn
 * @tags      sidebar, unified, design-tokens, dark-mode, responsive
 */

/*卡片外壳*/
body .article-sidebar .hq-sidebar-widget,
body .hq-video-page__sidebar .hq-video-tabs,
body .hauthor-sidebar .hauthor-usercard,
body .hq2-side .hq2-card,
body .hq-download-detail__side .hq-download-detail__card,
body .hq-download-detail__side .hqdl-pay {
    background: var(--color-bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* 暗色模式 */
html[data-theme="dark"] body .article-sidebar .hq-sidebar-widget,
html[data-theme="dark"] body .hq-video-page__sidebar .hq-video-tabs,
html[data-theme="dark"] body .hauthor-sidebar .hauthor-usercard,
html[data-theme="dark"] body .hq2-side .hq2-card,
html[data-theme="dark"] body .hq-download-detail__side .hq-download-detail__card,
html[data-theme="dark"] body .hq-download-detail__side .hqdl-pay {
    background: var(--color-bg-secondary);
    border-color: var(--border-color);
    box-shadow: var(--shadow-sm);
}

/* 容器节奏 */
@media (min-width: 769px) {
    body .hq-video-page__sidebar,
    body .hq2-side,
    body .hq-download-detail__side {
        gap: 10px;
    }

    body .hauthor-sidebar {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    body .hauthor-sidebar .hauthor-usercard {
        margin-bottom: 0;
    }
}

/* 卡片头 */
body .hq2-side .hq2-card {
    padding: 0;
}

body .hq-download-detail__side .hq-download-detail__works {
    padding: 0;
}

body .hq2-card__head,
body .hq-download-detail__works-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    padding: 20px 24px 12px;
    border-bottom: 1px solid var(--border-color);
}

body .hq2-card__title,
body .hq-download-detail__works-title {
    margin: 0;
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
}

/* 标题图标：对齐文章详情页右栏（标题色继承、图标后 6px 间距） */
body .hq2-card__title::before,
body .hq-download-detail__works-title::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1em;
    margin-right: 6px;
    color: inherit;
}

body .hq2-works .hq2-card__title::before,
body .hq-download-detail__works .hq-download-detail__works-title::before {
    content: "\f302"; /* fa-images：作者其他作品 */
}

body .hq2-suggest .hq2-card__title::before {
    content: "\f234"; /* fa-user-plus：推荐关注 */
}

/* 卡片头之后的内容区（作品网格 / 推荐关注列表 / 作品网格） */
body .hq2-card__head + *,
body .hq-download-detail__works-head + * {
    padding: 16px 24px;
}

/* 无标题的信息卡：保留信息行结构，仅统一左右内边距与行分隔线颜色 */
body .hq-download-detail__side .hq-download-detail__info {
    padding: 6px 24px;
}

body .hq-download-detail__info-row {
    border-bottom-color: var(--border-color);
}

/* 作者主页2 */
@media (min-width: 769px) {
    body .hq2-container > .hq2-side > .hq2-card {
        padding-right: 0;
    }

    body .hq2-container > .hq2-side.hq2-side-overflow .hq2-card__head,
    body .hq2-container > .hq2-side.hq2-side-overflow .hq2-card > :not(.hq2-card__head) {
        padding-right: 30px;
    }
}

/* =移动端 */
@media (max-width: 768px) {
    body .hq2-card__head,
    body .hq-download-detail__works-head {
        padding: 16px 18px 10px;
    }

    body .hq2-card__head + *,
    body .hq-download-detail__works-head + * {
        padding: 14px 18px;
    }

    body .hq-download-detail__side .hq-download-detail__info {
        padding: 6px 18px;
    }
}
