/* ============================================================
   MERRYTOUR 品牌落地页  ——  海景 / Logo / 荣誉资质 / 跳转主站
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root{
  --blue: #0095C5;
  --blue-lite: #4FC3F7;
  --blue-deep: #0A2540;
  --white: #FFFFFF;
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* 语言字体栈 */
html[lang="zh-CN"]{ font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC","WenQuanYi Micro Hei",sans-serif; }
html[lang="ko"]{ font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif; }
html[lang="en"]{ font-family:"Inter","Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif; }

html, body { height: 100%; }
body{
  font-size:16px; line-height:1.9; color:var(--white);
  background:var(--blue-deep);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  font-family:inherit; overflow-x:hidden;
}
body *{ font-family:inherit; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }
button{ border:none; background:none; cursor:pointer; font-family:inherit; font-size:inherit; color:inherit; }

/* ---------- 海景背景 ---------- */
.bg{ position:fixed; inset:0; z-index:0; overflow:hidden; }
.bg img{
  width:100%; height:100%; object-fit:cover; object-position:center 60%;
  transform:scale(1.06);
  animation:bgIn 2.4s var(--ease) forwards;
}
@keyframes bgIn{ from{ transform:scale(1.14); opacity:0; } to{ transform:scale(1.06); opacity:1; } }
.bg-mask{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(10,37,64,.62) 0%, rgba(10,37,64,.30) 32%, rgba(10,37,64,.55) 68%, rgba(10,37,64,.88) 100%),
    radial-gradient(120% 90% at 50% 40%, rgba(0,149,197,.16) 0%, rgba(10,37,64,.30) 100%);
}

/* ---------- 语言切换 ---------- */
.lang{
  position:fixed; top:0; right:0; z-index:20;
  display:flex; gap:2px; padding:20px 22px;
}
.lang-btn{
  padding:6px 13px; font-size:12.5px; font-weight:500; letter-spacing:.03em;
  color:rgba(255,255,255,.62); border-radius:2px;
  transition:color .3s var(--ease), background .3s var(--ease);
}
.lang-btn:hover{ color:var(--white); }
.lang-btn.is-active{ color:var(--white); background:rgba(255,255,255,.14); }

/* ---------- 主体 ---------- */
.wrap{
  position:relative; z-index:10;
  min-height:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center;
  padding:92px 26px 116px;
}
.brand{ animation:rise .9s var(--ease) .1s both; }
.logo{
  width:clamp(220px, 38vw, 340px);
  filter:drop-shadow(0 2px 18px rgba(0,0,0,.35));
}
.rule{
  width:56px; height:1px; margin:26px 0 22px;
  background:rgba(255,255,255,.45);
  animation:rise .9s var(--ease) .28s both;
}
.eyebrow{
  font-size:12px; font-weight:400; letter-spacing:.28em;
  color:var(--blue-lite); text-transform:uppercase;
  margin-bottom:20px;
  animation:rise .9s var(--ease) .38s both;
}

/* ---------- 荣誉资质 ---------- */
.awards{
  list-style:none; margin:0 0 4px;
  width:100%; max-width:560px;
}
.aw-item{
  margin-bottom:11px;
  animation:rise .9s var(--ease) both;
}
.aw-item:nth-child(1){ animation-delay:.46s; }
.aw-item:nth-child(2){ animation-delay:.56s; }
.aw-item:nth-child(3){ animation-delay:.66s; }
.aw-item:nth-child(4){ animation-delay:.76s; }
.aw-main{
  display:block;
  font-size:clamp(13.5px, 1.55vw, 16.5px);
  /* 600 = 苹方 Semibold / 微软雅黑 Bold，均为系统真实字重，非合成加粗 */
  font-weight:600; line-height:1.6; letter-spacing:.03em;
  color:var(--white);
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.aw-main::before{
  content:'◎'; margin-right:9px; font-weight:700;
  color:var(--blue-lite); font-size:.94em;
}
.aw-sub{
  display:block; margin-top:1px;
  font-size:clamp(11px, 1.1vw, 12.5px);
  font-weight:500;
  letter-spacing:.06em; line-height:1.5;
  color:rgba(255,255,255,.68);
}

/* ---------- SEO 主标题（视觉隐藏） ---------- */
.sr-only{
  position:absolute; width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ---------- CTA ---------- */
.cta{
  display:inline-flex; align-items:center; gap:11px;
  margin-top:30px; padding:15px 42px;
  background:var(--blue); color:var(--white);
  font-size:15px; font-weight:500; letter-spacing:.09em;
  border-radius:2px;
  box-shadow:0 8px 30px rgba(0,119,160,.42);
  transition:background .32s var(--ease), transform .32s var(--ease), box-shadow .32s var(--ease);
  animation:rise .9s var(--ease) .92s both;
}
.cta::after{ content:'→'; font-size:16px; transition:transform .32s var(--ease); }
.cta:hover{ background:#00A8DC; transform:translateY(-2px); box-shadow:0 14px 38px rgba(0,119,160,.52); }
.cta:hover::after{ transform:translateX(5px); }
.cta:active{ transform:translateY(0); }

.hint{
  margin-top:26px; font-size:12.5px; letter-spacing:.05em;
  color:rgba(255,255,255,.52);
  animation:rise .9s var(--ease) 1.02s both;
}
.hint-link{
  color:rgba(255,255,255,.82); border-bottom:1px solid rgba(255,255,255,.28);
  transition:color .3s var(--ease), border-color .3s var(--ease);
}
.hint-link:hover{ color:var(--white); border-color:var(--white); }

@keyframes rise{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }

/* ---------- 页脚 ---------- */
.foot{
  position:fixed; bottom:0; left:0; right:0; z-index:15;
  text-align:center; padding:16px 20px;
  font-size:11.5px; letter-spacing:.06em;
  color:rgba(255,255,255,.42);
}

/* ---------- 移动端 ---------- */
@media (max-width:600px){
  .lang{ padding:14px 14px; }
  .lang-btn{ padding:5px 10px; font-size:12px; }
  .wrap{ padding:74px 20px 104px; }
  .logo{ width:min(68vw, 260px); }
  .rule{ margin:20px 0 16px; }
  .eyebrow{ margin-bottom:16px; }
  .awards{ max-width:100%; }
  .aw-item{ margin-bottom:9px; }
  .aw-main{ letter-spacing:.02em; }
  .cta{ padding:14px 32px; font-size:14.5px; margin-top:24px; }
  .hint{ margin-top:20px; }
  .foot{ padding:12px 16px; font-size:11px; }
}
@media (max-height:560px){
  .wrap{ padding:58px 22px 86px; }
  .logo{ width:min(52vw, 210px); }
  .aw-item{ margin-bottom:7px; }
}
