/* SVG 由 CSS 以 background-image 引用；向量檔置於 wwwroot/images/art/ */

.art-hero-map {
    width: 100%;
    display: block;
    aspect-ratio: 920 / 300;
    background: url("/images/art/hero-index.svg") center / contain no-repeat;
}

.art-nomad-map {
    width: 100%;
    display: block;
    aspect-ratio: 880 / 320;
    background: url("/images/art/nomad-map.svg") center / contain no-repeat;
}

.card-media--svg-chart {
    margin: 0 !important;
    min-height: 140px;
    background: url("/images/art/chart-performance.svg") center / min(100%, 300px) auto no-repeat;
}

.card-media--svg-blog {
    margin: 0 !important;
    min-height: 150px;
    background: url("/images/art/content-blog.svg") center / 120px auto no-repeat;
}

.card-media--svg-video {
    margin: 0 !important;
    min-height: 150px;
    background: url("/images/art/content-video.svg") center / 120px auto no-repeat;
}

.card-media--svg-series {
    margin: 0 !important;
    min-height: 150px;
    background: url("/images/art/content-series.svg") center / 120px auto no-repeat;
}

.card-media--svg-resource-travel {
    margin: 0 !important;
    min-height: 130px;
    background: url("/images/art/resource-travel.svg") center / 100px auto no-repeat;
}

.card-media--svg-resource-invest {
    margin: 0 !important;
    min-height: 130px;
    background: url("/images/art/resource-invest.svg") center / 100px auto no-repeat;
}

.card-media--svg-resource-books {
    margin: 0 !important;
    min-height: 130px;
    background: url("/images/art/resource-books.svg") center / 100px auto no-repeat;
}

/* 首頁／旅居／投資／科技／法律 圖示 */
.card__icon--globe {
    background: url("/images/art/icon-globe.svg") center / contain no-repeat;
}

.card__icon--shield-check {
    background: url("/images/art/icon-shield-check.svg") center / contain no-repeat;
}

.card__icon--laptop-chart {
    background: url("/images/art/icon-laptop-chart.svg") center / contain no-repeat;
}

.card__icon--bars {
    background: url("/images/art/icon-bars.svg") center / contain no-repeat;
}

.card__icon--laptop-simple {
    background: url("/images/art/icon-laptop-simple.svg") center / contain no-repeat;
}

.card__icon--pulse {
    background: url("/images/art/icon-pulse.svg") center / contain no-repeat;
}

.card__icon--shield {
    background: url("/images/art/icon-shield.svg") center / contain no-repeat;
}

.card__icon--shield-tick {
    background: url("/images/art/icon-shield-check.svg") center / contain no-repeat;
}

.card__icon--lock {
    background: url("/images/art/icon-lock.svg") center / contain no-repeat;
}

.card__icon--docs {
    background: url("/images/art/icon-docs.svg") center / contain no-repeat;
}

.badge-note__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: url("/images/art/icon-sparkle.svg") center / contain no-repeat;
}