/* ============================================================
   CINEMA — 深绿 · 字浮在画面上 · 分区有层次
   叠加在 preview.css / motion.css 之上。
   按钮沿用 motion.css 原本的椭圆双色方案，这里不做覆盖。
   ============================================================ */

:root{
  --deep:#081f1a;      /* 最深 */
  --deep-2:#0b241d;
  --deep-3:#0f2e26;
  --mid:#123a30;
  --moss:#344b46;      /* 原来的"目的地"段颜色 */
  --cream:#f4f2e8;
  --cream-soft:rgba(244,242,232,.74);
  --hair:rgba(244,242,232,.16);
  --hair-strong:rgba(244,242,232,.30);
}

/* ---------- 背景：四张图循环 ---------- */

.scenery{background:var(--deep)}
.scenery span{
  display:block;
  opacity:0;
  inset:0;
  animation:airFlow 18s linear infinite, airDrift 14s ease-in-out infinite alternate;
  background-size:cover;background-position:50% 45%;
}
.scenery span::before,.scenery span::after{display:none}

.scenery span:nth-child(1){background-image:url('assets/original-1.webp');background-position:50% 48%;filter:brightness(.92);animation-delay:-4.5s,-4s}
.scenery span:nth-child(2){background-image:url('assets/forbidden-city-hd.webp');background-position:50% 58%;filter:brightness(1.02);animation-delay:-9s,-9s}
.scenery span:nth-child(3){background-image:url('assets/original-3.webp');background-position:50% 55%;filter:brightness(.88);animation-delay:-13.5s,-14s}
.scenery span:nth-child(4){background-image:url('assets/jewel-changi.webp');background-position:50% 42%;animation-delay:0s,-19s}

@keyframes airFlow{
  0%,25%   {opacity:1}
  38%,92%  {opacity:0}
  100%     {opacity:1}
}
@keyframes airDrift{from{transform:scale(1.03)}to{transform:scale(1.11)}}

.scenery:after{
  background:
    linear-gradient(90deg,rgba(6,24,19,.72) 0%,rgba(6,24,19,.46) 32%,rgba(6,24,19,.16) 66%,rgba(6,24,19,.07) 100%),
    linear-gradient(180deg,rgba(6,24,19,.04) 0%,rgba(6,24,19,.16) 58%,rgba(6,24,19,.70) 100%);
}

body{background:var(--deep-2);color:var(--cream)}

/* ---------- 页头 ---------- */

.site-header{background:transparent;border-bottom:0}
.identity-row{min-height:104px}
.nav-border{border-color:var(--hair)}
.nav-actions{border-bottom:0}

/* ---------- 首屏 ---------- */

.hero{background:transparent;min-height:94svh}
.hero:after,.hero-photograph{display:none}
.hero-grid{min-height:94svh;padding-top:200px;padding-bottom:130px;display:flex;align-items:center}
.hero-copy{max-width:720px;background:none;border:0;box-shadow:none;padding:0}
.hero .eyebrow{color:rgba(244,242,232,.74);font-size:10px;letter-spacing:.32em}
.hero h1{
  font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;
  font-size:clamp(32px,3.9vw,58px);line-height:1.5;letter-spacing:.05em;
  margin:26px 0 24px;color:var(--cream);text-shadow:0 2px 40px rgba(0,0,0,.3);
}
.hero-copy>p{
  font-size:14px;line-height:2.25;letter-spacing:.03em;
  color:var(--cream-soft);max-width:540px;text-shadow:0 1px 24px rgba(0,0,0,.32);
}
.hero-actions{gap:26px;margin-top:42px}
.hero-foot{border-top:1px solid var(--hair);color:rgba(244,242,232,.56);font:9px Arial;letter-spacing:.2em}
.hero-foot a{color:rgba(244,242,232,.74);font-size:11px}

/* ---------- 分区层次 ---------- */

.bridge,#trips,.outdoors,.featured,.community,.parent,
.service-dmc,.charter-section,.enquiry,footer{position:relative;z-index:1}

.bridge{background:#0b241d;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  color:rgba(244,242,232,.58);font-size:11px;letter-spacing:.12em;padding-block:24px}
.bridge strong{color:var(--cream);font-size:11px;letter-spacing:.12em}

#trips{background:var(--moss)}          /* ← 原来的颜色 */
.outdoors{background:linear-gradient(180deg,rgba(6,24,19,.74),rgba(6,24,19,.88)),url('assets/bukit-timah-forest.webp') center 55%/cover no-repeat;background-attachment:fixed}
.featured{background:#0d2b23}
.community{background:linear-gradient(90deg,rgba(6,24,19,.34) 0%,rgba(6,24,19,.72) 38%,#0e2b23 62%,#0e2b23 100%),url('assets/sentosa-bridge.webp') center 50%/cover no-repeat;background-attachment:fixed}
.parent{background:#0a241d}
.service-dmc{background:linear-gradient(180deg,rgba(6,24,19,.82),rgba(6,24,19,.93)),url('assets/chek-jawa-group.webp') center 32%/cover no-repeat;background-attachment:fixed}
.charter-section{background:#0d2b23}
.enquiry{background:#123a30}
footer{background:var(--deep)}

/* ---------- 节奏与排版 ---------- */

.section{padding:110px 0}
.section-heading{margin-bottom:48px}
.section-heading .eyebrow{color:rgba(244,242,232,.58);font-size:9px;letter-spacing:.26em}
.section-heading h2{
  font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;
  font-size:clamp(28px,3vw,42px);line-height:1.45;letter-spacing:.05em;margin-top:16px;color:var(--cream);
}
.section-heading>p{color:var(--cream-soft);font-size:12px;line-height:2;max-width:330px}

/* ---------- 目的地列表 ---------- */

#trips{padding-top:100px;padding-bottom:100px}
#trips>.section-heading,#trips>.trip-filters,#trips>.small,
#trips .product-collection{width:min(1280px,calc(100% - 100px));margin-left:auto;margin-right:auto}

.trip-filters{border-bottom:1px solid var(--hair-strong);padding-bottom:22px;margin-bottom:0}
.trip-filters label{color:rgba(244,242,232,.6);font-size:10px;letter-spacing:.16em}
.destination-trigger{color:var(--cream);border-bottom:1px solid var(--hair-strong);background:transparent;border-radius:0}
.destination-options{background:#25403c;border:1px solid var(--hair);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.destination-options button{color:rgba(244,242,232,.84);font-size:12px}
.destination-options button:hover,.destination-options button:focus-visible{background:rgba(244,242,232,.10)}
.destination-options button.selected{background:rgba(244,242,232,.07);color:#fff}
.results{color:rgba(244,242,232,.55);font-size:11px;letter-spacing:.1em}

#trips .product-collection{display:block;min-height:0}
#trips .product-collection .trip{
  display:grid;grid-template-columns:1fr 1.35fr auto;gap:18px 44px;align-items:center;
  padding:46px 0;border-bottom:1px solid var(--hair);color:var(--cream);
}
#trips .product-collection .trip:first-child{border-top:1px solid var(--hair)}
#trips .product-collection .trip>.eyebrow{grid-column:1/-1;font-size:9px;letter-spacing:.22em;color:rgba(244,242,232,.55);margin:0 0 2px}
#trips .product-collection .trip h3{
  font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;
  font-size:clamp(24px,2.2vw,31px);line-height:1.45;letter-spacing:.05em;margin:0;color:var(--cream);
}
#trips .product-collection .trip>p{color:var(--cream-soft);font-size:12px;line-height:2;margin:0;max-width:520px}
#trips .product-collection .trip>.textlink{justify-self:end;white-space:nowrap}
.product-price-line{grid-column:2/-1;color:rgba(244,242,232,.5);font-size:11px}

#trips .product-collection .product-photo{margin:26px 0 0;width:100%;overflow:hidden}
#trips .product-collection .product-photo img{
  display:block;width:100%;max-width:560px;height:auto;aspect-ratio:4/3;
  object-fit:cover;object-position:center 55%;border-radius:0;
  filter:saturate(.95) brightness(1);
}
#trips>.small[data-t="tripNote"]{background:transparent;color:rgba(244,242,232,.5);font-size:10px;line-height:2;padding:26px 0 0}

/* ---------- 户外 ---------- */

.outdoors:after{display:none}
.outdoors .outdoor-photo{display:none}
.outdoor-grid{gap:110px;padding-block:100px;min-height:0}
.outdoor-title .eyebrow{color:rgba(244,242,232,.58);font-size:9px;letter-spacing:.26em}
.outdoor-title h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(32px,3.4vw,48px);line-height:1.5;letter-spacing:.06em;margin:24px 0;color:var(--cream)}
.outdoor-title p{color:var(--cream-soft);font-size:12px;line-height:2.1;max-width:320px}
.outdoor-options article{border-top:1px solid var(--hair);padding:28px 0}
.outdoor-options article:last-child{border-bottom:1px solid var(--hair)}
.outdoor-number{color:rgba(244,242,232,.5);font-size:9px;letter-spacing:.18em}
.outdoor-options h3{font-family:"Songti SC",Georgia,serif;font-size:26px;margin:14px 0 12px;color:var(--cream)}
.outdoor-options p{color:var(--cream-soft);font-size:12px;line-height:2}

/* ---------- 特别推荐 ---------- */

.reserved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border:0}
.reserved-grid>div{position:relative;height:190px;background:rgba(244,242,232,.03);border:1px solid var(--hair)}
.reserved-grid span{color:rgba(244,242,232,.5);font-size:10px;letter-spacing:.14em}
.reserved-grid i{color:var(--hair-strong)}
.reserved-grid p{color:rgba(244,242,232,.55);font-size:11px}

/* ---------- 讨论 ---------- */

.community h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(30px,3vw,42px);line-height:1.45;letter-spacing:.05em;color:var(--cream)}
.community p{color:var(--cream-soft);font-size:13px;line-height:2.1}
.community-art{background:rgba(8,31,26,.42);border:1px solid var(--hair);border-radius:0;padding:44px;min-height:300px}
.community-art .eyebrow{color:rgba(244,242,232,.55)}
.community-art h3{color:var(--cream);font-size:26px;line-height:1.75}
.community .values span{border-color:var(--hair);color:rgba(244,242,232,.62)}

/* ---------- 关于 / 服务 / 表单 ---------- */

.parent h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(30px,3vw,42px);line-height:1.45;letter-spacing:.05em;color:var(--cream)}
.parent-copy>p,.parent .small{color:var(--cream-soft);font-size:12px;line-height:2.05}
.brand-pair article{border-top:1px solid var(--hair)}
.brand-pair h3{color:var(--cream)}
.brand-pair p{color:var(--cream-soft)}

.service-dmc h2,.charter-section h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(26px,2.5vw,34px);line-height:1.5;letter-spacing:.05em;color:var(--cream)}
.service-dmc p,.charter-section p{color:var(--cream-soft);font-size:13px;line-height:2.05}
.service-list li{border-bottom:1px solid var(--hair-strong);color:var(--cream-soft);font-size:13px}
.charter-grid img{border-radius:0;filter:saturate(.92) brightness(.97)}
.charter-grid figcaption strong{color:var(--cream);font-size:12px}
.charter-grid figcaption span{color:rgba(244,242,232,.58);font-size:10px}

.enquiry h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(30px,3vw,42px);line-height:1.45;letter-spacing:.05em;color:var(--cream)}
.enquiry-copy p,.enquiry .small{color:var(--cream-soft);font-size:13px;line-height:2}
.enquiry form{background:transparent;border:0;padding:0}
.field label{color:rgba(244,242,232,.58);font-size:11px;letter-spacing:.12em}
.field input,.field select,.field textarea{
  color:var(--cream);border:0;border-bottom:1px solid var(--hair-strong);
  background:transparent;border-radius:0;font-size:15px;
}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--cream);outline:none}
.field select option{color:#12271f;background:var(--cream)}
.field .matching-dropdown .destination-trigger{color:var(--cream);border-bottom:1px solid var(--hair-strong)}
.matching-dropdown .destination-options{background:#25403c;border:1px solid var(--hair);border-radius:14px}
.matching-dropdown .destination-options button{color:rgba(244,242,232,.84)}
.matching-dropdown .destination-options button:hover,.matching-dropdown .destination-options button:focus-visible{background:rgba(244,242,232,.10)}
.email-contact{color:var(--cream);border-bottom:1px solid var(--hair-strong)}
.email-contact:hover{border-color:var(--cream);color:#fff}
.fallback{background:rgba(244,242,232,.05);border:1px solid var(--hair);color:var(--cream)}
.status{color:rgba(244,242,232,.58)}

/* ---------- 页脚 ---------- */

footer{color:var(--cream);border-top:1px solid var(--hair)}
.footer-top p,.footer-top .brand small,.footer-bottom{color:rgba(244,242,232,.58)}
.footer-bottom{border-color:var(--hair)}
.footer-links a{color:rgba(244,242,232,.78)}
.footer-links a:hover{color:#fff}

/* ---------- 弹窗 ---------- */

dialog{background:#123c33;color:var(--cream);border-radius:0;box-shadow:0 40px 90px rgba(0,0,0,.55)}
dialog::backdrop{background:rgba(4,18,14,.62)}
.dialog-body h2{color:var(--cream)}
.dialog-body p,.dialog-list{color:var(--cream-soft)}
.dialog-close{background:rgba(244,242,232,.12);color:var(--cream)}
.dialog-pic{display:none}
#productDetailExtra p,#productDetailExtra li{color:var(--cream-soft)}
#productDetailExtra select{background:transparent;border:1px solid var(--hair-strong);color:var(--cream)}
.price-table th{background:rgba(244,242,232,.08)}
.price-table th,.price-table td{border-bottom:1px solid var(--hair)}
.request-preview{border-top:1px solid var(--hair)}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--cream);outline-offset:4px;
}

/* ---------- 响应式 ---------- */

@media(max-width:1100px){
  .hero-copy{max-width:100%}
  .outdoor-grid{gap:60px}
  .community-grid{gap:60px}
}
@media(max-width:860px){
  .hero,.hero-grid{min-height:88svh}
  .hero-grid{padding-top:150px;padding-bottom:110px}
  .hero h1{font-size:clamp(30px,7.4vw,40px);line-height:1.5}
  .hero-copy>p{font-size:13px}
  .section{padding:76px 0}
  #trips .product-collection .trip{grid-template-columns:1fr;gap:14px;padding:34px 0}
  #trips .product-collection .trip>.textlink{justify-self:start}
  .reserved-grid{grid-template-columns:1fr}
  .reserved-grid>div{height:130px}
  .outdoor-grid{grid-template-columns:1fr;gap:36px;padding-block:76px}
  .community-grid,.parent-grid,.enquiry-grid{grid-template-columns:1fr;gap:44px}
  #trips>.section-heading,#trips>.trip-filters,#trips>.small,#trips .product-collection{width:calc(100% - 40px)}
  .hero-foot{position:static;right:auto;width:auto;padding:18px 0;border-top:1px solid var(--hair)}
}

/* ---------- 产品行：小图 + 行程说明 + 亮点 ---------- */

#trips .product-collection .product-photo{grid-column:1;margin:34px 0 0;max-width:286px;position:relative;overflow:visible;padding:14px 20px;background:#14110e;border:0;border-radius:2px;transform:rotate(-1.2deg);box-shadow:0 18px 40px rgba(0,0,0,.5)}
#trips .product-collection .product-photo::before,#trips .product-collection .product-photo::after{content:'';position:absolute;top:8px;bottom:8px;width:10px;background-image:repeating-linear-gradient(180deg,rgba(240,236,222,.8) 0 7px,transparent 7px 18px);border-radius:2px}#trips .product-collection .product-photo::before{left:5px}#trips .product-collection .product-photo::after{right:5px}#trips .product-collection .product-photo img{display:block;max-width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:1px;filter:saturate(.9) contrast(.96) brightness(1.02)}

#trips .product-collection .trip-notes{
  grid-column:2/-1;margin:26px 0 0;align-self:start;
  display:grid;grid-template-columns:1.15fr .85fr;gap:56px;
}
.trip-notes h4{
  font-family:Arial,"PingFang SC",sans-serif;font-weight:400;
  font-size:9px;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(244,242,232,.48);margin:0 0 14px;
}
.trip-notes p{margin:0;font-size:12px;line-height:2.05;color:rgba(244,242,232,.76)}
.trip-notes ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.trip-notes li{
  position:relative;padding-left:15px;
  font-size:12px;line-height:1.95;color:rgba(244,242,232,.76);
}
.trip-notes li::before{content:"";position:absolute;left:0;top:.9em;width:5px;height:1px;background:rgba(244,242,232,.4)}
.notes-side{padding-left:56px;border-left:1px solid rgba(244,242,232,.12)}

@media(max-width:860px){
  #trips .product-collection .product-photo{max-width:100%}
  #trips .product-collection .trip-notes{grid-column:1/-1;grid-template-columns:1fr;gap:28px;margin-top:18px}
  .notes-side{padding-left:0;border-left:0;border-top:1px solid rgba(244,242,232,.12);padding-top:20px}
}

/* ---------- 首屏视频层 ---------- */

.hero-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;
  opacity:0;transition:opacity 1.4s ease;
  pointer-events:none;
}
body.hero-video-on .hero-video{opacity:1}
body.hero-video-on .scenery span{display:none}
.motion-paused .hero-video{animation-play-state:paused}

/* ---------- 晾晒夹子 ---------- */

#trips .product-collection .film-clip{
  position:absolute;top:-14px;left:50%;margin-left:-11px;
  width:22px;height:31px;z-index:2;
  background:linear-gradient(180deg,#d3cfc4 0%,#8e8a7f 52%,#bab6aa 100%);
  border-radius:3px 3px 2px 2px;
  box-shadow:0 3px 6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);
  transform:rotate(-2.5deg);pointer-events:none;
}
#trips .product-collection .film-clip::after{
  content:"";position:absolute;left:6px;right:6px;top:10px;height:9px;
  background:linear-gradient(180deg,#6e6a60,#a19d91);
  border-radius:1px;box-shadow:inset 0 1px 2px rgba(0,0,0,.55);
}

/* 修正：.wrap 级区块的底色只铺 1280 宽，两侧会漏出背景图 —— 拉满整屏 */
.section.wrap,.bridge,footer.wrap{position:relative;isolation:isolate}
.section.wrap::before,.bridge::before,footer.wrap::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;
  width:100vw;transform:translateX(-50%);
  background:inherit;z-index:-1;
}

/* ---------- 顶部社交：只留图标 ---------- */
.social span{display:none}
.socials{gap:18px}
.social svg{width:20px;height:20px}

/* ---------- 下拉框：统一底色 ---------- */
:root{--control:#0d2a23}
.destination-trigger{
  background:var(--control)!important;
  border:0!important;border-bottom:1px solid var(--hair-strong)!important;
  border-radius:2px!important;
  padding:12px 14px!important;
  color:var(--cream)!important;
  font-size:12px;
}
.destination-trigger:hover{background:#103129!important}
.destination-options,.matching-dropdown .destination-options{
  background:var(--control)!important;
  border:1px solid var(--hair)!important;
  border-radius:2px!important;
  box-shadow:0 20px 44px rgba(0,0,0,.45)!important;
}
.destination-options button,.matching-dropdown .destination-options button{
  color:rgba(244,242,232,.86)!important;border-radius:0!important;
}
.destination-options button:hover,.destination-options button:focus-visible{
  background:rgba(244,242,232,.08)!important;
}
.destination-options button.selected{background:rgba(244,242,232,.12)!important;color:#fff!important}
.field .matching-dropdown .destination-trigger{background:var(--control)!important;padding:12px 14px!important;border-radius:2px!important}
.field select{background:var(--control)!important;border:0!important;border-bottom:1px solid var(--hair-strong)!important;border-radius:2px!important;padding:12px 14px!important;min-height:46px!important;color:var(--cream)!important}
.trip-filters .destination-dropdown,.field .destination-dropdown{min-width:200px}

/* ---------- 页脚：品牌名释义 ---------- */
.brand-note{
  margin:14px 0 0;max-width:430px;
  font-family:Georgia,"Songti SC",serif;font-style:italic;
  font-size:12px;line-height:1.9;letter-spacing:.02em;
  color:rgba(244,242,232,.52);
}

/* ---------- 下拉菜单：选项行与选中态（统一到绿色系） ---------- */
.destination-options{overflow:hidden}
.destination-options button,
.matching-dropdown .destination-options button{
  width:100%!important;margin:0!important;padding:12px 16px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:rgba(244,242,232,.84)!important;text-align:left!important;
  font-size:12px!important;box-shadow:none!important;
}
.destination-options button:hover,
.destination-options button:focus-visible,
.matching-dropdown .destination-options button:hover,
.matching-dropdown .destination-options button:focus-visible{
  background:#17392f!important;color:#fff!important;outline:none!important;
}
.destination-options button.selected,
.matching-dropdown .destination-options button.selected{
  background:#1b4a3c!important;color:#fff!important;
  outline:1px solid rgba(244,242,232,.28)!important;outline-offset:-1px;
}
.destination-options button:focus-visible{outline:1px solid rgba(244,242,232,.5)!important;outline-offset:-1px}

/* ---------- 原生日期选择器：深色 ---------- */
.field input[type="date"],.field input[type="number"]{color-scheme:dark}
.field input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:.72;cursor:pointer;filter:none;
}
.field input[type="date"]::-webkit-datetime-edit{color:var(--cream)}