/* 旅遊險頁（template-parts/travel/page.php）：頁首、intro、延伸導覽、內文、常見問題。比較卡本身在 compare.css */
.tp{--fg:#04002C;--sub:#57546C;--body:#3D3A52;--mute:#78748D;--line:#E4E2EC;--brand:#4737FF;--brandH:#3A2CE0;--yellow:#FFD43B;--lav:#F6F6FE;--lavBd:#A8A3FF;
  background:#F5F5F7;color:var(--fg);font-family:Montserrat,'Noto Sans TC',-apple-system,'Microsoft JhengHei',sans-serif;word-break:normal;-webkit-font-smoothing:antialiased}
.tp *{box-sizing:border-box}
.tp-wrap{max-width:1032px;margin:0 auto;padding:0 16px}
.tp a{text-decoration:none}

/* 頁首 */
.tp-hero{padding:32px 0 100px;background:var(--yellow)}
.tp-company .tp-hero{background:#04002C;color:#fff}
.tp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:500 14px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--body)}
.tp-crumbs a{color:var(--body)}
.tp-crumbs a:hover{color:var(--fg);text-decoration:underline}
.tp-crumbs [aria-current]{color:var(--fg)}
.tp-company .tp-crumbs,.tp-company .tp-crumbs a{font-size:13px;color:rgba(255,255,255,.72)}
.tp-company .tp-crumbs a:hover,.tp-company .tp-crumbs [aria-current]{color:#fff}
.tp-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.tp .tp-h1{margin:14px 0 0;padding:0;font:900 40px/1.25 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);letter-spacing:normal}
.tp-home .tp-h1{margin-top:12px;font-size:clamp(36px,4.6vw,48px);line-height:1.2}
.tp-company .tp-h1{color:#fff}
.tp-h1-hl{color:var(--yellow)}
.tp-lead{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font:700 17px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-badge{display:inline-flex;align-items:baseline;gap:4px;padding:6px 14px 7px;background:#fff;border-radius:10px;transform:rotate(-2.5deg);box-shadow:3px 3px 0 var(--fg)}
.tp-badge b{font:700 26px/1 Montserrat,sans-serif;letter-spacing:-.02em;color:#5B4CF5}
.tp-lead mark{padding:0 2px;background:linear-gradient(transparent 58%,#fff 58%);color:inherit}
.tp-ctas{display:flex;flex-wrap:wrap;gap:10px}
.tp a.tp-cta{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--fg);color:#fff;font:700 15px/1.4 Montserrat,'Noto Sans TC',sans-serif}
.tp a.tp-cta:hover{background:#1C1850;color:#fff}
.tp-company a.tp-cta{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.tp-company a.tp-cta:hover{background:rgba(255,255,255,.18)}
.tp-cta-ic{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}
.tp-cta>span:last-child{display:flex;flex-direction:column}
.tp-cta small{font:500 11.5px/1.3 Montserrat,'Noto Sans TC',sans-serif;color:rgba(255,255,255,.75)}

/* 比較卡在頁面裡：條件列壓在頁首下緣 */
.tp .tc{padding:0}
.tp .tc .tc-bar-w:not(.tc-fixed),.tp .tc .tc-bar-ph.tc-on{margin-top:-76px}
.tp .tc .tc-list{margin-top:28px}

/* intro（舊站 intro）：太長收合 */
.tp-intro{position:relative;margin-top:12px;padding:24px 20px 4px;font:400 15.5px/1.65 Montserrat,'Noto Sans TC',sans-serif;color:var(--body)}
.tp-intro-in{position:relative}
.tp-intro.tp-long:not(.tp-open) .tp-intro-in{max-height:360px;overflow:hidden} /* 約 12 行；收合門檻 400px 見 travel-page.js */
.tp-intro.tp-long:not(.tp-open) .tp-intro-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(rgba(245,245,247,0),#F5F5F7);pointer-events:none}
.tp .tp-intro-more{all:unset;margin-top:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:700 14.5px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);text-decoration:underline 1px var(--fg);text-underline-offset:6px}
.tp .tp-intro-more:hover{text-decoration-thickness:2px}
.tp .tp-intro-more[hidden]{display:none}
.tp-intro-in>*,.tc .tp-intro-in>p{margin:0 0 14px} /* intro 包在比較卡區塊裡，要贏過 compare.css 的 .tc p{margin:0}；段距約行距空白的 2 倍（行高 1.65，使用者 2026-10-22 照參考圖定） */
.tp-intro-in h2,.tp-intro-in .tp-ih{margin:0 0 16px}
.tp-intro-in>*+h2,.tp-intro-in>*+.tp-ih{margin-top:36px}
.tp-intro-in h2,.tp-intro-in .tp-ih{padding:0 0 0 14px;border-left:4px solid var(--fg);font:700 20px/1.4 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-intro-in ul{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.tp-intro-in ul li{position:relative;padding-left:17px}
.tp-intro-in ul li::before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:#FF5A1F}
.tp-intro-in ol{margin:0 0 14px;padding:0 0 0 22px;display:flex;flex-direction:column;gap:12px}
.tp-intro-in li>ul,.tp-intro-in li>ol{margin:6px 0 0}
.tp-intro-in a{color:var(--brand)}
.tp-intro-in a:hover{color:var(--brandH);text-decoration:underline}
.tp-intro-in em{color:var(--mute)}
.tp-intro-in strong{color:var(--fg)}
.tp-intro-in blockquote{margin:14px 0 14px;padding:14px 18px;border:0;border-left:4px solid var(--lavBd);border-radius:0 12px 12px 0;background:#fff;font:inherit;color:inherit}
.tp-intro-in blockquote p{margin:0}

/* 延伸導覽 */
.tp-nav{margin-top:56px;padding:4px 0;border-top:1px solid var(--line)}
.tp-navband{padding:48px 0 56px;background:#F0EEFF} /* 延伸導覽放頁底，淡紫色帶跟白色內文、灰色常見問題分開（使用者 2026-10-29） */
.tp-navband .tp-nav{margin-top:0;padding:0;border-top:0}
.tp-navband .tp-nav nav a[aria-current]{background:#fff} /* 目前這頁：淡紫底上改白底才看得出來 */
.tp-jump{margin:-40px 0 48px;text-align:center;font:500 14px/1.6 Montserrat,'Noto Sans TC',sans-serif} /* 方案卡後跳到頁底導覽；-40px 跟卡片清單後的 72px 合併＝離卡片 32px */
.tp-jump a{color:var(--brand)}
.tp-jump a:hover{color:var(--brandH);text-decoration:underline}
.tp-nav-row{padding:14px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}
.tp-nav-row2{border-top:1px dashed var(--line)}
.tp .tp-nav-h{flex:none;width:7.5em;margin:0;padding:0;font:700 13px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-nav nav{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.tp-nav nav a{margin:0 -6px;padding:0 6px;border-radius:4px;font:400 13px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:#5B5775}
.tp-nav nav a:hover{color:var(--fg);text-decoration:underline}
.tp-nav nav a[aria-current]{background:#EDEBFF;font-weight:700;color:var(--fg)}

/* 內文（舊站 user_guide）：白色色帶；h3 段落做成左標題右內文的卡片 */
.tp-article{margin-top:0;padding:80px 0;background:#fff} /* 區塊之間留白：導覽→內文、內文各大段、內文→常見問題都 72～80px，明顯大於段內間距 */
.tp-content{font:400 16px/1.65 Montserrat,'Noto Sans TC',sans-serif;color:var(--sub)}
/* 舊主題 critical.min.css 直接指定全站 p 的字級與字距，蓋掉容器繼承；這三區的 p 改回跟清單一致 */
.tp-intro p,.tp-content p,.tp-qa-a p{font-size:inherit;line-height:inherit;letter-spacing:normal}
.tp-content>*{margin:0 0 14px}
.tp-content h2,.tp .tp-h2{margin:72px 0 20px;padding:0;font:700 24px/1.35 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);letter-spacing:normal}
.tp-content>h2:first-child,.tp-content>.tp-disc+h2{margin-top:0}
.tp-content>h3{margin:40px 0 12px;padding:0;font:700 19px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);letter-spacing:normal} /* 普通段落的小標（給人從頭讀的；卡片小標見 .tp-art h3，使用者 2026-10-23） */
.tp-content>h2+h3,.tp-content>hr+h3,.tp-content>.wp-block-separator+h3,.tp-content>h3:first-child{margin-top:0}
.tp-content p{margin:0 0 14px}
.tp-content a{color:var(--brand)}
.tp-content a:hover{color:var(--brandH);text-decoration:underline}
.tp-content strong{color:var(--fg);font-weight:700}
.tp-content ul,.tp-content ol{margin:0 0 14px;padding:0 0 0 22px}
.tp-content ul{list-style:none;padding:0}
.tp-content ul>li{position:relative;padding-left:17px}
.tp-content ul>li::before{content:"";position:absolute;left:2px;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--lavBd)}
.tp-content li+li{margin-top:12px} /* 項目間距（intro／內文／常見問題一致）：段距 14px、項目 12px，都要明顯大於行距空白（約 13～14px） */
.tp-content li>ul,.tp-content li>ol{margin:6px 0 0}
.tp-content .wp-block-table{margin:0 0 14px;overflow-x:auto}
.tp-content table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
.tp-content th,.tp-content td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.tp-content th{background:var(--lav);font-weight:700;color:var(--fg)}
.tp-content hr,.tp-content .wp-block-separator{margin:40px 0;border:0;border-top:1px solid var(--line);opacity:1}
/* 卡片後的分隔線拿掉：它把「更多○○常見問題」連結切到下方區塊；連結跟著上方卡片，編輯聲明前拉開成新段落（使用者 2026-10-22） */
.tp-content .tp-art+.wp-block-separator{display:none}
.tp-content .tp-art+.wp-block-separator+p{margin-top:24px}
.tp .tp-content>*+p.tp-disc{margin-top:72px} /* 要贏過下方 .tp-content p.tp-disc 的 margin */
.tp-content blockquote{margin:0 0 14px;padding:14px 18px;border-left:4px solid var(--lavBd);background:var(--lav);border-radius:0 12px 12px 0}
.tp-content blockquote p{margin:0}
.tp-content p.tp-disc{margin:0 0 28px;padding:14px 18px;border:2px solid var(--fg);border-radius:12px;background:var(--yellow);text-align:center;font:700 15px/1.7 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-content p.tp-disc::before{content:"編輯聲明";display:inline-block;margin-right:8px;padding:1px 8px;border-radius:6px;background:var(--fg);color:var(--yellow);font:700 13px/1.6 Montserrat,'Noto Sans TC',sans-serif;vertical-align:1px}
.tp-content .tp-art{display:flex;flex-wrap:wrap;gap:12px 40px;margin:0 0 14px;padding:24px clamp(18px,4vw,28px);border-radius:12px;background:var(--lav)}
.tp-content .tp-art>.wp-block-group__inner-container{display:contents}
.tp-content .tp-art h3{flex:1 1 220px;max-width:280px;margin:0;padding:0;font:700 19px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-content .tp-art-b{flex:999 1 400px;min-width:0}
.tp-content .tp-art-h{flex:1 1 220px;max-width:280px} /* 左欄：標題＋「適合：…」（使用者 2026-10-27） */
.tp-content .tp-art-h h3{max-width:none}
.tp-content .tp-art-h .tp-art-fit{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--sub)}
.tp-content .tp-art-b>.wp-block-group__inner-container>:last-child,.tp-content .tp-art-b>:last-child{margin-bottom:0}
.tp-content p.tp-lab{padding-left:14px;border-left:2px solid var(--lavBd)}

/* 更多方案區塊（共用條件列）：間距放在卡片清單後方（72px）＋每組標題前（56px），上下相鄰的 margin 合併取大＝組間 72px；
   某組在目前條件下沒方案被藏起來時，它的留白跟著消失，下一個看得到的組接在條件列／intro 後還是 56px（使用者 2026-10-29；導覽前因此是 72px，使用者同意） */
.tp:not(.tp-concept) .tc .tc-list{margin-bottom:72px}
.tp:not(.tp-concept) .tc+.tc .tc-intro>.tc-head:first-child .tc-sect{margin-top:56px}
.tp .tp-blk-d{font:400 15.5px/1.65 Montserrat,'Noto Sans TC',sans-serif;color:var(--body)}
.tp .tp-blk-d>*{margin:0 0 14px}
.tp .tp-blk-d a{color:var(--brand)} /* 區塊說明的連結要看得出來（同 intro；使用者 2026-10-28） */
.tp .tp-blk-d a:hover{color:var(--brandH);text-decoration:underline}
/* 文字裡的連結平常就加底線：不只靠顏色辨認（品牌紫也用在 PRODUCT 小標等裝飾；使用者 2026-10-29）；導覽、麵包屑、卡片式連結不加 */
.tp-intro-in a,.tp-jump a,.tp-content a:not(.wp-element-button),.tp .tp-blk-d a,.tp-qa-a a,.cc-text a,.cc-box a,.cc-none a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* 公司頁：投保條件及注意事項（內文區塊，後台直接編輯；使用者 2026-10-29 跟同步資料脫鉤，tools/travel_pages/specs_to_content.py 轉的）：
   詳情區塊 .tp-spec（一個商品一個，淡紫底跟內文卡片一致）＞群組 .tp-spec-row（段落 .tp-spec-k 欄名＋群組 .tp-spec-v 內容） */
.tp-content>.tp-spec{margin:0 0 12px;border-radius:12px;background:var(--lav)}
.tp-content>.tp-spec:has(+:not(.tp-spec)){margin-bottom:14px}
.tp-spec summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font:700 16.5px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-spec summary::-webkit-details-marker{display:none}
.tp-spec summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(#5B4BFF,#5B4BFF) center/14px 2px no-repeat,linear-gradient(#5B4BFF,#5B4BFF) center/2px 14px no-repeat} /* 同常見問題的 ＋／－ */
.tp-spec[open] summary::after{background:linear-gradient(#5B4BFF,#5B4BFF) center/14px 2px no-repeat}
/* 群組區塊在這個主題會多包一層 .wp-block-group__inner-container（同 .tp-art），兩種都要寫 */
.tp-spec>.tp-spec-row{margin:0 20px;padding:14px 0;border-top:1px solid #E4E2F3;font-size:15px;line-height:1.65}
.tp-spec>.tp-spec-row,.tp-spec-row>.wp-block-group__inner-container{display:flex;gap:8px 24px}
.tp-spec-row>.wp-block-group__inner-container{flex:1;min-width:0}
.tp-spec>.tp-spec-row:last-child{margin-bottom:8px}
.tp-spec .tp-spec-k{flex:none;width:6em;margin:0;font-weight:700;color:var(--fg)}
.tp-spec .tp-spec-v{flex:1;min-width:0;margin:0}
.tp-spec-v>*,.tp-spec-v>.wp-block-group__inner-container>*{margin:0}
.tp-spec-v>*+*,.tp-spec-v>.wp-block-group__inner-container>*+*{margin-top:10px}
.tp-spec-v>.tp-spec-who+*,.tp-spec-v>.wp-block-group__inner-container>.tp-spec-who+*{margin-top:4px}
.tp-spec .tp-spec-who{font-weight:700;color:var(--fg)}
.tp-spec li+li{margin-top:6px}
.tp-spec li::before{top:.75em}

/* 常見問題 */
.tp-faqband{padding:72px 0 80px;background:#F5F5F7} /* 常見問題自成灰色色帶，和白色內文區分開（使用者 2026-10-22） */
.tp-faq{margin-top:0}
.tp .tp-faq .tp-h2{margin-top:0}
.tp-faq-list{border-top:1px solid var(--line)}
.tp-qa{border-bottom:1px solid var(--line)}
.tp-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font:700 16.5px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp-qa summary::-webkit-details-marker{display:none}
.tp-qa-ic{flex:none;position:relative;width:14px;height:14px}
.tp-qa-ic::before,.tp-qa-ic::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:1px;background:#5B4BFF;transition:transform .15s}
.tp-qa-ic::after{transform:rotate(90deg)}
.tp-qa[open] .tp-qa-ic::after{transform:rotate(0)}
.tp-qa-a{padding:0 4px 20px;font:400 16px/1.65 Montserrat,'Noto Sans TC',sans-serif;color:var(--sub)}
.tp-qa-a>*{margin:0 0 14px}
.tp-qa-a>:last-child{margin-bottom:0}
.tp-qa-a ul{margin:0 0 14px;padding:0;list-style:none}
.tp-qa-a li+li{margin-top:12px}
.tp-qa-a ul>li{position:relative;padding-left:17px}
.tp-qa-a ul>li::before{content:"";position:absolute;left:2px;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--lavBd)}
.tp-qa-a ol{padding-left:22px}
.tp-qa-a a{color:var(--brand)}
.tp-qa-a strong{color:var(--fg)}

@media (max-width:640px){
  .tp-hero{padding:24px 0 64px}
  .tp .tp-h1{font-size:30px}
  .tp-home .tp-h1{font-size:32px}
  .tp-lead{font-size:15px}
  .tp .tc .tc-bar-w:not(.tc-fixed),.tp .tc .tc-bar-ph.tc-on{margin-top:-40px}
  .tp-intro{padding:20px 4px 4px}
  .tp-nav-row{gap:6px 16px}
  .tp .tp-nav-h{width:100%}
  .tp-article{padding:56px 0}
  .tp-content h2,.tp .tp-h2{margin-top:56px;font-size:22px}
  .tp-spec summary{padding:16px}
  .tp-spec>.tp-spec-row{margin:0 16px}
  .tp-spec>.tp-spec-row,.tp-spec-row>.wp-block-group__inner-container{flex-direction:column}
  .tp-spec>.tp-spec-row:last-child{margin-bottom:6px}
  .tp-faqband{padding:56px 0}
  .tp .tp-content>*+p.tp-disc{margin-top:56px}
}

/* 網站頁首：一般排版、不疊在頁首區塊上（首頁掛在分類頁，分類頁原本是透明固定頁首） */
body.tp-page .header{position:relative!important;top:0!important} /* 登入時頁首另有 top:32px（給固定頁首讓位給管理列），改成一般排版後要拿掉 */
body.tp-page .header::after{background:#04002c}
body.tp-page .header .main-menu-wrapper>nav{display:flex;justify-content:center} /* 主選單置中，同 bobe.ai 首頁（使用者 2026-10-28） */
/* 公司頁：深藍頁首、白 logo、白選單字。文章版型的頁首規則（B2 白底、A1／A2 透明）權重較高，要 !important 蓋掉 */
body.tp-page-company .header::after{background:#04002c!important}
/* logo 和主題頁用同一個 svg、深色字改白（後台的白色 logo 圖含公司全名，bobe 字小很多） */
body.tp-page-company .header .logo .dark{display:block!important}
body.tp-page-company .header .logo .white,body.tp-page-company .header .logo .default{display:none!important}
body.tp-page-company .header .logo .dark path[fill="#282828"]{fill:#fff}
body.tp-page-company .header .main-menu>li>a,body.tp-page-company .header .main-menu>li>.submenu-toggle{color:#fff!important}
/* 選單打開時是淺紫底板（蓋住頁首）：logo、選單字、對話圖示換回深色，比照原站 */
body.tp-page-company .header:has(.main-menu:hover) .logo .dark path[fill="#282828"]{fill:#282828}
body.tp-page-company .header:has(.main-menu:hover) .hm-chat{color:#04002c!important}
body.tp-page-company .header .mobile-menu-toggle-open span:after{background:#e6e3ff!important}
body.tp-page-company .header .hm-chat{color:#fff!important}
/* 首頁、主題頁：頁首和黃色頁首區塊連成一片；深色 logo、選單字（比照 B2 文章的白頁首寫法） */
body.tp-page-home .header::after,body.tp-page-topic .header::after,body.tp-page-concept .header::after{background:#FFD43B!important} /* 首頁掛在分類頁：主題對分類頁頁首設透明，權重較高 */
body.tp-page-home .header .logo .dark,body.tp-page-topic .header .logo .dark,body.tp-page-concept .header .logo .dark{display:block!important}
body.tp-page-home .header .logo .white,body.tp-page-topic .header .logo .white,body.tp-page-concept .header .logo .white,body.tp-page-home .header .logo .default,body.tp-page-topic .header .logo .default,body.tp-page-concept .header .logo .default{display:none!important}
body.tp-page-home .header .main-menu>li>a,body.tp-page-home .header .main-menu>li>.submenu-toggle,
body.tp-page-topic .header .main-menu>li>a,body.tp-page-concept .header .main-menu>li>a,body.tp-page-topic .header .main-menu>li>.submenu-toggle,body.tp-page-concept .header .main-menu>li>.submenu-toggle{color:#04002c}
body.tp-page-home .header .mobile-menu-toggle-open span:before,body.tp-page-home .header .mobile-menu-toggle-open span:after,
body.tp-page-topic .header .mobile-menu-toggle-open span:before,body.tp-page-concept .header .mobile-menu-toggle-open span:before,body.tp-page-topic .header .mobile-menu-toggle-open span:after,body.tp-page-concept .header .mobile-menu-toggle-open span:after{background:#04002c}
body.tp-page-home .header .toggle-member-menu-btn,body.tp-page-topic .header .toggle-member-menu-btn,body.tp-page-concept .header .toggle-member-menu-btn{color:#04002c}
body.tp-page-home .header .hm-chat,body.tp-page-topic .header .hm-chat,body.tp-page-concept .header .hm-chat{color:#04002c}
body.tp-page-home .header .hm-user,body.tp-page-topic .header .hm-user,body.tp-page-concept .header .hm-user{background:#fff} /* 黃頁首上，頭像的黃圓底會看不見 */
/* 選單打開（各旅遊險頁）：選單字深色、滑到的那項主色；淺紫底板加陰影，不然在淺灰內文上看不出邊 */
body.tp-page .header .main-menu:hover>li>a,body.tp-page .header .main-menu:hover>li>.submenu-toggle{color:#04002c!important}
body.tp-page .header .main-menu>li:hover>a,body.tp-page .header .main-menu>li:hover>.submenu-toggle{color:#4737FF!important}
body.tp-page .header .desktop-mega-menu-wrapper{box-shadow:0 14px 36px rgba(4,0,44,.18)}
/* 編輯器色票（functions.php editor-color-palette）：主題的 has-*-color 只寫在 .article-content，旅遊險頁要另外補；內文 strong 有自己的顏色，包在色字裡要跟著變 */
.tp .has-han-purple-color{color:#4737FF}.tp .has-han-purple-background-color{background-color:#4737FF}.tp .has-red-orange-color{color:#FF4713}.tp .has-red-orange-background-color{background-color:#FF4713}.tp .has-flirtatious-color{color:#FFD337}.tp .has-flirtatious-background-color{background-color:#FFD337}.tp .has-eerie-black-color{color:#282828}.tp .has-eerie-black-background-color{background-color:#282828}.tp .has-davys-grey-color{color:#4A4A4A}.tp .has-davys-grey-background-color{background-color:#4A4A4A}.tp .has-grey-web-color{color:#7E7E7E}.tp .has-grey-web-background-color{background-color:#7E7E7E}.tp .has-silver-chalice-color{color:#B3B3B3}.tp .has-silver-chalice-background-color{background-color:#B3B3B3}.tp .has-gainsboro-color{color:#DFDFDF}.tp .has-gainsboro-background-color{background-color:#DFDFDF}.tp .has-culture-color{color:#F7F7F7}.tp .has-culture-background-color{background-color:#F7F7F7}.tp .has-stroke-color{color:#EFEFEF}.tp .has-stroke-background-color{background-color:#EFEFEF}.tp .has-cultured-light-color{color:#FAFAFA}.tp .has-cultured-light-background-color{background-color:#FAFAFA}.tp .has-white-color{color:#FFFFFF}.tp .has-white-background-color{background-color:#FFFFFF}
.tp .has-inline-color strong,.tp .has-inline-color em{color:inherit}

/* 保障項目頁（template-parts/travel/concept.php；版型規格 tools/travel_pages/concept_pages_layout_spec.md，參考稿「旅遊險-保障項目 班機延誤」2026-10-28） */
.tp-concept{background:#fff}
.cc-head{padding:32px 0 0} /* 麵包屑高度對齊主題頁（.tp-hero 上 padding 32px） */
.tp .cc-h1{margin:12px 0 0;padding:0;font:900 40px/1.2 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp .cc-h1{margin-bottom:28px}
.cc-body{padding-bottom:56px}
/* 每段：標題在左 200px、內容單欄在右；段與段之間細線（設計稿 v3） */
.cc-sec{display:flex;flex-wrap:wrap;gap:12px 40px;padding:36px 0}
.cc-sec:first-child{padding-top:0}
.cc-sec+.cc-sec{border-top:1px solid #E6E4EE}
.cc-sec-h{flex:0 0 200px}
.cc-sec-b{flex:1 1 480px;min-width:0}
.tp .cc-h2{margin:0;padding:0 0 0 14px;border-left:4px solid var(--yellow);font:700 20px/1.4 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.cc-text{font:400 16px/1.65 Montserrat,'Noto Sans TC',sans-serif;color:var(--body)}
.tp .cc-text p,.tp .cc-box p,.tp .cc-text li,.tp .cc-box li{font:inherit;color:inherit} /* 主題全站 p 有自己的字級（17.7px），這裡跟著欄位字級 */
.tp .cc-text p{margin:0 0 14px;text-wrap:pretty}
.tp .cc-text .cc-lead{margin:0 0 4px;font:700 17px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.cc-text>:last-child,.cc-box>:last-child{margin-bottom:0}
.cc-text strong{font-weight:700;color:var(--fg)}
.cc-text a,.cc-box a,.cc-none a{color:var(--brandH)}
.cc-text a:hover,.cc-box a:hover,.cc-none a:hover{text-decoration:underline;text-underline-offset:2px}
.cc-text ul,.cc-text ol{margin:0 0 14px;padding:0 0 0 22px}
.cc-text li+li,.cc-box li+li{margin-top:12px} /* 同主要頁面：行高 1.65、段距 14px、項目 12px，換段／換項明顯大於行距空白 */
.cc-text li>ul,.cc-text li>ol{margin:6px 0 0}
/* 保額數字列 */
.cc-stats{margin:18px 0 0;padding-top:14px;border-top:1px solid #E6E4EE;display:flex;flex-wrap:wrap;gap:10px 28px}
.cc-stats div{display:flex;flex-direction:column}
.cc-stats dt{font:500 12px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--mute)}
.tp .cc-stats dd{margin:0;font:700 17px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
/* 框：不理賠（接在「通常怎麼賠」內容後）、申請理賠 */
.cc-box{padding:20px 22px;border-radius:12px;font:400 15px/1.65 Montserrat,'Noto Sans TC',sans-serif;color:var(--body)}
.cc-text .cc-box{margin-top:24px}
.cc-excl{background:#F0EEFF}
.cc-docs{background:#F6F6FE}
.tp .cc-box .cc-box-t{margin:0 0 8px;font:700 15px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.cc-box ul{margin:0;padding:0 0 0 22px}
.cc-box ol{margin:0;padding:0 0 0 20px}
.cc-box li>ul{margin:6px 0 0;padding-left:20px;list-style:circle}
.tp .cc-box ul~p,.tp .cc-box ol~p{margin:14px 0 0;font-size:14px;line-height:1.65;color:var(--sub)}
/* 警語 */
.tp .cc-warn{margin:4px 0 0;padding:14px 18px;border:2px solid var(--fg);border-radius:12px;background:var(--yellow);font:700 15px/1.7 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);text-wrap:pretty}
.cc-warn-tag{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:6px;background:var(--fg);color:var(--yellow);font:700 13px/1.6 Montserrat,'Noto Sans TC',sans-serif;vertical-align:1px}
.cc-plans{padding:48px 0 56px;background:#F5F5F7}
.tp .cc-plans-h{margin:0 0 18px;padding:0;font:700 24px/1.4 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg)}
.tp .cc-sect{margin:0 0 20px}
.tp-concept .tc .tc-bar-w:not(.tc-fixed),.tp-concept .tc .tc-bar-ph.tc-on{margin-top:0} /* 主題頁的條件列壓在頁首下緣；這裡沒有頁首色塊 */
.tp .cc-all{margin:8px auto 0;width:min(100%,420px);height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--fg);color:#fff;font:700 17px Montserrat,'Noto Sans TC',sans-serif;transition:background .15s}
.tp .cc-all:hover{background:#1C1850;color:#fff}
.cc-none{margin:0;font:400 16px/1.85 Montserrat,'Noto Sans TC',sans-serif;color:var(--body)}
.cc-faq{padding:56px 0 48px;background:#fff}
.cc-navband{padding:24px 0;background:#F5F5F7}
.tp .cc-nav{margin-top:0;padding:0;border-top:0}
.tp .cc-nav .tp-nav-row{border-top:0;border-bottom:1px dashed #D9D7E3}
@media (max-width:640px){
  .cc-head{padding-top:24px} /* 同主題頁手機 .tp-hero */
  .tp .cc-h1{font-size:32px}
}

/* 保障項目總覽（template-parts/travel/concept-index.php，設計稿「旅遊險-保障項目總覽」2026-10-28） */
.ci-body{padding-bottom:80px;display:flex;flex-direction:column;gap:20px}
.ci-grp{padding-top:12px}
.ci-grp .cc-h2{margin-bottom:14px}
.tp .ci-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tp .ci-list li{display:flex;margin:0}
.tp .ci-list a{flex:1;padding:14px 16px;border:1px solid #DCDAE6;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 16px/1.5 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);transition:border-color .15s,color .15s}
.tp .ci-list a:hover{border-color:var(--brandH);color:var(--brandH)}
.ci-arr{color:#9A97AD}
.ci-cta{margin-top:36px;padding:40px;border-radius:20px;background:#F0EEFF;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.ci-cta-t{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:8px}
.tp .ci-cta-h{margin:0;padding:0;font:900 28px/1.35 Montserrat,'Noto Sans TC',sans-serif;color:var(--fg);text-wrap:pretty}
.tp .ci-cta-t p{margin:0;font:400 15px/1.7 Montserrat,'Noto Sans TC',sans-serif;color:var(--body);text-wrap:pretty}
.tp .ci-cta-btn{flex:none;height:56px;padding:0 32px;display:flex;align-items:center;gap:10px;border-radius:999px;background:var(--fg);color:#fff;font:700 17px Montserrat,'Noto Sans TC',sans-serif;transition:background .15s}
.tp .ci-cta-btn:hover{background:#1C1850;color:#fff}
@media (max-width:640px){
  .ci-cta{padding:28px 20px}
  .tp .ci-cta-h{font-size:24px}
}