/* jiancai008 · standalone 迁入（仅本主题，不影响 jiancai/StoneMax） */
@import url("/static/pc/jiancai008/assets/home/home-qhdcontent.css");
@import url("/static/pc/jiancai008/assets/home/home-content.css");
@import url("/static/pc/jiancai008/assets/home/home-menu.css");
@import url("/static/pc/jiancai008/assets/home/home-jquery.fancybox-1.3.4.css");
@import url("/static/pc/jiancai008/assets/home/home-pgwslideshow.css");
@import url("/static/pc/jiancai008/assets/home/home-animate.min.css");
@import url("/static/pc/jiancai008/assets/home/home-style-main.css");
@import url("/static/pc/jiancai008/assets/home/home-style-red.css");
@import url("/static/pc/jiancai008/assets/home/home-font-awesome.css");
@import url("/static/pc/jiancai008/assets/home/home-loading.css");

body.jc8-theme {
  background: url("/static/pc/jiancai008/assets/img/bg-img-05.jpg") top center fixed;
  margin: 0;
}
body.jc8-theme #wrapper {
  min-height: 100%;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

/*
 * 离页：缩放 0.8 + 同步下移，顶部空出约 260px 露出 body 固定背景（不要白罩）
 */
@-webkit-keyframes jc8LeaveScale {
  0% { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
  100% { -webkit-transform: translateY(260px) scale(0.8); transform: translateY(260px) scale(0.8); }
}
@keyframes jc8LeaveScale {
  0% { transform: translateY(0) scale(1); }
  100% { transform: translateY(260px) scale(0.8); }
}
@-webkit-keyframes bounceIn {
  0% { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
  100% { -webkit-transform: translateY(260px) scale(0.8); transform: translateY(260px) scale(0.8); }
}
@keyframes bounceIn {
  0% { transform: translateY(0) scale(1); }
  100% { transform: translateY(260px) scale(0.8); }
}

/* 进页 loader */
body.jc8-theme #jc8PageLoader.page-loader {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #222;
  color: #fff;
  font: 14px Arial, sans-serif;
  letter-spacing: .22em;
  opacity: 1;
  visibility: visible;
  transition: opacity .48s ease, visibility .48s ease;
}
body.jc8-theme #jc8PageLoader .loader-mark {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
body.jc8-theme #jc8PageLoader .loader-mark span {
  display: block;
  width: 7px;
  height: 18px;
  border-radius: 5px;
  background: #b82328;
  animation: jc8-loader-bar 1s ease-in-out infinite;
}
body.jc8-theme #jc8PageLoader .loader-mark span:nth-child(2) {
  animation-delay: .14s;
  height: 27px;
}
body.jc8-theme #jc8PageLoader .loader-mark span:nth-child(3) { animation-delay: .28s; }
body.jc8-theme #jc8PageLoader strong {
  max-width: min(88vw, 520px);
  padding: 0 16px;
  text-align: center;
  font-size: clamp(16px, 3.6vw, 28px);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.35;
  word-break: break-word;
}
body.jc8-theme #jc8PageLoader small { color: #aaa; font-size: 9px; letter-spacing: .3em; }
body.jc8-theme #jc8PageLoader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes jc8-loader-bar {
  0%, 100% { transform: scaleY(.55); opacity: .55; }
  50% { transform: scaleY(1.15); opacity: 1; }
}

/* 离页不再使用白色 page-cover，顶部空隙直接透出 body 背景图 */
body.jc8-theme .page-cover { display: none !important; }

/* 功能页仍可能残留旧 tp-* 顶栏：统一隐藏，避免与 mbanhd 双顶图 */
body.jc8-theme .tp-inner-hero { display: none !important; }

/* 会员/登录等功能区：限制在主题版心宽度内 */
body.jc8-theme .tp-member,
body.jc8-theme .tp-auth,
body.jc8-theme section.tp-content,
body.jc8-theme .tp-cart-page,
body.jc8-theme .tp-checkout {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* ---------- 1. 头部 LOGO 固定 220px ---------- */
body.jc8-theme .header-v1 .logo,
body.jc8-theme .header-v1 .logo a {
  width: 220px;
  max-width: 220px;
}
body.jc8-theme .header-v1 .logo img,
body.jc8-theme .touch-logo img {
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
  display: block;
}
body.jc8-theme .touch-logo,
body.jc8-theme .touch-logo a {
  max-width: 220px;
}

/* 动态菜单加载态 */
#tpMainMenu .jc8-menu-loading,
#tpTouchMenu .jc8-menu-loading { opacity: 0.6; pointer-events: none; }

/* 桌面菜单过多：收入「更多」，防止重叠（仅 jiancai008） */
body.jc8-theme .header-v1 .top-main-content {
  max-width: calc(100% - 280px);
  overflow: visible;
}
body.jc8-theme .header-v1 .main-nav {
  max-width: 100%;
}
body.jc8-theme .header-v1 .main-nav .sf-menu {
  white-space: nowrap;
}
body.jc8-theme .header-v1 .main-nav .sf-menu > li {
  white-space: nowrap;
  vertical-align: top;
}
body.jc8-theme .header-v1 .main-nav .sf-menu > li.jc8-nav-more > ul {
  min-width: 160px;
  right: 0;
  left: auto;
}
body.jc8-theme .header-v1 .main-nav .sf-menu > li.jc8-nav-more > ul > li > a.first-level {
  line-height: normal;
  padding: 12px 16px;
  color: #fff !important;
}
body.jc8-theme .header-v1 .main-nav .sf-menu > li.jc8-nav-more > ul > li > a.first-level .sf-sub-indicator {
  display: none;
}
body.jc8-theme .header-v1 .main-nav .sf-menu > li.jc8-nav-more > ul > li > i {
  display: none;
}
body.jc8-theme .header-v1 .main-nav .sf-menu > li.jc8-nav-more > ul > li > ul {
  left: 100%;
  top: 0;
  margin-left: 0;
}

/* Superfish 未绑定时：悬停二级可见 */
.header-v1 .main-nav .sf-menu li:hover > ul,
.header-v1 .main-nav .sf-menu li.sfHover > ul,
.header-v1 .language .sf-menu li:hover > ul,
.header-v1 .language .sf-menu li.sfHover > ul {
  visibility: visible !important;
}

/* ---------- 2. 页脚列对齐（flex，避免 float 错位） ---------- */
body.jc8-theme .footer .column {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
body.jc8-theme .footer .column:after { display: none; content: none; }
body.jc8-theme .footer .column .col-5-1 {
  float: none;
  width: auto;
  margin-right: 0;
  flex: 1 1 0;
  min-width: 140px;
  padding: 0 18px;
  box-sizing: border-box;
}
body.jc8-theme .footer .column .col-5-1:first-child { padding-left: 0; }
body.jc8-theme .footer .column .col-5-1.last {
  flex: 0 0 150px;
  max-width: 150px;
  text-align: center;
  padding-right: 0;
}
body.jc8-theme .footer .column .col-5-1.last img {
  display: inline-block;
  vertical-align: top;
}
body.jc8-theme .bottom {
  text-align: center;
}
body.jc8-theme .bottom .qhd-content p {
  margin: 12px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  body.jc8-theme .footer .column .col-5-1 {
    flex: 1 1 100%;
    min-width: 0;
    padding: 12px 0;
  }
  body.jc8-theme .footer .column .col-5-1.last {
    flex: 1 1 100%;
    max-width: none;
  }
}

/* 本主题禁用悬浮购物车（不加载 cart.js；若残留则强制移除） */
body.jc8-theme #tp-cart-fab,
body.jc8-theme #tp-cart-overlay,
body.jc8-theme #tp-cart-drawer {
  display: none !important;
}

/* ---------- 产品详情灯箱（仅 jc8） ---------- */
body.jc8-theme .product-preview a.jc8-zoom,
body.jc8-theme .portfolio-img a[rel^="imgZoom-group"] {
  cursor: zoom-in;
}
body.jc8-theme .jc8-lb {
  position: fixed;
  inset: 0;
  z-index: 2147483640;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .86);
  padding: 24px;
  box-sizing: border-box;
}
body.jc8-theme .jc8-lb.is-open { display: flex; }
body.jc8-theme .jc8-lb__stage {
  max-width: min(96vw, 1200px);
  max-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.jc8-theme .jc8-lb__img {
  max-width: 96vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  cursor: zoom-out;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .45);
  background: #111;
}
body.jc8-theme .jc8-lb__close,
body.jc8-theme .jc8-lb__prev,
body.jc8-theme .jc8-lb__next {
  position: absolute;
  border: 0;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  cursor: pointer;
  line-height: 1;
  z-index: 1;
}
body.jc8-theme .jc8-lb__close {
  top: 16px;
  right: 18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 28px;
}
body.jc8-theme .jc8-lb__prev,
body.jc8-theme .jc8-lb__next {
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 64px;
  font-size: 36px;
  border-radius: 4px;
}
body.jc8-theme .jc8-lb__prev { left: 12px; }
body.jc8-theme .jc8-lb__next { right: 12px; }
body.jc8-theme .jc8-lb__close:hover,
body.jc8-theme .jc8-lb__prev:hover,
body.jc8-theme .jc8-lb__next:hover {
  background: rgba(255, 255, 255, .28);
}

/* 返回顶部 */
body.jc8-theme .gotop-wrapper .fixed-gotop,
body.jc8-theme .fixed-gotop.gotop {
  right: 22px;
  bottom: 24px;
  z-index: 1049;
}

/* 会员/购物车/登录：内容区保持浅底 */
body.page-member .tp-member,
body.page-cart .tp-cart,
body.page-login .tp-login,
body.page-checkout .tp-checkout { background: #f5f7fa; }
body.page-member #wrapper,
body.page-cart #wrapper,
body.page-login #wrapper,
body.page-checkout #wrapper { background: #f5f7fa; }

/* 首页幻灯片：拉伸铺满，避免裁切留空（仅 #jc8Hero） */
body.jc8-theme #jc8Hero.jc8-hero,
body.jc8-theme #jc8Hero .jc8-hero__track,
body.jc8-theme #jc8Hero .jc8-hero__item {
  height: 600px;
}
body.jc8-theme #jc8Hero .carousel-img {
  width: 100%;
  height: 600px;
  overflow: hidden;
}
body.jc8-theme #jc8Hero .carousel-img a {
  display: block;
  width: 100%;
  height: 100%;
}
body.jc8-theme #jc8Hero .carousel-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: fill;
  display: block;
}

/*
 * 全站图片拉伸：对齐 /product.html（1:1 框 + object-fit:fill）
 * 仅 body.jc8-theme，不影响其它主题；灯箱仍用 contain
 */
body.jc8-theme .portfolio-list .portfolio-img,
body.jc8-theme .product-list .portfolio-img,
body.jc8-theme .portfolio-grid-img,
body.jc8-theme .product-item .portfolio-img,
body.jc8-theme #jc8HomeProducts .portfolio-grid-img,
body.jc8-theme #jc8CaseList .portfolio-img,
body.jc8-theme #jc8NewsList .portfolio-img,
body.jc8-theme #jc8ServiceList .portfolio-img,
body.jc8-theme #jc8TeamMemberList .portfolio-img,
body.jc8-theme #jc8TeamAlbumList .portfolio-img,
body.jc8-theme #jc8SearchList .portfolio-img,
body.jc8-theme #jc8ProductList .portfolio-img,
body.jc8-theme #jc8ProductGallery .portfolio-img,
body.jc8-theme #jc8CaseGallery .portfolio-img,
body.jc8-theme #jc8NewsGallery .portfolio-img,
body.jc8-theme #jc8NewsRelatedList .portfolio-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f2f2f2;
  margin-bottom: 0;
}
body.jc8-theme .portfolio-list .portfolio-img a,
body.jc8-theme .product-list .portfolio-img a,
body.jc8-theme .product-item .portfolio-img a,
body.jc8-theme #jc8CaseList .portfolio-img a,
body.jc8-theme #jc8NewsList .portfolio-img a,
body.jc8-theme #jc8ServiceList .portfolio-img a,
body.jc8-theme #jc8SearchList .portfolio-img a,
body.jc8-theme #jc8ProductList .portfolio-img a,
body.jc8-theme #jc8ProductGallery .portfolio-img a,
body.jc8-theme #jc8CaseGallery .portfolio-img a,
body.jc8-theme #jc8NewsGallery .portfolio-img a,
body.jc8-theme #jc8NewsRelatedList .portfolio-img a {
  display: block;
  width: 100%;
  height: 100%;
}
body.jc8-theme .portfolio-list .portfolio-img img,
body.jc8-theme .product-list .portfolio-img img,
body.jc8-theme .portfolio-grid-img img,
body.jc8-theme .product-item .portfolio-img img,
body.jc8-theme #jc8HomeProducts .portfolio-grid-img img,
body.jc8-theme #jc8CaseList .portfolio-img img,
body.jc8-theme #jc8NewsList .portfolio-img img,
body.jc8-theme #jc8ServiceList .portfolio-img img,
body.jc8-theme #jc8TeamMemberList .portfolio-img img,
body.jc8-theme #jc8TeamAlbumList .portfolio-img img,
body.jc8-theme #jc8SearchList .portfolio-img img,
body.jc8-theme #jc8ProductList .portfolio-img img,
body.jc8-theme #jc8ProductGallery .portfolio-img img,
body.jc8-theme #jc8CaseGallery .portfolio-img img,
body.jc8-theme #jc8NewsGallery .portfolio-img img,
body.jc8-theme #jc8NewsRelatedList .portfolio-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: fill;
  object-position: center;
  display: block;
}

/* 内页顶图 / 详情封面：同样拉伸铺满 */
body.jc8-theme .mbanhd {
  overflow: hidden;
  line-height: 0;
}
body.jc8-theme .mbanhd img {
  width: 100% !important;
  height: 350px !important;
  max-width: none !important;
  object-fit: fill;
  display: block;
}
body.jc8-theme .article-cover,
body.jc8-theme .product-intr .product-preview .single-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f2f2f2;
}
body.jc8-theme .article-cover img,
body.jc8-theme .product-intr .product-preview .single-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: fill;
  display: block;
}

/*
 * 新闻详情：正文/封面按比例；顶图、图集、相关仍走上方拉伸规则
 * 仅 page-news-detail，不影响产品/案例等其它页
 */
body.page-news-detail.jc8-theme #jc8NewsDetail .article-cover {
  aspect-ratio: auto;
  height: auto;
  overflow: visible;
  background: transparent;
  margin: 10px 0 22px;
  text-align: center;
}
body.page-news-detail.jc8-theme #jc8NewsDetail .article-cover img,
body.page-news-detail.jc8-theme #jc8NewsDetail .article-content img,
body.page-news-detail.jc8-theme #jc8NewsDetail #jc8NewsBody img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  object-position: center;
  display: inline-block;
  vertical-align: middle;
}

/* 案例详情：对齐 article-detail 模板 */
body.page-case-detail.jc8-theme #jc8CaseDetail .article-cover {
  margin: 10px 0 22px;
}
body.page-case-detail.jc8-theme #jc8CaseDetail .entry-meta {
  color: #888;
  line-height: 1.8;
}
body.page-case-detail.jc8-theme #jc8CaseDetail .entry-meta em {
  font-style: normal;
  color: #555;
  margin-right: 12px;
}
body.page-case-detail.jc8-theme #jc8CasePager a,
body.page-case-detail.jc8-theme #jc8CasePager span {
  display: block;
  color: #666;
  line-height: 1.6;
  border: none;
  padding: 0;
  height: auto;
}
body.page-case-detail.jc8-theme #jc8CasePager a:hover {
  color: #a81d1b;
  background: transparent;
}
body.page-case-detail.jc8-theme #jc8CaseLatest li {
  padding: 8px 0;
  border-bottom: 1px dotted #ddd;
}
body.page-case-detail.jc8-theme #jc8CaseLatest li.current a {
  color: #a81d1b;
}