/*
 * Xinquji Style v2 — 新趣集风格覆盖
 * 全面使用 !important 确保覆盖 Argon 原样式
 */

/* ===== 全局变量 ===== */
:root {
    --xqj-bg: #f7f8fa;
    --xqj-white: #ffffff;
    --xqj-text-1: #1d2129;
    --xqj-text-2: #4e5969;
    --xqj-text-3: #86909c;
    --xqj-text-4: #c9cdd4;
    --xqj-border: #e5e6eb;
    --xqj-border-light: #f2f3f5;
    --xqj-accent: var(--themecolor, #5e72e4);
    --xqj-radius: var(--card-radius, 8px);
    --xqj-nav-h: 56px;
    --xqj-max-w: 1280px;
    --xqj-left-w: 260px;
    --xqj-right-w: 280px;
    --xqj-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
html.darkmode {
    --xqj-bg: #17171a;
    --xqj-white: #232324;
    --xqj-text-1: #ffffffd9;
    --xqj-text-2: #ffffff73;
    --xqj-text-3: #ffffff45;
    --xqj-text-4: #ffffff30;
    --xqj-border: #3a3a3c;
    --xqj-border-light: #2c2c2e;
}

/* ===== 全局重置 ===== */
body {
    background: var(--xqj-bg) !important;
    font-family: var(--xqj-font) !important;
    font-size: 14px !important;
    color: var(--xqj-text-1) !important;
}

/* ===== 隐藏 Argon Banner ===== */
#banner, section.banner, .banner.section,
.shape, .shape-style-1,
.page-information-card-container { display: none !important; }

/* ===== 导航栏 ===== */
#toolbar {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    z-index: 1030 !important;
    background: var(--xqj-white) !important;
    border-bottom: 1px solid var(--xqj-border) !important;
    box-shadow: none !important;
    height: var(--xqj-nav-h) !important;
}
#toolbar .header-global,
#navbar-main,
.navbar-transparent,
.bg-primary,
nav.navbar {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
#navbar-main {
    padding: 0 !important;
    min-height: var(--xqj-nav-h) !important;
    max-height: var(--xqj-nav-h) !important;
}
#navbar-main > .container {
    max-width: var(--xqj-max-w) !important;
    padding: 0 24px !important;
    height: var(--xqj-nav-h) !important;
    display: flex !important;
    align-items: center !important;
}
/* Logo + 标题 */
.navbar-brand.navbar-title {
    color: var(--xqj-text-1) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.navbar-brand.navbar-icon img {
    height: 28px !important;
    width: 28px !important;
    border-radius: 6px !important;
}
/* 隐藏桌面端的汉堡按钮 */
@media (min-width: 992px) {
    button.navbar-toggler,
    #open_sidebar,
    .navbar-toggler-icon,
    .navbar-toggler-searcg-icon {
        display: none !important;
    }
}
/* 导航链接 */
.navbar-nav .nav-item .nav-link {
    color: var(--xqj-text-2) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 0 16px !important;
    line-height: var(--xqj-nav-h) !important;
}
.navbar-nav .nav-item .nav-link:hover {
    color: var(--xqj-text-1) !important;
}
.nav-link .ni { display: none !important; }
/* 搜索框 */
#navbar_search_input_container {
    background: var(--xqj-bg) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: 20px !important;
    height: 36px !important;
    min-width: 200px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 14px !important;
}
#navbar_search_input_container .input-group,
#navbar_search_input_container .input-group-alternative {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 100% !important;
}
#navbar_search_input_container .input-group-text {
    background: transparent !important;
    border: none !important;
    color: var(--xqj-text-3) !important;
    padding: 0 8px 0 0 !important;
}
#navbar_search_input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--xqj-text-1) !important;
    font-size: 13px !important;
    padding: 0 !important;
}
#navbar_search_input_container:focus-within {
    border-color: var(--xqj-accent) !important;
}

/* ===== 核心布局容器 — 覆盖 Argon float 布局 ===== */
.site-content,
#content {
    max-width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0 !important;
    padding: 0 !important;
    display: block !important;
    min-height: 100vh !important;
    position: relative !important;
    background: transparent !important;
    float: none !important;
}
/* 覆盖 Argon 的 no-banner/banner 的 margin-top */
html.no-banner #content,
html.banner-mini #content,
html.is-home.banner-as-cover #content {
    margin-top: 0 !important;
}

/* ===== 三栏布局 Wrapper ===== */
.xqj-layout-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    max-width: var(--xqj-max-w) !important;
    margin: 0 auto !important;
    padding: calc(var(--xqj-nav-h) + 24px) 24px 40px !important;
    min-height: calc(100vh - 200px) !important;
    align-items: flex-start !important;
    position: relative !important;
}
/* 强制所有 wrapper 直接子元素不使用 float */
.xqj-layout-wrapper > * {
    float: none !important;
}

/* ===== 左侧栏 — 覆盖 Argon 的 float:left + width:280px ===== */
#leftbar, aside.leftbar {
    position: sticky !important;
    top: calc(var(--xqj-nav-h) + 24px) !important;
    width: var(--xqj-left-w) !important;
    min-width: var(--xqj-left-w) !important;
    max-width: var(--xqj-left-w) !important;
    flex-shrink: 0 !important;
    float: none !important;
    height: fit-content !important;
    max-height: calc(100vh - var(--xqj-nav-h) - 48px) !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    order: -1 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
}
#sidebar_mask { display: none !important; }
/* 左侧栏卡片 */
#leftbar .card,
#leftbar > .card,
aside.leftbar > .card {
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: var(--xqj-radius) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
/* 左侧栏概览 */
#leftbar_overview_author_image {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 12px !important;
    border-radius: 50% !important;
}
#leftbar_overview_author_name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--xqj-text-1) !important;
}
#leftbar_overview_author_description {
    font-size: 13px !important;
    color: var(--xqj-text-3) !important;
    font-weight: 400 !important;
}
/* 站点统计 */
.site-state {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}
.site-state-item-count {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--xqj-text-1) !important;
}
.site-state-item-name {
    font-size: 12px !important;
    color: var(--xqj-text-3) !important;
}
/* Tab 切换 */
.sidebar-tab-switcher a {
    font-size: 13px !important;
    color: var(--xqj-text-3) !important;
    background: transparent !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}
.sidebar-tab-switcher a.active {
    color: var(--xqj-accent) !important;
    background: rgba(94,114,228,0.06) !important;
}
/* 公告卡片 */
.leftbar-announcement-body {
    padding: 16px 20px !important;
    border-radius: var(--xqj-radius) !important;
}
/* 友情链接 */
.site-friend-links { text-align: left !important; }
.site-friend-links-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--xqj-text-1) !important;
}
.site-friend-links-item a {
    font-size: 13px !important;
    color: var(--xqj-text-3) !important;
    text-decoration: none !important;
}
.site-friend-links-item a:hover {
    color: var(--xqj-accent) !important;
}

/* ===== 主内容区 — 覆盖 Argon 的 float:right + width:calc(100%-280px) ===== */
#primary, .content-area {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    transition: none !important;
}
html.double-column-reverse #primary,
html.single-column #primary,
html.triple-column #primary {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
html.double-column-reverse #leftbar {
    float: none !important;
}
#main, .site-main {
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* ===== 文章卡片列表容器 ===== */
.xqj-post-item {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--xqj-border-light) !important;
    transition: background-color 0.15s ease !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.xqj-post-item:last-child {
    border-bottom: none !important;
}
.xqj-post-item:hover {
    background-color: #fafbfc !important;
}
html.darkmode .xqj-post-item:hover {
    background-color: #2a2a2c !important;
}

/* ===== 暗色模式下文章卡片颜色修正 ===== */
html.darkmode .xqj-post-item a[style*="color:#1d2129"] {
    color: var(--xqj-text-1) !important;
}
html.darkmode .xqj-post-item div[style*="color:#86909c"],
html.darkmode .xqj-post-item span[style*="color:#c0c4cc"] {
    color: var(--xqj-text-3) !important;
}
html.darkmode .xqj-post-item div[style*="color:#4e5969"],
html.darkmode .xqj-post-item span[style*="color:#4e5969"] {
    color: var(--xqj-text-2) !important;
}
html.darkmode .xqj-post-item a[style*="background:#f2f3f5"] {
    background: var(--xqj-border) !important;
    color: var(--xqj-text-2) !important;
}
html.darkmode .xqj-post-item div[style*="border:1px solid #e5e6eb"],
html.darkmode div[style*="border:1px solid #e5e6eb"] {
    border-color: var(--xqj-border) !important;
}
html.darkmode div[style*="background:#fff"] {
    background: var(--xqj-white) !important;
}

/* ===== Argon 原有卡片样式覆盖 ===== */
article.post.card {
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: var(--xqj-radius) !important;
    box-shadow: none !important;
}
.card { box-shadow: none !important; }
.shadow-sm { box-shadow: none !important; }

/* ===== 文章详情页 ===== */
.post-full.card,
article.post.post-full {
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: var(--xqj-radius) !important;
    box-shadow: none !important;
    padding: 40px !important;
}
.post-full .post-header {
    text-align: left !important;
}
.post-full a.post-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--xqj-text-1) !important;
    text-align: left !important;
}
.post-full .post-meta {
    text-align: left !important;
    justify-content: flex-start !important;
}
.post-full .post-content {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: var(--xqj-text-1) !important;
}
.post-full .post-content h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 32px 0 16px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--xqj-border-light) !important;
}
.post-full .post-content h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 24px 0 12px !important;
}
.post-full .post-content blockquote {
    border-left: 3px solid var(--xqj-accent) !important;
    padding: 12px 20px !important;
    background: rgba(94,114,228,0.04) !important;
    border-radius: 0 var(--xqj-radius) var(--xqj-radius) 0 !important;
    margin: 16px 0 !important;
}
.post-full .post-content img {
    max-width: 100% !important;
    border-radius: var(--xqj-radius) !important;
}
.post-full .post-content table {
    width: 100% !important;
    border-collapse: collapse !important;
}
.post-full .post-content table th {
    background: var(--xqj-bg) !important;
    padding: 10px 16px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--xqj-border) !important;
}
.post-full .post-content table td {
    padding: 10px 16px !important;
    border-bottom: 1px solid var(--xqj-border-light) !important;
}

/* ===== 文章页导航/推荐/评论 ===== */
.post-navigation,
.related-posts,
.post-share,
.post-comment {
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: var(--xqj-radius) !important;
    box-shadow: none !important;
}
/* 标签 */
.post-tags {
    margin-top: 10px !important;
    padding: 0 !important;
}
.post-tags i.fa-tags { display: none !important; }
.post-tags .badge,
.post-tags .tag {
    background: var(--xqj-border-light) !important;
    color: var(--xqj-text-2) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* ===== 分类页网格 ===== */
.xqj-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
.xqj-category-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 20px !important;
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: var(--xqj-radius) !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}
.xqj-category-card:hover {
    border-color: var(--xqj-accent) !important;
}
.xqj-category-icon {
    width: 48px !important; height: 48px !important;
    border-radius: 10px !important;
    background: rgba(94,114,228,0.06) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 22px !important;
    color: var(--xqj-accent) !important;
    flex-shrink: 0 !important;
}
.xqj-category-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--xqj-text-1) !important;
}
.xqj-category-count {
    font-size: 13px !important;
    color: var(--xqj-text-3) !important;
}

/* ===== 分页 ===== */
.page-numbers-container {
    text-align: center !important;
    margin-top: 24px !important;
}
.page-numbers-container .page-numbers {
    display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
    min-width: 32px !important; height: 32px !important;
    padding: 0 8px !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: 6px !important;
    margin: 0 3px !important;
    font-size: 14px !important;
    color: var(--xqj-text-2) !important;
    text-decoration: none !important;
    background: var(--xqj-white) !important;
}
.page-numbers-container .page-numbers:hover {
    border-color: var(--xqj-accent) !important;
    color: var(--xqj-accent) !important;
}
.page-numbers-container .page-numbers.current {
    background: var(--xqj-accent) !important;
    border-color: var(--xqj-accent) !important;
    color: #fff !important;
}

/* ===== 页脚 ===== */
#footer, .site-footer {
    background: var(--xqj-white) !important;
    border: none !important;
    border-top: 1px solid var(--xqj-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 48px 0 24px !important;
    margin-top: 48px !important;
}
.xqj-footer-container {
    max-width: var(--xqj-max-w) !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}
.xqj-footer-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr !important;
    gap: 40px !important;
    margin-bottom: 40px !important;
}
.xqj-footer-brand-name {
    font-size: 18px !important; font-weight: 700 !important; color: var(--xqj-text-1) !important;
}
.xqj-footer-desc {
    font-size: 13px !important; color: var(--xqj-text-3) !important; line-height: 1.6 !important;
}
.xqj-footer-col-title {
    font-size: 14px !important; font-weight: 600 !important; color: var(--xqj-text-1) !important; margin-bottom: 16px !important;
}
.xqj-footer-links { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.xqj-footer-links li { margin-bottom: 10px !important; }
.xqj-footer-links a {
    font-size: 13px !important; color: var(--xqj-text-3) !important; text-decoration: none !important;
}
.xqj-footer-links a:hover { color: var(--xqj-accent) !important; }
.xqj-footer-bottom {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding-top: 24px !important; border-top: 1px solid var(--xqj-border-light) !important;
    font-size: 13px !important; color: var(--xqj-text-3) !important;
}

/* ===== 浮动按钮 ===== */
#float_action_buttons .fabtn {
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    border-radius: 50% !important;
    color: var(--xqj-text-2) !important;
}
#float_action_buttons .fabtn:hover {
    border-color: var(--xqj-accent) !important;
    color: var(--xqj-accent) !important;
}
#fabtn_blog_settings_popup {
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
}

/* ===== 右侧栏 ===== */
#xqj-rightbar, .xqj-rightbar {
    position: sticky !important;
    top: calc(var(--xqj-nav-h) + 24px) !important;
    width: var(--xqj-right-w) !important;
    min-width: var(--xqj-right-w) !important;
    max-width: var(--xqj-right-w) !important;
    flex-shrink: 0 !important;
    height: fit-content !important;
    max-height: calc(100vh - var(--xqj-nav-h) - 48px) !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* 右侧栏暗色模式 */
html.darkmode #xqj-rightbar a[style*="background:var(--xqj-accent"] {
    opacity: 0.9;
}
html.darkmode #xqj-rightbar span[style*="background:#fff1f0"] {
    background: #3a2020 !important;
}
html.darkmode #xqj-rightbar span[style*="background:#f7f8fa"] {
    background: var(--xqj-border) !important;
}

/* ===== 右侧栏 WordPress 默认小工具 ===== */
#xqj-rightbar .widget {
    margin-bottom: 16px !important;
    padding: 16px 20px !important;
    background: var(--xqj-white) !important;
    border: 1px solid var(--xqj-border) !important;
    border-radius: var(--xqj-radius) !important;
}
#xqj-rightbar .widget-title,
#xqj-rightbar .widgettitle {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--xqj-text-1) !important;
    margin-bottom: 12px !important;
}
#xqj-rightbar .widget ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#xqj-rightbar .widget ul li {
    padding: 6px 0 !important;
    border-bottom: 1px solid var(--xqj-border-light) !important;
}
#xqj-rightbar .widget ul li:last-child {
    border-bottom: none !important;
}
#xqj-rightbar .widget ul li a {
    font-size: 13px !important;
    color: var(--xqj-text-2) !important;
    text-decoration: none !important;
}
#xqj-rightbar .widget ul li a:hover {
    color: var(--xqj-accent) !important;
}

/* ===== 响应式 ===== */
@media (max-width: 1200px) {
    #xqj-rightbar, .xqj-rightbar {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    .xqj-categories-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .xqj-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
}
@media (max-width: 768px) {
    .xqj-layout-wrapper {
        flex-direction: column !important;
        padding: calc(var(--xqj-nav-h) + 16px) 16px 24px !important;
        gap: 16px !important;
        flex-wrap: wrap !important;
    }
    #leftbar, aside.leftbar {
        position: relative !important;
        top: 0 !important;
        left: auto !important;
        width: 100% !important; min-width: 100% !important; max-width: 100% !important;
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
        z-index: auto !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    #xqj-rightbar, .xqj-rightbar {
        display: none !important;
    }
    .xqj-categories-grid { grid-template-columns: 1fr !important; }
    .xqj-footer-grid { grid-template-columns: 1fr !important; }
    .post-full.card { padding: 20px !important; }
    .post-full a.post-title { font-size: 22px !important; }
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--xqj-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--xqj-text-3); }

/* ===== 覆盖 Argon 900px 以下的 fixed sidebar ===== */
@media screen and (max-width: 900px) {
    #leftbar, aside.leftbar {
        position: relative !important;
        left: auto !important;
        top: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        z-index: auto !important;
        transition: none !important;
    }
    html.no-banner #content {
        margin-top: 0 !important;
    }
    #primary, .content-area {
        width: auto !important;
        float: none !important;
    }
}

/* ===== 修复 Argon headroom 行为 ===== */
.headroom { background: var(--xqj-white) !important; }
.headroom--unpinned { transform: translateY(0) !important; }