@font-face { 
    font-family: 'font1'; 
    src: url('assets/jf2.1.woff') format('woff'); 
} 
@font-face { 
    font-family: 'font2'; 
    src: url('assets/ChenYuluoyan-2.0-Thin.ttf') format('truetype'); 
} 
body { 
    font-family: 'font1', 'font2'; 
    margin: 0; 
    padding: 0;
    
} 
h1, h2, h3, h4, h5, h6 { 
    margin: 0; 
    font-weight: 100;
} 
h1 { 
    font-size: 200px; 
} 
h2 { 
    font-size: 150px; 
} 
h3 { 
    font-size: 80px; 
} 
h4 { 
    font-size: 50px; 
} 
h5 { 
    font-size: 30px; 
} 
h6 { 
    font-size: 20px; 
} 

* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
} 
html, body { 
    margin: 0; 
    padding: 0; 
    -webkit-font-smoothing: antialiased; 
    scroll-behavior: smooth; 
    box-sizing: border-box; 
} 
body { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    overflow: hidden;
    background-color: #FEFAEF;
    color: #191917;
}

.wrapper {
    overflow: scroll;
    height: 100dvh;
    width: 100dvw;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.wrapper::-webkit-scrollbar {
    display: none;
}
img { 
    -webkit-user-drag: none; 
    -khtml-user-drag: none; 
    -moz-user-drag: none; 
    -o-user-drag: none; 
    pointer-events: none; 
} 

#loading-screen { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgb(0, 0, 0); 
    z-index: 9999; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 
.loader { 
    width: fit-content; 
    clip-path: inset(0 15ch 0 0); 
    animation: l4 2s steps(50) infinite; 
} 
.loader:before { 
    content: "載入中..."; 
    font-size: 24px; 
    color: white; 
    line-height: 1.3; 
} 
@keyframes l4 { 
    0% { 
        clip-path: inset(0 15ch 0 0); 
    } 
    50% { 
        clip-path: inset(0 0 0 0); 
    } 
    100% { 
        clip-path: inset(0 0 0 0); 
    } 
}