/* responsive map */
.ct-map { width: 100%; height:500px; border-radius: 30px; }

.stk--has-background-overlay:before {
	border-radius: inherit;
}

/* 强制博客卡片标题对齐为 2 行 */
.entry-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    min-height: 2.4em; /* 确保标题哪怕只有 1 行，也占 2 行的高度 */
}

/* 修改摘要：将行数限制从 2 改为 4 或更多 */
.entry-summary p {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 这里改为 4 行或 5 行 */
    -webkit-box-orient: vertical;  
    overflow: hidden;
    min-height: 6em; /* 对应调大高度以保持卡片对齐 */
}

/* 标题平时为纯黑色 */
.entry-title a {
    color: #000000 !important;
    transition: color 0.3s ease; /* 让颜色变化更平滑 */
}

/* 鼠标悬停时变成您图中那样的粉红色/淡红色 */
.entry-title a:hover {
    color: #ff8a8a !important; /* 您可以根据喜好调整这个色值 */
    text-decoration: none; /* 如果不想要下划线可以加这句 */
}

/* 1. 标签平时状态：浅灰色背景，黑色文字 */
.entry-card .yoast-field-group, 
.entry-card [class*="category"] a {
    background-color: #f2f2f2 !important; /* 浅灰色背景 */
    color: #000000 !important;             /* 黑色文字 */
    border-radius: 4px;                   /* 圆角 */
    padding: 2px 8px;                     /* 内边距 */
    transition: all 0.3s ease;            /* 平滑过渡 */
}

/* 2. 标签悬停状态：背景不变，文字变成和标题一样的变色效果 */
.entry-card .yoast-field-group:hover, 
.entry-card [class*="category"] a:hover {
    color: #ff8a8a !important;             /* 这里设为和标题悬停一样的颜色 */
    background-color: #e5e5e5 !important; /* 悬停时背景稍深一点点 */
}

.entry-title a:hover {
    color: #ff8a8a !important; /* 这里的颜色建议与标签悬停颜色保持一致 */
}

/* 移除卡片内部元素的宽度限制 */
.entry-card .entry-summary, 
.entry-card .entry-title {
    max-width: 100% !important; /* 强制占满可用宽度 */
    width: 100% !important;
}

/* 调整摘要文字排列，填补空隙 */
.entry-summary p {
    text-align: justify; /* 两端对齐，消除右侧参差不齐的空白 */
    text-justify: inter-word;
}

/* 1. 强制摘要恢复正常大小写，并解决右侧留白 */
.entry-summary, 
.entry-summary p {
    text-transform: none !important; /* 强制取消大写 */
    text-align: justify;             /* 文本两端对齐，填补右侧空缺 */
    max-width: 100% !important;      /* 确保内容区域不被限窄 */
    width: 100% !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;           /* 设置显示 4 行，增加字数感 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 2. 标签样式：去红底、改浅灰、平时黑字 */
.entry-card [class*="category"] a {
    background-color: #f2f2f2 !important; /* 浅灰色背景 */
    color: #000000 !important;             /* 平时文字黑色 */
    padding: 3px 10px !important;
    border-radius: 4px !important;
    text-transform: none !important;      /* 确保标签也不是全大写 */
    transition: all 0.3s ease;
}

/* 3. 悬停效果：标签和标题统一变粉红色 #ff8a8a */
.entry-card [class*="category"] a:hover,
.entry-title a:hover {
    color: #ff8a8a !important;             /* 悬停变色效果 */
    background-color: #e5e5e5 !important; /* 标签悬停背景略深 */
}

/* 4. 标题平时状态：纯黑色 */
.entry-title a {
    color: #000000 !important;             /* 标题平时颜色 */
}

/* 强制所有卡片摘要恢复原始大小写，并解决留白问题 */
.entry-card .entry-summary, 
.entry-card .entry-summary p,
.entry-card .entry-excerpt {
    text-transform: none !important; /* 彻底禁用大写转换 */
    text-align: justify !important;   /* 文字两端对齐，填补右侧留白 */
    width: 100% !important;
    display: block !important;
}

/* 相关文章卡片 */
.ct-related-posts article {
    position: relative !important;
    padding-bottom: 40px !important;
}

/* 标题最多两行 */
.ct-related-posts .entry-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 52px !important;
    line-height: 1.4 !important;
}

/* 日期固定到底部 */
.ct-related-posts .entry-meta {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

/* 隐藏编辑按钮 */
.post-edit-link,
.edit-post-link,
.ct-edit-link,
.entry-meta .edit-link {
    display: none !important;
}

.blog-filter{
display:flex;
gap:14px;
flex-wrap:wrap;
align-items:center;
margin:20px 0 25px;
padding:10px 0;
border-bottom:1px solid #eee;
}

.blog-filter a{
font-size:13px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.6px;
text-decoration:none;
color:#222;
padding:6px 10px;
border-radius:6px;
transition:.2s ease;
}

.blog-filter a:hover{
background:#f5f5f5;
color:#e63946;
}

.blog-filter a.active{
background:#111;
color:#fff;
}

@media(max-width:768px){

.blog-filter{
overflow-x:auto;
white-space:nowrap;
flex-wrap:nowrap;
}

.blog-filter a{
flex:0 0 auto;
}

}

/* 强制移除 Best of 页面分类方块中的文字超链接下划线 */
.page-id-909 a,
.wp-block-columns a,
.wp-block-stackable-column a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 隐藏分类目录顶部的描述文本 */
.archive .term-description, 
.category .page-description {
    display: none !important;
}

/* 只针对 BEST OF 下属分类页面：隐藏面包屑中的 BLOG 和多余的箭头 */
.category-best-of-dildos .rank-math-breadcrumb a[href*="/blog/"],
.category-best-of-dildos .rank-math-breadcrumb a[href*="/blog/"] + .separator,
.category-best-of .rank-math-breadcrumb a[href*="/blog/"],
.category-best-of .rank-math-breadcrumb a[href*="/blog/"] + .separator,
[class*="category-best-of-"] .rank-math-breadcrumb a[href*="/blog/"],
[class*="category-best-of-"] .rank-math-breadcrumb a[href*="/blog/"] + .separator {
    display: none !important;
}

/* 只针对 BEST OF 下属分类页面：强制标题和面包屑靠左对齐 */
.category-best-of .page-title,
.category-best-of .hero-section,
[class*="category-best-of-"] .page-title,
[class*="category-best-of-"] .hero-section {
    text-align: left !important;
    align-items: flex-start !important;
}