.floating-social-buttons {
    position: fixed;
    bottom: 20%;
    right: 20px;
    z-index:9;
    display: flex
;
    align-items: center;
}
/* ====== Design Tokens ====== */
:root{
  --brand:#4e9f65;  /* CTA green */
  --ink:#0e1622;    /* dark */
  --ink-2:#1f2a3a;  /* dark block */
  --muted:#7d8aa0;  /* secondary text */
}
html,body{scroll-behavior:smooth;background:url("/assets/images/bac2.jpg");color:#dbe2ea}

/* ====== Navbar ====== */
.navbar {
  position: fixed;
  inset: auto 0 auto 0;
  top: 0;
  z-index: 1030;
  background: rgba(15, 15, 15, 0.65); /* 半透明柔黑 */
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(212, 175, 49, 0.35); /* 金色线条 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  transition: background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}

/* 滚动时略微加深 */
.navbar.scrolled {
  background: rgba(10, 10, 10, 0.85);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
}

/* 手机菜单展开时保持一致风格 */
.navbar-collapse.show {
  
  transition: all 0.4s ease;
}

/* ====== 链接 ====== */
.nav-link {
  color: #d4af37 !important; /* 金色 */
  opacity: 0.9;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: #fff !important;
  text-shadow: 0 0 10px #d4af37;
  opacity: 1;
}

/* ====== CTA 按钮 ====== */
.btn-cta {
  background: #3ddc84; /* WhatsApp绿 */
  color: #0b0f14 !important;
  font-weight: 700;
  border: none;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.btn-cta:hover {
  background: #48e98d;
  box-shadow: 0 0 10px rgba(61, 220, 132, 0.6);
}

/* ====== 手机端 ====== */
@media (max-width: 991px) {
  .navbar-nav {
    text-align: center;
    padding: 1.2rem 0;
  }

  .nav-link {
    padding: 0.8rem 0;
  }

  .btn-cta {
    display: inline-block;
    margin-top: 1rem;
  }
}

.nav-pills .nav-link:hover{color:var(--brand)}
.nav-pills .nav-link.active{background-color:rgb(255 255 255 / 74%); color:#0b0f14 !important; font-weight:700;    padding: 10px 20px;}

/* Anchor offset so sections are not hidden under fixed navbar */
section[id]{scroll-margin-top:90px}

/* ====== Hero with video ====== */
.hero{height:100vh; position:relative; overflow:hidden; background:#0e1a26; color:#fff}
.hero-video{position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%,-50%); object-fit:cover; z-index:0}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,15,22,.55) 0%, rgba(10,15,22,.75) 70%, rgba(10,15,22,.9) 100%); z-index:1}
.hero .container{position:relative; z-index:2}

@media (max-width: 991px) {
  .navbar-collapse.show,
  .navbar-collapse.show ~ .navbar {
    background:transparent;

    transition: all 0.4s ease;
  }
  }
/* Reduce motion & mobile: show fallback image */
.offcanvas {
  background: rgba(0, 0, 0, 0.9);
  color: #d4af37; /* 金色文字 */
}
.hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* 视频全屏背景 */


/* 手机版背景图 */
.hero-image {
  background-image: url('assets/images/phone_back.png'); /* 替换成你的背景图路径 */
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 半透明遮罩 */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
}

@media (max-width: 768px),a (prefers-reduced-motion: reduce){
  .hero-video{display:none}
  .hero{background:url('assets/images/bg2.png') center/cover no-repeat}
}

/* ====== Section helpers ====== */
.section{padding:80px 0}
.section-dark{background:var(--ink-2)}
.section-light{background:#fff; color:#1b2430}
.section-muted{background:#0f1b28}
.text-muted-2{color:var(--muted)}
.heading-deco{position:relative; padding-bottom:.6rem}
.heading-deco::after{content:""; position:absolute; left:0; bottom:0; width:48px; height:4px; background:var(--brand); border-radius:2px}

/* ====== About stacked photos ====== */
.stack-photos{position:relative; min-height:520px; overflow:visible}
.stack-photos .photo img{width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 12px 32px rgba(0,0,0,.35); object-fit:cover}
.photo-a{position:absolute; left:0; top:0; width:62%}
.photo-b{position:absolute; right:0; bottom:-2%; width:70%; z-index:2}
@media (max-width: 991.98px){
  .stack-photos{min-height:0}
  .stack-photos .photo{position:static; width:100%; margin-bottom:16px}
}

/* ====== Rate grid (consolidated) ====== */
.rate-grid{display:grid; grid-template-columns:1fr; gap:18px}
@media (min-width:992px){.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rate-item{display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; background:#fff; border-radius:28px; padding:22px 24px; box-shadow:0 18px 45px rgba(0,0,0,.10)}
.rate-info{min-width:0}
.rate-title{font-weight:800; color:#13212f; line-height:1.15; font-size:clamp(.9rem,2vw,1.1rem)}
.rate-sub{color:#718099; font-size:clamp(.8rem,1.6vw,1rem); margin-top:.35rem}
.rate-price{font-weight:800; color:#13212f; font-size:clamp(.95rem,2.2vw,1.2rem); white-space:nowrap}
.btn-book{border:0; border-radius:.6rem; padding:.55rem .9rem; white-space:nowrap}
@media (max-width:420px){
  .rate-item{grid-template-columns:1fr; grid-template-areas:"info" "price"}
  .rate-info{grid-area:info}
  .rate-price{grid-area:price; justify-self:start}
}

/* ====== Steps / stats / testimonials ====== */
.rounded-xxxl{border-radius:32px}
@media (min-width:992px){.rounded-xxxl{border-radius:56px}}
.object-fit-cover{object-fit:cover}
.stat{text-align:center}
.stat .num{font-size:54px; font-weight:900; color:#ffd166}
.stat .label{color:#cfe0f5}

/* Utility paddings */
.bg-ink-2{background:#1f2a3a}
.bg-ink-3{background:#0e141c}
.py-6{padding-top:72px; padding-bottom:72px}