/* 使用 Inter 和 Noto Sans JP 字体 */
body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
}

/* 闪卡容器和翻转效果 */
.scene {
    perspective: 1000px;
}

.flashcard {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s; 
}

.flashcard.is-flipped {
    transform: rotateY(180deg);
}
.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* 兼容 Safari */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.card-face--back {
    transform: rotateY(180deg);
}
/* 自定义视频播放器控件 */
video::-webkit-media-controls-panel {
    background-color: rgba(31, 41, 55, 0.7);
}
/* 保证整个页面高度 */
html, body {
  overflow: hidden;
  height: 100%;
}