/* 共用線框圖標 — 克制、偏港式服務站風格，避免 emoji */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: -0.125em;
    overflow: visible;
}
#hp-icon-sprite {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
.icon--lg { width: 1.35em; height: 1.35em; }
.icon--xl { width: 1.6em; height: 1.6em; }

/* 正式版 highlight */
.highlight-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-light, #e8f1ff);
    color: var(--primary, #1677ff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    margin-bottom: 12px;
}
.highlight-icon .icon { width: 22px; height: 22px; }

/* Tab 按鈕內圖標 */
.tab-btn .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
}

/* 風格 A 服務卡 */
.cs-svc-icon {
    font-size: 0 !important;
}
.cs-svc-icon .icon {
    width: 22px;
    height: 22px;
    color: var(--cs-orange, #f5821f);
}

/* 風格 A 浮動 */
.cs-float-cta .icon {
    width: 24px;
    height: 24px;
    color: #fff;
}

/* 風格 B 保障 */
.cd-g-icon {
    font-size: 0 !important;
}
.cd-g-icon .icon {
    width: 22px;
    height: 22px;
}

/* 風格 B 浮動 */
.cd-float-chat .icon {
    width: 24px;
    height: 24px;
    color: #fff;
}