simple-message-board/public/app.css

简易留言板应用，支持markdown格式

:root {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    background-image: radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.12), transparent 26%),
        radial-gradient(circle at 80% 0%, rgba(14, 165, 233, 0.12), transparent 25%),
        radial-gradient(circle at 50% 80%, rgba(147, 51, 234, 0.12), transparent 30%);
}

.code-block-wrapper pre,
.code-block-wrapper pre code {
    background: transparent !important;
}

.code-block-wrapper pre {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.code-block-wrapper {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 搜索高亮样式 */
.search-highlight {
    background-color: rgba(250, 204, 21, 0.4);
    color: inherit;
    padding: 0.1em 0.2em;
    border-radius: 0.2em;
    font-weight: 500;
}

.dark .search-highlight {
    background-color: rgba(250, 204, 21, 0.3);
}