@font-face {
    font-family: 'MoleFont';
    src: url('../assets/font/font.ttf') format('truetype'); /* 根据实际文件类型调整 */
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html,body {
    height: 100%;
}

body {
    /* filter: saturate(110%); */
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.game-box {
    display: inline-block; 
    position: relative;
    /* margin-top: 30px; */
    /* padding: 10px; */
    /* border-radius: 10px; */
    height: 100%;
    background: #fff;
    box-shadow: 1px 1px 3px 4px #efefef;
    overflow: hidden;
}

canvas {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.tooltip {
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #c3c3c3;
    padding: 5px;
    border-radius: 5px;
    display: none;
}

.moleFont {
    font-family: 'MoleFont', sans-serif;
}

.loading-text {
    position: absolute;
    color: #413a3a;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.other {
    /* width: 1440px; */
    padding: 50px 0;
}

.advertise {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* padding: 20px 0; */
}

.advertise img {
    object-fit: contain;
}

.advertise div {
    margin: 0 20px;
}

.line {
    width: 100%;
    height: 3px;
    background-color: #efefef;
    margin: 20px 0;
}

.other h1 {
    font-size: 30px;
    line-height: 3;
}

.other p {
    font-size: 18px;
    line-height: 2;
}

.pointer {
    cursor: pointer;
}