/* style.css */
body {
    margin: 0;
    overflow: hidden;          /* 隐藏滚动条，让画布占满全屏 */
    font-family: sans-serif;
}

/* 提示信息样式 (可选，用于显示加载状态或错误，这里简单加一个浮层) */
#info {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    pointer-events: none;      /* 让点击穿透到画布 */
    font-size: 14px;
    z-index: 100;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.2);
}

/* 可以自定义加载动画或进度条，这里简单展示文字 */
.loading {
    color: #ffaa00;
}

.error {
    color: #ff5555;
}