/* 全局样式 - 重点提升了清晰度 */
body, html { margin: 0; padding: 0; height: 100%; width: 100%; font-family: "Microsoft YaHei", sans-serif; }

.bg-layer {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
    background-image: url('star.jpg');
    background-size: cover; background-position: center;
    image-rendering: pixelated;
}

.content-box {
    margin: 50px auto; width: 80%; padding: 40px;
    background-color: rgba(0, 0, 0, 0.5); /* 加深底色，对比度更高 */
    backdrop-filter: blur(10px); /* 加大模糊，让背景图干扰更小 */
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white; 
    overflow-y: auto;
    /* 核心清晰度提升：文字阴影 */
    text-shadow: 0px 2px 4px rgba(0,0,0,0.8); 
}

h1, h2 { font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,1); }

.menu-grid { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-top: 40px; }
.menu-item {
    display: flex; flex-direction: column; align-items: center;
    text-decoration: none; color: white; padding: 20px;
    border: 2px solid rgba(255,255,255,0.4); border-radius: 10px;
    background: rgba(255,255,255,0.1); 
    font-weight: 700; /* 加粗菜单文字 */
    transition: 0.3s; width: 150px;
}
.menu-item:hover { background: rgba(255,255,255,0.2); transform: scale(1.05); }

/* 表格样式 */
table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 18px; }
th, td { padding: 15px; border: 1px solid rgba(255,255,255,0.3); text-align: center; font-weight: 600; }
thead { background: rgba(255,255,255,0.2); }