:root{
      --zb-color-primary:#0f172a;
      --zb-color-primary-strong:#1e293b;
      --zb-color-accent:#b28734;
      --zb-color-text:#16202b;
	  --zb-color-anniu:#b12625;
      --zb-color-muted:#667085;
      --zb-color-subtle:#98a2b3;
      --zb-color-surface:#fff;
      --zb-color-surface-soft:#f8f9fb;
      --zb-color-surface-soft-2:#f3f5f8;
      --zb-color-border:rgba(15,23,42,.08);
      --zb-color-border-strong:rgba(15,23,42,.12);
      --zb-color-glass:rgba(255,255,255,.94);
      --zb-shadow-sm:0 8px 24px rgba(15,23,42,.06);
      --zb-shadow-md:0 20px 60px rgba(15,23,42,.14);
      --zb-radius-sm:12px;
      --zb-radius-md:18px;
      --zb-radius-lg:28px;
      --zb-radius-pill:999px;
      --zb-space-1:4px;
      --zb-space-2:8px;
      --zb-space-3:12px;
      --zb-space-4:14px;
      --zb-space-5:18px;
      --zb-space-6:20px;
      --zb-space-7:24px;
      --zb-space-8:28px;
      --zb-space-9:34px;
      --zb-space-10:36px;
      --zb-space-11:44px;
      --zb-transition:all .28s ease;
      --zb-container:1600px;
      --zb-header-h:82px;
      --zb-font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
    }

    *,::before,::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:var(--zb-font-ui);
      color:var(--zb-color-text);
      background:#fff;
      text-rendering:optimizeLegibility;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
    img,svg{display:block;max-width:100%;}
    a{color:inherit;text-decoration:none;transition:var(--zb-transition)}
    button,input{font:inherit}
    ul{margin:0;padding:0;list-style:none}
	.main-xiaan{overflow:hidden}
	.pt-50{padding-top: 50px;}
	.pt-100{padding-top: 100px;}
	.pb-50{padding-bottom: 50px;}
	.pb-80{padding-bottom: 80px;}
    .zb-visually-hidden{
      position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
      clip:rect(0,0,0,0);white-space:nowrap;border:0
    }
    .zb-shell{max-width:var(--zb-container);margin:0 auto;padding-inline:var(--zb-space-6)}
.zb-section-head{
  text-align:center;
  margin-bottom:3rem;
}
.zb-section-kicker{
  display:inline-block;
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--zb-color-muted);
  margin-bottom:.75rem;
}
.zb-section-kicker::before{
  content: "/";
  display: inline-block;
  margin-right: 6px;
  color: var(--zb-color-accent);
  font-weight: 700;
}
.zb-section-title{
  font-size:2.4rem;
  line-height:1.2;
  font-weight:700;
  color:var(--zb-color-text);
  margin:0 0 1rem;
}
.zb-section-desc{
  max-width:950px;
  margin:0 auto;
  font-size:1rem;
  line-height:1.8;
  color:var(--zb-color-muted);
}
.zb-section-desc + .zb-section-desc{
  margin-top:18px;
}
.zb-btn{
      display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:var(--zb-radius-pill);
      border:1px solid var(--zb-color-primary);background:var(--zb-color-primary);color:#fff;font-weight:700;white-space:nowrap;transition: .18s ease;
    }
.zb-btn:hover{background:var(--zb-color-accent);border-color:var(--zb-color-accent)}
/**** FAQ ****/
      .zb-faq-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:var(--zb-space-6);
      }

      .zb-faq-item{
        background:#fff;
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-md);
        padding:var(--zb-space-7);
        box-shadow:var(--zb-shadow-sm);
        transition:var(--zb-transition);
        height:100%;
      }

      .zb-faq-item:hover{
        transform:translateY(-3px);
        box-shadow:var(--zb-shadow-md);
      }

      .zb-faq-item h3{
        margin:0 0 var(--zb-space-3);
        color:var(--zb-color-primary);
        font-size:1.05rem;
        line-height:1.45;
        font-weight:900;
      }

      .zb-faq-item p{
        margin:0;
        color:var(--zb-color-muted);
        font-size:.95rem;
        line-height:1.85;
      }

      @media(max-width:767px){
        .zb-faq-section{
          padding:var(--zb-space-7);
          border-radius:var(--zb-radius-md);
        }

        .zb-faq-grid{
          grid-template-columns:1fr;
        }
      }

      @media(max-width:480px){
        .zb-faq-section{
          padding:var(--zb-space-5);
        }
      }
/**** FAQ End ****/
    /**** Global Logo ****/
    .zb-logo{display:inline-flex;align-items:center;gap:var(--zb-space-4);min-width:0}
    .zb-logo-mark{flex:0 0 auto}
/**** Header ****/
:root{
  --rd-red-xia:#e60023;
  --rd-text-xia:#1f2933;
  --rd-muted-xia:#5f6772;
  --rd-border-xia:#edf0f2;
  --rd-card-xia:#f4f4f4;
}
.site-header-xia{
  position:relative;
  z-index:999;
  background:#fff;
  color:var(--rd-text-xia);
}

.site-header-xia.nav-fixed-space-xia{
  padding-bottom:78px;
}

.topbar-xia{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:40px;
  padding:0 32px;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.12);
  position:relative;
  z-index:1001;
}

.logo-xia{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  line-height:1;
}

.logo-xia img{
  display:block;
  width:auto;
  max-height:32px;
  object-fit:contain;
}

.top-links-xia{
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
}

.top-links-xia a{
  color:var(--rd-text-xia);
  text-decoration:underline;
  text-underline-offset:2px;
}

.main-nav-xia{
  position:relative;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:78px;
  padding:0 32px;
  background:#fff;
  border-bottom:1px solid var(--rd-border-xia);
}

.main-nav-xia.is-fixed-xia{
  position:fixed;
  top:0;
  left:0;
  right:0;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.mobile-panel-xia{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.nav-list-xia{
  display:flex;
  align-items:center;
  gap:34px;
  margin:0;
  padding:0;
  list-style:none;
}

.nav-link-xia{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:78px;
  border:0;
  background:transparent;
  color:var(--rd-text-xia);
  text-decoration:none;
  font:inherit;
  font-size:16px;
  cursor:pointer;
  white-space:nowrap;
}

.nav-link-xia span{
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-top:-5px;
  transition:.2s ease;
}

.has-mega-xia.is-open-xia .nav-link-xia span{
  transform:rotate(225deg);
  margin-top:4px;
}

.search-xia{
  display:flex;
  align-items:center;
  width:min(360px,28vw);
  height:44px;
  border:1px solid #dfe3e8;
  border-radius:999px;
  padding:0 14px;
  background:#fff;
}

.search-xia input{
  width:100%;
  border:0;
  outline:0;
  font-size:15px;
}

.search-xia button{
  border:0;
  background:transparent;
  font-size:25px;
  cursor:pointer;
}

.mega-menu-xia{
  position:fixed;
  left:0;
  right:0;
  top:118px;
  z-index:998;
  background:#fff;
  border-top:1px solid var(--rd-border-xia);
  box-shadow:0 22px 40px rgba(0,0,0,.08);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  pointer-events:none;
  transition:.18s ease;
}

/* main-nav-xia 吸顶后，下拉框从导航栏底部开始 */
.main-nav-xia.is-fixed-xia .mega-menu-xia{
  top:78px;
}

.has-mega-xia.is-open-xia .mega-menu-xia{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

.mega-inner-xia{
  display:grid;
  grid-template-columns:minmax(420px,.95fr) minmax(620px,1.55fr);
  gap:56px;
  max-width:1800px;
  margin:0 auto;
  padding:42px 40px 46px;
}

.mega-list-wrap-xia{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px 5px;
  align-content:start;
}

.mega-overview-xia{grid-column:1 / -1}

.overview-link-xia{
  display:inline-flex;
  color:var(--zb-color-accent);
  font-weight:900;
  text-decoration:none!important;
}
.overview-link-xia:hover{color:var(--zb-color-primary)}
.mega-col-xia h3{
  margin:0 0 22px;
  font-size:15px;
  color:var(--zb-color-primary);
}

.mega-col-xia a{
  display:block;
  margin:0 0 22px;
  color:var(--rd-text-xia);
  text-decoration:none;
  font-size:16px;
  line-height:1.35;
}
.mega-col-xia a:hover{color:var(--zb-color-accent)}
.finder-btn-xia{
  display:inline-flex;
  grid-column:1 / -1;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:42px;
  padding:0 22px;
  border-radius:999px;
  background:var(--zb-color-primary);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
  gap:10px;
}
.finder-btn-xia:hover{background:var(--zb-color-accent)}
.mega-feature-xia{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 36px;
}
.mega-feature-san{
  display:grid;
  gap:0 36px;
}

.feature-main-xia{
  display:grid;
  grid-template-columns:1.08fr 1fr;
  align-items:center;
  gap:40px;
  margin-bottom:44px;
  grid-column:1 / -1;
}

.feature-main-xia img{
  width:100%;
  max-height:250px;
  object-fit:contain;
}

.feature-main-xia h3,
.feature-card-xia h3{
  margin:0 0 16px;
  color:var(--zb-color-primary);
  font-size:25px;
  line-height:1.18;
}

.feature-main-xia p,
.feature-card-xia p{
  margin:0 0 24px;
  color:#111;
  font-size:16px;
  line-height:1.55;
}

.feature-card-xia{
  min-height:200px;
  padding:32px;
  background:var(--rd-card-xia);
}
.feature-reverse-xia{
  display:flex;
  align-items:center;
  gap:20px;
}

.feature-reverse-xia > div{
  flex:1;
}

.feature-reverse-xia img{
  flex:1;
}

.mega-btn-xia{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:42px;
  padding:0 22px;
  border-radius:999px;
  background:var(--zb-color-accent);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
}
.mega-btn-xia:hover{background:var(--zb-color-primary)}
.mobile-open-xia,
.mobile-head-xia,
.mobile-sub-head-xia{
  display:none;
}

.breadcrumb-xia{
  width:100%;
  background:#fff;
  padding:5px 38px;
}

.breadcrumb-list-xia{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  color:var(--zb-color-muted);
  font-size:13px;
  line-height:1.4;
}

.breadcrumb-list-xia li{
  display:flex;
  align-items:center;
  gap:8px;
}

.breadcrumb-list-xia li + li::before{
  content:"›";
  color:#9ca3af;
  font-size:18px;
}

.breadcrumb-list-xia a{
  color:var(--zb-color-muted);
  text-decoration:none;
}
.breadcrumb-list-xia a:hover{color:var(--zb-color-accent)}
.breadcrumb-list-xia [aria-current="page"]{
  color:var(--zb-color-primary);
  font-weight:500;
}

.sr-only-xia{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

@media (max-width:1200px){
  .nav-list-xia{gap:22px}
  .search-xia{width:280px}
  .mega-inner-xia{grid-template-columns:1fr}
}
@media (max-width:991px){
  .site-header-xia{
    position:sticky;
    top:0;
    z-index:1500;
    padding-bottom:0!important;
  }
.feature-reverse-xia{
    flex-direction:column;
  }
  .topbar-xia{
    position:sticky;
    top:0;
    height:50px;
    padding:0 14px;
  }

  .top-links-xia{display:none}

  .logo-xia img{max-height:30px}

  .mobile-open-xia{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    color:#111;
    font-size:26px;
    cursor:pointer;
  }

  .main-nav-xia,
  .main-nav-xia.is-fixed-xia{
    position:fixed;
    inset:0 auto 0 0;
    z-index:2000;
    display:block;
    width:min(390px,100vw);
    height:100vh;
    padding:0;
    background:#fff;
    transform:translateX(-100%);
    transition:.25s ease;
    overflow:hidden;
    border:0;
    box-shadow:none;
  }

  .main-nav-xia.open-xia{
    transform:translateX(0);
  }

  .mobile-head-xia{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:50px;
    padding:0 14px;
    border-bottom:1px solid var(--rd-border-xia);
  }

  .mobile-close-xia{
    width:36px;
    height:36px;
    border:0;
    border-radius:6px;
    background:var(--rd-red-xia);
    color:#fff;
    font-size:30px;
    cursor:pointer;
  }

  .mobile-panel-xia{
    display:block;
    height:calc(100vh - 50px);
    overflow-y:auto;
    padding:18px 14px 36px;
  }

  .nav-list-xia{
    display:block;
    padding:0;
  }

  .nav-item-xia{
    border-bottom:1px solid var(--rd-border-xia);
  }

  .nav-link-xia{
    width:100%;
    min-height:48px;
    justify-content:space-between;
    font-size:16px;
  }

  .nav-link-xia span{
    transform:rotate(-45deg);
    margin-top:0;
  }

  .mega-menu-xia{
    position:absolute;
    inset:50px 0 0 0;
    z-index:5;
    display:block;
    background:#fff;
    opacity:1;
    visibility:visible;
    transform:translateX(100%);
    pointer-events:auto;
    border:0;
    box-shadow:none;
    transition:.25s ease;
    overflow-y:auto;
  }

  .mega-menu-xia.mobile-active-xia{
    transform:translateX(0);
  }

  .mobile-sub-head-xia{
    display:flex;
    align-items:center;
    height:54px;
    padding:0 14px;
    border-bottom:1px solid var(--rd-border-xia);
    background:#fff;
    position:sticky;
    top:0;
    z-index:2;
  }

  .mobile-back-xia{
    width:100%;
    min-height:44px;
    border:0;
    background:transparent;
    color:var(--rd-text-xia);
    font:inherit;
    font-size:16px;
    text-align:left;
    cursor:pointer;
  }

  .mega-inner-xia{
    display:block;
    padding:18px 14px 42px;
  }

  .mega-list-wrap-xia{
    display:block;
  }

  .overview-link-xia{
    display:flex;
    min-height:42px;
    align-items:center;
    color:var(--zb-color-accent);
  }

  .mega-col-xia{
    border-top:1px solid var(--rd-border-xia);
    padding:0;
  }

  .mega-col-xia h3{
    position:relative;
    margin:0;
    padding:15px 0;
    font-size:15px;
    cursor:pointer;
  }

  .mega-col-xia h3::after{
    content:"⌄";
    position:absolute;
    right:2px;
    top:50%;
    transform:translateY(-50%);
    color:#111;
  }

  .mega-col-xia.is-open-xia h3::after{
    content:"⌃";
  }

  .mega-col-xia a{
    display:none;
    margin:0;
    padding:8px 0 8px 10px;
    color:var(--rd-muted-xia);
    font-size:15px;
  }
.mega-col-xia .yddxlk-xs{display: block;}
  .mega-col-xia.is-open-xia a{
    display:block;
  }

  .finder-btn-xia{
    margin:16px 0 30px;
  }

  .mega-feature-xia{
    display:block;
  }

  .feature-main-xia{
    display:block;
    margin-bottom:22px;
  }

  .feature-main-xia img{
    max-height:240px;
    margin:10px auto 24px;
  }

  .feature-main-xia h3,
  .feature-card-xia h3{
    font-size:20px;
  }

  .feature-card-xia{
    min-height:auto;
    padding:22px;
    margin-bottom:14px;
  }

  .search-xia{
    width:100%;
    margin:18px 0 0;
  }

  .breadcrumb-xia{
    padding:12px 14px;
    overflow-x:auto;
  }

  .breadcrumb-list-xia{
    flex-wrap:nowrap;
    white-space:nowrap;
    font-size:12px;
  }
}
/**** Header End****/
    /**** Footer ****/
    .zb-footer{
      background:linear-gradient(180deg,var(--zb-color-surface-soft) 0%,var(--zb-color-surface-soft-2) 100%);
      border-top:1px solid rgba(15,23,42,.06)
    }
    .zb-footer-main{padding:34px 0 22px}
    .zb-footer-grid{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(360px,.9fr);gap:34px;align-items:stretch}
    .zb-footer-left{position:relative;padding:34px 6px 28px 0;min-width:0}
    .zb-footer-left::after{
      content:"";position:absolute;top:18px;right:-17px;width:1px;height:calc(100% - 36px);
      background:linear-gradient(180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,.1) 18%,rgba(15,23,42,.1) 82%,rgba(15,23,42,0) 100%)
    }
    .zb-footer-copy{margin-top:36px;max-width:700px}
    .zb-footer-kicker{
      margin:0 0 12px;color:var(--zb-color-accent);font-size:.78rem;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase
    }
    .zb-footer-desc{margin:0;color:var(--zb-color-muted);font-size:.98rem;line-height:1.95}
    .zb-footer-panel{
      align-self:center;min-width:0;padding:28px 28px 24px;background:rgba(255,255,255,.72);border:1px solid var(--zb-color-border);
      border-radius:var(--zb-radius-lg);box-shadow:0 10px 30px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.72);
      backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
    }
    .zb-footer-panel-label{
      display:inline-block;margin-bottom:10px;color:var(--zb-color-accent);font-size:.76rem;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase
    }
    .zb-footer-info{display:grid;gap:12px}
    .zb-footer-item{
      display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:flex-start;min-height:78px;padding:15px 16px;background:#fff;
      border:1px solid rgba(15,23,42,.06);border-radius:var(--zb-radius-md)
    }
    .zb-footer-icon{
      width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;border-radius:14px;
      background:rgb(246 247 250 / 20%);border:1px solid rgba(178,135,52,.16)
    }
    .zb-footer-item-label{
      display:block;margin-bottom:6px;color:var(--zb-color-subtle);font-size:.74rem;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase
    }
    .zb-footer-item a,.zb-footer-item span{color:var(--zb-color-primary);font-size:.96rem;line-height:1.68;word-break:break-word}
    .zb-footer-item a:hover{color:var(--zb-color-accent)}
    .zb-footer-bottom{padding:18px 0;border-top:1px solid rgba(15,23,42,.07)}
    .zb-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
    .zb-footer-rights{margin:0;color:var(--zb-color-subtle);font-size:.9rem;line-height:1.6}
    .zb-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    .zb-footer-links a{color:var(--zb-color-subtle);font-size:.9rem;line-height:1.6}
    .zb-footer-links a:hover{color:var(--zb-color-primary)}
    @keyframes zb-rise-up{
      from{opacity:0;transform:translateY(24px)}
      to{opacity:1;transform:translateY(0)}
    }
    @keyframes zb-float{
      from{transform:translate3d(0,0,0)}
      to{transform:translate3d(-12px,12px,0)}
    }

    @media (max-width:1199px){
      .zb-footer-grid{grid-template-columns:1fr;gap:22px}
      .zb-footer-left{padding-right:0;padding-bottom:4px}
      .zb-footer-left::after{display:none}
    }
    @media (max-width:767px){
      .zb-shell{padding-inline:14px}
      .zb-logo{gap:10px}
      .zb-logo-mark svg{width:38px;height:38px}
      .zb-logo-name{font-size:.92rem;letter-spacing:.05em;white-space:normal}
      .zb-logo-tag{font-size:.76rem}
      .zb-header-inner{min-height:72px;gap:12px}
      .zb-mobile-nav{width:100%}
      .zb-footer{margin-top:60px}
      .zb-footer-main{padding:24px 0 18px}
      .zb-footer-left{padding-top:22px;padding-bottom:0}
      .zb-footer-copy{margin-top:24px}
      .zb-footer-kicker{font-size:.74rem}
      .zb-footer-desc{font-size:.94rem;line-height:1.86}
      .zb-footer-panel{padding:20px 18px 18px;border-radius:22px}
      .zb-footer-item{grid-template-columns:40px 1fr;gap:12px;min-height:auto;padding:13px;border-radius:16px}
      .zb-footer-icon{width:40px;height:40px;border-radius:12px;flex-basis:40px}
      .zb-footer-bottom{padding:14px 0}
      .zb-footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:8px}
      .zb-footer-links{gap:14px}
      .zb-dropdown{display:none!important}
	  .zb-section-title{font-size:2rem;}
    }
@media (max-width:576px){
  .zb-section-title{font-size:1.7rem;}
  .zb-section-desc{font-size:.95rem;}
}
    @media (prefers-reduced-motion:reduce){
      *,::before,::after{scroll-behavior:auto;transition:none!important;animation:none!important}
    }
/**** Inquiry Form ****/
.inquiry-form-bj{background-image: url(../image/pattern-bjt.webp);}
.inquiry-form-ty-wrap{
        display:grid;
        grid-template-columns:.9fr 1.1fr;
        gap:var(--zb-space-9);
        align-items:start;
        padding:var(--zb-space-11);
      }

      .inquiry-form-ty-info h2{
        margin:0 0 var(--zb-space-4);
        color:var(--zb-color-primary);
        font-size:clamp(2rem,3vw,3rem);
        line-height:1.15;
        font-weight:900;
        letter-spacing:-.03em;
      }

      .inquiry-form-ty-info p{
        margin:0;
        color:var(--zb-color-muted);
        font-size:1rem;
        line-height:1.85;
      }

      .inquiry-form-ty-list{
        display:grid;
        gap:12px;
        margin-top:var(--zb-space-7);
      }

      .inquiry-form-ty-list li{
        position:relative;
        padding-left:22px;
        color:var(--zb-color-muted);
        font-size:.95rem;
        line-height:1.7;
      }

      .inquiry-form-ty-list li::before{
        content:"";
        position:absolute;
        left:0;
        top:.7em;
        width:8px;
        height:8px;
        border-radius:50%;
        background:var(--zb-color-accent);
      }

      .inquiry-form-ty-box{
        background:#fff;
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-lg);
        padding:var(--zb-space-8);
        box-shadow:var(--zb-shadow-md);
      }

      .inquiry-form-ty-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:var(--zb-space-5);
      }

      .inquiry-form-ty-field{
        display:flex;
        flex-direction:column;
        gap:8px;
      }

      .inquiry-form-ty-field.full{
        grid-column:1 / -1;
      }

      .inquiry-form-ty-field label{
        color:var(--zb-color-primary);
        font-size:.9rem;
        font-weight:800;
      }

      .inquiry-form-ty-field input,
      .inquiry-form-ty-field textarea,
      .inquiry-form-ty-field select{
        width:100%;
        border:1px solid var(--zb-color-border);
        border-radius:var(--zb-radius-sm);
        background:var(--zb-color-surface-soft);
        color:var(--zb-color-text);
        font-size:.95rem;
        line-height:1.5;
        outline:none;
        transition:var(--zb-transition);
      }

      .inquiry-form-ty-field input,
      .inquiry-form-ty-field select{
        height:48px;
        padding:0 14px;
      }

      .inquiry-form-ty-field textarea{
        min-height:140px;
        padding:14px;
        resize:vertical;
      }

      .inquiry-form-ty-field input:focus,
      .inquiry-form-ty-field textarea:focus,
      .inquiry-form-ty-field select:focus{
        background:#fff;
        border-color:var(--zb-color-primary);
        box-shadow:0 0 0 4px rgba(15,23,42,.06);
      }

      .inquiry-form-ty-submit{
        margin-top:var(--zb-space-6);
      }

      .inquiry-form-ty-note{
        margin:var(--zb-space-4) 0 0;
        color:var(--zb-color-muted);
        font-size:.86rem;
        line-height:1.7;
      }

      @media(max-width:991px){
        .inquiry-form-ty-wrap{
          grid-template-columns:1fr;
        }
      }

      @media(max-width:767px){
        .inquiry-form-ty-wrap{
          padding:var(--zb-space-7);
          border-radius:var(--zb-radius-md);
        }

        .inquiry-form-ty-box{
          padding:var(--zb-space-6);
          border-radius:var(--zb-radius-md);
        }

        .inquiry-form-ty-grid{
          grid-template-columns:1fr;
        }
      }

      @media(max-width:480px){
        .inquiry-form-ty-wrap{
          padding:var(--zb-space-5);
        }
      }
/**** Inquiry Form End ****/
/**弹窗GDPR**/
.cookie-banner {
            position: fixed;
            bottom: 1rem;
            left: 1rem;
            right: 1rem;
            background-color: #ffffff;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            padding: 1.5rem;
            border-radius: 0.5rem;
            z-index: 50;
            max-width: 24rem; /* max-w-sm */
            width: auto;
            margin-left: auto;
            margin-right: 6rem;
            transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s ease-out;
        }

        /* Responsive Banner Position for Desktop */
        .cookie-banner h2 {
            font-size: 1.125rem;
            font-weight: 700;
            color: var(--zb-color-primary);
            margin-bottom: 0.25rem;
        }
        .cookie-banner p {
            font-size: 0.875rem;
            color: var(--zb-color-muted);
            margin-bottom: 1rem;
        }
		.cookie-banner a {
            color: var(--zb-color-accent);
			text-decoration: underline;
        }
		.cookie-banner a:hover{color: var(--zb-color-primary)}
        .cookie-banner-buttons {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        .cookie-banner-buttons > div {
            display: flex;
            gap: 0.5rem;
        }
        .cookie-banner-buttons button {
            width: 100%;
            font-weight: 600;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            font-size: 0.875rem;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .btn-primary {
            background-color:var(--zb-color-accent);
            color: #ffffff;
        }
        .btn-primary:hover {
            background-color: var(--zb-color-primary);
        }
        .btn-secondary {
            background-color: #e5e7eb;
            color: #1f2937;
        }
        .btn-secondary:hover {
            background-color: #d1d5db;
        }
        .btn-tertiary {
            background-color: transparent;
            color: #1f2937;
        }
        .btn-tertiary:hover {
            background-color: #f3f4f6;
        }

        /* Modal Styles */
        .cookie-preferences-modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(17, 24, 39, 0.75);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1rem;
            z-index: 9999;
            transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s ease-out;
        }
        .modal-content {
            background-color: #ffffff;
            border-radius: 0.75rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            width: 100%;
            max-width: 32rem; /* max-w-lg */
            padding: 2rem;
        }
        .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 1.5rem;
        }
        .modal-header h3 {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--zb-color-primary);
            margin: 0;
        }
        .modal-header p {
            color: var(--zb-color-muted);
            margin-top: 0.25rem;
            font-size: 1rem;
        }
        .close-button {
            color: #9ca3af;
            background: none;
            border: none;
            font-size: 2.25rem;
            line-height: 1;
            cursor: pointer;
            transition: color 0.2s;
        }
        .close-button:hover {
            color: var(--zb-color-muted);
        }

        .modal-body > div {
            margin-bottom: 1.5rem;
        }
        .modal-body > div:last-child {
            margin-bottom: 0;
        }

        .preference-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .preference-item h4 {
            font-weight: 600;
            font-size: 1.125rem;
            margin: 0;
        }
        .preference-item p {
            color: var(--zb-color-muted);
            font-size: 0.875rem;
            margin: 0;
        }
        
        .modal-footer {
            margin-top: 2rem;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }
        .modal-footer button {
             width: 100%;
             font-weight: 600;
             padding: 0.5rem 1.5rem;
             border-radius: 0.5rem;
             border: none;
             cursor: pointer;
             transition: background-color 0.2s;
        }

        @media (min-width: 640px) {
            .modal-footer {
                flex-direction: row-reverse;
            }
             .modal-footer button {
                width: auto;
             }
        }
@media (max-width: 768px) {
  .cookie-banner {margin-right: 0;bottom: 10rem;}
  .modal-content{padding: 1rem;}
  .modal-header{margin-bottom:0;padding: 0;}
  .modal-body{padding: 0.5rem 0;}
  .modal-footer{margin-top:0;gap: 0.5rem;}
  .gallery-section-three {display: none !important;}
}

        /* Hidden State */
        .hidden {
            opacity: 0;
            visibility: hidden;
        }
        .cookie-banner.hidden {
            transform: translateY(20px) scale(0.98);
        }
        .cookie-preferences-modal.hidden {
            transform: scale(0.95);
        }

        /* Custom toggle switch styles */
        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 24px;
            flex-shrink: 0;
        }
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 24px;
        }
        .slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
        input:checked + .slider {
            background-color: #2563eb;
        }
        input:disabled + .slider {
            background-color: #e5e7eb;
            cursor: not-allowed;
        }
        input:checked + .slider:before {
            transform: translateX(16px);
        }
/**弹窗GDPR End**/
/**Right-side contact box **/
.floating-contact-wrap{
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 8px;
  background: rgba(242, 242, 242, 0.82);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.floating-contact-item{
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.28s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  overflow: visible;
}

.floating-contact-item:hover{
  transform: translateX(-3px);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.10);
}

.floating-contact-item img{
  display: block;
  width: 25px;
  height: 25px;
  object-fit: contain;
}

/* Hover tip */
.floating-contact-tip{
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%) translateX(8px);
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(242, 242, 242, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
  font-size: 13px;
  line-height: 1.3;
  color: #333;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  transition: all 0.28s ease;
}

.floating-contact-tip::after{
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  width: 10px;
  height: 10px;
  background: rgba(242, 242, 242, 0.98);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  transform: translateY(-50%) rotate(45deg);
}

.floating-contact-item:hover .floating-contact-tip{
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

/* WeChat popup */
.wechat-card{
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%) translateX(8px);
  min-width: 156px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(242, 242, 242, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
  opacity: 0;
  visibility: hidden;
  transition: all 0.28s ease;
  white-space: nowrap;
  z-index: 3;
}

.wechat-card::after{
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  width: 10px;
  height: 10px;
  background: rgba(242, 242, 242, 0.98);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  transform: translateY(-50%) rotate(45deg);
}

.wechat-card-label{
  font-size: 12px;
  color: #666;
  margin-bottom: 3px;
  line-height: 1.2;
}

.wechat-card-number{
  font-size: 14px;
  font-weight: 600;
  color: #222;
  line-height: 1.3;
  user-select: text;
  -webkit-user-select: text;
}

.wechat-trigger:hover .wechat-card,
.wechat-trigger .wechat-card:hover{
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

.wechat-trigger:hover .floating-contact-tip{
  opacity: 0;
  visibility: hidden;
}

/* QR popup */
.qr-card{
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%) translateX(8px);
  width: 150px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(242, 242, 242, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
  opacity: 0;
  visibility: hidden;
  transition: all 0.28s ease;
  z-index: 3;
}

.qr-card::after{
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  width: 10px;
  height: 10px;
  background: rgba(242, 242, 242, 0.98);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  transform: translateY(-50%) rotate(45deg);
}

.qr-card img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.qr-trigger:hover .qr-card,
.qr-trigger .qr-card:hover{
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

.qr-trigger:hover .floating-contact-tip{
  opacity: 0;
  visibility: hidden;
}

/* bridge area */
.floating-contact-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;      /* 从图标右侧向左延伸 */
  width: 20px;      /* 宽度要大于间距 10px，确保覆盖空隙 */
  height: 100%;     /* 高度与图标一致 */
  display: block;
  z-index: 2;
}
.floating-contact-tip {
  user-select: text;
  -webkit-user-select: text;
  cursor: text; /* 鼠标移动到文字上显示 I 型光标 */
}
/* 专门给图标链接设置手型光标 */
.contact-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
/* Tablet */
@media (max-width: 1199px){
  .floating-contact-wrap{
    right: 12px;
    padding: 8px 7px;
  }

  .floating-contact-item{
    width: 40px;
    height: 40px;
  }
  .floating-contact-tip{
    font-size: 12px;
    padding: 7px 10px;
  }

  .wechat-card{
    min-width: 146px;
    padding: 9px 12px;
  }

  .wechat-card-number{
    font-size: 13px;
  }

  .qr-card{
    width: 136px;
    padding: 8px;
  }
}

/* Mobile hidden */
@media (max-width: 767px){
  .floating-contact-wrap{
    display: none;
  }
}
/**Right-side contact box End**/