@charset "utf-8";
/* ==========================================================================
   家政服务信息发布平台 · 主题皮肤 (jiazheng.css)
   说明：本文件只做视觉与排版覆盖，不改动任何迅睿CMS模板标签（大括号标签）
        加载顺序：style.css -> jiazheng.css -> night.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 主题变量
   -------------------------------------------------------------------------- */
:root {
  --jz-primary: #12b0a0;
  --jz-primary-dark: #0a8578;
  --jz-primary-deep: #0f4e47;
  --jz-primary-light: #e7f7f4;
  --jz-accent: #ff8a3d;
  --jz-accent-dark: #f06e1c;
  --jz-ink: #22312f;
  --jz-text: #465553;
  --jz-muted: #8b9a97;
  --jz-line: #e7eeec;
  --jz-bg: #f2f7f5;
  --jz-card: #ffffff;
  --jz-radius: 12px;
  --jz-radius-lg: 16px;
  --jz-shadow: 0 10px 26px -18px rgba(12, 90, 82, .55);
  --jz-shadow-hover: 0 20px 36px -20px rgba(12, 90, 82, .6);
}

/* --------------------------------------------------------------------------
   2. 基础与全局
   -------------------------------------------------------------------------- */
body {
  background-color: var(--jz-bg);
  color: var(--jz-text);
}

body.home-index { background-color: var(--jz-bg); }

a { color: var(--jz-text); }
a:hover, a:focus { color: var(--jz-primary); }

::selection { background: var(--jz-primary); color: #fff; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb {
  background: var(--jz-primary);
  border-radius: 8px;
}
::-webkit-scrollbar-track { background: #e9f1ef; }

/* 顶部阅读进度条 */
#percentageCounter {
  background: linear-gradient(to right, var(--jz-primary), var(--jz-accent)) !important;
}

/* --------------------------------------------------------------------------
   3. 图标系统（SVG 遮罩，颜色随 currentColor 自动变化）
   -------------------------------------------------------------------------- */
.jz-ico {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--jz-mask);
  mask-image: var(--jz-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* 日常保洁 */
.jz-ico-sparkle {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 2.5l1.7 4.6 4.6 1.7-4.6 1.7L11 15.1 9.3 10.5 4.7 8.8l4.6-1.7z'/%3E%3Cpath fill='%23000' d='M18 15l.9 2.4 2.4.9-2.4.9L18 21.6l-.9-2.4-2.4-.9 2.4-.9z'/%3E%3Cpath fill='%23000' d='M6.2 16.6l.6 1.7 1.7.6-1.7.6-.6 1.7-.6-1.7-1.7-.6 1.7-.6z'/%3E%3C/svg%3E");
}

/* 月嫂 / 母婴护理 */
.jz-ico-heart {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 20.7C6.9 17 3.3 13.6 3.3 10a4.4 4.4 0 017.4-3.2L12 8l1.3-1.2A4.4 4.4 0 0120.7 10c0 3.6-3.6 7-8.7 10.7z'/%3E%3C/svg%3E");
}

/* 育儿嫂 */
.jz-ico-baby {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9.5' cy='6.5' r='3.2' fill='%23000'/%3E%3Cpath fill='%23000' d='M2.6 21v-2.6a6.9 6.9 0 0113.8 0V21z'/%3E%3Ccircle cx='18.4' cy='8.6' r='2.4' fill='%23000'/%3E%3Cpath fill='%23000' d='M16.6 21v-2a4.4 4.4 0 018.8 0v2z'/%3E%3C/svg%3E");
}

/* 钟点工 / 保姆 */
.jz-ico-clock {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 7.4V12l3.6 2.1'/%3E%3C/svg%3E");
}

/* 家电清洗 */
.jz-ico-washer {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2.6' width='16' height='18.8' rx='2.4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='13.4' r='4.1' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='7.6' cy='6.4' r='1.3' fill='%23000'/%3E%3C/svg%3E");
}

/* 开荒保洁 / 深度清洁 */
.jz-ico-brush {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M15.2 2.8l6 6-7.5 7.5-6-6z'/%3E%3Cpath fill='%23000' d='M6.6 11.4l6 6-4.2 1.3-3.9 2.3-1.1-1.1 2.3-3.9z'/%3E%3C/svg%3E");
}

/* 养老陪护 */
.jz-ico-elder {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='4.8' r='3' fill='%23000'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4 21v-6.4a6 6 0 0112 0V21'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M18.5 21V9.4a2.6 2.6 0 012.6-2.6'/%3E%3C/svg%3E");
}

/* 家厨 / 做饭 */
.jz-ico-cook {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M3 10.4h18v1.8a6 6 0 01-6 6H9a6 6 0 01-6-6z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M8 10.4V7a4 4 0 018 0v3.4'/%3E%3C/svg%3E");
}

/* 电话 */
.jz-ico-phone {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.5 3h3.3l1.9 4.6-2.4 1.5a12.2 12.2 0 005.1 5.1l1.5-2.4 4.6 1.9v3.3a2.4 2.4 0 01-2.6 2.4C9.6 18.7 5.3 14.4 3.1 5.6A2.4 2.4 0 015.5 3z'/%3E%3C/svg%3E");
}

/* 实名认证 */
.jz-ico-shield {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M12 2.8l8 3v6.1c0 4.9-3.4 7.9-8 9.3-4.6-1.4-8-4.4-8-9.3V5.8z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8.6 12.1l2.3 2.3 4.4-4.6'/%3E%3C/svg%3E");
}

/* 快速响应 */
.jz-ico-bolt {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.4 2L5 13.4h5.6L9.3 22 18 10.2h-5.6z'/%3E%3C/svg%3E");
}

/* 本地服务 / 定位 */
.jz-ico-pin {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M12 21.4s7-6.6 7-11.9a7 7 0 10-14 0c0 5.3 7 11.9 7 11.9z'/%3E%3Ccircle cx='12' cy='9.4' r='2.6' fill='%23000'/%3E%3C/svg%3E");
}

/* 服务人员 / 用户 */
.jz-ico-user {
  --jz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.4' r='4' fill='%23000'/%3E%3Cpath fill='%23000' d='M3.8 21.4v-2.2a8.2 8.2 0 0116.4 0v2.2z'/%3E%3C/svg%3E");
}

/* 把“发布人”图标换成更贴合家政服务人员的图标 */
.icon.font-guanfangbanben::before { content: "\e60b"; }

/* --------------------------------------------------------------------------
   4. 顶部导航
   -------------------------------------------------------------------------- */
.top-header { height: auto; }

.top-bar {
  background-image: none;
  background-color: #fff;
  border-top: 3px solid var(--jz-primary);
  box-shadow: 0 8px 26px -18px rgba(10, 80, 72, .5);
}

.secnav { height: 64px; }

a.logo {
  height: 64px;
  line-height: 64px;
  padding-right: 18px;
  margin-right: 18px;
}
a.logo img { max-width: 168px; display: inline-block; }
a.logo:after { background: var(--jz-line); height: 22px; top: 50%; transform: translateY(-50%); }
a.logo strong { color: var(--jz-ink); }

.nav-pills li { margin: 0 14px 0 4px; }
.nav-pills li a {
  line-height: 63px;
  font-size: 15px;
  color: var(--jz-ink);
}
.nav-pills li:before {
  background: var(--jz-primary);
  height: 3px;
  bottom: 0;
  border-radius: 3px;
}
.nav-pills li:hover > a,
.nav-pills li.active > a { color: var(--jz-primary); }

/* 搜索入口 */
.search-icon {
  background: none;
  background-color: var(--jz-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.8' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' d='M16.2 16.2L21 21'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.8' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' d='M16.2 16.2L21 21'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 18px;
  height: 18px;
}

/* 搜索浮层 */
.search-box {
  border-radius: 12px;
  border: 1px solid var(--jz-line);
  box-shadow: 0 16px 34px -18px rgba(10, 80, 72, .5);
  background-color: #fff;
}
input.search-input {
  background-color: var(--jz-bg);
  color: var(--jz-text);
  border-radius: 8px 0 0 8px;
}
button.showhide-search {
  background: linear-gradient(135deg, var(--jz-primary), var(--jz-primary-dark));
  color: #fff;
  border-radius: 0 8px 8px 0;
  border: none;
}

/* 登录 / 注册按钮 */
.text-user-r a.t-btn {
  border-color: var(--jz-primary);
  color: var(--jz-primary);
  border-radius: 20px;
}
.text-user-r a.t-btn:hover { background: var(--jz-primary); color: #fff; }
.text-user-r a.t-btn.l-btn-ht {
  background-color: var(--jz-primary);
  background-image: linear-gradient(135deg, var(--jz-primary), var(--jz-primary-dark));
  border-color: transparent;
  color: #fff;
}
.text-user-r a.t-btn.l-btn-ht:hover { filter: brightness(1.06); }

a.at-night.top-night { margin-right: 12px; color: var(--jz-muted); }

/* 移动端 */
.nav-bar { color: var(--jz-primary); }
.m-top-search { color: var(--jz-primary); fill: var(--jz-primary); }
.parent-nav-bar span, i.nav-bar span { background: var(--jz-primary); }

/* --------------------------------------------------------------------------
   5. 首页轮播
   -------------------------------------------------------------------------- */
.wrapper-ban {
  padding: 0;
  border: 0;
  border-radius: var(--jz-radius-lg);
  overflow: hidden;
  background: transparent;
  box-shadow: var(--jz-shadow);
  margin-bottom: 18px;
}

.swiper-container { height: 400px; }
.wrapper-ban .swiper-container,
.wrapper-ban .swiper-wrapper,
.wrapper-ban img { border-radius: var(--jz-radius-lg); }

.wrapper-ban img { width: 100%; object-fit: cover; }

/* 轮播标题：底部渐变遮罩 */
.wrapper-ban span.swiper-title {
  background: linear-gradient(to top, rgba(4, 48, 43, .88) 0%, rgba(4, 48, 43, .48) 52%, rgba(4, 48, 43, 0) 100%);
  padding: 58px 26px 20px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .5px;
  color: #fff;
  white-space: normal;
  text-overflow: clip;
  overflow: hidden;
  line-height: 1.5;
}

/* 轮播左右按钮 */
.wrapper-ban .swiper-button-next,
.wrapper-ban .swiper-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(18, 176, 160, .88);
  background-size: 14px 14px;
  box-shadow: 0 8px 18px -8px rgba(4, 48, 43, .8);
}
.wrapper-ban .swiper-button-next:hover,
.wrapper-ban .swiper-button-prev:hover { background-color: var(--jz-accent); }
.wrapper-ban .swiper-pagination-bullet { background: #fff; opacity: .6; }
.wrapper-ban .swiper-pagination-bullet-active { background: var(--jz-accent); opacity: 1; }

/* --------------------------------------------------------------------------
   6. 首页 - 服务分类
   -------------------------------------------------------------------------- */
.jz-cats,
.jz-features {
  background: var(--jz-card);
  border-radius: var(--jz-radius);
  box-shadow: var(--jz-shadow);
  margin-bottom: 16px;
}

.jz-cats { padding: 20px 18px 4px; }

.jz-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.jz-sec-head h3 {
  position: relative;
  padding-left: 14px;
  font-size: 18px;
  color: var(--jz-ink);
  margin: 0;
}
.jz-sec-head h3:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: linear-gradient(to bottom, var(--jz-primary), var(--jz-accent));
}
.jz-sec-head span { font-size: 12px; color: var(--jz-muted); }

.jz-cat-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
  list-style: none;
  padding: 0;
}
.jz-cat-list li {
  width: 12.5%;
  padding: 0 6px;
  margin-bottom: 16px;
}
.jz-cat-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 96px;
  border-radius: 10px;
  background: var(--jz-primary-light);
  color: var(--jz-ink);
  transition: all .3s ease;
  text-decoration: none;
}
.jz-cat-list li a i {
  display: block;
  width: 30px;
  height: 30px;
  margin-bottom: 9px;
  color: var(--jz-primary);
  transition: all .3s ease;
}
.jz-cat-list li a em {
  font-style: normal;
  font-size: 14px;
  line-height: 1;
}
.jz-cat-list li a:hover {
  background: linear-gradient(135deg, var(--jz-primary), var(--jz-primary-dark));
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 14px 24px -14px rgba(18, 176, 160, .95);
}
.jz-cat-list li a:hover i { color: #fff; }

/* --------------------------------------------------------------------------
   7. 首页 - 平台优势
   -------------------------------------------------------------------------- */
.jz-features {
  display: flex;
  flex-wrap: wrap;
  padding: 18px 8px;
}
.jz-feature {
  flex: 1 1 25%;
  min-width: 190px;
  display: flex;
  align-items: flex-start;
  padding: 6px 14px;
  box-sizing: border-box;
}
.jz-fi {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin-right: 12px;
  border-radius: 12px;
  background: var(--jz-primary-light);
  display: flex;
  align-items: center;
  justify-content: center;
}
.jz-fi .jz-ico { width: 21px; height: 21px; color: var(--jz-primary); }
.jz-ft h4 {
  margin: 2px 0 4px;
  font-size: 15px;
  color: var(--jz-ink);
}
.jz-ft p {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--jz-muted);
}

/* --------------------------------------------------------------------------
   8. 信息列表（首页 / 列表页 通用卡片）
   -------------------------------------------------------------------------- */
.home-main {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

.home-main .post-list.blockimg {
  width: calc(50% - 15px);
  margin: 0 7.5px 15px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  background: var(--jz-card);
  border: 1px solid var(--jz-line);
  border-radius: var(--jz-radius);
  box-shadow: var(--jz-shadow);
  transition: all .35s ease;
  box-sizing: border-box;
}
.home-main .post-list.blockimg:hover {
  transform: translateY(-5px);
  border-color: rgba(18, 176, 160, .35);
  box-shadow: var(--jz-shadow-hover);
}

.entry-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 0;
  min-height: 0;
}
.entry-container .l-line { display: none; }

/* 缩略图：改为卡片顶部整图 */
.block-image.feaimg {
  position: relative;
  left: auto;
  right: auto;
  width: 100%;
  height: auto;
  padding-top: 0;
  margin: 0 0 12px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--jz-primary-light);
}
.home-main .post-list.blockimg:nth-child(even) .block-image.feaimg {
  left: auto;
  right: auto;
  margin: 0 0 12px;
}
.home-main .post-list.blockimg:nth-child(even) .entry-container { padding: 0; }

/* 分类角标 */
span.item-img-cate {
  background: linear-gradient(135deg, var(--jz-accent), var(--jz-accent-dark));
  color: #fff;
  border-radius: 0 0 0 10px;
}

/* “最新”角标 */
.postnew {
  width: auto;
  height: auto;
  background: none;
  right: 0;
  top: 0;
  z-index: 9;
}
.postnew:after {
  content: '精选';
  display: block;
  padding: 6px 11px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background: linear-gradient(135deg, var(--jz-primary), var(--jz-primary-dark));
  border-radius: 0 var(--jz-radius) 0 12px;
}

/* 标题 / 摘要 / 元信息 */
.post-list header.entry-header {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  margin-bottom: 8px;
}
.entry-container .entry-header h3 {
  font-size: 17px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.entry-container .entry-header h3 a { color: var(--jz-ink); }
.entry-container .entry-header h3 a:hover { color: var(--jz-primary); }

.entry-summary.ss p,
.ss p {
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.75;
  color: var(--jz-muted);
}

.entry-meta-items { margin-top: 12px; }
.entry-meta { font-size: 12px; color: var(--jz-muted); }
.entry-meta i.icon { color: var(--jz-primary); }
.entry-meta .meta-viewnums,
.entry-meta .font-eye { color: var(--jz-muted); }
.entry-meta-author a { color: var(--jz-muted); }

/* 分页 */
.pagination ul > li > a,
.pagination ul > li > span {
  border-color: var(--jz-line);
  color: var(--jz-text);
  border-radius: 8px;
  margin: 0 4px;
}
.pagination ul > li > a:hover,
.pagination ul > li.active > span {
  background-color: var(--jz-primary);
  border-color: var(--jz-primary);
  color: #fff;
}

/* --------------------------------------------------------------------------
   9. 侧栏
   -------------------------------------------------------------------------- */
.main-content .widget {
  background: var(--jz-card);
  border-radius: var(--jz-radius);
  box-shadow: var(--jz-shadow);
  padding: 16px 18px;
  margin-bottom: 16px;
}

.widget h3.widget-title {
  font-size: 16px;
  color: var(--jz-ink);
  border-bottom: 1px solid var(--jz-line);
  padding-bottom: 12px;
  text-transform: none;
}
.widget h3.widget-title:before {
  top: -14px;
  height: 3px;
  width: 26px;
  border-radius: 3px;
  background: linear-gradient(135deg, var(--jz-primary), var(--jz-accent));
}
.widget h3.widget-title:after { display: none; }

.list-media { border-radius: 10px; overflow: hidden; }
.list-content {
  background: linear-gradient(to top, rgba(4, 48, 43, .92) 0%, rgba(4, 48, 43, .35) 60%, rgba(4, 48, 43, 0) 100%);
}
.list-content h2 { font-weight: 500; }
p.list-footer { color: rgba(255, 255, 255, .82); }

/* 最近发表 */
ul.widget-box.divPrevious li:after { background: var(--jz-primary); }
.side-new-time em {
  color: var(--jz-accent);
  font-style: normal;
  margin-right: 6px;
}
.side_new .side_new_dot:before { border-color: var(--jz-primary); }
.side-new-time span.spot:after { background-color: var(--jz-primary); }

/* 联系我们的卡片（right.html 新增） */
.jz-contact { text-align: center; }
.jz-contact .jz-contact-label {
  display: inline-flex;
  align-items: center;
  margin: 6px 0 8px;
  font-size: 13px;
  color: var(--jz-muted);
}
.jz-contact .jz-contact-label .jz-ico {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  color: var(--jz-primary);
}
.jz-contact .jz-contact-tel {
  display: block;
  font-size: 22px;
  letter-spacing: 1px;
  color: var(--jz-primary);
  margin-bottom: 8px;
}
.jz-contact .jz-contact-tip {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--jz-muted);
}
.jz-contact .jz-contact-btn {
  display: inline-block;
  padding: 9px 26px;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--jz-primary), var(--jz-primary-dark));
  box-shadow: 0 12px 22px -12px rgba(18, 176, 160, .95);
}
.jz-contact .jz-contact-btn:hover { color: #fff; filter: brightness(1.06); }

/* 友情链接 */
.links-title h3:before { background: linear-gradient(135deg, var(--jz-primary), var(--jz-accent)); }
.links-title { border-bottom-color: var(--jz-line); }
.linksub { color: var(--jz-primary); }

/* --------------------------------------------------------------------------
   10. 面包屑
   -------------------------------------------------------------------------- */
.navcates { color: var(--jz-muted); }
.navcates i.icon { color: var(--jz-primary); }
.navcates a:hover { color: var(--jz-primary); }

/* --------------------------------------------------------------------------
   11. 列表页 / 搜索页 页头
   -------------------------------------------------------------------------- */
.jz-page-hero {
  position: relative;
  margin-bottom: 18px;
  padding: 40px 24px;
  border-radius: var(--jz-radius-lg);
  background: linear-gradient(135deg, #0e8f83, var(--jz-primary) 55%, #3ecab6);
  color: #fff;
  overflow: hidden;
  box-shadow: var(--jz-shadow);
}
.jz-page-hero:after {
  content: '';
  position: absolute;
  right: -60px;
  top: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
}
.jz-page-hero h1 {
  position: relative;
  z-index: 2;
  font-size: 26px;
  color: #fff;
  margin: 0 0 8px;
}
.jz-page-hero p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, .88);
}

/* 搜索页原有页头 */
.archive-top { border-radius: var(--jz-radius-lg); overflow: hidden; }
.top-bg-title h1 { font-weight: 500; }
.btn.btn-archive { border-color: rgba(255, 255, 255, .65); }
.archive-top:hover .btn em { color: var(--jz-primary-dark); }
.archive-top:hover .btn { border-color: var(--jz-primary); }
.archive-top .top-bg-effect {
  background-image: none !important;
  background: linear-gradient(135deg, #0e8f83, var(--jz-primary) 55%, #3ecab6) !important;
}
.archive-top .overlay-1 { background: rgba(4, 48, 43, .25); }

/* --------------------------------------------------------------------------
   12. 详情页
   -------------------------------------------------------------------------- */
.single-bar.term-theme {
  background: linear-gradient(135deg, #0e8f83, var(--jz-primary) 55%, #3ecab6);
  box-shadow: var(--jz-shadow);
}
.single-bar.term-theme:before { background-color: transparent; }
.single-bar-header h1 {
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(4, 48, 43, .25);
}
.single-info-information img.avatar { border: 2px solid rgba(255, 255, 255, .85); }
.single-user-info .author a,
.single-user-info span { color: rgba(255, 255, 255, .92); }
.single-user-info i.icon { color: rgba(255, 255, 255, .85); }
.single-user-meta .fwlx {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 20px;
}
.single-time { color: rgba(255, 255, 255, .8); }

/* 详情页安全提示 */
.jz-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.jz-trust span {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  font-size: 12px;
  color: var(--jz-primary-dark);
  background: var(--jz-primary-light);
  border-radius: 20px;
}
.jz-trust span .jz-ico { width: 14px; height: 14px; margin-right: 5px; color: var(--jz-primary); }

.single.box-show { background: var(--jz-card); border-radius: var(--jz-radius); box-shadow: var(--jz-shadow); }
.single-title:after { background: var(--jz-primary); }
.single-entry h1, .single-entry h2 { border-left-color: var(--jz-primary); }
.single-entry h3, .single-entry h4 { border-left-color: var(--jz-accent); }
.single-entry a { color: var(--jz-primary); }

.statement {
  background: #fff6ef;
  border-left: 4px solid var(--jz-accent);
  border-radius: 0 8px 8px 0;
}
.statement i.icon { color: var(--jz-accent); }

.post-tags a {
  background: var(--jz-primary-light);
  color: var(--jz-primary-dark);
  border-radius: 14px;
}
.post-tags a:hover { background: var(--jz-primary); color: #fff; }

/* 评论 / 留言 */
#comments h3, #comments h4, #comments .section-title { color: var(--jz-primary); }
#comments h3:after, #comments .section-title:after { background: var(--jz-primary); }
.psumbit {
  background: linear-gradient(135deg, var(--jz-primary), var(--jz-primary-dark));
  border-color: transparent;
  border-radius: 20px;
}
.psumbit:hover { filter: brightness(1.06); }
.comt-box, .commentpost { border-radius: var(--jz-radius); }
.commentlist .comment-tab .come-comt { color: var(--jz-primary); }

/* 相似服务推荐 */
.pic-box-list li:before { border-color: var(--jz-primary); }
.pic-box-list li:hover:before { background: var(--jz-primary); }
.section-title {
  color: var(--jz-ink);
  border-bottom: 1px solid var(--jz-line);
}
.section-title:after { background: linear-gradient(135deg, var(--jz-primary), var(--jz-accent)); }

/* --------------------------------------------------------------------------
   13. 页脚
   -------------------------------------------------------------------------- */
.footer.bg-dark {
  background: linear-gradient(180deg, #0f423b, #0a2e29);
  border-top: 4px solid var(--jz-primary);
  padding: 2.4em 0 1.5em;
}

.jz-footer-top {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 22px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.jz-f-brand { flex: 1 1 38%; min-width: 240px; padding-right: 24px; }
.jz-f-brand h4 {
  font-size: 19px;
  color: #fff;
  margin-bottom: 12px;
}
.jz-f-brand p {
  font-size: 13px;
  line-height: 1.9;
  color: rgba(255, 255, 255, .68);
  margin: 0;
}
.jz-f-col { flex: 1 1 20%; min-width: 150px; padding-right: 16px; }
.jz-f-col h5 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 14px;
}
.jz-f-col a, .jz-f-col p {
  display: block;
  font-size: 13px;
  line-height: 2;
  color: rgba(255, 255, 255, .68);
  margin: 0;
}
.jz-f-col a:hover { color: var(--jz-accent); }
.jz-f-col .jz-f-line { display: flex; align-items: center; }
.jz-f-col .jz-f-line .jz-ico {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  color: var(--jz-primary);
}

.footer.bg-dark a { color: rgba(255, 255, 255, .78); }
.footer.bg-dark a:hover { color: var(--jz-accent); }
.f-last-line p { background: rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .8); }
.footer-links { border-top-color: rgba(255, 255, 255, .12) !important; }
.footer-menu a { color: rgba(255, 255, 255, .8); }
.footer-copyright.text-xs, .footer-copyright.text-xs a { color: rgba(255, 255, 255, .6); }

/* 返回顶部 */
.backtop .bt-box {
  background: var(--jz-primary);
  border-radius: 14px;
  box-shadow: 0 12px 22px -12px rgba(18, 176, 160, .95);
}
.backtop .bt-box:hover { background: var(--jz-accent); }
.backtop .phone .phones { background: var(--jz-accent); }

/* --------------------------------------------------------------------------
   14. 响应式
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .jz-cat-list li { width: 25%; }
  .jz-feature { flex: 1 1 50%; }
}

@media screen and (max-width: 999px) {
  .top-header { height: auto; }
  .swiper-container { height: 40vw; }
  .jz-cats { padding: 16px 12px 0; }
  .jz-cat-list li { width: 25%; }
  .jz-feature { flex: 1 1 50%; min-width: 0; }
  aside.mobile_aside.mobile_nav { background: linear-gradient(165deg, #0f423b, #0a2e29); }
}

@media screen and (max-width: 768px) {
  .home-main .post-list.blockimg { width: calc(100% - 15px); }
  .jz-features { flex-direction: column; }
  .jz-feature { flex: 1 1 auto; width: 100%; padding: 8px 14px; }
  .jz-sec-head h3 { font-size: 16px; }
  .jz-page-hero { padding: 28px 18px; }
  .jz-page-hero h1 { font-size: 21px; }
  .jz-f-brand, .jz-f-col { flex: 1 1 100%; padding-right: 0; margin-bottom: 18px; }
}

@media screen and (max-width: 580px) {
  .jz-cat-list li { width: 33.333%; }
  .jz-cat-list li a { height: 88px; }
  .jz-cat-list li a em { font-size: 13px; }
  .swiper-container { height: 46vw; }
  .wrapper-ban span.swiper-title { font-size: 15px; padding: 40px 16px 14px; }
}

@media screen and (max-width: 425px) {
  .jz-cat-list li { width: 50%; }
  .jz-sec-head span { display: none; }
}