/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Zouql
Author URI: https://www.cmsmb.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1786424432
Updated: 2026-08-11 13:00:32

*/

.topic-list-wrap {
    margin: 40px 0;
}
.topic-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}
.topic-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: 0.25s ease;
}
.topic-card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.recommend-badge {
    position: absolute;
    top:12px;
    right:12px;
    background:#e53e3e;
    color:#fff;
    font-size:12px;
    padding:3px 8px;
    border-radius:4px;
    z-index:2;
}
.topic-card-image img {
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
}
.no-image-placeholder {
    height:180px;
    background:#f3f4f6;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#999;
}
.topic-card-body {
    padding:18px;
}
.topic-card-title {
    margin:0 0 6px;
    font-size:18px;
}
.topic-card-title a {
    color:#222;
    text-decoration:none;
}
.topic-card-subtitle {
    color:#666;
    font-size:14px;
    margin:0 0 10px;
}
.topic-level-tag {
    display:inline-block;
    background:#edf2ff;
    color:#2563eb;
    font-size:12px;
    padding:2px 8px;
    border-radius:99px;
    margin-bottom:10px;
}
.topic-card-desc {
    font-size:14px;
    color:#555;
    margin:0 0 12px;
    line-height:1.6;
}
.topic-more-link {
    font-size:14px;
    color:#2563eb;
    text-decoration:none;
}
.no-post-notice {
    padding:60px 20px;
    text-align:center;
    color:#666;
    font-size:16px;
}

/* ============================================================
   右侧边栏 Widget 美化
   ============================================================ */

/* Widget 容器 */
#right-sidebar .widget {
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 5px;
    padding: 20px 18px;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

/* Widget 标题 */
#right-sidebar .widget-title {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin: 0 0 14px;
    padding: 0 0 0 12px;
    border-left: 3px solid #2563eb;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: none;
}

#right-sidebar .widget-title::before {
    content: '';
    position: absolute;
    left: -3px;
    top: 2px;
    bottom: 2px;
    width: 3px;
    border-radius: 2px;
}

/* 搜索 */
#right-sidebar .widget_search .search-form {
    display: flex;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #f9fafb;
}

#right-sidebar .widget_search .search-form:focus-within {
    border-color: #2563eb;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

#right-sidebar .widget_search .search-field {
    flex: 1;
    border: none;
    padding: 10px 14px;
    font-size: 13px;
    color: #1f2937;
    background: transparent;
    outline: none;
    min-width: 0;
}

#right-sidebar .widget_search .search-field::placeholder {
    color: #9ca3af;
    font-size: 13px;
}

#right-sidebar .widget_search .search-submit {
    flex-shrink: 0;
    border: none;
    background: #2563eb;
    color: #fff;
    padding: 0 16px;
    font-size: 14px;
    cursor: pointer;
    min-width: 42px;
}

#right-sidebar .widget_search .search-submit:hover {
    background: #1d4ed8;
}

/* 通用列表 */
#right-sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#right-sidebar .widget ul li {
    padding: 9px 0;
    border-bottom: 1px solid #f3f4f6;
    font-size: 13px;
    color: #4b5563;
    line-height: 1.5;
}

#right-sidebar .widget ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#right-sidebar .widget ul li:first-child {
    padding-top: 0;
}

#right-sidebar .widget ul li a {
    color: #4b5563;
    text-decoration: none;
}

#right-sidebar .widget ul li a:hover {
    color: #2563eb;
}

/* 近期文章 */
#right-sidebar .widget_recent_entries ul li {
    padding: 10px 0 10px 16px;
    position: relative;
}

#right-sidebar .widget_recent_entries ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    background: #d1d5db;
    border-radius: 50%;
}

#right-sidebar .widget_recent_entries ul li:hover::before {
    background: #2563eb;
}

#right-sidebar .widget_recent_entries ul li a {
    font-weight: 500;
    color: #374151;
    display: block;
    line-height: 1.4;
}

#right-sidebar .widget_recent_entries .post-date {
    display: block;
    font-size: 11px;
    color: #9ca3af;
    margin-top: 3px;
}

/* 近期评论 */
#right-sidebar .widget_recent_comments ul li {
    padding: 10px 0 10px 16px;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
}

#right-sidebar .widget_recent_comments ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    background: #d1d5db;
    border-radius: 50%;
}

#right-sidebar .widget_recent_comments ul li:hover::before {
    background: #8b5cf6;
}

#right-sidebar .widget_recent_comments .comment-author-link {
    font-weight: 600;
    color: #1f2937;
}

/* 归档 */
#right-sidebar .widget_archive ul li {
    padding: 0;
    border-bottom: none;
}

#right-sidebar .widget_archive ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0 9px 18px;
    color: #4b5563;
    font-size: 13px;
    border-bottom: 1px solid #f3f4f6;
    position: relative;
    text-decoration: none;
}

#right-sidebar .widget_archive ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #d1d5db;
    border-radius: 50%;
}

#right-sidebar .widget_archive ul li a:hover {
    color: #2563eb;
    padding-left: 22px;
}

#right-sidebar .widget_archive ul li a:hover::before {
    background: #2563eb;
}

#right-sidebar .widget_archive ul li:last-child a {
    border-bottom: none;
}

/* 分类 */
#right-sidebar .widget_categories ul li {
    padding: 0;
    border-bottom: none;
}

#right-sidebar .widget_categories ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0 9px 18px;
    color: #4b5563;
    font-size: 13px;
    border-bottom: 1px solid #f3f4f6;
    position: relative;
    text-decoration: none;
}

#right-sidebar .widget_categories ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #d1d5db;
    border-radius: 50%;
}

#right-sidebar .widget_categories ul li a:hover {
    color: #2563eb;
    padding-left: 22px;
}

#right-sidebar .widget_categories ul li a:hover::before {
    background: #2563eb;
}

#right-sidebar .widget_categories ul li:last-child a {
    border-bottom: none;
}

/* 下拉选择框 */
#right-sidebar .widget_archive select,
#right-sidebar .widget_categories select {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 13px;
    color: #4b5563;
    background: #f9fafb;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}

#right-sidebar .widget_archive select:focus,
#right-sidebar .widget_categories select:focus {
    border-color: #2563eb;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

/* 标签云 */
#right-sidebar .widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#right-sidebar .widget_tag_cloud .tag-cloud-link {
    display: inline-block;
    padding: 4px 10px;
    background: #f3f4f6;
    color: #4b5563;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
}

#right-sidebar .widget_tag_cloud .tag-cloud-link:hover {
    background: #2563eb;
    color: #fff;
}

/* 日历 */
#right-sidebar .widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

#right-sidebar .widget_calendar caption {
    font-weight: 600;
    color: #1f2937;
    padding: 6px 0;
    font-size: 13px;
}

#right-sidebar .widget_calendar th,
#right-sidebar .widget_calendar td {
    padding: 6px 2px;
    text-align: center;
    font-size: 12px;
}

#right-sidebar .widget_calendar th {
    color: #9ca3af;
    font-weight: 500;
    border-bottom: 1px solid #e5e7eb;
}

#right-sidebar .widget_calendar td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #2563eb;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-weight: 600;
    font-size: 11px;
}

#right-sidebar .widget_calendar #prev a,
#right-sidebar .widget_calendar #next a {
    background: transparent;
    color: #2563eb;
    width: auto;
    height: auto;
    font-size: 12px;
}
.inside-article-download{
    padding: 0px 0px;
}

.site-main,.inside-right-sidebar{
    margin-top: 0px!important;
}
.download-home{
    margin-top: 0px!important;
}

/* ============================================================
   智能侧边栏滚动 (Smart Sidebar Scroll)
   场景1: 侧边栏 <= 视口 → 顶部 sticky
   场景2: 侧边栏 >  视口 → 跟随滚动, 到底部时暂停, 主内容到底后恢复
   JS 动态控制 position, 这里只设基础属性
   ============================================================ */
.site-content {
    position: relative;
}

#right-sidebar {
    position: relative;
}

#right-sidebar .inside-right-sidebar {
    will-change: top, transform;
}

@media (max-width: 768px) {
    #right-sidebar .inside-right-sidebar {
        position: static !important;
        top: auto !important;
        transform: none !important;
    }
}