/* Services section overrides to match reference design */
.services-uniguru-style {
  /* Use the same orange accent as 免费咨询按钮 */
  --svc-accent: var(--accent-2, #ff8a00);
  --svc-line: #000000; /* borders switched to black */
  display: grid;
  grid-template-columns: 1fr 1fr; /* 左右等宽，视觉更对称 */
  gap: 64px; /* 增大中缝，左右留白更均衡 */
  align-items: start;
}

.services-uniguru-style .services-left{
  position: relative;
  padding-right: 24px;
  margin-top: 40px;
}
.services-uniguru-style .services-title{
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(36px, 5vw, 52px);
  line-height: 1.1;
  color:#0b1f35;
  margin:0 0 6px;
  border: none !important; /* remove any base underline */
}
.services-uniguru-style .services-title::after{ content:none !important; }
.services-uniguru-style .services-intro{ color:#0b1f35; opacity:.9; }
.services-uniguru-style .services-intro strong{ font-weight:800; }
.services-uniguru-style .btn-learn-more{
  background:linear-gradient(90deg, var(--accent-1, #ffb703), var(--svc-accent));
  background-size:200% 100%;
  color:#fff;
  border-radius:9999px; /* pill, match 免费咨询 */
  letter-spacing:.04em;
  box-shadow:0 10px 24px rgba(255,138,0,.26);
}
.services-uniguru-style .btn-learn-more:hover{
  background-position:100% 0;
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(255,138,0,.32);
}

.services-uniguru-style .services-right{ margin-top: 40px; padding-left: 24px; }
.services-uniguru-style .service-block{ border-top:1px solid var(--svc-line); padding:18px 0 0; }
.services-uniguru-style .service-block:last-of-type{ border-bottom:1px solid var(--svc-line); padding-bottom:6px; }
/* Neutralize any global ::after chevron defined elsewhere */
.services-uniguru-style .service-block::after{ content:none !important; }
.services-uniguru-style .service-block.active::after{ content:none !important; }
.services-uniguru-style .service-block h3{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin:0;
  font-weight:600;
  font-size:19px;
  line-height:1.25;
  letter-spacing:.2px;
  color:#0b1320;
  cursor:pointer;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
.services-uniguru-style .service-block h3 .svc-heading-main{
  flex:1 1 55%;
  min-width:200px;
}
.services-uniguru-style .service-block h3 .en{
  opacity:.85;
  font-weight:400;
  flex:0 0 40%;
  margin-left:auto;
  text-align:right;
}
.services-uniguru-style .service-block h3::after{
  content:"";
  margin-left:16px;
  width:18px; height:18px;
  border-right:2px solid var(--svc-accent);
  border-bottom:2px solid var(--svc-accent);
  transform:rotate(45deg);
  transition:transform .25s ease;
  flex:0 0 auto;
}
.services-uniguru-style .service-block.active h3::after{ transform:rotate(-135deg); }
.services-uniguru-style .service-content{ padding:6px 2px 0; max-height:0; overflow:hidden; opacity:0; transition:max-height .35s ease, opacity .35s ease, padding .35s ease; }
.services-uniguru-style .service-block.active .service-content{ max-height:560px; opacity:1; padding:8px 2px 8px; }
.services-uniguru-style .service-content p{ margin:0 0 8px; color:#334155; }
.services-uniguru-style .service-content ul{ margin:0; padding-left:18px; color:#475569; }
.services-uniguru-style .service-content li{ margin:6px 0; }
.services-uniguru-style .service-block h3 .en:empty{ display:none; }

/* link to detail pages */
.services-uniguru-style .svc-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--accent-2,#ff8a00);text-decoration:none;font-weight:700
}
.services-uniguru-style .svc-link::after{
  content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease
}
.services-uniguru-style .svc-link:hover::after{ transform:translateX(2px) rotate(-45deg); }

/* button-style detail link shown inside expanded content */
.services-uniguru-style .svc-actions{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.services-uniguru-style .svc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:10px 16px;border-radius:9999px;
  background:linear-gradient(90deg,var(--accent-1,#ffb703),var(--accent-2,#ff8a00));
  color:#fff;text-decoration:none;font-weight:800;
  box-shadow:0 10px 24px rgba(255,138,0,.26);
}
.services-uniguru-style .svc-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 30px rgba(255,138,0,.32); }

.services-uniguru-style .svc-btn--secondary{
  background:#fff;
  color:var(--accent-2,#ff8a00);
  border:1px solid rgba(255,138,0,.45);
  box-shadow:0 6px 18px rgba(255,138,0,.16);
}
.services-uniguru-style .svc-btn--secondary:hover{
  box-shadow:0 12px 26px rgba(255,138,0,.22);
}

@media (max-width: 968px){
  .services-uniguru-style{ grid-template-columns:1fr; gap:32px; }
  .services-uniguru-style .services-left{
    position: relative;
    padding-right: 24px;
    margin-top: 40px;
  }
}
@media (max-width: 720px){
  .services-uniguru-style .service-block h3{
    flex-direction:column;
    gap:10px;
  }
  .services-uniguru-style .service-block h3 .svc-heading-main,
  .services-uniguru-style .service-block h3 .en{
    flex:1 1 auto;
    min-width:0;
    margin-left:0;
    text-align:left;
  }
  .services-uniguru-style .service-block h3::after{
    margin-left:0;
    align-self:flex-end;
  }
}

/* ===== Homepage sections: alternate static backgrounds ===== */
/* A: Services -> white */
#services.section,
#services.section--tint{ background:#ffffff !important; background-image:none !important; }
/* B: Destinations -> softer professional blue-gray */
#destinations.section{ background:#f3f6fb !important; background-image:none !important; }
/* C: Why Us -> white */
#whyus.section{ background:#ffffff !important; background-image:none !important; }
/* D: Stories -> softer professional blue-gray */
#stories.section,
#stories.section--tint{ background:#f3f6fb !important; background-image:none !important; }
/* E: FAQ -> white */
#faq.section{ background:#ffffff !important; background-image:none !important; }

/* ===== Layered cards for tinted sections to enhance hierarchy ===== */
#destinations.section > .container,
#stories.section--tint > .container{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 16px 38px rgba(2,12,27,.06);
  padding:32px 24px;
}
#destinations .globe-frame{ border-radius:14px; overflow:hidden; }

/* Tidy section title spacing */
#destinations .section__title,
#stories .section__title{ margin-top:6px; margin-bottom:10px; }

@media (max-width: 760px){
  #destinations.section > .container,
  #stories.section--tint > .container{ padding:20px 14px; border-radius:14px; }
}

/* Homepage hero title color tweak - more readable */
.hero h1{ color:#0b1f35 !important; text-shadow:0 1px 0 rgba(255,255,255,.35); }

/* ===== Topnav: Services hover submenu ===== */
.topnav-dark .nav-links li.has-submenu{ position:relative; }
.topnav-dark .nav-links a.with-caret::after{
  content:""; display:inline-block; width:6px; height:6px; margin-left:6px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .2s ease, border-color .2s ease;
}
.topnav-dark .nav-links li.has-submenu:hover > a.with-caret::after{ transform:rotate(225deg); border-color:#ffbe8d; }

.nav-submenu{ position:absolute; top:100%; left:0; min-width:260px; padding:10px; background:#2f3047; border:1px solid rgba(255,255,255,.12); border-radius:10px; box-shadow:0 10px 28px rgba(0,0,0,.25); opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .2s ease, transform .2s ease, visibility .2s; z-index: 10060; }
.nav-submenu li{ list-style:none; }
.nav-submenu a{ display:block; padding:10px 12px; color:#fff; text-decoration:none; border-radius:8px; white-space:nowrap; }
.nav-submenu a:hover{ background:rgba(255,255,255,.08); }
.topnav-dark .nav-links li.has-submenu:hover > .nav-submenu{ opacity:1; visibility:visible; transform:translateY(0); }
.topnav-dark .nav-links li.has-submenu.submenu-open > .nav-submenu{ opacity:1; visibility:visible; transform:translateY(0); }
.topnav-dark .nav-links li.has-submenu.submenu-open > a.with-caret::after{ transform:rotate(225deg); }