/* 保持原始样式的最小化CSS文件 */

.company-logo {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 9999;
}

.company-logo img {
    max-height: 50px;
    max-width: 200px;
    height: auto;
    width: auto;
}

/* 移动端响应式设计 */
@media (max-width: 768px) {
    .company-logo {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .company-logo img {
        max-height: 40px;
        max-width: 150px;
    }

    /* 为移动端调整页面顶部间距 */
    #app > div:first-child {
        margin-top: 0;
    }
}

/* 页面标题居中样式 */
.page-title {
    text-align: center;
    color: black !important;
    margin: 20px 0;
}

/* PC端标题样式 */
@media (min-width: 769px) {
    .page-title {
        margin: 60px 0 20px 0; /* 顶部留出logo空间 */
    }
}

/* 移动端标题样式 */
@media (max-width: 768px) {
    .page-title {
        margin: 15px 0;
        font-size: 1.4em;
    }
}