/* ── 全站配色：品牌晴空藍 ──
   放在每頁最後載入，覆蓋原本的深藍金色主題。
   主色取自詮達 Logo 的品牌藍；上方改淺色、頁尾保留深色收尾。 */
:root{
  --navy-950:#0F2A4F;   /* 頁尾等最深色 */
  --navy-900:#163E73;   /* 主要文字、深色按鈕 */
  --navy-800:#1A4A8E;   /* 品牌藍（Logo 色） */
  --navy-700:#2459A6;
  --navy-600:#3B6FB8;
  --gray-50:#F6F9FC;    /* 頁面底色：帶一點藍的白 */
  --gray-100:#E8EEF5;
  --sky-50:#EEF4FB;     /* 淺藍區塊 */
  --sky-100:#E1EBF7;
  --line:rgba(26,74,142,.18);
  --line-strong:rgba(201,169,97,.6);
}

/* 上方資訊列 */
html .topbar{background:var(--sky-100);color:var(--navy-800)}
html .topbar a{color:var(--navy-800);font-weight:500}
html .topbar a:hover{color:var(--navy-950)}

/* 頁首：白底、品牌藍 Logo */
html header.site{background:rgba(255,255,255,.97);border-bottom:1px solid var(--gray-100);box-shadow:0 4px 20px -14px rgba(15,42,79,.35)}
html .brand-logo{mix-blend-mode:multiply;height:42px;margin:0}
html .menu{color:#2A2E35}
html .menu a:hover,html .menu a.active{color:var(--navy-800)}
html .menu a::after{background:var(--navy-800)}
html .cta{border-color:var(--navy-800);color:var(--navy-800)}
html .cta:hover{background:var(--navy-800);color:#fff}
html .nav-toggle{border-color:var(--gray-100)}
html .nav-toggle span{background:var(--navy-800)}
html .menu-drop-panel{background:#fff;border-color:var(--gray-100);box-shadow:0 24px 50px -20px rgba(15,42,79,.35)}
html .menu .menu-drop-panel a{color:#2A2E35}
html .menu .menu-drop-panel a small{color:#7A8494}
html .menu .menu-drop-panel a:hover{background:var(--sky-50);color:var(--navy-800)}
@media (max-width:980px){
  html .nav-open .menu{background:#fff;border-color:var(--gray-100)}
  html .nav-open .menu>a,html .nav-open .menu-drop>a{border-color:var(--gray-100)}
}
/* 頁首與頁尾 Logo 一律 42px，手機也一樣 */

/* 首頁大圖：遮罩變淡（照片由輪播帶入） */
html .hero{background-color:#163E73}
html .hero::before{border-color:rgba(255,255,255,.45);z-index:1}
html .hero .eyebrow{color:#fff}
html .hero .eyebrow::before,html .hero .eyebrow::after{background:#fff}
html .hero h1 em{color:#F6E7C1}
html .btn-primary{background:var(--navy-800);color:#fff}
html .btn-primary:hover{background:var(--navy-950);color:#fff}

/* 內頁標題區：遮罩變淡 */
html .page-hero{background:
  linear-gradient(135deg,rgba(15,42,79,.62) 0%,rgba(26,74,142,.40) 100%),
  url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=2400&q=80') center/cover}
html .page-hero .crumbs a,html .page-hero .page-eyebrow{color:#F6E7C1}
html .page-hero .page-eyebrow::before,html .page-hero .page-eyebrow::after{background:#F6E7C1}
html .page-hero h1 em{color:#F6E7C1}

/* 首頁輪播條 */
html .promo{background:#F6EEDB;color:var(--navy-900)}
html .promo-dots i.on{background:var(--navy-800)}

/* 首頁各區塊 */
html .about-strip-text h2 span{color:var(--navy-800)}
html .more-banner{background:linear-gradient(120deg,var(--navy-800) 0%,var(--navy-900) 100%);border-color:transparent}
html .more-banner:hover{background:linear-gradient(120deg,var(--navy-700) 0%,var(--navy-800) 100%)}
html .more-banner-text em{color:#F6E7C1}
html .idea::before{background:var(--navy-800)}
html .idea:hover{border-color:var(--navy-700)}
html .month.now::after{color:#fff}
html .idea-tags span{background:var(--sky-50);color:var(--navy-900)}
html .guide-strip{background:var(--sky-50)}

/* 門市據點：淺藍底白卡片 */
html .contact{background:var(--sky-50);color:#2A2E35}
html .contact .sec-title{color:var(--navy-900)}
html .contact .sec-sub{color:#5C6470}
html .contact .sec-eyebrow{color:var(--gold-500)!important}
html .branch{background:#fff;border-color:var(--gray-100);box-shadow:0 12px 30px -20px rgba(15,42,79,.35)}
html .branch:hover{background:#fff}
html .branch::before,html .branch::after{border-color:var(--gold-500)}
html .branch .label{color:var(--gold-500)}
html .branch h4{color:var(--navy-900)}
html .branch ul{color:#5C6470}
html .branch ul li{border-color:var(--gray-100)}
html .branch ul li .k{color:var(--gold-500)}
html .branch ul li .v{color:#2A2E35}
html .branch-map{border-color:var(--navy-800);color:var(--navy-800)}
html .branch-map:hover{background:var(--navy-800);color:#fff}
html .contact-bar{background:#fff;border-color:var(--gray-100);backdrop-filter:none}
html .contact-bar-item .k{color:var(--gold-500)}
html .contact-bar-item .v,html .contact-bar-item .v a{color:var(--navy-900)}
html .contact-bar-item .v{font-family:"Inter","Noto Sans TC","PingFang TC",sans-serif;font-size:18px;font-weight:500;letter-spacing:.03em;font-variant-numeric:lining-nums tabular-nums}
html .contact-bar-item .k{font-size:11px;letter-spacing:.3em}
html .contact-bar-item .v a:hover{color:var(--navy-700)}
html .btn-tel{background:var(--navy-800);color:#fff}
html .btn-tel:hover{background:var(--navy-950)}

/* 內頁元件 */
html .btn-navy{background:var(--navy-800);color:#fff}
html .btn-navy:hover{background:var(--navy-950)}
html .line-banner{background:linear-gradient(120deg,var(--navy-800) 0%,var(--navy-900) 100%);border-color:transparent}
html .line-banner span{color:#F6E7C1}
html .page-sec.alt{background:#fff}
html .guide-link.current{background:var(--sky-50);border-color:var(--navy-700)}
html .chip[aria-pressed="true"],html .chip[aria-selected="true"]{color:#fff}
html .tab[aria-selected="true"]{border-bottom-color:var(--navy-800)}

/* 頁尾：保留深藍收尾 */
html footer{background:var(--navy-950)}

/* 手機版上方資訊列：只留「防詐騙提醒｜電話」一行置中，營業時間與 Email 在頁面下方都看得到 */
@media (max-width:600px){
  html .topbar-inner{flex-direction:row;justify-content:center;gap:0;padding:9px 16px;font-size:13px}
  html .topbar-inner>span:first-child{display:none}
  html .topbar a[href^="mailto:"]{display:none}
  html .topbar a{margin:0}
  html .topbar a[href^="tel:"]::before{content:"｜";margin:0 12px;color:rgba(26,74,142,.35)}
}

/* ── 字級加大（全站閱讀更舒服）──
   內文約放大 1–2px，小標籤、按鈕、頁尾一併放大 */
html .topbar{font-size:13.5px}
html .menu{font-size:15.5px}
html .cta{font-size:14px}
html .menu .menu-drop-panel a{font-size:15px}
html .menu .menu-drop-panel a small{font-size:12.5px}

/* 首頁 */
html .about-strip-text p{font-size:16.5px}
html .about-strip-link{font-size:14px}
html .sec-eyebrow{font-size:12px}
html .sec-sub{font-size:18.5px}
html .more-banner-text em{font-size:16.5px}
html .month{font-size:16px}
html .month small{font-size:11px}
html .season span{font-size:14px}
html .idea-top b{font-size:20px}
html .idea p{font-size:16px;line-height:1.8}
html .idea-tags span{font-size:13.5px;padding:4px 12px}
html .idea .go{font-size:14.5px}
html .dlg-lead,html .dlg-body ul{font-size:16.5px}
html .dlg-tip,html .dlg-when{font-size:15px}
html .guide-link b{font-size:18px}
html .guide-link small{font-size:14px}
html .branch .label{font-size:12px}
html .branch ul{font-size:15px}
html .branch ul li .k{font-size:13px}
html .branch-map{font-size:14.5px}
html .contact-bar-item .k{font-size:12px}
html .btn-line,html .btn-tel{font-size:14px}

/* 內頁共用 */
html .crumbs{font-size:13.5px}
html .page-hero p{font-size:16.5px}
html .card p,html .card ol,html .card ul{font-size:16px}
html .card h4{font-size:14px}
html .meta{font-size:15px}
html .tip{font-size:15.5px}
html .note{font-size:14px}
html .updated{font-size:13px}
html .line-banner span{font-size:15px}
html .btn-line,html .btn-navy,html .btn-outline{font-size:15px}

/* 各頁專屬 */
html .faq summary{font-size:18px}
html .faq .a{font-size:16px}
html .kw,html .kw button{font-size:14px}
html .country .name b{font-size:19px}
html .country .name small{font-size:14px}
html .country .body{font-size:16px}
html .country .incl{font-size:14.5px}
html .country .cta-line{font-size:15.5px}
html .guide-block>summary{font-size:18px}
html .guide-block .body{font-size:16px}
html .days{font-size:15.5px}
html .warn-box{font-size:15px}
html .alert ol{font-size:16px}
html .quick button{font-size:15px}
html .badge{font-size:13px}
html .info p{font-size:16px}
html .info b{font-size:13px}
html .emergency-item span{font-size:15px}
html .pick{font-size:16px}
html .ck-item{font-size:16.5px}
html .ins-card p,html .ins-card li,html .qa-item p,html .pr p,html .scam p,html .step p,html .who-txt p{font-size:15.5px}
html .check div{font-size:15.5px}
html .co b{font-size:16.5px}
html .co span{font-size:13.5px}
html .how{font-size:15.5px}
html .t-link b{font-size:17px}
html .flow p{font-size:14.5px}
html .need span,html .svc div{font-size:15.5px}

/* 頁尾 */
html .footer-col ul{font-size:14.5px}
html .footer-col h6{font-size:13px}
html .footer-brand p,html .footer-links{font-size:14.5px}
html .footer-bot,html .footer-legal{font-size:13px!important}

/* LINE 浮動按鈕 */
html .line-float{font-size:15px}

@media (max-width:600px){
  html .idea-top b{font-size:19px}
  html .sec-sub{font-size:17px}
  html .faq summary{font-size:17px}
}
/* 選單 8 個項目：中等寬度螢幕縮小間距，文字不折行 */
html .menu>a,html .menu-drop>a{white-space:nowrap}
@media (min-width:981px) and (max-width:1240px){ html .menu{gap:18px;letter-spacing:.04em} }
@media (min-width:981px) and (max-width:1100px){ html .menu{gap:13px;letter-spacing:0;font-size:15px} html .cta{padding-left:14px;padding-right:14px} }

/* 簽證等資訊的參考聲明 */
html .disclaimer{margin-top:14px;padding:10px 14px;background:#F6F8FB;border-left:3px solid #9AA6B5;font-family:"Inter","Noto Serif TC",sans-serif;font-size:14px;line-height:1.7;color:#5C6470}
html .disclaimer a{color:var(--navy-700);text-decoration:underline;font-weight:500}