body {
    font-family: 'Arial', sans-serif;
    background-color: #f0f2f5;
}

.card {
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.card-header {
    background-color: #4a69bd;
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#editor {
    height: 600px; /* 调整高度 */
    font-family: monospace;
    resize: vertical;
}

#paper-container {
    height: 600px; /* 调整高度 */
    overflow-y: auto; /* 允许滚动 */
    border-radius: 15px;
    padding: 20px;
    background-color: white;
    margin: 10px;
}

#paper {
    background-color: white;
    position: relative;
    margin: 0 auto;
    width: calc(100% - 40px); /* 调整宽度 */
}

.btn-primary {
    background-color: #4a69bd;
    border-color: #4a69bd;
}

.btn-primary:hover {
    background-color: #3c55a5;
    border-color: #3c55a5;
}

.btn-success {
    background-color: #6ab04c;
    border-color: #6ab04c;
}

.btn-success:hover {
    background-color: #4a8c3a;
    border-color: #4a8c3a;
}

.btn-info {
    background-color: #54a0ff;
    border-color: #54a0ff;
}

.btn-info:hover {
    background-color: #2e86de;
    border-color: #2e86de;
}

.btn-warning {
    background-color: #ff9f43;
    border-color: #ff9f43;
}

.btn-warning:hover {
    background-color: #ee8d2e;
    border-color: #ee8d2e;
}

footer {
    background-color: #333;
    color: white;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .card {
        margin-bottom: 20px;
    }
}