
    .log-card {
        background: rgba(255, 255, 255, 0.35);
        backdrop-filter: blur(15px);
        border-radius: 16px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        padding: 2.5rem;
        border: 1px solid rgba(255,255,255,0.9);
        max-width: 1400px;
        margin: 0 auto;
    }
    .log-title {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 2.5rem;
        color: #2c3e50;
        text-align: center;
        position: relative;
        padding-bottom: 1.5rem;
    }
    .log-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 3px;
        background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
        border-radius: 3px;
    }
    .log-container {
        background: rgba(248, 249, 250, 0.8);
        border-radius: 12px;
        padding: 1.5rem;
        max-height: 70vh;
        overflow-y: auto;
        border: 1px solid rgba(255,255,255,0.5);
    }
    .log-item {
        padding: 0.8rem 1rem;
        border-bottom: 1px solid rgba(226, 232, 240, 0.6);
        font-size: 0.95rem;
        color: #2c3e50;
        white-space: pre-wrap; /* 保留日志换行 */
    }
    .log-item:last-child {
        border-bottom: none;
    }
    .log-item.error {
        color: #e74c3c;
        font-weight: 500;
    }
    .log-item.info {
        color: #3498db;
    }
    .log-item.success {
        color: #27ae60;
    }
    .log-loading {
        text-align: center;
        color: #475569;
        padding: 2rem;
        font-size: 1rem;
    }
    .log-empty {
        text-align: center;
        color: #718096;
        padding: 2rem;
        font-size: 1rem;
    }
    /* 滚动条美化 */
    .log-container::-webkit-scrollbar {
        width: 8px;
    }
    .log-container::-webkit-scrollbar-track {
        background: rgba(240, 244, 248, 0.5);
        border-radius: 4px;
    }
    .log-container::-webkit-scrollbar-thumb {
        background: rgba(52, 152, 219, 0.5);
        border-radius: 4px;
    }
    .log-container::-webkit-scrollbar-thumb:hover {
        background: rgba(52, 152, 219, 0.8);
    }
