/* 太平洋莊園夜間版（全站）：台北時間日落～隔天日出，由 sunrise.js 在 <html> 加上 night class */
.n-only{display:none}
html.night .n-only{display:block}html.night span.n-only{display:inline}
html.night .d-only{display:none}
html.night{--sand:#0b1a2b;--paper:#11253a;--soft:#16304a;--ink:#e8eef4;--muted:#b9c6d3;--border:#2b4661;color-scheme:dark}
html.night body{background:#0b1a2b;color:#e8eef4}
html.night h1,html.night h2,html.night h3,html.night h4{color:#f3f6f9}
html.night a{color:#9fd0ff}
html.night .eyebrow{color:#ffd9b8}
html.night header.top,html.night .mnav{background:#0d2135;border-color:#2b4661}
html.night header.top a,html.night .mnav a{color:#e8eef4}
html.night .fsw,html.night .menubtn{background:#14304b;border-color:#5d86ad;color:#e8eef4}
html.night .menubtn *{color:inherit}
html.night .btn-ghost{background:#14304b;color:#e8eef4;border-color:#7fa7cf}
html.night .hero .btn-ghost{background:rgba(20,48,75,.92)}
html.night section.alt,html.night .today-sec,html.night .intro-video{background:#0e2034}
html.night .hl,html.night .bus{background:#11253a;border-color:#3d6a96;box-shadow:none}
html.night .hl-tile,html.night .card,html.night .pillar,html.night .fact,html.night details{background:#16304a;border-color:#2b4661;color:#e8eef4}
html.night .hl-src,html.night .hl-upd,html.night small{color:#b9c6d3}
html.night footer{background:#06121f;color:#c9d4de}
html.night footer a{color:#9fd0ff}
html.night .mcta{background:#0d2135;border-color:#2b4661}
html.night .hero .cap{background-color:transparent}
@media(max-width:899px){html.night .hero .cap{background:#0d2238}}
/* 夜晚的莊園 相片列 */
.night-sec{background:#081624;padding:48px 0}
.ngal{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:18px}
@media(min-width:760px){.ngal{grid-template-columns:repeat(5,1fr)}}
.ngal a{position:relative;display:block;border-radius:12px;overflow:hidden;text-decoration:none;background:#11253a}
.ngal a:first-child{grid-column:1/-1}
@media(min-width:760px){.ngal a:first-child{grid-column:auto}}
.ngal img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ngal .ng-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;font-size:.9375rem;line-height:1.4;color:#fff;background:linear-gradient(180deg,rgba(6,18,31,0),rgba(6,18,31,.85))}
html.night .pp #why,html.night #why{background:#0e2034}
html.night .fsw button{color:#e8eef4}
html.night .fsw button[aria-pressed="true"]{background:#2f6aa3;color:#fff}
html.night .fsw button:hover{background:#1d4266}
html.night .iv-box video{background:#081624}
html.night .pp .lead{color:#c9d5e1}
html.night .pp .intro-video .wrap{background:#11253a;box-shadow:0 10px 30px rgba(0,0,0,.35)}
html.night .pp .iv-head h2 small{color:#b9c6d3}
html.night .pp .go-links .btn{background:#16304a;border-color:#2f5172;color:#e8eef4;box-shadow:none}
html.night .pp .go-links .btn::after{border-color:#ffb58a}
html.night .pp .go-links .btn .ic{color:#ffb58a}
html.night a.btn,html.night .mcta a,html.night a.btn-line{color:#fff}
html.night .mcta a span{color:inherit}
/* 下一次日出（大字） */
html.night .sr-big{display:flex;align-items:center;gap:14px;width:fit-content;margin:8px 0 16px;padding:12px 22px 12px 16px;border-radius:20px;
 background:linear-gradient(135deg,rgba(255,170,90,.22),rgba(255,120,60,.10));border:1px solid rgba(255,196,130,.65);box-shadow:0 0 28px rgba(255,166,77,.25),inset 0 0 18px rgba(255,190,120,.08);color:#ffe2c2}
html.night .sr-ic{color:#ffb866;flex:none;filter:drop-shadow(0 0 6px rgba(255,170,80,.6))}
.sr-txt{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:12px;line-height:1.1}
.sr-day{font-size:1.125rem;font-weight:800;color:#ffd6a8;letter-spacing:.08em;grid-column:1/-1;margin-bottom:2px}
.sr-time{font-size:clamp(2.75rem,12vw,3.5rem);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 18px rgba(255,170,90,.55)}
.sr-where{font-size:.875rem;color:#e9cfb2}
@media(min-width:900px){
 html.night .la-hero .sr-big{position:absolute;right:max(32px,calc((100vw - 1180px)/2));bottom:64px;margin:0;padding:18px 28px 18px 22px;background:linear-gradient(135deg,rgba(40,24,10,.6),rgba(14,22,38,.6));backdrop-filter:blur(4px)}
 html.night .sr-time{font-size:4.5rem}
 html.night .sr-ic{width:64px;height:64px}
}
/* 天亮之後的陽台（v2） */
.mn-h{margin:34px 0 0;font-size:1.375rem;color:#ffd6a8}
.mgal{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px;max-width:360px}
.mgal a,.mgal figure{position:relative;display:block;margin:0;border-radius:12px;overflow:hidden;background:#11253a}
.mgal img,.mgal video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.mgal .ng-cap{position:static;display:block;padding:8px 12px 10px;background:none;color:#e8eef4;font-size:.9375rem;line-height:1.4}
.mgal a{text-decoration:none}
html.night .d-sec{display:none}
/* 夜間重要特報（單行，覆蓋在主圖上方天空處，不推動版面） */
.nw[hidden]{display:none!important}
html.night .la-hero .nw{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
html.night .nw p{display:flex;align-items:center;gap:8px;margin:0;max-width:100%;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(150,28,20,.88);border:1px solid rgba(255,170,150,.7);color:#fff;font-size:1rem;font-weight:700;line-height:1.35;box-shadow:0 4px 14px rgba(0,0,0,.35)}
html.night .nw .ic{flex:none;color:#ffd3c4}
@media(min-width:900px){html.night .la-hero .nw{top:24px;left:auto;right:max(32px,calc((100vw - 1180px)/2));align-items:flex-end}}
/* 夜間：其他分頁共用（--sea 改為淺色文字色，原本用 --sea 當底色的元件改回深藍底） */
html.night{--sea:#a9d4ff;--sea2:#7fb8ea}
html.night .lay-a .btn-call,html.night .badge,html.night .contact,html.night .mcta .c1,html.night .fsw button[aria-pressed="true"],
html.night .nav a[aria-current="page"],html.night .menubtn[aria-expanded="true"],html.night .mnav a[aria-current="page"],html.night .bus-rows .r,
html.night .bus-tabs [role="tab"][aria-selected="true"],html.night .tr-ty.qj,html.night .sp-copy{background:#1f4f80;color:#fff}
html.night .fsw button[aria-pressed="true"]:hover{background:#2a6299}
html.night th,html.night td{border-color:#2b4661}
html.night table.fee,html.night .plan,html.night .step,html.night .day figure,html.night .chips a,html.night .bus-panel,html.night .bus-tabs,html.night .bus-rows li,html.night .tr-rows li{background:#16304a;border-color:#2b4661;color:#e8eef4}
html.night section.alt .card,html.night section.alt details{background:#16304a}
html.night summary{color:#e8eef4}
html.night details,html.night .sp details,html.night .lay-a .la-why,html.night .lay-a .la-card,html.night .lay-a .btn-call2,html.night .vform,html.night section.alt .vform,
html.night .share-btn,html.night .sharepop,html.night .sp-url,html.night .crow-btn,html.night .camroute li a,html.night .cr-off li a,html.night .iv-fs,html.night .iv-lang button:not([aria-pressed="true"]),html.night .rc-cam{background:#16304a;border-color:#2f5172;color:#e8eef4}
html.night .vform input,html.night .vform select,html.night .vform textarea{background:#0d2135;border-color:#5d86ad;color:#f3f6f9}
html.night .vform ::placeholder{color:#9fb0c0}
/* 地圖上的標籤維持白底深字，與地圖一致 */
html.night .cm-lab,html.night .cm-isl,html.night .cm-lab *,html.night .cm-isl *{color:#12395e}
html.night .pano-cap{background:rgba(8,22,36,.85);color:#fff}
html.night .price,html.night .sub-offer{color:#ffb58a}
html.night .faq-cta{background:#123524;border-color:#2f6b49;color:#e8eef4}
html.night .faq-cta-btn{background:#067a3a}
html.night .faq-line a,html.night .faq-line-top a{color:#5fdc93}
html.night .faq-line-top h3{color:#5fdc93}html.night .faq-line-top h3 small{color:#b9c6d3}
html.night .sp details{background:#16304a!important}
html.night .cm-manor,html.night .cm-manor *{color:#fff}
html.night .sp-t{color:#c9d5e1}
html.night .pagehead{background:linear-gradient(180deg,#0d2135 0%,#0b1a2b 100%);border-color:#2b4661}

/* QA 2026-10-20: dark green/red status text on navy */
html.night .bus-rows .st-live .t,html.night .tr-rows .st-ontime .tr-st,html.night .hl-ok,html.night .sp-msg{color:#5fd394}
html.night .hl-road b,html.night .tr-rows .st-late .tr-st,html.night .req,html.night .vf-err{color:#ff8a80}