/* 星塵領域 · 總覽封面圖（比例見 desktop-covers.css） */
.uiux-cover-link--xingchen-hero {
    display: block;
    border-radius: var(--radius-card);
    overflow: hidden;
    background-image: url("../../images/uiux/星塵領域/index.jpg");
    background-repeat: no-repeat;
    box-shadow: 0 8px 22px rgba(89, 56, 37, 0.08);
    transition: box-shadow 0.2s ease;
}

.uiux-cover-link--xingchen-hero:hover {
    box-shadow: 0 12px 28px rgba(89, 56, 37, 0.12);
}

/* 星塵領域官網 · 寬版畫面全欄展示 */
.graphic-table--uiux-web.graphic-table--uiux-screen {
    --uiux-screen-col-w: 100%;
}

.graphic-table--uiux-web.graphic-table--uiux-screen td {
    flex: 0 0 100%;
    max-width: min(100%, 960px);
}

.graphic-table--uiux-web.graphic-table--logo-row-2 td,
.graphic-table--uiux-web.graphic-table--logo-row-3 td {
    flex: 0 0 calc((100% - var(--graphic-media-gap)) / 2);
    max-width: calc((100% - var(--graphic-media-gap)) / 2);
}

@media (min-width: 900px) {
    .graphic-table--uiux-web.graphic-table--logo-row-3 td {
        flex: 0 0 calc((100% - 2 * var(--graphic-media-gap)) / 3);
        max-width: calc((100% - 2 * var(--graphic-media-gap)) / 3);
    }
}

@media (max-width: 899px) {
    .graphic-table--uiux-web.graphic-table--logo-row-3 td {
        flex: 0 0 calc((100% - var(--graphic-media-gap)) / 2);
        max-width: calc((100% - var(--graphic-media-gap)) / 2);
    }
}

.uiux-project--xingchen .uiux-case-visual img,
.main-container.uiux-project--xingchen .box img {
    object-fit: contain;
}