/* StPageFlip 必需的结构样式(库本身基本靠内联样式,这里只兜底) */
.stf__parent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* 不用 overflow:hidden —— 否则页面的外侧厚度投影会被裁掉;
       页面溢出由 body 的 overflow:hidden 兜底 */
    overflow: visible;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
}

.stf__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.stf__item {
    display: none;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.stf__item > * {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
}

.stf__block {
    position: absolute;
    width: 100%;
    height: 100%;
    /* 注意:这里不能给白色背景 —— 该容器铺满整个舞台,
       白色会漏到书页之外;页面的白色由图片本身提供 */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.stf__canvas {
    position: absolute;
    width: 100%;
    height: 100%;
}