/* a11y-fix.css — 無障礙覆寫層（2026-10-02，對應無障礙標章人工檢測退件報告 DetectLog/197324）
 * 本檔在所有頁面最後載入；只做「覆寫」，不動原本樣式檔，整檔移除即可還原。 */

/* ── 視覺隱藏（報讀軟體仍可讀；不可用 display:none） ── */
.a11y-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* ── CS1140101E / CS2240700E：鍵盤焦點一律有高可見度外框 ── */
html:not(#a11y-x) a:focus-visible,html:not(#a11y-x) button:focus-visible,html:not(#a11y-x) input:focus-visible,html:not(#a11y-x) select:focus-visible,html:not(#a11y-x) textarea:focus-visible,html:not(#a11y-x) summary:focus-visible,html:not(#a11y-x) [role="button"]:focus-visible,html:not(#a11y-x) [role="tab"]:focus-visible,html:not(#a11y-x) [tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid #ffbf47!important;outline-offset:2px!important;box-shadow:0 0 0 6px #0b2444!important}
html:not(#a11y-x) input[type="checkbox"]:focus-visible,html:not(#a11y-x) input[type="radio"]:focus-visible{outline-offset:3px!important}
html main:focus,html #content:focus,html [tabindex="-1"]:focus{outline:none}

/* ── GN1240500E：上方定位點列（定位點 ::: ＋ 網站導覽） ── */
.a11y-bar{position:relative;z-index:100001;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:4px 16px;background:#061a33;color:#ffffff;font-family:"Noto Sans TC",sans-serif;font-size:.875rem;line-height:1.6}
.a11y-bar a{color:#ffffff;text-decoration:underline}
.a11y-acc{display:inline-block;min-width:1.75em;padding:0 .35em;font-weight:700;letter-spacing:.05em;text-decoration:none!important;text-align:center}
.a11y-bar .a11y-acc{color:#ffffff}
.a11y-acc-c,.a11y-acc-z{position:absolute;z-index:6;margin:4px 0 0 6px;border-radius:.25rem;background:#ffffff;color:#12263f!important;box-shadow:0 0 0 1px #12263f;font-family:"Noto Sans TC",sans-serif;font-size:.8125rem;line-height:1.5}
.a11y-acc-wrap{position:relative;height:0;margin:0;padding:0}

/* ── GN1220202E：動態內容暫停／播放鈕 ── */
.a11y-pause{display:inline-flex;align-items:center;gap:.4em;margin:0 0 10px;padding:.35em .9em;border:2px solid #12263f;border-radius:999px;background:#ffffff;color:#12263f;font-family:"Noto Sans TC",sans-serif;font-size:.875rem;font-weight:700;line-height:1.4;cursor:pointer}
.a11y-pause:hover{background:#12263f;color:#ffffff}
.a11y-pause::before{content:"";display:inline-block;width:.7em;height:.8em;border-left:.25em solid currentColor;border-right:.25em solid currentColor;box-sizing:border-box}
.a11y-pause.is-paused::before{width:0;height:0;border-left:.7em solid currentColor;border-right:0;border-top:.45em solid transparent;border-bottom:.45em solid transparent}
.a11y-pause-row{position:relative;z-index:7;display:flex;justify-content:flex-end;margin:0;padding:0}
.a11y-pause-abs{position:absolute;z-index:8;top:12px;right:18px;margin:0}
.km-inner > .a11y-pause-abs{top:-58px;right:0}
.a11y-paused,.a11y-paused *,.a11y-paused::before,.a11y-paused::after,.a11y-paused *::before,.a11y-paused *::after{animation-play-state:paused!important}

/* 純裝飾循環動畫（頁首掃光、扇子飄動、狀態燈、頁尾煙霧、文章 CTA 流光）：改為靜態 */
html .site-header,html .site-header::before,html .site-header::after,html .site-header *,html .site-header *::before,html .site-header *::after,html .footer-scarf,html .footer-scarf::before,html .footer-scarf::after,html .cta-block,html .cta-block::before,html .cta-block::after{animation:none!important}
@media (prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* ── HM1130104E：頁尾欄位標題 h4 → h3，外觀維持不變 ── */
html .footer-col h3.a11y-h4{margin:0 0 14px;color:rgba(255,255,255,.88);font-family:"Noto Serif TC",serif;font-size:17px;font-weight:800;letter-spacing:.1em;line-height:1.7;text-transform:none;writing-mode:horizontal-tb;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}

/* ── 政策頁：內文標題改為真正的 h1／h2，外觀沿用原本行內樣式 ── */
html .entry-content .a11y-h1,html .entry-content .a11y-h2{margin-top:0;font-family:inherit;letter-spacing:inherit;text-transform:none}
html body.page-id-6648 .entry-title,html body.page-id-6649 .entry-title,html body.page-id-6650 .entry-title{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ── WordPress 端：手機／放大 200% 時的選單（原本文章頁沒有選單面板） ── */
.a11y-mnav{display:none}
.a11y-mnav.open{display:flex;flex-direction:column;gap:2px;position:fixed;inset:0;z-index:100002;overflow:auto;padding:20px 22px 32px;background:#0b2444;color:#ffffff;font-family:"Noto Sans TC",sans-serif}
.a11y-mnav a{display:block;padding:.85em .5em;border-bottom:1px solid rgba(255,255,255,.18);color:#ffffff;font-size:1.0625rem;font-weight:700;text-decoration:none}
.a11y-mnav a:hover{background:rgba(255,255,255,.1)}
.a11y-mnav-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:1.125rem;font-weight:900}
.a11y-mnav-close{width:2.75rem;height:2.75rem;border:2px solid #ffffff;border-radius:50%;background:transparent;color:#ffffff;font-size:1.5rem;line-height:1;cursor:pointer}

/* ── HM1240402E：部落格卡片整張只保留一個連結（標題），「閱讀全文」改為非連結文字 ── */
.post-card{position:relative}
.post-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}

/* ── 網站導覽頁（/site-map） ── */
.a11y-ld kbd{display:inline-block;padding:.05em .45em;border:1px solid #5b6b7d;border-radius:.25rem;background:#f3f5f8;color:#12263f;font-family:inherit;font-size:.9375em;line-height:1.5}
.a11y-ld ul,.a11y-ld ol{margin:0 0 1.25rem;padding-left:1.5rem}
.a11y-ld li{margin:.3rem 0}
.a11y-ld .a11y-sitemap-list ol{margin:.3rem 0 .5rem}

/* ════════ GN2140300E / GN2140301E 色彩對比 ════════ */

/* 色票：灰字與藍字加深 */
html:root{--muted:#4A586A;--wd2-muted:#4A586A;--blue:#1F5FA8;--wd2-blue:#1F5FA8;--koumei-muted:#4A586A}

/* 頁尾（全站） */
html .footer-concept .footer-col a{color:#E3EAF3}
html .footer-concept .footer-col a:hover{color:#ffffff}
html .footer-concept .footer-bottom{color:#D5DEEA}
html .footer-company{color:#E3EAF3!important}
html .footer-concept a.footer-line,html .footer-concept .footer-col a.footer-line{color:#ffffff}

/* 淺色底上的金色字 → 深金 */
html .script-label,html .hero .script-label,html .work-section .script-label,html .ai-section .script-label,html .final-cta .script-label{color:#7F5A00}
html .pain-section .script-label{color:#ffffff}
html .wd2-section-light .wd2-kicker,html .wd2-section-paper .wd2-kicker{color:#7F5A00}
html .pain-meta span{color:#7F5A00}
html .brand-proof-stat strong{color:#7F5A00}
html .ai-section .brush-inline{color:#7F5A00;text-shadow:none}
html .tc-price-card .label{color:#7F5A00}
html .ads-price-card.main .ads-price-label{color:#7F5A00}
html #target .wd2-method-card .tag{color:#7F5A00}
html[data-a11y-page="website-design"] .wd2-proof-stats .wd2-hero-stat strong{color:#7F5A00}
html .google-ai-title span{color:#8A5A00}
html .google-ai-overview p{animation:none}
html .gdoc-hl-gold-text{color:#8A4B00}

/* 淺色底上的灰字 */
html .pain-footer small{color:#4A586A}
html .operator-flow li{color:#2F4A70}
html .contact-command-head span{color:#173C73}
html .contact-command p{color:#33475C}
html .wd2-before{opacity:1}
html .service-panel::before{content:none}
html .wd2-page a.gdoc-open-link{color:#0B57D0}

/* 深色底上的金色字 → 淺金；半透明白字 → 實色淺字 */
html .wd2-method-card .tag,html .tc-course-tag,html .ads-target-num,html .ads-hero-card-item span,html .ads-service-card.featured .ads-service-tag,html .about-hero-card .role,html .gdoc-note-tag,html .seo-fstep i,html .contact-step small{color:#FFE3AE}
html #target .wd2-method-card .tag{color:#7F5A00}
html .wd2-hero .wd2-hero-stat strong span:not([data-count]){color:#FFE3AE}
html .contact-standard #what-you-get .wd2-kicker{color:#FFE3AE!important}
html .gdoc-note-blue .gdoc-note-tag{color:#E3EFFC}
html .tc-course-head p,html .tc-course-body h4,html .tc-course-footer span,html .seo-case-body span,html .seo-keyword-row span,html .seo-fstep span,html .seo-metrics-row span,html .map-title span,html .map-node small,html .map-core small,html .contact-step p{color:#E3EAF3}
html .tc-case-body span{color:#F1F4F8}
html .seo-dash-header span,html .tr-map-header span,html .tr-module small{color:#D5DEEA}
html .ads-hero-card-item small{color:#E3EAF3!important;opacity:1!important}
html .contact-dark .wd2-eyebrow{color:#EAF2FC}
html .contact-dark .wd2-section-head p:not(.wd2-eyebrow):not(.wd2-kicker){color:#F1F4F8}

/* 半透明「玻璃卡」改為實色深底，確保文字對比 */
html .contact-dark{background:linear-gradient(135deg,#1a3f6e 0%,#173c73 48%,#0b2444 100%)}
html .contact-step{background:rgba(255,255,255,.06)}
html .system-map-basic{background:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px),#173c73;background-size:34px 34px,34px 34px,auto}
html .map-node,html .map-core{background:#0f2d57}
html .map-results span{background:#0f2d57;color:#ffffff}

/* 首頁「基礎行銷系統」示意圖：原本以絕對定位互相重疊，改為格狀排列，文字不再彼此遮蓋，也不再飄動 */
html .system-map-basic{display:grid;grid-template-columns:1fr 1fr;gap:12px;place-items:stretch;align-content:center;min-height:0;aspect-ratio:auto;padding:24px}
html .system-map-basic::after{display:none}
html .system-map-basic .map-orbit,html .system-map-basic .map-pulse{display:none}
html .system-map-basic .map-title{position:relative;inset:auto;grid-column:1/-1;order:0}
html .system-map-basic .map-node{position:relative;inset:auto;width:auto;min-height:0;order:1;animation:none}
html .system-map-basic .map-node::before{display:none}
html .system-map-basic .map-node-line,html .system-map-basic .map-node-ads{order:3}
html .system-map-basic .map-core{position:relative;inset:auto;grid-column:1/-1;order:2;display:block;width:auto;height:auto;padding:12px 16px;border-radius:8px;transform:none;box-shadow:none}
html .system-map-basic .map-results{position:relative;inset:auto;grid-column:1/-1;order:4}
@media (max-width:480px){html .system-map-basic{grid-template-columns:1fr;padding:18px}}

/* 首頁「行銷三引擎」區塊 */
html .km-hero .km-eyebrow{color:#FFE3AE}
html .km-hero .km-sub{color:#E3EFFC}
html .km-hero .km-tag{background:#0f2d57;color:#E3EFFC}
html .km-hero .km-tag-gold{background:#0f2d57;color:#FFE3AE}
html .km-hero .km-tabs,html .km-hero .km-spon,html .km-hero .km-dots,html .km-hero .km-count{color:#55606E}
html .km-hero .km-url{color:#3D6B22}
html .km-hero .km-stars,html .km-hero .km-spark{color:#8A5A00}
html .km-hero .km-r1{background:#C2264A}
html .km-hero .km-dim{opacity:1}
html .km-hero .km-dim .km-rt,html .km-hero .km-dim .km-url{color:#55606E}

/* ── WordPress：文章、商品、政策頁 ── */
html body.single-post .entry-content h3{color:#B8432B!important}
html body.single-post .entry-content h3::before{background:#0F766E}
html body.single-post .entry-content .cta-block h3{color:#ffffff!important}
html .entry-content mark[style*="#a85f22"]{background:linear-gradient(180deg,transparent 58%,#F3D9B8 58%)!important}
html .entry-content .km-tts{opacity:1}
html .single-post .entry-content a strong,html .single-post .entry-content button strong,html .single-post .entry-content th strong,html .single-post .entry-content [style*="background"] strong{color:inherit}
html .single-post .entry-content pre code{padding:0;border:0;background:transparent;color:inherit}
html .woocommerce-js .woocommerce-breadcrumb,html .woocommerce-js .woocommerce-breadcrumb a{color:#4A586A}
html .woocommerce-page ul.products li.product .ast-woo-product-category{color:#4A586A;opacity:1}
html .entry-content [style*="color:#6b7a94"],html .woocommerce-Tabs-panel [style*="color:#6b7a94"]{color:#4A586A!important}

/* 文章內資訊圖卡（km-fig） */
html .entry-content .km-kl,html .entry-content .km-wm b,html .entry-content .km-grl,html .entry-content .km-ci,html .entry-content .km-fi,html .entry-content .km-hl .km-pct,html .entry-content .km-pb{color:#8F4E12}
html .entry-content .km-ks,html .entry-content .km-url{color:#4A586A}
html .entry-content .km-ttop{background:#8F4E12}
html .entry-content .km-step:nth-child(even) .km-sn{background:#8F4E12}