/* 岛屿简介 · 画册版（白金香槟）
   1600px 画布，正文 40px；三个问题各用一种版式，照片可出血到画布边缘 */
:root{
  --paper:#F6F3EC; --paper-2:#EFEBE1; --white:#FFFDF8;
  --gold:#C6AE82; --gold-light:#E4D7B8; --gold-deep:#8A6A2C;
  --ink:#222222; --ink-2:#444444; --muted:#6B6B6B; --night:#23211E;
  --sans:"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;
  --serif:"Noto Serif SC","Noto Serif CJK SC","Songti SC",serif;
  --latin:"Times New Roman","Liberation Serif",serif;
  --m:96px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper)}
img{display:block}
.fx{width:1600px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink);font-family:var(--sans);font-size:40px;line-height:1.75}
.watermark{position:absolute;inset:-400px -700px;transform:rotate(-18deg);opacity:.01;pointer-events:none;z-index:9;overflow:hidden}
.wm-row{display:flex;height:230px}.wm-row:nth-child(even){margin-left:340px}
.wm-row span{flex:0 0 680px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;letter-spacing:3px;color:#000;white-space:nowrap}

.pad{padding:0 var(--m)}
.ask{display:flex;align-items:center;gap:22px;font-size:36px;letter-spacing:4px;color:var(--gold-deep)}
.ask::before{content:"";width:72px;height:1px;background:var(--gold-deep)}
.say{margin-top:20px;font-family:var(--serif);font-weight:700;font-size:78px;line-height:1.32;letter-spacing:2px}
p+p{margin-top:26px}
sup{font-size:.6em;color:var(--gold-deep);margin-left:2px}
.mind{margin-top:44px;padding-left:30px;border-left:3px solid var(--gold);color:var(--gold-deep)}
.may{margin-top:44px;display:flex;align-items:baseline;gap:20px;color:var(--muted);font-size:36px}
.may b{font-family:var(--serif);font-weight:700;font-size:40px;color:var(--ink);white-space:nowrap}
.may i{flex:1;border-bottom:1px dashed var(--gold);font-style:normal;padding-bottom:6px}
.blk{margin-top:150px}

/* 封面 */
.cover img{width:1600px;height:auto}
.title{margin-top:64px;display:flex;justify-content:space-between;align-items:flex-end}
.title h1{margin-top:18px;white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:86px;line-height:1.2;letter-spacing:3px}
.title .en{margin-top:6px;font-family:var(--latin);font-style:italic;font-size:54px;color:var(--gold-deep)}
.title .logo{height:120px;width:auto;margin-bottom:14px}
.intro{margin-top:26px;color:var(--ink-2)}

/* 吃 */
.eat{display:grid;grid-template-columns:1fr 520px;column-gap:70px;align-items:start}
.eat .side img{width:520px;height:auto}
.bill{margin-top:22px;border:1px solid var(--gold);position:relative;background:var(--white);padding:34px 36px 38px;text-align:center}
.bill::before{content:"";position:absolute;inset:7px;border:1px solid var(--gold-light);pointer-events:none}
.bill .k{font-size:34px;letter-spacing:6px;color:var(--gold-deep)}
.bill .n{font-family:var(--latin);font-size:118px;line-height:1.15;color:var(--gold-deep)}
.bill .d{font-size:34px;line-height:1.6;color:var(--ink-2)}
.eat .txt p:first-of-type{margin-top:40px}
.four{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.four img{width:100%;height:auto}
.four b{display:block;margin-top:12px;font-family:var(--latin);font-weight:400;font-size:38px;line-height:1.2}
.four span{display:block;font-size:30px;color:var(--muted);line-height:1.4}

/* 出片 */
.collage{position:relative;height:1010px;margin-top:56px}
.collage .a{position:absolute;left:560px;top:0;width:1040px;height:720px}
.collage .b{position:absolute;left:var(--m);top:170px;width:592px;height:752px;border:16px solid var(--paper);box-shadow:0 0 0 1px var(--gold-light)}
.collage .c{position:absolute;left:696px;top:754px;width:904px;height:400px}
.caps{margin-top:22px;display:flex;gap:44px;font-size:30px;color:var(--muted)}
.caps b{font-weight:400;color:var(--gold-deep);margin-right:10px}
.shoot{margin-top:56px;display:grid;grid-template-columns:1fr 600px;column-gap:70px;align-items:start}
.nodrone{white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:54px;line-height:1.4;letter-spacing:1px;padding-top:6px;border-top:3px solid var(--ink)}
.nodrone+p{margin-top:18px;font-size:36px;color:var(--ink-2)}

/* 浮潜 */
.reef{margin-top:56px;display:grid;grid-template-columns:620px 1fr;column-gap:76px;align-items:center}
.reef .round{width:620px;height:620px;border-radius:50%;box-shadow:0 0 0 1px var(--gold),0 0 0 14px var(--paper),0 0 0 15px var(--gold-light)}
.foot-note{margin-top:40px;font-size:30px;color:var(--muted)}

/* 航班衔接：深色收尾，呼应香槟长图的结尾 */
.night{margin-top:150px;background:var(--night);color:#F3EEE3;padding:120px 0 130px}
.night .ask{color:var(--gold)}.night .ask::before{background:var(--gold)}
.fly{margin-top:70px;display:grid;grid-template-columns:583px 1fr;column-gap:70px;align-items:start}
.fly .map img{width:583px;height:auto}
.fly .map p{margin-top:16px;font-size:28px;line-height:1.6;color:#A9A292}
.leg{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:26px;padding:6px 0 40px}
.leg+.leg{padding-top:40px;border-top:1px solid #4A453C}
.leg .way{grid-column:1/-1;font-size:32px;letter-spacing:6px;color:var(--gold);margin-bottom:8px}
.leg .pt{white-space:nowrap;font-size:34px;line-height:1.4;color:#D9D2C3}
.leg .pt b{display:block;font-family:var(--latin);font-weight:400;font-size:84px;line-height:1.1;color:var(--gold)}
.leg .pt.r{text-align:right}
.leg .hop{position:relative;white-space:nowrap;text-align:center;font-size:30px;color:#D9D2C3;padding-bottom:22px;border-bottom:1px solid var(--gold);align-self:center}
.leg .hop::after{content:"";position:absolute;right:-1px;bottom:-9px;border-left:16px solid var(--gold);border-top:8.5px solid transparent;border-bottom:8.5px solid transparent}
.night .more{margin-top:14px;font-size:36px;line-height:1.75;color:#D9D2C3}

.end{padding:60px var(--m) 70px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px;font-size:30px;line-height:1.7;color:var(--muted)}
.end img{height:84px;width:auto}
.nb{white-space:nowrap}

/* ---------- 餐厅 / 房型列表 / 房型详情 共用 ---------- */
.idx{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;border:7px solid var(--c,var(--gold));background:var(--white);font-family:var(--latin);font-size:44px;line-height:1;color:var(--ink);flex:none}
.mapwrap{position:relative;width:100%}.mapwrap img{width:100%;height:auto}.mapwrap .arrows{position:absolute;inset:0;width:100%;height:100%}
.night .mapwrap{margin-top:60px}
.night .hint{margin-top:22px;font-size:32px;color:#A9A292}
.night.tight{margin-top:150px;padding:110px 0 110px}

/* 餐厅 */
.venue{margin-top:140px}
.vname{font-family:var(--latin);font-size:96px;line-height:1.1;letter-spacing:1px}
.vkind{margin-top:8px;font-size:38px;color:var(--gold-deep)}
.vhead{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.hours{margin-top:30px;display:grid;grid-template-columns:auto 1fr;column-gap:28px;row-gap:6px;align-items:baseline}
.hours dt{font-size:36px;color:var(--muted)}
.hours dd{font-family:var(--latin);font-size:46px;letter-spacing:1px}
.vtxt{margin-top:28px;color:var(--ink-2)}
.v-wide img{width:100%;height:auto}
.v-wide .cols{margin-top:44px;display:grid;grid-template-columns:1fr 560px;column-gap:80px;align-items:start}
.v-wide .cols .hours{margin-top:6px}
.v-side{display:grid;align-items:center;column-gap:70px}
.v-side.r{grid-template-columns:minmax(0,1fr) 880px;padding-left:var(--m)}
.v-side.l{grid-template-columns:880px minmax(0,1fr);padding-right:var(--m)}
.v-side img{width:880px;height:auto}
.extra{margin-top:56px;display:grid;grid-template-columns:600px 1fr;column-gap:60px;align-items:center}
.extra img{width:600px;height:auto}
.extra .bill{margin-top:0}

/* 房型列表 */
.group{margin-top:150px;display:flex;align-items:baseline;gap:30px}
.group h2{font-family:var(--serif);font-weight:700;font-size:110px;line-height:1.1;letter-spacing:10px}
.group span{font-size:38px;color:var(--gold-deep)}
.rooms{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:90px;align-items:start}
.rooms .room:nth-child(even){margin-top:120px}
.room img{width:100%;height:auto}
.room.full{grid-column:1/-1;margin-top:0 !important}
.rhead{margin-top:26px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.rname{font-family:var(--serif);font-weight:700;font-size:50px;line-height:1.3;letter-spacing:1px}
.ren{font-family:var(--latin);font-style:italic;font-size:34px;line-height:1.3;color:var(--muted);margin-top:4px}
.spec{margin-top:20px;display:flex;flex-wrap:wrap;row-gap:8px;font-size:36px;color:var(--ink-2)}
.spec span{padding:0 22px;border-left:1px solid var(--gold);white-space:nowrap}
.spec span:first-child{padding-left:0;border-left:0}
.spec b{font-family:var(--latin);font-weight:400;font-size:46px;color:var(--ink);margin-right:6px}
.room.full .rname{font-size:62px}.room.full .ren{font-size:40px}
.only{margin-top:16px;font-size:36px;color:var(--gold-deep)}

/* 房型详情 */
.bigspec{margin-top:50px;display:flex;align-items:flex-end;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:30px 0}
.bigspec div{flex:1;text-align:center;border-left:1px solid var(--gold-light);font-size:36px;color:var(--ink-2);line-height:1.4}
.bigspec div:first-child{border-left:0}
.bigspec b{display:block;font-family:var(--serif);font-weight:700;font-size:60px;color:var(--ink);line-height:1.25}
.bigspec b.n{font-family:var(--latin);font-weight:400;font-size:84px;line-height:1.05}
.pair{position:relative;margin-top:110px}
.pair img{position:absolute;display:block}
.pair .over{border:16px solid var(--paper);box-shadow:0 0 0 1px var(--gold-light)}
.plan{margin-top:50px;width:1027px;height:auto}
.v-side .vname{font-size:80px;white-space:nowrap}
.v-side{column-gap:56px}

/* ---------- 速查 / 对比版：信息优先，沿用画册版的字体和配色 ---------- */
.fx.ref{--m:70px}
.ref .title{margin-top:50px}
.ref .blk{margin-top:100px}
.ref .say{font-size:64px}
.ref .mapwrap{margin-top:36px}
.ref .hint{margin-top:18px;font-size:32px;color:var(--muted)}
.vrow{display:grid;grid-template-columns:360px minmax(0,1fr) 400px 90px;column-gap:40px;align-items:center;padding:36px 0;border-top:1px solid var(--gold-light)}
.vrow:first-child{border-top:1px solid var(--gold)}
.vrow:last-child{border-bottom:1px solid var(--gold)}
.vrow img{width:360px;height:auto}
.vrow .vname{font-size:64px}
.vrow .vkind{font-size:34px;margin-top:4px}
.vrow .vtxt{margin-top:12px;font-size:34px;line-height:1.55}
.vrow .hours{margin-top:0;column-gap:20px;row-gap:2px}
.vrow .hours dt{font-size:34px}.vrow .hours dd{font-size:42px;white-space:nowrap}
.know{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.know div{padding:34px 34px 38px;border-left:1px solid var(--gold-light);font-size:36px;line-height:1.65}
.know div:first-child{padding-left:0;border-left:0}
.know h4{font-family:var(--serif);font-weight:700;font-size:44px;margin-bottom:10px}
.know b{font-family:var(--latin);font-weight:400;font-size:50px;color:var(--gold-deep)}
.cmp{margin-top:30px}
.chead,.crow{display:grid;grid-template-columns:210px minmax(0,1fr) 96px 206px 104px 84px 84px 80px;column-gap:20px;align-items:center}
.chead{padding:0 0 16px;white-space:nowrap;font-size:29px;color:var(--gold-deep);border-bottom:1px solid var(--gold);text-align:center}
.chead span:nth-child(2){text-align:left}
.cgroup{margin-top:54px;display:flex;align-items:baseline;gap:22px;padding-bottom:14px;border-bottom:1px solid var(--gold)}
.chead+.cgroup{margin-top:36px}
.cgroup h3{font-family:var(--serif);font-weight:700;font-size:60px;letter-spacing:8px;line-height:1.2}
.cgroup span{font-size:32px;color:var(--gold-deep)}
.crow{padding:26px 0;border-bottom:1px solid var(--gold-light);text-align:center;font-size:38px}
.crow img{width:210px;height:auto}
.crow .nm{text-align:left}
.crow .nm b{display:block;white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:41px;line-height:1.3}
.crow .nm i{display:block;font-family:var(--latin);font-size:30px;line-height:1.3;color:var(--muted);margin-top:4px}
.crow .nm em{display:inline-block;font-style:normal;font-size:30px;color:var(--gold-deep);margin-top:6px}
.crow .num{font-family:var(--latin);font-size:54px;line-height:1.1}
.crow .num small{font-family:var(--sans);font-size:28px;color:var(--muted);margin-left:6px}
.crow .bar{display:block;height:6px;margin-top:12px;background:var(--gold-light);position:relative}
.crow .bar u{position:absolute;left:0;top:0;bottom:0;background:var(--gold-deep)}
.crow .no{color:#B9B2A3}
.crow .idx{width:76px;height:76px;border-width:6px;font-size:40px}
.ref .title h1{font-size:76px}
.mosaic{margin-top:70px;display:grid;grid-template-columns:1010px 578px;gap:12px}
.mosaic.rev{margin-top:12px;grid-template-columns:578px 1010px}
.mosaic img{width:100%;height:auto}
.plan{width:100%}
.fx.det .blk{margin-top:100px}
.fx.det .night.tight{margin-top:100px}
.mosaic.one{grid-template-columns:1fr}
.mosaic.two{margin-top:12px;grid-template-columns:1fr 1fr}
.planrow{display:grid;grid-template-columns:508px minmax(0,1fr);column-gap:80px;align-items:center}
.planrow img{width:508px;height:auto}
.stack{display:grid;row-gap:12px;align-content:start}
.planrow.dup{grid-template-columns:520px minmax(0,1fr);column-gap:70px}
.planrow.dup>img{width:520px}
.planrow .fp{margin-top:40px;width:100%;height:auto}
.kidrow{margin-top:56px;display:grid;grid-template-columns:704px 692px;gap:12px}
.kidrow.two{grid-template-columns:1fr 1fr;gap:16px}
.kidrow img{width:100%;height:auto}
.extra p{font-size:40px}
.twocol{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;column-gap:80px}
.twocol h3{font-family:var(--serif);font-weight:700;font-size:58px;color:var(--gold);padding-bottom:20px;border-bottom:1px solid var(--gold)}
.twocol ul{list-style:none}
.twocol li{padding:20px 0;border-bottom:1px solid #4A453C;font-size:38px;line-height:1.5;color:#E9E3D6}
.cover .bigspec{margin-top:40px}
.may{align-items:center}
.may .ava{flex:none;width:96px;height:96px;border-radius:50%;background:var(--white) center/cover no-repeat;box-shadow:0 0 0 1px var(--gold),0 0 0 7px var(--paper),0 0 0 8px var(--gold-light);display:flex;align-items:center;justify-content:center;font-family:var(--latin);font-style:italic;font-size:34px;color:var(--gold-deep)}
.may .ava.photo{font-size:0}
.may i{align-self:center}

/* —— 2026-11-12 模板调整：星级图标 / 水准梯队 / 设计风格 / 奖项 —— */
.bigspec b.stars{display:flex;justify-content:center;align-items:center;gap:6px;height:75px}
.bigspec b.stars svg{width:46px;height:46px;fill:var(--gold-deep)}
.bigspec b.s{font-size:50px;line-height:1.5}
.bigspec .tier{display:flex;justify-content:center;align-items:center;gap:12px;font-size:30px;line-height:50px}
.bigspec /* 梯队刻度“天梯”：五层金字塔，越往上越少；只点亮这座岛所在的那一层，第一梯队亮塔尖 */
.tier i{display:inline-flex;flex-direction:column-reverse;align-items:center;gap:2px}
.tier u{height:4px;background:var(--gold-light);text-decoration:none}
.tier u:nth-child(1){width:38px}.tier u:nth-child(2){width:31px}.tier u:nth-child(3){width:24px}.tier u:nth-child(4){width:17px}.tier u:nth-child(5){width:10px}
.tier u.on:not(:has(+ u.on)){background:var(--gold-deep)}
.cover{position:relative}
.award{position:absolute;right:96px;width:236px;height:236px;border-radius:50%;background:#FBF8F1;border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-9px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--ink);box-shadow:0 8px 26px rgba(0,0,0,.16);padding:0 30px;box-sizing:border-box;overflow:hidden}
.award small{display:block;font-size:20px;letter-spacing:4px;color:var(--gold-deep)}
.award b{display:block;margin-top:2px;font-family:var(--latin);font-weight:400;font-size:29px;line-height:1.12}
.award span{display:block;margin-top:5px;max-width:168px;font-family:var(--latin);font-style:italic;font-size:22px;line-height:1.15;color:var(--gold-deep)}
.award.img{background:none;border:0;outline:0;box-shadow:none;border-radius:0;height:auto;width:auto}
.award.img img{display:block;height:236px;width:auto}
.hlk{font-size:30px;letter-spacing:6px;color:var(--gold-deep);margin-bottom:10px}

/* —— 上岛交通：环礁底图自绘路线 + 圆形交通方式 —— */
.fly .map{position:relative}
.fly .map svg.rt{position:absolute;left:0;top:0;width:583px;height:auto}
.modes{display:flex;gap:46px;margin-bottom:50px}
.mode{text-align:center;font-size:30px;line-height:1.4;color:#D9D2C3}
.mode .c{width:172px;height:172px;border-radius:50%;border:2px solid var(--gold);overflow:hidden;margin:0 auto 16px;background:#2B2824;display:flex;align-items:center;justify-content:center}
.mode .c img{width:100%;height:100%;object-fit:cover;display:block}
.mode .c svg{width:104px;height:104px;stroke:var(--gold);fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.mode b{display:block;font-weight:400;font-size:34px;color:var(--gold)}
.mode.combo .cc{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}
.mode.combo .cc .c{margin:0}
.mode.combo .cc i{font-style:normal;font-family:var(--latin);font-size:54px;line-height:1;color:var(--gold)}
.modes{align-items:flex-start}

.fly{grid-template-columns:480px 1fr;column-gap:76px}
.fly .map img{width:480px}
.fly .map svg.rt{width:480px}
.fly .map .modes{margin:40px 0 0;gap:28px;justify-content:flex-start}
.fly .map .mode{font-size:25px;line-height:1.45;max-width:290px}
.fly .map .mode b{font-size:30px}
.fly .map .mode .c{width:128px;height:128px;margin-bottom:12px}
.fly .map .mode.combo .cc{gap:8px;margin-bottom:12px}
.fly .map .mode.combo .cc .c{margin:0}
.fly .map .mode.combo .cc i{font-size:42px}
.fly .map .mode .c{flex:0 0 auto}
.fly .map .mode.combo .cc .c{width:120px;height:120px}
.fly .map .mode.combo{max-width:none}
.fly .map .modes{margin-top:32px;gap:24px}
.fly .map .mode .c,.fly .map .mode.combo .cc .c{width:94px;height:94px;border-width:1.5px;margin-bottom:10px}
.fly .map .mode.combo .cc .c{margin:0}
.fly .map .mode.combo .cc{margin-bottom:10px;gap:6px}
.fly .map .mode.combo .cc i{font-size:34px}
.fly .map .mode{font-size:23px}
.fly .map .mode b{font-size:27px}
.fly .map .modes{gap:0;align-items:stretch}
.fly .map .mode+.mode{margin-left:34px;padding-left:34px;border-left:1px solid #5A5448}

.night .may{align-items:flex-start;color:#B9B2A4}.night .may b{color:#F3EBDA;white-space:nowrap}.night .may i{flex:1;min-width:0;white-space:normal;line-height:1.6}

/* 考察报告 */
.repcols{margin-top:48px;display:grid;grid-template-columns:3fr 2fr;column-gap:72px}
.repcols>div{border-top:2px solid var(--gold);padding-top:26px}
.repcols b{display:block;font-family:var(--serif);font-size:42px;color:var(--gold-deep);letter-spacing:2px}
.repcols p{margin-top:18px;font-size:38px;line-height:1.75;color:var(--ink-2)}
.repby{margin-top:40px;font-size:30px;color:var(--muted)}
.tiny{margin-top:14px;font-size:28px;line-height:1.6;color:#A9A292}

.tier .pyr{display:block;flex:none;margin-top:-4px}

.vfame{display:inline-block;margin-top:18px;padding:8px 22px 9px;border:1px solid var(--gold);border-radius:999px;font-size:30px;line-height:1.4;color:var(--gold-deep);letter-spacing:.02em}

.four.n3{grid-template-columns:repeat(3,1fr)}
.fly.nomap{grid-template-columns:1fr}
.fly.nomap .leg{column-gap:40px}
.crow .no,.cmp .no{color:var(--muted)}
.plan+.plan{margin-top:16px}