:root{
  --red:#E63946; --navy:#1D3557; --yellow:#FFD60A;
  --bg:#FBFAF7; --ink:#1A2230; --soft:#5b6472; --rule:#e7e9ee; --card:#fff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC",Roboto,sans-serif;
  line-height:1.65; font-size:17px;
}
a{color:var(--red); text-underline-offset:3px}
img{max-width:100%; height:auto; display:block}
.wrap{max-width:880px; margin:0 auto; padding:0 20px}
.center{text-align:center}

/* top bar */
.bar{display:flex; align-items:center; justify-content:space-between; padding:16px 20px; max-width:880px; margin:0 auto}
.brand{font-weight:800; font-size:20px; color:var(--navy); text-decoration:none; letter-spacing:-.01em}
.brand b{color:var(--red)}
.nav a{margin-left:16px; font-size:15px; color:var(--soft); text-decoration:none}
.nav a:hover{color:var(--navy)}

/* buttons */
.btn{display:inline-block; background:var(--red); color:#fff; padding:14px 26px; border-radius:10px;
  font-weight:700; text-decoration:none; font-size:16px; border:none}
.btn:hover{background:#c92f3c}
.btn.navy{background:var(--navy)} .btn.navy:hover{background:#142540}
.btn.ghost{background:transparent; color:var(--navy); border:2px solid var(--rule)}
.btn.yellow{background:var(--yellow); color:var(--navy)}

/* hero / splash */
.splash{min-height:78vh; display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:980px; margin:0 auto; padding:24px 20px 60px}
.choice{border-radius:18px; padding:34px 28px; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; min-height:340px; text-decoration:none}
.choice.travel{background:linear-gradient(160deg,#e6394622,#1d3557), #1D3557}
.choice.biz{background:linear-gradient(160deg,#ffd60a22,#1d3557), #142540}
.choice h2{font-size:30px; margin:0 0 6px; color:#fff}
.choice .zh{color:#d7dde7; font-size:15px; margin:0 0 14px}
.choice p{color:#eef2f8; margin:0 0 18px}
.choice .go{font-weight:800; color:var(--yellow)}

/* sections */
h1{font-size:clamp(30px,6vw,46px); line-height:1.12; letter-spacing:-.02em; margin:.2em 0 .3em; color:var(--navy)}
h2{font-size:clamp(22px,4vw,30px); color:var(--navy); margin:1.6em 0 .5em}
h3{font-size:19px; color:var(--navy); margin:1.4em 0 .3em}
.lead{font-size:19px; color:var(--soft)}
.eyebrow{font-weight:800; color:var(--red); letter-spacing:.08em; text-transform:uppercase; font-size:13px; margin:0}
.hero{padding:18px 0 8px}
.summary{background:#fff; border:1px solid var(--rule); border-left:4px solid var(--red); border-radius:0 12px 12px 0; padding:16px 20px; margin:18px 0; color:var(--ink)}

/* cards / grid */
.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:18px 0}
.card{background:var(--card); border:1px solid var(--rule); border-radius:14px; padding:20px; text-decoration:none; color:var(--ink); display:block}
.card:hover{border-color:#cfd4dd; box-shadow:0 4px 18px rgba(0,0,0,.06)}
.card .tag{font-size:13px; color:var(--soft)}
.card .deal{color:var(--red); font-weight:800; font-size:18px; margin:6px 0 2px}
.num{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--red); color:#fff; font-weight:800; font-size:20px}
.stat{background:var(--navy); color:#fff; border-radius:14px; padding:22px; text-align:center}
.stat .big{font-size:40px; font-weight:800; color:var(--yellow); line-height:1}
.stat .lbl{color:#cdd6e4; font-size:14px; margin-top:8px}
.band{background:var(--navy); color:#fff; border-radius:14px; padding:20px 24px; text-align:center; font-weight:700; margin:22px 0}
.callout{background:#fffbe6; border:1px solid #f5e6a6; border-radius:12px; padding:16px 20px; margin:18px 0}

ul.facts{list-style:none; padding:0; margin:14px 0}
ul.facts li{padding:8px 0; border-bottom:1px solid var(--rule)}
ul.facts li b{color:var(--navy)}

footer{border-top:1px solid var(--rule); margin-top:50px; padding:26px 20px; color:var(--soft); font-size:14px}
footer a{color:var(--soft)}

@media(max-width:720px){
  .splash{grid-template-columns:1fr; min-height:auto}
  .grid{grid-template-columns:1fr}
  body{font-size:16px}
}