html {
    width: 100%;
}
body {
	/* width: 100vw;
	height: 100vh; */
	background: #000;
	overflow-x: hidden;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    /* padding: 0 !important;
    margin:0 !important; */
    /* max-width:100% !important;
    width: 100vw !important;
    margin:0 auto; */
    /* max-width:100vw !important */
    /* margin:0 auto !important; */
}
/* 当视口宽度大于1920px时生效 */
@media screen and (min-width: 1920px) {
    /* 这里写你的样式 */
    body {
        max-width:100% !important;
        width: 100vw !important;
    }
   
  }
.opacity0 {
	opacity: 0;
	transform: translateY(0.5rem);
	visibility: hidden;
	/* margin-top: 20px; */
	will-change: opacity, transform;
	backface-visibility: hidden;
	perspective: 1000px;
    transition: 
    opacity 1.2s ease-in-out, 
    transform 1.2s ease-in-out,
    visibility 1.2s ease-in-out;
}
    /* 18-19号防卡顿：延迟19号动画 */
    /* [data-order="19"] {
        transition: all 0.3s ease-out 0.2s !important;
    } */
[data-order], .annotation, .progress-fill, .zoom-image, .float-card {
    transform: translateZ(0); /* 开启硬件加速，将元素交给 GPU 渲染 */
    will-change: opacity, transform; /* 告诉浏览器提前优化这个元素 */
    backface-visibility: hidden; /* 防止元素翻转时的闪烁 */
}