@font-face {
    font-family: normal;
    src: url('../../fonts/jiyinghuipianheyuan.ttf');
}
.logo{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87.65 87.65'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e6512c;%7D.cls-2%7Bfill:%23ab9870;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emaru%3C/title%3E%3Cg id='レイヤー_2' data-name='レイヤー 2'%3E%3Cg id='图层_1' data-name='图层 1'%3E%3Cpath class='cls-1' d='M43.83,9A34.83,34.83,0,1,1,9,43.83,34.82,34.82,0,0,1,43.83,9m0-9A43.83,43.83,0,1,0,87.65,43.83,43.88,43.88,0,0,0,43.83,0Z'/%3E%3Cpath class='cls-2' d='M36.74,54.06H36a1.65,1.65,0,0,1-1.65-1.65v-.8A1.65,1.65,0,0,0,32.65,50h0A1.65,1.65,0,0,0,31,51.61v.8a1.65,1.65,0,0,1-1.65,1.65h-.79a1.65,1.65,0,1,0,0,3.29h.79A1.65,1.65,0,0,1,31,59v.8a1.65,1.65,0,0,0,1.65,1.65h0A1.65,1.65,0,0,0,34.3,59.8V59A1.65,1.65,0,0,1,36,57.35h.79a1.65,1.65,0,1,0,0-3.29Z'/%3E%3Cpath class='cls-2' d='M56.14,44.64a1.7,1.7,0,1,0-1.71-1.7A1.7,1.7,0,0,0,56.14,44.64Z'/%3E%3Crect class='cls-2' x='35.16' y='41.41' width='1.77' height='0.35'/%3E%3Cpath class='cls-2' d='M32.65,46.7a2.06,2.06,0,1,0-2-2.06A2.06,2.06,0,0,0,32.65,46.7Z'/%3E%3Cpath class='cls-2' d='M56.14,52.8a1.71,1.71,0,0,0,0-3.41,1.71,1.71,0,1,0,0,3.41Z'/%3E%3Cpath class='cls-2' d='M43.83,9A34.83,34.83,0,1,0,78.65,43.83,34.82,34.82,0,0,0,43.83,9ZM61,65.94a4.85,4.85,0,0,1-4.66,3.53h-2A4.86,4.86,0,0,1,49.71,66l-1.12-3.67a4.86,4.86,0,0,0-9.3,0l-1.13,3.81a4.85,4.85,0,0,1-4.65,3.47h-2a4.85,4.85,0,0,1-4.67-3.51l-9.51-33A4.86,4.86,0,0,1,22,27h0a4.85,4.85,0,0,1,4.67,3.54l1.1,3.94a4.86,4.86,0,0,0,9.35,0l1.11-3.94A4.85,4.85,0,0,1,42.91,27h1.88a4.84,4.84,0,0,1,4.66,3.51l1.13,3.92a4.85,4.85,0,0,0,9.34,0L61,30.52a4.85,4.85,0,1,1,9.34,2.65Z'/%3E%3Cpolygon class='cls-2' points='50.97 42.66 51.35 42.66 51.35 41.76 52.23 41.76 52.23 41.41 51.35 41.41 51.35 40.52 50.97 40.52 50.97 41.41 50.09 41.41 50.09 41.76 50.97 41.76 50.97 42.66'/%3E%3Ccircle class='cls-2' cx='56.14' cy='58.04' r='2.05'/%3E%3Cpath class='cls-2' d='M60.21,45.32A1.7,1.7,0,1,0,61.92,47,1.7,1.7,0,0,0,60.21,45.32Z'/%3E%3Cpath class='cls-2' d='M52.06,45.32a1.7,1.7,0,1,0,1.7,1.7A1.7,1.7,0,0,0,52.06,45.32Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 40%;
    position: relative;
    width: 100%;
    height: 100%;
    transform: scale(0)rotate(0.6turn);
    transition: all 1s;
    animation: la 1.6s  forwards;
}
/* #logo1.over{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55.27 40.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ab9870;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EW%3C/title%3E%3Cg id='レイヤー_2' data-name='レイヤー 2'%3E%3Cg id='图层_1' data-name='图层 1'%3E%3Cpath class='cls-1' d='M53.51,1.58V0H44.34V1.58h-2V9H40.63v5.58H35V12.75H33.13V1.58H31.38V0H23.89V1.58H22.14V12.75H20.25v1.83H14.64V9H12.89V1.58h-2V0H1.77V1.58H0v5.5H1.77V16.5H3.64v7.21H5.39v9.13H7.27v7.49h11V36.71h2V32.84h1.87V31.09h11v1.75H35v3.87h2v3.62H48V32.84h1.87V23.71h1.75V16.5h1.88V7.08h1.76V1.58ZM10.91,18.3h3.76v3.75H10.91ZM18.3,32.84H14.67v3.64H10.91V32.84H7.27V29.08h3.64V25.45h3.76v3.63H18.3Zm26.09-.07H40.63V29h3.76Zm0-7.16H40.63V22H37V18.22h3.63V14.58h3.76v3.64H40.63V22h3.76ZM48,22H44.39V18.22H48Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    transform: scale(0.3);
    transition: all 1s;
} */
@keyframes la{
    0%{transform: scale(0)rotate(0.6turn)}
    75%{transform: scale(0.6)rotate(1turn)}
    80%{transform: scale(0.6)rotate(1turn)}
    85%{transform: scale(0.635)rotate(1turn)}
    100%{transform: scale(0.6)rotate(1turn)}
}
@keyframes lf{
    0%{transform: scale(0.6)rotate(1turn)}
    10%{transform: scale(0.6)rotate(0.9turn)}
    70%{transform: scale(0.6)rotate(2turn)}
    100%{transform: scale(0.6)rotate(2turn)}
}
.logo.loading{
    animation: lf 3s infinite;
}

body{
    margin: 0;
    overflow: hidden;
}

.logocontainer{
    width: 100%;
    height: 100%;
    display:none;
    justify-content: center;
    align-items: center;
    position: fixed;
}

.fullscreen-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d9c498; /* 咖啡色背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.choice-box {
    text-align: center;
}
.quest.in{
    animation:cl  0.7s ease-in-out forwards;
}
@keyframes cl{
    0%{transform: translate(0,10%);opacity: 0}
    100%{transform: translate(0,0);opacity: 1}
}
.choice-box button {
    opacity: 0;
    margin: 20px;
    padding: 20px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
}
.quest{
    opacity: 0;
    font-size:  46px; 
    font-family: 'normal';
}
.choice-box button img {
    width: 100px;
    height: 100px;
}
.beforeani{
    transform: scale(60%);
    margin-top : -20%;
}
.icons.in{
    animation:cl  0.7s ease-in-out forwards;
    animation-delay: 0.4s;
}