/* ---------- 面積表（售樓說明書） ---------- */
.atbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 10px}
.atbl{border-collapse:collapse;width:100%;min-width:760px;font-size:.88rem;background:var(--atbl-bg,#fff)}
.atbl caption{text-align:left;font-weight:700;padding:0 0 10px;font-size:1rem}
.atbl th,.atbl td{padding:9px 8px;text-align:center;border-bottom:1px solid var(--atbl-line,#e5e5e5);vertical-align:top}
.atbl thead th{font-weight:700;font-size:.8rem;letter-spacing:.06em;border-bottom-width:2px}
.atbl thead th:first-child{text-align:left}
.atbl tbody th{text-align:left;white-space:nowrap;font-weight:700;font-size:.84rem;position:sticky;left:0;background:var(--atbl-bg,#fff);z-index:1}
.atbl td b{display:block;font-size:1rem}
.atbl td sup{font-size:.7rem;margin-left:1px}
.atbl td small{display:block;font-size:.72rem;opacity:.75;line-height:1.35;margin-top:2px}
.atbl td.na{color:#aaa;font-size:.76rem}
.atbl td[data-r="一房"]{background:var(--r1,#f3f6fa)}
.atbl td[data-r="三房"],.atbl td[data-r="四房"]{background:var(--r3,#f6efe6)}
.atbl-key{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.82rem;margin:4px 0 14px}
.atbl-key i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:6px;vertical-align:-2px;border:1px solid rgba(0,0,0,.22)}
.mix{display:grid;gap:10px}
.mix-row{display:grid;grid-template-columns:3.2em 1fr 4.6em 3em;gap:12px;align-items:center}
.mix-row .k{font-weight:700}
.mix-row .bar{height:14px;border-radius:999px;background:var(--mix-bg,#eee);overflow:hidden}
.mix-row .bar i{display:block;height:100%;border-radius:999px;background:var(--mix-fg,#333)}
.mix-row b{text-align:right}
.mix-row .p{font-size:.84rem;opacity:.7}
.bfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bfacts div{padding:18px}
.bfacts b{display:block;font-size:1.5rem;line-height:1.2}
.bfacts span{font-size:.84rem}
@media (max-width:760px){.bfacts{grid-template-columns:1fr 1fr}.bfacts div:last-child:nth-child(odd){grid-column:1/-1}.atbl tbody th{white-space:normal;min-width:5.6em;max-width:6.6em;font-size:.8rem}.atbl{min-width:700px;font-size:.84rem}.mix-row{grid-template-columns:3em 1fr 4.2em}.mix-row .p{display:none}}
/* 瑅海 ONE MARINA · 玉色雅緻版（青瓷、水墨、直排） */
:root{
  --rice:#F4F1EA; --porc:#FBFAF6; --mist:#E4ECE6; --jade:#5E8C78; --jade-d:#2E5546; --jade-dd:#1E3A30; --jade-l:#C9DCCF; --cel:#A7C4B5;
  --ink:#1F2623; --ink-2:#4A5550; --mute:#76827C; --line:rgba(46,85,70,.22);
  --serif:"Noto Serif HK","Noto Serif TC",serif; --sans:"Noto Sans HK","Noto Sans TC",system-ui,sans-serif; --roman:"Cinzel","Noto Serif HK",serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--rice);color:var(--ink);font:400 16px/1.95 var(--sans);letter-spacing:.03em}
img{max-width:100%;height:auto;display:block}
a{color:var(--jade-d);text-underline-offset:5px;text-decoration-color:var(--cel)}
a:hover{color:var(--jade)}
button{font:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.45;margin:0 0 .6em;letter-spacing:.12em;color:var(--jade-dd)}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.55rem,2.8vw,2.2rem)}
h3{font-size:1.15rem;letter-spacing:.08em}
p{margin:0 0 1.15em}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:0;background:var(--jade-d);color:#fff;padding:8px 14px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--jade);outline-offset:3px}
.roman{font-family:var(--roman);letter-spacing:.32em;text-transform:uppercase}
.kick{font:500 .78rem/1.4 var(--roman);letter-spacing:.34em;text-transform:uppercase;color:var(--jade);margin:0 0 1em}
.note{font-size:.84rem;color:var(--mute);line-height:1.8}
.lead{font-size:1.1rem;color:var(--ink-2);line-height:2}
.center{text-align:center}

/* ---------- 頂部 ---------- */
.top{position:sticky;top:0;z-index:30;background:rgba(244,241,234,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--jade-dd);margin-right:auto}
.bi{width:42px;height:42px;flex:none}
.brand b{display:block;font:600 1.25rem/1.1 var(--serif);letter-spacing:.3em}
.brand small{display:block;font:500 .64rem/1.3 var(--roman);letter-spacing:.36em;color:var(--jade);margin-top:3px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav a{display:block;padding:8px 13px;color:var(--ink-2);text-decoration:none;font-family:var(--serif);letter-spacing:.2em;font-size:.98rem;position:relative}
.nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--jade);transform:translateX(-50%) scale(0);transition:transform .25s}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:translateX(-50%) scale(1)}
.nav a[aria-current="page"]{color:var(--jade-dd)}
.nav .reg{border:1px solid var(--jade);color:var(--jade-d);border-radius:999px;margin-left:8px}
.nav .reg::after{display:none}
.menu-btn{display:none;border:1px solid var(--jade);background:transparent;color:var(--jade-d);border-radius:999px;padding:6px 16px;font-family:var(--serif);letter-spacing:.2em;cursor:pointer}

/* ---------- 首頁 ---------- */
.hero{position:relative;min-height:min(86vh,780px);display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,32,26,.25) 0%,rgba(14,32,26,0) 30%,rgba(14,32,26,.1) 70%,rgba(244,241,234,.9) 100%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-bottom:70px}
.vtitle{position:absolute;right:8%;top:110px;z-index:1;writing-mode:vertical-rl;font:600 clamp(4rem,10vw,7.6rem)/1 var(--serif);letter-spacing:.3em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35);margin:0}
.hero .words{max-width:560px;color:var(--jade-dd);background:rgba(251,250,246,.94);padding:28px 32px 30px;border-left:3px solid var(--jade);box-shadow:0 30px 60px -30px rgba(14,32,26,.45)}
.hero .words .roman{display:block;font-size:clamp(1.3rem,2.6vw,1.9rem);color:var(--jade-dd);margin-bottom:10px}
.hero .words p{color:var(--ink-2)}
.hero .cap{position:absolute;right:24px;top:96px;z-index:1;font-size:.74rem;color:#fff;opacity:.85;letter-spacing:.1em}

.sec{padding:96px 0}
.sec.mist{background:var(--mist)}
.sec.porc{background:var(--porc)}
.sec.jade{background:radial-gradient(ellipse at 15% 0,rgba(201,220,207,.25),transparent 55%),linear-gradient(160deg,var(--jade-d),var(--jade-dd));color:#E9F1EC}
.sec.jade h2,.sec.jade h3{color:#fff}
.sec.jade .kick{color:var(--jade-l)}
.sec.jade .note{color:#B9CEC3}
.sec.jade .lead{color:#E2ECE6}

/* 直排標題區 */
.vsec{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:start}
.vh{writing-mode:vertical-rl;font:600 clamp(1.9rem,3.4vw,2.7rem)/1.3 var(--serif);letter-spacing:.32em;color:var(--jade-dd);margin:0;border-right:1px solid var(--line);padding-right:18px;min-height:8em}
.sec.jade .vh{color:#fff;border-right-color:rgba(255,255,255,.25)}
.vh small{display:block;font:500 .74rem var(--roman);letter-spacing:.4em;color:var(--jade);margin-top:12px}
.ripple{display:block;width:100%;height:28px;color:var(--cel);margin:0 0 30px}

/* 瑅字 */
.glyph{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.glyph .char{position:relative;aspect-ratio:1;display:grid;place-items:center}
.glyph .char svg{position:absolute;inset:0;width:100%;height:100%}
.glyph .char b{position:relative;font:600 clamp(5rem,12vw,9rem)/1 var(--serif);color:var(--jade-dd)}
.glyph .char span{position:absolute;bottom:8%;font:500 .8rem var(--roman);letter-spacing:.4em;color:var(--jade)}

/* 主題卡 */
.themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.theme{background:var(--porc);border:1px solid var(--line);border-radius:2px;padding:30px 24px 26px;text-decoration:none;color:var(--ink);position:relative;transition:transform .35s,box-shadow .35s}
.theme:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px rgba(30,58,48,.45);color:var(--ink)}
.theme .n{font:500 .74rem var(--roman);letter-spacing:.4em;color:var(--jade)}
.theme h3{font-size:1.4rem;letter-spacing:.3em;margin:14px 0 10px}
.theme b{display:block;font:600 2rem/1.1 var(--serif);color:var(--jade-d);letter-spacing:.04em;margin-bottom:8px}
.theme p{font-size:.9rem;color:var(--ink-2);margin:0}
.theme::after{content:"";position:absolute;right:18px;top:22px;width:22px;height:22px;border-radius:50%;border:1px solid var(--cel);box-shadow:inset 0 0 0 6px var(--porc),inset 0 0 0 7px var(--cel)}

/* 數字 */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.facts div{padding:26px 12px;text-align:center;border-bottom:1px solid var(--line)}
.facts div:not(:nth-child(3n)){border-right:1px solid var(--line)}
.facts b{display:block;font:600 clamp(2.2rem,4vw,3.2rem)/1.05 var(--serif);color:var(--jade-d);letter-spacing:.04em}
.facts b small{font-size:1rem;margin-left:4px;color:var(--jade)}
.facts span{display:block;margin-top:8px;font-size:.88rem;color:var(--ink-2);letter-spacing:.1em}
.sec.jade .facts,.sec.jade .facts div{border-color:rgba(255,255,255,.2)}
.sec.jade .facts b{color:#fff}
.sec.jade .facts b small{color:var(--jade-l)}
.sec.jade .facts span{color:#CFE0D6}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pills li{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 20px;font-family:var(--serif);letter-spacing:.16em;color:#fff}
/* 時序 */
.seq{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}
.seq::before{content:"";position:absolute;left:0;right:0;top:15px;height:1px;background:var(--cel)}
.seq li{position:relative;padding:40px 10px 0;text-align:center}
.seq li::before{content:"";position:absolute;left:50%;top:9px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--rice);border:1px solid var(--jade)}
.seq li.on::before{background:var(--jade)}
.seq li.next::before{border-style:dashed}
.seq b{display:block;font:600 .95rem var(--serif);color:var(--jade-dd);letter-spacing:.06em}
.seq span{display:block;font-size:.84rem;color:var(--ink-2);line-height:1.6;margin-top:6px}

/* 相 */
.pic{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%;text-align:left}
.pic img{width:100%;object-fit:cover}
.pic .cap,.figcap{display:block;font-size:.8rem;color:var(--mute);margin-top:10px;letter-spacing:.08em}
.frame-jade{padding:14px;background:var(--porc);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(30,58,48,.5)}

/* 表 */
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{width:34%;font:500 .95rem var(--serif);color:var(--jade-d);letter-spacing:.12em}
.tbl td small{display:block;color:var(--mute);font-size:.82rem}
.sec.jade .tbl th{color:var(--jade-l)}
.sec.jade .tbl th,.sec.jade .tbl td{border-bottom-color:rgba(255,255,255,.18)}
.sec.jade .tbl td small{color:#B9CEC3}

/* 清單 */
.scroll-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.scroll-list li{display:grid;grid-template-columns:2.6em 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.scroll-list li b{font:600 1.1rem var(--serif);color:var(--jade);letter-spacing:.02em}
.scroll-list li strong{display:block;font:600 1.02rem var(--serif);color:var(--jade-dd);letter-spacing:.1em}
.scroll-list li span{font-size:.9rem;color:var(--ink-2)}
.sec.jade .scroll-list li{border-bottom-color:rgba(255,255,255,.18)}
.sec.jade .scroll-list li b{color:var(--jade-l)}
.sec.jade .scroll-list li strong{color:#fff}
.sec.jade .scroll-list li span{color:#D6E4DC}

/* 港鐵 */
.stations{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}
.stations ol{list-style:none;margin:0;padding:0}
.stations li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--serif);letter-spacing:.1em}
.stations li b{color:var(--jade);font-weight:600}
.stations li small{display:block;font-family:var(--sans);font-size:.78rem;color:var(--mute);letter-spacing:.04em}
.stations .hub{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,var(--porc) 54%,transparent 55%),conic-gradient(var(--jade) 0 100%);box-shadow:0 0 0 10px var(--rice),0 0 0 11px var(--cel)}
.stations .hub b{display:block;font:600 1.5rem var(--serif);letter-spacing:.2em;color:var(--jade-dd)}
.stations .hub span{font:500 .7rem var(--roman);letter-spacing:.3em;color:var(--jade)}

/* 按鈕 */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 28px;border-radius:999px;border:1px solid var(--jade-d);background:transparent;color:var(--jade-d);font:500 1rem var(--serif);letter-spacing:.2em;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.btn svg{width:20px;height:20px}
.btn:hover{background:var(--jade-d);color:#fff}
.btn-main{background:var(--jade-d);color:#fff}
.btn-main:hover{background:var(--jade-dd)}
.sec.jade .btn{border-color:#fff;color:#fff}
.sec.jade .btn:hover{background:#fff;color:var(--jade-dd)}
.sec.jade .btn-main{background:#fff;color:var(--jade-dd)}

/* 問答 */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font:600 1.06rem var(--serif);letter-spacing:.1em;color:var(--jade-dd);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:28px;width:12px;height:12px;border-radius:50%;border:1px solid var(--jade);transition:background .2s}
.faq details[open] summary::after{background:var(--jade)}
.faq details p{margin:0 0 20px;color:var(--ink-2)}

/* 內頁標題 */
.ph{padding:80px 0 50px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(167,196,181,.35),transparent 60%)}
.ph .bi{width:56px;height:56px;margin:0 auto 18px;display:block}
.crumb{font-size:.82rem;color:var(--mute);letter-spacing:.2em;margin-bottom:10px}
.crumb a{color:var(--mute)}
.ph .lead{max-width:36em;margin:0 auto}

/* 聯絡 */
.cta{padding:90px 0;text-align:center}
.cta .btns{justify-content:center}
.contact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:40px;align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.field{display:flex;flex-direction:column;gap:6px}
.field.wide,.form .note,.form .err{grid-column:1/-1}
.field label{font:500 .9rem var(--serif);letter-spacing:.16em;color:var(--jade-d)}
.field input,.field select{min-height:52px;border:1px solid var(--cel);background:var(--porc);padding:8px 16px;font:400 1rem var(--sans);border-radius:999px;color:var(--ink)}
.field input:focus,.field select:focus{outline:2px solid var(--jade-l);border-color:var(--jade)}
.err{color:#A0403C;min-height:1.2em;margin:0}
.thanks{padding:24px;border:1px solid var(--jade);background:var(--porc)}
.panel{background:var(--porc);border:1px solid var(--line);padding:26px;margin-bottom:18px}
.qr{width:200px;height:200px;background:#fff;padding:10px;margin:12px 0;border:1px solid var(--line)}

/* 頁腳 */
.foot{background:var(--jade-dd);color:#D6E4DC;padding:64px 0 100px;font-size:.86rem}
.foot .bi{width:54px;height:54px;margin-bottom:14px}
.foot .roman{color:var(--jade-l);font-size:.82rem}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:16px 0 20px}
.foot-links a{color:#E9F1EC;text-decoration:none;font-family:var(--serif);letter-spacing:.14em}
.disclaimer{color:#A9BFB4;font-size:.78rem;line-height:1.8;max-width:70em}
.op{color:#fff}

/* 浮動掣 / 彈窗 */
.floats{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:40}
.floats a,.floats button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--jade);cursor:pointer;box-shadow:0 10px 26px -10px rgba(30,58,48,.6)}
.floats svg{width:24px;height:24px}
.f-wa{background:var(--jade-d);color:#fff}
.f-wc{background:var(--porc);color:var(--jade-d)}
.modal{position:fixed;inset:0;background:rgba(20,36,30,.7);display:grid;place-items:center;z-index:60;padding:16px}
.modal .box{background:var(--porc);max-width:360px;width:100%;padding:28px 24px;text-align:center;border-radius:4px;border-top:3px solid var(--jade)}
.modal .box img{width:240px;height:240px;margin:12px auto;background:#fff}
.lb{background:rgba(20,36,30,.94)}
.lb-img{max-width:min(1200px,94vw);max-height:80vh;width:auto;height:auto}
.lb-cap{color:#D6E4DC;text-align:center;margin-top:12px;font-size:.9rem;letter-spacing:.1em}
.lb-x{position:absolute;top:14px;right:14px;width:46px;height:46px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:opacity 1s,transform 1s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

@media (max-width:1060px){
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--rice);border-bottom:1px solid var(--line);padding:8px 18px 18px}
  .nav.open{display:block}
  .nav ul{flex-direction:column}
  .nav a{padding:12px 4px}
  .nav .reg{margin:8px 0 0;text-align:center}
  .menu-btn{display:block}
  .themes{grid-template-columns:1fr 1fr}
  .seq{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}
  .seq::before{display:none}
  .contact{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:15.5px}
  .wrap{padding:0 20px}
  .sec{padding:66px 0}
  .hero{min-height:620px}
  .hero .wrap{padding-bottom:28px}
  .hero .words{padding:20px 20px 22px}
  .vtitle{right:20px;top:96px;font-size:4rem}
  .hero .cap{top:14px;left:16px;right:auto;font-size:.66rem}
  .vsec{grid-template-columns:1fr;gap:20px}
  .vh{writing-mode:horizontal-tb;min-height:0;border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}
  .glyph{grid-template-columns:1fr;gap:20px}
  .glyph .char{width:100%;max-width:240px;margin:0 auto}
  .themes,.scroll-list,.form{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
  .facts div:not(:nth-child(3n)){border-right:0}
  .facts div:nth-child(odd){border-right:1px solid var(--line)}
  .seq{grid-template-columns:1fr 1fr}
  .stations{grid-template-columns:1fr}
  .stations .hub{margin:0 auto;order:-1}
}

/* ---------- 平面圖（共用） ---------- */
.plan-svg,.lay-svg,.stack-svg{display:block;width:100%;height:auto}
.lay-svg .u{cursor:pointer;outline:none}
.lay-svg .u rect{transition:opacity .2s}
.lay-svg .u:hover rect,.lay-svg .u:focus-visible rect{opacity:.82}
.lay-svg .u.on rect{stroke:var(--plan-hi);stroke-width:14}
[data-layout].filtering .u:not(.match){opacity:.18}
.lay-towers{display:grid;grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:26px 56px;align-items:start}
.lay-towers figure{margin:0}
.lay-key{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.lay-key button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 12px;cursor:pointer;font:inherit;font-size:.86rem}
.lay-key i{width:14px;height:14px;display:inline-block;flex:none}
[data-lay-info]{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;min-height:52px;padding:12px 14px;margin:0 0 16px}
[data-lay-info] a{margin-left:auto}
.plan-tabs{display:flex;gap:8px;margin:0 0 16px}
.plan-tabs [role=tab]{min-height:46px;padding:8px 18px;cursor:pointer;font:inherit;font-weight:700}
.plan-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px;align-items:start}
.plan-facts{list-style:none;margin:0;padding:0}
.plan-facts li{display:grid;grid-template-columns:5.5em 1fr;gap:10px;padding:9px 0}
.plan-pts{margin:14px 0 0;padding-left:1.2em}
.plan-pts li{margin:4px 0}
.stack-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}
.stack-tbl{width:100%;border-collapse:collapse}
.stack-tbl th,.stack-tbl td{text-align:left;padding:10px 8px;vertical-align:top}
.lay-tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.lay-tbl th,.lay-tbl td{text-align:left;padding:7px 8px}
.lay-more summary{cursor:pointer;font-weight:700;padding:10px 0}
@media (max-width:860px){.plan-grid,.stack-grid{grid-template-columns:1fr}}
@media (max-width:640px){.lay-towers{grid-template-columns:minmax(0,430px)}}

/* ---------- 平面圖（雅居） ---------- */
:root{--plan-hi:#1E3A30}
.plan-tabs [role=tab]{border:1px solid var(--jade-d);border-radius:999px;background:transparent;color:var(--jade-d);font-family:var(--serif);letter-spacing:.14em;padding:8px 22px}
.plan-tabs [role=tab][aria-selected=true]{background:var(--jade-d);color:#fff}
.plan-fig{margin:0;padding:16px;background:var(--porc);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(30,58,48,.5)}
.plan-fig figcaption,.lay-towers figcaption,.stack-fig figcaption{font-size:.8rem;color:var(--mute);text-align:center;margin-top:10px;letter-spacing:.08em}
.stack-fig{margin:0}
.plan-k{font:600 clamp(3.6rem,7vw,5rem)/1 var(--roman);color:var(--jade);margin:0 0 6px;letter-spacing:.06em}
.plan-side h3{font:600 1.2rem var(--serif);color:var(--jade-dd);letter-spacing:.08em}
.plan-facts{border-top:1px solid var(--line)}
.plan-facts li{border-bottom:1px solid var(--line)}
.plan-facts span{font:500 .92rem var(--serif);color:var(--jade-d);letter-spacing:.1em}
.plan-facts small{display:block;font-weight:400;font-size:.8rem;color:var(--mute)}
.plan-side .btn{margin-top:20px}
.lay-key button{border:1px solid var(--line);border-radius:999px;background:var(--porc);color:var(--ink);letter-spacing:.06em}
.lay-key i{border-radius:50%}
.lay-key button[aria-pressed=true]{border-color:var(--jade-d);box-shadow:inset 0 0 0 1px var(--jade-d)}
[data-lay-info]{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif)}
[data-lay-info] b{font:600 1.15rem var(--serif);color:var(--jade-d);letter-spacing:.1em}
.lay-more{border-top:1px solid var(--line);margin-top:20px;font-family:var(--serif)}
.lay-tbl td,.lay-tbl th,.stack-tbl td,.stack-tbl th{border-bottom:1px solid var(--line)}
.stack-tbl thead th,.lay-tbl thead th{font:500 .85rem var(--serif);color:var(--jade);letter-spacing:.12em}
.stack-tbl tbody th{font:600 1.05rem var(--serif);color:var(--jade-dd);white-space:nowrap}
.stack-tbl small{display:block;color:var(--jade);font-weight:600}
@media (max-width:760px){.plan-fig{padding:8px}}

/* ---------- 新版追加 ---------- */
:root{--r1:#F3ECDD;--r3:#DCE8E0;--mix-bg:#E4ECE6;--mix-fg:#2E5546;--atbl-line:#DCD5C4;--atbl-bg:#FBFAF6}
.atbl thead th{color:var(--jade);font-family:var(--roman);border-bottom-color:var(--jade-d)}
.atbl tbody th{color:var(--jade-dd);font-family:var(--serif)}
.atbl td b{font:600 1.04rem var(--serif);color:var(--jade-dd)}
.atbl caption{font-family:var(--serif);letter-spacing:.12em;color:var(--jade-d)}
.mixwrap{max-width:640px;margin:34px auto 22px}
.mixwrap.left{margin:30px 0 18px}
.mix-row .k{font-family:var(--serif);color:var(--jade-dd);letter-spacing:.1em}
.mix-row b{font:600 1.05rem var(--serif);color:var(--jade-d)}
.sec.jade .mix-row .k,.sec.jade .mix-row b{color:#fff}
.sec.jade .mix{--mix-bg:rgba(255,255,255,.14);--mix-fg:#C9DCCF}
.sec.jade .mix .note{color:#B9CEC3}
@media (min-width:1061px){.seq{grid-template-columns:repeat(8,minmax(0,1fr))}}
.vsec>div{min-width:0}
@media (max-width:760px){.vsec{grid-template-columns:minmax(0,1fr)}}
.notice{margin:0;background:var(--jade-dd);color:#CFE0D6;font-size:.78rem;text-align:center;padding:6px 16px;letter-spacing:.08em}
.foot .brand{color:#fff;margin-bottom:14px}
.foot .brand small{color:var(--jade-l)}
.ph-banner{margin:36px auto 0;max-width:1100px;padding:12px;background:var(--porc);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(30,58,48,.5)}
.ph-banner img{width:100%;height:clamp(200px,30vw,360px);object-fit:cover}
.ph-banner figcaption{font-size:.78rem;color:var(--mute);margin-top:8px;letter-spacing:.08em;text-align:right}
.ph-img{margin:0}
.ph-img .zoom{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;overflow:hidden}
.ph-img img{width:100%;object-fit:cover;transition:transform 1s ease}
.ph-img .zoom:hover img{transform:scale(1.03)}
.ph-img figcaption{font-size:.8rem;color:var(--mute);margin-top:10px;letter-spacing:.08em}
.theme{padding:0 0 24px;overflow:hidden}
.theme .tpic{display:block;margin:0 0 18px;overflow:hidden}
.theme .tpic img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1s}
.theme:hover .tpic img{transform:scale(1.05)}
.theme .n,.theme h3,.theme p{padding:0 22px}
.theme .n{display:block}
.theme::after{top:auto;bottom:26px}
.mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mosaic.two-up{grid-template-columns:1fr 1fr}
.mosaic .ph-img img{aspect-ratio:4/5}
.mosaic.two-up .ph-img img{aspect-ratio:4/3}
.plan-link{display:block}
.glyph.wide{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
@media (max-width:760px){.glyph.wide{grid-template-columns:1fr}}
.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.gallery .ph-img{grid-column:span 2;padding:12px;background:var(--porc);border:1px solid var(--line)}
.gallery .ph-img.wide{grid-column:span 4}
.gallery .ph-img.half{grid-column:span 3}
.gallery .ph-img img{height:clamp(190px,23vw,290px)}
.mtr{background:var(--porc);border:1px solid var(--line);padding:22px 18px 10px}
.mtr svg{display:block;width:100%;height:auto}
.drive{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.drive li{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--serif);letter-spacing:.12em}
.drive b{font:600 1.4rem/1 var(--serif);color:var(--jade-d);letter-spacing:.02em}
.drive b small{font:400 .8rem var(--sans);color:var(--ink-2);margin-left:3px}
.sec.jade .frame-jade{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.sec.jade .ph-img figcaption{color:#B9CEC3}
.hero .cap{left:24px;right:auto;top:18px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
@media (max-width:760px){
  .ph-banner{padding:8px;margin-top:26px}
  .gallery{grid-template-columns:1fr 1fr;gap:10px}
  .gallery .ph-img,.gallery .ph-img.half{grid-column:span 1;padding:6px}
  .gallery .ph-img.wide{grid-column:span 2}
  .gallery .ph-img img{height:150px}
  .gallery .ph-img.wide img{height:200px}
  .gallery .ph-img figcaption{font-size:.7rem;letter-spacing:0}
  .mosaic,.mosaic.two-up{grid-template-columns:1fr}
  .mosaic .ph-img img{aspect-ratio:4/3}
  .drive{grid-template-columns:1fr}
  .mtr-svg{display:none}
  .hero{min-height:640px}
}

/* 部署版本：頁腳營運者身份披露。 */
.operator-disclosure{font-size:.86rem;line-height:1.85;padding:12px 16px;border:1px solid rgba(201,220,207,.28);border-radius:4px}
.operator-pending{display:block;opacity:.75;font-size:.78rem;margin-top:3px}