@import url("shanghai-cruiseport.css?v=20260911b");

.hero>img{object-position:center 48%;filter:saturate(.94)}
.hero-content{max-width:1120px}
.life-text-panel{padding:clamp(34px,5vw,68px);border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}
.life-text-panel>p{max-width:1080px;margin:0;color:rgba(255,255,255,.88);font-size:clamp(17px,1.5vw,21px);line-height:2}
.life-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:40px;background:rgba(215,188,130,.3)}
.life-fact{padding:28px 18px;background:var(--navy);text-align:center}
.life-fact strong{display:block;color:#f0d69d;font-family:CruiseSerif,serif;font-size:clamp(28px,3vw,42px);font-weight:500}
.life-fact span{display:block;margin-top:8px;color:#bdcad0;font-size:13px;line-height:1.5}
.overview-gallery{min-height:650px}
.overview-gallery img:first-child{object-position:center 48%}
.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.room-card{position:relative}
.room-card img{aspect-ratio:16/10}
.room-area{position:absolute;z-index:2;top:16px;right:16px;padding:9px 12px;background:rgba(8,38,54,.86);color:#f0d69d;font-size:14px;line-height:1;backdrop-filter:blur(6px)}
.room-meta{min-height:222px}
.room-meta h3{font-size:25px}
.room-meta p.room-description{margin-top:14px;color:#60747e;font-size:15px;line-height:1.8;text-transform:none;letter-spacing:0}
html[lang="en"] .room-meta p.room-description{display:block}
.room-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr}
.room-card-wide img{height:100%;aspect-ratio:auto}
.room-card-wide .room-meta{display:flex;min-height:0;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,54px)}
.facility-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.facility-card{min-height:290px}
.facility-card h3{font-size:20px}

@media(max-width:1080px){.facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-card-wide{display:block}.room-card-wide img{aspect-ratio:16/9}.room-card-wide .room-meta{min-height:0}}
@media(max-width:900px){.life-facts{grid-template-columns:repeat(2,1fr)}.room-grid{grid-template-columns:1fr}.room-card-wide{grid-column:auto}.room-meta{min-height:0}}
@media(max-width:780px){.hero>img{object-position:center 50%}.life-text-panel{padding:30px 22px}.life-facts,.facility-grid{grid-template-columns:1fr}.room-card img,.room-card-wide img{aspect-ratio:4/3}.facility-card{min-height:310px}}