/* Site Theme Appearance — Light / Dark / SoftWhite（與 Shell 正交）
   data-appearance on html|body；Header/Footer 吃 --site-* 變數。
*/
:root,
[data-appearance="light"] {
    --site-bg: #f7f7f7;
    --site-surface: #ffffff;
    --site-text: #1a1a1a;
    --site-text-muted: #6c757d;
    --site-navy: #0b0454;
    --site-accent: #c52d2f;
    --site-wa: #25d366;
    --site-border: rgba(11, 4, 84, 0.12);
    --site-border-strong: rgba(11, 4, 84, 0.2);
    --site-shadow: rgba(11, 4, 84, 0.06);
    --site-footer-heading: #0b0454;
    --site-footer-link: #212529;
    --site-footer-muted: #6c757d;
}

[data-appearance="dark"] {
    --site-bg: #12141a;
    --site-surface: #1c1f28;
    --site-text: #e8eaed;
    --site-text-muted: #9aa0a6;
    --site-navy: #8b9cff;
    --site-accent: #e85a5c;
    --site-wa: #25d366;
    --site-border: rgba(255, 255, 255, 0.12);
    --site-border-strong: rgba(255, 255, 255, 0.22);
    --site-shadow: rgba(0, 0, 0, 0.35);
    --site-footer-heading: #b8c4ff;
    --site-footer-link: #e8eaed;
    --site-footer-muted: #9aa0a6;
}

/* 淺白 SoftWhite：類 Apple Night Shift／暖色 True Tone —
   偏黃的白主調（護眼暖白），不是冷灰、也不是自動切 Dark。 */
[data-appearance="soft-white"] {
    --site-bg: #f5efe4;
    --site-surface: #faf6ec;
    --site-text: #3a3228;
    --site-text-muted: #8a7e6e;
    --site-navy: #2a2458;
    --site-accent: #c45c3e;
    --site-wa: #25d366;
    --site-border: rgba(90, 70, 40, 0.12);
    --site-border-strong: rgba(90, 70, 40, 0.2);
    --site-shadow: rgba(80, 55, 25, 0.08);
    --site-footer-heading: #2a2458;
    --site-footer-link: #3a3228;
    --site-footer-muted: #8a7e6e;
}

body.front-v53 {
    background-color: var(--site-bg);
    color: var(--site-text);
}

/* SEO 內鏈（KeywordLinkApplier.BuildAnchor → .seo-kw-link） */
a.seo-kw-link {
    color: var(--site-navy);
    text-decoration: none;
    border-bottom: 1px solid var(--site-border-strong);
    padding-bottom: 0.1em;
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

a.seo-kw-link:hover,
a.seo-kw-link:focus-visible {
    color: var(--site-accent);
    border-bottom-color: var(--site-accent);
}

[data-appearance="dark"] a.seo-kw-link {
    color: var(--site-navy);
    border-bottom-color: rgba(139, 156, 255, 0.45);
}

[data-appearance="dark"] a.seo-kw-link:hover,
[data-appearance="dark"] a.seo-kw-link:focus-visible {
    color: #c5ceff;
    border-bottom-color: #c5ceff;
}

/* Header v2 吃 Appearance 變數 */
nav.front-v53-header-v2 {
    --front-v53-navy: var(--site-navy);
    --front-v53-accent: var(--site-accent);
    --front-v53-wa: var(--site-wa);
    background-color: var(--site-surface);
    box-shadow:
        0 1px 0 var(--site-navy),
        0 2px 8px var(--site-shadow);
}

nav.front-v53-header-v2 .front-v53-header-brand,
nav.front-v53-header-v2 .nav-link {
    color: var(--site-text);
}

/* Dark：店名（含 ShopNameHtml 子節點／內聯色）強制白字 */
[data-appearance="dark"] nav.front-v53-header-v2 .front-v53-header-brand,
[data-appearance="dark"] nav.front-v53-header-v2 .front-v53-header-brand * {
    color: #ffffff !important;
}

[data-appearance="dark"] nav.front-v53-header-v2 .navbar-brand {
    color: #ffffff;
}

/* 產品列表（ProductUnit53 / _ProductListSection）Dark */
[data-appearance="dark"] .iph-product-section-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-product-unit53 {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

[data-appearance="dark"] .iph-product-unit53:hover {
    background-color: #2c3240;
}

[data-appearance="dark"] .iph-product-unit53-link {
    color: #ffffff;
}

[data-appearance="dark"] .iph-product-name {
    color: #ffffff;
}

[data-appearance="dark"] .iph-product-sku,
[data-appearance="dark"] .iph-product-sku.text-muted {
    color: rgba(255, 255, 255, 0.65) !important;
}

[data-appearance="dark"] .iph-product-img-wrap {
    background: linear-gradient(180deg, #1a1d26 0%, #222733 100%);
}

/* 資訊單元（InfoListUnit53）Dark：深卡＋白字 */
[data-appearance="dark"] .iph-infobox-unit53 {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

[data-appearance="dark"] .iph-infobox-unit53:hover {
    background-color: #2c3240;
}

[data-appearance="dark"] .iph-infobox-unit53 .iph-infobox-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-infobox-unit53 .iph-infobox-sub,
[data-appearance="dark"] .iph-infobox-unit53 .iph-infobox-meta {
    color: rgba(255, 255, 255, 0.68);
}

[data-appearance="dark"] .iph-infobox-unit53 .iph-infobox-img-wrap {
    background-color: #1a1d26;
}

/* SupportService Dark */
[data-appearance="dark"] .iph-support-service-heading,
[data-appearance="dark"] .iph-support-service-heading-link {
    color: #ffffff !important;
}

[data-appearance="dark"] .iph-support-service-card {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

[data-appearance="dark"] .iph-support-service-card:hover,
[data-appearance="dark"] .iph-support-service-card:focus-visible {
    background-color: #2c3240;
    border-color: rgba(255, 255, 255, 0.18);
}

[data-appearance="dark"] .iph-support-service-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-support-service-desc {
    color: rgba(255, 255, 255, 0.72);
}

[data-appearance="dark"] .iph-support-service-ico--blue {
    background: rgba(52, 152, 219, 0.2);
}

[data-appearance="dark"] .iph-support-service-ico--green {
    background: rgba(46, 204, 113, 0.2);
}

[data-appearance="dark"] .iph-support-service-ico--purple {
    background: rgba(155, 89, 182, 0.2);
}

[data-appearance="dark"] .iph-support-service-ico--red {
    background: rgba(231, 76, 60, 0.2);
}

/* Our Customers marquee Dark：淺色單元托盤不變，口號白字 */
[data-appearance="dark"] .iph-customers-marquee-slogan {
    color: #ffffff;
}

[data-appearance="dark"] .iph-customers-marquee-unit {
    background:
        linear-gradient(180deg, #3a3648 0%, #2e2a3a 100%);
    border-color: rgba(180, 170, 210, 0.22);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.28),
        0 8px 18px rgba(0, 0, 0, 0.32);
}

[data-appearance="dark"] .iph-customers-marquee-unit:hover {
    background:
        linear-gradient(180deg, #454058 0%, #353145 100%);
    border-color: rgba(200, 190, 230, 0.3);
}

[data-appearance="dark"] .iph-customers-marquee-viewport {
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);
}

nav.front-v53-header-v2 .nav-link:hover,
nav.front-v53-header-v2 .nav-link:focus {
    color: var(--site-navy);
}

nav.front-v53-header-v2 .front-v53-toggler {
    border-color: var(--site-border-strong);
}

nav.front-v53-header-v2 .front-v53-nav-sep {
    background: var(--site-border-strong);
}

/* Footer v2 */
.front-v53-footer-v2 {
    background-color: var(--site-surface);
    color: var(--site-text);
    border-top-color: var(--site-navy);
}

.front-v53-footer-v2-heading,
.front-v53-footer-v2-brand-name {
    color: var(--site-footer-heading);
}

.front-v53-footer-v2-links a,
.front-v53-footer-v2-contact a {
    color: var(--site-footer-link);
}

.front-v53-footer-v2-muted,
.front-v53-footer-v2-tag {
    color: var(--site-footer-muted);
}

/* 標準殼 header／footer 輕量對齊 */
nav.front-v53-header:not(.front-v53-header-v2) {
    background-color: var(--site-surface);
    border-bottom-color: var(--site-border-strong);
}

nav.front-v53-header:not(.front-v53-header-v2) .nav-link,
nav.front-v53-header:not(.front-v53-header-v2) .front-v53-header-brand {
    color: var(--site-text);
}

#footer.footer {
    background-color: var(--site-surface);
    color: var(--site-text);
}

/* Collection of Solutions（InfoTemplate） */
.iph-solutions-title {
    color: var(--site-text);
}

.iph-solutions-sub {
    color: var(--site-text-muted);
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 0;
}

[data-appearance="dark"] .iph-solutions-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-solutions-sub {
    color: rgba(255, 255, 255, 0.72);
}

/* Index 區標題（HELP / 產業技術資訊與方案 / Our Customers 等）Dark 白字 */
[data-appearance="dark"] .span_h1_black_w900,
[data-appearance="dark"] .span_h2_black_w900,
[data-appearance="dark"] .span_h3_black_w900 {
    color: #ffffff !important;
}

[data-appearance="dark"] .span_h1_black_w900 a.seo-kw-link,
[data-appearance="dark"] .span_h2_black_w900 a.seo-kw-link,
[data-appearance="dark"] .span_h3_black_w900 a.seo-kw-link,
[data-appearance="dark"] .span_h1_black_w900 a.seo-kw-link:hover,
[data-appearance="dark"] .span_h2_black_w900 a.seo-kw-link:hover,
[data-appearance="dark"] .span_h3_black_w900 a.seo-kw-link:hover {
    color: inherit !important;
    border-bottom: none;
}

/* 人工智能數據服務（AiService53） */
.iph-ai-service-heading {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--site-navy);
    padding: 0.75rem 0 0.5rem;
    margin: 0;
    border-bottom: 2px solid var(--site-navy);
}

.iph-ai-service-card {
    background-color: var(--site-surface);
    color: var(--site-text);
    border: 1px solid var(--site-border);
    box-shadow: 0 0.25rem 0.75rem var(--site-shadow);
}

.iph-ai-service-card-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--site-navy);
}

.iph-ai-service-card-title i {
    color: var(--site-text-muted);
}

.iph-ai-service-img {
    height: 180px;
    object-fit: cover;
    background-color: var(--site-bg);
}

.iph-ai-service-body {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--site-text);
}

[data-appearance="dark"] .iph-ai-service-heading {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.35);
}

/* 區標題內的 SEO 內鏈：繼承標題色、無詞庫底線（區標題本身已有底線） */
.iph-ai-service-heading a.seo-kw-link,
.iph-ai-service-heading a.seo-kw-link:hover,
.iph-ai-service-heading a.seo-kw-link:focus-visible {
    color: inherit;
    border-bottom: none;
    padding-bottom: 0;
}

.iph-ai-service-card-title a.seo-kw-link,
.iph-ai-service-card-title a.seo-kw-link:hover,
.iph-ai-service-card-title a.seo-kw-link:focus-visible {
    color: inherit;
    border-bottom-color: currentColor;
}

[data-appearance="dark"] .iph-ai-service-card {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-appearance="dark"] .iph-ai-service-card-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-ai-service-card-title i {
    color: var(--site-navy);
}

[data-appearance="dark"] .iph-ai-service-body {
    color: rgba(232, 234, 237, 0.88);
}

/* InfoDetails53 Dark */
[data-appearance="dark"] .iph-info-detail-shell {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    color: #e8eaed;
}

[data-appearance="dark"] .iph-info-detail-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-info-detail-title a.seo-kw-link,
[data-appearance="dark"] .iph-info-detail-title a.seo-kw-link:hover,
[data-appearance="dark"] .iph-info-detail-title a.seo-kw-link:focus-visible {
    color: inherit !important;
    border-bottom: none;
}

[data-appearance="dark"] .iph-info-detail-meta {
    color: rgba(255, 255, 255, 0.68);
}

[data-appearance="dark"] .iph-info-detail-action {
    color: var(--site-navy);
}

[data-appearance="dark"] .iph-info-detail-action:hover,
[data-appearance="dark"] .iph-info-detail-action:focus-visible {
    color: #ffffff;
}

[data-appearance="dark"] .iph-info-detail-lead {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
    border-left-color: var(--site-navy);
    color: rgba(232, 234, 237, 0.95);
}

[data-appearance="dark"] .iph-info-detail-body,
[data-appearance="dark"] .iph-info-detail-content {
    color: #e8eaed;
}

/* 常見正文黑字／灰字 inline → 繼承容器色（不清洗歷史 HTML） */
[data-appearance="dark"] .iph-info-detail-content :where(p, div, li, td, th, h1, h2, h3, h4, h5, h6, blockquote, span, font, label) {
    color: inherit;
}

[data-appearance="dark"] .iph-info-detail-content table,
[data-appearance="dark"] .iph-info-detail-content table th,
[data-appearance="dark"] .iph-info-detail-content table td {
    color: #e8eaed !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    --bs-table-bg: transparent !important;
    --bs-table-color: #e8eaed !important;
    --bs-table-border-color: rgba(255, 255, 255, 0.14) !important;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04) !important;
}

[data-appearance="dark"] .iph-info-detail-content table tr:nth-child(even) th,
[data-appearance="dark"] .iph-info-detail-content table tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

[data-appearance="dark"] .iph-info-detail-content h1,
[data-appearance="dark"] .iph-info-detail-content h2,
[data-appearance="dark"] .iph-info-detail-content h3,
[data-appearance="dark"] .iph-info-detail-content h4,
[data-appearance="dark"] .iph-info-detail-content h5,
[data-appearance="dark"] .iph-info-detail-content h6 {
    color: #ffffff;
}

/* 保留強調紅／品牌色標題（常見於參數區 h3） */
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color:#ed1b23"],
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color: #ed1b23"],
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color:red"],
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color: red"],
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color:#c00"],
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color:#cc0000"],
[data-appearance="dark"] .iph-info-detail-content :where(h1, h2, h3, h4, h5, h6, strong, b, span, font)[style*="color:#ED1B23"] {
    color: #ff6b73 !important;
}

[data-appearance="dark"] .iph-info-detail-content blockquote {
    background: rgba(255, 255, 255, 0.04);
    border-left-color: var(--site-accent, #ed1b23);
    color: rgba(232, 234, 237, 0.85);
}

[data-appearance="dark"] .iph-info-detail-content code,
[data-appearance="dark"] .iph-info-detail-content pre {
    background: #1e222b;
    border-color: rgba(255, 255, 255, 0.12);
    color: #e8eaed;
}

[data-appearance="dark"] .iph-info-detail-content hr {
    border-top-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-info-detail-content [style*="color:#000"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: #000"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:black"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: black"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:#333"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: #333"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:#666"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: #666"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:#212529"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: #212529"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:#495057"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: #495057"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:#6c757d"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: #6c757d"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:rgb(0, 0, 0)"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: rgb(0, 0, 0)"],
[data-appearance="dark"] .iph-info-detail-content [style*="color:rgb(33, 37, 41)"],
[data-appearance="dark"] .iph-info-detail-content [style*="color: rgb(33, 37, 41)"] {
    color: inherit !important;
}

[data-appearance="dark"] .iph-info-detail-related {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e8eaed;
}

[data-appearance="dark"] .iph-info-detail-related-head {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

[data-appearance="dark"] .iph-rightpad-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-rightpad-title:hover,
[data-appearance="dark"] .iph-rightpad-title:focus-visible {
    color: var(--site-navy);
}

[data-appearance="dark"] .iph-rightpad-sub,
[data-appearance="dark"] .iph-info-detail-related .iph-infobox-unit .small,
[data-appearance="dark"] .iph-info-detail-related .h6.small {
    color: rgba(255, 255, 255, 0.65);
}

[data-appearance="dark"] .iph-info-detail-aside-block .card {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.14);
    color: #e8eaed;
}

[data-appearance="dark"] .iph-info-detail-aside-block .card-header {
    background-color: #1e222c;
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-appearance="dark"] .iph-info-detail-aside-block .list-group-item {
    border-color: rgba(255, 255, 255, 0.08);
    color: #e8eaed;
}

[data-appearance="dark"] .iph-info-detail-aside-block .text-secondary-emphasis,
[data-appearance="dark"] .iph-info-detail-aside-block .text-muted,
[data-appearance="dark"] .iph-info-detail-aside-block .card-body h6 {
    color: rgba(255, 255, 255, 0.72) !important;
}

[data-appearance="dark"] .iph-info-detail-aside-block .card-body a {
    color: #e8eaed;
    text-decoration: none;
}

[data-appearance="dark"] .iph-info-detail-aside-block .card-body a:hover {
    color: #ffffff;
}

/* HRMS PaintPointCompare Dark */
[data-appearance="dark"] .iph-hrms-compare-heading {
    color: #ffffff;
}

[data-appearance="dark"] .iph-hrms-compare-card {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    color: #e8eaed;
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
}

[data-appearance="dark"] .iph-hrms-compare-card--before {
    border-top-color: #8b939e;
}

[data-appearance="dark"] .iph-hrms-compare-card--after {
    border-top-color: var(--site-navy);
}

[data-appearance="dark"] .iph-hrms-compare-card-head {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-appearance="dark"] .iph-hrms-compare-card--before .iph-hrms-compare-card-head i {
    color: rgba(255, 255, 255, 0.55);
}

[data-appearance="dark"] .iph-hrms-compare-list li {
    color: rgba(232, 234, 237, 0.9);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-appearance="dark"] .iph-hrms-compare-card--after .iph-hrms-compare-list li::before {
    color: #b794f6;
}

[data-appearance="dark"] .iph-hrms-compare-foot {
    border-top-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-hrms-compare-foot-note {
    color: rgba(255, 255, 255, 0.68);
}

[data-appearance="dark"] .iph-hrms-compare-cta {
    color: #ffffff;
    background-color: #2c3240;
    border-color: rgba(255, 255, 255, 0.18);
}

[data-appearance="dark"] .iph-hrms-compare-cta:hover,
[data-appearance="dark"] .iph-hrms-compare-cta:focus-visible {
    background-color: var(--site-accent, #ed1b23);
    border-color: var(--site-accent, #ed1b23);
}

[data-appearance="dark"] .iph-hrms-compare-cta i {
    color: #5dd39e;
}

/* HRMS ArchitectFeatures Dark */
[data-appearance="dark"] .iph-hrms-section-title {
    color: #ffffff;
}

/* AiBox 區頭 Dark：H2 白字 */
[data-appearance="dark"] .iph-aibox-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-aibox-fire-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-aibox-sub {
    color: rgba(232, 234, 237, 0.78);
}

[data-appearance="dark"] .iph-aibox-head {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-aibox-eyebrow {
    color: #ff6b73;
}

[data-appearance="dark"] .iph-hrms-org-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-hrms-org-sub {
    color: rgba(232, 234, 237, 0.78);
}

[data-appearance="dark"] .iph-hrms-org-head {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-hrms-org-eyebrow {
    color: #ff6b73;
}

[data-appearance="dark"] .iph-hrms-section-sub {
    color: rgba(255, 255, 255, 0.72);
}

[data-appearance="dark"] .iph-hrms-section-head {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-hrms-divider {
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.08) 48%, transparent 100%);
}

[data-appearance="dark"] .iph-hrms-feature-card,
[data-appearance="dark"] .iph-hrms-hanging-card,
[data-appearance="dark"] .iph-hrms-mini-card,
[data-appearance="dark"] .iph-hrms-cic-card {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    color: #e8eaed;
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
}

[data-appearance="dark"] .iph-hrms-cic-card-img {
    background: rgba(255, 255, 255, 0.04);
}

[data-appearance="dark"] .iph-hrms-feature-card:hover {
    background-color: #2c3240;
    border-color: rgba(255, 255, 255, 0.16);
}

[data-appearance="dark"] .iph-hrms-feature-title,
[data-appearance="dark"] .iph-hrms-mini-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-hrms-features .iph-hrms-feature-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-hrms-feature-desc {
    color: rgba(232, 234, 237, 0.82);
}

[data-appearance="dark"] .iph-hrms-features .iph-hrms-feature-desc {
    color: rgba(232, 234, 237, 0.82);
}

[data-appearance="dark"] .iph-hrms-feature-ico--blue {
    background: rgba(52, 152, 219, 0.22);
}

[data-appearance="dark"] .iph-hrms-feature-ico--green {
    background: rgba(46, 204, 113, 0.22);
}

[data-appearance="dark"] .iph-hrms-feature-ico--purple {
    background: rgba(155, 89, 182, 0.22);
}

[data-appearance="dark"] .iph-hrms-feature-ico--amber {
    background: rgba(243, 156, 18, 0.22);
}

[data-appearance="dark"] .iph-hrms-feature-ico--teal {
    background: rgba(26, 188, 156, 0.22);
}

[data-appearance="dark"] .iph-hrms-feature-ico--red {
    background: rgba(231, 76, 60, 0.22);
}

[data-appearance="dark"] .iph-hrms-hanging-ico,
[data-appearance="dark"] .iph-hrms-mini-ico {
    color: var(--site-navy);
    background: rgba(255, 255, 255, 0.08);
}

/* HRMS Payroll lead — Dark only；Light／SoftWhite 走 --site-* 基樣 */
[data-appearance="dark"] .iph-hrms-payroll-lead-title {
    color: #ffffff;
}

/* ACS 區頭副說明 Dark：半透明（僅 dark） */
[data-appearance="dark"] .iph-hrms-acs .iph-hrms-section-head .iph-hrms-feature-desc {
    color: rgba(232, 234, 237, 0.78);
}

/* Why choose us — Dark only */
[data-appearance="dark"] .iph-hrms-why-tagline {
    color: rgba(232, 234, 237, 0.88);
}

[data-appearance="dark"] .iph-hrms-why-num {
    color: var(--site-navy);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
}

[data-appearance="dark"] .iph-hrms-why-link {
    color: var(--site-navy);
}

[data-appearance="dark"] .iph-hrms-why-link:hover,
[data-appearance="dark"] .iph-hrms-why-link:focus-visible {
    color: #ffffff;
}

[data-appearance="dark"] .iph-hrms-why .iph-hrms-feature-desc strong {
    color: #ffffff;
}

/* About Us — Dark only；Light／SoftWhite 走 --site-* 基樣 */
[data-appearance="dark"] .iph-about-title {
    color: #ffffff;
}

[data-appearance="dark"] .iph-about-shop {
    color: rgba(255, 255, 255, 0.68);
}

[data-appearance="dark"] .iph-about-block {
    background-color: #252a36;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
}

[data-appearance="dark"] .iph-about-section-title {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-about-body {
    color: rgba(232, 234, 237, 0.82);
}

[data-appearance="dark"] .iph-about-body strong {
    color: #ffffff;
}

[data-appearance="dark"] .iph-about-block.is-visible .iph-about-section-title::after {
    background: var(--site-navy);
}

/* ServiceFlow / pricing Dark — 壓過 Bootstrap .table / .card 白底 */
[data-appearance="dark"] .iph-svc-flow-cta:hover,
[data-appearance="dark"] .iph-svc-flow-cta:focus-visible {
    background: #ff6b73;
}

[data-appearance="dark"] .iph-svc-flow-team-wrap,
[data-appearance="dark"] .iph-svc-price-card,
[data-appearance="dark"] .iph-svc-dev-card,
[data-appearance="dark"] .iph-svc-price-table-wrap {
    background-color: #252a36 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
    color: #e8eaed;
}

[data-appearance="dark"] .iph-svc-price-card-name,
[data-appearance="dark"] .iph-svc-price-compare-title {
    color: #ffffff !important;
}

[data-appearance="dark"] .iph-svc-price-card-amount {
    color: #ffffff !important;
}

[data-appearance="dark"] .iph-svc-price-card-unit,
[data-appearance="dark"] .iph-svc-price-card-list {
    color: rgba(232, 234, 237, 0.82) !important;
}

[data-appearance="dark"] .iph-svc-price-card-list li {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-appearance="dark"] .iph-svc-price-table,
[data-appearance="dark"] table.iph-svc-price-table {
    --bs-table-bg: transparent !important;
    --bs-table-color: #e8eaed !important;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04) !important;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06) !important;
    --bs-table-border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eaed !important;
    background-color: transparent !important;
}

[data-appearance="dark"] .iph-svc-price-table th,
[data-appearance="dark"] .iph-svc-price-table td,
[data-appearance="dark"] .iph-svc-price-table thead th,
[data-appearance="dark"] .iph-svc-price-table tbody th {
    color: #e8eaed !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-appearance="dark"] .iph-svc-price-table .bi {
    fill: #7ddea3;
}

[data-appearance="dark"] .iph-svc-price-badge {
    background: #ed1b23;
    color: #ffffff;
}

/* ContactUs Dark */
[data-appearance="dark"] .iph-contact-card {
    background-color: #252a36 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
    color: #e8eaed;
}

[data-appearance="dark"] .iph-contact-label {
    color: #e8eaed !important;
}

[data-appearance="dark"] .iph-contact-input.form-control {
    color: #e8eaed !important;
    background-color: #1e222b !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-appearance="dark"] .iph-contact-input.form-control:focus {
    border-color: #ff6b73 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 115, 0.2);
}

[data-appearance="dark"] .iph-contact-input.form-control::placeholder {
    color: rgba(232, 234, 237, 0.55);
}

[data-appearance="dark"] .iph-contact-toast-body {
    color: #e8eaed !important;
}

[data-appearance="dark"] .iph-contact-modal-content {
    background-color: #252a36 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eaed;
}

[data-appearance="dark"] .iph-contact-modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

[data-appearance="dark"] .iph-contact-modal-header .modal-title {
    color: #ffffff !important;
}

[data-appearance="dark"] .iph-contact-modal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-appearance="dark"] .modal .iph-contact-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Product detail Dark */
[data-appearance="dark"] .iph-prod-detail-shell,
[data-appearance="dark"] .iph-prod-cart {
    background-color: #252a36 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eaed;
}

[data-appearance="dark"] .iph-prod-detail-title,
[data-appearance="dark"] .iph-prod-cart-title,
[data-appearance="dark"] .iph-prod-cart-field-label,
[data-appearance="dark"] .iph-prod-faq-title {
    color: #ffffff !important;
}

[data-appearance="dark"] .iph-prod-detail-sku,
[data-appearance="dark"] .iph-prod-cart-label,
[data-appearance="dark"] .iph-prod-cart-muted {
    color: rgba(232, 234, 237, 0.72) !important;
}

[data-appearance="dark"] .iph-prod-carousel {
    background: #1e222b;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-appearance="dark"] .iph-prod-cart-divider {
    border-top-color: rgba(255, 255, 255, 0.12);
}

[data-appearance="dark"] .iph-prod-cart-price {
    color: #ff6b73 !important;
}

[data-appearance="dark"] .iph-prod-cart-link {
    color: #9ec5ff;
}

[data-appearance="dark"] .iph-prod-cart-qty .btn,
[data-appearance="dark"] .iph-prod-cart-qty .form-control {
    background-color: #1e222b !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #e8eaed !important;
}

[data-appearance="dark"] .iph-prod-cart-buy {
    border-color: #ff6b73;
    color: #ff6b73;
}

[data-appearance="dark"] .iph-prod-cart-buy:hover,
[data-appearance="dark"] .iph-prod-cart-buy:focus-visible {
    background: #ed1b23;
    color: #ffffff;
}

[data-appearance="dark"] .iph-prod-spec-text {
    color: #e8eaed !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-appearance="dark"] .iph-prod-faq-item,
[data-appearance="dark"] .iph-prod-faq-btn,
[data-appearance="dark"] .iph-prod-faq-body {
    background-color: #252a36 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eaed !important;
}

[data-appearance="dark"] .iph-prod-faq-btn:not(.collapsed) {
    background-color: #1e222b !important;
    color: #ffffff !important;
}

[data-appearance="dark"] .iph-prod-faq-btn::after {
    filter: invert(1);
}