/* =====================================================
   苏然怡家 SURAN — 主样式表
   ===================================================== */

/* 隐藏全局滚动条 */
body::-webkit-scrollbar { display: none; }
body { -ms-overflow-style: none; scrollbar-width: none; }

/* 响应式双端自适应显隐切换 */
@media (min-width: 768px) {
    .view-mobile { display: none !important; }
    .view-pc { display: block !important; }
}
@media (max-width: 767px) {
    .view-mobile { display: block !important; }
    .view-pc { display: none !important; }
}

/* 斜切裁剪几何效果 */
.diagonal-clip { clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); }
@media (max-width: 768px) { .diagonal-clip { clip-path: none; } }

/* 完全匹配 image_1ad027.jpg 左侧及底部均匀包裹的青绿色立体 L 型修饰线框与间距 */
.billboard-container {
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px;
}
.billboard-container::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    bottom: 0;
    right: 16px;
    border-left: 14px solid #2cb4a2;
    border-bottom: 14px solid #2cb4a2;
    z-index: 0;
}
@media (max-width: 767px) {
    .billboard-container {
        padding-left: 10px;
        padding-bottom: 10px;
    }
    .billboard-container::before {
        top: 8px;
        border-left: 7px solid #2cb4a2;
        border-bottom: 7px solid #2cb4a2;
    }
}

/* 主体页面：嬉皮狗流派柔美上滑显露状态机样式 */
.xp-reveal {
    opacity: 0;
    transform: translateY(45px);
    will-change: transform, opacity;
    transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.15s ease;
}

.xp-reveal.xp-active {
    opacity: 1;
    transform: translateY(0);
}

.xp-delay-100 { transition-delay: 100ms; }
.xp-delay-200 { transition-delay: 200ms; }
.xp-delay-300 { transition-delay: 300ms; }
.xp-delay-400 { transition-delay: 400ms; }