/*

Theme Name: 52家谱网国风主题

Theme URI: https://www.52jiapu.com

Description: 52家谱网国风风格子主题 - 基于Modown主题深度定制，融合家谱宗族文化元素的国风暗色设计

Author: 52家谱网

Author URI: https://www.52jiapu.com

Version: 1.0.0

Template: modown

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: jiapu-child

*/

/* ============================================================

   CSS 变量定义 - 国风色彩体系

   ============================================================ */

:root {

    --jp-primary-bg: #f5f0e8;

    --jp-secondary-bg: #e8e0d0;

    --jp-tertiary-bg: #d8d0c0;

    --jp-darker-bg: #3a3228;

    --jp-card-bg: #ebe4d4;

    --jp-text-primary: #333;

    --jp-text-secondary: #5a5a5a;

    --jp-brand-red: #c41e3a;

    --jp-brand-red-hover: #d4253f;

    --jp-brand-red-light: rgba(196, 30, 58, 0.15);

    --jp-gold: #8b4513;

    --jp-gold-light: #a0522d;

    --jp-gold-dark: #6b3410;

    --jp-link-color: #8b4513;

    --jp-link-hover: #a0522d;

    --jp-border-color: rgba(139, 119, 101, 0.2);

    --jp-border-strong: rgba(139, 119, 101, 0.4);

    --jp-font-serif: 'Noto Serif SC', 'Source Han Serif SC', 'SimSun', serif;

    --jp-font-sans: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;

    --jp-radius: 8px;

    --jp-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

    --jp-shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.15);

    --jp-transition: all 0.3s ease;

}

/* ============================================================

   全局重置与基础样式

   ============================================================ */

*,

*::before,

*::after {

    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

    font-size: 16px;

}

body {

    background: linear-gradient(180deg, #f5f0e8 0%, #e8e0d0 50%, #d8d0c0 100%) !important;

    color: #333 !important;

    font-family: var(--jp-font-serif);

    line-height: 1.8;

    margin: 0;

    padding: 0;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    overflow-x: hidden;

}

/* ============================================================

   自定义滚动条

   ============================================================ */

::-webkit-scrollbar {

    width: 6px;

    height: 6px;

}

::-webkit-scrollbar-track {

    background: var(--jp-primary-bg);

}

/* 全局文字颜色 - 适应浅色背景 */

body, .site-content, .entry-content, .post-content, .page-content {

    color: #333 !important;

}

a {

    color: #8b4513 !important;

}

a:hover {

    color: #a0522d !important;

}

::-webkit-scrollbar-thumb {

    background: var(--jp-gold-dark);

    border-radius: 3px;

}

::-webkit-scrollbar-thumb:hover {

    background: var(--jp-gold);

}

/* Firefox 滚动条 */

html {

    scrollbar-width: thin;

    scrollbar-color: var(--jp-gold-dark) var(--jp-primary-bg);

}

/* ============================================================

   全局链接样式

   ============================================================ */

a {

    color: var(--jp-link-color);

    text-decoration: none;

    transition: var(--jp-transition);

}

a:hover {

    color: var(--jp-link-hover);

}

a:focus {

    outline: 2px solid var(--jp-gold);

    outline-offset: 2px;

}

/* ============================================================

   选中文字样式

   ============================================================ */

::selection {

    background-color: var(--jp-brand-red);

    color: #fff;

}

::-moz-selection {

    background-color: var(--jp-brand-red);

    color: #fff;

}

/* ============================================================

   排版

   ============================================================ */

h1, h2, h3, h4, h5, h6 {

    font-family: var(--jp-font-serif);

    font-weight: 700;

    color: var(--jp-text-primary);

    line-height: 1.4;

    margin-top: 0;

}

h1 { font-size: 2rem; margin-bottom: 1rem; }

h2 { font-size: 1.75rem; margin-bottom: 0.875rem; }

h3 { font-size: 1.5rem; margin-bottom: 0.75rem; }

h4 { font-size: 1.25rem; margin-bottom: 0.625rem; }

h5 { font-size: 1.1rem; margin-bottom: 0.5rem; }

h6 { font-size: 1rem; margin-bottom: 0.5rem; }

p {

    margin-top: 0;

    margin-bottom: 1rem;

    color: var(--jp-text-secondary);

}

blockquote {

    border-left: 4px solid var(--jp-brand-red);

    background: var(--jp-secondary-bg);

    padding: 1.25rem 1.5rem;

    margin: 1.5rem 0;

    color: var(--jp-text-secondary);

    border-radius: 0 var(--jp-radius) var(--jp-radius) 0;

}

blockquote p {

    margin-bottom: 0;

    color: var(--jp-text-secondary);

}

code, pre {

    font-family: 'Fira Code', 'Consolas', monospace;

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

}

code {

    padding: 0.15rem 0.4rem;

    font-size: 0.9em;

}

pre {

    padding: 1rem;

    overflow-x: auto;

    line-height: 1.6;

}

pre code {

    padding: 0;

    background: none;

    border: none;

}

/* ============================================================

   表格

   ============================================================ */

table {

    width: 100%;

    border-collapse: collapse;

    margin: 1.5rem 0;

}

th, td {

    padding: 0.75rem 1rem;

    text-align: left;

    border-bottom: 1px solid var(--jp-border-color);

}

th {

    background: var(--jp-secondary-bg);

    color: var(--jp-gold);

    font-weight: 600;

    font-family: var(--jp-font-sans);

    font-size: 0.875rem;

    text-transform: uppercase;

    letter-spacing: 0.05em;

}

tr:hover td {

    background: rgba(212, 168, 83, 0.05);

}

/* ============================================================

   表单元素

   ============================================================ */

input[type="text"],

input[type="search"],

input[type="email"],

input[type="password"],

input[type="url"],

input[type="number"],

textarea,

select {

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    color: var(--jp-text-primary);

    padding: 0.6rem 1rem;

    border-radius: var(--jp-radius);

    font-family: var(--jp-font-sans);

    font-size: 0.95rem;

    transition: var(--jp-transition);

    width: 100%;

}

input[type="text"]:focus,

input[type="search"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

input[type="url"]:focus,

input[type="number"]:focus,

textarea:focus,

select:focus {

    border-color: var(--jp-gold);

    box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.15);

    outline: none;

}

input[type="text"]::placeholder,

input[type="search"]::placeholder,

textarea::placeholder {

    color: var(--jp-text-secondary);

    opacity: 0.7;

}

/* ============================================================

   按钮系统

   ============================================================ */

.btn,

button,

input[type="submit"],

input[type="button"],

.wp-block-button__link {

    display: inline-block;

    padding: 0.6rem 1.5rem;

    font-family: var(--jp-font-sans);

    font-size: 0.95rem;

    font-weight: 500;

    text-align: center;

    text-decoration: none;

    cursor: pointer;

    border: none;

    border-radius: var(--jp-radius);

    transition: var(--jp-transition);

    line-height: 1.5;

}

/* 主按钮 - 中国红 */

.btn-primary,

button.btn-primary,

input[type="submit"].btn-primary {

    background: linear-gradient(135deg, var(--jp-brand-red) 0%, #9b1830 100%);

    color: #fff;

    box-shadow: 0 2px 8px rgba(196, 30, 58, 0.3);

}

.btn-primary:hover,

button.btn-primary:hover {

    background: linear-gradient(135deg, var(--jp-brand-red-hover) 0%, var(--jp-brand-red) 100%);

    color: #fff;

    transform: translateY(-1px);

    box-shadow: 0 4px 16px rgba(196, 30, 58, 0.4);

}

/* 次按钮 - 金色边框 */

.btn-secondary,

button.btn-secondary {

    background: transparent;

    color: var(--jp-gold);

    border: 1px solid var(--jp-gold);

}

.btn-secondary:hover,

button.btn-secondary:hover {

    background: var(--jp-gold);

    color: var(--jp-primary-bg);

}

/* 小按钮 */

.btn-sm {

    padding: 0.35rem 0.9rem;

    font-size: 0.85rem;

}

/* ============================================================

   顶部公告条

   ============================================================ */

.jp-notice-bar {
    background: linear-gradient(90deg, var(--jp-primary-bg), var(--jp-secondary-bg));
    color: var(--jp-gold);
    text-align: center;
    padding: 0.85rem 1rem;
    font-family: var(--jp-font-sans);
    font-size: 0.85rem;
    border-bottom: 1px solid var(--jp-border-color);
    letter-spacing: 0.08em;
    white-space: nowrap;
    overflow: visible;
    line-height: 1.8;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jp-notice-bar a {

    color: var(--jp-gold-light);

    text-decoration: underline;

}

.jp-notice-bar a:hover {

    color: #fff;

}

/* ============================================================

   Header 导航

   ============================================================ */

.jp-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    /* background: rgba(26, 26, 46, 0.95); /* V7: overridden by header.php *//*

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    border-bottom: 1px solid var(--jp-border-color);

    transition: var(--jp-transition);

}

.jp-header-inner.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    min-height: 70px;
    padding: 0 15px !important;
}

/* Logo 区域 */

.jp-logo-area {

    display: flex;

    align-items: center;

    gap: 0.75rem;

    flex-shrink: 0;

}

/* 红色印章式Logo */

.jp-logo-seal {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    background: var(--jp-brand-red);

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 2px 8px rgba(196, 30, 58, 0.4), inset 0 1px 2px rgba(255,255,255,0.1);

    position: relative;

    flex-shrink: 0;

}

.jp-logo-seal::before {

    content: '';

    position: absolute;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    border: 1.5px solid rgba(255, 255, 255, 0.3);

}

.jp-logo-seal span {

    color: #fff;

    font-family: var(--jp-font-serif);

    font-size: 1.5rem;

    font-weight: 700;

    line-height: 1;

    position: relative;

    z-index: 1;

}

.jp-logo-text {

    display: flex;

    flex-direction: column;

}

.jp-logo-text .site-title {

    font-family: var(--jp-font-serif);

    font-size: 1.3rem;

    font-weight: 700;

    color: var(--jp-gold);

    line-height: 1.3;

    margin: 0;

    letter-spacing: 0.05em;

}

.jp-logo-text .site-subtitle {

    font-family: var(--jp-font-sans);

    font-size: 0.7rem;

    color: var(--jp-text-secondary);

    letter-spacing: 0.15em;

    margin: 0;

}

/* 主导航 */

.jp-main-nav {\n    flex: 1 1 auto; /* V7: allow wrapping */

    display: flex;

    justify-content: center;

}

.jp-nav-main {

    list-style: none;

    display: flex;

    align-items: center;

    gap: 0;

    margin: 0;

    padding: 0;

}

.jp-nav-main > li {

    position: relative;

}

.jp-nav-main > li > a {

    display: block;

    padding: 0.5rem 1rem;

    color: var(--jp-gold);

    font-family: var(--jp-font-sans);

    font-size: 0.95rem;

    font-weight: 400;

    letter-spacing: 0.03em;

    transition: var(--jp-transition);

    position: relative;

    white-space: nowrap;

}

.jp-nav-main > li > a::after {

    content: '';

    position: absolute;

    bottom: -2px;

    left: 50%;

    width: 0;

    height: 2px;

    background: var(--jp-brand-red);

    transition: var(--jp-transition);

    transform: translateX(-50%);

}

.jp-nav-main > li > a:hover,

.jp-nav-main > li.current-menu-item > a,

.jp-nav-main > li.current-menu-ancestor > a {

    color: var(--jp-gold-light);

}

.jp-nav-main > li > a:hover::after,

.jp-nav-main > li.current-menu-item > a::after,

.jp-nav-main > li.current-menu-ancestor > a::after {

    width: 70%;

}

/* 区域下拉菜单 */

.jp-nav-main > li .jp-dropdown {

    display: none;

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    min-width: 540px;

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

    box-shadow: var(--jp-shadow);

    padding: 1rem 1.25rem;

    z-index: 1000;

}

.jp-nav-main > li:hover .jp-dropdown {

    display: block;

}

.jp-dropdown-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 0.5rem;

}

.jp-dropdown-item {

    display: block;

    padding: 0.4rem 0.7rem;

    color: var(--jp-text-secondary);

    font-size: 0.875rem;

    font-family: var(--jp-font-sans);

    border-left: 2px solid transparent;

    border-radius: 0 4px 4px 0;

    transition: var(--jp-transition);

}

.jp-dropdown-item:hover {

    color: var(--jp-gold);

    background: var(--jp-brand-red-light);

    border-left-color: var(--jp-brand-red);

}

/* 右侧功能图标 */

.jp-header-actions {

    display: flex;

    align-items: center;

    gap: 0.75rem;

    flex-shrink: 0;

}

.jp-header-action-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    color: rgba(255, 255, 255, 0.7);

    transition: var(--jp-transition);

    cursor: pointer;

    background: transparent;

    border: none;

    font-size: 1.1rem;

}

.jp-header-action-btn:hover {

    color: var(--jp-gold);

    background: rgba(212, 168, 83, 0.1);

}

.jp-header-action-btn svg {

    width: 20px;

    height: 20px;

    fill: currentColor;

}

/* 搜索框展开 */

.jp-search-overlay {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background: var(--jp-secondary-bg);

    border-bottom: 1px solid var(--jp-border-color);

    padding: 1rem 1.5rem;

    z-index: 999;

}

.jp-search-overlay.active {

    display: block;

}

.jp-search-form {

    max-width: 600px;

    margin: 0 auto;

    position: relative;

}

.jp-search-form input[type="search"] {

    border: 2px solid var(--jp-gold);

    background: var(--jp-primary-bg);

    padding: 0.75rem 1rem 0.75rem 2.5rem;

    border-radius: 30px;

    font-size: 1rem;

    color: var(--jp-text-primary);

}

.jp-search-form input[type="search"]:focus {

    border-color: var(--jp-gold-light);

    box-shadow: 0 0 0 4px rgba(212, 168, 83, 0.1);

}

.jp-search-form .search-icon {

    position: absolute;

    left: 1rem;

    top: 50%;

    transform: translateY(-50%);

    color: var(--jp-gold);

    pointer-events: none;

}

/* VIP按钮 */

.jp-vip-btn {

    display: inline-flex;

    align-items: center;

    gap: 0.3rem;

    padding: 0.35rem 0.8rem;

    background: linear-gradient(135deg, #d4a853, #b8923a);

    color: var(--jp-primary-bg);

    border-radius: 20px;

    font-size: 0.8rem;

    font-weight: 600;

    font-family: var(--jp-font-sans);

    white-space: nowrap;

    transition: var(--jp-transition);

}

.jp-vip-btn:hover {

    background: linear-gradient(135deg, #e8c36a, #d4a853);

    color: var(--jp-primary-bg);

    transform: translateY(-1px);

    box-shadow: 0 2px 8px rgba(212, 168, 83, 0.4);

}

/* 登录注册 */

.jp-auth-links {

    display: flex;

    align-items: center;

    gap: 0.5rem;

}

.jp-auth-links a {

    padding: 0.35rem 0.75rem;

    color: var(--jp-text-secondary);

    font-family: var(--jp-font-sans);

    font-size: 0.875rem;

    border-radius: 4px;

    transition: var(--jp-transition);

}

.jp-auth-links a:hover {

    color: var(--jp-gold);

    background: rgba(212, 168, 83, 0.1);

}

.jp-auth-links a.jp-login-btn {

    border: 1px solid var(--jp-border-strong);

    color: var(--jp-gold);

}

/* ============================================================

   Hero 搜索区域（仅首页）

   ============================================================ */

.jp-hero-section {

    position: relative;

    padding: 8rem 1.5rem 4rem;

    margin-top: 0;

    text-align: center;

    overflow: hidden;

    /* 中式云纹装饰背景 */

    background:

        /* 云纹装饰层1 */

        radial-gradient(ellipse 80px 40px at 10% 20%, rgba(212, 168, 83, 0.08) 0%, transparent 70%),

        radial-gradient(ellipse 120px 50px at 30% 60%, rgba(212, 168, 83, 0.05) 0%, transparent 70%),

        radial-gradient(ellipse 100px 45px at 70% 30%, rgba(212, 168, 83, 0.07) 0%, transparent 70%),

        radial-gradient(ellipse 90px 35px at 90% 70%, rgba(212, 168, 83, 0.06) 0%, transparent 70%),

        /* 重复云纹线条 */

        repeating-linear-gradient(

            0deg,

            transparent,

            transparent 60px,

            rgba(212, 168, 83, 0.02) 60px,

            rgba(212, 168, 83, 0.02) 61px

        ),

        repeating-linear-gradient(

            90deg,

            transparent,

            transparent 80px,

            rgba(212, 168, 83, 0.015) 80px,

            rgba(212, 168, 83, 0.015) 81px

        ),

        /* 主背景渐变 */

        rgba(255,255,255,0.15);

}

/* 底部装饰分隔线 */

.jp-hero-section::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background: linear-gradient(90deg,

        transparent 0%,

        var(--jp-gold-dark) 20%,

        var(--jp-gold) 50%,

        var(--jp-gold-dark) 80%,

        transparent 100%

    );

    opacity: 0.6;

}

.jp-hero-title {

    font-family: var(--jp-font-serif);

    font-size: 2.8rem;

    font-weight: 700;

    color: var(--jp-text-primary);

    margin-bottom: 0.75rem;

    letter-spacing: 0.15em;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);

}

.jp-hero-subtitle {

    font-family: var(--jp-font-sans);

    font-size: 1.1rem;

    color: var(--jp-text-secondary);

    margin-bottom: 2.5rem;

    letter-spacing: 0.1em;

}

/* Hero 搜索框 */

.jp-hero-search {

    max-width: 640px;

    margin: 0 auto 2rem;

    position: relative;

}

.jp-hero-search input[type="search"] {

    width: 100%;

    padding: 1rem 1.25rem 1rem 3rem;

    border: 2px solid var(--jp-gold);

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.06);

    color: var(--jp-text-primary);

    font-size: 1.05rem;

    font-family: var(--jp-font-sans);

    transition: var(--jp-transition);

}

.jp-hero-search input[type="search"]:focus {

    background: rgba(255, 255, 255, 0.1);

    border-color: var(--jp-gold-light);

    box-shadow: 0 0 0 4px rgba(212, 168, 83, 0.15), var(--jp-shadow);

}

.jp-hero-search input[type="search"]::placeholder {

    color: var(--jp-text-secondary);

    opacity: 0.6;

}

.jp-hero-search .hero-search-icon {

    position: absolute;

    left: 1.25rem;

    top: 50%;

    transform: translateY(-50%);

    color: var(--jp-gold);

    pointer-events: none;

}

.jp-hero-search .hero-search-btn {

    position: absolute;

    right: 4px;

    top: 50%;

    transform: translateY(-50%);

    background: linear-gradient(135deg, var(--jp-brand-red), #9b1830);

    color: #fff;

    border: none;

    padding: 0.6rem 1.5rem;

    border-radius: 50px;

    font-family: var(--jp-font-sans);

    font-size: 0.95rem;

    cursor: pointer;

    transition: var(--jp-transition);

}

.jp-hero-search .hero-search-btn:hover {

    background: linear-gradient(135deg, var(--jp-brand-red-hover), var(--jp-brand-red));

    box-shadow: 0 2px 12px rgba(196, 30, 58, 0.4);

}

/* 热门搜索标签 */

.jp-hero-tags {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 0.5rem;

}

.jp-hero-tag {

    display: inline-block;

    padding: 0.3rem 0.9rem;

    border: 1px solid var(--jp-border-strong);

    border-radius: 20px;

    color: var(--jp-gold);

    font-family: var(--jp-font-sans);

    font-size: 0.85rem;

    background: rgba(212, 168, 83, 0.05);

    transition: var(--jp-transition);

    cursor: pointer;

}

.jp-hero-tag:hover {

    background: var(--jp-brand-red);

    border-color: var(--jp-brand-red);

    color: #fff;

}

.jp-hero-tag-label {

    color: var(--jp-text-secondary);

    font-size: 0.8rem;

    font-family: var(--jp-font-sans);

    margin-right: 0.5rem;

}

/* ============================================================

   主内容区域

   ============================================================ */

.jp-site-content {

    max-width: 1280px;

    margin: 0 auto;

    padding: 2rem 1.5rem;

}

body.jiapu-home .jp-site-content {

    padding-top: 0;

}

/* ============================================================

   区域导航模块

   ============================================================ */

.jp-region-nav {

    padding: 2rem 0;

}

.jp-region-title {

    font-family: var(--jp-font-serif);

    font-size: 1.5rem;

    color: var(--jp-text-primary);

    margin-bottom: 1.25rem;

    padding-left: 1rem;

    border-left: 4px solid var(--jp-brand-red);

    letter-spacing: 0.05em;

}

.jp-region-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 0.75rem;

}

.jp-region-item {

    position: relative;

    display: block;

    padding: 0.75rem 1rem;

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    border-left: 3px solid var(--jp-brand-red);

    border-radius: var(--jp-radius);

    color: var(--jp-gold);

    font-family: var(--jp-font-sans);

    font-size: 0.95rem;

    font-weight: 500;

    transition: var(--jp-transition);

    cursor: pointer;

}

.jp-region-item:hover {

    background: var(--jp-brand-red-light);

    border-left-color: var(--jp-gold);

    color: var(--jp-gold-light);

    transform: translateY(-1px);

    box-shadow: var(--jp-shadow);

}

.jp-region-provinces {

    display: none;

    padding: 1rem 0 0.5rem;

    margin-top: 0.75rem;

    border-top: 1px solid var(--jp-border-color);

}

.jp-region-item.active .jp-region-provinces {

    display: block;

}

.jp-province-link {

    display: inline-block;

    padding: 0.25rem 0.6rem;

    margin: 0.2rem;

    color: var(--jp-text-secondary);

    font-size: 0.85rem;

    font-family: var(--jp-font-sans);

    border-radius: 4px;

    transition: var(--jp-transition);

}

.jp-province-link:hover {

    color: var(--jp-gold);

    background: rgba(212, 168, 83, 0.1);

}

/* ============================================================

   文章卡片

   ============================================================ */

.jp-card {

    background: var(--jp-card-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

    overflow: hidden;

    transition: var(--jp-transition);

    margin-bottom: 1.5rem;

}

.jp-card:hover {

    border-color: var(--jp-border-strong);

    transform: translateY(-3px);

    box-shadow: var(--jp-shadow-hover);

}

/* 卡片缩略图 */

.jp-card-thumb {

    position: relative;

    overflow: hidden;

    aspect-ratio: 16 / 10;

}

.jp-card-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;

}

.jp-card:hover .jp-card-thumb img {

    transform: scale(1.05);

}

/* 缩略图渐变遮罩 */

.jp-card-thumb::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50%;

    background: linear-gradient(transparent, rgba(22, 33, 62, 0.8));

    pointer-events: none;

}

/* 卡片分类标签 */

.jp-card-category {

    position: absolute;

    top: 0.75rem;

    left: 0.75rem;

    background: var(--jp-brand-red);

    color: #fff;

    font-family: var(--jp-font-sans);

    font-size: 0.75rem;

    font-weight: 500;

    padding: 0.2rem 0.6rem;

    border-radius: 3px;

    z-index: 2;

    letter-spacing: 0.03em;

}

/* 卡片内容区 */

.jp-card-body {

    padding: 1rem 1.25rem;

}

.jp-card-title {

    font-family: var(--jp-font-serif);

    font-size: 1.125rem;

    font-weight: 700;

    color: var(--jp-gold);

    line-height: 1.5;

    margin-bottom: 0.5rem;

}

.jp-card-title a {

    color: var(--jp-gold);

}

.jp-card-title a:hover {

    color: var(--jp-gold-light);

}

.jp-card-excerpt {

    font-family: var(--jp-font-sans);

    font-size: 0.875rem;

    color: var(--jp-text-secondary);

    line-height: 1.7;

    margin-bottom: 0.75rem;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

/* 卡片元信息 */

.jp-card-meta {

    display: flex;

    align-items: center;

    gap: 1rem;

    font-family: var(--jp-font-sans);

    font-size: 0.8rem;

    color: var(--jp-text-secondary);

    padding-top: 0.75rem;

    border-top: 1px solid var(--jp-border-color);

}

.jp-card-meta-item {

    display: flex;

    align-items: center;

    gap: 0.3rem;

}

.jp-card-meta-item svg {

    width: 14px;

    height: 14px;

    fill: var(--jp-text-secondary);

}

/* 卡片标签 */

.jp-card-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 0.4rem;

}

.jp-card-tag {

    display: inline-block;

    padding: 0.15rem 0.55rem;

    background: rgba(212, 168, 83, 0.1);

    border: 1px solid var(--jp-border-color);

    border-radius: 3px;

    color: var(--jp-gold);

    font-family: var(--jp-font-sans);

    font-size: 0.75rem;

    transition: var(--jp-transition);

}

.jp-card-tag:hover {

    background: var(--jp-brand-red-light);

    border-color: var(--jp-brand-red);

    color: var(--jp-brand-red);

}

/* 卡片网格 */

.jp-card-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

    gap: 1.5rem;

}

.jp-card-grid .jp-card {

    margin-bottom: 0;

}

/* 列表式卡片 */

.jp-card-list .jp-card {

    display: flex;

}

.jp-card-list .jp-card-thumb {

    width: 220px;

    min-width: 220px;

    aspect-ratio: auto;

    height: 150px;

}

.jp-card-list .jp-card-body {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

/* ============================================================

   内容区域（两栏布局）

   ============================================================ */

.jp-content-wrap {

    display: grid;

    grid-template-columns: 1fr 320px;

    gap: 2rem;

}

.jp-main-content {

    min-width: 0;

}

.jp-sidebar {

    min-width: 0;

}

/* ============================================================

   侧边栏

   ============================================================ */

.jp-sidebar .widget {

    background: var(--jp-card-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

    padding: 1.25rem;

    margin-bottom: 1.5rem;

}

.jp-sidebar .widget-title {

    font-family: var(--jp-font-serif);

    font-size: 1.1rem;

    color: var(--jp-text-primary);

    margin-bottom: 1rem;

    padding-bottom: 0.75rem;

    border-bottom: 1px solid var(--jp-border-color);

    padding-left: 0.75rem;

    border-left: 4px solid var(--jp-brand-red);

}

/* 侧边栏文章列表 */

.jp-widget-posts {

    list-style: none;

    padding: 0;

    margin: 0;

}

.jp-widget-posts li {

    display: flex;

    gap: 0.75rem;

    padding: 0.6rem 0;

    border-bottom: 1px solid var(--jp-border-color);

}

.jp-widget-posts li:last-child {

    border-bottom: none;

}

.jp-widget-posts li a {

    color: var(--jp-text-secondary);

    font-size: 0.875rem;

    font-family: var(--jp-font-sans);

    line-height: 1.5;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.jp-widget-posts li a:hover {

    color: var(--jp-gold);

}

/* 侧边栏标签云 */

.jp-widget-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 0.4rem;

}

.jp-widget-tag {

    display: inline-block;

    padding: 0.25rem 0.7rem;

    border: 1px solid var(--jp-border-color);

    border-radius: 20px;

    color: var(--jp-gold);

    font-family: var(--jp-font-sans);

    font-size: 0.8rem;

    transition: var(--jp-transition);

}

.jp-widget-tag:hover {

    background: var(--jp-brand-red);

    border-color: var(--jp-brand-red);

    color: #fff;

}

/* 侧边栏分类列表 */

.jp-widget-categories {

    list-style: none;

    padding: 0;

    margin: 0;

}

.jp-widget-categories li {

    border-bottom: 1px solid var(--jp-border-color);

}

.jp-widget-categories li:last-child {

    border-bottom: none;

}

.jp-widget-categories li a {

    display: block;

    padding: 0.6rem 0.75rem;

    color: var(--jp-text-secondary);

    font-size: 0.875rem;

    font-family: var(--jp-font-sans);

    border-left: 2px solid transparent;

    transition: var(--jp-transition);

}

.jp-widget-categories li a:hover {

    color: var(--jp-gold);

    background: rgba(212, 168, 83, 0.05);

    border-left-color: var(--jp-brand-red);

    padding-left: 1rem;

}

.jp-widget-categories li .count {

    color: var(--jp-text-secondary);

    opacity: 0.6;

    font-size: 0.8rem;

    float: right;

}

/* ============================================================

   分页

   ============================================================ */

.jp-pagination {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 0.5rem;

    margin: 2rem 0;

    padding: 1rem 0;

}

.jp-pagination .page-numbers {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 40px;

    height: 40px;

    padding: 0 0.75rem;

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

    color: var(--jp-gold);

    font-family: var(--jp-font-sans);

    font-size: 0.9rem;

    transition: var(--jp-transition);

}

.jp-pagination .page-numbers:hover,

.jp-pagination .page-numbers.current {

    background: var(--jp-brand-red);

    border-color: var(--jp-brand-red);

    color: #fff;

}

.jp-pagination .page-numbers.current {

    box-shadow: 0 2px 8px rgba(196, 30, 58, 0.3);

}

.jp-pagination .prev,

.jp-pagination .next {

    font-size: 0.85rem;

}

/* ============================================================

   面包屑导航

   ============================================================ */

.jp-breadcrumb {

    padding: 0.75rem 0;

    font-family: var(--jp-font-sans);

    font-size: 0.85rem;

    color: var(--jp-text-secondary);

    margin-bottom: 1rem;

}

.jp-breadcrumb a {

    color: var(--jp-text-secondary);

}

.jp-breadcrumb a:hover {

    color: var(--jp-gold);

}

.jp-breadcrumb .separator {

    margin: 0 0.4rem;

    color: var(--jp-border-strong);

}

.jp-breadcrumb .current {

    color: var(--jp-gold);

}

/* ============================================================

   分类图标模块（首页）

   ============================================================ */

.jp-home-caticons {

    padding: 2rem 0;

}

.jp-caticon-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

    gap: 1rem;

}

.jp-caticon-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 1.25rem 0.75rem;

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

    text-align: center;

    transition: var(--jp-transition);

}

.jp-caticon-item:hover {

    border-color: var(--jp-border-strong);

    transform: translateY(-3px);

    box-shadow: var(--jp-shadow);

}

.jp-caticon-icon {

    width: 48px;

    height: 48px;

    margin-bottom: 0.75rem;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--jp-brand-red-light);

    border-radius: 50%;

    color: var(--jp-brand-red);

    font-size: 1.25rem;

    transition: var(--jp-transition);

}

.jp-caticon-item:hover .jp-caticon-icon {

    background: var(--jp-brand-red);

    color: #fff;

}

.jp-caticon-name {

    color: var(--jp-text-primary);

    font-family: var(--jp-font-sans);

    font-size: 0.9rem;

    font-weight: 500;

}

.jp-caticon-count {

    color: var(--jp-text-secondary);

    font-family: var(--jp-font-sans);

    font-size: 0.75rem;

    margin-top: 0.25rem;

}

/* ============================================================

   Footer

   ============================================================ */

.jp-footer {

    background: var(--jp-darker-bg);

    border-top: 1px solid var(--jp-border-color);

    margin-top: 3rem;

}

/* 顶部金色装饰线 */

.jp-footer::before {

    content: '';

    display: block;

    height: 3px;

    background: linear-gradient(90deg,

        transparent 0%,

        var(--jp-gold-dark) 15%,

        var(--jp-gold) 50%,

        var(--jp-gold-dark) 85%,

        transparent 100%

    );

}

.jp-footer-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 2.5rem 1.5rem;

}

.jp-footer-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 2rem;

    margin-bottom: 2rem;

}

.jp-footer-col h4 {

    font-family: var(--jp-font-serif);

    font-size: 1.05rem;

    color: var(--jp-gold);

    margin-bottom: 1rem;

    padding-bottom: 0.75rem;

    border-bottom: 1px solid var(--jp-border-color);

}

.jp-footer-col p {

    color: var(--jp-text-secondary);

    font-size: 0.875rem;

    line-height: 1.8;

    font-family: var(--jp-font-sans);

}

.jp-footer-col ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.jp-footer-col ul li { color: #d4c4a8 !important; font-size: 0.875rem;

    margin-bottom: 0.5rem;

}

.jp-footer-col ul li a {

    color: var(--jp-text-secondary);

    font-size: 0.875rem;

    font-family: var(--jp-font-sans);

    transition: var(--jp-transition);

}

.jp-footer-col ul li a:hover {

    color: var(--jp-gold);

    padding-left: 4px;

}

/* 底部版权栏 */

.jp-footer-bottom {

    text-align: center;

    padding-top: 1.5rem;

    border-top: 1px solid var(--jp-border-color);

}

.jp-footer-bottom p {

    color: var(--jp-text-secondary);

    font-family: var(--jp-font-sans);

    font-size: 0.8rem;

    margin-bottom: 0.25rem;

}

.jp-footer-bottom a {

    color: var(--jp-gold-dark);

}

.jp-footer-bottom a:hover {

    color: var(--jp-gold);

}

/* ============================================================

   回到顶部按钮

   ============================================================ */

.jp-back-to-top {

    position: fixed;

    right: 1.5rem;

    bottom: 2rem;

    width: 44px;

    height: 44px;

    border-radius: 50%;

    background: var(--jp-brand-red);

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    border: none;

    box-shadow: 0 2px 12px rgba(196, 30, 58, 0.4);

    transition: var(--jp-transition);

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

}

.jp-back-to-top.visible {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.jp-back-to-top:hover {

    background: var(--jp-brand-red-hover);

    transform: translateY(-2px);

    box-shadow: 0 4px 20px rgba(196, 30, 58, 0.5);

}

.jp-back-to-top svg {

    width: 20px;

    height: 20px;

    fill: #fff;

}

/* ============================================================

   文章正文样式

   ============================================================ */

.jp-single-content {

    max-width: 800px;

    margin: 0 auto;

    padding: 2rem 1.5rem;

}

.jp-single-content h2,

.jp-single-content h3,

.jp-single-content h4 {

    color: var(--jp-gold);

    margin-top: 2rem;

}

.jp-single-content p {

    color: var(--jp-text-primary);

    line-height: 1.9;

    font-size: 1rem;

}

.jp-single-content img {

    max-width: 100%;

    height: 70px;

    border-radius: var(--jp-radius);

    border: 1px solid var(--jp-border-color);

    margin: 1rem 0;

}

.jp-single-content a {

    color: var(--jp-gold);

    text-decoration: underline;

    text-decoration-color: rgba(212, 168, 83, 0.3);

    text-underline-offset: 3px;

}

.jp-single-content a:hover {

    text-decoration-color: var(--jp-gold);

}

/* 文章标签 */

.jp-single-tags {

    margin-top: 2rem;

    padding-top: 1.5rem;

    border-top: 1px solid var(--jp-border-color);

}

/* 上下篇导航 */

.jp-single-nav {

    display: flex;

    justify-content: space-between;

    gap: 1rem;

    margin-top: 2rem;

    padding-top: 1.5rem;

    border-top: 1px solid var(--jp-border-color);

}

.jp-single-nav a {

    color: var(--jp-text-secondary);

    font-family: var(--jp-font-sans);

    font-size: 0.9rem;

    padding: 0.5rem 1rem;

    background: var(--jp-secondary-bg);

    border: 1px solid var(--jp-border-color);

    border-radius: var(--jp-radius);

    transition: var(--jp-transition);

    flex: 1;

    text-align: center;

}

.jp-single-nav a:hover {

    color: var(--jp-gold);

    border-color: var(--jp-border-strong);

}

/* ============================================================

   搜索结果

   ============================================================ */

.jp-search-header {

    text-align: center;

    padding: 2rem 0;

}

.jp-search-header h1 {

    color: var(--jp-gold);

    margin-bottom: 0.5rem;

}

.jp-search-header p {

    color: var(--jp-text-secondary);

    font-family: var(--jp-font-sans);

}

/* ============================================================

   覆盖父主题 (Modown) 样式

   ============================================================ */

/* 覆盖父主题 body */

body.theme-modown,

body.modown {

    background: var(--jp-primary-bg) !important;

    color: var(--jp-text-primary) !important;

    font-family: var(--jp-font-serif) !important;

}

/* 覆盖父主题导航 */

.navbar,

.site-nav,

.main-nav,

#navbar {

    background: rgba(58, 50, 40, 0.95) !important; /* V7: warm brown instead of navy */

    border-bottom: 1px solid var(--jp-border-color) !important;

}

/* 覆盖父主题顶部栏 */

.top-bar,

.site-topbar {

    background: var(--jp-primary-bg) !important;

    border-bottom: 1px solid var(--jp-border-color) !important;

}

/* 覆盖父主题内容区域 */

.content-area,

.main-content,

#content,

.site-content {

    background: var(--jp-primary-bg) !important;

}

/* 覆盖父主题文章卡片 */

.post-item,

.article-item,

.module-post,

.post-list-item {

    background: var(--jp-card-bg) !important;

    border: 1px solid var(--jp-border-color) !important;

    border-radius: var(--jp-radius) !important;

    transition: var(--jp-transition) !important;

}

.post-item:hover,

.article-item:hover,

.module-post:hover,

.post-list-item:hover {

    border-color: var(--jp-border-strong) !important;

    transform: translateY(-3px) !important;

    box-shadow: var(--jp-shadow-hover) !important;

}

/* 覆盖父主题侧边栏 */

.sidebar,

.widget-area,

#sidebar {

    background: transparent !important;

}

.sidebar .widget,

.widget-area .widget,

#sidebar .widget {

    background: #ffffff !important;

    border: 1px solid var(--jp-border-color) !important;

    border-radius: var(--jp-radius) !important;

    padding: 1.25rem !important;

    margin-bottom: 1.5rem !important;

}

/* 覆盖父主题按钮 */

.btn-theme,

.modown-btn,

.erphpdown-btn {

    background: linear-gradient(135deg, var(--jp-brand-red), #9b1830) !important;

    color: #fff !important;

    border: none !important;

    border-radius: var(--jp-radius) !important;

    transition: var(--jp-transition) !important;

}

.btn-theme:hover,

.modown-btn:hover {

    background: linear-gradient(135deg, var(--jp-brand-red-hover), var(--jp-brand-red)) !important;

    box-shadow: 0 2px 12px rgba(196, 30, 58, 0.4) !important;

}

/* 覆盖父主题分页 */

.pagination,

.page-numbers,

.wp-pagenavi {

    display: flex !important;

    justify-content: center !important;

    gap: 0.5rem !important;

}

.page-numbers a,

.page-numbers span,

.wp-pagenavi a,

.wp-pagenavi span {

    background: var(--jp-secondary-bg) !important;

    border: 1px solid var(--jp-border-color) !important;

    border-radius: var(--jp-radius) !important;

    color: var(--jp-gold) !important;

    padding: 0.5rem 0.75rem !important;

    transition: var(--jp-transition) !important;

}

.page-numbers a:hover,

.page-numbers .current,

.wp-pagenavi a:hover,

.wp-pagenavi .current {

    background: var(--jp-brand-red) !important;

    border-color: var(--jp-brand-red) !important;

    color: #fff !important;

}

/* 覆盖父主题模态框 */

.modal-content,

.modown-modal {

    background: var(--jp-secondary-bg) !important;

    border: 1px solid var(--jp-border-color) !important;

    border-radius: var(--jp-radius) !important;

}

/* 覆盖父主题表单输入 */

.modown input[type="text"],

.modown input[type="email"],

.modown input[type="password"],

.modown textarea {

    background: var(--jp-secondary-bg) !important;

    border: 1px solid var(--jp-border-color) !important;

    color: var(--jp-text-primary) !important;

    border-radius: var(--jp-radius) !important;

}

/* 覆盖父主题面包屑 */

.breadcrumbs,

.breadcrumb {

    color: var(--jp-text-secondary) !important;

    font-family: var(--jp-font-sans) !important;

}

/* ============================================================

   工具类

   ============================================================ */

.jp-text-gold { color: var(--jp-gold); }

.jp-text-red { color: var(--jp-brand-red); }

.jp-text-muted { color: var(--jp-text-secondary); }

.jp-bg-card { background: var(--jp-card-bg); }

.jp-border { border: 1px solid var(--jp-border-color); }

.jp-mt-1 { margin-top: 0.5rem; }

.jp-mt-2 { margin-top: 1rem; }

.jp-mt-3 { margin-top: 1.5rem; }

.jp-mt-4 { margin-top: 2rem; }

.jp-mb-1 { margin-bottom: 0.5rem; }

.jp-mb-2 { margin-bottom: 1rem; }

.jp-mb-3 { margin-bottom: 1.5rem; }

.jp-mb-4 { margin-bottom: 2rem; }

.jp-py-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.jp-py-2 { padding-top: 1rem; padding-bottom: 1rem; }

.jp-py-3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.jp-text-center { text-align: center; }

.jp-text-right { text-align: right; }

.jp-hidden { display: none; }

/* ============================================================

   加载动画

   ============================================================ */

@keyframes jp-fadeIn {

    from { opacity: 0; transform: translateY(10px); }

    to { opacity: 1; transform: translateY(0); }

}

.jp-fade-in {

    animation: jp-fadeIn 0.5s ease forwards;

}

@keyframes jp-pulse {

    0%, 100% { opacity: 1; }

    50% { opacity: 0.6; }

}

.jp-pulse {

    animation: jp-pulse 2s ease-in-out infinite;

}

/* ============================================================

   响应式设计

   ============================================================ */

/* 平板 (<= 1024px) */

@media (max-width: 1024px) {

    .jp-content-wrap {

        grid-template-columns: 1fr 260px;

        gap: 1.5rem;

    }

    .jp-region-grid {

        grid-template-columns: repeat(4, 1fr);

    }

    .jp-footer-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .jp-dropdown {

        min-width: 400px !important;

    }

    .jp-dropdown-grid {

        grid-template-columns: repeat(3, 1fr);

    }

    .jp-hero-title {

        font-size: 2.2rem;

    }

}

/* 移动端 (<= 768px) */

@media (max-width: 768px) {

    /* Header */

    .jp-header-inner.container {

        height: 56px;

        padding: 0 15px !important;

    }

    .jp-logo-text .site-title {

        font-size: 1.1rem;

    }

    .jp-logo-text .site-subtitle {

        display: none;

    }

    .jp-main-nav {

        display: none;

    }

    /* 汉堡菜单 */

    .jp-hamburger {

        display: flex !important;

        flex-direction: column;

        gap: 5px;

        cursor: pointer;

        padding: 0.5rem;

        background: none;

        border: none;

    }

    .jp-hamburger span {

        display: block;

        width: 22px;

        height: 2px;

        background: var(--jp-gold);

        transition: var(--jp-transition);

        border-radius: 1px;

    }

    /* 移动端导航 */

    .jp-mobile-nav {

        display: none;

        position: fixed;

        top: 56px;

        left: 0;

        width: 100%;

        height: calc(100vh - 56px);

        background: var(--jp-primary-bg);

        overflow-y: auto;

        z-index: 9998;

        padding: 1rem;

    }

    .jp-mobile-nav.active {

        display: block !important;

    }

    .jp-mobile-nav ul {

        list-style: none;

        padding: 0;

        margin: 0;

    }

    .jp-mobile-nav ul li a {

        display: block;

        padding: 0.75rem 1rem;

        color: var(--jp-gold);

        font-family: var(--jp-font-sans);

        font-size: 1rem;

        border-bottom: 1px solid var(--jp-border-color);

    }

    .jp-mobile-nav ul li a:hover {

        background: var(--jp-brand-red-light);

    }

    .jp-header-actions .jp-auth-links {

        display: none;

    }

    .jp-hamburger {

        display: none;

    }

    .jp-header-actions .jp-hamburger {

        display: flex !important;

    }

    /* Hero */

    .jp-hero-section {

        padding: 6rem 1rem 3rem;

    }

    .jp-hero-title {

        font-size: 1.8rem;

        letter-spacing: 0.1em;

    }

    .jp-hero-subtitle {

        font-size: 0.95rem;

        margin-bottom: 1.5rem;

    }

    .jp-hero-search {

        margin-bottom: 1.25rem;

    }

    .jp-hero-search .hero-search-btn {

        padding: 0.5rem 1rem;

        font-size: 0.85rem;

    }

    .jp-hero-tags {

        gap: 0.35rem;

    }

    .jp-hero-tag {

        font-size: 0.8rem;

        padding: 0.25rem 0.7rem;

    }

    /* 区域 */

    .jp-region-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    /* 内容 */

    .jp-content-wrap {

        grid-template-columns: 1fr;

    }

    .jp-card-grid {

        grid-template-columns: 1fr;

    }

    .jp-card-list .jp-card {

        flex-direction: column;

    }

    .jp-card-list .jp-card-thumb {

        width: 100%;

        min-width: 100%;

        height: 70px;

        aspect-ratio: 16 / 10;

    }

    /* 分类图标 */

    .jp-caticon-grid {

        grid-template-columns: repeat(3, 1fr);

    }

    /* Footer */

    .jp-footer-grid {

        grid-template-columns: 1fr;

        gap: 1.5rem;

    }

    .jp-footer-inner {

        padding: 1.5rem 1rem;

    }

    /* 回到顶部 */

    .jp-back-to-top {

        right: 1rem;

        bottom: 1.5rem;

        width: 38px;

        height: 38px;

    }

    /* 分页 */

    .jp-pagination {

        flex-wrap: wrap;

    }

    /* 上下篇 */

    .jp-single-nav {

        flex-direction: column;

    }

}

/* 小屏手机 (<= 480px) */

@media (max-width: 480px) {

    .jp-hero-title {

        font-size: 1.5rem;

    }

    .jp-region-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 0.5rem;

    }

    .jp-caticon-grid {

        grid-template-columns: repeat(3, 1fr);

        gap: 0.5rem;

    }

    .jp-caticon-item {

        padding: 0.75rem 0.5rem;

    }

    .jp-dropdown {

        min-width: 280px !important;

        left: 0 !important;

        transform: none !important;

    }

    .jp-dropdown-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

/* === 桌面端导航栏强制显示 (safety fix) === */

.jp-hamburger {

    display: none !important;

}

.jp-main-nav {

    display: flex !important;

    align-items: center;

    justify-content: center;

}

.jp-nav-main {

    display: flex !important;

    align-items: center;

    list-style: none;

    margin: 0;

    padding: 0;

    gap: 0;

}

.jp-auth-links {

    display: flex !important;

    align-items: center;

    gap: 8px;

}

.jp-mobile-nav {

    display: none !important;

}

.jp-mobile-nav-overlay {

    display: none !important;

}

/* === 移动端切换 === */

@media (max-width: 768px) {

    .jp-main-nav {

        display: none !important;

    }

    .jp-auth-links {

        display: none !important;

    }

    .jp-hamburger {

        display: flex !important;

        flex-direction: column;

        gap: 5px;

        cursor: pointer;

        padding: 0.5rem;

        background: none;

        border: none;

    }

    .jp-header-actions .jp-hamburger {

        display: flex !important;

    }

}

/* ========== 彻底修复：下拉菜单默认隐藏 ========== */

.jp-dropdown {

    display: none !important;

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    min-width: 540px;

    background: rgba(58, 50, 40, 0.98);

    border: 1px solid rgba(212,168,83,0.2);

    border-top: 3px solid #c41e3a;

    border-radius: 0 0 8px 8px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.5);

    z-index: 1000;

    padding: 8px 0;

    list-style: none;

    margin: 0;

}

.jp-region-item:hover > .jp-dropdown,

.jp-region-item:focus-within > .jp-dropdown {

    display: block !important;

    animation: jp-fadein 0.2s ease;

}

@keyframes jp-fadein {

    from { opacity: 0; transform: translateX(-50%) translateY(-5px); }

    to { opacity: 1; transform: translateX(-50%) translateY(0); }

}

.jp-dropdown li {

    list-style: none;

    margin: 0;

    padding: 0;

}

.jp-dropdown li a {

    display: block;

    padding: 8px 20px;

    color: #a89b8c;

    text-decoration: none;

    font-size: 14px;

    white-space: nowrap;

    transition: all 0.2s ease;

    border-left: 3px solid transparent;

}

.jp-dropdown li a:hover {

    color: #d4a853;

    background: rgba(212,168,83,0.08);

    border-left-color: #c41e3a;

    padding-left: 24px;

}

/* ========== 彻底修复：登录注册按钮正常大小 ========== */

.jp-auth-links {

    display: flex !important;

    align-items: center;

    gap: 8px;

}

.jp-login-btn,

.jp-register-btn {

    display: inline-block !important;

    padding: 6px 16px !important;

    border-radius: 4px;

    text-decoration: none;

    font-size: 13px;

    white-space: nowrap;

    transition: all 0.2s ease;

    width: auto !important;

}

.jp-login-btn {

    background: #c41e3a;

    color: #fff;

    border: 1px solid #c41e3a;

}

.jp-login-btn:hover {

    background: #d4264a;

}

.jp-register-btn {

    background: transparent;

    color: #d4a853;

    border: 1px solid #d4a853;

}

.jp-register-btn:hover {

    background: rgba(212,168,83,0.1);

}

/* ========== 彻底修复：移动端导航默认隐藏 ========== */

.jp-mobile-overlay {

    display: none !important;

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.5);

    z-index: 9998;

}

.jp-mobile-overlay.active {

    display: block !important;

}

.jp-mobile-nav {

    display: none !important;

    position: fixed;

    top: 0;

    right: -300px;

    width: 280px;

    height: 100%;

    background: rgba(58, 50, 40, 0.95);

    z-index: 9999;

    overflow-y: auto;

    transition: right 0.3s ease;

    padding: 1rem 0;

}

.jp-mobile-nav.active {

    display: block !important;

    right: 0;

}

.jp-mobile-nav-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 1rem 1rem;

    border-bottom: 1px solid rgba(212,168,83,0.2);

    margin-bottom: 0.5rem;

    color: #d4a853;

    font-weight: 700;

}

.jp-mobile-close {

    background: none;

    border: none;

    color: #d4a853;

    font-size: 28px;

    cursor: pointer;

    line-height: 1;

}

.jp-mobile-menu {

    list-style: none;

    padding: 0;

    margin: 0;

}

.jp-mobile-menu > li > a {

    display: block;

    padding: 10px 1rem;

    color: #e8d5b7;

    text-decoration: none;

    font-size: 15px;

    border-bottom: 1px solid rgba(212,168,83,0.08);

}

.jp-mobile-sub {

    display: none;

    list-style: none;

    padding: 0;

    margin: 0;

    background: rgba(0,0,0,0.2);

}

.jp-mobile-has-sub.open > .jp-mobile-sub {

    display: block;

}

.jp-mobile-sub li a {

    display: block;

    padding: 8px 1.5rem;

    color: #a89b8c;

    text-decoration: none;

    font-size: 13px;

}

.jp-mobile-auth {

    padding: 1rem;

    border-top: 1px solid rgba(212,168,83,0.2);

    display: flex;

    gap: 0.5rem;

}

.jp-mobile-auth a {

    flex: 1;

    text-align: center;

    padding: 10px;

    border-radius: 4px;

    text-decoration: none;

    font-size: 14px;

}

.jp-m-login {

    background: #c41e3a;

    color: #fff;

}

.jp-m-register {

    background: transparent;

    border: 1px solid #d4a853;

    color: #d4a853;

}

/* ========== 彻底修复：汉堡菜单只在移动端显示 ========== */

.jp-hamburger {

    display: none !important;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

    background: none;

    border: none;

    cursor: pointer;

    gap: 5px;

}

.jp-hamburger span {

    display: block;

    width: 22px;

    height: 2px;

    background: #d4a853;

    border-radius: 1px;

}

@media (max-width: 768px) {

    .jp-hamburger {

        display: flex !important;

    }

    .jp-main-nav {

        display: none !important;

    }

    .jp-auth-links {

        display: none !important;

    }

}

/* ========== 免责声明样式 ========== */

.jp-footer-disclaimer {

    margin-top: 1.5rem;

    padding: 1rem;

    background: rgba(0,0,0,0.2);

    border-radius: 6px;

    border: 1px solid rgba(212,168,83,0.1);

}

.jp-footer-disclaimer p {

    font-size: 12px;

    line-height: 1.8;

    color: #888;

    margin: 0;

}

.jp-footer-disclaimer strong {

    color: #a89b8c;

}

/* ========== 备案号样式 ========== */

.jp-footer-bottom {

    text-align: center;

    padding-top: 1rem;

    border-top: 1px solid rgba(212,168,83,0.15);

    margin-top: 1rem;

}

.jp-footer-bottom a {

    color: #888;

    text-decoration: none;

    font-size: 12px;

}

.jp-footer-bottom a:hover {

    color: #d4a853;

}

/* ========== 搜索展开层 ========== */

.jp-search-overlay {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    background: rgba(58, 50, 40, 0.98);

    border-top: 1px solid rgba(212,168,83,0.2);

    padding: 1rem;

    z-index: 999;

}

.jp-search-overlay.active {

    display: block;

}

.jp-search-overlay form {

    display: flex;

    align-items: center;

    max-width: 600px;

    margin: 0 auto;

    gap: 0.5rem;

}

.jp-search-overlay input {

    flex: 1;

    padding: 10px 15px;

    border: 1px solid rgba(212,168,83,0.3);

    border-radius: 6px;

    background: rgba(255,255,255,0.15);

    color: #e8d5b7;

    font-size: 14px;

}

.jp-search-overlay input::placeholder {

    color: rgba(240, 230, 216, 0.6);

}

/* ========== Hero区域彻底修复 ========== */

.jp-hero {

    position: relative;

    padding: 60px 20px 50px;

    background: rgba(255,255,255,0.15);

    text-align: center;

    overflow: hidden;

}

.jp-hero::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: 

        repeating-linear-gradient(45deg, rgba(212,168,83,0.03) 0, rgba(212,168,83,0.03) 1px, transparent 1px, transparent 20px),

        repeating-linear-gradient(-45deg, rgba(212,168,83,0.03) 0, rgba(212,168,83,0.03) 1px, transparent 1px, transparent 20px);

    pointer-events: none;

}

.jp-hero-inner {

    position: relative;

    z-index: 1;

    max-width: 800px;

    margin: 0 auto;

}

.jp-hero-title {

    font-size: 36px;

    font-weight: 700;

    color: #d4a853;

    margin: 0 0 12px 0;

    letter-spacing: 4px;

    font-family: 'Noto Serif SC', 'SimSun', serif;

    line-height: 1.4;

}

.jp-hero-subtitle {

    font-size: 16px;

    color: #a89b8c;

    margin: 0 0 30px 0;

    letter-spacing: 2px;

    line-height: 1.6;

}

.jp-hero-search-box {

    max-width: 600px;

    margin: 0 auto 25px;

}

.jp-hero-search-box form {

    display: flex;

    align-items: center;

    background: rgba(255,255,255,0.08);

    border: 2px solid rgba(212,168,83,0.4);

    border-radius: 50px;

    overflow: hidden;

    transition: all 0.3s ease;

}

.jp-hero-search-box form:focus-within {

    border-color: #d4a853;

    box-shadow: 0 0 20px rgba(212,168,83,0.2);

}

.jp-hero-input {

    flex: 1;

    padding: 14px 24px;

    background: transparent;

    border: none;

    outline: none;

    color: #e8d5b7;

    font-size: 15px;

    line-height: 1.4;

}

.jp-hero-input::placeholder {

    color: rgba(168,155,140,0.7);

}

.jp-hero-btn {

    flex-shrink: 0;

    padding: 14px 32px;

    background: #c41e3a;

    color: #fff;

    border: none;

    font-size: 15px;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;

    white-space: nowrap;

}

.jp-hero-btn:hover {

    background: #d4264a;

}

.jp-hero-tags {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 10px;

    font-size: 13px;

    color: #a89b8c;

}

.jp-hero-tag-label {

    color: #a89b8c;

    flex-shrink: 0;

}

.jp-hero-tag {

    display: inline-block;

    padding: 5px 14px;

    background: rgba(212,168,83,0.1);

    border: 1px solid rgba(212,168,83,0.3);

    border-radius: 20px;

    color: #d4a853;

    text-decoration: none;

    font-size: 13px;

    transition: all 0.2s ease;

    line-height: 1.4;

}

.jp-hero-tag:hover {

    background: rgba(212,168,83,0.2);

    border-color: #d4a853;

    color: #e8c36a;

}

/* ========== 面包屑修复 ========== */

.jp-breadcrumb {

    max-width: 1200px;

    margin: 0 auto;

    padding: 15px 20px;

    font-size: 13px;

    color: #a89b8c;

    border-bottom: 1px solid rgba(212,168,83,0.1);

}

.jp-breadcrumb a {

    color: #d4a853;

    text-decoration: none;

}

.jp-breadcrumb a:hover {

    color: #e8c36a;

}

.jp-breadcrumb span {

    color: #e8d5b7;

}

/* ========== 分类页标题区域修复 ========== */

.jp-category-header {

    padding: 40px 20px 30px;

    background: rgba(255,255,255,0.15);

    text-align: center;

    border-bottom: 1px solid rgba(212,168,83,0.15);

}

.jp-category-title {

    font-size: 28px;

    color: #d4a853;

    margin: 0 0 10px 0;

    font-family: 'Noto Serif SC', 'SimSun', serif;

    letter-spacing: 2px;

}

.jp-category-desc {

    font-size: 14px;

    color: #a89b8c;

    margin: 0;

    line-height: 1.8;

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}

/* ========== 主内容区域宽度修复 ========== */

.jp-site-content {

    max-width: 1200px;

    margin: 0 auto;

    padding: 30px 20px;

    min-height: 400px;

}

/* ========== Hero搜索框SVG图标彻底清除 ========== */

.jp-hero > svg,

.jp-hero-search-box > svg {

    display: none !important;

}

/* ========== 响应式Hero ========== */

@media (max-width: 768px) {

    .jp-hero {

        padding: 40px 15px 30px;

    }

    .jp-hero-title {

        font-size: 24px;

        letter-spacing: 2px;

    }

    .jp-hero-subtitle {

        font-size: 14px;

        margin-bottom: 20px;

    }

    .jp-hero-search-box {

        max-width: 100%;

    }

    .jp-hero-input {

        padding: 12px 18px;

        font-size: 14px;

    }

    .jp-hero-btn {

        padding: 12px 20px;

        font-size: 14px;

    }

    .jp-hero-tags {

        gap: 8px;

    }

    .jp-hero-tag {

        padding: 4px 10px;

        font-size: 12px;

    }

}

/* ========== 搜索框强制修复 ========== */

.jp-hero-search-box,

.jp-hero-search-box * {

    box-sizing: border-box;

}

.jp-hero-search-box form {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: stretch !important;

    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background: rgba(255,255,255,0.08) !important;

    border: 2px solid rgba(212,168,83,0.4) !important;

    border-radius: 50px !important;

    overflow: hidden !important;

    height: 52px !important;

}

.jp-hero-search-box form .jp-hero-input,

.jp-hero-search-box form input[type="search"],

.jp-hero-search-box form input[name="s"] {

    flex: 1 1 auto !important;

    width: auto !important;

    min-width: 0 !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 24px !important;

    background: transparent !important;

    border: none !important;

    outline: none !important;

    color: #e8d5b7 !important;

    font-size: 15px !important;

    line-height: 52px !important;

    display: block !important;

    float: none !important;

    box-shadow: none !important;

    border-radius: 50px 0 0 50px !important;

}

.jp-hero-search-box form .jp-hero-btn,

.jp-hero-search-box form button[type="submit"] {

    flex: 0 0 auto !important;

    width: auto !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 32px !important;

    background: #c41e3a !important;

    color: #fff !important;

    border: none !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    cursor: pointer !important;

    line-height: 52px !important;

    display: block !important;

    float: none !important;

    border-radius: 0 50px 50px 0 !important;

    white-space: nowrap !important;

    box-shadow: none !important;

}

.jp-hero-search-box form button[type="submit"]:hover {

    background: #d4264a !important;

}

/* 清除任何导致换行的浮动 */

.jp-hero-search-box::after {

    content: none !important;

}

/* ========== Hero区域整体修复 ========== */

.jp-hero {

    width: 100% !important;

    padding: 60px 20px 50px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    text-align: center !important;

}

.jp-hero-inner {

    width: 100% !important;

    max-width: 700px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;

}

.jp-hero-title {

    display: block !important;

    width: 100% !important;

    text-align: center !important;

    font-size: 36px !important;

    font-weight: 700 !important;

    color: #d4a853 !important;

    margin: 0 0 12px 0 !important;

    padding: 0 !important;

    line-height: 1.4 !important;

    float: none !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

}

.jp-hero-subtitle {

    display: block !important;

    width: 100% !important;

    text-align: center !important;

    font-size: 16px !important;

    color: #a89b8c !important;

    margin: 0 0 30px 0 !important;

    padding: 0 !important;

    line-height: 1.6 !important;

    float: none !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

}

.jp-hero-search-box {

    display: block !important;

    width: 100% !important;

    max-width: 600px !important;

    margin: 0 auto 25px !important;

    padding: 0 !important;

    float: none !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

    box-sizing: border-box !important;

}

.jp-hero-tags {

    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    float: none !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

    box-sizing: border-box !important;

}

/* ========== 分类页布局修复 ========== */

/* 针对父主题 banner-archive 结构的修复 */

body.category .banner-archive,

body.archive .banner-archive {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 40px 20px 30px !important;

    box-sizing: border-box !important;

    text-align: center !important;

    background: transparent !important;

    background-image: none !important;

    border-bottom: 1px solid rgba(212,168,83,0.15) !important;

    min-height: auto !important;

    height: auto !important;

}

body.category .banner-archive .container,

body.archive .banner-archive .container {

    width: 100% !important;

    max-width: 800px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    float: none !important;

    text-align: center !important;

}

body.category .banner-archive .archive-title,

body.archive .banner-archive .archive-title {

    display: block !important;

    text-align: center !important;

    font-size: 28px !important;

    color: #d4a853 !important;

    margin: 0 0 10px 0 !important;

    padding: 0 !important;

    font-family: 'Noto Serif SC', 'SimSun', serif !important;

    letter-spacing: 2px !important;

    line-height: 1.4 !important;

    float: none !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

    width: 100% !important;

}

body.category .banner-archive .archive-desc,

body.archive .banner-archive .archive-desc {

    display: block !important;

    text-align: center !important;

    font-size: 14px !important;

    color: #a89b8c !important;

    margin: 0 auto !important;

    padding: 0 !important;

    line-height: 1.8 !important;

    max-width: 800px !important;

    float: none !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

    width: 100% !important;

}

/* 分类页主内容区修复 */

body.category .main,

body.archive .main {

    padding: 30px 0 !important;

    background: transparent !important;

}

body.category .main .container,

body.archive .main .container {

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

    box-sizing: border-box !important;

    width: 100% !important;

    float: none !important;

}

/* 分类页内容列表区 */

body.category .posts,

body.archive .posts {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    float: none !important;

}

/* 分类页面包屑修复 - 确保在main外部也正确显示 */

body.category .jp-breadcrumb,

body.archive .jp-breadcrumb {

    background: transparent !important;

}

/* ========== 主内容区修复 ========== */

.jp-site-content {

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 30px 20px !important;

    min-height: 400px !important;

    box-sizing: border-box !important;

    display: block !important;

    width: 100% !important;

    float: none !important;

}

/* ========== 面包屑修复 ========== */

.jp-breadcrumb {

    display: block !important;

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 15px 20px !important;

    font-size: 13px !important;

    color: #a89b8c !important;

    border-bottom: 1px solid rgba(212,168,83,0.1) !important;

    box-sizing: border-box !important;

    width: 100% !important;

    float: none !important;

    text-align: left !important;

}

/* ========== Hero中多余的SVG清除 ========== */

.jp-hero svg:not(svg *) {

    display: none !important;

}

.jp-hero-search-box > svg {

    display: none !important;

}

/* ===== 全局背景 - 水墨淡雅风格覆盖 ===== */

body {

    background: linear-gradient(180deg, #f5f0e8 0%, #e8e0d0 50%, #d8d0c0 100%) !important;

    color: #333 !important;

}

/* 首页Hero背景 - 水墨山水风格 */

.jp-hero {

    background: linear-gradient(180deg, 

        rgba(232,224,208,0.95) 0%, 

        rgba(245,240,232,0.9) 30%,

        rgba(220,210,195,0.85) 70%,

        rgba(200,190,175,0.9) 100%

    ) !important;

    border-bottom: 2px solid rgba(139,119,101,0.3) !important;

}

/* 分类页banner背景 */

.jp-category-header,

.banner-archive {

    background: linear-gradient(180deg, 

        rgba(220,210,195,0.95) 0%, 

        rgba(232,224,208,0.9) 100%

    ) !important;

    border-bottom: 2px solid rgba(139,119,101,0.2) !important;

}

/* 主内容区背景透明 */

.jp-site-content,

.main,

#primary,

.site-main {

    background: transparent !important;

}

/* 页脚背景 */

.jp-footer {

    background: linear-gradient(180deg, #3a3228 0%, #2a2420 100%) !important;

}

/* 全局文字颜色 - 适应浅色背景 */

body, .site-content, .entry-content, .post-content, .page-content {

    color: #333 !important;

}

a {

    color: #8b4513 !important;

}

a:hover {

    color: #a0522d !important;

}

/* 覆盖父主题深色背景 */

body.theme-modown,

body.modown {

    background: linear-gradient(180deg, #f5f0e8 0%, #e8e0d0 50%, #d8d0c0 100%) !important;

    color: #333 !important;

}

/* 覆盖父主题内容区域 */

.content-area,

.main-content,

#content,

.site-content {

    background: transparent !important;

}

/* 覆盖父主题导航 */

.navbar,

.site-nav,

.main-nav,

#navbar {

    background: rgba(245, 240, 232, 0.95) !important;

    border-bottom: 1px solid rgba(139, 119, 101, 0.2) !important;

}

/* 覆盖父主题顶部栏 */

.top-bar,

.site-topbar {

    background: #f5f0e8 !important;

    border-bottom: 1px solid rgba(139, 119, 101, 0.2) !important;

}

/* 覆盖父主题文章卡片 */

.post-item,

.article-item,

.module-post,

.post-list-item {

    background: #ebe4d4 !important;

    border: 1px solid rgba(139, 119, 101, 0.2) !important;

}

/* 覆盖父主题侧边栏小工具 */

.sidebar .widget,

.widget-area .widget,

#sidebar .widget {

    background: #ebe4d4 !important;

    border: 1px solid rgba(139, 119, 101, 0.2) !important;

}

/* 覆盖父主题面包屑 */

.breadcrumbs,

.breadcrumb {

    color: #5a5a5a !important;

}

/* ===== Ink-wash landscape background ===== */

body {

    background: url('assets/images/jiapu-bg.jpg') no-repeat center center fixed;

    background-size: cover;

    background-color: #f5f0e8;

}

/* Optional: subtle overlay for readability */

body::before {

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(245, 240, 232, 0.25);

    pointer-events: none;

    z-index: -1;

}

/* ===== 强制覆盖父主题深色背景 ===== */

html body,

body.home,

body.archive,

body.single,

body.page,

body.search {

    background-image: url('assets/images/jiapu-bg.jpg') !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    background-attachment: fixed !important;

    background-size: cover !important;

    background-color: #f5f0e8 !important;

}

/* ===== 修复内容区深色背景，与水墨背景融合 ===== */

.main,

.container,

#posts,

.posts,

.content-area,

.site-main,

#main,

#content,

.archive-content,

.search-content {

    background: transparent !important;

    background-color: transparent !important;

}

/* 暂无内容区域 */

.content-none,

.content-none,

.no-results,

.not-found,

.empty-content,

.empty-state {

    background: transparent !important;

    backdrop-filter: none !important;

    border-radius: 0 !important;

    border: none !important;

    box-shadow: none !important;

}

/* 文章列表项卡片 */

.post-item,

.article-item,

.post-card,

.entry {

    background: rgba(255,255,255,0.6) !important;

    backdrop-filter: blur(2px) !important;

    border: 1px solid rgba(139,119,101,0.2) !important;

    border-radius: 6px !important;

}

/* 分类页banner区域 */

.jp-category-header,

.banner-archive {

    background: transparent !important;

    backdrop-filter: blur(3px) !important;

}

/* ===== 强制修复：面包屑、banner、暂无内容区域完全透明 ===== */

.jp-breadcrumb,

body.category .jp-breadcrumb,

body.archive .jp-breadcrumb {

    background: transparent !important;

    background-color: transparent !important;

    border: none !important;

}

.content-none {

    background: transparent !important;

    background-color: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 60px 0 40px !important;

}

.content-none svg {

    fill: #c0b0a0 !important;

    stroke: #c0b0a0 !important;

}

.content-none div {

    color: #8a7a6a !important;

    font-size: 16px !important;

}

/* ========== V2修复：二维码区域 ========== */

.jp-qr-section {

    background: rgba(255,255,255,0.78) !important;

    backdrop-filter: blur(10px) !important;

    border: 1px solid rgba(139,119,101,0.18) !important;

    border-radius: 12px !important;

    padding: 20px !important;

    margin-bottom: 15px !important;

    text-align: center !important;

    box-shadow: 0 4px 16px rgba(0,0,0,0.05) !important;

}

.jp-qr-section img {

    max-width: 180px !important;

    border-radius: 8px !important;

    display: block !important;

    margin: 0 auto 10px !important;

}

.jp-qr-section p,

.jp-qr-section code {

    color: #5c4033 !important;

    font-size: 12px !important;

    margin: 0 !important;

    line-height: 1.6 !important;

    word-break: break-all !important;

}

.jp-qr-section code {

    background: rgba(139,119,101,0.1) !important;

    padding: 2px 6px !important;

    border-radius: 4px !important;

    font-size: 11px !important;

}

/* ========== V2修复：标签云 ========== */

.jp-tag-cloud {

    background: transparent !important;

    border: none !important;

    border-radius: 8px !important;

    padding: 20px !important;

    margin-top: 15px !important;

}

.jp-tag-cloud h4 {

    color: #5c4033 !important;

    font-size: 15px !important;

    margin: 0 0 12px 0 !important;

    padding-bottom: 10px !important;

    border-bottom: 1px solid rgba(139,119,101,0.15) !important;

}

.jp-tag-cloud a {

    display: inline-block !important;

    background: #f5f5f5 !important;

    color: #666 !important;

    padding: 6px 14px !important;

    border-radius: 4px !important;

    font-size: 12px !important;

    margin: 5px 4px !important;

    text-decoration: none !important;

    transition: all 0.2s ease !important;

    border: 1px solid #e0e0e0 !important;

    white-space: nowrap !important;

    line-height: 1.4 !important;

}

.jp-tag-cloud a:hover {

    background: #e74c3c !important;

    color: #fff !important;

    border-color: #e74c3c !important;

}

/* V7 FIX: QR code widget white background */

.widget_media_image,

.widget_block.widget_media_image {

    background: #ffffff !important;

    border: 1px solid #e8e8e8 !important;

    border-radius: 8px !important;

    padding: 12px !important;

    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;

    margin-bottom: 20px !important;

}

/* ===== 购买框样式 - 古籍书库风格 ===== */

/* jp-post-buybox removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* jp-post-buybox rule removed */

/* ===== 侧边栏购买widget ===== */

.widget-erphpdown {

    display: block !important;

    /* dark gradient removed - using native styling */

    border-radius: 12px !important;

    padding: 24px !important;

    color: #fff !important;

    text-align: center !important;

    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;

    margin-bottom: 20px !important;

}

.widget-erphpdown .price {

    font-size: 14px !important;

    color: rgba(255,255,255,0.8) !important;

    margin-bottom: 12px !important;

}

.widget-erphpdown .price span {

    color: #f1c40f !important;

    font-size: 28px !important;

    font-weight: 700 !important;

}

.widget-erphpdown .price font {

    background: transparent !important;

    color: rgba(255,255,255,0.7) !important;

}

.widget-erphpdown a.down,

.widget-erphpdown .down {

    display: inline-block !important;

    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%) !important;

    color: #fff !important;

    padding: 12px 36px !important;

    border-radius: 8px !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    border: none !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

    margin-top: 8px !important;

}

.widget-erphpdown a.down:hover {

    background: linear-gradient(135deg, #219a52 0%, #27ae60 100%) !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 4px 12px rgba(39,174,96,0.3) !important;

}

.widget-erphpdown .erphpdown-tuan {

    margin: 10px 0 !important;

    text-align: center !important;

    color: rgba(255,255,255,0.8) !important;

}

.widget-erphpdown .erphpdown-tuan-process .line span {

    background: #f1c40f !important;

}

/* ===== Header: Search/Login/Register text visibility ===== */
.jp-search-toggle {
    color: #e0d5c1 !important;
    font-size: 13px;
}
.jp-search-toggle:hover {
    color: #fff !important;
}
.jp-login-btn, .jp-register-btn {
    color: #e0d5c1 !important;
    font-size: 13px;
}
.jp-login-btn:hover, .jp-register-btn:hover {
    color: #fff !important;
}

/* Nav search form input */
.jp-header-actions input[type="text"],
.jp-header-actions input[type="search"] {
    color: #333;
}

/* Logo closer to nav - refined */
@media (min-width: 769px) {
    .jp-header-inner.container {
        display: flex;
        align-items: center;
        padding: 0 15px !important;
        height: 70px;
    }
    .jp-logo-area {
        display: flex;
        align-items: center;
        margin-right: 8px;
        flex-shrink: 0;
    }
    .jp-logo-area a.jp-logo-link {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .jp-main-nav {
        margin: 0 auto;
    }
    .jp-header-actions {
        flex-shrink: 0;
    }
}

/* ===== 面包屑导航位置调整 ===== */
.breadcrumbs, .breadcrumb, .mbt-crumbs, .crumbs {
    margin-top: 15px !important;
    padding: 10px 0 10px 0 !important;
    clear: both !important;
    position: relative !important;
    z-index: 10 !important;
}
.breadcrumbs a, .breadcrumb a, .mbt-crumbs a, .crumbs a {
    color: #8B4513 !important;
}
.breadcrumbs a:hover, .breadcrumb a:hover, .mbt-crumbs a:hover, .crumbs a:hover {
    color: #A0522D !important;
}
/* 确保面包屑在header下方正确显示 */

/* ===== 面包屑位置彻底修复 ===== */
/* 覆盖父主题base.css的负margin，确保面包屑在导航背景下方完全显示 */

/* 文章详情页面包屑 - 确保在导航下方 */
body.single-post .breadcrumbs,
body.single-post .breadcrumb,
body.single .breadcrumbs,
body.single .breadcrumb {
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    padding: 12px 20px !important;
    position: relative !important;
    z-index: 1 !important;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 6px !important;
    border: 1px solid rgba(139,69,19,0.15) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    clear: both !important;
    display: block !important;
}

/* 主内容区域增加顶部间距，确保面包屑有足够空间 */
body.single-post .main,
body.single .main {
    padding-top: 20px !important;
}

/* 面包屑链接样式 */
body.single-post .breadcrumbs a,
body.single-post .breadcrumb a,
body.single .breadcrumbs a,
body.single .breadcrumb a {
    color: #8B4513 !important;
    text-decoration: none !important;
}

body.single-post .breadcrumbs a:hover,
body.single-post .breadcrumb a:hover,
body.single .breadcrumbs a:hover,
body.single .breadcrumb a:hover {
    color: #A0522D !important;
    text-decoration: underline !important;
}

body.single-post .breadcrumbs .current,
body.single-post .breadcrumb .current,
body.single .breadcrumbs .current,
body.single .breadcrumb .current {
    color: #333 !important;
    font-weight: 500 !important;
}

body.single-post .breadcrumbs .sep,
body.single-post .breadcrumb .sep,
body.single .breadcrumbs .sep,
body.single .breadcrumb .sep {
    color: #999 !important;
    margin: 0 4px !important;
}

/* 确保导航栏背景不被面包屑覆盖 */
body.single-post .jp-header,
body.single .jp-header,
body.single-post .site-header,
body.single .site-header {
    position: relative !important;
    z-index: 100 !important;
}