html,body {
}

/* 文本换行控制 */
.card-info li {
    overflow-wrap: break-word;
    word-break: break-all;
}

/* 网格背景（固定不滚动） */
body {
    background-attachment: fixed;
}

/* 卡片基础：毛玻璃 + 透明背景 + 细边框 */
.card-info {
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: light) {
    html, body {
        background-color: #fdfdfd;
        color: #001D35;
    }

    /* 浅色模式下的灰色网格 */
    body {
        background-image: repeating-linear-gradient(to bottom, transparent, transparent 29px, #e0e0e0 30px), repeating-linear-gradient(to right, transparent, transparent 29px, #e0e0e0 30px);
    }

    header, .hero {
        background-color: transparent;
    }

    a {
        color: #001D35;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #B4B8BF;
    }

}

@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #000000;
        color: #EAEFF9;
    }

    /* 深色模式下的深灰网格 */
    body {
        background-image: repeating-linear-gradient(to bottom, transparent, transparent 29px, #444 30px), repeating-linear-gradient(to right, transparent, transparent 29px, #444 30px);
    }

    header, .hero {
        background-color: transparent;
    }

    a {
        color: #EAEFF9;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #949297;
    }

    /* 深色模式下卡片半透明深灰 + 调整边框颜色 */
    .card-info {
        background: rgba(20, 20, 20, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}