@charset "UTF-8";
/*
Theme Name: iUX
Theme URI: https://www.nicedowns.com
Author: 主题巴巴
Author URI: https://www.nicedowns.com
Description: 我爱宠物网改版（方案A·清新治愈）——在原 iux 主题基础上重构的清新自然风格，绿色治愈系，圆角卡片，适配 首页 / 栏目页 / 文章详情页。
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iux
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready
*/
@import url(assets/css/font-awesome.min.css);
/*--------------------------------------------------------------
0. Reset
--------------------------------------------------------------*/
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;background:#F7FAF5;color:#1F2E26;font-size:16px;line-height:1.7}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:#1F7A4F}
ul,ol{list-style:none}
button,input,select,textarea{font-family:inherit}
input[type=text],input[type=search],input[type=email],input[type=url],textarea{font-size:16px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.container,.site_container{max-width:1180px;margin:0 auto;padding:0 20px}
.clear{clear:both}
/*--------------------------------------------------------------
1. 顶部工具条
--------------------------------------------------------------*/
.topbar{background:#1F7A4F;color:#D8EFE2;font-size:13px}
.topbar-in{max-width:1180px;margin:0 auto;padding:7px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.topbar a{color:#F4FBF6;margin-right:14px}
.topbar a:hover{color:#FFE0B2}
.topbar .tb-right{white-space:nowrap;display:flex;align-items:center;gap:2px}
.topbar .tb-right a{background:rgba(255,255,255,.12);padding:2px 12px;border-radius:99px;margin-right:6px}
.topbar .tb-right a:hover{background:#fff;color:#1F7A4F}
/*--------------------------------------------------------------
2. 站点头部
--------------------------------------------------------------*/
.site-header{background:#FFFFFF;border-bottom:1px solid #E4EBE3;position:sticky;top:0;z-index:100}
.site-header-in{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px}
.logo .logo-ico{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#34B579,#1F7A4F);display:flex;align-items:center;justify-content:center;flex:none}
.logo .logo-ico svg{width:26px;height:26px;fill:#fff}
.logo .logo-txt{line-height:1.15}
.logo .logo-txt b{font-size:24px;color:#1F2E26;letter-spacing:.5px;font-weight:900}
.logo .logo-txt span{display:block;font-size:12px;color:#7B8B82;letter-spacing:1px}
.logo img.custom-logo{max-height:52px;width:auto}
.main-nav{display:flex;flex:1;flex-wrap:wrap}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav>ul{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.main-nav li{position:relative}
.main-nav a{font-size:15px;color:#1F2E26;padding:8px 14px;border-radius:99px;white-space:nowrap;display:inline-block}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current-cat>a{background:#E4F3EA;color:#1F7A4F;font-weight:700}
/* 二级菜单下拉 */
.main-nav ul.sub-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:150px;background:#fff;border:1px solid #E4EBE3;border-radius:12px;box-shadow:0 14px 34px rgba(31,78,58,.14);padding:8px;display:none;z-index:120;flex-direction:column;align-items:stretch}
.main-nav li:hover>ul.sub-menu,.main-nav li:focus-within>ul.sub-menu{display:flex}
.main-nav ul.sub-menu a{display:block;padding:8px 14px;font-size:14px;border-radius:8px;white-space:nowrap;font-weight:400}
.main-nav ul.sub-menu a:hover{background:#E4F3EA;color:#1F7A4F;font-weight:600}
.header-search{display:flex;align-items:center;background:#F7FAF5;border:1px solid #E4EBE3;border-radius:99px;padding:4px 4px 4px 16px;flex:none}
.header-search .search-input{border:0;background:transparent;outline:0;width:150px;color:#1F2E26}
.header-search .search-submit{border:0;background:#2E9E6B;color:#fff;width:36px;height:36px;border-radius:99px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0}
.header-search .search-submit::before{content:"";width:15px;height:15px;border:2px solid #fff;border-radius:50%;position:relative;top:1px}
.header-search .search-submit::after{content:"";width:8px;height:2px;background:#fff;transform:rotate(45deg);position:relative;left:-4px;top:7px}
/* 移动端菜单（slicknav）：桌面隐藏，窄屏显示 */
#slick-mobile-menu .slicknav_menu{display:none}
#slick-mobile-menu .slicknav_btn{display:inline-flex;align-items:center;gap:8px;background:#2E9E6B;color:#fff;font-size:14px;font-weight:700;padding:9px 16px;border-radius:99px;cursor:pointer;line-height:1}
#slick-mobile-menu .slicknav_icon{width:14px;height:12px;position:relative;display:inline-block}
#slick-mobile-menu .slicknav_icon-bar{display:block;width:100%;height:2px;background:#fff;margin:2px 0;border-radius:2px}
#slick-mobile-menu .slicknav_nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #E4EBE3;box-shadow:0 18px 40px rgba(31,78,58,.14);padding:10px 14px 16px;z-index:99}
#slick-mobile-menu .slicknav_nav ul{list-style:none;margin:0;padding:0}
#slick-mobile-menu .slicknav_nav a{display:block;padding:10px 12px;color:#1F2E26;font-size:15px;border-radius:10px;font-weight:500}
#slick-mobile-menu .slicknav_nav a:hover{background:#E4F3EA;color:#1F7A4F}
#slick-mobile-menu .slicknav_nav .slicknav_open>a{color:#1F7A4F;font-weight:700}
#slick-mobile-menu .slicknav_nav .slicknav_arrow{float:right;font-size:12px}
#slick-mobile-menu .slicknav_nav ul ul a{padding-left:26px;font-size:14px}
@media (max-width:980px){
	#slick-mobile-menu .slicknav_menu{display:block}
	.main-nav{display:none}
}
.header-space{display:none}
/*--------------------------------------------------------------
3. 面包屑
--------------------------------------------------------------*/
.breadcrumb{font-size:13px;color:#7B8B82;padding:20px 0 0}
.breadcrumb a{color:#7B8B82}
.breadcrumb a:hover{color:#1F7A4F}
.single-breadcrumbs{font-size:13px;color:#7B8B82;background:#FFFFFF;border-bottom:1px solid #E4EBE3;padding:12px 0}
.single-breadcrumbs .container span{color:#B9C7BE}
.single-breadcrumbs a{color:#7B8B82}
.single-breadcrumbs a:hover{color:#1F7A4F}
/*--------------------------------------------------------------
4. 首页 Hero
--------------------------------------------------------------*/
.home-hero{margin:26px 0 34px}
.hero-in{background:linear-gradient(120deg,#EAF6EE 0%,#F3FBF5 45%,#FFF7E8 100%);border:1px solid #E2F0E6;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr}
.hero-copy{padding:34px 26px 26px;min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #DCEADF;color:#1F7A4F;font-size:13px;padding:5px 14px;border-radius:99px;margin-bottom:16px}
.eyebrow svg{flex:none}
.hero-copy h1{font-size:clamp(30px,5vw,48px);line-height:1.25;font-weight:900;color:#1F2E26}
.hero-copy h1 em{font-style:normal;color:#1F7A4F}
.hero-copy .hero-desc{color:#5C6E63;margin:12px 0 20px;max-width:480px;font-size:15px}
.hero-search{display:flex;background:#fff;border:1px solid #DFEBE1;border-radius:99px;padding:5px 5px 5px 20px;max-width:440px;box-shadow:0 6px 18px rgba(31,122,79,.08)}
.hero-search .search-input{border:0;outline:0;flex:1;min-width:0;color:#1F2E26;background:transparent}
.hero-search .search-submit{border:0;background:#2E9E6B;color:#fff;font-size:15px;padding:10px 22px;border-radius:99px;cursor:pointer;font-weight:700}
.hero-search .search-submit:hover{background:#1F7A4F}
.hero-tags{display:flex;gap:8px;margin-top:14px;align-items:center;flex-wrap:wrap}
.hero-tags .ht-label{font-size:13px;color:#7B8B82}
.hero-tags a{font-size:13px;background:#fff;border:1px solid #E2EBE1;color:#4A5B52;padding:3px 12px;border-radius:99px}
.hero-tags a:hover{background:#2E9E6B;border-color:#2E9E6B;color:#fff}
.hero-media{position:relative;min-height:240px;overflow:hidden;border-radius:20px}
.hero-media>.h-cap{position:absolute;left:16px;bottom:14px;background:rgba(31,46,38,.78);color:#fff;font-size:13px;padding:6px 14px;border-radius:99px;backdrop-filter:blur(4px)}
/* ---- Hero 右侧 3 图轮播（叠放 + 透明度切换，永不并排/溢出） ---- */
.hero-slider{position:absolute;inset:0}
.hs-track{position:absolute;inset:0}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;pointer-events:none;overflow:hidden}
.hs-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hs-slide a{display:block;position:absolute;inset:0}
.hs-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs-cap{position:absolute;left:16px;bottom:38px;max-width:calc(100% - 32px);background:rgba(31,46,38,.78);color:#fff;font-size:13px;padding:6px 14px;border-radius:99px;backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.hs-dot{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.7);cursor:pointer;transition:all .25s}
.hs-dot.is-active{background:#FFB84D;width:22px}
/*--------------------------------------------------------------
5. 栏目快捷导航
--------------------------------------------------------------*/
.cat-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:36px}
.cat-chip{background:#FFFFFF;border:1px solid #E4EBE3;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .2s}
.cat-chip:hover{border-color:#2E9E6B;transform:translateY(-2px);box-shadow:0 10px 30px rgba(31,78,58,.08)}
.cat-chip .c-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.cat-chip .c-ico svg{width:22px;height:22px}
.cat-chip .c-txt{min-width:0}
.cat-chip b{font-size:15px;display:block;line-height:1.3}
.cat-chip small{font-size:12px;color:#7B8B82}
/*--------------------------------------------------------------
6. 区块标题
--------------------------------------------------------------*/
.section-head{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}
.section-head h2{font-size:22px;font-weight:900;position:relative;padding-left:14px}
.section-head h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:linear-gradient(180deg,#34B579,#FFB84D)}
.section-head .more{margin-left:auto;font-size:14px;color:#7B8B82}
.section-head .more:hover{color:#1F7A4F}
/* ---- 首页栏目聚合区块 ---- */
.cat-section{margin-bottom:36px}
.cat-section .section-head h2{display:flex;align-items:center;gap:10px;padding-left:0}
.cat-section .section-head h2::before{display:none}
.cat-section .sh-ico{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.cat-section .sh-ico svg{width:19px;height:19px}
.cat-posts{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:600px){.cat-posts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.cat-posts{grid-template-columns:repeat(3,1fr)}}
/*--------------------------------------------------------------
7. 布局主体
--------------------------------------------------------------*/
.layout{display:grid;grid-template-columns:1fr;gap:30px;padding-bottom:50px}
.layout>*,.post-grid>*,.post-card,.post-card .body,.sidebar,.sidebar__inner{min-width:0}
.content-area{min-width:0}
/*--------------------------------------------------------------
8. 文章卡片
--------------------------------------------------------------*/
.post-grid,.content-list .posts-loop{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:14px}
.post-card{background:#FFFFFF;border:1px solid #E4EBE3;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .25s}
.post-card:hover{box-shadow:0 10px 30px rgba(31,78,58,.08);transform:translateY(-3px);border-color:#CFE3D4}
.post-card .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;background:#EAF3EC}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .thumb img{transform:scale(1.05)}
.post-card .thumb .cat{position:absolute !important;left:12px !important;top:12px !important;background:rgba(255,255,255,.94);color:#1F7A4F;font-size:12px;padding:3px 12px;border-radius:99px;font-weight:700;z-index:3}
.post-card .thumb .cat a{color:#1F7A4F}
.post-card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card h3.entry-title{font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card h3 a:hover{color:#1F7A4F}
.post-card .entry-summary{font-size:13.5px;color:#7B8B82;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card .entry-meta{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:12px;font-size:12.5px;color:#9AA9A0;margin-top:auto}
.post-card .entry-meta>*{flex:none}
.post-card .entry-meta a{color:#9AA9A0}
.post-card .entry-meta a:hover{color:#1F7A4F}
.post-card .entry-meta em{font-style:normal}
.post-card .entry-meta .flaticon-eye,.post-card .entry-meta .flaticon-chat-comment-oval-speech-bubble-with-text-lines{display:none}
.post-card .thumb-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#DDF1E4,#F6E8C8);display:flex;align-items:center;justify-content:center}
.post-card .thumb-placeholder svg{width:52px;height:52px;opacity:.55;fill:#7FB99A}
/*--------------------------------------------------------------
9. 侧边栏
--------------------------------------------------------------*/
.sidebar{display:flex;flex-direction:column;gap:24px}
.widget{background:#FFFFFF;border:1px solid #E4EBE3;border-radius:16px;padding:20px}
.widget-title{font-size:16px;font-weight:900;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.widget-title::before{content:"";width:5px;height:16px;border-radius:3px;background:#2E9E6B}
/* 侧栏缩略图文章（热门文章/热评文章/推荐文章） */
.widget_posts_thumbnail li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #E4EBE3}
.widget_posts_thumbnail li:last-child{border-bottom:0}
.widget_posts_thumbnail li.clear{clear:none}
.widget_posts_thumbnail .thumbnail-wrap{width:86px;height:58px;border-radius:10px;overflow:hidden;flex:none;background:#EAF3EC}
.widget_posts_thumbnail .thumbnail-wrap img{width:100%;height:100%;object-fit:cover}
.widget_posts_thumbnail .entry-wrap{min-width:0}
.widget_posts_thumbnail .entry-wrap>a{font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
.widget_posts_thumbnail .entry-wrap>a:hover{color:#1F7A4F}
.widget_posts_thumbnail .entry-wrap .entry-meta{display:block;font-size:12px;color:#A6B4AB;margin-top:3px}
.widget_posts_thumbnail .entry-wrap .entry-meta a{color:#A6B4AB}
/* 标签云 */
.widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.widget_tag_cloud .tagcloud a{font-size:13px !important;background:#F7FAF5;border:1px solid #E4EBE3;color:#56705F;padding:4px 12px;border-radius:99px;line-height:1.6;display:inline-block}
.widget_tag_cloud .tagcloud a:hover{background:#2E9E6B;border-color:#2E9E6B;color:#fff}
/* 侧栏搜索 */
.widget_search form{display:flex;background:#F7FAF5;border:1px solid #E4EBE3;border-radius:99px;padding:4px 4px 4px 16px}
.widget_search .search-input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:#1F2E26}
.widget_search .search-submit{border:0;background:#2E9E6B;color:#fff;font-size:14px;font-weight:700;padding:8px 18px;border-radius:99px;cursor:pointer}
.widget_search .search-submit:hover{background:#1F7A4F}
/*--------------------------------------------------------------
10. 栏目页
--------------------------------------------------------------*/
.cat-banner{margin:16px 0 26px;background:linear-gradient(120deg,#EAF6EE,#FFF7E8);border:1px solid #E2F0E6;border-radius:24px;padding:30px 28px;display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}
.cat-banner h1{font-size:clamp(26px,4vw,38px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-weight:900}
.cat-banner .cat-count{font-size:13px;color:#1F7A4F;background:#fff;border:1px solid #D8E8DB;padding:4px 14px;border-radius:99px;white-space:nowrap}
.cat-banner .cat-desc{width:100%;color:#5C6E63;font-size:14.5px;max-width:640px}
.cat-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.cat-filter a{font-size:13px;border:1px solid #E4EBE3;color:#56705F;padding:5px 16px;border-radius:99px;background:#fff}
.cat-filter a.on,.cat-filter a:hover{border-color:#2E9E6B;background:#2E9E6B;color:#fff}
/*--------------------------------------------------------------
11. 分页
--------------------------------------------------------------*/
.pagination{margin:26px 0 8px}
.pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#FFFFFF;border:1px solid #E4EBE3;font-size:14px}
.pagination .page-numbers.current{background:#2E9E6B;border-color:#2E9E6B;color:#fff;font-weight:700}
.pagination .page-numbers:hover{background:#E4F3EA;border-color:#2E9E6B;color:#1F7A4F}
.pagination .page-numbers.current:hover{background:#2E9E6B;color:#fff}
/*--------------------------------------------------------------
12. 文章详情页
--------------------------------------------------------------*/
.post-main{background:#FFFFFF;border:1px solid #E4EBE3;border-radius:20px;padding:clamp(22px,4vw,44px);margin-bottom:26px}
.p-cat{display:inline-block;background:#E4F3EA;color:#1F7A4F;font-size:13px;font-weight:700;padding:4px 14px;border-radius:99px;margin-bottom:14px}
.p-head h1.entry-title{font-size:clamp(24px,4vw,34px);line-height:1.4;margin-bottom:14px;font-weight:900}
.p-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#7B8B82;padding-bottom:18px;border-bottom:1px solid #E4EBE3;margin-bottom:22px}
.p-meta b{color:#1F2E26;font-weight:500}
.p-meta em{font-style:normal}
.p-meta a{color:#7B8B82}
.p-meta a:hover{color:#1F7A4F}
.p-meta .flaticon-eye,.p-meta .flaticon-chat-comment-oval-speech-bubble-with-text-lines{display:none}
/* 点赞按钮（simple-likes） */
.sl-loader{display:none}
.entry-meta .sl-wrapper a{color:#9AA9A0;font-size:12.5px}
.entry-meta .sl-wrapper a:hover{color:#1F7A4F}
.entry-meta .sl-wrapper a.liked{color:#2E9E6B}
.p-meta .sl-wrapper a{color:#7B8B82;font-size:13px}
.p-meta .sl-wrapper a.liked{color:#2E9E6B}
.sl-count em{font-style:normal}
.p-cover{border-radius:14px;overflow:hidden;margin-bottom:24px}
.p-cover img{width:100%;max-height:430px;object-fit:cover}
.entry-content{font-size:16px;line-height:1.95}
.entry-content p{margin-bottom:1.1em}
.entry-content h2,.entry-content h3{font-size:21px;font-weight:900;margin:1.5em 0 .7em;padding-left:13px;position:relative}
.entry-content h2::before,.entry-content h3::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:3px;background:linear-gradient(180deg,#34B579,#FFB84D)}
.entry-content blockquote{background:#E4F3EA;border-left:4px solid #2E9E6B;border-radius:0 12px 12px 0;padding:14px 18px;margin:1.2em 0;color:#3C5547;font-size:15px}
.entry-content ul,.entry-content ol{margin:1em 0;padding-left:1.4em}
.entry-content li{margin-bottom:.4em;list-style:disc}
.entry-content ol li{list-style:decimal}
.entry-content img{border-radius:12px}
.entry-content a{color:#1F7A4F;text-decoration:underline}
.entry-content .tip,.single-excerpt{background:#FFF3DC;border:1px solid #F3DFAF;border-radius:12px;padding:14px 18px;margin:1.2em 0;font-size:14.5px}
.page-links{margin:1.2em 0;display:flex;gap:8px;flex-wrap:wrap}
.page-links span{border:1px solid #E4EBE3;border-radius:8px;padding:4px 12px}
.p-tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 0;padding-top:18px;border-top:1px solid #E4EBE3;align-items:center}
.p-tags .tag-label{font-size:13px;color:#7B8B82}
.p-tags a{font-size:13px;background:#F7FAF5;border:1px solid #E4EBE3;color:#56705F;padding:4px 13px;border-radius:99px}
.p-tags a:hover{background:#2E9E6B;border-color:#2E9E6B;color:#fff}
.entry-footer{display:flex;align-items:center;gap:14px;margin:22px 0 0}
.entry-footer .entry-like a{display:inline-flex;align-items:center;gap:6px;background:#F7FAF5;border:1px solid #E4EBE3;color:#56705F;font-size:13px;padding:6px 16px;border-radius:99px}
.entry-footer .entry-like a:hover{border-color:#2E9E6B;color:#1F7A4F}
.entry-footer .entry-like a.liked{color:#2E9E6B}
.entry-footer .entry-sponsor span{display:inline-flex;align-items:center;gap:6px;background:#FFF3DC;border:1px solid #F3DFAF;color:#A06B12;font-size:13px;padding:6px 16px;border-radius:99px;cursor:pointer}
/* 打赏弹窗 */
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(31,46,38,.55)}
.modal-content{background:#fff;border-radius:18px;max-width:420px;margin:12vh auto;padding:28px;position:relative}
.modal-content h3{font-size:17px;margin-bottom:18px;text-align:center}
.modal-content .ht_grid_1_2_custom{display:inline-block;width:46%;text-align:center;font-size:13px;color:#7B8B82}
.modal-content img{border-radius:10px;margin:0 auto 8px}
.modal-content .close{position:absolute;right:14px;top:10px;font-size:24px;cursor:pointer;color:#9AA9A0}
/* 作者框 */
.p-author{display:flex;gap:14px;align-items:center;background:#F7FAF5;border:1px solid #E4EBE3;border-radius:14px;padding:16px 20px;margin:24px 0 0}
.p-author img.avatar{width:46px;height:46px;border-radius:50%;flex:none}
.p-author .author-name{font-size:14px;font-weight:700}
.p-author .author-desc{font-size:12.5px;color:#7B8B82}
/* 上一篇下一篇 */
.post-nav{display:grid;grid-template-columns:1fr;gap:10px;margin:26px 0}
.post-nav a{background:#F7FAF5;border:1px solid #E4EBE3;border-radius:12px;padding:12px 16px;font-size:14px;color:#4A5B52;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-nav a:hover{border-color:#2E9E6B;color:#1F7A4F}
.post-nav a small{display:block;font-size:12px;color:#A6B4AB;margin-bottom:2px}
.post-nav-previous,.post-nav-next{min-width:0}
/* 相关推荐 */
.related-title{font-size:19px;font-weight:900;margin:8px 0 16px;display:flex;align-items:center;gap:8px}
.related-title::before{content:"";width:5px;height:16px;border-radius:3px;background:#2E9E6B}
/*--------------------------------------------------------------
13. 评论
--------------------------------------------------------------*/
.comments-area{background:#FFFFFF;border:1px solid #E4EBE3;border-radius:20px;padding:26px;margin-bottom:26px}
.comments-title{font-size:18px;font-weight:900;margin-bottom:16px}
.comment-list>li{padding:16px 0;border-bottom:1px dashed #E4EBE3}
.comment-list .comment-body{padding-left:56px;position:relative}
.comment-list .avatar{width:42px;height:42px;border-radius:50%;position:absolute;left:0;top:4px}
.comment-list .fn{font-size:14px;font-weight:700;font-style:normal}
.comment-list .comment-metadata{font-size:12px;color:#A6B4AB;margin:2px 0 6px}
.comment-list .comment-content{font-size:14px;color:#4A5B52}
.comment-list .reply a{font-size:13px;color:#7B8B82}
.comment-list .reply a:hover{color:#1F7A4F}
.comment-list .children{margin-top:14px;padding-left:0}
.comment-list .children .comment-body{margin-left:0}
.no-comments{color:#9AA9A0;font-size:14px}
#respond .comment-form label{display:block;font-size:14px;font-weight:700;margin:14px 0 6px}
#respond .comment-form input[type=text],#respond .comment-form input[type=email],#respond .comment-form input[type=url],#respond .comment-form textarea{width:100%;border:1px solid #E4EBE3;border-radius:12px;padding:12px 14px;background:#F7FAF5;outline:0;resize:vertical}
#respond .comment-form textarea{min-height:100px}
#respond .comment-form input:focus,#respond .comment-form textarea:focus{border-color:#2E9E6B}
#respond .comment-form .submit{display:inline-block;border:0;background:#2E9E6B;color:#fff;font-size:14px;font-weight:700;padding:10px 28px;border-radius:99px;cursor:pointer;margin-top:10px}
#respond .comment-form .submit:hover{background:#1F7A4F}
#respond .comment-notes,#respond .logged-in-as{font-size:12.5px;color:#9AA9A0}
/*--------------------------------------------------------------
14. 页脚
--------------------------------------------------------------*/
.site-footer{background:#17301F;color:#B9CDBF;margin-top:10px}
/* 页脚前友情链接 */
.friend-links-box{background:#F1F7F2;border-top:1px solid #E3EDE6}
.friend-links-inner{max-width:1180px;margin:0 auto;padding:18px 20px;display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.friend-links-title{flex:none;font-size:14px;font-weight:700;color:#1F7A4F;margin-top:2px}
.friend-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.friend-links a{font-size:13px;color:#5C6E63}
.friend-links a:hover{color:#1F7A4F}
.footer-main{max-width:1180px;margin:0 auto;padding:44px 20px 30px;display:grid;grid-template-columns:1fr;gap:28px}
.footer-main h4{color:#fff;font-size:15px;margin-bottom:12px}
.footer-main a{color:#B9CDBF;font-size:13.5px;display:inline-block;margin:0 14px 8px 0}
.footer-main a:hover{color:#9FE3C3}
/* 底部栏目导航：横向排列，自动换行 */
.site-footer #footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.site-footer #footer-menu li{line-height:1.4}
.site-footer #footer-menu a{margin:0;font-size:13.5px}
.site-footer #footer-menu a:hover{color:#9FE3C3}
.footer-about p{font-size:13.5px;line-height:1.9;color:#93AC9B}
.footer-brand{font-size:20px;font-weight:900;color:#fff;margin-bottom:10px}
.footer-brand span{color:#6FE0AC}
.footer-bottom{border-top:1px solid #2E4A3A;font-size:12.5px;color:#7C957F}
.footer-bottom-in{max-width:1180px;margin:0 auto;padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
/*--------------------------------------------------------------
15. 右下角悬浮
--------------------------------------------------------------*/
.bottom-right{position:fixed;right:14px;bottom:80px;z-index:200;display:flex;flex-direction:column;gap:10px}
.bottom-right .bottom-icon{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #E4EBE3;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(31,78,58,.1);cursor:pointer;overflow:hidden}
.bottom-right .bottom-icon a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.bottom-right .bottom-icon .icon{color:#2E9E6B;font-size:16px}
.bottom-right .bottom-icon .text{display:none}
.bottom-right .bottom-icon:hover{background:#2E9E6B}
.bottom-right .bottom-icon:hover .icon{color:#fff}
.bottom-right .tooltip{position:relative}
.bottom-right .left-space{display:none}
/*--------------------------------------------------------------
16. 通用小工具与旧组件兜底
--------------------------------------------------------------*/
.archive-title{font-size:22px;font-weight:900;margin:20px 0;padding-left:13px;position:relative}
.archive-title::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:#2E9E6B}
.breadcrumbs{font-size:13px;color:#7B8B82;padding:20px 0 0}
.page-title{font-size:22px;font-weight:900;margin:20px 0;padding-left:13px;position:relative}
.page-title::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:#2E9E6B}
/* 右侧悬浮广告位（single-right-ad）：跟随滚动，到页脚前停止，不遮页脚 */
.single-right-ad{position:static;width:auto;margin:0 0 24px;display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:700px){.single-right-ad{grid-template-columns:repeat(2,1fr)}}
.single-right-ad .widget{background:#FFFFFF;border:1px solid #E4EBE3;border-radius:16px;padding:18px;margin-bottom:16px}
.single-right-ad .widget .widget-title{font-size:15px;font-weight:900;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.single-right-ad .widget .widget-title::before{content:"";width:5px;height:14px;border-radius:3px;background:#2E9E6B}
.single-right-ad .widget img{border-radius:10px}
.single-right-ad .widget_posts_thumbnail li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed #E4EBE3}
.single-right-ad .widget_posts_thumbnail li:last-child{border-bottom:0}
.single-right-ad .widget_posts_thumbnail .thumbnail-wrap{width:80px;height:54px;border-radius:8px;overflow:hidden;flex:none;background:#EAF3EC}
.single-right-ad .widget_posts_thumbnail .thumbnail-wrap img{width:100%;height:100%;object-fit:cover}
.single-right-ad .widget_posts_thumbnail .entry-wrap>a{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:#1F2E26}
.single-right-ad .widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:6px}
.single-right-ad .widget_tag_cloud .tagcloud a{font-size:12.5px !important;background:#F7FAF5;border:1px solid #E4EBE3;color:#56705F;padding:3px 11px;border-radius:99px;line-height:1.6;display:inline-block}
.single-right-ad .widget_tag_cloud .tagcloud a:hover{background:#2E9E6B;border-color:#2E9E6B;color:#fff}
@media (max-width:1279px){.single-right-ad{display:none}}
.entry-content table{width:100%;border-collapse:collapse;margin:1em 0}
.entry-content table td,.entry-content table th{border:1px solid #E4EBE3;padding:8px 12px}
/*--------------------------------------------------------------
17. 响应式
--------------------------------------------------------------*/
@media (min-width:600px){
  .cat-chips{grid-template-columns:repeat(3,1fr)}
  .post-grid,.content-list .posts-loop{grid-template-columns:repeat(2,1fr)}
  .post-nav{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .hero-in{grid-template-columns:1.05fr .95fr}
  .layout{grid-template-columns:minmax(0,1fr) 320px}
  .cat-chips{grid-template-columns:repeat(4,1fr)}
  .post-grid,.content-list .posts-loop{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:1.4fr 1fr 1fr}
}
@media (max-width:899px){
  .main-nav{order:3;flex-basis:100%}
  .site-header-in{gap:14px}
  .header-search{order:2}
  .logo{margin-right:auto}
}