/* 桃源实例 - 移动端壳层 */

.site-wrapper {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 var(--ty-space-md);
}

.main-content {
    width: 100%;
    max-width: 480px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0 var(--ty-space-md) calc(28px + env(safe-area-inset-bottom));
}

.ty-mobile-page .main-content {
    overflow-x: hidden;
}

.site-footer {
    display: none;
}

.skeleton-box,
.skeleton-line {
    position: relative;
    overflow: hidden;
    background: linear-gradient(110deg, #e5eee8 8%, #f5faf6 18%, #e5eee8 33%);
    background-size: 200% 100%;
    animation: ty-shimmer 1.1s linear infinite;
}

.skeleton-line {
    height: 12px;
    border-radius: 999px;
}

@keyframes ty-shimmer {
    to {
        background-position-x: -200%;
    }
}