/* 核心样式：仅保留必要样式，无冗余 */
/* 卡片点击反馈 */
.card-hover {
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    transform-origin: center;
    aspect-ratio: 1/1;
    touch-action: manipulation;
}
.card-hover:active {
    transform: scale(0.95);
    opacity: 0.9;
}

/* 详情页过渡动画 */
#detailMask {
    will-change: opacity;
    transition: opacity 0.2s ease-out 0.05s;
}
#detailPage {
    will-change: transform;
    transition: transform 0.3s ease-out;
    max-width: 100vw;
}
#detailMask.show {
    opacity: 1;
    pointer-events: auto;
}
#detailMask.show #detailPage {
    transform: translateX(0);
}

/* 基础布局优化 */
#detailHeader {
    position: sticky;
    top: 0;
    z-index: 10;
}
#detailPage {
    -webkit-overflow-scrolling: touch;
}
.property-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}