/* =====================================================================
   半熟日本 改版（參考 colocal.jp 版型）— 2026-10-13 預覽版
   只在 body.rd 底下生效；正式站不載入這支檔案就完全不受影響。
   ===================================================================== */
:root{
  --rd-line:#cecece;
  --rd-line-soft:rgba(0,0,0,.27);
  --rd-gray:#767676;
  --rd-ink:#111008;
  --rd-bar:#F5CFB6;          /* 跑馬燈色 bar（品牌橘的淺色） */
  --rd-new-bg:#FFF8EF;       /* What's New 區塊底色 */
  --rd-hd-h:72px;
  --rd-en:"Averia Serif Libre",serif;
  --rd-num:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (max-width:767px){:root{--rd-hd-h:60px}}

body.rd{padding-top:var(--rd-hd-h);background:#fff}
body.rd #nav{display:none !important}
body.rd a{-webkit-tap-highlight-color:transparent}
.rd *{box-sizing:border-box}

/* ---------- 頂部固定色 bar ---------- */
.rd-hd{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--rd-hd-h);background:#fff;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:space-between;padding:0 45px 0 47px}
.rd-date{display:flex;align-items:center;gap:10px;color:#000;font-family:var(--rd-num);text-decoration:none}
.rd-date-md{font-size:30px;font-weight:500;line-height:1;letter-spacing:.03em}
.rd-date-dy{display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:.9;letter-spacing:.02em}
.rd-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;text-decoration:none;color:#000;cursor:pointer}
.rd-logo img{height:58px;width:58px;display:block}
.rd-logo-txt{display:flex;flex-direction:column;gap:3px;line-height:1.1;border-left:1px solid #000;padding-left:12px}
.rd-logo-txt small{font-family:var(--rd-en);font-size:13px;letter-spacing:.02em;white-space:nowrap}
.rd-logo-txt small.ja{font-family:inherit;font-size:10px;letter-spacing:.08em}
.rd-menu-btn{background:none;border:0;padding:6px;cursor:pointer;display:flex;align-items:center}
.rd-menu-btn svg{width:46px;height:28px;display:block}
@media (max-width:767px){
  .rd-hd{padding:0 6vw}
  .rd-date-md{font-size:18px}
  .rd-date-dy{font-size:8px;gap:2px}
  .rd-logo img{height:36px;width:36px}
  .rd-logo-txt{display:none}
  .rd-logo img{height:44px;width:44px}
  .rd-menu-btn svg{width:36px;height:22px}
}

/* ---------- 漢堡選單＋搜尋 ---------- */
.rd-menu{position:fixed;inset:0;z-index:1100;background:#fff;display:none;flex-direction:column;overflow-y:auto}
.rd-menu.open{display:flex}
.rd-menu .rd-hd{position:sticky}
.rd-menu-close{background:none;border:0;cursor:pointer;width:46px;height:28px;position:relative}
.rd-menu-close::before,.rd-menu-close::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:#000}
.rd-menu-close::before{transform:rotate(25deg)}.rd-menu-close::after{transform:rotate(-25deg)}
.rd-menu-body{max-width:1100px;width:100%;margin:0 auto;padding:56px 47px 80px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.rd-search{grid-column:1/-1;display:flex;align-items:center;border-bottom:1px solid #000;padding-bottom:12px}
.rd-search svg{width:22px;height:22px;flex-shrink:0}
.rd-search input{flex:1;border:0;outline:0;font:inherit;font-size:20px;padding:6px 12px;background:transparent}
.rd-search-res{grid-column:1/-1;display:none}
.rd-search-res.on{display:block}
.rd-search-res a{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rd-line);color:#000;text-decoration:none}
.rd-search-res img{width:64px;height:64px;object-fit:cover;flex-shrink:0}
.rd-search-res .k{font-size:12px;color:var(--rd-gray)}
.rd-search-res .t{font-size:15px;line-height:1.5}
.rd-search-empty{color:var(--rd-gray);padding:16px 0}
.rd-menu-sec h4{font-family:var(--rd-en);font-weight:400;font-size:32px;margin:0 0 18px;letter-spacing:-.02em}
.rd-menu-sec ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rd-line-soft)}
.rd-menu-sec li a{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid var(--rd-line-soft);color:#000;text-decoration:none;font-size:17px}
.rd-menu-sec li a span{font-family:var(--rd-num);font-size:12px;color:var(--rd-gray);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:767px){.rd-menu-body{grid-template-columns:1fr;padding:32px 6vw 60px;gap:40px}}

/* ---------- 首頁輪播（Featured Stories） ---------- */
.rd-fv{position:relative;overflow-x:clip;padding-bottom:46px;background:#000}
.rd-fv-inner{position:relative;margin-right:276px;aspect-ratio:1440/693;max-height:calc(100vh - var(--rd-hd-h) - 46px);min-height:420px}
.rd-fv-ttl{position:absolute;top:40px;left:45px;margin:0;font-family:var(--rd-en);font-weight:400;font-size:52px;line-height:.85;color:#fff;z-index:200;pointer-events:none;text-shadow:0 1px 18px rgba(0,0,0,.18)}
.rd-fv-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.rd-fv-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1);will-change:transform;cursor:pointer}
.rd-fv-item.no-tr{transition:none}
.rd-fv-img{position:absolute;inset:0;overflow:hidden}
.rd-fv-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.72);transition:filter .5s}
.rd-fv-item.is-active .rd-fv-img img{filter:none}
.rd-fv-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(rgba(40,40,40,0),rgba(30,30,30,.72));pointer-events:none}
.rd-fv-text{position:absolute;left:47px;bottom:118px;width:min(600px,70%);color:#fff;opacity:0;transform:translateY(12px);transition:opacity .5s .25s,transform .5s .25s;pointer-events:none}
.rd-fv-item.is-active .rd-fv-text{opacity:1;transform:none;pointer-events:auto}
.rd-fv-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;line-height:1.6;margin-bottom:16px}
.rd-fv-meta span{position:relative}
.rd-fv-meta span+span::before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:1px;height:11px;background:#fff}
.rd-fv-meta .tag+.tag{margin-left:-8px}
.rd-fv-meta .tag+.tag::before{display:none}
.rd-fv-title{margin:0;font-size:32px;font-weight:500;line-height:1.55;letter-spacing:.02em}
.rd-fv-sub{margin:10px 0 0;font-size:16px;font-weight:400;line-height:1.7;opacity:.92}
/* 右側直排條：Featured 0N ＋ 標題 */
.rd-fv-feat{position:absolute;top:30px;z-index:5;color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px;width:24px;height:calc(100% - 60px)}
.rd-fv-feat b{font-family:var(--rd-en);font-weight:400;font-size:16px;line-height:.9;writing-mode:vertical-rl;white-space:nowrap}
.rd-fv-feat i{font-style:normal;font-size:13px;line-height:1.3;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:70%}
.rd-fv-item.is-active .rd-fv-feat{right:30px}
.rd-fv-item.is-active .rd-fv-feat i,.rd-fv-item.is-prev .rd-fv-feat i{display:none}
.rd-fv-item:not(.is-active) .rd-fv-feat{left:calc((var(--rd-strip) - 24px)/2)}
.rd-fv-item.is-prev .rd-fv-feat,.rd-fv-item.is-prev .rd-fv-text{opacity:0;transition:none}
/* 控制列 */
.rd-fv-ctrl{position:absolute;left:47px;right:28px;bottom:40px;z-index:210;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#fff}
.rd-fv-btns{display:flex;gap:6px}
.rd-fv-btn{width:56px;height:56px;border-radius:50%;border:1px solid #cecece;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.rd-fv-btn:hover{background:rgba(255,255,255,.14)}
.rd-fv-btn svg{width:14px;height:12px}
.rd-fv-prog{flex:0 0 142px;height:1px;background:#767676;overflow:hidden;align-self:center;margin-top:30px}
.rd-fv-prog i{display:block;height:100%;width:0;background:#fff}
.rd-fv-prog i.run{animation:rdProg var(--rd-dur,6s) linear forwards}
@keyframes rdProg{from{width:0}to{width:100%}}
.rd-fv-count{font-family:var(--rd-num);font-size:12px;line-height:1.6;display:flex;align-items:center}
.rd-fv-count .sep{display:inline-block;width:1px;height:22px;background:#fff;transform:rotate(21deg);margin:0 16px}
/* 跑馬燈色 bar */
.rd-bar{position:absolute;left:0;right:0;bottom:0;height:46px;background:var(--rd-bar);display:flex;align-items:center;padding-left:48px;z-index:220}
.rd-bar-hd{flex-shrink:0;position:relative;padding-right:36px;font-family:var(--rd-en);font-size:18px;color:#000}
.rd-bar-hd::after{content:"";position:absolute;right:17px;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#000}
.rd-bar-mq{flex:1 1 100%;height:100%;overflow:hidden;position:relative}
.rd-bar-track{position:absolute;top:50%;left:0;display:flex;white-space:nowrap;transform:translateY(-50%);animation:rdMarquee var(--rd-mq,60s) linear infinite}
.rd-bar-mq:hover .rd-bar-track{animation-play-state:paused}
.rd-bar-track a{display:inline-block;padding-right:56px;font-size:15px;line-height:1.5;color:#000;text-decoration:none}
.rd-bar-track a:hover{text-decoration:underline}
.rd-bar-track a b{font-weight:700;margin-right:10px}
@keyframes rdMarquee{from{transform:translate(0,-50%)}to{transform:translate(-50%,-50%)}}
@media (max-width:767px){
  .rd-fv{padding-bottom:56px}
  .rd-fv-inner{margin-right:72px;aspect-ratio:375/560;max-height:none;min-height:0}
  .rd-fv-ttl{top:28px;left:24px;font-size:30px}
  .rd-fv-text{left:24px;bottom:56px;width:calc(100% - 48px)}
  .rd-fv-meta{font-size:12px;margin-bottom:10px}
  .rd-fv-title{font-size:19px;font-weight:700;line-height:1.55}
  .rd-fv-sub{font-size:13px;margin-top:6px}
  .rd-fv-item.is-active .rd-fv-feat{right:4px}
  .rd-fv-feat b{font-size:12px}
  .rd-fv-feat i{display:none}
  .rd-fv-ctrl{left:24px;right:16px;bottom:22px}
  .rd-fv-btns,.rd-fv-count{display:none}
  .rd-fv-prog{margin:0 auto}
  .rd-bar{height:56px;padding-left:6vw}
  .rd-bar-hd{font-size:15px;padding-right:14px}
  .rd-bar-hd::after{display:none}
  .rd-bar-track a{font-size:13px}
}

/* ---------- 共用：英文大標＋中文小標 ---------- */
.rd-h2{display:flex;align-items:center;gap:44px;margin:0}
.rd-h2-en{font-family:var(--rd-en);font-weight:400;font-size:64px;line-height:.85;letter-spacing:-.04em;color:#000}
.rd-h2-ja{position:relative;font-size:17px;font-weight:500;line-height:1.6;color:#000}
.rd-h2-ja::before{content:"";position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:1px;height:31px;background:var(--rd-line)}
@media (max-width:767px){.rd-h2{gap:22px}.rd-h2-en{font-size:34px}.rd-h2-ja{font-size:14px}.rd-h2-ja::before{left:-11px;height:19px}}

/* ---------- What's New ---------- */
.rd-new{padding:92px 47px 100px;background:var(--rd-new-bg)}
.rd-new-hd{margin-bottom:50px}
.rd-list{margin:0 -47px;padding:0 27px;border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line)}
.rd-list-inner{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--rd-line);border-right:1px solid var(--rd-line)}
.rd-list--4 .rd-list-inner{grid-template-columns:repeat(4,1fr)}
.rd-slot{position:relative}
.rd-slot::before{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:calc(100% + 54px);height:1px;background:var(--rd-line)}
.rd-slot::after{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background:var(--rd-line)}
.rd-card{display:block;padding:17px 17px 22px;color:#000;text-decoration:none;cursor:pointer}
.rd-card-img{position:relative;aspect-ratio:4/5;overflow:hidden;margin:0;background:#eee}
.rd-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.rd-card:hover .rd-card-img img{transform:scale(1.04)}
.rd-card-pref{position:absolute;top:0;right:0;background:#fff;padding:9px 5px;font-size:13px;line-height:1.2;writing-mode:vertical-rl;font-weight:600;letter-spacing:.25em;color:#000}
.rd-card-badge{position:absolute;left:0;bottom:0;background:var(--org);color:#fff;font-size:11px;padding:4px 9px;letter-spacing:.06em}
.rd-card-badge.ended{background:#111}
.rd-card-txt{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.rd-card-title{margin:0;font-size:15px;font-weight:400;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rd-card-meta{color:var(--rd-gray);font-family:var(--rd-num);font-size:12px;line-height:1}
.rd-card-meta span+span{margin-left:16px;position:relative}
.rd-card-meta span+span::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:1px;height:13px;background:var(--rd-gray)}
.rd-more{display:flex;justify-content:center;margin-top:50px}
.rd-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:314px;height:76px;border:1px solid #000;border-radius:5px;background:#fff;color:#000;font-size:14px;font-weight:700;letter-spacing:.08em;cursor:pointer;text-decoration:none}
.rd-btn::after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;border-right:1px solid #000;border-bottom:1px solid #000;transform:translateY(-70%) rotate(45deg)}
.rd-btn--right::after{transform:translateY(-50%) rotate(-45deg)}
.rd-btn:hover{background:#f3f3f3}
@media (max-width:1100px){.rd-list-inner{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
  .rd-new{padding:44px 27px 44px}
  .rd-new-hd{margin-bottom:32px}
  .rd-list{margin:0 -27px;padding:0 11px}
  .rd-list-inner,.rd-list--4 .rd-list-inner{grid-template-columns:repeat(2,1fr)}
  .rd-slot::before{width:calc(100% + 23px)}
  .rd-card{padding:18px 11px 15px}
  .rd-card-pref{font-size:11px;padding:7px 4px}
  .rd-card-title{font-size:14px}
  .rd-card-meta{font-size:11px}
  .rd-card-meta span+span{margin-left:8px}
  .rd-card-meta span+span::before{left:-4px;height:11px}
  .rd-btn{max-width:100%}
}

/* ---------- 首頁 City Guide 區 ---------- */
.rd-cities{padding:92px 47px 100px;background:#fff}
.rd-cities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.rd-city{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff;text-decoration:none;cursor:pointer;background:#222}
.rd-city img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78);transition:transform .6s}
.rd-city:hover img{transform:scale(1.04)}
.rd-city-t{position:absolute;left:22px;bottom:20px;right:22px}
.rd-city-t b{display:block;font-family:var(--rd-en);font-weight:400;font-size:38px;line-height:1}
.rd-city-t span{font-size:15px}
.rd-cities-grid.few{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.rd-cities-grid.few .rd-city{aspect-ratio:16/10}
.rd-city-arrow{position:absolute;right:20px;bottom:22px;width:42px;height:42px;border:1px solid #fff;border-radius:50%}
.rd-city-arrow::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translate(-65%,-50%) rotate(45deg)}
@media (max-width:767px){.rd-cities{padding:44px 27px}.rd-cities-grid,.rd-cities-grid.few{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.rd-cities-grid.few .rd-city{aspect-ratio:3/4}.rd-city-t b{font-size:24px}.rd-cities-grid.few{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.rd-cities-grid.few .rd-city{aspect-ratio:16/10}
.rd-city-arrow{display:none}}

/* 舊首頁區塊：改版後不顯示 */
body.rd #hero-slider,body.rd .articles-wrap,body.rd .whats-on{display:none !important}
/* 10/17 圖片瘦身：舊首頁區塊從一開始就藏起來（不等 redesign.js 加上 body.rd），裡面的舊輪播／舊卡片圖才不會在背景偷偷下載 */
#hero-slider,.articles-wrap,.whats-on{display:none !important}

/* ---------- 內頁（文章／現地情報／漫遊指南） ---------- */
body.rd #article-view.rd-on>*:not(.rd-post),body.rd #hub-view.rd-on>*:not(.rd-cat){display:none !important}
.rd-post{max-width:1440px;margin:0 auto;background:#fff;color:#000}
.rd-post-grid{display:grid;grid-template-columns:314px minmax(0,1fr);gap:0 29px;padding:48px 47px 30px}
.rd-crumbs{grid-column:1;font-family:var(--rd-num);font-size:14px;letter-spacing:.05em;line-height:1;margin:6px 0 0;padding:0;list-style:none}
.rd-crumbs li{display:inline}
.rd-crumbs li+li::before{content:" / "}
.rd-crumbs a{color:rgba(0,0,0,.54);text-decoration:none;cursor:pointer}
.rd-crumbs a:hover{text-decoration:underline}
.rd-title-wrap{grid-column:2}
.rd-post-cat{display:block;font-size:14px;line-height:1.6;margin-bottom:6px}
.rd-post-cat span+span::before{content:"｜";color:var(--rd-gray)}
.rd-status{display:inline-block;margin-left:10px;font-size:11px;padding:2px 8px;background:var(--org);color:#fff;vertical-align:2px}
.rd-status.ended{background:#999}
.rd-h1{margin:0 0 10px;max-width:880px;font-size:36px;font-weight:500;line-height:1.55;letter-spacing:.01em}
.rd-h1-sub{margin:0 0 28px;max-width:880px;font-size:18px;font-weight:400;line-height:1.7;color:#333}
.rd-side{grid-column:1;grid-row:2 / span 2;align-self:start;position:sticky;top:calc(var(--rd-hd-h) + 24px)}
.rd-main{grid-column:2}
.rd-mv{margin:0;position:relative}
.rd-mv img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover}
.rd-mv-credit,.rd-fig-credit{position:absolute;right:10px;bottom:8px;font-size:11px;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.6)}
.rd-info-list{list-style:none;margin:0;padding:0}
.rd-info-list>li{border-top:1px solid var(--rd-line-soft);padding:6px 0;font-family:var(--rd-num);font-size:14px;line-height:2}
.rd-info-list>li:last-child{border-bottom:1px solid var(--rd-line-soft)}
.rd-credit{text-transform:uppercase}
.rd-credit-names{font-weight:400}  /* Kenneth 10/18：PHOTO：後面的名字一律不加粗 */
.rd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;padding:0;list-style:none}
.rd-tags a{border:1px solid #000;height:33px;display:flex;align-items:center;padding:0 14px;color:#000;text-decoration:none;font-size:13px;cursor:pointer}
.rd-tags a::before{content:"#"}
.rd-tags a:hover{background:#f3f3f3}
.rd-area{display:flex;align-items:center;gap:17px;border:1px solid var(--rd-line-soft);padding:15px 19px;margin-top:40px;color:#000;text-decoration:none;cursor:pointer}
.rd-area-img{width:74px;height:74px;border:1px solid #000;border-radius:50%;overflow:hidden;flex-shrink:0}
.rd-area-img img{width:100%;height:100%;object-fit:cover}
.rd-area-n{display:flex;flex-direction:column;gap:4px}
.rd-area-n small{font-family:var(--rd-num);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.rd-area-n b{font-size:20px;font-weight:500}
.rd-area-arrow{margin-left:auto;width:42px;height:42px;border:1px solid #000;border-radius:50%;position:relative;flex-shrink:0}
.rd-area-arrow::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:1px solid #000;border-right:1px solid #000;transform:translate(-65%,-50%) rotate(45deg)}
/* 內文 */
.rd-rich{max-width:660px;padding:56px 0 100px}
.rd-rich>*+*{margin-top:44px}
.rd-rich p{margin:0;font-size:16px;font-weight:400;line-height:2;letter-spacing:.02em}
.rd-rich p+p{margin-top:30px}
.rd-rich h2{margin:72px 0 28px;font-size:22px;font-weight:500;line-height:1.6}
.rd-rich h2 .lb{display:block;font-family:var(--rd-num);font-size:12px;font-weight:400;letter-spacing:.12em;color:var(--rd-gray);margin-bottom:8px}
.rd-rich h2 .jp{display:block;font-size:13px;font-weight:400;color:var(--rd-gray);margin-top:6px}
.rd-rich h2 .no{font-family:var(--rd-en);font-weight:400;margin-right:12px}
/* 10/17 Kenneth：「同場加映」這類文字標記跟標題同粗細，不像數字那樣用細字 */
.rd-rich h2 .no.tx{font-family:inherit;font-weight:inherit}
.rd-lead{font-size:16px;line-height:2;padding-bottom:36px;border-bottom:1px solid var(--rd-line)}
.rd-fig{margin-left:0;margin-right:0;margin-bottom:0;position:relative}
.rd-fig img{display:block;width:100%;height:auto;cursor:zoom-in}
.rd-fig figcaption{font-size:12px;line-height:1.8;color:var(--rd-gray);margin-top:10px}
.rd-cap-strong{display:block;margin-top:12px;font-size:15px;font-weight:700;line-height:1.7;color:#000}
/* 照片輪播（主圖＋縮圖＋控制列） */
.rd-gal{position:relative;user-select:none}
.rd-gal-main{position:relative;overflow:hidden;aspect-ratio:3/2;background:#f2f2f2}
.rd-gal-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.65,0,.35,1)}
.rd-gal-track>div{flex:0 0 100%;height:100%;position:relative}
.rd-gal-track img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in}
.rd-gal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.rd-gal-thumbs::-webkit-scrollbar{display:none}
.rd-gal-thumbs button{flex:0 0 84px;height:56px;padding:0;border:0;background:none;cursor:pointer;opacity:.45;transition:opacity .3s}
.rd-gal-thumbs button.on{opacity:1}
.rd-gal-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.rd-gal-ctrl{display:flex;align-items:center;gap:18px;margin-top:16px}
.rd-gal-btns{display:flex;gap:5px}
.rd-gal-btn{width:42px;height:42px;border-radius:50%;border:1px solid #cecece;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rd-gal-btn svg{width:12px;height:10px}
.rd-gal-prog{flex:1;height:1px;background:#d9d9d9;position:relative}
.rd-gal-prog i{position:absolute;left:0;top:0;height:100%;background:#000;transition:width .4s}
.rd-gal-idx{font-family:var(--rd-num);font-size:12px;display:flex;align-items:center}
.rd-gal-idx .sep{display:inline-block;width:1px;height:18px;background:#000;transform:rotate(21deg);margin:0 12px}
/* Information 框 */
.rd-infobox{max-width:660px}
.rd-infobox-hd{padding:0 86px;border-top:1px solid var(--rd-line-soft);border-bottom:1px solid var(--rd-line-soft)}
.rd-infobox-hd h3{margin:18px 0 12px;font-family:var(--rd-en);font-weight:400;font-size:17px}
.rd-infobox-bd{padding:24px 86px;display:flex;gap:22px}
.rd-infobox-fig{flex:0 0 110px;height:110px;margin:0}
.rd-infobox-fig img{width:100%;height:100%;object-fit:cover}
.rd-infobox-name{font-size:20px;font-weight:500;line-height:1.4;margin:0 0 12px}
.rd-infobox dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;line-height:1.8;color:#333}
.rd-infobox dt{color:var(--rd-gray);white-space:nowrap}
.rd-infobox dd{margin:0;word-break:break-word}
.rd-infobox a{color:#000}
.rd-facts{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.9;color:#333}
.rd-facts li+li{margin-top:4px}
.rd-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rd-links a{font-size:13px;border:1px solid #000;padding:6px 14px;color:#000;text-decoration:none;border-radius:999px}
.rd-links a:hover{background:#f3f3f3}
/* 目錄框 */
.rd-toc{border:1px solid var(--rd-line);background:#fafafa;padding:26px 30px}
.rd-toc-hd{font-family:var(--rd-en);font-size:18px;margin-bottom:12px}
.rd-toc-hd small{font-family:inherit;font-size:13px;color:var(--rd-gray);margin-left:12px}
.rd-toc ol{list-style:none;margin:0;padding:0}
.rd-toc li a{display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--rd-line);color:#000;text-decoration:none;font-size:15px;line-height:1.6;cursor:pointer}
.rd-toc li:first-child a{border-top:0}
.rd-toc li a b{font-family:var(--rd-en);font-weight:400;flex-shrink:0;min-width:26px;white-space:nowrap}  /* 10/18 Kenneth：「同場加映」「NEXT」橫排不換行 */
.rd-toc li a b.en{font-family:var(--rd-num);font-size:12px;letter-spacing:.12em;color:var(--rd-gray);min-width:84px;padding-top:3px}  /* 10/18 旅行案內目錄：英文分類字代替數字 */
.rd-toc li a b.tx{font-family:"Noto Sans TC",sans-serif;font-weight:500}  /* 10/18 Kenneth：中文標籤跟數字一樣看起來有份量 */
.rd-toc li a:hover{text-decoration:underline}
/* N 選 大數字 */
.rd-pick-no{display:inline-block;font-family:var(--rd-en);font-size:60px;line-height:.96;letter-spacing:-3px;padding:0 9px 5px;border-bottom:2px solid #000;margin:80px 0 26px}
.rd-pick-tag{display:block;font-family:var(--rd-num);font-size:13px;letter-spacing:.08em;color:var(--rd-gray);margin-bottom:6px}
.rd-pick h2{margin-top:0}
.rd-pick-no.tx{font-family:"Noto Sans TC",sans-serif;font-weight:500;letter-spacing:0;font-size:34px}  /* 10/18 同場加映／NEXT 等非數字 */
/* 分享列 */
.rd-share{display:flex;align-items:center;gap:14px;padding-top:28px;border-top:1px solid var(--rd-line)}
.rd-share .lb{font-family:var(--rd-en);font-size:16px}
.rd-share a,.rd-share button{display:inline-flex}
/* 內建地圖報導：地圖模組改成整版寬色帶 */
.rd-mapband{background:var(--rd-new-bg);border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line);padding:60px 47px 70px;margin:20px 0 0}
.rd-mapband-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.rd-mapband-hd p{margin:0;font-size:14px;color:var(--rd-gray);max-width:520px;line-height:1.8}
.rd-mapband .hmap-breakout{margin:0 !important;width:auto !important;max-width:none !important;left:auto !important;right:auto !important;transform:none !important}
.rd-mapband .hmap-breakout iframe{border-radius:0 !important;background:#fff}
.rd-after-map{padding:0 47px}
.rd-after-map .rd-rich{margin-left:343px}
/* 推薦閱讀 */
.rd-rec{padding:92px 47px 70px;background:var(--rd-new-bg)}
.rd-rec .rd-new-hd{margin-bottom:50px}
@media (max-width:996px){
  .rd-post-grid{display:block;padding:28px 27px 0}
  .rd-crumbs{font-size:12px;margin-bottom:22px}
  .rd-h1{font-size:24px}
  .rd-h1-sub{font-size:15px;margin-bottom:20px}
  .rd-side{position:static;margin-bottom:24px}
  .rd-area{margin-top:20px}
  .rd-mv{margin:0 -27px}
  .rd-mv .rd-gal-thumbs,.rd-mv .rd-gal-ctrl{padding:0 27px}
  .rd-rich{padding:36px 0 60px;max-width:none}
  .rd-rich p{font-size:15px;line-height:1.9}
  .rd-rich h2{font-size:18px;margin:48px 0 20px}
  .rd-pick h2{margin-top:0}  /* 10/18 Kenneth：灰字和大標之間不要空太開（手機原本 48px），漫遊＋散策 */
  .rd-infobox-hd,.rd-infobox-bd{padding-left:0;padding-right:0}
  .rd-infobox-fig{flex-basis:80px;height:80px}
  .rd-pick-no{font-size:42px;letter-spacing:-2px;margin-top:56px}
  .rd-pick-no.tx{font-size:26px;letter-spacing:0}
  .rd-mapband{padding:36px 12px 40px}
  .rd-mapband-hd{padding:0 15px}
  .rd-after-map{padding:0 27px}
  .rd-after-map .rd-rich{margin-left:0}
  .rd-rec{padding:44px 27px 40px}
  .rd-gal-thumbs button{flex-basis:64px;height:44px}
}

/* ---------- CITY GUIDE 列表頁（/tokyo/） ---------- */
.rd-cat{background:#fff;color:#000}
.rd-cat .rd-crumbs{padding:40px 47px 0;margin:0}
.rd-cat-hd{padding:60px 47px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,660px);gap:40px;align-items:end}
.rd-cat-h1{margin:0;display:flex;align-items:baseline;gap:28px;flex-wrap:wrap}
.rd-cat-h1 b{font-family:var(--rd-en);font-weight:400;font-size:110px;line-height:.85;letter-spacing:-.04em}
.rd-cat-h1 span{font-size:24px;font-weight:500}
.rd-cat-intro{margin:0;font-size:15px;line-height:2;color:#333}
.rd-cat-filter{display:flex;flex-wrap:wrap;gap:8px;padding:0 47px 34px}
.rd-cat-filter button{border:1px solid #000;background:#fff;height:36px;padding:0 16px;font:inherit;font-size:13px;cursor:pointer;border-radius:999px}
.rd-cat-filter button.on{background:#000;color:#fff}
.rd-cat-filter button small{margin-left:6px;opacity:.6}
.rd-cat .rd-list{margin:0;padding:0 27px}
.rd-pager{display:flex;align-items:center;justify-content:space-between;padding:40px 47px 90px}
.rd-pager-idx{font-family:var(--rd-num);font-size:16px;display:flex;align-items:center}
.rd-pager-idx .sep{display:inline-block;width:1px;height:22px;background:#000;transform:rotate(21deg);margin:0 14px}
.rd-pager-btns{display:flex;gap:6px}
.rd-pager-btns button{width:56px;height:56px;border-radius:50%;border:1px solid #000;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rd-pager-btns button:disabled{opacity:.25;cursor:default}
.rd-pager-btns svg{width:14px;height:12px}
@media (max-width:767px){
  .rd-cat .rd-crumbs{padding:24px 27px 0}
  .rd-cat-hd{display:block;padding:36px 27px 24px}
  .rd-cat-h1 b{font-size:60px}
  .rd-cat-h1 span{font-size:18px}
  .rd-cat-intro{margin-top:20px;font-size:14px}
  .rd-cat-filter{padding:0 27px 24px}
  .rd-cat .rd-list{padding:0 11px}
  .rd-pager{padding:28px 27px 60px}
}

/* =====================================================================
   10/13 第二輪修改（Kenneth 回饋）
   ===================================================================== */
/* ---------- 字體：英文標題換掉 Averia；中文標題字體可切換 ---------- */
:root{--rd-en:"Fraunces",Georgia,serif;--rd-zh-h:"Noto Sans TC",sans-serif;--rd-bar-ink:#111008}
body[data-rd-en="B"]{--rd-en:"DM Serif Display",Georgia,serif}
body[data-rd-en="C"]{--rd-en:"Cormorant Garamond",Georgia,serif}
body[data-rd-en="D"]{--rd-en:"Bricolage Grotesque",sans-serif}
body[data-rd-zh="B"]{--rd-zh-h:"Noto Serif TC",serif}
body[data-rd-zh="C"]{--rd-zh-h:"LXGW WenKai TC",serif}
.rd-h2-en{letter-spacing:-.02em;font-weight:500}
body[data-rd-en="C"] .rd-h2-en{font-weight:600}
.rd-h1,.rd-fv-title,.rd-rich h2,.rd-h2-ja,.rd-card-title,.rd-stay-card h3,.rd-block-hd,.rd-infobox-name,.rd-cat-h1 span{font-family:var(--rd-zh-h)}
.rd-h2-sub{margin:18px 0 0;font-size:14px;line-height:1.7;color:var(--rd-gray);font-weight:400}
@media (max-width:767px){.rd-h2-sub{font-size:12.5px;margin-top:12px}}

/* ---------- 頂部 bar：首頁中間＝即時天氣；內頁中間＝Logo ---------- */
.rd-logo img{height:44px;width:auto}
body.rd-home .rd-hd .rd-logo{display:none}
body:not(.rd-home) .rd-hd .rd-wx{display:none}
.rd-menu .rd-logo{display:flex !important}
.rd-wx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:26px;white-space:nowrap;opacity:0;transition:opacity .35s;font-size:14px;color:#111}
.rd-wx.on{opacity:1}
.rd-wx-i{display:inline-flex;align-items:center;gap:6px}
.rd-wx-i .e{font-size:20px;line-height:1}
.rd-wx-i b{font-family:var(--rd-num);font-weight:500;font-size:15px;margin-left:2px}
@media (max-width:767px){.rd-logo img{height:32px}.rd-wx{font-size:13px}.rd-wx-i .e{font-size:17px}}

/* ---------- 輪播：左上角 Logo、白色箭頭 ---------- */
.rd-fv-ttl{top:34px;left:44px;font-size:0;line-height:0}
.rd-fv-logo{display:block;width:75px;height:auto;filter:drop-shadow(0 1px 6px rgba(0,0,0,.3))}
.rd-fv-logo.w{display:none}
.rd-fv-btn{color:#fff;border-color:rgba(255,255,255,.75)}
.rd-fv-btn svg path{stroke:#fff}
@media (max-width:767px){.rd-fv-ttl{top:22px;left:20px}.rd-fv-logo{width:45px}}

/* ---------- 跑馬燈配色組合 ---------- */
body[data-rd-bar="2"]{--rd-bar:#E95412;--rd-bar-ink:#fff}
body[data-rd-bar="3"]{--rd-bar:#F6C744;--rd-bar-ink:#3B2A14}
body[data-rd-bar="4"]{--rd-bar:#FAFCE7;--rd-bar-ink:#E95412}
body[data-rd-bar="5"]{--rd-bar:#111008;--rd-bar-ink:#F6C744}
body[data-rd-bar="6"]{--rd-bar:#CFDDB0;--rd-bar-ink:#24412F}
body[data-rd-bar="4"] .rd-bar{border-top:1px solid #E95412;border-bottom:1px solid #E95412}
.rd-bar-hd,.rd-bar-track a{color:var(--rd-bar-ink)}
.rd-bar-hd::after{background:var(--rd-bar-ink)}
.rd-bar-track a b{font-weight:500;font-size:12px;border:1px solid currentColor;border-radius:999px;padding:1px 8px;margin-right:10px;vertical-align:1px}

/* ---------- 卡片城市標示：A 直排白底／B 圖上分類標籤／C 圖下小字／D 圓章 ---------- */
.rd-card,.rd-stay-card{--cat:#E95412}
[data-cat="gd"]{--cat:#36786A}[data-cat="tr"]{--cat:#7A4D89}[data-cat="bs"]{--cat:#A74454}[data-cat="ev"]{--cat:#E95412}
.rd-card-tag,.rd-card-stamp,.rd-card .rd-card-kicker{display:none}
.rd-card-tag{position:absolute;left:10px;top:10px;background:var(--cat);color:#fff;font-size:11.5px;line-height:1;padding:6px 10px;border-radius:999px;letter-spacing:.04em}
.rd-card-tag i{font-style:normal;margin-left:6px;padding-left:6px;border-left:1px solid rgba(255,255,255,.6)}
.rd-card-stamp{position:absolute;right:10px;top:10px;width:46px;height:52px;border-radius:50% 50% 50% 50%/58% 58% 42% 42%;background:#FFF6D6;color:#111;font-size:12px;font-weight:700;align-items:center;justify-content:center;text-align:center;line-height:1.1;box-shadow:0 2px 8px rgba(0,0,0,.18);padding:0 4px}
.rd-card-kicker{display:block;font-size:12px;color:var(--cat);font-weight:500;letter-spacing:.04em}
.rd-card-kicker i{font-style:normal;color:var(--rd-gray);font-weight:400;margin-left:8px}
body[data-rd-label="B"] .rd-card-pref,body[data-rd-label="C"] .rd-card-pref,body[data-rd-label="D"] .rd-card-pref{display:none}
body[data-rd-label="B"] .rd-card-tag{display:inline-block}
body[data-rd-label="B"] .rd-card-badge{left:auto;right:0}
body[data-rd-label="C"] .rd-card .rd-card-kicker{display:block;margin-bottom:-4px}
body[data-rd-label="D"] .rd-card-stamp{display:flex}

/* ---------- Stay & Stroll（旅行案內＋B面散策 每日輪替） ---------- */
.rd-stay{padding:92px 47px 90px;background:#fff;border-top:1px solid var(--rd-line)}
.rd-stay-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.rd-stay-tabs{display:flex;gap:8px}
.rd-stay-tabs button{border:1px solid #000;background:#fff;height:36px;padding:0 16px;font:inherit;font-size:13px;cursor:pointer;border-radius:999px}
.rd-stay-tabs button.on{background:#000;color:#fff}
.rd-stay-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px}
.rd-stay-r{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;align-content:start}
.rd-stay-card{display:block;color:#000;text-decoration:none;cursor:pointer}
.rd-stay-card figure{margin:0 0 14px;aspect-ratio:4/3;overflow:hidden;background:#eee}
.rd-stay-card.big figure{aspect-ratio:5/4}
.rd-stay-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.rd-stay-card:hover img{transform:scale(1.04)}
.rd-stay-card h3{margin:6px 0 0;font-size:15px;font-weight:500;line-height:1.65}
.rd-stay-card.big h3{font-size:22px;line-height:1.55}
.rd-stay-card p{margin:10px 0 0;font-size:14px;color:var(--rd-gray);line-height:1.7}
.rd-stay-more{gap:12px}
.rd-btn--ghost::after{display:none}
@media (max-width:900px){.rd-stay-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:767px){.rd-stay{padding:44px 27px}.rd-stay-r{gap:22px 14px}.rd-stay-card h3{font-size:14px}.rd-stay-card.big h3{font-size:18px}.rd-stay-more{flex-direction:column;align-items:stretch}}

/* ---------- 雜誌版型附加區塊：開幕時間軸／購買路線／重點筆記 ---------- */
.rd-block{margin-top:80px !important;padding-top:40px;border-top:1px solid #000}
.rd-block-hd{margin:0 0 24px !important;font-size:22px;font-weight:500;line-height:1.5}
.rd-block-hd span{display:block;font-family:var(--rd-en);font-weight:500;font-size:15px;color:var(--rd-gray);margin-bottom:6px;letter-spacing:.02em}
.rd-block-sub{margin:-8px 0 24px !important;font-size:14px !important;color:var(--rd-gray)}
.rd-tl{list-style:none;margin:0;padding:0;border-left:1px solid #000;margin-left:6px}
.rd-tl li a{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:14px 0 14px 22px;position:relative;cursor:pointer;color:#000;text-decoration:none;border-bottom:1px solid var(--rd-line)}
.rd-tl li a::before{content:"";position:absolute;left:-6px;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid #000;transform:translateY(-50%)}
.rd-tl li a:hover .n{text-decoration:underline}
.rd-tl b{font-family:var(--rd-num);font-weight:500;font-size:14px}
.rd-tl .n{font-size:15px;line-height:1.5}
.rd-tl .st{font-size:11.5px;border:1px solid #999;color:#666;border-radius:999px;padding:2px 10px;white-space:nowrap}
.rd-tl .st.open{border-color:var(--org);background:var(--org);color:#fff}
.rd-stops{display:grid;grid-template-columns:1fr;gap:16px}
.rd-stop{border:1px solid var(--rd-line);padding:22px 24px}
.rd-stop-hd{display:flex;align-items:baseline;gap:12px}
.rd-stop-hd b{font-family:var(--rd-en);font-weight:500;font-size:22px}
.rd-stop-hd h3{margin:0;font-size:17px;font-weight:500}
.rd-stop-f{font-size:13px;color:var(--rd-gray);margin-top:6px;line-height:1.7}
.rd-stop ul{list-style:none;margin:14px 0 0;padding:0}
.rd-stop li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:9px 0;border-top:1px dashed var(--rd-line);font-size:14px;line-height:1.7}
.rd-stop li b{font-weight:500}
.rd-faq details{border-bottom:1px solid var(--rd-line)}
.rd-faq summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;position:relative;font-size:15px;font-weight:500;line-height:1.6}
.rd-faq summary::-webkit-details-marker{display:none}
.rd-faq summary::after{content:"＋";position:absolute;right:0;top:15px;color:var(--rd-gray)}
.rd-faq details[open] summary::after{content:"－"}
.rd-faq details p{margin:0 0 18px !important;font-size:14.5px !important;line-height:1.9 !important;color:#333}
@media (max-width:767px){.rd-tl li a{grid-template-columns:1fr auto;gap:4px 10px}.rd-tl b{grid-column:1/-1}.rd-stop li{grid-template-columns:1fr;gap:2px}}

/* ---------- 漫遊指南地圖：sticky 由 JS 依螢幕高度計算 top ---------- */
.rd-mapband .hmap-layout,.rd-mapband .htlmap-cols{align-items:start}

/* =====================================================================
   10/13 第三輪：Kenneth 選定 配色 6（抹茶）＋英文 D（Bricolage Grotesque）＋中文 A＋標示 A
   ===================================================================== */
:root{--rd-bar:#CFDDB0;--rd-bar-ink:#24412F;--rd-en:"Bricolage Grotesque",system-ui,sans-serif}
body[data-rd-bar="1"]{--rd-bar:#F5CFB6;--rd-bar-ink:#111008}
body[data-rd-en="A"]{--rd-en:"Fraunces",Georgia,serif}
/* 英文字體一併套到日期、數字、頁碼等處 */
body{--rd-num:var(--rd-en)}
.rd-h2-en{font-weight:600;letter-spacing:-.03em}
.rd-h2-sub{color:#666;font-size:15px}

/* What's New 底色選項（預設白，讓照片跳出來） */
:root{--rd-new-bg:#FFFFFF}
body[data-rd-newbg="2"]{--rd-new-bg:#FFF8EF}
body[data-rd-newbg="3"]{--rd-new-bg:#F4F4F2}
body[data-rd-newbg="4"]{--rd-new-bg:#EFEBE4}
body[data-rd-newbg="5"]{--rd-new-bg:#F1F5E6}
body[data-rd-newbg="6"]{--rd-new-bg:#24412F}
body[data-rd-newbg="6"] .rd-new:not(.rd-stay),body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-card{color:#fff}
body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-h2-en,body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-h2-ja{color:#fff}
body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-h2-sub,body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-card-meta{color:rgba(255,255,255,.7)}
body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-list,body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-list-inner{border-color:rgba(255,255,255,.25)}
body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-slot::before,body[data-rd-newbg="6"] .rd-new:not(.rd-stay) .rd-slot::after{background:rgba(255,255,255,.25)}
.rd-stay{background:#fff}
/* What's New 與 Stay & Stroll 同為白底時，用一條線分開 */
.rd-stay{border-top:1px solid var(--rd-line)}

/* 內頁也顯示天氣：Logo 靠左接在日期後面，天氣置中 */
body:not(.rd-home) .rd-hd .rd-wx{display:flex}
body:not(.rd-home) .rd-hd .rd-logo{position:static;transform:none;margin-left:20px;padding-left:20px;border-left:1px solid #000;margin-right:auto !important}
body:not(.rd-home) .rd-hd .rd-logo img{height:40px}
@media (max-width:767px){
  .rd-hd .rd-wx{position:static;transform:none;margin:0 10px 0 auto}
  body:not(.rd-home) .rd-hd .rd-logo{margin-left:10px;padding-left:10px;margin-right:0}
  body:not(.rd-home) .rd-hd .rd-logo img{height:28px}
  .rd-wx-i{gap:4px}
}
@media (max-width:380px){.rd-wx-i .n{display:none}}

/* 內頁插畫（原站 DECO_ICONS） */
.rd-main{position:relative}
.rd-decor{position:absolute;inset:0;pointer-events:none;z-index:1}
.rd-decor .deco-icon{position:absolute;opacity:.9}
@media (max-width:996px){.rd-decor{display:none}}

/* 第四輪：最新內容／旅宿與散策底色，與跑馬燈抹茶同明度、同彩度的 8 色＋純白 */
.rd-new:not(.rd-stay){background:var(--rd-nbg,#FFFFFF)}
.rd-stay{background:var(--rd-sbg,#FFFFFF)}
body[data-rd-nbg="w"]{--rd-nbg:#FFFFFF}body[data-rd-sbg="w"]{--rd-sbg:#FFFFFF}
body[data-rd-nbg="m"]{--rd-nbg:#CFDDB0}body[data-rd-sbg="m"]{--rd-sbg:#CFDDB0}
body[data-rd-nbg="a"]{--rd-nbg:#DDC2B0}body[data-rd-sbg="a"]{--rd-sbg:#DDC2B0}
body[data-rd-nbg="y"]{--rd-nbg:#DDD2B0}body[data-rd-sbg="y"]{--rd-sbg:#DDD2B0}
body[data-rd-nbg="s"]{--rd-nbg:#B0D2DD}body[data-rd-sbg="s"]{--rd-sbg:#B0D2DD}
body[data-rd-nbg="b"]{--rd-nbg:#B0C3DD}body[data-rd-sbg="b"]{--rd-sbg:#B0C3DD}
body[data-rd-nbg="l"]{--rd-nbg:#C3B0DD}body[data-rd-sbg="l"]{--rd-sbg:#C3B0DD}
body[data-rd-nbg="p"]{--rd-nbg:#DDB0BB}body[data-rd-sbg="p"]{--rd-sbg:#DDB0BB}
body[data-rd-nbg="t"]{--rd-nbg:#B0DDC6}body[data-rd-sbg="t"]{--rd-sbg:#B0DDC6}
/* 色底上，格線改用半透明深色，卡片標籤維持白底 */
.rd-new .rd-list,.rd-new .rd-list-inner{border-color:rgba(0,0,0,.14)}
.rd-new .rd-slot::before,.rd-new .rd-slot::after{background:rgba(0,0,0,.14)}
.rd-new .rd-btn{background:transparent}
.rd-new .rd-btn:hover{background:rgba(255,255,255,.5)}
/* 城市指南維持白底，上方加一條橫線與旅宿區隔開 */
.rd-cities{background:#fff;border-top:1px solid var(--rd-line)}

/* 第五輪：Kenneth 選定 最新內容＝薰衣草、旅宿與散策＝蛋黃；天氣改氣象廳（最高／最低） */
:root{--rd-nbg:#C3B0DD;--rd-sbg:#DDD2B0}
.rd-wx-i b i{font-style:normal;color:var(--rd-gray);font-weight:400}

/* 卡片名稱小字（B1，可切換；預設 B2 只放大標） */
.rd-card-sub{display:none;margin:-6px 0 0;font-size:12.5px;line-height:1.5;color:var(--rd-gray);font-family:var(--rd-num)}
body[data-rd-cardsub="1"] .rd-card-sub{display:block}
.rd-fv-title a{color:inherit;text-decoration:none}

/* 卡片副標：最新內容也一起顯示（現地情報＝tagline、漫遊指南＝副標、旅宿＝飯店名稱），最多 2 行 */
.rd-card-sub{display:none;font-family:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-rd-cardsub="1"] .rd-card-sub{display:-webkit-box}

/* Leon 10/13：內頁主圖一律整張呈現，不裁切（海報類直式圖原本被 78vh＋cover 切掉）。
   直式圖以螢幕高度為上限、置中；版權標示貼在圖片本身的右下角 */
figure.rd-mv{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
figure.rd-mv img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - var(--rd-hd-h) - 48px);object-fit:contain}
@media (max-width:996px){
  figure.rd-mv{margin-left:-27px;margin-right:-27px;width:auto;max-width:none;display:flex;justify-content:center;background:#FAFCE7}
  figure.rd-mv img{max-height:80vh}
}

/* 現地情報：官方連結列（官網／IG／X） */
.rd-official{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:660px}
.rd-official .lb{font-family:var(--rd-en);font-size:16px;margin-right:6px}
.rd-official a{display:inline-flex;align-items:center;font-size:13px;border:1px solid #000;padding:6px 14px;color:#000;text-decoration:none;border-radius:999px}
.rd-official a:hover{background:#f3f3f3}
/* Leon 10/13：直式主圖改成靠左，跟標題、內文同一條左緣（置中時三者錯位，像脊椎側彎） */
@media (min-width:997px){figure.rd-mv{margin-left:0;margin-right:auto}}

/* Iris 10/13：卡片副標 B1 定案為預設 */
.rd-card-sub{display:-webkit-box}
body[data-rd-cardsub="0"] .rd-card-sub{display:none}

/* 列表頁（現地情報／漫遊指南／文章總覽）沿用 CITY GUIDE 版型 */
body.rd #ranking-local-view.rd-on>*:not(.rd-cat),body.rd #ranking-guide-view.rd-on>*:not(.rd-cat),body.rd #archive-view.rd-on>*:not(.rd-cat){display:none !important}
#ranking-local-view.rd-on,#ranking-guide-view.rd-on,#archive-view.rd-on{padding:0 !important;margin:0 !important;background:#fff}
.rd-cat .rd-crumbs a{cursor:pointer}
.rd-pick-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 47px 28px;padding:14px 20px;border:1px solid #000;background:var(--rd-bar);color:var(--rd-bar-ink);font-size:15px}
.rd-pick-bar a{color:inherit;font-weight:700;text-decoration:none}
.rd-pick-bar a:hover{text-decoration:underline}
.rd-empty{padding:40px 47px 80px;color:var(--rd-gray)}
.rd-card[onclick*="guide-soon"]{cursor:default}
.rd-card[onclick*="guide-soon"] .rd-card-img img{filter:grayscale(.35) brightness(.92)}
@media (max-width:767px){.rd-pick-bar{margin:0 27px 20px}.rd-empty{padding:30px 27px 60px}}

/* Leon 10/13：網頁版首頁的 Logo 改成跟內頁一樣，放在頂部 bar 日期右側（同位置、同大小），輪播上不再壓 Logo；手機版維持輪播左上角 */
@media (min-width:768px){
  body.rd-home .rd-hd .rd-logo{display:flex;position:static;transform:none;margin-left:20px;padding-left:20px;border-left:1px solid #000;margin-right:auto !important}
  body.rd-home .rd-hd .rd-logo img{height:40px}
  body.rd-home .rd-fv-ttl{display:none}
}
/* Leon 10/13：手機版首頁也一樣——Logo 放頂部 bar 日期右側，輪播上不壓 Logo */
@media (max-width:767px){
  body.rd-home .rd-hd .rd-logo{display:flex;position:static;transform:none;margin-left:10px;padding-left:10px;border-left:1px solid #000;margin-right:0}
  body.rd-home .rd-hd .rd-logo img{height:28px}
  body.rd-home .rd-fv-ttl{display:none}
}

/* 城市卡主視覺版權（CC BY 類授權需標示作者） */
.rd-city-credit{position:absolute;right:8px;top:8px;font-size:10px;color:rgba(255,255,255,.85);text-shadow:0 0 4px rgba(0,0,0,.6)}

/* Leon 10/13：頁尾拿掉電子報訂閱（右）與簡介文字（左），只留 Logo＋社群；隱私政策改放版權列 */
body.rd footer .footer-newsletter,body.rd footer .footer-tagline{display:none !important}
/* Kenneth 10/13：頁尾只留品牌 Logo＋LINE／IG／YouTube，置中 */
body.rd footer .footer-bottom{display:none !important}
/* Leon 10/13：頁尾改成一條色 bar，高度跟頂部白 bar 一樣；Logo 在左、LINE／IG／YouTube 在右 */
body.rd footer{padding:0 !important;margin:0}
body.rd footer .footer-inner{max-width:none !important;width:100%;height:var(--rd-hd-h);padding:0 45px 0 47px !important;display:flex;align-items:center;box-sizing:border-box}
body.rd footer .footer-top{display:block;width:100%;margin:0 !important;padding:0 !important;border:0 !important}
body.rd footer .footer-top>div:first-child{display:flex;align-items:center;justify-content:space-between;width:100%}
body.rd footer .footer-top>div:first-child>img{height:40px !important;width:auto !important;margin:0 !important}
body.rd footer .footer-social{margin:0 !important;display:flex;align-items:center;gap:22px}
body.rd footer .footer-social img{display:block}
@media (max-width:767px){body.rd footer .footer-inner{padding:0 6vw !important}body.rd footer .footer-top>div:first-child>img{height:28px !important}body.rd footer .footer-social{gap:16px}}

/* 選單最下面一行小字：隱私政策（頁尾拿掉電子報後的入口） */
.rd-menu-foot{grid-column:1/-1;border-top:1px solid var(--rd-line-soft);padding-top:18px;font-size:12px}
.rd-menu-foot a{color:var(--rd-gray);text-decoration:none}
.rd-menu-foot a:hover{text-decoration:underline}

/* Kenneth 10/13：照片上不壓版權，改在左欄 PHOTO 列（CC 授權的紅葉類文章例外，不加這個 class） */
.rd-credit-side .rd-mv-credit,.rd-credit-side .rd-fig-credit{display:none !important}
.rd-credit-mixed .rd-mv-credit:not(.cc),.rd-credit-mixed .rd-fig-credit:not(.cc){display:none !important}  /* 10/18：品牌照片列在左欄，只有 CC 照片在圖上標作者 */
.rd-side .rd-credit{text-transform:none;line-height:1.7;padding:10px 0}

/* =====================================================================
   Leon 10/13：內建地圖模組（紅葉／花火／音樂祭／飯店）換成新版視覺
   只改外觀（線條、圓角、按鈕、字體、底色），不動版面配置；月份色、紅葉狀態色等有意義的顏色保留
   ===================================================================== */
.rd-mapband{background:#fff}
.rd-mapband .hmap-root{--hmap-line:#cecece;--hmap-cream:#fff;--hmap-ink:#111008;--hmap-ink-soft:#767676;font-family:"Noto Sans TC",sans-serif}
/* 旅程／飯店搜尋框：橘色圓角頁籤 → 細黑框直角，標籤改成黑底小字 */
.rd-mapband .hdb{border:1px solid #000;border-radius:0;padding:16px 18px;margin:34px 0 16px}
.rd-mapband .hdb::before{background:#000;color:#fff;border-radius:0;left:-1px;top:-28px;font-family:var(--rd-en),"Noto Sans TC",sans-serif;font-weight:600;letter-spacing:.06em;padding:5px 12px}
.rd-mapband .hdb-mlabel,.rd-mapband .hdb-rowlabel{color:#111008;font-family:var(--rd-num),"Noto Sans TC",sans-serif}
.rd-mapband .hdb-chip{border:1px solid #000;border-radius:999px;background:#fff}
.rd-mapband .hdb-chip.on{background:#000;border-color:#000;color:#fff}
.rd-mapband .hdb-custom input{border:1px solid #000;border-radius:0}
/* 地圖面板：奶油色圓角 → 白底細灰線直角 */
.rd-mapband .hmap-panel,.rd-mapband .htlmap-svgwrap{border-radius:0;border:1px solid #cecece;background:#fff}
.rd-mapband .hmap-map-head,.rd-mapband .hmap-svgmap-wrap,.rd-mapband .htlmap-svgwrap{background:#fff}
.rd-mapband .hmap-map-foot{border-top:1px solid #cecece;color:#767676}
.rd-mapband .hmap-filter-chip{border-radius:999px;border:1px solid #cecece}
.rd-mapband .hmap-zoom-btn{border-radius:50%;border:1px solid #000;color:#000}
.rd-mapband .hmap-zoom-btn:hover{border-color:#000;color:#fff;background:#000}
.rd-mapband .htlmap-stat-label{text-shadow:none;color:#767676}
.rd-mapband .htlmap-stat-value{font-family:var(--rd-num);font-weight:600}
/* 右側清單卡片：圓角陰影 → 直角細線，跟網站卡片一致 */
.rd-mapband .hmap-list-head{font-family:var(--rd-en),"Noto Sans TC",sans-serif;font-weight:600}
.rd-mapband .hmap-card,.rd-mapband .htlmap-hotel-row{border-radius:0;border:1px solid #cecece;box-shadow:none}
.rd-mapband .hmap-card.hmap-flash{border-color:#000;box-shadow:0 0 0 2px #000}
.rd-mapband .hmap-card-photo,.rd-mapband .htlmap-photo{border-radius:0}
.rd-mapband .hmap-card-loc{color:#767676}
.rd-mapband .hmap-card-date,.rd-mapband .kst-date{font-family:var(--rd-num)}
.rd-mapband .hmap-badge,.rd-mapband .kst-chip,.rd-mapband .htlmap-badge{border-radius:0;font-family:var(--rd-num),"Noto Sans TC",sans-serif}
.rd-mapband .hmap-highlight{background:#fff;color:#111008;border:1px solid #000;border-radius:0}
.rd-mapband .hmap-locate-btn{border:1px solid #000;border-radius:999px;color:#000}
.rd-mapband .hmap-locate-btn:hover{background:#000;color:#fff;border-color:#000}
.rd-mapband .hmap-card-links a,.rd-mapband .htlmap-hotel-link{color:#111008;text-decoration:underline}
.rd-mapband .htlmap-price{color:#767676}
.rd-mapband .htlmap-hotel-btn{background:#000;border-color:#000;color:#fff;border-radius:999px}
.rd-mapband .htlmap-hotel-btn-outline{background:#fff;color:#000}
.rd-mapband .htlmap-group-head{border-bottom:1px solid #000}
.rd-mapband .hmap-ended-mask span,.rd-mapband .hmap-ended-tag{border-radius:0}
.rd-mapband .hdb-empty{border:1px dashed #cecece;border-radius:0}
.rd-mapband .hmap-tooltip,.rd-mapband .htlmap-tip{border-radius:0}

/* 主圖 3:2 橫框（直式或不夠橫的照片）：跟照片輪播同一個框，左右淺灰底，照片整張置中 */
figure.rd-mv.rd-mv-frame{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;aspect-ratio:3/2;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden}
figure.rd-mv.rd-mv-frame img{width:auto !important;height:100% !important;max-width:100%;max-height:none !important;object-fit:contain}
@media (max-width:996px){figure.rd-mv.rd-mv-frame{margin-left:-27px !important;margin-right:-27px !important;width:auto !important}}
/* Kenneth 10/13 選 A：地圖上「有內容的縣」改淡抹茶色（跟頂部跑馬燈同色系）；無內容的縣改淡灰；紅葉進度色（kst-*）不受影響 */
.rd-mapband .hmap-svgmap .prefecture polygon,.rd-mapband .hmap-svgmap .prefecture path{fill:#ECEBE6;stroke:#fff}
.rd-mapband .hmap-svgmap .prefecture.hmap-pref-active polygon,.rd-mapband .hmap-svgmap .prefecture.hmap-pref-active path{fill:#CFDDB0}
.rd-mapband .htlmap-dot{fill:#24412F}

/* 卡片縮圖：整張放進 4:5 框（文字橫跨全寬的海報） */
.rd-card-img.rd-fit{background:#f2f2f2;display:flex;align-items:center}
.rd-card-img.rd-fit img{object-fit:contain !important;height:100% !important}
.rd-card:hover .rd-card-img.rd-fit img{transform:none}

/* ---------- 第六輪（Kenneth 10/13 晚間審稿） ---------- */
/* 跑馬燈欄目膠囊：用文字色填滿、字反白 */
.rd-bar-track a b{background:var(--rd-bar-ink);color:var(--rd-bar);border-color:var(--rd-bar-ink)}
/* 區塊副標：手機版在逗號後換行 */
.rd-br-m{display:none}
@media (max-width:767px){.rd-br-m{display:inline}}
/* 城市指南（手機）：城市數少時一欄一張，不再超出畫面 */
@media (max-width:767px){
  .rd-cities-grid.few{grid-template-columns:1fr}
  .rd-cities-grid.few .rd-city{aspect-ratio:16/10}
  .rd-city img{object-position:50% 50%}
}
/* 內頁「即將開始／已結束」：跟首頁卡片一樣的色塊，前面不加分隔符號 */
.rd-post-cat .rd-status::before{content:none !important}
.rd-post-cat .rd-status{margin-left:14px;font-size:12px;line-height:1;padding:5px 10px;letter-spacing:.06em;vertical-align:1px}
.rd-post-cat .rd-status.ended{background:#111}
/* 影像版權欄位（左欄） */
.rd-side .rd-credit .lb{display:block;font-size:12px;color:var(--rd-gray);margin-bottom:2px}
.rd-infobox dd{overflow-wrap:anywhere}

/* 「看更多」：C 文字＋圓形箭頭（Kenneth 10/13 選定；箭頭跟首頁輪播同一個符號） */
.rd-more{justify-content:flex-end}
.rd-btn.rd-btn--more{width:auto;max-width:none;height:56px;border:0;border-radius:0;background:transparent !important;padding:0 74px 0 0;font-family:var(--rd-en);font-size:16px;font-weight:700;letter-spacing:.04em;color:#000}
.rd-btn.rd-btn--more::after{content:none}
.rd-btn-arw{position:absolute;right:0;top:0;width:56px;height:56px;border-radius:50%;border:1px solid #000;display:flex;align-items:center;justify-content:center;color:#000;transition:background .2s,color .2s}
.rd-btn-arw svg{width:14px;height:12px}
.rd-btn--more:hover .rd-btn-arw{background:#000;color:#fff}
@media (max-width:767px){.rd-btn.rd-btn--more{height:48px;padding-right:62px;font-size:15px}.rd-btn-arw{width:48px;height:48px}}

.rd-mv{position:relative}
.rd-mv-badge{z-index:3;font-size:13px;padding:6px 12px}
/* 選單／搜尋打開時，Logo 一樣放在日期旁邊（跟首頁、內頁一致，Kenneth 10/14） */
.rd-menu .rd-hd .rd-logo{position:static !important;transform:none !important;margin-left:20px;padding-left:20px;border-left:1px solid #000;margin-right:auto !important}
.rd-menu .rd-hd .rd-logo img{height:40px}
@media (max-width:767px){
  .rd-menu .rd-hd .rd-logo{margin-left:10px;padding-left:10px}
  .rd-menu .rd-hd .rd-logo img{height:28px}
}
.rd-menu .rd-hd{flex-shrink:0}
/* ---------- IG 限動快訊彈窗（跑馬燈點開，Kenneth 10/14 模擬） ---------- */
.rd-flash{position:fixed;inset:0;z-index:1400;background:rgba(17,16,8,.45);display:none;align-items:center;justify-content:center;padding:24px}
.rd-flash.open{display:flex}
.rd-flash-card{position:relative;background:#fff;width:100%;max-width:520px;max-height:84vh;overflow:auto;padding:40px 40px 36px;border-top:6px solid var(--rd-bar,#CFDDB0)}
.rd-flash-x{position:absolute;right:18px;top:18px;width:36px;height:36px;border:0;background:none;cursor:pointer}
.rd-flash-x::before,.rd-flash-x::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:#111}
.rd-flash-x::before{transform:rotate(45deg)}.rd-flash-x::after{transform:rotate(-45deg)}
.rd-flash-tags{display:flex;gap:8px;margin-bottom:18px}
.rd-flash-cat{font-size:12px;font-weight:700;background:var(--rd-bar-ink,#24412F);color:var(--rd-bar,#CFDDB0);border-radius:999px;padding:3px 12px}
.rd-flash-pref{font-size:12px;border:1px solid #111;border-radius:999px;padding:2px 11px}
.rd-flash-t{margin:0 0 18px;font-size:24px;line-height:1.45;font-weight:700}
.rd-flash-t span{display:block}
.rd-flash-t span+span{font-size:17px;font-weight:500;color:#444;margin-top:4px}
.rd-flash-body{margin:0;font-size:15px;line-height:1.9;color:#222}
@media (max-width:767px){
  .rd-flash{align-items:flex-end;padding:0}
  .rd-flash-card{max-width:none;max-height:82vh;padding:32px 24px 36px;border-radius:14px 14px 0 0}
  .rd-flash-t{font-size:20px}.rd-flash-t span+span{font-size:15px}.rd-flash-body{font-size:14.5px}
}
/* 快訊彈窗：背景放該則快訊的照片，壓深色漸層，文字反白 */
.rd-flash-card.has-img{background:#111;color:#fff;border-top:0;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.rd-flash-card.has-img .rd-flash-bg{position:absolute;inset:0;background:center/cover no-repeat;z-index:-2}
.rd-flash-card.has-img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.45) 35%,rgba(0,0,0,.82) 100%)}
.rd-flash-card.has-img .rd-flash-t,.rd-flash-card.has-img .rd-flash-body{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.rd-flash-card.has-img .rd-flash-t span+span{color:rgba(255,255,255,.88)}
.rd-flash-card.has-img .rd-flash-pref{border-color:#fff;color:#fff}
.rd-flash-card.has-img .rd-flash-x::before,.rd-flash-card.has-img .rd-flash-x::after{background:#fff}
.rd-flash-card.has-img .rd-flash-x{background:rgba(0,0,0,.25);border-radius:50%}
.rd-flash-card.has-img{overflow:auto}
@media (max-width:767px){.rd-flash-card.has-img{min-height:62vh}}
/* 快訊彈窗（Kenneth 10/14 選 B）：照片只放上半部，下半部深色底配白字；A＝照片滿版（只在預覽面板切換） */
.rd-flash-photo{display:none}
body:not([data-rd-flash="A"]) .rd-flash-card.has-img{display:block;padding:0;min-height:0;background:#111008}
body:not([data-rd-flash="A"]) .rd-flash-card.has-img::before,body:not([data-rd-flash="A"]) .rd-flash-card.has-img .rd-flash-bg{display:none}
body:not([data-rd-flash="A"]) .rd-flash-photo{display:block;width:100%;height:auto;max-height:44vh;object-fit:cover}
body:not([data-rd-flash="A"]) .rd-flash-txt{padding:28px 40px 36px}
body:not([data-rd-flash="A"]) .rd-flash-card.has-img .rd-flash-t,body:not([data-rd-flash="A"]) .rd-flash-card.has-img .rd-flash-body{text-shadow:none}
body:not([data-rd-flash="A"]) .rd-flash-card.has-img .rd-flash-body{color:rgba(255,255,255,.9)}
@media (max-width:767px){
  body:not([data-rd-flash="A"]) .rd-flash-photo{max-height:34vh}
  body:not([data-rd-flash="A"]) .rd-flash-txt{padding:22px 24px 32px}
}

/* 文章末追蹤 IG 引導 */
.rd-follow{margin:48px 0 28px;padding:24px 26px;border:1px solid #111;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.rd-follow p{margin:0;flex:1 1 260px;font-size:15px;line-height:1.8}
.rd-follow a{display:inline-flex;align-items:center;background:#111;color:#fff;text-decoration:none;font-size:14px;font-weight:700;border-radius:999px;padding:10px 20px;white-space:nowrap}
.rd-follow a:hover{background:#333}

/* 10/17 手機效能：地圖導覽清單（紅葉 248 張卡片）只排版畫面附近的卡片，其餘先用預估高度佔位，避免開頁時整頁重排十幾次 */
.hmap-card{content-visibility:auto;contain-intrinsic-block-size:auto 520px}
@media (min-width:901px){.hmap-card{contain-intrinsic-block-size:auto 360px}}

/* ---------- B面散策 地區散步地圖（10/17）：版面沿用 rd-mapband／hmap-layout／rd-pick，這裡只補地圖上的標記與「徒步 N 分」 ---------- */
.rd-amap svg{display:block;width:100%;height:auto}
.rd-amap .let{font-family:var(--rd-en);font-weight:700;fill:#111008;letter-spacing:.06em}
.rd-amap .let.st{font-size:17px}
/* 10/20 手繪街道版：疊在插畫底圖上的街名（米白描邊）與車站膠囊 */
.rd-amap .hl{font-family:var(--rd-en),"Noto Sans TC",sans-serif;font-weight:800;fill:#111008;letter-spacing:.05em}
.rd-amap .hl.st{paint-order:stroke;stroke:#FFF8EF;stroke-width:5px;stroke-linejoin:round}
.rd-amap .kmap-hand{background:#FBFAF3}
.rd-pin{cursor:pointer}
.rd-pin image{transition:opacity .25s}
.rd-pin .bd{fill:var(--org,#E95412);transition:fill .2s}
.rd-pin .n{fill:#fff;font:700 15px var(--rd-num);text-anchor:middle;dominant-baseline:central}
.rd-pin .tg{font:700 16px var(--rd-en),"Noto Sans TC",sans-serif;fill:#111008;paint-order:stroke;stroke:#fff;stroke-width:6px;letter-spacing:.04em}
.rd-pin.on .bd,.rd-pin:hover .bd{fill:#111008}
.rd-amap.has-on .rd-pin:not(.on) image{opacity:.4}
.rd-areaband .hmap-list-col .rd-rich{padding-top:0;padding-bottom:20px}
.rd-areaband .rd-pick:first-child .rd-pick-no{margin-top:0}
.rd-walk{margin:64px 0 0 !important;padding:6px 0 10px 26px;border-left:2px dashed #000;display:flex;flex-direction:column;gap:4px}
.rd-walk-en{font-family:var(--rd-en);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-gray)}
.rd-walk-min{font-size:16px;font-weight:500;line-height:1}
.rd-walk-min em{font-style:normal;font-family:var(--rd-en);font-size:48px;line-height:.9;letter-spacing:-2px;margin:0 6px 0 8px;color:var(--org,#E95412)}
.rd-walk-to{font-size:14px;color:#333;margin-top:6px}
.rd-walk+.rd-pick .rd-pick-no{margin-top:56px}
.hmini .rd-amap svg{height:100%}
.hmini-sheet .rd-amap{background:#fff;padding:0;border:0}
.rd-src-note{font-size:12px !important;line-height:1.8 !important;color:var(--rd-gray)}

/* 10/17 手機放大地圖：地圖面板搬進 .hmini-sheet 後離開了 .hmap-root，月份顏色等變數會失效（10月、11月按鈕變成看不見）→ 同一組變數也給放大視窗 */
.hmini-sheet{--hmap-org:#E95412;--hmap-m9:#E95412;--hmap-m10:#2E8B7A;--hmap-m11:#7A4B8C;--hmap-cream:#FAF6F0;--hmap-paper:#FFFFFF;--hmap-ink:#1C1815;--hmap-ink-soft:#5B5349;--hmap-line:#E7DFD3}

/* 10/17 手機快速滑動：圖片還沒載好時先顯示淡米色底，不是一片白 */
.rd img[data-rd-src],.rd picture:has(img[data-rd-src]){background:#EFE9DD}
/* 10/21 紅葉補點審稿：預覽模式下新增的點（site.js kmap-isnew） */
.hmap-card.kmap-isnew{outline:3px solid #E95412;outline-offset:-3px;background:#FFF1E6!important}
.kmap-new-tag{display:inline-block;background:#E95412;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:999px;margin-right:8px;vertical-align:2px}
.hmap-card-photo{position:relative}
.kmap-photo-credit{position:absolute;left:6px;right:6px;bottom:5px;font-size:10px;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}
/* 10/21 目錄與內文的分組標題（聖誕燈飾等照區域分組的漫遊指南） */
.rd-toc li.rd-toc-grp{list-style:none;margin:14px 0 4px;padding:0;font-weight:700;font-size:13px;letter-spacing:.06em;color:#E95412}
.rd-toc li.rd-toc-grp:first-child{margin-top:0}
.rd-grp{margin:72px 0 8px;padding-top:18px;border-top:2px solid #111008}
.rd-grp h3{font-size:22px;font-weight:900;margin:0 0 6px}
.rd-grp p{margin:0;color:#555;font-size:15px}
/* 10/21 Kenneth：區域標題與第一個點之間空白太多 */
.rd-grp{margin-bottom:0}
.rd-grp + .rd-pick .rd-pick-no{margin-top:28px}

/* 10/21 wg13：輪播每張圖的圖說 */
.rd-gal-caps{margin:8px 0 2px}.rd-gal-cap{display:none;margin:0;font-size:13px;line-height:1.6;color:var(--rd-gray);text-align:left}.rd-gal-cap.on{display:block}

/* 10/26 快訊彈窗分享列 */
.rd-flash-share{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid currentColor;border-color:rgba(127,127,127,.35);font-size:13px}
.rd-flash-share .share-icon-btn{color:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex}
.rd-flash-share .share-icon-btn svg{width:20px;height:20px}
.rd-flash-share a{display:inline-flex}
.rd-flash-ended{display:inline-block;background:#9a9a9a;color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.rd-flash-more{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:inherit;border-bottom:1px solid currentColor;text-decoration:none}
sup.fn{line-height:0;vertical-align:super;margin-left:1px}
.fnb{font:700 11px "Noto Sans TC",sans-serif;color:#E95412;background:#FFF3B0;border:0;border-radius:3px;padding:0 4px;cursor:pointer;line-height:1.4}
.fnb:focus-visible{outline:2px solid #E95412;outline-offset:1px}
.fnpop{position:absolute;z-index:9999;max-width:min(320px,calc(100vw - 32px));background:#fff;color:#111;border:1px solid #111;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.18);padding:10px 12px;font-size:13px;line-height:1.65;text-align:left}
.fnpop b{display:block;margin-bottom:2px;font-size:13px}

a.ts-go{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14px;border:1.5px solid #111;border-radius:999px;padding:7px 16px;color:#111;text-decoration:none;background:#fff}
a.ts-go:hover{background:#111;color:#fff}

/* 11/1 快訊彈窗資訊欄 */
.rd-flash-info{margin:22px 0 0;padding:16px 0 0;border-top:1px solid rgba(0,0,0,.12);display:grid;gap:8px;font-size:13.5px;line-height:1.7}
.rd-flash-info div{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:start}
.rd-flash-info dt{margin:0}.rd-flash-info dd{margin:0;color:#333}
.rd-flash-link{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;color:inherit;border-bottom:1px solid currentColor;text-decoration:none}
.rd-flash-card.has-img .rd-flash-info{border-top-color:rgba(255,255,255,.28)}
.rd-flash-card.has-img .rd-flash-info dd{color:rgba(255,255,255,.9)}
@media (max-width:768px){.rd-flash-info{font-size:13px;margin-top:18px}}