/* 基础样式 */
body {
    font-size: 14px;
    line-height: 1.5;
    background: #f8f9fa;
}

/* 布局样式 */
.container-fluid {
    padding: 0;
}

.col-md-6 {
    background: #fff;
    padding: 20px;
}

/* 滚动条样式 */
.overflow-auto::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.overflow-auto::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 3px;
}

.overflow-auto::-webkit-scrollbar-track {
    background: #f5f5f5;
}

/* 状态显示 */
.task-status { 
    display: none; 
}

/* 表格样式 */
.table { 
    margin-bottom: 0; 
}

.table th { 
    background: #f8f9fa; 
    font-weight: 500;
}

/* 代码视图 */
#raw-view { 
    max-height: 500px; 
    overflow: auto; 
}

/* 表单元素样式 */
.form-control {
    font-size: 14px;
    border-color: #e0e0e0;
}

.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.btn {
    font-size: 14px;
    padding: 8px 20px;
}

/* 标签页样式 */
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    font-size: 14px;
    color: #666;
    padding: 8px 16px;
}

.nav-tabs .nav-link.active {
    color: #007bff;
    border-color: #dee2e6 #dee2e6 #fff;
}

/* 提示文本样式 */
.form-text {
    font-size: 12px;
    color: #999;
}

/* 表格内容样式 */
.table td, 
.table th {
    font-size: 14px;
    vertical-align: middle;
    padding: 12px;
}

/* 按钮组样式 */
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 12px;
}

/* 警告框样式 */
.alert {
    font-size: 14px;
    margin-bottom: 1rem;
}

/* 代码预览样式 */
pre {
    font-size: 13px;
    font-family: Consolas, Monaco, 'Courier New', monospace;
    margin: 0;
}

/* 卡片样式 */
.card {
    border-color: #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* 标题样式 */
h5 {
    color: #333;
    font-weight: 500;
    margin-bottom: 1.5rem;
}