/*
Theme Name: rjck 响应式软件分享主题
Theme URI: https://zblog.cc/
Author: zblog
Author URI: https://zblog.cc/
Description: 由 ZBlogPHP 主题「rjck」转换而来的 WordPress 响应式软件分享主题，支持软件分类折叠导航、推荐位、广告位、SEO 设置与网盘防和谐下载页。
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rjck
Tags: blog, one-column, custom-logo, featured-images, translation-ready, dark
*/

/* =========================================================
   以下为原主题 style/css/style.css 中的自定义样式（DIY 区域）
   ========================================================= */

/** 自制黑色主题 */
body {
    background: #15181d;
}

.sidenav-wrap .box,
.sidenav-wrap .list .item,
.theme-header-wrap,
.theme-footer {
    color: #dfdfd6;
    background: #202328;
}

.sidenav-wrap .list .item {
    border-color: #15181d;
}

@media screen and (max-width: 768px) {
    .sidenav-wrap .sidenav,
    .theme-header-wrap {
        border-color: #43464b;
    }
}

/** 隐藏元素 */
.theme-footer .aside-wrap,
.post-wrap .post-header .post-meta {
    display: none;
}

@media screen and (max-width: 768px) {
    .mobile-menu {
        display: none;
    }
}

/** header优化 */
.theme-header-wrap .header {
    display: flex;
    justify-content: center;
}


/** sidenav 列表优化 */
.list .is-scale-thumbnail img {
    width: 50%;
    height: 50%;
    object-fit: scale-down;
    transform: translate(50%, 50%);
    transform-origin: center;
}

.list_g1 .info {
    padding: 15px;
}

.list_g1 .title {
    text-align: center;
}

.list_g1 .excerpt,
.list_n2 .excerpt {
    display: none !important;
}

.child-wrap .list {
    padding: 0 15px;
}

#list_n2 .thumbnail-wrap, #list_n2 .thumbnail {
    width: 40px;
    height: 40px;
}

.child-wrap .list_n2 .main {
    padding: 17px 15px;
}

.child-wrap .list_n2 .thumbnail-wrap {
    display: none;
}

.sidenav-wrap .sidenav-content .child-section {
    margin: 8px 0;
}

.sidenav-wrap .sidenav-content .header h3 {
    font-size: 17px;
    font-weight: normal;
}

.sidenav-wrap .sidenav-content .arrow {
    color: var(--un-color-text-2);
}

.sidenav-wrap .sidenav-content .child-wrap h3 .icon {
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

/** 不能有 margin-bottom ，否则有点一卡一卡的感觉 */
.sidenav-wrap .sidenav-content .child-section .collapse-item-header {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .list_g1 .item-wrap {
        width: 50% !important;
    }

    .list_g1 .is-scale-thumbnail {
        padding-bottom: 50% !important;
    }

}


/** 文章页 */
#page-content:has(.post-wrap) {
    width: 950px;
}

.post-content > h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 48px 0 18px;
}

.post-content > h2 + h3 {
    margin-top: 34px;
}

/* =========================================================
   悬浮顶部导航（原模板内联样式，抽离到这里）
   ========================================================= */
.top-fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background: #202328;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 9999;
}

.top-nav-inner {
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    gap: 32px;
}

.top-nav-logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-nav-logo img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: contain;
}

.top-nav-logo a {
    font-size: 17px;
    font-weight: bold;
    color: #20c97a;
    text-decoration: none;
}

.top-nav-links {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    align-items: center;
}

.top-nav-links a {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.top-nav-links a:hover {
    color: #20c97a;
}

.nav-icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 768px) {
    .top-nav-inner {
        gap: 18px;
    }

    .top-nav-links {
        gap: 18px;
    }

    .top-nav-links a {
        font-size: 13px;
    }

    .nav-icon {
        width: 16px;
        height: 16px;
    }
}

body {
    padding-top: 52px !important;
}

/* =========================================================
   首页通栏广告
   放在两栏容器上方，保证左侧导航与右侧内容顶边始终对齐
   ========================================================= */
.rjck-home-ad {
    margin: 0 0 12px;
    text-align: center;
}

.rjck-home-ad img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* =========================================================
   文章内页说明（原模板内联样式）
   ========================================================= */
.post-note {
    font-size: 17px;
    line-height: 1.8;
    padding: 20px;
    background: #fff0f0;
    color: var(--theme-color-danger);
    background: var(--theme-color-danger-light-9);
    margin-bottom: 0;
    border-radius: var(--theme-radius);
}

.post-note a {
    color: var(--theme-color-danger);
    text-decoration: underline;
}

.post-note ul li::marker {
    color: var(--theme-color-danger);
}

/* =========================================================
   WordPress 相关的小修正
   ========================================================= */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.alignleft {
    float: left;
    margin: 0 24px 24px 0;
}

.alignright {
    float: right;
    margin: 0 0 24px 24px;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 13px;
    color: var(--theme-color-text-3);
    text-align: center;
    padding-top: 6px;
}

.sticky .title::before {
    content: "推荐";
    font-size: 11px;
    color: #fff;
    background: var(--theme-color-primary);
    border-radius: 3px;
    padding: 1px 5px;
    margin-right: 6px;
    vertical-align: middle;
}

.empty-page {
    padding: 40px 0;
}