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

 * jiapinvip.com Professional Custom Styles

 * Deep Navy #a8967f + Gold #c5962f Theme

 * Version: 20260731 (Full Rebuild - fixes truncation + user requests)

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



/* ========== 1. Root Variables Override ========== */

:root {

    --primary-color: #a8967f;

    --secondary-color: #c5962f;

}



/* ========== 2. Site Branding / Header ========== */



/* FIX: Ensure dark blue header background for visibility */

.site-header,

.header-t,



/* FIX: Ensure dark blue header background for visibility */

.site-header,

.header-t,

.site-branding {

    background: #a8967f !important;

}

.site-branding {

    background: #a8967f !important;

}

.site-branding {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding: 20px 0 !important;

    background: #a8967f !important;

}

.site-title {

    font-size: 38px !important;

    font-weight: 800 !important;

    letter-spacing: 3px !important;

    flex: 0 0 auto;

    margin-right: 15px;

    background: linear-gradient(135deg, #ffffff 0%, #c5962f 50%, #ffffff 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}

.site-description {

    font-size: 16px !important;

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

    flex: 1 1 auto;

    text-align: center;

    line-height: 1.6 !important;

}



/* ========== 3. Navigation ========== */

.main-navigation {

    background: #a8967f !important;

    border-bottom: 2px solid #c5962f !important;

}

.main-navigation .nav-menu > li > a,

.main-navigation ul li a {

    color: #fff !important;

    font-size: 15px !important;

}

.main-navigation .nav-menu > li > a:hover {

    color: #c5962f !important;

}



/* Hide Gravatar */

.author-avatar img, .author-box img.avatar,

.site-branding img.avatar, header img.avatar {

    display: none !important;

}



/* ========== 4. Category Tags ========== */

.entry-meta .cat-links a,

.post-categories a {

    background: #faf6ef !important;

    color: #333 !important;

    padding: 3px 10px !important;

    border-radius: 4px !important;

    font-size: 12px !important;

    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;

}



/* ========== 5. Homepage Grid Layout - 2 Columns with Wider Gaps ========== */

.post-layout-one .site-main {

    display: flex;

    flex-wrap: wrap;

    margin-left: -1.5%;

    margin-right: -1.5%;

}

.post-layout-one .site-main article,

.post-layout-one .site-main article:first-child,

.full-width.post-layout-one .site-main article,

.full-width.post-layout-one .site-main article:first-child {

    width: 46% !important;       /* narrower = more gap between cards */

    margin-left: 2% !important;   /* increased from 1% -> wider left gap */

    margin-right: 2% !important;  /* increased from 1% -> wider right gap */

    margin-bottom: 36px !important;

    padding-bottom: 32px !important;

    border-bottom: 1px solid rgba(0,0,0,0.08);

}

.post-layout-one .site-main article:first-child .entry-title {

    font-size: 1.5em !important;

}



/* Tablet (768-1024): still 2 col but slightly tighter */

@media (max-width: 1024px) {

    .post-layout-one .site-main article,

    .post-layout-one .site-main article:first-child,

    .full-width.post-layout-one .site-main article,

    .full-width.post-layout-one .site-main article:first-child {

        width: 46% !important;

        margin-left: 2% !important;

        margin-right: 2% !important;

    }

}



/* Mobile (<768): 1 column */

@media (max-width: 768px) {

    body:not(.single) .site-main article,

    body:not(.single) .site-main article:first-child,

    .full-widthbody:not(.single) .site-main article,

    .full-widthbody:not(.single) .site-main article:first-child {

        width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

}



/* ========== 6. Article Cards Styling ========== */

.site-main article {

    border-radius: 12px !important;

    transition: all 0.25s ease !important;

    overflow: hidden;

}

.site-main article:hover {

    box-shadow: 0 6px 20px rgba(74,63,53,0.15) !important;

    transform: translateY(-3px) !important;

}



/* ========== 7. Thumbnail Images - Uniform Height (FIX: different sizes) ========== */

.post-thumbnail,

.post-thumbnail img,

.wp-post-image,

article figure.post-thumbnail {

    overflow: hidden !important;

}

.post-thumbnail img.attachment-thumbnail,

.post-thumbnail img.wp-post-image,

.post-thumbnail img {

    width: 100% !important;

    height: 220px !important;         /* FIXED height so all cards look uniform */

    object-fit: cover !important;     /* crop-to-fill, no stretch distortion */

    display: block !important;

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

}



.entry-content img {

    max-width: 100% !important;

    height: auto !important;

    border-radius: 6px;

}



/* ========== 8. "阅读全文" Button - Light Blue ========== */

.btn-readmore,

.entry-footer .btn-readmore,

.button-wrap .btn-readmore,

a.btn-readmore {

    background: #f3ede1 !important;

    color: #a8967f !important;

    border: none !important;

    border-radius: 20px !important;

    padding: 10px 24px !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    display: inline-block !important;

    transition: all 0.2s ease !important;

    text-decoration: none !important;

}

.btn-readmore:hover,

.entry-footer .btn-readmore:hover,

a.btn-readmore:hover {

    background: #e3d8c3 !important;

    color: #a8967f !important;

    transform: translateX(3px);

}

.btn-readmore svg {

    fill: #a8967f !important;

}



/* ========== 9. "了解更多" Button in Sidebar Widget - Light Blue ========== */

.jiapin-about-widget a,

.widget.jiapin-about-widget a,

.about-widget a,

.jiapin-more-btn,

.widget-area .widget a[href*="guanyu"],

.secondary a[class*="about"] a,

#secondary .widget a[href*="guanyu"] {

    background: #f3ede1 !important;

    color: #a8967f !important;

    border: 1px solid #e3d8c3 !important;

    border-radius: 20px !important;

    padding: 10px 24px !important;

    display: inline-block !important;

    text-decoration: none !important;

    font-weight: 600 !important;

    transition: all 0.2s ease !important;

}

.jiapin-about-widget a:hover,

.widget.jiapin-about-widget a:hover,

.about-widget a:hover {

    background: #e3d8c3 !important;

    color: #a8967f !important;

}



/* Generic sidebar widget link buttons */

.widget a:not(.widget-title):not([class*="title"]) {

    color: #a8967f;

}

.widget .button-wrap a {

    background: #f3ede1 !important;

    color: #a8967f !important;

    border-radius: 18px !important;

    padding: 8px 20px !important;

    display: inline-block;

    border: none !important;

}



/* ========== 10. Entry Title & Content ========== */

.entry-title a {

    color: #a8967f !important;

    text-decoration: none !important;

    transition: color 0.2s;

}

.entry-title a:hover {

    color: #c5962f !important;

}

.entry-content p,

.entry-content li {

    font-family: "Microsoft YaHei", tahoma, arial, "Hiragino Sans GB", sans-serif;

    font-size: 16px;

    line-height: 1.9;

    color: #333;

    margin-bottom: 16px;

}

.entry-content h2 {

    font-size: 24px;

    color: #a8967f;

    border-bottom: 2px solid #c5962f;

    padding-bottom: 10px;

    margin-top: 36px;

    margin-bottom: 18px;

}

.entry-content h3 {

    font-size: 20px;

    color: #a8967f;

    border-left: 4px solid #c5962f;

    padding-left: 14px;

    margin-top: 28px;

    margin-bottom: 14px;

}

.entry-content a {

    color: #a8967f;

    text-decoration: underline;

    text-decoration-color: #c5962f;

}

.entry-content {

    padding: 0 20px;

}

@media (max-width: 768px) {

    .entry-content { padding: 0 12px; }

}



/* ========== 11. Author Box - "佳品测评" Artistic Font ========== */

.jiapin-author-name {

    font-family: "Microsoft YaHei", tahoma, arial, sans-serif;

    font-size: 22px;

    font-weight: 800;

    letter-spacing: 2px;

    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);

    color: #a8967f;

}

.jiapin-author-bio {

    font-family: "KaiTi", "\u6977\u4F53", "STKaiti", "\u6977\u4F53_GB2312", serif;

    font-size: 15px;

    line-height: 1.8;

    color: #555;

}



/* ========== 12. Table Styling ========== */

.entry-content table {

    width: 100%;

    border-collapse: collapse;

    margin: 20px 0;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 2px 8px rgba(0,0,0,0.08);

}

.entry-content table th {

    background: #a8967f;

    color: #fff;

    padding: 12px 16px;

    text-align: left;

    font-weight: 600;

    font-size: 14px;

}

.entry-content table td {

    padding: 10px 16px;

    border-bottom: 1px solid #eee;

    font-size: 14px;

}

.entry-content table tr:nth-child(even) td {

    background: #faf7f0;

}

.entry-content table tr:hover td {

    background: #f2ece2;

}



/* ========== 13. Blockquote ========== */

.entry-content blockquote {

    border-left: 4px solid #c5962f;

    background: #fdfaf0;

    padding: 16px 20px;

    margin: 20px 0;

    border-radius: 0 8px 8px 0;

    font-style: italic;

    color: #555;

}



/* ========== 14. Pros/Cons Comparison Grid ========== */

.jiapin-pros-cons {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    margin: 30px 0;

}

.jiapin-pros { background: #f0f9f4; border: 1px solid #c8e6d0; border-top: 3px solid #2d9e5e; border-radius: 12px; padding: 20px; }

.jiapin-cons { background: #fef5f0; border: 1px solid #f5d6c8; border-top: 3px solid #d85a30; border-radius: 12px; padding: 20px; }

.jiapin-pros-title { font-size: 16px; font-weight: 700; color: #2d9e5e; margin-bottom: 12px; }

.jiapin-cons-title { font-size: 16px; font-weight: 700; color: #d85a30; margin-bottom: 12px; }

.jiapin-pros ul, .jiapin-cons ul { list-style: none; padding: 0; margin: 0; }

.jiapin-pros li, .jiapin-cons li { padding: 6px 0 6px 24px; position: relative; font-size: 14px; line-height: 1.6; color: #333; }

.jiapin-pros li::before { content: "\2713"; color: #2d9e5e; position: absolute; left: 0; font-weight: 700; }

.jiapin-cons li::before { content: "!"; color: #d85a30; position: absolute; left: 0; font-weight: 700; }



/* ========== 15. Related Posts Grid (Phase 2) ========== */

.jiapin-related { margin-top: 40px; padding: 24px 0; border-top: 2px solid #eee; }

.jiapin-related-title { font-size: 20px; font-weight: 700; color: #e3d8c3; margin-bottom: 20px; padding-left: 12px; border-left: 4px solid #c5962f; }

.jiapin-related-grid { display: flex; flex-direction: column; gap: 16px; }

.jiapin-related-item { display: flex; align-items: center; gap: 16px; padding: 14px 16px; border-radius: 10px; background: #fbf9f4; border: 1px solid #eee; transition: all 0.3s ease; text-decoration: none; }

.jiapin-related-item:hover { border-color: #e3d8c3; box-shadow: 0 2px 8px rgba(74,63,53,0.08); }

.jiapin-related-thumb { width: 100px; height: 75px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }

.jiapin-related-info { flex: 1; min-width: 0; }

.jiapin-related-info h4 { font-size: 15px; font-weight: 600; color: #333; margin: 0 0 4px 0; line-height: 1.5; }

.jiapin-related-info .date { font-size: 12px; color: #999; }

.jiapin-related-info .cat { display: inline-block; font-size: 11px; color: #fff; background: #a8967f; padding: 2px 8px; border-radius: 4px; margin-right: 4px; margin-bottom: 4px; }



/* Force thumbnail visibility for related posts */

.jiapin-related-thumb img,

.jiapin-related-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
/* Fix: related card layout (class mismatch fix 2026-07-24) */
.jiapin-related-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 16px !important;
    border-radius: 10px !important;
    background: #fbf9f4 !important;
    border: 1px solid #eee !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.jiapin-related-card:hover {
    border-color: #e3d8c3 !important;
    box-shadow: 0 2px 8px rgba(74,63,53,0.08) !important;
}
.jiapin-related-thumb {
    width: 100px !important;
    height: 75px !important;
    flex-shrink: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
.jiapin-related-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
    line-height: 1.5 !important;
    flex: 1 !important;
    min-width: 0 !important;
}




/* ========== 16. Additional Post (Vilva theme 推荐阅读) - Horizontal Layout ========== */

.additional-post article.post {

    display: flex !important;

    align-items: center !important;

    gap: 16px !important;

    margin-bottom: 16px !important;

}

.additional-post .post-thumbnail {

    flex-shrink: 0;

    width: 90px;

    height: 65px;

    overflow: hidden;

    border-radius: 6px;

}

.additional-post .post-thumbnail img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    display: block !important;

}

.additional-post .entry-title {

    font-size: 14px !important;

    margin: 0 !important;

}



/* ========== 17. Sidebar Widgets ========== */

.widget {

    background: #fff;

    border-radius: 12px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.06);

    padding: 20px;

    margin-bottom: 24px;

    border: 1px solid #f0f0f0;

}

.widget .widget-title {

    font-size: 17px;

    font-weight: 700;

    color: #a8967f;

    border-bottom: 2px solid #c5962f;

    padding-bottom: 8px;

    margin-bottom: 16px;

}

.widget ul li {

    list-style: none;

    padding: 8px 0;

    border-bottom: 1px solid #f0f0f0;

}

.widget ul li:last-child { border-bottom: none; }

.widget ul li a { color: #333; text-decoration: none; transition: color 0.2s; }

.widget ul li a:hover { color: #c5962f; }



/* About Author Widget - Deep Blue Gradient */

.jiapin-about-widget,

.widget.jiapin-about-widget {

    background: linear-gradient(135deg, #a8967f 0%, #a8967f 100%);

    color: #fff;

    border: none;

    border-radius: 12px;

    padding: 24px;

}

.jiapin-about-widget .widget-title,

.jiapin-about-widget h3 {

    color: #c5962f !important;

    border-bottom-color: #c5962f !important;

}

.jiapin-about-widget p { color: rgba(255,255,255,0.85); }

.jiapin-about-widget a { color: #c5962f; }



/* Search Widget */

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

    border: 1px solid #ddd;

    border-radius: 20px 0 0 20px;

    padding: 10px 16px;

}

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

    background: #a8967f;

    color: #fff;

    border-radius: 0 20px 20px 0;

}

/* Hide search placeholder text */

.wp-block-search__inside-wrapper .wp-block-search__input::placeholder {

    color: transparent;

}



/* ========== 18. Footer ========== */

.site-footer {

    background: #0f1f35;

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

    padding: 40px 0 20px;

}

.site-footer a { color: rgba(255,255,255,0.8); }

.site-footer a:hover { color: #c5962f; }



/* ========== 19. Post Navigation (上一篇/下一篇) Thumbnails ========== */

.post-img img.attachment-thumbnail,

.post-img img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    display: block !important;

}



/* ========== 20. Reading Progress Bar ========== */

.jiapin-progress-bar {

    position: fixed;

    top: 0;

    left: 0;

    width: 0%;

    height: 3px;

    background: linear-gradient(90deg, #c5962f, #a8967f);

    z-index: 99999;

    transition: width 0.1s linear;

}



/* ========== 21. Star Rating Display ========== */

.jiapin-star-rating {

    color: #c5962f;

    font-size: 18px;

    letter-spacing: 2px;

}



/* ========== 22. Buy Button Card ========== */

.jiapin-buy-card {

    border: 2px solid #e3d8c3;

    border-radius: 12px;

    padding: 20px;

    margin: 24px 0;

    text-align: center;

}

.jiapin-buy-price {

    font-size: 24px;

    font-weight: 800;

    color: #c5962f;

}

.jiapin-buy-btn {

    background: #a8967f;

    color: #fff;

    padding: 12px 32px;

    border-radius: 25px;

    display: inline-block;

    text-decoration: none;

    font-weight: 600;

    transition: all 0.2s;

}

.jiapin-buy-btn:hover {

    background: #c5962f;

    transform: translateY(-2px);

}



/* ========== 23. Page-specific: About Me (ID 62) ========== */

.page-id-62 .entry-content h2 {

    font-size: 24px;

    color: #a8967f;

    border-bottom: 2px solid #c5962f;

    padding-bottom: 10px;

    margin-top: 36px;

    margin-bottom: 18px;

}

.page-id-62 .entry-content p {

    font-size: 16px;

    line-height: 1.9;

    color: #333;

    margin-bottom: 16px;

}

.page-id-62 .entry-content ul {

    margin-bottom: 20px;

    padding-left: 8px;

}

.page-id-62 .entry-content ul li {

    font-size: 15px;

    line-height: 2;

    color: #444;

    list-style: none;

    padding-left: 24px;

    position: relative;

}

.page-id-62 .entry-content ul li:before {

    content: "\2714";

    color: #c5962f;

    position: absolute;

    left: 0;

    font-weight: 700;

}

.page-id-62 .entry-content a {

    color: #a8967f;

    text-decoration: underline;

    text-decoration-color: #c5962f;

}



/* ========== 24. Responsive - Mobile (<480px) ========== */

@media (max-width: 480px) {

    body:not(.single) .site-main article,

    body:not(.single) .site-main article:first-child,

    .full-widthbody:not(.single) .site-main article,

    .full-widthbody:not(.single) .site-main article:first-child {

        width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }



    .widget-area, .secondary, #secondary, aside.widget {

        display: none !important;

    }



    .content-area, .site-content .content-area, .site-main {

        width: 100% !important;

        max-width: 100% !important;

        padding-left: 10px !important;

        padding-right: 10px !important;

    }



    .toc, .jiapin-toc, .jiapin-toc-widget, .widget .toc {

        display: none !important;

    }



    .jiapin-pros-cons {

        grid-template-columns: 1fr !important;

    }



    .jiapin-related-grid {

        grid-template-columns: 1fr !important;

    }



    .entry-content p, .entry-content li { font-size: 15px !important; }

    .entry-content h2 { font-size: 20px !important; }

    .entry-content h3 { font-size: 17px !important; }



    .post-thumbnail img.attachment-thumbnail,

    .post-thumbnail img.wp-post-image,

    .post-thumbnail img {

        height: 180px !important;

    }



    .entry-content table {

        display: block;

        overflow-x: auto;

        white-space: nowrap;

    }



    .site-title { font-size: 26px !important; }

    .site-description { font-size: 13px !important; }

    .jiapin-about-widget { padding: 16px; }

    .jiapin-about-name { font-size: 18px; }

    .jiapin-about-desc { font-size: 13px; }

}



/* ========== 25. Responsive - Tablet (481-768px) ========== */

@media (min-width: 481px) and (max-width: 768px) {

    body:not(.single) .site-main article,

    body:not(.single) .site-main article:first-child,

    .full-widthbody:not(.single) .site-main article,

    .full-widthbody:not(.single) .site-main article:first-child {

        width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .jiapin-pros-cons { grid-template-columns: 1fr 1fr !important; }

    .jiapin-related-grid { grid-template-columns: 1fr 1fr !important; }

    .post-thumbnail img.attachment-thumbnail,

    .post-thumbnail img.wp-post-image,

    .post-thumbnail img {

        height: 200px !important;

    }

}





/* ========== NAV & TITLE FIX (20260733) ========== */

/* Nav left align */

.main-navigation,

.nav-wrapper,

.main-navigation ul {

    justify-content: flex-start !important;

    text-align: left !important;

}



/* Site title: LiSu font, left, larger */

.site-title {

    font-family: 'STLiti', '华文隶书', 'LiSu', serif !important;

    font-size: 46px !important;

    text-align: left !important;

}





/* ========== NAV & TITLE FIX (20260733) ========== */

/* Nav left align */

.main-navigation,

.nav-wrapper,

.main-navigation ul {

    justify-content: flex-start !important;

    text-align: left !important;

}



/* Site title: LiSu font, left, larger */

.site-title {

    font-family: 'STLiti', '华文隶书', 'LiSu', serif !important;

    font-size: 46px !important;

    text-align: left !important;

}



/* ========== 26. Card Title & Padding Fix (20260723) ========== */

/* Homepage/archive card titles: smaller + more breathing room */

body:not(.single) .site-main article .entry-title,

.archive .site-main article .entry-title,

.home .site-main article .entry-title {

    font-size: 1.25em !important;

    line-height: 1.45 !important;

    padding: 0 8px !important;

}



/* Card body text: more left/right inner padding */

body:not(.single) .site-main article .entry-summary,

body:not(.single) .site-main article .entry-content,

.home .site-main article .entry-summary,

.archive .site-main article .entry-summary {

    padding: 0 16px !important;

}



/* Category meta row: also indent from edges */

body:not(.single) .site-main article .entry-meta,

.home .site-main article .entry-meta,

.archive .site-main article .entry-meta {

    padding: 0 16px !important;

}


/* ========== 27. Mobile Tuning (user request 2026-07-27) ========== */
/* 手机版：左右留白收紧、图与标题间距收紧、特色图展示全貌（不再统一裁切高度） */
@media (max-width: 767px) {

    /* ① 左右留白收紧：内容贴边 */
    .content-area,
    .site-main,
    .site-content .container,
    .rightsidebar .content-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        float: none !important;
        max-width: 100% !important;
    }
    .entry-content { padding: 0 10px !important; }

    /* ② 单篇：标题(上) → 特色图(下) 间距收紧 */
    .single .entry-header { margin-bottom: 8px !important; }
    .single figure.post-thumbnail,
    .single .post-thumbnail {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    /* ③ 单篇特色图：展示全貌，不裁剪成统一高度 */
    .single figure.post-thumbnail img,
    .single .post-thumbnail img.wp-post-image,
    .single .post-thumbnail img {
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        width: 100% !important;
        border-radius: 8px !important;
    }

    /* 首页/归档卡片：图与标题间距收紧 + 缩略图展示全貌（移动端不强制一般大） */
    .post-layout-one .site-main article .post-thumbnail,
    .blog article .post-thumbnail,
    .archive article .post-thumbnail,
    .home article .post-thumbnail {
        height: auto !important;
        margin-bottom: 10px !important;
    }
    .post-layout-one .site-main article .post-thumbnail img,
    .blog article .post-thumbnail img,
    .archive article .post-thumbnail img,
    .home article .post-thumbnail img,
    .post-thumbnail img {
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
    .post-layout-one .site-main article .entry-title { margin-top: 0 !important; }
}


/* ================================================
 * P0+P1 PROFESSIONAL VISUAL ENHANCEMENT (2026-07-27)
 * Goal: Make site look like a legitimate review portal
 * ================================================ */

/* ---------- P0-1: Header Description - Clean & Compact ---------- */
.site-description {
    font-size: 13px !important;
    color: rgba(255,255,255,0.65) !important;
    max-width: 560px;
    letter-spacing: 0.3px;
    line-height: 1.5 !important;
}

/* ---------- P0-2: Card Default Shadow + Border (always visible) ---------- */
.post-layout-one .site-main article,
.archive .site-main article,
.home .site-main article,
.blog .site-main article {
    box-shadow: 0 2px 16px rgba(74,63,53,0.08) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    background: #fff !important;
}
/* Hover: stronger lift */
.post-layout-one .site-main article:hover,
.archive .site-main article:hover,
.home .site-main article:hover {
    box-shadow: 0 8px 28px rgba(74,63,53,0.15) !important;
    border-color: rgba(197,150,47,0.25) !important;
}

/* ---------- P0-3: Meta Info (Date/Category) - Shrink & Fade ---------- */
.entry-meta {
    font-size: 11px !important;
    color: #bbb !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
}
.entry-meta .posted-on,
.entry-meta .byline,
.entry-meta span,
.entry-meta time {
    font-size: 11px !important;
    color: #bbb !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.entry-meta a {
    color: #999 !important;
    text-decoration: none !important;
}
.entry-meta a:hover {
    color: #c5962f !important;
}

/* ---------- P0-4: Gold Brand Color Throughout ---------- */

/* Category tags → gold gradient pill */
.entry-meta .cat-links a,
.post-categories a {
    background: linear-gradient(135deg, #c5962f, #d4a843) !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 3px 10px !important;
    font-size: 10px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none !important;
    box-shadow: none !important;
}

/* "Read More" / "阅读全文" button → gold */
.btn-readmore,
.entry-footer .btn-readmore,
.button-wrap .btn-readmore,
a.btn-readmore {
    background: linear-gradient(135deg, #c5962f, #d4a843) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(197,150,47,0.25) !important;
}
.btn-readmore:hover,
a.btn-readmore:hover {
    background: linear-gradient(135deg, #b38529, #c5962f) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(197,150,47,0.35) !important;
}
.btn-readmore svg { fill: #fff !important; }

/* Sidebar "了解更多" button → gold */
.jiapin-about-widget a,
.widget.jiapin-about-widget a,
.about-widget a,
.jiapin-more-btn,
#secondary .widget a[href*="guanyu"] {
    background: linear-gradient(135deg, #c5962f, #d4a843) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 24px !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(197,150,47,0.25) !important;
}
.jiapin-about-widget a:hover,
.widget.jiapin-about-widget a:hover {
    background: linear-gradient(135deg, #b38529, #c5962f) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* Sidebar generic link buttons */
.widget .button-wrap a {
    background: linear-gradient(135deg, #c5962f, #d4a843) !important;
    color: #fff !important;
    border-radius: 18px !important;
    padding: 8px 20px !important;
    display: inline-block;
    border: none !important;
}

/* Widget links hover gold */
.widget ul li a:hover { color: #c5962f !important; }
.widget a:not(.widget-title):not([class*="title"]):not(.btn-readmore):not([href*="guanyu"]) {
    color: #555;
    transition: color 0.2s;
}

/* Entry content links: underline in gold */
.entry-content a {
    color: #a8967f !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}
.entry-content a:hover {
    color: #c5962f !important;
    border-bottom-color: #c5962f !important;
}

/* ---------- P0-5: Navigation Bar - Add Depth ---------- */
.main-navigation {
    box-shadow: 0 2px 12px rgba(0,0,0,0.12) !important;
}
.main-navigation .nav-menu > li.current-menu-item > a,
.main-navigation .nav-menu > li.current_page_item > a {
    color: #c5962f !important;
    position: relative;
}
.main-navigation .nav-menu > li.current-menu-item > a::after,
.main-navigation .nav-menu > li.current_page_item > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 3px;
    background: #c5962f;
    border-radius: 2px;
}

/* ---------- P0-6: Search Widget Polish ---------- */
.search-form {
    position: relative;
}
.search-form input[type="search"],
.widget_search .search-field {
    border: 2px solid #e8e8e8 !important;
    border-radius: 24px 0 0 24px !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    transition: border-color 0.3s !important;
    background: #fbf9f4 !important;
}
.search-form input[type="search"]:focus,
.widget_search .search-field:focus {
    border-color: #c5962f !important;
    outline: none !important;
    background: #fff !important;
}
.search-form input[type="submit"],
.widget_search .search-submit {
    background: linear-gradient(135deg, #c5962f, #d4a843) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 24px 24px 0 !important;
    padding: 10px 18px !important;
    cursor: pointer;
    transition: opacity 0.2s;
}
.search-form input[type="submit"]:hover,
.widget_search .search-submit:hover {
    opacity: 0.9;
}

/* ---------- P0-7: Breadcrumb Polish ---------- */
.breadcrumb,
.breadcrumbs,
.trail-items,
.trail-items nav {
    font-size: 12px !important;
    color: #999 !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.breadcrumb a,
.breadcrumbs a,
.trail-items a {
    color: #888 !important;
    text-decoration: none !important;
}
.breadcrumb a:hover,
.breadcrumbs a:hover,
.trail-items a:hover {
    color: #c5962f !important;
}

/* ---------- P0-8: Page / Archive / Category Title ---------- */
.page-title,
.archive-title,
.taxonomy-description h1 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #a8967f !important;
    position: relative;
    padding-bottom: 12px !important;
    margin-bottom: 28px !important;
}
.page-title::after,
.archive-title::after,
.taxonomy-description h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #c5962f, transparent);
    border-radius: 2px;
}

/* ---------- P0-9: Sidebar About Widget Enhancement ---------- */
.jiapin-about-widget,
.widget.jiapin-about-widget {
    position: relative;
    overflow: hidden;
}
.jiapin-about-widget::before {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 100px;
    height: 100px;
    background: rgba(197,150,47,0.12);
    border-radius: 50%;
    pointer-events: none;
}
.jiapin-about-widget::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -20px;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.06);
    border-radius: 50%;
    pointer-events: none;
}

/* ---------- P0-10: Single Post Featured Image - Subtle Frame ---------- */
.single figure.post-thumbnail,
.single .post-thumbnail {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
}

/* ---------- P0-11: "Recent Posts" Widget Title Polish ---------- */
.widget_recent_entries .widget-title,
.widget_recent_comments .widget-title,
.widget_pages .widget-title {
    position: relative;
    padding-left: 14px !important;
}
.widget_recent_entries .widget-title::before,
.widget_recent_comments .widget-title::before,
.widget_pages .widget-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background: #c5962f;
    border-radius: 2px;
}


/* ================================================
 * P1: TRUST SIGNALS & PROFESSIONAL POLISH
 * ================================================ */

/* ---------- P1-1: Trust Bar (below navigation) ---------- */
.jiapin-trust-bar {
    background: linear-gradient(90deg, #f8f6f0 0%, #fefaf2 50%, #f8f6f0 100%);
    border-bottom: 1px solid #ede5d0;
    padding: 10px 0;
    font-size: 12px;
    color: #666;
    text-align: center;
    overflow: hidden;
}
.jiapin-trust-bar-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.jiapin-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #555;
    font-size: 12px;
}
.jiapin-trust-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #c5962f;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
}
.jiapin-trust-bar a {
    color: #a8967f;
    text-decoration: none;
    font-weight: 600;
}
.jiapin-trust-bar a:hover {
    color: #c5962f;
}

/* ---------- P1-2: Footer - Three Column Layout ---------- */
.site-footer {
    padding: 40px 0 24px !important;
}
.site-footer .widget-area,
.footer-widgets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.footer-widget-col {
    padding: 0;
}
.footer-widget-col h3 {
    font-size: 15px;
    color: #c5962f;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(197,150,47,0.3);
}
.footer-widget-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-widget-col ul li {
    padding: 5px 0;
    border-bottom: none;
}
.footer-widget-col ul li a {
    color: rgba(255,255,255,0.65) !important;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}
.footer-widget-col ul li a:hover {
    color: #c5962f !important;
}
.footer-bottom-row {
    grid-column: 1 / -1;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 12px;
    color: rgba(255,255,255,0.45);
}

/* ---------- P1-3: Header Area - Subtle Top Accent Line ---------- */
.site-header::before,
.header-t::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #c5962f 0%, #a8967f 50%, #c5962f 100%);
    z-index: 10;
}

/* ---------- P1-4: Scroll-to-Top Button Style ---------- */
#scroll-up,
.back-to-top,
a[rel="home"].back-to-top {
    background: linear-gradient(135deg, #c5962f, #d4a843) !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
    box-shadow: 0 2px 10px rgba(197,150,47,0.35) !important;
    transition: all 0.3s ease !important;
}
#scroll-up:hover,
.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(197,150,47,0.45) !important;
}

/* ---------- P1-5: Category Archive Grid - Modern Cards (replace blue overlay bars) ---------- */
.category .post-thumbnail img,
.archive .post-thumbnail img,
.tax-product_cat .post-thumbnail img {
    border-radius: 8px !important;
    transition: transform 0.3s ease !important;
}
.category .site-main article:hover .post-thumbnail img,
.archive .site-main article:hover .post-thumbnail img {
    transform: scale(1.03);
}

/* Remove old blue overlay from category thumbnails if present */
.category .post-thumbnail .entry-title-overlay,
.archive .post-thumbnail .entry-title-overlay {
    display: none !important;
}

/* ---------- P1-6: Selection Color ---------- */
::selection {
    background: #c5962f;
    color: #fff;
}
::-moz-selection {
    background: #c5962f;
    color: #fff;
}

/* ---------- P1-7: Smooth Scrolling ---------- */
html {
    scroll-behavior: smooth;
}

/* ---------- P1-8: Focus Outline for Accessibility ---------- */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 2px solid #c5962f;
    outline-offset: 2px;
}


/* ---------- Mobile Trust Bar Compact (2026-07-27) ---------- */
@media (max-width: 767px) {
    .jiapin-trust-bar {
        padding: 8px 0 !important;
        font-size: 10px !important;
    }
    .jiapin-trust-bar-inner {
        gap: 8px !important;
        justify-content: center !important;
    }
    .jiapin-trust-item {
        font-size: 10px !important;
        white-space: nowrap;
    }
    .jiapin-trust-icon {
        width: 14px !important;
        height: 14px !important;
        font-size: 9px !important;
    }
    /* Hide separators on very small screens */
    @media (max-width: 400px) {
        .jiapin-trust-item[style*="color:#ddd"] {
            display: none !important;
        }
    }
}


/* ========== P2: 单篇文章页封面图修复（避免硬裁切只显示一部分）========== */
.single article figure.post-thumbnail {
    margin-bottom: 25px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.single article figure.post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}


/* ========== 9. 首页布局：左图右文列表（产品完整显示，不裁切） ========== */
/* 覆盖原有2列网格 → 单列每行一篇，左缩略图右文字 */
.post-layout-one .site-main {
    display: block !important;
}
.post-layout-one .site-main article,
.post-layout-one .site-main article:first-child,
.full-width.post-layout-one .site-main article,
.full-width.post-layout-one .site-main article:first-child {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 26px !important;
    padding-bottom: 26px !important;
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    grid-template-areas:
        "thumb header"
        "thumb content"
        "thumb footer" !important;
    align-items: start !important;
    gap: 0 22px !important;
}
/* 缩略图：固定尺寸 + 产品完整contain + 统一浅灰背景（留白不丑） */
.post-layout-one .site-main article figure.post-thumbnail {
    grid-area: thumb !important;
    width: 260px !important;
    height: 190px !important;
    margin: 0 !important;
    background: #f2f2f2 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    align-self: start !important;
}
.post-layout-one .site-main article figure.post-thumbnail img,
.post-layout-one .site-main article .post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;   /* 产品完整，不裁切 */
    object-position: center center !important;
    border-radius: 8px !important;
}
.post-layout-one .site-main article .entry-header { grid-area: header !important; }
.post-layout-one .site-main article .entry-content { grid-area: content !important; }
.post-layout-one .site-main article .entry-footer { grid-area: footer !important; }
/* 移动端：左图右文（产品完整显示） */
@media (max-width: 768px) {
    body:not(.single) .site-main article,
    body:not(.single) .site-main article:first-child,
    .full-widthbody:not(.single) .site-main article,
    .full-widthbody:not(.single) .site-main article:first-child {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "header"
            "content"
            "footer" !important;
        gap: 6px 0 !important;
    }
    /* 手机版隐藏封面图，改为纯文字列表（更简洁、省滑动） */
    body:not(.single) .site-main article figure.post-thumbnail {
        display: none !important;
    }
    /* 文字列表：每项加分隔线，紧凑清晰 */
    body:not(.single) .site-main article {
        border-bottom: 1px solid #ececec !important;
        padding-bottom: 12px !important;
        margin-bottom: 12px !important;
    }
    body:not(.single) .site-main article figure.post-thumbnail img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;   /* 产品完整，不变形 */
        object-position: center center !important;
    }
    /* 兜底：直接覆盖全局 .post-thumbnail img 的 height:220px */
    body:not(.single) .site-main article .post-thumbnail img,
    body:not(.single) .site-main article .post-thumbnail img.attachment-thumbnail,
    body:not(.single) .site-main article .post-thumbnail img.wp-post-image {
        height: auto !important;
        aspect-ratio: unset !important;
    }
    body:not(.single) .site-main article .post-thumbnail,
    body:not(.single) .site-main article figure.post-thumbnail {
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
    }
    /* 右侧文字缩小 */
    body:not(.single) .site-main article .entry-title {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    body:not(.single) .site-main article .entry-header {
        margin-bottom: 4px !important;
    }
    body:not(.single) .site-main article .entry-meta,
    body:not(.single) .site-main article .entry-footer .entry-meta {
        font-size: 10px !important;
    }
    body:not(.single) .site-main article .entry-content p {
        font-size: 12px !important;
        line-height: 1.45 !important;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    body:not(.single) .site-main article .entry-footer .btn-readmore {
        font-size: 11px !important;
        padding: 5px 12px !important;
    }
    body:not(.single) .site-main article .entry-footer::after {
        font-size: 14px !important;
        padding: 1px 6px !important;
    }
}
/* 超小屏（<480px）：进一步紧凑 */
@media (max-width: 480px) {
    body:not(.single) .site-main article figure.post-thumbnail {
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        max-height: none !important;
    }
    body:not(.single) .site-main article .entry-title {
        font-size: 13px !important;
    }
    body:not(.single) .site-main article .entry-content p {
        font-size: 11.5px !important;
        -webkit-line-clamp: 2 !important;
    }
    body:not(.single) .site-main article .entry-footer .btn-readmore {
        font-size: 10px !important;
        padding: 4px 10px !important;
    }
    body:not(.single) .site-main article .entry-footer::after {
        font-size: 13px !important;
    }
}


/* ========== 10. 首页文章编号：发布时间升序（最早=1），列表新->旧故反向 ========== */
/* counter-reset 由 mu-plugin jiapin-post-number.php 动态输出（=已发布总数+1，支持分页） */
body:not(.single) .site-main article {
    counter-increment: post-num -1 !important;
    position: relative !important;
}
/* 编号放在卡片底部右侧（阅读全文按钮旁），用 ::after 避免挡内容 */
body:not(.single) .site-main article .entry-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}
body:not(.single) .site-main article .entry-footer::after {
    content: "NO." counter(post-num, decimal-leading-zero);
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #c5962f !important;
    background: rgba(255,255,255,0.82) !important;
    padding: 2px 10px !important;
    border-radius: 6px !important;
    letter-spacing: 1px !important;
    pointer-events: none !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}
@media (max-width: 768px) {
    body:not(.single) .site-main article .entry-footer::after {
        font-size: 18px !important;
        padding: 1px 6px !important;
    }
}


/* ========== 移动端导航常驻 + 分类清晰 (20260730) ========== */
@media (max-width: 1024px) {
  /* 隐藏汉堡按钮，导航改为常驻横向滚动条，无需点击 */
  .main-navigation .toggle-btn,
  .main-navigation .toggle-text { display: none !important; }
  .main-navigation .close { display: none !important; }
  /* 抽屉面板改为常驻显示 */
  .main-navigation .primary-menu-list {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    overflow: visible !important;
    transform: none !important;
    background: #fff;
  }
  /* 菜单项横向滚动 */
  .main-navigation ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start !important;
    padding: 0 !important;
    border-top: 1px solid rgba(0,0,0,0.07);
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .main-navigation ul li {
    display: inline-block !important;
    flex: 0 0 auto !important;
  }
  /* 移动端导航链接：深色文字(白底可见) + 金色高亮 */
  .main-navigation ul li a,
  .main-navigation .nav-menu > li > a,
  .main-navigation ul li.menu-item a,
  .primary-menu-list .menu-item a {
    padding: 12px 14px !important;
    border-bottom: none !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    color: #2c3e50 !important;
    font-weight: 600 !important;
  }
  .main-navigation ul li a:hover,
  .main-navigation .nav-menu > li > a:hover,
  .main-navigation ul li.current-menu-item > a,
  .main-navigation ul li.current_page_item > a {
    color: #c5962f !important;
  }
  /* 当前页导航项金色高亮 */
  .main-navigation ul li.current-menu-item > a,
  .main-navigation ul li.current_page_item > a {
    color: #c5962f !important;
    border-bottom: 2px solid #c5962f !important;
  }
  /* 文章卡片分类标签放大变清晰 */
  body:not(.single) .site-main article .entry-meta > span.category,
  article .entry-meta > span.category {
    font-size: 13px !important;
    color: #c5962f !important;
    display: inline-block !important;
    font-weight: 700 !important;
  }
}