html.h5-phone-preview,
html.h5-phone-preview body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

html.h5-phone-preview #app {
    display: none;
}

#h5-phone-stage {
    position: fixed;
    inset: 0;
    z-index: 99999;
    overflow: hidden;
    background: radial-gradient(ellipse at 50% 35%, #fff 0%, #eef2f6 65%, #e5eaf0 100%);
    font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#h5-phone-device {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 410px;
    height: 844px;
    padding: 24px 0 20px;
    border: 10px solid #20242b;
    border-radius: 44px;
    background: #20242b;
    box-shadow: 0 0 0 2px #636a74, 0 24px 64px rgba(24, 39, 59, .24);
    transform-origin: center;
}

#h5-phone-speaker {
    position: absolute;
    top: 6px;
    left: 50%;
    width: 52px;
    height: 5px;
    border-radius: 8px;
    background: #090b0e;
    transform: translateX(-50%);
}

#h5-phone-screen {
    display: block;
    width: 390px;
    height: 780px;
    margin: 0;
    border: 0;
    border-radius: 24px;
    background: #fff;
}

#h5-phone-home {
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 108px;
    height: 4px;
    border-radius: 8px;
    background: #aeb4be;
    transform: translateX(-50%);
}