/* 卡片整体样式 */
.card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
    margin: 1em auto;
    padding: 1em;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 深色模式支持 */
[data-md-color-scheme="slate"] .card {
    background-color: #2b2b2b;
    border: 1px solid #444444;
    color: #ffffff;
}

/* 文件块布局 */
.file-block {
    display: flex;
    align-items: center;
    gap: 1em;
    flex-grow: 1;
}

/* 文件图标样式 */
.file-icon img {
    width: 3em;
    height: auto;
}

/* 文件内容样式 */
.file-body {
    flex-grow: 1;
}

.file-title a {
    font-size: 1.2em;
    font-weight: bold;
    color: #6fc1bb;
    text-decoration: none;
}

.file-title a:hover {
    text-decoration: underline;
}

.file-meta {
    font-size: 0.9em;
    color: #666666;
    margin: 0.5em 0 0;
}

/* 网格布局 */
.cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1em;
    margin: 2em auto;
    width: 90%;
}

/* 按钮容器 */
.file-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}


/* 按钮样式 */
.down-button, .view-button {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 0.9em;
    font-weight: bold;
    color: #edf7fe;
    background-color: transparent;
    border: 1px solid #edf7fe;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.down-button:hover, .view-button:hover {
    background-color: #6fc1bb; /* 本站主题色深一级 */
    color: #ffffff !important;; /* 白色字体 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}