body{font-size:1.2em;margin:auto;padding:20px;max-width:800px}footer{position:fixed;left:0;bottom:0;width:100%;padding:10px 0;z-index:1000}
* { margin:0; padding:0; outline:none; }
a { text-decoration:none; color:inherit; }
ul, li { list-style:none; }
body { font-family:Microsoft YaHei; }
.center { margin:0 auto; position:relative; }
.clear { clear:both; }
.nav { width:100%; height:100px; background-color:#fff; position:fixed; background:#eee; z-index:100; }
.logo { width:320px; height:100px; line-height:100px; font-size:40px; display:block; float: left; color:#000; }
.link { width:100px; height: 50px; line-height: 50px; font-size:20px; display:block; float:right; color:#000; text-align:center; margin:25px 0 0 20px; }
.link.current, .link:hover { border-bottom:2px solid #000; }
.vschess { margin:0 auto; }
/* 1. 让父容器在水平方向上允许内容溢出展现 */
.top-controls {
    display: flex !important;
    flex-wrap: nowrap !important;   /* 强制不换行 */
    align-items: center !important; /* 垂直居中 */
    gap: 10px !important;           /* 元素间距 */
    width: max-content !important;  /* 关键：宽度由内容撑开，无视外层父盒限制 */
    margin-bottom: 10px;
}
.top-controls label,
.top-controls select,
.top-controls button {
    flex-shrink: 0 !important;      /* 关键：空间不足时，绝对不缩小 */
    white-space: nowrap !important; /* 强制文字不换行（解决按钮字折行问题） */
    margin-bottom: 0 !important;    /* 移除可能导致对齐错乱的下边距 */
}


/* 默认模糊状态的 class */
.vschess-move-select-list.blur-mask {
    position: relative;          /* 确保伪元素相对于它定位 */
    min-height: 100px;           /* 确保有足够高度显示遮罩 */
}
/* 遮罩层核心样式 */
.vschess-move-select-list.blur-mask::after {
    content: "";       /* 模糊时显示的提示文字，可自定义 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* 半透明底色 */
    backdrop-filter: blur(5px);  /* 核心：高斯模糊 */
    -webkit-backdrop-filter: blur(5px); /* 兼容 Safari */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;                 /* 盖在 li 文字上方 */
    border-radius: 4px;
}