/* 自定义 CSS 样式 */

/* 可以在这里添加一些 Tailwind 无法直接实现的特殊样式 */

/* 例如，更精细的文本阴影或动画效果 */
.logo span {
    /* 可以添加更复杂的 Logo 样式 */
}

/* 激活语言按钮的样式 */
.lang-btn.active {
    @apply bg-brand-green text-white font-bold;
}

/* Tailwind prose 插件会自动处理排版样式，但你可以在这里覆盖 */
.prose {
    /* prose-invert 用于深色模式，可以进一步定制 */
}

/* iframe 全屏时的样式 */
body.fullscreen-active {
    overflow: hidden; /* 防止背景滚动 */
}

#game-container.fullscreen {
    position: fixed; /* 固定定位 */
    top: 0;
    left: 0;
    width: 100vw; /* 视口宽度 */
    height: 100vh; /* 视口高度 */
    padding-top: 0 !important; /* 移除内边距 */
    z-index: 50; /* 置于顶层 */
    background-color: #000; /* 全屏背景色 */
}

#game-container.fullscreen iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}