/* 2026 編輯型首頁微調：降低模板感、提高品牌與閱讀層級 */
:root {
  --dp-ink: #1f2a26;
  --dp-line: rgba(31, 42, 38, .16);
}

body {
  background-color: #fbf4ec !important;
}

body.home .entry-content h1 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  font-size: clamp(2.65rem, 4.8vw, 4.5rem) !important;
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.12;
}

body.home .entry-content h1::before {
  content: "丹尼親子旅行 · 帶著孩子一起出去玩";
  display: block;
  margin-bottom: 1.1rem;
  color: rgba(255, 255, 255, .82);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.2;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .28);
}

body .entry-content h2,
body .entry-content h3 {
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
}

body .entry-content h2 {
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  font-weight: 500;
  letter-spacing: -.035em;
}

body .entry-content h2::after {
  width: 30px;
  height: 2px;
  border-radius: 0;
  margin-top: .8rem;
}

body .danny-topic-card,
body .danny-image-card {
  border-radius: 10px !important;
  border-color: var(--dp-line);
  box-shadow: 0 8px 24px rgba(32, 53, 47, .05);
}

body .danny-topic-card:hover,
body .danny-image-card:hover {
  transform: translateY(-2px);
  border-color: rgba(198, 90, 46, .32);
  box-shadow: 0 14px 30px rgba(32, 53, 47, .09);
}

body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  font-weight: 600;
  letter-spacing: -.03em;
}

body .wp-block-button__link,
body .wp-element-button {
  min-height: 44px !important;
  padding: 11px 18px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: .02em;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(198, 90, 46, .16) !important;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .14) !important;
}

.site-header .main-navigation .primary-menu-container a {
  letter-spacing: .035em;
}

body .danny-card-image {
  background: var(--dp-sage);
}

@media (max-width: 767px) {
  body.home .entry-content h1 {
    font-size: clamp(2.2rem, 10vw, 3.1rem) !important;
  }

  body.home .entry-content h1::before {
    font-size: .62rem;
    letter-spacing: .1em;
  }

  body .entry-content h2 {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
  }
}

/* 首屏標題比例修正 */
body.home .entry-content h1 {
  font-size: clamp(2.45rem, 3.6vw, 3.25rem) !important;
  line-height: 1.18;
  letter-spacing: -.035em;
}

/* 內容置中、寬度 1140px */
.entry-content .wp-block-columns.alignwide,
.entry-content .wp-block-group.alignwide,
.entry-content > .wp-block-heading.alignwide {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 全站背景米色 */
body { background-color: #f5efe1 !important; }

/* 縮小頁首與內容之間的空白 */
.site-header { margin-top: 0 !important; }
.content-container { padding-top: 0 !important; margin-top: 0 !important; }

/* 全站按鈕統一尺寸 */
body .wp-block-button__link,
body .wp-element-button {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px;
  font-size: 16px !important;
  line-height: 1.35 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  white-space: normal;
}

/* DannyPingu 專業旅遊媒體視覺系統 */
:root {
  --dp-forest: #2f6653;
  --dp-forest-deep: #20352f;
  --dp-clay: #c65a2e;
  --dp-sage: #e3ece5;
  --dp-cream: #f7f1e8;
  --dp-paper: #fffcf8;
}

body {
  color: var(--dp-forest-deep);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: .01em;
}

#masthead {
  position: relative;
  z-index: 20;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .12), 0 10px 28px rgba(32, 53, 47, .08);
}

.site-header .custom-logo {
  width: auto;
  max-height: 64px;
  object-fit: contain;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.site-header .main-navigation .primary-menu-container a:hover {
  opacity: .82;
  transform: translateY(-1px);
}

.entry-content h2 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
  line-height: 1.28;
  margin-top: clamp(2.8rem, 5vw, 5.5rem);
  margin-bottom: 1.25rem;
}

.entry-content h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--dp-clay);
  margin-top: .7rem;
}

.entry-content h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.02em;
  line-height: 1.4;
}

.danny-topic-card {
  border: 1px solid rgba(47, 102, 83, .16);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 30px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-topic-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .35);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-topic-card h3,
.danny-image-card h3,
.danny-card-body h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
}

.danny-image-card {
  overflow: hidden;
  border: 1px solid rgba(47, 102, 83, .14);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 28px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-image-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .3);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-image-card img,
.danny-card-image img {
  transition: transform .35s ease, filter .35s ease;
}

.danny-image-card:hover img,
.danny-card-image:hover img {
  transform: scale(1.03);
  filter: saturate(1.04);
}

.danny-card-body {
  padding: 1.15rem 1.2rem 1.35rem;
}

body .wp-block-button__link,
body .wp-element-button {
  box-shadow: 0 8px 18px rgba(198, 90, 46, .18);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(198, 90, 46, .25);
  filter: saturate(1.05);
}

.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

@media (max-width: 767px) {
  .site-header .custom-logo {
    max-height: 50px;
  }

  .entry-content h2 {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.25;
  }

  .danny-topic-card,
  .danny-image-card {
    border-radius: 16px;
  }

  .danny-card-body {
    padding: 1rem;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
    text-align: center;
  }
}

body .entry-content .wp-block-columns > .wp-block-column {
  min-width: 0;
}
body .entry-content .wp-block-columns > .wp-block-column > .wp-block-group {
  height: 100%;
  box-sizing: border-box;
}

/* 統一首頁入口卡片圓角 */
.danny-topic-card { border-radius: 18px !important; }

body .danny-card-image {
  margin: 0 !important;
}
body .danny-card-image img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
}
@media (max-width: 781px) {
  body .danny-card-image img {
    height: 210px;
  }
}

/* 首頁首屏間距收斂 */
body.home #primary {
  margin-top: 32px !important;
}

/* 修正首頁 margin collapse */
body.home #primary {
  margin-top: 0 !important;
}

/* 2026 炭黑・暖白・焦糖棕配色 */
:root {
  --dp-ink: #242522;
  --dp-ink-soft: #5d5d56;
  --dp-forest: #3b4d45;
  --dp-forest-deep: #242522;
  --dp-clay: #a96345;
  --dp-sage: #ece9e2;
  --dp-cream: #f6f4ef;
  --dp-paper: #fffdf9;
}

body,
body.home {
  background-color: var(--dp-cream) !important;
  color: var(--dp-ink) !important;
}

.site-header-wrap,
.site-header {
  background-color: var(--dp-ink) !important;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  color: #f6f4ef !important;
}

body .entry-content h2,
body .entry-content h3 {
  color: var(--dp-ink) !important;
}

body .entry-content h2::after {
  background: var(--dp-clay) !important;
}

body .entry-content a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

body .wp-block-button__link,
body .wp-element-button {
  background-color: var(--dp-clay) !important;
  border-color: var(--dp-clay) !important;
  color: #fffaf6 !important;
}

body .wp-block-button.is-style-outline .wp-block-button__link,
body .wp-block-button.is-style-outline .wp-element-button {
  background-color: transparent !important;
  border: 1px solid var(--dp-clay) !important;
  color: var(--dp-clay) !important;
}

body .danny-topic-card,
body .danny-image-card {
  background-color: var(--dp-paper) !important;
  border-color: rgba(36, 37, 34, .16) !important;
}

body .danny-card-image {
  background-color: var(--dp-sage) !important;
}

.site-footer-wrap,
.site-footer {
  background-color: var(--dp-ink) !important;
  color: #e9e4da !important;
}

.site-footer-wrap a,
.site-footer a {
  color: #e9e4da !important;
}

/* 配色一致性修正 */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  color: var(--dp-ink) !important;
}

body .entry-hero-container-inner {
  background-color: var(--dp-sage) !important;
}

body .entry-header .entry-title {
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button {
  background-color: rgba(255, 250, 246, .94) !important;
  border-color: #fffaf6 !important;
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: #fffaf6 !important;
}

/* 首頁卡片文字改為炭灰 */
body.home .entry-content .danny-topic-card h3.wp-block-heading,
body.home .entry-content .danny-image-card h3.wp-block-heading,
body.home .entry-content .danny-card-body h3.wp-block-heading {
  color: #242522 !important;
}

body.home .entry-content .danny-topic-card a:not(.wp-block-button__link):not(.wp-element-button),
body.home .entry-content .danny-image-card a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

/* 最後一層首頁標題色覆寫 */
body.home h3.wp-block-heading {
  color: #242522 !important;
}


/* ============================================================
   [Claude 2026-08-07] 修正區塊
   說明：以上為既有樣式（已移除 244 條重複規則，43,896→10,720 字元）
   以下為本次新增的修正，全部可整段刪除還原
   ============================================================ */

/* --- token 補充 --- */
:root{
  --dp-brand-900:#0B3A2C;
  --dp-brand-700:#16624B;
  --dp-brand-100:#E3ECE5;
  --dp-accent-600:#C2410C;
  --dp-accent-700:#9A3412;
  --dp-surface-alt:#F3EFE7;
  --dp-ink-muted:#5B6169;
  --dp-radius:12px;
}

/* --- 1. Hero 遮罩加深 40%→60%（實測對比 2.51:1 → 4.22:1） --- */
body .wp-block-cover .wp-block-cover__background.has-background-dim-40{
  opacity:.6 !important;
}

/* --- 2. 漢堡選單觸控目標 37×31 → 44×44 --- */
.site-header .menu-toggle,
.site-header .mobile-toggle,
button.menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open{
  min-width:44px !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* --- 3. 卡片標題統一 2 行，修正三欄網格錯位 --- */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3,
body .entry-content .wp-block-columns .wp-block-group h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* --- 4. 文章表格改版 --- */
body .entry-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(31,42,38,.14);
  border-radius:var(--dp-radius);
  overflow:hidden;
  font-size:15px;
  box-shadow:0 1px 2px rgba(11,58,44,.06);
}
body .entry-content table th{
  background:var(--dp-brand-700);
  color:#fff;
  font-weight:600;
  padding:14px 12px;
  border:0 !important;
  text-align:left;
}
body .entry-content table td{
  padding:14px 12px;
  border:0 !important;
  border-top:1px solid rgba(31,42,38,.12) !important;
  vertical-align:top;
}
body .entry-content table tbody tr:nth-child(even){ background:#FBF8F3; }
body .entry-content table tbody tr:hover{ background:var(--dp-brand-100); }

/* --- 5. 文章內容區加寬 720→840，長文表格更好讀 --- */
@media (min-width:1025px){
  body.single .entry-content,
  body.single .content-container .entry-content-wrap{ max-width:840px; }
}

/* --- 6. 手機版表格橫向捲動 --- */
@media (max-width:781px){
  body .entry-content .wp-block-table,
  body .entry-content figure.wp-block-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body .entry-content table{ font-size:14px; min-width:600px; }
}

/* --- 7. 「正在載入…」對比 2.79:1 → 6.0:1 --- */
.loading, .loading span{ color:var(--dp-ink-muted) !important; }

/* --- 8. 鍵盤焦點外框加粗 1.5px → 2.5px --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2.5px solid currentColor !important;
  outline-offset:2px !important;
}

/* --- 9. H2 顏色跨頁統一（原本深綠/深藍/磚紅三種） --- */
body .entry-content h2{ color:var(--dp-brand-900) !important; }

/* ================= 共用 Hero 元件（三個分類頁統一） ================= */
body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{
  position:relative !important; border-radius:16px !important; overflow:hidden !important;
  padding:76px 44px !important; margin:0 0 48px !important; min-height:360px !important;
  display:flex !important; flex-direction:column !important; justify-content:center !important;
  align-items:flex-start !important; text-align:left !important;
  background-size:cover !important; background-position:center 45% !important; background-repeat:no-repeat !important;
  border:0 !important; box-shadow:0 8px 30px rgba(11,58,44,.18) !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/tokyo-fuji-325116c75b09.jpg?fit=1024%2C768&ssl=1") !important; }
body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/chiayi-alishan-camping-sites-IMG_3004.jpg?fit=1024%2C683&ssl=1") !important; }
body.page-id-9266 .entry-content .japan-eyebrow.japan-eyebrow, body.page-id-9060 .entry-content .chiayi-eyebrow.chiayi-eyebrow, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child p{
  display:inline-block !important; background:#E9C46A !important; color:#2D3748 !important;
  font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important;
  padding:6px 15px !important; border-radius:999px !important; margin:0 0 18px !important; width:auto !important;
}
body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child{
  background:transparent !important; padding:0 !important; margin:0 0 18px !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero h1, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero h1, body.page-id-12609 .entry-content > .wp-block-group:first-of-type h1{
  color:#fff !important;
  font-family:-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
  font-size:clamp(2rem,4.2vw,3.15rem) !important; font-weight:800 !important;
  line-height:1.22 !important; letter-spacing:-.02em !important; margin:0 0 18px !important;
  max-width:24ch !important; text-shadow:0 2px 14px rgba(0,0,0,.4) !important;
}
body.page-id-9266 .entry-content .japan-lead.japan-lead, body.page-id-9060 .entry-content .chiayi-lead.chiayi-lead, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > p{
  color:rgba(255,255,255,.94) !important; font-size:17px !important; font-weight:400 !important;
  line-height:1.8 !important; max-width:54ch !important; margin:0 0 12px !important;
  text-shadow:0 1px 10px rgba(0,0,0,.35) !important;
}
body.page-id-9266 .entry-content .japan-note.japan-note, body.page-id-9060 .entry-content .chiayi-update.chiayi-update{
  display:inline-block !important; background:rgba(255,255,255,.16) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important; font-size:14px !important; font-weight:500 !important;
  padding:7px 15px !important; border-radius:999px !important; margin:8px 0 0 !important;
}
@media (max-width:781px){
  body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{ padding:48px 22px !important; min-height:300px !important; border-radius:12px !important; }
}

/* 2026 第二輪：強化首頁、主題頁與文章頁的編輯層級 */
:root {
  --dp-accent: #b86d46;
  --dp-paper: #fbf4ec;
  --dp-ink: #202522;
  --dp-muted: #667067;
  --dp-card: #fffaf4;
}

/* 文章頁：讓標題、封面與正文形成完整的閱讀入口 */
body.single-post .entry-hero.post-hero-section {
  background: #ebe7df !important;
}
body.single-post .entry-hero.post-hero-section .entry-header {
  max-width: 980px !important;
  padding: 50px 24px 42px !important;
}
body.single-post .entry-hero .entry-title {
  max-width: 860px !important;
  margin: 0 auto 18px !important;
  color: var(--dp-ink) !important;
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
  letter-spacing: -.028em !important;
}
body.single-post .entry-hero .entry-meta {
  color: #68706a !important;
  font-size: .95rem !important;
}
body.single-post #primary {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
body.single-post .post-thumbnail {
  width: min(100%, 1020px) !important;
  margin: 34px auto 48px !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #e6ddd1 !important;
  box-shadow: 0 16px 38px rgba(53, 47, 39, .10) !important;
}
body.single-post .post-thumbnail .post-thumbnail-inner {
  aspect-ratio: 16 / 8.4 !important;
  min-height: 0 !important;
}
body.single-post .post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.single-post .entry-content.single-content {
  max-width: 760px !important;
  margin: 0 auto !important;
}
body.single-post .entry-content.single-content > p:first-of-type {
  color: #343b35 !important;
  font-size: 1.14rem !important;
  line-height: 1.92 !important;
  margin-bottom: 34px !important;
}
body.single-post .entry-content.single-content > h2 {
  scroll-margin-top: 110px !important;
  margin-top: 50px !important;
}
body.single-post .entry-content.single-content > h2:first-of-type {
  padding: 20px 24px 16px !important;
  border: 1px solid rgba(184, 109, 70, .24) !important;
  border-radius: 14px !important;
  background: #f4eadf !important;
}
body.single-post .entry-content.single-content figure {
  margin: 32px 0 !important;
}
body.single-post .entry-content.single-content a {
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}

/* 首頁：把三個主要入口做成品牌導覽，而不是普通三欄 */
body.home .entry-content > .wp-block-cover:first-child {
  min-height: 560px !important;
  padding: 92px 28px !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
  gap: 12px !important;
  justify-content: center !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
  min-width: 160px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button:first-child .wp-block-button__link {
  background: var(--dp-accent) !important;
  border-color: var(--dp-accent) !important;
}
body.home .entry-content > .danny-topic-cards {
  gap: 20px !important;
  margin-top: 54px !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column {
  padding: 28px 26px !important;
  border: 1px solid rgba(31,42,38,.14) !important;
  border-radius: 16px !important;
  background: var(--dp-card) !important;
  box-shadow: 0 12px 26px rgba(53,47,39,.06) !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column h3 {
  margin-top: 0 !important;
  font-size: 1.28rem !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-button__link {
  color: var(--dp-ink) !important;
  border-bottom: 1px solid var(--dp-accent) !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
  background: transparent !important;
}
body.home .entry-content > .wp-block-heading {
  margin-top: 72px !important;
}
body.home .entry-content > .wp-block-group.alignfull.has-base-background-color {
  margin-top: 72px !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* 日本主題頁：近期文章第一篇成為明確的精選入口 */
body.page-id-9266 #recent-japan-articles .japan-article-grid {
  gap: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card {
  overflow: hidden !important;
  border: 1px solid rgba(36,72,127,.14) !important;
  border-radius: 16px !important;
  background: #fffdf9 !important;
  box-shadow: 0 12px 28px rgba(36,42,52,.07) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(270px, .82fr) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child > a {
  min-height: 100% !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
  height: 100% !important;
  min-height: 280px !important;
  object-fit: cover !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 34px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:not(:first-child) .japan-article-body {
  padding: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card h3 {
  line-height: 1.38 !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-link {
  color: #24487f !important;
  font-weight: 700 !important;
}
@media (max-width: 781px) {
  body.single-post #primary {
    padding: 0 18px !important;
  }
  body.single-post .entry-hero.post-hero-section .entry-header {
    padding: 38px 20px 32px !important;
  }
  body.single-post .post-thumbnail {
    margin: 24px auto 34px !important;
    border-radius: 14px !important;
  }
  body.single-post .entry-content.single-content > p:first-of-type {
    font-size: 1.05rem !important;
  }
  body.home .entry-content > .wp-block-cover:first-child {
    min-height: 500px !important;
    padding: 68px 20px !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
    align-items: stretch !important;
    flex-direction: column !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
    width: 100% !important;
  }
  body.home .entry-content > .danny-topic-cards {
    gap: 14px !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
    display: block !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
    padding: 24px !important;
  }
}

/* ---- 分類頁卡片標題統一為品牌綠 ---- */
body #post-9266 .entry-content h3:not(.sd-title),
body #post-9266 .entry-content h4:not(.sd-title),
body #post-9060 .entry-content h3:not(.sd-title),
body #post-9060 .entry-content h4:not(.sd-title){
  color:#16624B !important;
}

/* ---- 日本入口頁段末 CTA 按鈕化 ---- */
body #post-9266 .entry-content a.japan-card-link,
body #post-9266 .entry-content a.japan-article-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35em !important;
  min-height:44px !important;
  margin-top:14px !important;
  padding:10px 20px !important;
  border:1.5px solid #16624B !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#16624B !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-decoration:none !important;
  transition:background .18s ease, color .18s ease !important;
}
body #post-9266 .entry-content a.japan-card-link:hover,
body #post-9266 .entry-content a.japan-article-link:hover{
  background:#16624B !important;
  color:#fff !important;
}

/* ============================================================
   [2026-08] 全站文章格式統一
   以澎湖輪兩篇文章的閱讀層級作為文章頁共用標準
   ============================================================ */
body.single-post .entry-content.single-content{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:18px !important;
  line-height:1.9 !important;
}
body.single-post .entry-content.single-content > p:first-of-type{
  color:#343b35 !important;
  font-size:1.14rem !important;
  line-height:1.92 !important;
  margin-bottom:34px !important;
}
body.single-post .entry-content.single-content h2:not(.sd-title):not(.jp-relatedposts-headline),
body.single-post .entry-content.single-content h3:not(.sd-title):not(.jp-relatedposts-headline){
  color:#0b3a2c !important;
  font-family:"Noto Serif TC","Songti TC","PMingLiU",serif !important;
  letter-spacing:-.025em !important;
}
body.single-post .entry-content.single-content h2:not(.sd-title):not(.jp-relatedposts-headline){
  scroll-margin-top:110px !important;
  line-height:1.3 !important;
}
body.single-post .entry-content.single-content > h2:first-of-type{
  padding:20px 24px 16px !important;
  border:1px solid rgba(184,109,70,.24) !important;
  border-radius:14px !important;
  background:#f4eadf !important;
}
body.single-post .entry-content.single-content p:empty,
body.single-post .entry-content.single-content h2:empty,
body.single-post .entry-content.single-content h3:empty,
body.single-post .entry-content.single-content h4:empty{
  display:none !important;
}
body.single-post .entry-content.single-content figure.wp-block-image,
body.single-post .entry-content.single-content figure.wp-block-gallery,
body.single-post .entry-content.single-content figure.wp-block-table{
  width:100% !important;
  margin:32px 0 !important;
}
body.single-post .entry-content.single-content figure.wp-block-image img,
body.single-post .entry-content.single-content figure.wp-block-gallery img{
  display:block !important;
  border-radius:12px !important;
}
body.single-post .entry-content.single-content figcaption{
  margin-top:10px !important;
  color:#667067 !important;
  font-size:.9rem !important;
  line-height:1.65 !important;
  text-align:center !important;
}
body.single-post .entry-content.single-content ul,
body.single-post .entry-content.single-content ol{
  padding-left:1.45rem !important;
  margin-bottom:28px !important;
}
body.single-post .entry-content.single-content li{
  margin-bottom:.55rem !important;
}
body.single-post .entry-content.single-content blockquote{
  margin:32px 0 !important;
  padding:20px 24px !important;
  border-left:4px solid #b86d46 !important;
  border-radius:0 12px 12px 0 !important;
  background:#f4eadf !important;
  color:#343b35 !important;
}
body.single-post .entry-content.single-content .wp-block-gallery{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
body.single-post .entry-content.single-content .wp-block-gallery > *{
  width:100% !important;
  margin:0 !important;
}
body.single-post .entry-content.single-content .dannypingu-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:24px 0 32px !important;
}
body.single-post .entry-content.single-content .dannypingu-photo-grid > *{
  min-width:0 !important;
  margin:0 !important;
}
body.single-post .entry-content.single-content .danny-topic-nav{
  margin:40px 0 32px !important;
  padding:22px 24px !important;
  border:1px solid rgba(31,42,38,.14) !important;
  border-radius:14px !important;
  background:#fbf8f3 !important;
}
@media (max-width:781px){
  body.single-post .entry-content.single-content{
    font-size:17px !important;
    line-height:1.85 !important;
  }
  body.single-post .entry-content.single-content > p:first-of-type{
    font-size:1.05rem !important;
  }
  body.single-post .entry-content.single-content > h2:first-of-type{
    padding:18px 18px 14px !important;
  }
  body.single-post .entry-content.single-content .wp-block-gallery,
  body.single-post .entry-content.single-content .dannypingu-photo-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body.single-post .entry-content.single-content blockquote{
    padding:16px 18px !important;
  }
}

  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
}

body .entry-content h2 {
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  font-weight: 500;
  letter-spacing: -.035em;
}

body .entry-content h2::after {
  width: 30px;
  height: 2px;
  border-radius: 0;
  margin-top: .8rem;
}

body .danny-topic-card,
body .danny-image-card {
  border-radius: 10px !important;
  border-color: var(--dp-line);
  box-shadow: 0 8px 24px rgba(32, 53, 47, .05);
}

body .danny-topic-card:hover,
body .danny-image-card:hover {
  transform: translateY(-2px);
  border-color: rgba(198, 90, 46, .32);
  box-shadow: 0 14px 30px rgba(32, 53, 47, .09);
}

body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  font-weight: 600;
  letter-spacing: -.03em;
}

body .wp-block-button__link,
body .wp-element-button {
  min-height: 44px !important;
  padding: 11px 18px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: .02em;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(198, 90, 46, .16) !important;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .14) !important;
}

.site-header .main-navigation .primary-menu-container a {
  letter-spacing: .035em;
}

body .danny-card-image {
  background: var(--dp-sage);
}

@media (max-width: 767px) {
  body.home .entry-content h1 {
    font-size: clamp(2.2rem, 10vw, 3.1rem) !important;
  }

  body.home .entry-content h1::before {
    font-size: .62rem;
    letter-spacing: .1em;
  }

  body .entry-content h2 {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
  }
}

/* 首屏標題比例修正 */
body.home .entry-content h1 {
  font-size: clamp(2.45rem, 3.6vw, 3.25rem) !important;
  line-height: 1.18;
  letter-spacing: -.035em;
}

/* 內容置中、寬度 1140px */
.entry-content .wp-block-columns.alignwide,
.entry-content .wp-block-group.alignwide,
.entry-content > .wp-block-heading.alignwide {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 全站背景米色 */
body { background-color: #f5efe1 !important; }

/* 縮小頁首與內容之間的空白 */
.site-header { margin-top: 0 !important; }
.content-container { padding-top: 0 !important; margin-top: 0 !important; }

/* 全站按鈕統一尺寸 */
body .wp-block-button__link,
body .wp-element-button {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px;
  font-size: 16px !important;
  line-height: 1.35 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  white-space: normal;
}

/* DannyPingu 專業旅遊媒體視覺系統 */
:root {
  --dp-forest: #2f6653;
  --dp-forest-deep: #20352f;
  --dp-clay: #c65a2e;
  --dp-sage: #e3ece5;
  --dp-cream: #f7f1e8;
  --dp-paper: #fffcf8;
}

body {
  color: var(--dp-forest-deep);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: .01em;
}

#masthead {
  position: relative;
  z-index: 20;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .12), 0 10px 28px rgba(32, 53, 47, .08);
}

.site-header .custom-logo {
  width: auto;
  max-height: 64px;
  object-fit: contain;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.site-header .main-navigation .primary-menu-container a:hover {
  opacity: .82;
  transform: translateY(-1px);
}

.entry-content h2 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
  line-height: 1.28;
  margin-top: clamp(2.8rem, 5vw, 5.5rem);
  margin-bottom: 1.25rem;
}

.entry-content h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--dp-clay);
  margin-top: .7rem;
}

.entry-content h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.02em;
  line-height: 1.4;
}

.danny-topic-card {
  border: 1px solid rgba(47, 102, 83, .16);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 30px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-topic-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .35);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-topic-card h3,
.danny-image-card h3,
.danny-card-body h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
}

.danny-image-card {
  overflow: hidden;
  border: 1px solid rgba(47, 102, 83, .14);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 28px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-image-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .3);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-image-card img,
.danny-card-image img {
  transition: transform .35s ease, filter .35s ease;
}

.danny-image-card:hover img,
.danny-card-image:hover img {
  transform: scale(1.03);
  filter: saturate(1.04);
}

.danny-card-body {
  padding: 1.15rem 1.2rem 1.35rem;
}

body .wp-block-button__link,
body .wp-element-button {
  box-shadow: 0 8px 18px rgba(198, 90, 46, .18);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(198, 90, 46, .25);
  filter: saturate(1.05);
}

.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

@media (max-width: 767px) {
  .site-header .custom-logo {
    max-height: 50px;
  }

  .entry-content h2 {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.25;
  }

  .danny-topic-card,
  .danny-image-card {
    border-radius: 16px;
  }

  .danny-card-body {
    padding: 1rem;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
    text-align: center;
  }
}

body .entry-content .wp-block-columns > .wp-block-column {
  min-width: 0;
}
body .entry-content .wp-block-columns > .wp-block-column > .wp-block-group {
  height: 100%;
  box-sizing: border-box;
}

/* 統一首頁入口卡片圓角 */
.danny-topic-card { border-radius: 18px !important; }

body .danny-card-image {
  margin: 0 !important;
}
body .danny-card-image img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
}
@media (max-width: 781px) {
  body .danny-card-image img {
    height: 210px;
  }
}

/* 首頁首屏間距收斂 */
body.home #primary {
  margin-top: 32px !important;
}

/* 修正首頁 margin collapse */
body.home #primary {
  margin-top: 0 !important;
}

/* 2026 炭黑・暖白・焦糖棕配色 */
:root {
  --dp-ink: #242522;
  --dp-ink-soft: #5d5d56;
  --dp-forest: #3b4d45;
  --dp-forest-deep: #242522;
  --dp-clay: #a96345;
  --dp-sage: #ece9e2;
  --dp-cream: #f6f4ef;
  --dp-paper: #fffdf9;
}

body,
body.home {
  background-color: var(--dp-cream) !important;
  color: var(--dp-ink) !important;
}

.site-header-wrap,
.site-header {
  background-color: var(--dp-ink) !important;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  color: #f6f4ef !important;
}

body .entry-content h2,
body .entry-content h3 {
  color: var(--dp-ink) !important;
}

body .entry-content h2::after {
  background: var(--dp-clay) !important;
}

body .entry-content a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

body .wp-block-button__link,
body .wp-element-button {
  background-color: var(--dp-clay) !important;
  border-color: var(--dp-clay) !important;
  color: #fffaf6 !important;
}

body .wp-block-button.is-style-outline .wp-block-button__link,
body .wp-block-button.is-style-outline .wp-element-button {
  background-color: transparent !important;
  border: 1px solid var(--dp-clay) !important;
  color: var(--dp-clay) !important;
}

body .danny-topic-card,
body .danny-image-card {
  background-color: var(--dp-paper) !important;
  border-color: rgba(36, 37, 34, .16) !important;
}

body .danny-card-image {
  background-color: var(--dp-sage) !important;
}

.site-footer-wrap,
.site-footer {
  background-color: var(--dp-ink) !important;
  color: #e9e4da !important;
}

.site-footer-wrap a,
.site-footer a {
  color: #e9e4da !important;
}

/* 配色一致性修正 */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  color: var(--dp-ink) !important;
}

body .entry-hero-container-inner {
  background-color: var(--dp-sage) !important;
}

body .entry-header .entry-title {
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button {
  background-color: rgba(255, 250, 246, .94) !important;
  border-color: #fffaf6 !important;
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: #fffaf6 !important;
}

/* 首頁卡片文字改為炭灰 */
body.home .entry-content .danny-topic-card h3.wp-block-heading,
body.home .entry-content .danny-image-card h3.wp-block-heading,
body.home .entry-content .danny-card-body h3.wp-block-heading {
  color: #242522 !important;
}

body.home .entry-content .danny-topic-card a:not(.wp-block-button__link):not(.wp-element-button),
body.home .entry-content .danny-image-card a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

/* 最後一層首頁標題色覆寫 */
body.home h3.wp-block-heading {
  color: #242522 !important;
}


/* ============================================================
   [Claude 2026-08-07] 修正區塊
   說明：以上為既有樣式（已移除 244 條重複規則，43,896→10,720 字元）
   以下為本次新增的修正，全部可整段刪除還原
   ============================================================ */

/* --- token 補充 --- */
:root{
  --dp-brand-900:#0B3A2C;
  --dp-brand-700:#16624B;
  --dp-brand-100:#E3ECE5;
  --dp-accent-600:#C2410C;
  --dp-accent-700:#9A3412;
  --dp-surface-alt:#F3EFE7;
  --dp-ink-muted:#5B6169;
  --dp-radius:12px;
}

/* --- 1. Hero 遮罩加深 40%→60%（實測對比 2.51:1 → 4.22:1） --- */
body .wp-block-cover .wp-block-cover__background.has-background-dim-40{
  opacity:.6 !important;
}

/* --- 2. 漢堡選單觸控目標 37×31 → 44×44 --- */
.site-header .menu-toggle,
.site-header .mobile-toggle,
button.menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open{
  min-width:44px !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* --- 3. 卡片標題統一 2 行，修正三欄網格錯位 --- */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3,
body .entry-content .wp-block-columns .wp-block-group h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* --- 4. 文章表格改版 --- */
body .entry-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(31,42,38,.14);
  border-radius:var(--dp-radius);
  overflow:hidden;
  font-size:15px;
  box-shadow:0 1px 2px rgba(11,58,44,.06);
}
body .entry-content table th{
  background:var(--dp-brand-700);
  color:#fff;
  font-weight:600;
  padding:14px 12px;
  border:0 !important;
  text-align:left;
}
body .entry-content table td{
  padding:14px 12px;
  border:0 !important;
  border-top:1px solid rgba(31,42,38,.12) !important;
  vertical-align:top;
}
body .entry-content table tbody tr:nth-child(even){ background:#FBF8F3; }
body .entry-content table tbody tr:hover{ background:var(--dp-brand-100); }

/* --- 5. 文章內容區加寬 720→840，長文表格更好讀 --- */
@media (min-width:1025px){
  body.single .entry-content,
  body.single .content-container .entry-content-wrap{ max-width:840px; }
}

/* --- 6. 手機版表格橫向捲動 --- */
@media (max-width:781px){
  body .entry-content .wp-block-table,
  body .entry-content figure.wp-block-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body .entry-content table{ font-size:14px; min-width:600px; }
}

/* --- 7. 「正在載入…」對比 2.79:1 → 6.0:1 --- */
.loading, .loading span{ color:var(--dp-ink-muted) !important; }

/* --- 8. 鍵盤焦點外框加粗 1.5px → 2.5px --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2.5px solid currentColor !important;
  outline-offset:2px !important;
}

/* --- 9. H2 顏色跨頁統一（原本深綠/深藍/磚紅三種） --- */
body .entry-content h2{ color:var(--dp-brand-900) !important; }

/* ================= 共用 Hero 元件（三個分類頁統一） ================= */
body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{
  position:relative !important; border-radius:16px !important; overflow:hidden !important;
  padding:76px 44px !important; margin:0 0 48px !important; min-height:360px !important;
  display:flex !important; flex-direction:column !important; justify-content:center !important;
  align-items:flex-start !important; text-align:left !important;
  background-size:cover !important; background-position:center 45% !important; background-repeat:no-repeat !important;
  border:0 !important; box-shadow:0 8px 30px rgba(11,58,44,.18) !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/tokyo-fuji-325116c75b09.jpg?fit=1024%2C768&ssl=1") !important; }
body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/chiayi-alishan-camping-sites-IMG_3004.jpg?fit=1024%2C683&ssl=1") !important; }
body.page-id-9266 .entry-content .japan-eyebrow.japan-eyebrow, body.page-id-9060 .entry-content .chiayi-eyebrow.chiayi-eyebrow, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child p{
  display:inline-block !important; background:#E9C46A !important; color:#2D3748 !important;
  font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important;
  padding:6px 15px !important; border-radius:999px !important; margin:0 0 18px !important; width:auto !important;
}
body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child{
  background:transparent !important; padding:0 !important; margin:0 0 18px !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero h1, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero h1, body.page-id-12609 .entry-content > .wp-block-group:first-of-type h1{
  color:#fff !important;
  font-family:-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
  font-size:clamp(2rem,4.2vw,3.15rem) !important; font-weight:800 !important;
  line-height:1.22 !important; letter-spacing:-.02em !important; margin:0 0 18px !important;
  max-width:24ch !important; text-shadow:0 2px 14px rgba(0,0,0,.4) !important;
}
body.page-id-9266 .entry-content .japan-lead.japan-lead, body.page-id-9060 .entry-content .chiayi-lead.chiayi-lead, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > p{
  color:rgba(255,255,255,.94) !important; font-size:17px !important; font-weight:400 !important;
  line-height:1.8 !important; max-width:54ch !important; margin:0 0 12px !important;
  text-shadow:0 1px 10px rgba(0,0,0,.35) !important;
}
body.page-id-9266 .entry-content .japan-note.japan-note, body.page-id-9060 .entry-content .chiayi-update.chiayi-update{
  display:inline-block !important; background:rgba(255,255,255,.16) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important; font-size:14px !important; font-weight:500 !important;
  padding:7px 15px !important; border-radius:999px !important; margin:8px 0 0 !important;
}
@media (max-width:781px){
  body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{ padding:48px 22px !important; min-height:300px !important; border-radius:12px !important; }
}

/* 2026 第二輪：強化首頁、主題頁與文章頁的編輯層級 */
:root {
  --dp-accent: #b86d46;
  --dp-paper: #fbf4ec;
  --dp-ink: #202522;
  --dp-muted: #667067;
  --dp-card: #fffaf4;
}

/* 文章頁：讓標題、封面與正文形成完整的閱讀入口 */
body.single-post .entry-hero.post-hero-section {
  background: #ebe7df !important;
}
body.single-post .entry-hero.post-hero-section .entry-header {
  max-width: 980px !important;
  padding: 50px 24px 42px !important;
}
body.single-post .entry-hero .entry-title {
  max-width: 860px !important;
  margin: 0 auto 18px !important;
  color: var(--dp-ink) !important;
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
  letter-spacing: -.028em !important;
}
body.single-post .entry-hero .entry-meta {
  color: #68706a !important;
  font-size: .95rem !important;
}
body.single-post #primary {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
body.single-post .post-thumbnail {
  width: min(100%, 1020px) !important;
  margin: 34px auto 48px !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #e6ddd1 !important;
  box-shadow: 0 16px 38px rgba(53, 47, 39, .10) !important;
}
body.single-post .post-thumbnail .post-thumbnail-inner {
  aspect-ratio: 16 / 8.4 !important;
  min-height: 0 !important;
}
body.single-post .post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.single-post .entry-content.single-content {
  max-width: 760px !important;
  margin: 0 auto !important;
}
body.single-post .entry-content.single-content > p:first-of-type {
  color: #343b35 !important;
  font-size: 1.14rem !important;
  line-height: 1.92 !important;
  margin-bottom: 34px !important;
}
body.single-post .entry-content.single-content > h2 {
  scroll-margin-top: 110px !important;
  margin-top: 50px !important;
}
body.single-post .entry-content.single-content > h2:first-of-type {
  padding: 20px 24px 16px !important;
  border: 1px solid rgba(184, 109, 70, .24) !important;
  border-radius: 14px !important;
  background: #f4eadf !important;
}
body.single-post .entry-content.single-content figure {
  margin: 32px 0 !important;
}
body.single-post .entry-content.single-content a {
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}

/* 首頁：把三個主要入口做成品牌導覽，而不是普通三欄 */
body.home .entry-content > .wp-block-cover:first-child {
  min-height: 560px !important;
  padding: 92px 28px !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
  gap: 12px !important;
  justify-content: center !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
  min-width: 160px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button:first-child .wp-block-button__link {
  background: var(--dp-accent) !important;
  border-color: var(--dp-accent) !important;
}
body.home .entry-content > .danny-topic-cards {
  gap: 20px !important;
  margin-top: 54px !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column {
  padding: 28px 26px !important;
  border: 1px solid rgba(31,42,38,.14) !important;
  border-radius: 16px !important;
  background: var(--dp-card) !important;
  box-shadow: 0 12px 26px rgba(53,47,39,.06) !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column h3 {
  margin-top: 0 !important;
  font-size: 1.28rem !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-button__link {
  color: var(--dp-ink) !important;
  border-bottom: 1px solid var(--dp-accent) !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
  background: transparent !important;
}
body.home .entry-content > .wp-block-heading {
  margin-top: 72px !important;
}
body.home .entry-content > .wp-block-group.alignfull.has-base-background-color {
  margin-top: 72px !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* 日本主題頁：近期文章第一篇成為明確的精選入口 */
body.page-id-9266 #recent-japan-articles .japan-article-grid {
  gap: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card {
  overflow: hidden !important;
  border: 1px solid rgba(36,72,127,.14) !important;
  border-radius: 16px !important;
  background: #fffdf9 !important;
  box-shadow: 0 12px 28px rgba(36,42,52,.07) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(270px, .82fr) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child > a {
  min-height: 100% !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
  height: 100% !important;
  min-height: 280px !important;
  object-fit: cover !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 34px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:not(:first-child) .japan-article-body {
  padding: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card h3 {
  line-height: 1.38 !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-link {
  color: #24487f !important;
  font-weight: 700 !important;
}
@media (max-width: 781px) {
  body.single-post #primary {
    padding: 0 18px !important;
  }
  body.single-post .entry-hero.post-hero-section .entry-header {
    padding: 38px 20px 32px !important;
  }
  body.single-post .post-thumbnail {
    margin: 24px auto 34px !important;
    border-radius: 14px !important;
  }
  body.single-post .entry-content.single-content > p:first-of-type {
    font-size: 1.05rem !important;
  }
  body.home .entry-content > .wp-block-cover:first-child {
    min-height: 500px !important;
    padding: 68px 20px !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
    align-items: stretch !important;
    flex-direction: column !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
    width: 100% !important;
  }
  body.home .entry-content > .danny-topic-cards {
    gap: 14px !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
    display: block !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
    padding: 24px !important;
  }
}

/* ---- 分類頁卡片標題統一為品牌綠 ---- */
body #post-9266 .entry-content h3:not(.sd-title),
body #post-9266 .entry-content h4:not(.sd-title),
body #post-9060 .entry-content h3:not(.sd-title),
body #post-9060 .entry-content h4:not(.sd-title){
  color:#16624B !important;
}

/* ---- 日本入口頁段末 CTA 按鈕化 ---- */
body #post-9266 .entry-content a.japan-card-link,
body #post-9266 .entry-content a.japan-article-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35em !important;
  min-height:44px !important;
  margin-top:14px !important;
  padding:10px 20px !important;
  border:1.5px solid #16624B !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#16624B !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-decoration:none !important;
  transition:background .18s ease, color .18s ease !important;
}
body #post-9266 .entry-content a.japan-card-link:hover,
body #post-9266 .entry-content a.japan-article-link:hover{
  background:#16624B !important;
  color:#fff !important;
}

/* [2026-08] 修正文章清單中的空白項目 */
body.single-post .entry-content.single-content li:empty{
  display:none !important;
}
body.single-post .entry-content.single-content ul:has(> li:empty):not(:has(> li:not(:empty))),
body.single-post .entry-content.single-content ol:has(> li:empty):not(:has(> li:not(:empty))){
  display:none !important;
}

  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
}

body .entry-content h2 {
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  font-weight: 500;
  letter-spacing: -.035em;
}

body .entry-content h2::after {
  width: 30px;
  height: 2px;
  border-radius: 0;
  margin-top: .8rem;
}

body .danny-topic-card,
body .danny-image-card {
  border-radius: 10px !important;
  border-color: var(--dp-line);
  box-shadow: 0 8px 24px rgba(32, 53, 47, .05);
}

body .danny-topic-card:hover,
body .danny-image-card:hover {
  transform: translateY(-2px);
  border-color: rgba(198, 90, 46, .32);
  box-shadow: 0 14px 30px rgba(32, 53, 47, .09);
}

body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  font-weight: 600;
  letter-spacing: -.03em;
}

body .wp-block-button__link,
body .wp-element-button {
  min-height: 44px !important;
  padding: 11px 18px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: .02em;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(198, 90, 46, .16) !important;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .14) !important;
}

.site-header .main-navigation .primary-menu-container a {
  letter-spacing: .035em;
}

body .danny-card-image {
  background: var(--dp-sage);
}

@media (max-width: 767px) {
  body.home .entry-content h1 {
    font-size: clamp(2.2rem, 10vw, 3.1rem) !important;
  }

  body.home .entry-content h1::before {
    font-size: .62rem;
    letter-spacing: .1em;
  }

  body .entry-content h2 {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
  }
}

/* 首屏標題比例修正 */
body.home .entry-content h1 {
  font-size: clamp(2.45rem, 3.6vw, 3.25rem) !important;
  line-height: 1.18;
  letter-spacing: -.035em;
}

/* 內容置中、寬度 1140px */
.entry-content .wp-block-columns.alignwide,
.entry-content .wp-block-group.alignwide,
.entry-content > .wp-block-heading.alignwide {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 全站背景米色 */
body { background-color: #f5efe1 !important; }

/* 縮小頁首與內容之間的空白 */
.site-header { margin-top: 0 !important; }
.content-container { padding-top: 0 !important; margin-top: 0 !important; }

/* 全站按鈕統一尺寸 */
body .wp-block-button__link,
body .wp-element-button {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px;
  font-size: 16px !important;
  line-height: 1.35 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  white-space: normal;
}

/* DannyPingu 專業旅遊媒體視覺系統 */
:root {
  --dp-forest: #2f6653;
  --dp-forest-deep: #20352f;
  --dp-clay: #c65a2e;
  --dp-sage: #e3ece5;
  --dp-cream: #f7f1e8;
  --dp-paper: #fffcf8;
}

body {
  color: var(--dp-forest-deep);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: .01em;
}

#masthead {
  position: relative;
  z-index: 20;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .12), 0 10px 28px rgba(32, 53, 47, .08);
}

.site-header .custom-logo {
  width: auto;
  max-height: 64px;
  object-fit: contain;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.site-header .main-navigation .primary-menu-container a:hover {
  opacity: .82;
  transform: translateY(-1px);
}

.entry-content h2 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
  line-height: 1.28;
  margin-top: clamp(2.8rem, 5vw, 5.5rem);
  margin-bottom: 1.25rem;
}

.entry-content h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--dp-clay);
  margin-top: .7rem;
}

.entry-content h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.02em;
  line-height: 1.4;
}

.danny-topic-card {
  border: 1px solid rgba(47, 102, 83, .16);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 30px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-topic-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .35);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-topic-card h3,
.danny-image-card h3,
.danny-card-body h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
}

.danny-image-card {
  overflow: hidden;
  border: 1px solid rgba(47, 102, 83, .14);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 28px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-image-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .3);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-image-card img,
.danny-card-image img {
  transition: transform .35s ease, filter .35s ease;
}

.danny-image-card:hover img,
.danny-card-image:hover img {
  transform: scale(1.03);
  filter: saturate(1.04);
}

.danny-card-body {
  padding: 1.15rem 1.2rem 1.35rem;
}

body .wp-block-button__link,
body .wp-element-button {
  box-shadow: 0 8px 18px rgba(198, 90, 46, .18);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(198, 90, 46, .25);
  filter: saturate(1.05);
}

.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

@media (max-width: 767px) {
  .site-header .custom-logo {
    max-height: 50px;
  }

  .entry-content h2 {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.25;
  }

  .danny-topic-card,
  .danny-image-card {
    border-radius: 16px;
  }

  .danny-card-body {
    padding: 1rem;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
    text-align: center;
  }
}

body .entry-content .wp-block-columns > .wp-block-column {
  min-width: 0;
}
body .entry-content .wp-block-columns > .wp-block-column > .wp-block-group {
  height: 100%;
  box-sizing: border-box;
}

/* 統一首頁入口卡片圓角 */
.danny-topic-card { border-radius: 18px !important; }

body .danny-card-image {
  margin: 0 !important;
}
body .danny-card-image img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
}
@media (max-width: 781px) {
  body .danny-card-image img {
    height: 210px;
  }
}

/* 首頁首屏間距收斂 */
body.home #primary {
  margin-top: 32px !important;
}

/* 修正首頁 margin collapse */
body.home #primary {
  margin-top: 0 !important;
}

/* 2026 炭黑・暖白・焦糖棕配色 */
:root {
  --dp-ink: #242522;
  --dp-ink-soft: #5d5d56;
  --dp-forest: #3b4d45;
  --dp-forest-deep: #242522;
  --dp-clay: #a96345;
  --dp-sage: #ece9e2;
  --dp-cream: #f6f4ef;
  --dp-paper: #fffdf9;
}

body,
body.home {
  background-color: var(--dp-cream) !important;
  color: var(--dp-ink) !important;
}

.site-header-wrap,
.site-header {
  background-color: var(--dp-ink) !important;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  color: #f6f4ef !important;
}

body .entry-content h2,
body .entry-content h3 {
  color: var(--dp-ink) !important;
}

body .entry-content h2::after {
  background: var(--dp-clay) !important;
}

body .entry-content a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

body .wp-block-button__link,
body .wp-element-button {
  background-color: var(--dp-clay) !important;
  border-color: var(--dp-clay) !important;
  color: #fffaf6 !important;
}

body .wp-block-button.is-style-outline .wp-block-button__link,
body .wp-block-button.is-style-outline .wp-element-button {
  background-color: transparent !important;
  border: 1px solid var(--dp-clay) !important;
  color: var(--dp-clay) !important;
}

body .danny-topic-card,
body .danny-image-card {
  background-color: var(--dp-paper) !important;
  border-color: rgba(36, 37, 34, .16) !important;
}

body .danny-card-image {
  background-color: var(--dp-sage) !important;
}

.site-footer-wrap,
.site-footer {
  background-color: var(--dp-ink) !important;
  color: #e9e4da !important;
}

.site-footer-wrap a,
.site-footer a {
  color: #e9e4da !important;
}

/* 配色一致性修正 */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  color: var(--dp-ink) !important;
}

body .entry-hero-container-inner {
  background-color: var(--dp-sage) !important;
}

body .entry-header .entry-title {
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button {
  background-color: rgba(255, 250, 246, .94) !important;
  border-color: #fffaf6 !important;
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: #fffaf6 !important;
}

/* 首頁卡片文字改為炭灰 */
body.home .entry-content .danny-topic-card h3.wp-block-heading,
body.home .entry-content .danny-image-card h3.wp-block-heading,
body.home .entry-content .danny-card-body h3.wp-block-heading {
  color: #242522 !important;
}

body.home .entry-content .danny-topic-card a:not(.wp-block-button__link):not(.wp-element-button),
body.home .entry-content .danny-image-card a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

/* 最後一層首頁標題色覆寫 */
body.home h3.wp-block-heading {
  color: #242522 !important;
}


/* ============================================================
   [Claude 2026-08-07] 修正區塊
   說明：以上為既有樣式（已移除 244 條重複規則，43,896→10,720 字元）
   以下為本次新增的修正，全部可整段刪除還原
   ============================================================ */

/* --- token 補充 --- */
:root{
  --dp-brand-900:#0B3A2C;
  --dp-brand-700:#16624B;
  --dp-brand-100:#E3ECE5;
  --dp-accent-600:#C2410C;
  --dp-accent-700:#9A3412;
  --dp-surface-alt:#F3EFE7;
  --dp-ink-muted:#5B6169;
  --dp-radius:12px;
}

/* --- 1. Hero 遮罩加深 40%→60%（實測對比 2.51:1 → 4.22:1） --- */
body .wp-block-cover .wp-block-cover__background.has-background-dim-40{
  opacity:.6 !important;
}

/* --- 2. 漢堡選單觸控目標 37×31 → 44×44 --- */
.site-header .menu-toggle,
.site-header .mobile-toggle,
button.menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open{
  min-width:44px !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* --- 3. 卡片標題統一 2 行，修正三欄網格錯位 --- */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3,
body .entry-content .wp-block-columns .wp-block-group h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* --- 4. 文章表格改版 --- */
body .entry-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(31,42,38,.14);
  border-radius:var(--dp-radius);
  overflow:hidden;
  font-size:15px;
  box-shadow:0 1px 2px rgba(11,58,44,.06);
}
body .entry-content table th{
  background:var(--dp-brand-700);
  color:#fff;
  font-weight:600;
  padding:14px 12px;
  border:0 !important;
  text-align:left;
}
body .entry-content table td{
  padding:14px 12px;
  border:0 !important;
  border-top:1px solid rgba(31,42,38,.12) !important;
  vertical-align:top;
}
body .entry-content table tbody tr:nth-child(even){ background:#FBF8F3; }
body .entry-content table tbody tr:hover{ background:var(--dp-brand-100); }

/* --- 5. 文章內容區加寬 720→840，長文表格更好讀 --- */
@media (min-width:1025px){
  body.single .entry-content,
  body.single .content-container .entry-content-wrap{ max-width:840px; }
}

/* --- 6. 手機版表格橫向捲動 --- */
@media (max-width:781px){
  body .entry-content .wp-block-table,
  body .entry-content figure.wp-block-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body .entry-content table{ font-size:14px; min-width:600px; }
}

/* --- 7. 「正在載入…」對比 2.79:1 → 6.0:1 --- */
.loading, .loading span{ color:var(--dp-ink-muted) !important; }

/* --- 8. 鍵盤焦點外框加粗 1.5px → 2.5px --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2.5px solid currentColor !important;
  outline-offset:2px !important;
}

/* --- 9. H2 顏色跨頁統一（原本深綠/深藍/磚紅三種） --- */
body .entry-content h2{ color:var(--dp-brand-900) !important; }

/* ================= 共用 Hero 元件（三個分類頁統一） ================= */
body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{
  position:relative !important; border-radius:16px !important; overflow:hidden !important;
  padding:76px 44px !important; margin:0 0 48px !important; min-height:360px !important;
  display:flex !important; flex-direction:column !important; justify-content:center !important;
  align-items:flex-start !important; text-align:left !important;
  background-size:cover !important; background-position:center 45% !important; background-repeat:no-repeat !important;
  border:0 !important; box-shadow:0 8px 30px rgba(11,58,44,.18) !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/tokyo-fuji-325116c75b09.jpg?fit=1024%2C768&ssl=1") !important; }
body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/chiayi-alishan-camping-sites-IMG_3004.jpg?fit=1024%2C683&ssl=1") !important; }
body.page-id-9266 .entry-content .japan-eyebrow.japan-eyebrow, body.page-id-9060 .entry-content .chiayi-eyebrow.chiayi-eyebrow, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child p{
  display:inline-block !important; background:#E9C46A !important; color:#2D3748 !important;
  font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important;
  padding:6px 15px !important; border-radius:999px !important; margin:0 0 18px !important; width:auto !important;
}
body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child{
  background:transparent !important; padding:0 !important; margin:0 0 18px !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero h1, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero h1, body.page-id-12609 .entry-content > .wp-block-group:first-of-type h1{
  color:#fff !important;
  font-family:-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
  font-size:clamp(2rem,4.2vw,3.15rem) !important; font-weight:800 !important;
  line-height:1.22 !important; letter-spacing:-.02em !important; margin:0 0 18px !important;
  max-width:24ch !important; text-shadow:0 2px 14px rgba(0,0,0,.4) !important;
}
body.page-id-9266 .entry-content .japan-lead.japan-lead, body.page-id-9060 .entry-content .chiayi-lead.chiayi-lead, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > p{
  color:rgba(255,255,255,.94) !important; font-size:17px !important; font-weight:400 !important;
  line-height:1.8 !important; max-width:54ch !important; margin:0 0 12px !important;
  text-shadow:0 1px 10px rgba(0,0,0,.35) !important;
}
body.page-id-9266 .entry-content .japan-note.japan-note, body.page-id-9060 .entry-content .chiayi-update.chiayi-update{
  display:inline-block !important; background:rgba(255,255,255,.16) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important; font-size:14px !important; font-weight:500 !important;
  padding:7px 15px !important; border-radius:999px !important; margin:8px 0 0 !important;
}
@media (max-width:781px){
  body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{ padding:48px 22px !important; min-height:300px !important; border-radius:12px !important; }
}

/* 2026 第二輪：強化首頁、主題頁與文章頁的編輯層級 */
:root {
  --dp-accent: #b86d46;
  --dp-paper: #fbf4ec;
  --dp-ink: #202522;
  --dp-muted: #667067;
  --dp-card: #fffaf4;
}

/* 文章頁：讓標題、封面與正文形成完整的閱讀入口 */
body.single-post .entry-hero.post-hero-section {
  background: #ebe7df !important;
}
body.single-post .entry-hero.post-hero-section .entry-header {
  max-width: 980px !important;
  padding: 50px 24px 42px !important;
}
body.single-post .entry-hero .entry-title {
  max-width: 860px !important;
  margin: 0 auto 18px !important;
  color: var(--dp-ink) !important;
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
  letter-spacing: -.028em !important;
}
body.single-post .entry-hero .entry-meta {
  color: #68706a !important;
  font-size: .95rem !important;
}
body.single-post #primary {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
body.single-post .post-thumbnail {
  width: min(100%, 1020px) !important;
  margin: 34px auto 48px !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #e6ddd1 !important;
  box-shadow: 0 16px 38px rgba(53, 47, 39, .10) !important;
}
body.single-post .post-thumbnail .post-thumbnail-inner {
  aspect-ratio: 16 / 8.4 !important;
  min-height: 0 !important;
}
body.single-post .post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.single-post .entry-content.single-content {
  max-width: 760px !important;
  margin: 0 auto !important;
}
body.single-post .entry-content.single-content > p:first-of-type {
  color: #343b35 !important;
  font-size: 1.14rem !important;
  line-height: 1.92 !important;
  margin-bottom: 34px !important;
}
body.single-post .entry-content.single-content > h2 {
  scroll-margin-top: 110px !important;
  margin-top: 50px !important;
}
body.single-post .entry-content.single-content > h2:first-of-type {
  padding: 20px 24px 16px !important;
  border: 1px solid rgba(184, 109, 70, .24) !important;
  border-radius: 14px !important;
  background: #f4eadf !important;
}
body.single-post .entry-content.single-content figure {
  margin: 32px 0 !important;
}
body.single-post .entry-content.single-content a {
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}

/* 首頁：把三個主要入口做成品牌導覽，而不是普通三欄 */
body.home .entry-content > .wp-block-cover:first-child {
  min-height: 560px !important;
  padding: 92px 28px !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
  gap: 12px !important;
  justify-content: center !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
  min-width: 160px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button:first-child .wp-block-button__link {
  background: var(--dp-accent) !important;
  border-color: var(--dp-accent) !important;
}
body.home .entry-content > .danny-topic-cards {
  gap: 20px !important;
  margin-top: 54px !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column {
  padding: 28px 26px !important;
  border: 1px solid rgba(31,42,38,.14) !important;
  border-radius: 16px !important;
  background: var(--dp-card) !important;
  box-shadow: 0 12px 26px rgba(53,47,39,.06) !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column h3 {
  margin-top: 0 !important;
  font-size: 1.28rem !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-button__link {
  color: var(--dp-ink) !important;
  border-bottom: 1px solid var(--dp-accent) !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
  background: transparent !important;
}
body.home .entry-content > .wp-block-heading {
  margin-top: 72px !important;
}
body.home .entry-content > .wp-block-group.alignfull.has-base-background-color {
  margin-top: 72px !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* 日本主題頁：近期文章第一篇成為明確的精選入口 */
body.page-id-9266 #recent-japan-articles .japan-article-grid {
  gap: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card {
  overflow: hidden !important;
  border: 1px solid rgba(36,72,127,.14) !important;
  border-radius: 16px !important;
  background: #fffdf9 !important;
  box-shadow: 0 12px 28px rgba(36,42,52,.07) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(270px, .82fr) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child > a {
  min-height: 100% !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
  height: 100% !important;
  min-height: 280px !important;
  object-fit: cover !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 34px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:not(:first-child) .japan-article-body {
  padding: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card h3 {
  line-height: 1.38 !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-link {
  color: #24487f !important;
  font-weight: 700 !important;
}
@media (max-width: 781px) {
  body.single-post #primary {
    padding: 0 18px !important;
  }
  body.single-post .entry-hero.post-hero-section .entry-header {
    padding: 38px 20px 32px !important;
  }
  body.single-post .post-thumbnail {
    margin: 24px auto 34px !important;
    border-radius: 14px !important;
  }
  body.single-post .entry-content.single-content > p:first-of-type {
    font-size: 1.05rem !important;
  }
  body.home .entry-content > .wp-block-cover:first-child {
    min-height: 500px !important;
    padding: 68px 20px !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
    align-items: stretch !important;
    flex-direction: column !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
    width: 100% !important;
  }
  body.home .entry-content > .danny-topic-cards {
    gap: 14px !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
    display: block !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
    padding: 24px !important;
  }
}

/* ---- 分類頁卡片標題統一為品牌綠 ---- */
body #post-9266 .entry-content h3:not(.sd-title),
body #post-9266 .entry-content h4:not(.sd-title),
body #post-9060 .entry-content h3:not(.sd-title),
body #post-9060 .entry-content h4:not(.sd-title){
  color:#16624B !important;
}

/* ---- 日本入口頁段末 CTA 按鈕化 ---- */
body #post-9266 .entry-content a.japan-card-link,
body #post-9266 .entry-content a.japan-article-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35em !important;
  min-height:44px !important;
  margin-top:14px !important;
  padding:10px 20px !important;
  border:1.5px solid #16624B !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#16624B !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-decoration:none !important;
  transition:background .18s ease, color .18s ease !important;
}
body #post-9266 .entry-content a.japan-card-link:hover,
body #post-9266 .entry-content a.japan-article-link:hover{
  background:#16624B !important;
  color:#fff !important;
}

/* ============================================================
   [2026-08] 全站文章格式統一
   以澎湖輪兩篇文章的閱讀層級作為文章頁共用標準
   ============================================================ */
body.single-post .entry-content.single-content{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:18px !important;
  line-height:1.9 !important;
}
body.single-post .entry-content.single-content > p:first-of-type{
  color:#343b35 !important;
  font-size:1.14rem !important;
  line-height:1.92 !important;
  margin-bottom:34px !important;
}
body.single-post .entry-content.single-content h2:not(.sd-title):not(.jp-relatedposts-headline),
body.single-post .entry-content.single-content h3:not(.sd-title):not(.jp-relatedposts-headline){
  color:#0b3a2c !important;
  font-family:"Noto Serif TC","Songti TC","PMingLiU",serif !important;
  letter-spacing:-.025em !important;
}
body.single-post .entry-content.single-content h2:not(.sd-title):not(.jp-relatedposts-headline){
  scroll-margin-top:110px !important;
  line-height:1.3 !important;
}
body.single-post .entry-content.single-content > h2:first-of-type{
  padding:20px 24px 16px !important;
  border:1px solid rgba(184,109,70,.24) !important;
  border-radius:14px !important;
  background:#f4eadf !important;
}
body.single-post .entry-content.single-content p:empty,
body.single-post .entry-content.single-content h2:empty,
body.single-post .entry-content.single-content h3:empty,
body.single-post .entry-content.single-content h4:empty{
  display:none !important;
}
body.single-post .entry-content.single-content figure.wp-block-image,
body.single-post .entry-content.single-content figure.wp-block-gallery,
body.single-post .entry-content.single-content figure.wp-block-table{
  width:100% !important;
  margin:32px 0 !important;
}
body.single-post .entry-content.single-content figure.wp-block-image img,
body.single-post .entry-content.single-content figure.wp-block-gallery img{
  display:block !important;
  border-radius:12px !important;
}
body.single-post .entry-content.single-content figcaption{
  margin-top:10px !important;
  color:#667067 !important;
  font-size:.9rem !important;
  line-height:1.65 !important;
  text-align:center !important;
}
body.single-post .entry-content.single-content ul,
body.single-post .entry-content.single-content ol{
  padding-left:1.45rem !important;
  margin-bottom:28px !important;
}
body.single-post .entry-content.single-content li{
  margin-bottom:.55rem !important;
}
body.single-post .entry-content.single-content blockquote{
  margin:32px 0 !important;
  padding:20px 24px !important;
  border-left:4px solid #b86d46 !important;
  border-radius:0 12px 12px 0 !important;
  background:#f4eadf !important;
  color:#343b35 !important;
}
body.single-post .entry-content.single-content .wp-block-gallery{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
body.single-post .entry-content.single-content .wp-block-gallery > *{
  width:100% !important;
  margin:0 !important;
}
body.single-post .entry-content.single-content .dannypingu-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:24px 0 32px !important;
}
body.single-post .entry-content.single-content .dannypingu-photo-grid > *{
  min-width:0 !important;
  margin:0 !important;
}
body.single-post .entry-content.single-content .danny-topic-nav{
  margin:40px 0 32px !important;
  padding:22px 24px !important;
  border:1px solid rgba(31,42,38,.14) !important;
  border-radius:14px !important;
  background:#fbf8f3 !important;
}
@media (max-width:781px){
  body.single-post .entry-content.single-content{
    font-size:17px !important;
    line-height:1.85 !important;
  }
  body.single-post .entry-content.single-content > p:first-of-type{
    font-size:1.05rem !important;
  }
  body.single-post .entry-content.single-content > h2:first-of-type{
    padding:18px 18px 14px !important;
  }
  body.single-post .entry-content.single-content .wp-block-gallery,
  body.single-post .entry-content.single-content .dannypingu-photo-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body.single-post .entry-content.single-content blockquote{
    padding:16px 18px !important;
  }
}

  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
}

body .entry-content h2 {
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  font-weight: 500;
  letter-spacing: -.035em;
}

body .entry-content h2::after {
  width: 30px;
  height: 2px;
  border-radius: 0;
  margin-top: .8rem;
}

body .danny-topic-card,
body .danny-image-card {
  border-radius: 10px !important;
  border-color: var(--dp-line);
  box-shadow: 0 8px 24px rgba(32, 53, 47, .05);
}

body .danny-topic-card:hover,
body .danny-image-card:hover {
  transform: translateY(-2px);
  border-color: rgba(198, 90, 46, .32);
  box-shadow: 0 14px 30px rgba(32, 53, 47, .09);
}

body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  font-weight: 600;
  letter-spacing: -.03em;
}

body .wp-block-button__link,
body .wp-element-button {
  min-height: 44px !important;
  padding: 11px 18px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: .02em;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(198, 90, 46, .16) !important;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .14) !important;
}

.site-header .main-navigation .primary-menu-container a {
  letter-spacing: .035em;
}

body .danny-card-image {
  background: var(--dp-sage);
}

@media (max-width: 767px) {
  body.home .entry-content h1 {
    font-size: clamp(2.2rem, 10vw, 3.1rem) !important;
  }

  body.home .entry-content h1::before {
    font-size: .62rem;
    letter-spacing: .1em;
  }

  body .entry-content h2 {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
  }
}

/* 首屏標題比例修正 */
body.home .entry-content h1 {
  font-size: clamp(2.45rem, 3.6vw, 3.25rem) !important;
  line-height: 1.18;
  letter-spacing: -.035em;
}

/* 內容置中、寬度 1140px */
.entry-content .wp-block-columns.alignwide,
.entry-content .wp-block-group.alignwide,
.entry-content > .wp-block-heading.alignwide {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 全站背景米色 */
body { background-color: #f5efe1 !important; }

/* 縮小頁首與內容之間的空白 */
.site-header { margin-top: 0 !important; }
.content-container { padding-top: 0 !important; margin-top: 0 !important; }

/* 全站按鈕統一尺寸 */
body .wp-block-button__link,
body .wp-element-button {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px;
  font-size: 16px !important;
  line-height: 1.35 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  white-space: normal;
}

/* DannyPingu 專業旅遊媒體視覺系統 */
:root {
  --dp-forest: #2f6653;
  --dp-forest-deep: #20352f;
  --dp-clay: #c65a2e;
  --dp-sage: #e3ece5;
  --dp-cream: #f7f1e8;
  --dp-paper: #fffcf8;
}

body {
  color: var(--dp-forest-deep);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: .01em;
}

#masthead {
  position: relative;
  z-index: 20;
}

.site-header-wrap {
  box-shadow: 0 1px 0 rgba(32, 53, 47, .12), 0 10px 28px rgba(32, 53, 47, .08);
}

.site-header .custom-logo {
  width: auto;
  max-height: 64px;
  object-fit: contain;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.site-header .main-navigation .primary-menu-container a:hover {
  opacity: .82;
  transform: translateY(-1px);
}

.entry-content h2 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
  line-height: 1.28;
  margin-top: clamp(2.8rem, 5vw, 5.5rem);
  margin-bottom: 1.25rem;
}

.entry-content h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--dp-clay);
  margin-top: .7rem;
}

.entry-content h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.02em;
  line-height: 1.4;
}

.danny-topic-card {
  border: 1px solid rgba(47, 102, 83, .16);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 30px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-topic-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .35);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-topic-card h3,
.danny-image-card h3,
.danny-card-body h3 {
  color: var(--dp-forest-deep);
  letter-spacing: -.025em;
}

.danny-image-card {
  overflow: hidden;
  border: 1px solid rgba(47, 102, 83, .14);
  border-radius: 18px;
  background: var(--dp-paper);
  box-shadow: 0 12px 28px rgba(32, 53, 47, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.danny-image-card:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 90, 46, .3);
  box-shadow: 0 18px 40px rgba(32, 53, 47, .14);
}

.danny-image-card img,
.danny-card-image img {
  transition: transform .35s ease, filter .35s ease;
}

.danny-image-card:hover img,
.danny-card-image:hover img {
  transform: scale(1.03);
  filter: saturate(1.04);
}

.danny-card-body {
  padding: 1.15rem 1.2rem 1.35rem;
}

body .wp-block-button__link,
body .wp-element-button {
  box-shadow: 0 8px 18px rgba(198, 90, 46, .18);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body .wp-block-button__link:hover,
body .wp-element-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(198, 90, 46, .25);
  filter: saturate(1.05);
}

.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

@media (max-width: 767px) {
  .site-header .custom-logo {
    max-height: 50px;
  }

  .entry-content h2 {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.25;
  }

  .danny-topic-card,
  .danny-image-card {
    border-radius: 16px;
  }

  .danny-card-body {
    padding: 1rem;
  }

  body .wp-block-button__link,
  body .wp-element-button {
    width: 100%;
    text-align: center;
  }
}

body .entry-content .wp-block-columns > .wp-block-column {
  min-width: 0;
}
body .entry-content .wp-block-columns > .wp-block-column > .wp-block-group {
  height: 100%;
  box-sizing: border-box;
}

/* 統一首頁入口卡片圓角 */
.danny-topic-card { border-radius: 18px !important; }

body .danny-card-image {
  margin: 0 !important;
}
body .danny-card-image img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
}
@media (max-width: 781px) {
  body .danny-card-image img {
    height: 210px;
  }
}

/* 首頁首屏間距收斂 */
body.home #primary {
  margin-top: 32px !important;
}

/* 修正首頁 margin collapse */
body.home #primary {
  margin-top: 0 !important;
}

/* 2026 炭黑・暖白・焦糖棕配色 */
:root {
  --dp-ink: #242522;
  --dp-ink-soft: #5d5d56;
  --dp-forest: #3b4d45;
  --dp-forest-deep: #242522;
  --dp-clay: #a96345;
  --dp-sage: #ece9e2;
  --dp-cream: #f6f4ef;
  --dp-paper: #fffdf9;
}

body,
body.home {
  background-color: var(--dp-cream) !important;
  color: var(--dp-ink) !important;
}

.site-header-wrap,
.site-header {
  background-color: var(--dp-ink) !important;
}

.site-header .main-navigation .primary-menu-container a,
.site-header .header-button-wrap a {
  color: #f6f4ef !important;
}

body .entry-content h2,
body .entry-content h3 {
  color: var(--dp-ink) !important;
}

body .entry-content h2::after {
  background: var(--dp-clay) !important;
}

body .entry-content a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

body .wp-block-button__link,
body .wp-element-button {
  background-color: var(--dp-clay) !important;
  border-color: var(--dp-clay) !important;
  color: #fffaf6 !important;
}

body .wp-block-button.is-style-outline .wp-block-button__link,
body .wp-block-button.is-style-outline .wp-element-button {
  background-color: transparent !important;
  border: 1px solid var(--dp-clay) !important;
  color: var(--dp-clay) !important;
}

body .danny-topic-card,
body .danny-image-card {
  background-color: var(--dp-paper) !important;
  border-color: rgba(36, 37, 34, .16) !important;
}

body .danny-card-image {
  background-color: var(--dp-sage) !important;
}

.site-footer-wrap,
.site-footer {
  background-color: var(--dp-ink) !important;
  color: #e9e4da !important;
}

.site-footer-wrap a,
.site-footer a {
  color: #e9e4da !important;
}

/* 配色一致性修正 */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3 {
  color: var(--dp-ink) !important;
}

body .entry-hero-container-inner {
  background-color: var(--dp-sage) !important;
}

body .entry-header .entry-title {
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button {
  background-color: rgba(255, 250, 246, .94) !important;
  border-color: #fffaf6 !important;
  color: var(--dp-ink) !important;
}

body.home .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.home .wp-block-cover .wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: #fffaf6 !important;
}

/* 首頁卡片文字改為炭灰 */
body.home .entry-content .danny-topic-card h3.wp-block-heading,
body.home .entry-content .danny-image-card h3.wp-block-heading,
body.home .entry-content .danny-card-body h3.wp-block-heading {
  color: #242522 !important;
}

body.home .entry-content .danny-topic-card a:not(.wp-block-button__link):not(.wp-element-button),
body.home .entry-content .danny-image-card a:not(.wp-block-button__link):not(.wp-element-button) {
  color: #875540 !important;
}

/* 最後一層首頁標題色覆寫 */
body.home h3.wp-block-heading {
  color: #242522 !important;
}


/* ============================================================
   [Claude 2026-08-07] 修正區塊
   說明：以上為既有樣式（已移除 244 條重複規則，43,896→10,720 字元）
   以下為本次新增的修正，全部可整段刪除還原
   ============================================================ */

/* --- token 補充 --- */
:root{
  --dp-brand-900:#0B3A2C;
  --dp-brand-700:#16624B;
  --dp-brand-100:#E3ECE5;
  --dp-accent-600:#C2410C;
  --dp-accent-700:#9A3412;
  --dp-surface-alt:#F3EFE7;
  --dp-ink-muted:#5B6169;
  --dp-radius:12px;
}

/* --- 1. Hero 遮罩加深 40%→60%（實測對比 2.51:1 → 4.22:1） --- */
body .wp-block-cover .wp-block-cover__background.has-background-dim-40{
  opacity:.6 !important;
}

/* --- 2. 漢堡選單觸控目標 37×31 → 44×44 --- */
.site-header .menu-toggle,
.site-header .mobile-toggle,
button.menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open{
  min-width:44px !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* --- 3. 卡片標題統一 2 行，修正三欄網格錯位 --- */
body .danny-topic-card h3,
body .danny-image-card h3,
body .danny-card-body h3,
body .entry-content .wp-block-columns .wp-block-group h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* --- 4. 文章表格改版 --- */
body .entry-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(31,42,38,.14);
  border-radius:var(--dp-radius);
  overflow:hidden;
  font-size:15px;
  box-shadow:0 1px 2px rgba(11,58,44,.06);
}
body .entry-content table th{
  background:var(--dp-brand-700);
  color:#fff;
  font-weight:600;
  padding:14px 12px;
  border:0 !important;
  text-align:left;
}
body .entry-content table td{
  padding:14px 12px;
  border:0 !important;
  border-top:1px solid rgba(31,42,38,.12) !important;
  vertical-align:top;
}
body .entry-content table tbody tr:nth-child(even){ background:#FBF8F3; }
body .entry-content table tbody tr:hover{ background:var(--dp-brand-100); }

/* --- 5. 文章內容區加寬 720→840，長文表格更好讀 --- */
@media (min-width:1025px){
  body.single .entry-content,
  body.single .content-container .entry-content-wrap{ max-width:840px; }
}

/* --- 6. 手機版表格橫向捲動 --- */
@media (max-width:781px){
  body .entry-content .wp-block-table,
  body .entry-content figure.wp-block-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body .entry-content table{ font-size:14px; min-width:600px; }
}

/* --- 7. 「正在載入…」對比 2.79:1 → 6.0:1 --- */
.loading, .loading span{ color:var(--dp-ink-muted) !important; }

/* --- 8. 鍵盤焦點外框加粗 1.5px → 2.5px --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2.5px solid currentColor !important;
  outline-offset:2px !important;
}

/* --- 9. H2 顏色跨頁統一（原本深綠/深藍/磚紅三種） --- */
body .entry-content h2{ color:var(--dp-brand-900) !important; }

/* ================= 共用 Hero 元件（三個分類頁統一） ================= */
body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{
  position:relative !important; border-radius:16px !important; overflow:hidden !important;
  padding:76px 44px !important; margin:0 0 48px !important; min-height:360px !important;
  display:flex !important; flex-direction:column !important; justify-content:center !important;
  align-items:flex-start !important; text-align:left !important;
  background-size:cover !important; background-position:center 45% !important; background-repeat:no-repeat !important;
  border:0 !important; box-shadow:0 8px 30px rgba(11,58,44,.18) !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/tokyo-fuji-325116c75b09.jpg?fit=1024%2C768&ssl=1") !important; }
body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero{ background-image:linear-gradient(rgba(28,40,54,.58),rgba(28,40,54,.58)), url("https://i0.wp.com/dannypingu.com/wp-content/uploads/2026/08/chiayi-alishan-camping-sites-IMG_3004.jpg?fit=1024%2C683&ssl=1") !important; }
body.page-id-9266 .entry-content .japan-eyebrow.japan-eyebrow, body.page-id-9060 .entry-content .chiayi-eyebrow.chiayi-eyebrow, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child p{
  display:inline-block !important; background:#E9C46A !important; color:#2D3748 !important;
  font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important;
  padding:6px 15px !important; border-radius:999px !important; margin:0 0 18px !important; width:auto !important;
}
body.page-id-12609 .entry-content > .wp-block-group:first-of-type > .wp-block-group:first-child{
  background:transparent !important; padding:0 !important; margin:0 0 18px !important;
}
body.page-id-9266 .entry-content .japan-hero.japan-hero h1, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero h1, body.page-id-12609 .entry-content > .wp-block-group:first-of-type h1{
  color:#fff !important;
  font-family:-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
  font-size:clamp(2rem,4.2vw,3.15rem) !important; font-weight:800 !important;
  line-height:1.22 !important; letter-spacing:-.02em !important; margin:0 0 18px !important;
  max-width:24ch !important; text-shadow:0 2px 14px rgba(0,0,0,.4) !important;
}
body.page-id-9266 .entry-content .japan-lead.japan-lead, body.page-id-9060 .entry-content .chiayi-lead.chiayi-lead, body.page-id-12609 .entry-content > .wp-block-group:first-of-type > p{
  color:rgba(255,255,255,.94) !important; font-size:17px !important; font-weight:400 !important;
  line-height:1.8 !important; max-width:54ch !important; margin:0 0 12px !important;
  text-shadow:0 1px 10px rgba(0,0,0,.35) !important;
}
body.page-id-9266 .entry-content .japan-note.japan-note, body.page-id-9060 .entry-content .chiayi-update.chiayi-update{
  display:inline-block !important; background:rgba(255,255,255,.16) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important; font-size:14px !important; font-weight:500 !important;
  padding:7px 15px !important; border-radius:999px !important; margin:8px 0 0 !important;
}
@media (max-width:781px){
  body.page-id-9266 .entry-content .japan-hero.japan-hero, body.page-id-9060 .entry-content .chiayi-hero.chiayi-hero, body.page-id-12609 .entry-content > .wp-block-group:first-of-type{ padding:48px 22px !important; min-height:300px !important; border-radius:12px !important; }
}

/* 2026 第二輪：強化首頁、主題頁與文章頁的編輯層級 */
:root {
  --dp-accent: #b86d46;
  --dp-paper: #fbf4ec;
  --dp-ink: #202522;
  --dp-muted: #667067;
  --dp-card: #fffaf4;
}

/* 文章頁：讓標題、封面與正文形成完整的閱讀入口 */
body.single-post .entry-hero.post-hero-section {
  background: #ebe7df !important;
}
body.single-post .entry-hero.post-hero-section .entry-header {
  max-width: 980px !important;
  padding: 50px 24px 42px !important;
}
body.single-post .entry-hero .entry-title {
  max-width: 860px !important;
  margin: 0 auto 18px !important;
  color: var(--dp-ink) !important;
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
  letter-spacing: -.028em !important;
}
body.single-post .entry-hero .entry-meta {
  color: #68706a !important;
  font-size: .95rem !important;
}
body.single-post #primary {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
body.single-post .post-thumbnail {
  width: min(100%, 1020px) !important;
  margin: 34px auto 48px !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #e6ddd1 !important;
  box-shadow: 0 16px 38px rgba(53, 47, 39, .10) !important;
}
body.single-post .post-thumbnail .post-thumbnail-inner {
  aspect-ratio: 16 / 8.4 !important;
  min-height: 0 !important;
}
body.single-post .post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.single-post .entry-content.single-content {
  max-width: 760px !important;
  margin: 0 auto !important;
}
body.single-post .entry-content.single-content > p:first-of-type {
  color: #343b35 !important;
  font-size: 1.14rem !important;
  line-height: 1.92 !important;
  margin-bottom: 34px !important;
}
body.single-post .entry-content.single-content > h2 {
  scroll-margin-top: 110px !important;
  margin-top: 50px !important;
}
body.single-post .entry-content.single-content > h2:first-of-type {
  padding: 20px 24px 16px !important;
  border: 1px solid rgba(184, 109, 70, .24) !important;
  border-radius: 14px !important;
  background: #f4eadf !important;
}
body.single-post .entry-content.single-content figure {
  margin: 32px 0 !important;
}
body.single-post .entry-content.single-content a {
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}

/* 首頁：把三個主要入口做成品牌導覽，而不是普通三欄 */
body.home .entry-content > .wp-block-cover:first-child {
  min-height: 560px !important;
  padding: 92px 28px !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
  gap: 12px !important;
  justify-content: center !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
  min-width: 160px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}
body.home .entry-content > .wp-block-cover:first-child .wp-block-button:first-child .wp-block-button__link {
  background: var(--dp-accent) !important;
  border-color: var(--dp-accent) !important;
}
body.home .entry-content > .danny-topic-cards {
  gap: 20px !important;
  margin-top: 54px !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column {
  padding: 28px 26px !important;
  border: 1px solid rgba(31,42,38,.14) !important;
  border-radius: 16px !important;
  background: var(--dp-card) !important;
  box-shadow: 0 12px 26px rgba(53,47,39,.06) !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-column h3 {
  margin-top: 0 !important;
  font-size: 1.28rem !important;
}
body.home .entry-content > .danny-topic-cards .wp-block-button__link {
  color: var(--dp-ink) !important;
  border-bottom: 1px solid var(--dp-accent) !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
  background: transparent !important;
}
body.home .entry-content > .wp-block-heading {
  margin-top: 72px !important;
}
body.home .entry-content > .wp-block-group.alignfull.has-base-background-color {
  margin-top: 72px !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* 日本主題頁：近期文章第一篇成為明確的精選入口 */
body.page-id-9266 #recent-japan-articles .japan-article-grid {
  gap: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card {
  overflow: hidden !important;
  border: 1px solid rgba(36,72,127,.14) !important;
  border-radius: 16px !important;
  background: #fffdf9 !important;
  box-shadow: 0 12px 28px rgba(36,42,52,.07) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(270px, .82fr) !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child > a {
  min-height: 100% !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
  height: 100% !important;
  min-height: 280px !important;
  object-fit: cover !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 34px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card:not(:first-child) .japan-article-body {
  padding: 22px !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-card h3 {
  line-height: 1.38 !important;
}
body.page-id-9266 #recent-japan-articles .japan-article-link {
  color: #24487f !important;
  font-weight: 700 !important;
}
@media (max-width: 781px) {
  body.single-post #primary {
    padding: 0 18px !important;
  }
  body.single-post .entry-hero.post-hero-section .entry-header {
    padding: 38px 20px 32px !important;
  }
  body.single-post .post-thumbnail {
    margin: 24px auto 34px !important;
    border-radius: 14px !important;
  }
  body.single-post .entry-content.single-content > p:first-of-type {
    font-size: 1.05rem !important;
  }
  body.home .entry-content > .wp-block-cover:first-child {
    min-height: 500px !important;
    padding: 68px 20px !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-buttons {
    align-items: stretch !important;
    flex-direction: column !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  body.home .entry-content > .wp-block-cover:first-child .wp-block-button__link {
    width: 100% !important;
  }
  body.home .entry-content > .danny-topic-cards {
    gap: 14px !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child {
    display: block !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child img {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  body.page-id-9266 #recent-japan-articles .japan-article-card:first-child .japan-article-body {
    padding: 24px !important;
  }
}

/* ---- 分類頁卡片標題統一為品牌綠 ---- */
body #post-9266 .entry-content h3:not(.sd-title),
body #post-9266 .entry-content h4:not(.sd-title),
body #post-9060 .entry-content h3:not(.sd-title),
body #post-9060 .entry-content h4:not(.sd-title){
  color:#16624B !important;
}

/* ---- 日本入口頁段末 CTA 按鈕化 ---- */
body #post-9266 .entry-content a.japan-card-link,
body #post-9266 .entry-content a.japan-article-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35em !important;
  min-height:44px !important;
  margin-top:14px !important;
  padding:10px 20px !important;
  border:1.5px solid #16624B !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#16624B !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-decoration:none !important;
  transition:background .18s ease, color .18s ease !important;
}
body #post-9266 .entry-content a.japan-card-link:hover,
body #post-9266 .entry-content a.japan-article-link:hover{
  background:#16624B !important;
  color:#fff !important;
}


/* 2026-08：文章列表連結可讀性修正 */
body.archive .loop-entry .entry-title,
body.blog .loop-entry .entry-title,
body.search-results .loop-entry .entry-title,
body.archive .loop-entry .entry-title a,
body.blog .loop-entry .entry-title a,
body.search-results .loop-entry .entry-title a,
body.archive .loop-entry .entry-title a:visited,
body.blog .loop-entry .entry-title a:visited,
body.search-results .loop-entry .entry-title a:visited {
  color: #142341 !important;
}

body.archive .loop-entry .entry-taxonomies,
body.blog .loop-entry .entry-taxonomies,
body.search-results .loop-entry .entry-taxonomies,
body.archive .loop-entry .entry-taxonomies a,
body.blog .loop-entry .entry-taxonomies a,
body.search-results .loop-entry .entry-taxonomies a,
body.archive .loop-entry .entry-meta,
body.blog .loop-entry .entry-meta,
body.search-results .loop-entry .entry-meta,
body.archive .loop-entry .entry-meta a,
body.blog .loop-entry .entry-meta a,
body.search-results .loop-entry .entry-meta a,
body.archive .loop-entry .post-more-link,
body.blog .loop-entry .post-more-link,
body.search-results .loop-entry .post-more-link,
body.archive .loop-entry .post-more-link:visited,
body.blog .loop-entry .post-more-link:visited,
body.search-results .loop-entry .post-more-link:visited {
  color: #2f5c4d !important;
}

body.archive .loop-entry .entry-title a:hover,
body.blog .loop-entry .entry-title a:hover,
body.search-results .loop-entry .entry-title a:hover,
body.archive .loop-entry .entry-taxonomies a:hover,
body.blog .loop-entry .entry-taxonomies a:hover,
body.search-results .loop-entry .entry-taxonomies a:hover,
body.archive .loop-entry .entry-meta a:hover,
body.blog .loop-entry .entry-meta a:hover,
body.search-results .loop-entry .entry-meta a:hover,
body.archive .loop-entry .post-more-link:hover,
body.blog .loop-entry .post-more-link:hover,
body.search-results .loop-entry .post-more-link:hover {
  color: #a45f32 !important;
}

body.archive .loop-entry .entry-title a:focus-visible,
body.blog .loop-entry .entry-title a:focus-visible,
body.search-results .loop-entry .entry-title a:focus-visible,
body.archive .loop-entry .entry-taxonomies a:focus-visible,
body.blog .loop-entry .entry-taxonomies a:focus-visible,
body.search-results .loop-entry .entry-taxonomies a:focus-visible,
body.archive .loop-entry .entry-meta a:focus-visible,
body.blog .loop-entry .entry-meta a:focus-visible,
body.search-results .loop-entry .entry-meta a:focus-visible,
body.archive .loop-entry .post-more-link:focus-visible,
body.blog .loop-entry .post-more-link:focus-visible,
body.search-results .loop-entry .post-more-link:focus-visible {
  color: #a45f32 !important;
  outline: 2px solid #c78645;
  outline-offset: 3px;
}