.personal-center-title{margin:0 0 20px 0;font-weight:400;background-color:#fff;padding:20px;border-radius:6px}

.api-header{margin-bottom:30px;background-color:#fff;padding:20px;border-radius:6px}
.api-title{margin:0 0 10px 0;font-size:24px;font-weight:600;color:#333}
.api-description{margin:0;color:#595959;font-size:16px}

.api-form-section{background-color:#fff;padding:24px;border-radius:6px;margin-bottom:24px}
.form-group{margin-bottom:20px}
.form-label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#333}
.input-wrapper{position:relative}
.form-input{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color 0.3s}
.form-input:focus{outline:none;border-color:var(--el-color-primary)}
.form-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.5}
.err-msg{color:#f56c6c;font-size:12px;margin-top:4px;display:none}
.err-msg.show{display:block}

.form-actions{display:flex;gap:12px;margin-top:24px}
.btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s}
.btn-primary{background-color:var(--el-color-primary);color:#fff}
.btn-primary:hover{background-color:var(--el-color-primary-dark-2)}
.btn-primary:disabled{opacity:0.6;cursor:not-allowed}
.btn-secondary{background-color:#595959;color:#fff}
.btn-secondary:hover{background-color:#333}

.api-info-section{background-color:#fff;padding:24px;border-radius:6px;margin-bottom:24px}
.info-title{margin:0 0 16px 0;font-size:18px;font-weight:600;color:#333}
.info-steps{list-style:decimal;padding-left:24px;margin:0}
.info-steps li{margin-bottom:12px;color:#595959;line-height:1.6}

.api-results-section{background-color:#fff;padding:24px;border-radius:6px}
.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
.results-count-wrapper{flex:1;display:flex;align-items:center;gap:20px}
.results-count{color:#333;font-size:15px;font-weight:500;white-space:nowrap}
.results-actions{display:flex;align-items:center;gap:10px}

/* Layui Table 样式调整 */
#results-table {
    margin-top: 0;
}

/* 分页容器样式 - 位于表格上方 */
#pagination-top {
    text-align: right;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 16px;
}

/* 表格容器高度限制 */
.layui-table-view {
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

/* URL 链接样式 */
.layui-table .video-link {
    color: var(--el-color-primary);
    text-decoration: none;
}

.layui-table .video-link:hover {
    text-decoration: underline;
}

/* 单元格文本截断 */
.layui-table td {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}