:root{--navy:#071e38;--blue:#0c4c90;--aqua:#45d5d0;--paper:#eaf4fb;--ink:#09243e;--muted:#48667a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:white}.topline{display:flex;align-items:center;justify-content:space-between;padding:1rem 4vw;background:var(--navy);color:white}.brand{font-size:1.4rem;font-weight:900}.brand span{color:var(--aqua)}.topline nav{display:flex;gap:2rem;font-size:.9rem;font-weight:700}.topline nav a:hover{color:var(--aqua)}.origin{display:grid;grid-template-columns:44% 56%;min-height:620px;background:var(--navy);color:white}.origin-copy{align-self:center;padding:4vw}.eyebrow{font-size:.8rem;letter-spacing:.15em;color:var(--aqua);font-weight:900}.origin h1{font-size:clamp(3rem,6vw,6rem);line-height:1.06;margin:1.4rem 0}.origin p{max-width:590px;color:#d0e8f7;font-size:1.07rem}.origin a{display:inline-block;background:var(--aqua);color:#073144;font-weight:900;padding:.8rem 1.2rem;margin-top:2rem}.origin figure{min-height:620px;overflow:hidden}.origin img{object-position:center 30%}.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#9bbbd0;border-bottom:1px solid #9bbbd0}.choice>div{padding:2rem 3vw;background:#d8ecf8}.choice b{font-size:1.35rem}.choice p{color:var(--muted);margin:.5rem 0}.choice a{color:#086a85;font-weight:900}.route-list{max-width:1550px;padding:5rem 4vw;margin:auto}.route-title{border-bottom:2px solid var(--navy);padding-bottom:1.6rem;margin-bottom:2rem}.route-title span{color:#087c96;font-weight:900}.route-title h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.2;margin:.5rem 0}.route{display:grid;grid-template-columns:85px minmax(240px,39%) minmax(0,1fr);min-height:400px;gap:1.6rem;align-items:stretch;padding:1.2rem 0;border-bottom:1px solid #a9c7d8}.route:nth-of-type(even){grid-template-columns:85px minmax(0,1fr) minmax(240px,39%)}.route:nth-of-type(even) figure{grid-column:3;grid-row:1}.route:nth-of-type(even) .route-copy{grid-column:2;grid-row:1}.route-num{border-right:2px solid var(--aqua);padding:1rem 1rem 0 0}.route-num span{display:block;font-size:2.3rem;line-height:1;font-weight:900;color:var(--blue)}.route-num small{color:#337b8a;font-weight:800}.route figure{min-height:360px;max-height:430px;overflow:hidden}.route img{object-position:center 15%}.route-copy{align-self:center;padding:1rem 2rem}.route-tag{display:inline-block;color:#087c96;font-weight:900;font-size:.8rem;letter-spacing:.1em}.route h3{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.18;margin:.7rem 0 1rem}.route p{color:var(--muted)}.route .extra{margin-top:.8rem}.route a{display:inline-block;margin-top:1.4rem;font-weight:900;color:#087c96}.endmap{background:#0b355c;color:white;padding:5rem 5vw}.endmap span{color:var(--aqua);font-weight:900}.endmap h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.2;max-width:1050px;margin:1rem 0 2rem}.endmap div{display:flex;gap:2rem}.endmap a{border-bottom:1px solid var(--aqua);padding-bottom:.3rem}footer{display:flex;gap:2rem;align-items:center;padding:2rem 4vw;background:var(--navy);color:#cbdeea}footer strong{color:white}footer a{margin-left:auto;color:var(--aqua)}@media(max-width:900px){.route,.route:nth-of-type(even){grid-template-columns:65px 1fr 1fr}.route-copy{padding:.5rem}}@media(max-width:700px){.topline{display:block}.topline nav{flex-wrap:wrap;gap:.6rem 1rem;margin-top:.7rem}.origin{display:flex;flex-direction:column-reverse}.origin figure{height:320px;min-height:320px;background:var(--navy)}.origin img{object-fit:contain;object-position:center}.origin-copy{padding:2.7rem 5vw}.origin h1{font-size:3.25rem}.choice{display:block}.choice>div{border-bottom:1px solid #a9c7d8;padding:1.3rem 5vw}.route-list{padding:3.5rem 5vw}.route,.route:nth-of-type(even){display:block;padding:1.4rem 0}.route-num{border:none;display:flex;gap:.6rem;align-items:end;padding:0 0 .6rem}.route-num span{font-size:1.7rem}.route figure,.route:nth-of-type(even) figure{height:330px;min-height:330px}.route-copy,.route:nth-of-type(even) .route-copy{padding:1rem 0}.route h3{font-size:2rem}.endmap{padding:4rem 5vw}.endmap div{flex-wrap:wrap}footer{display:block}footer span{display:block;margin:.5rem 0}footer a{display:inline-block}}
