/* ———— 仅主页生效的样式 ———— */
/* ———— 主页 + 归档页 + 搜索页 + 用户中心：共用导航栏样式（透明+悬浮） ———— */
.home .site-header,
body.archive .site-header,
body.search .site-header,
body.page-id-5 .site-header {
    background: transparent !important; /* 统一透明背景 */
    position: absolute !important; /* 绝对定位悬浮 */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important; /* 最高层级 */
    box-shadow: none !important;
}

/* ———— 搜索页面无内容时：导航栏样式（黑灰渐变背景） ———— */
body.search-no-results .site-header {
    background: linear-gradient(to right, #2A323F, #5A5A5A) !important; /* 黑灰渐变背景 */
    position: absolute !important; /* 绝对定位悬浮 */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important; /* 最高层级 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 轻微阴影 */
}

/* ———— 主页 + 归档页 + 搜索页 + 用户中心：背景容器适配（上移+内边距） ———— */
.home .home-filter--content,
body.archive .term-bar,
body.search .term-bar,
body.page-id-5 .term-bar {
    margin-top: -80px !important; /* 向上移动适配导航 */
    background-position: top center !important;
}
.home .home-filter--content {
    padding: 200px 0 130px !important; /* 主页专用内边距 */
}
body.archive .term-bar,
body.search .term-bar,
body.page-id-5 .term-bar {
    padding-top: 120px !important; /* 归档/搜索/用户中心 共用顶部内边距 */
}

/* ———— 主页 + 归档页 + 搜索页 + 用户中心：导航文字样式（白色+阴影） ———— */
.home .nav-list > li > a,
body.archive .nav-list > li > a,
body.search .nav-list > li > a,
body.page-id-5 .nav-list > li > a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* ———— 搜索页面无内容时：导航文字样式（白色+阴影） ———— */
body.search-no-results .nav-list > li > a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* ———— 其他非四类页面（排除主页/归档/搜索/用户中心）：渐变背景 ———— */
/* 关键修改：新增:not(.page-id-5)，排除用户中心 */
body:not(.home):not(.archive):not(.search):not(.page-id-5) .site-header {
    background: linear-gradient(to right, #2A323F, #5A5A5A) !important;
    position: relative !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* 导航文字样式同步排除用户中心 */
body:not(.home):not(.archive):not(.search):not(.page-id-5) .nav-list > li > a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* ———— 其他独立样式 ———— */
input.search-field {
    color: #CC7700 !important; /* 搜索框文字颜色 */
}

/* 下载页价格信息渐变（覆盖 app.css） */
.widget-pay .pay--rateinfo {
    background: linear-gradient(135deg, #ff3d00, #ff9100) !important; /* 红配橙 */
    color: #ffffff !important;
}
/* 深色模式覆盖 */
.ripro-dark .widget-pay .pay--rateinfo {
    background: linear-gradient(135deg, #ff512f, #f09819) !important;
}
/* ———— 归档页 + 搜索页 + 用户中心：.header-gap 生效（60px） ———— */
/* 关键修改：新增body.page-id-5，让用户中心和归档/搜索页保持一致 */
body.archive .header-gap,
body.search .header-gap,
body.page-id-5 .header-gap {
    height: 60px !important;
}

/* ———— 其他页面（排除归档/搜索/用户中心）：.header-gap 隐藏 ———— */
/* 关键修改：新增:not(.page-id-5)，排除用户中心 */
body:not(.archive):not(.search):not(.page-id-5) .header-gap {
    height: 0px !important;
}

.filter--content {
    margin-top: 0px !important;
    padding: 5px !important;
    border:#ffffff;
}


.term-bar .term-title {
    line-height: 1.5; /* 调整文字行高，垂直方向更舒展 */
    margin: 0; /* 清除默认外边距，避免错位 */
}

/* 使同时包含 col-md-4 和 col-sm-4 类的元素文字为白色 */
.col-md-4.col-sm-4 {
    color: #ffffff !important;
}

/* 面包屑容器：渐变背景+定位参考 */
.breadcrumbs {
  background: linear-gradient(to right, #0c43e9, #4684ff) !important; /* 深蓝→浅蓝渐变，科技感拉满 */
  color: #ffffff !important; /* 白色文字，与蓝色对比清晰 */
  padding: 35px 15px 35px; /* 内边距更舒展 */
  margin-bottom:0px !important;
  position: relative !important; /* 为波浪SVG提供定位参考 */
  overflow: hidden !important; /* 隐藏超出容器的波浪 */
}

/* 极小密集波浪：纯白色不透明 */
.breadcrumbs::before {
  content: "";
  position: absolute;
  bottom: 0; /* 靠底部对齐 */
  left: 0;
  width: 200%; /* 双倍宽度，无缝滚动 */
  height: 14px; /* 波浪高度（极小，仅8px） */
  /* 极小密集波浪SVG：每个单元宽10px，波峰仅3px，纯白色不透明 */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 10' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,5L10,7C20,9,40,11,60,8C80,5,100,0,120,2C140,4,160,10,180,9C200,8,220,2,240,1C260,0,280,4,300,5C320,6,340,5,360,3C380,1,400,0,420,2C440,4,460,10,480,9C500,8,520,2,540,1C560,0,580,4,600,5C620,6,640,5,660,3C680,1,700,0,720,2C740,4,760,10,780,9C800,8,820,2,840,1C860,0,880,4,900,5C920,6,940,5,960,3C980,1,1000,0,1020,2C1040,4,1060,10,1080,9C1100,8,1120,2,1140,1C1160,0,1180,4,1200,5L1200,10L1180,10C1160,10,1140,10,1120,10C1100,10,1080,10,1060,10C1040,10,1020,10,1000,10C980,10,960,10,940,10C920,10,900,10,880,10C860,10,840,10,820,10C800,10,780,10,760,10C740,10,720,10,700,10C680,10,660,10,640,10C620,10,600,10,580,10C560,10,540,10,520,10C500,10,480,10,460,10C440,10,420,10,400,10C380,10,360,10,340,10C320,10,300,10,280,10C260,10,240,10,220,10C200,10,180,10,160,10C140,10,120,10,100,10C80,10,60,10,40,10C20,10,10,10,0,10Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
  animation: tinyWaveScroll 20s linear infinite; /* 6秒快速循环，匹配密集节奏 */
  z-index: 1;
}

/* 极小波浪滚动动画 */
@keyframes tinyWaveScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* 无缝滚动 */
}


/* 面包屑链接：白色 + hover 透明效果 */
.breadcrumbs a {
  color: #ffffff !important;
  text-decoration: none;
  transition: all 0.2s ease;
}
.breadcrumbs a:hover {
  text-shadow: 0 0 3px rgba(255,255,255,0.8); /* hover时轻微发光，增强交互 */
}
.breadcrumbs span, .breadcrumbs a {
  position: relative;
  z-index: 2;
}

.site-content {
    position: relative !important;
    padding-top: 50px;/* 强制生效，避免被主题样式覆盖 */
}

/* 主页菜单下拉半透明效果 */
.mega-menu {
    background-color: rgba(239, 239, 239, 0.7) !important; /* 半透明背景（保持之前的设置） */
    border-radius: 20px !important; /* 圆角半径，数值越大圆角越明显（可改10px、12px等） */
    /* 可选：若有边框，可加 border: 1px solid #ddd; 让圆角更清晰 */
}

/* 热门搜索容器：基础样式 + 动态宽度计算 */
.popular-searches {
    /* 基础宽度：随1449px/1229px/991px断点递减 */
    max-width: calc(850px - (144px * (
        (100vw <= 1449px ? 1 : 0) + 
        (100vw <= 1229px ? 1 : 0) + 
        (100vw <= 991px ? 1 : 0)
    )));
    width: 100%;
    margin: 10px auto 0; /* 整体居中 */
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; /* 内容居中 */
    gap: 10px;
    overflow: hidden; /* 右侧溢出隐藏 */
}

/* 标题与列表基础样式（保留） */
.popular-searches h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0; /* 左侧不收缩 */
}

.popular-searches ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 13px;
}

.popular-searches li {
    margin: 0;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0; /* 列表项不收缩 */
}

/* 搜索框样式（保留） */
.form-box.search-properties {
    padding: 10px !important;
}

.home-filter--content .form-box{
    margin-bottom:0px;
}

/* 文字颜色（保留） */
.popular-searches h4,
.popular-searches li,
.popular-searches a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.popular-searches a:hover {
    color: rgba(236, 147, 212, 0.9) !important;
}

/* 原有断点规则（1449px/1229px/991px） */
@media (max-width: 1449px) {
    .popular-searches ul li:nth-child(n+9) { display: none; } /* 保留前8项 */
}
@media (max-width: 1229px) {
    .popular-searches ul li:nth-child(n+7) { display: none; } /* 保留前6项 */
}
@media (max-width: 991px) {
    .popular-searches ul li:nth-child(n+5) { display: none; } /* 保留前4项 */
}

/* 768px断点：宽度625px（基础值） */
@media (max-width: 768px) {
    .popular-searches {
        max-width: calc(850px - 144px*3 + 207px); /* 418 + 207 = 625px（上一个数字） */
    }
    .popular-searches ul li:nth-child(n+4) { display: none; } /* 保留前3项 */
}

/* 修正：767px断点 - 在768px基础上增加294px */
@media (max-width: 767px) {
    .popular-searches {
        max-width: calc(625px + 294px); /* 625（768px宽度） + 294 = 919px */
    }
    .popular-searches ul li:nth-child(n+5) { display: none; } /* 适配919px宽度，保留前4项 */
}

/* 573px断点 - 在767px基础上减去312px */
@media (max-width: 573px) {
    .popular-searches {
        max-width: calc(919px - 312px); /* 919（767px宽度） - 312 = 607px */
    }
    .popular-searches ul li:nth-child(n+3) { display: none; } /* 适配607px宽度，保留前2项 */
}

/* 已删除480px断点内容 */


/* 搜索框样式，添加到您的主题样式表中 */
/* 1. <ul>容器：Flex布局，支持换行（小屏幕自动调整） */ 
.filter-tag {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    position: relative; /* 为绝对定位的搜索框提供参考 */
}

/* 2. 分类标题样式 */
.filter-tag-title {
    font-weight: bold;
    flex-shrink: 0;
}

/* 3. 搜索框容器 - 使用绝对定位固定在右侧 */
.search-box-li {
    position: absolute;
    right: 0;
    top: -4px; /* 下移14px */
    width: 200px; /* 固定宽度 */
    z-index: 10; /* 确保在其他元素上方 */
}

/* 4. 搜索表单样式 */
.search-box-li form {
    position: relative;
    display: flex;
    width: 100%;
}

/* 5. 搜索输入框样式 */
.search-box-li .form-control {
    height: 32px;
    padding: 5px 40px 5px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

/* 6. 搜索按钮样式 */
.search-box-li .search-btn {
    position: absolute;
    right: 8px;
    top: 4px;
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* 7. 搜索按钮图标 */
.search-box-li .search-btn:before {
    content: "\F349";
    font-family: "Material Design Icons";
    font-size: 16px;
    color: #666;
}

/* 8. 确保其他分类项不会被搜索框覆盖 */
.filter-tag li:not(.search-box-li) {
    margin-right: 10px;
}

/* 9. 响应式调整 - 在小屏幕上重新排列 */
@media (max-width: 1230px) {
    .filter-tag {
        padding-right: 0; /* 移除右侧padding */
    }
    
    .search-box-li {
        position: relative; /* 取消绝对定位 */
        right: auto;
        top: auto;
        width: 100%; /* 占满一行 */
        margin-top: 10px; /* 添加顶部间距 */
        margin-bottom: 5px; /* 添加底部间距 */
        margin-top: 10px !important; /* 强制下移15px（比之前稍大，更明显） */
    }
}
/* 取消旧的 1230px 隐藏菜单项规则（不再根据此断点隐藏） */

/* ====== 响应式主菜单自适应优化：990px 下菜单仍一行显示 ====== */
.navbar .nav-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.navbar .nav-list::-webkit-scrollbar {
    display: none;
}

.navbar .nav-list > li {
    flex: 0 0 auto !important;
    min-width: 80px;
    text-align: center;
    margin: 0 8px;
}

/* 取消 1230/992 的字体与间距断点，使用统一样式 */

/* 删除“恢复最后菜单项”的断点（直接统一展示） */

/* ====== 导航可见性规则：≥768px 显示，<768px 隐藏 ====== */
@media (min-width:768px) and (max-width:991px) {
  .hidden-md { display: block !important; }
  .main-menu { display: block !important; }
}
@media (max-width:767px) {
  .main-menu { display: none !important; }
}

/* 始终保持主菜单单行，可横向滚动（在任意宽度下保持结构） */
.navbar .nav-list { flex-wrap: nowrap !important; overflow-x: auto !important; white-space: nowrap !important; }
.navbar .nav-list > li { flex: 0 0 auto !important; }

.module.parallax {
  background-color: #007bff !important; /* 蓝色色值，可替换为你想要的蓝色（如 #4285f4、#0d6efd 等）；!important 用于强制覆盖原有样式 */
}
/* 让文章里的红色标题向上顶20，不紧贴视频 */
.article-content p {
  margin-top: 20px; /* 调整数值可改变空隙大小 */
}

/* H2 标题美化增强版 - 渐变背景 + 加粗蓝色竖线 */
.single-post .u-text-format h2 { /* 选择器调整为更精准的范围 */
  background: linear-gradient(to right, #f5f5f5, #ffffff);
  padding: 12px 18px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 22px;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  border: 1px solid #eaeaea;
}

/* 竖线伪元素选择器同步调整，确保关联 */
.single-post .u-text-format h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px; /* 更粗的蓝色竖线 */
  background: linear-gradient(to bottom, #3498db, #2980b9); /* 蓝色渐变 */
  border-radius: 5px 0 0 5px;
  border-left: none !important; /* 覆盖默认边框的选择器也可更精准（可选） */
}

/* 鼠标悬停效果选择器同步调整 */
.single-post .u-text-format h2:hover {
  background: linear-gradient(to right, #f0f0f0, #f8f8f8);
}

/* ========== 超级漂亮的文章标签样式（扁平化版本） ========== */
.entry-media {
  position: relative;
}

.post-badge,
.entry-badge {
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-block;
  padding: 3px 12px;
  font-size: 11px;
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
  border-radius: 12px;
  z-index: 10;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
  border: 2px solid rgba(255,255,255,0.9);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  animation: badge-enter 0.5s ease-out;
  overflow: hidden; /* 关键：防止闪光跑到外面 */
}

/* 鼠标悬停效果 - 扁平化风格 */
.post-grid:hover .entry-badge,
.post-list:hover .entry-badge {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  border-color: #fff;
}

/* 标签闪光动画效果 - 只在内部 */
.entry-badge::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.4) 50%,
    transparent 100%
  );
  animation: badge-shine 3s ease-in-out infinite;
  pointer-events: none;
}

/* 按类型配色 - 扁平化渐变色 + 白色描边 */
/* 独家 - 炫酷红色渐变 */
.badge-exclusive { 
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
}
.post-grid:hover .badge-exclusive,
.post-list:hover .badge-exclusive {
  box-shadow: 0 4px 12px rgba(238, 90, 111, 0.5);
}

/* 推荐 - 清新绿色渐变 */
.badge-recommend { 
  background: linear-gradient(135deg, #ff0000 0%, #f400fd 100%);
}
.post-grid:hover .badge-recommend,
.post-list:hover .badge-recommend {
  box-shadow: 0 4px 12px rgba(56, 239, 125, 0.5);
}

/* 精品 - 橙红渐变（图片风格） */
.badge-quality { 
  background: linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);
}
.post-grid:hover .badge-quality,
.post-list:hover .badge-quality {
  box-shadow: 0 4px 12px rgba(255, 106, 0, 0.5);
}

/* 最新 - 科技蓝色渐变 */
.badge-new { 
  background: linear-gradient(135deg, #667eea 0%, #4c84f3 100%);
}
.post-grid:hover .badge-new,
.post-list:hover .badge-new {
  box-shadow: 0 4px 12px rgba(76, 132, 243, 0.5);
}

/* 3A大作 - 金色渐变 */
.badge-aaa { 
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.post-grid:hover .badge-aaa,
.post-list:hover .badge-aaa {
  box-shadow: 0 4px 12px rgba(250, 112, 154, 0.5);
}

/* 标签入场动画 */
@keyframes badge-enter {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(-10px);
  }
  50% {
    transform: scale(1.1) translateY(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* 闪光动画 - 只在内部从左到右 */
@keyframes badge-shine {
  0% {
    left: -100%;
  }
  100% {
    left: 200%;
  }
}

/* 移动端适配 */
@media (max-width: 768px) {
  .entry-badge {
    padding: 2px 10px;
    font-size: 10px;
    letter-spacing: 0.5px;
    border-width: 1.5px;
    border-radius: 10px;
  }
}

/* ========== 阴影限定：文章卡片/列表卡片/侧边栏挂件 ========== */
.post,
.post-grid,
.post-list,
.widget {
    transition: box-shadow 0.25s ease !important;
    box-shadow: 0 10px 20px -4px rgba(64, 158, 255, 0.18) !important; /* 收窄范围：更小模糊+负扩散 */
}

/* 悬停时阴影微增强（仅支持可悬停设备） */
@media (hover: hover) {
  .post:hover,
  .post-grid:hover,
  .post-list:hover,
  .widget:hover {
      box-shadow: 0 14px 26px -3px rgba(64, 158, 255, 0.24) !important; /* 悬停更深但范围收窄 */
  }
}

/* 相关推荐区域：不需要阴影（含悬停） */
.related-posts .post,
.related-posts-grid .post,
.bottom-area .related-posts .post,
.related-posts .post:hover,
.related-posts-grid .post:hover,
.bottom-area .related-posts .post:hover {
    box-shadow: none !important;
}


/* ====== 覆盖修正：768px 及以上全部显示，仅 <768px 隐藏 ====== */
@media (min-width:768px) {
  .hidden-sm, .hidden-md { display: block !important; }
  .main-menu { display: block !important; }
  /* 保证一行显示，宽度不足时可横向滚动 */
  .navbar .nav-list { flex-wrap: nowrap !important; overflow-x: auto !important; white-space: nowrap !important; }
  .navbar .nav-list > li { flex: 0 0 auto !important; }
}
@media (max-width:767px) {
  .main-menu { display: none !important; }
}

/* 1230px及以下时隐藏LOGO和分隔符.sep，节省空间显示右侧按钮 */
@media (max-width:1100px) {
  .logo-wrapper { display: none !important; }
  .navbar .sep { display: none !important; }
}

/* 优化主菜单在1230px以下时横向居中且靠左空白消除 */
@media (max-width:1100px) {
  .navbar { justify-content: center !important; }
  .main-menu, .nav-list { justify-content: center !important; margin-left: 0 !important; margin-right: 0 !important; }
  .container { max-width: 100% !important; padding-left: 6px !important; padding-right: 6px !important; }
}