/*
 * Westtree · API Endpoint（参考块 / 参数表 / 端点 callout）
 */

.ar-api-reference { padding: var(--space-16) 0; }
.ar-api-reference__header { margin-bottom: var(--space-12); }
.ar-api-reference__base {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-5);
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-elevated);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-body-s);
    color: var(--color-text-secondary);
    flex-wrap: wrap;
}
.ar-api-reference__base code {
    font-family: var(--font-mono);
    color: var(--color-primary);
}

.ar-api-group { margin-bottom: var(--space-16); }
.ar-api-group__title {
    font-size: var(--text-h2);
    margin: 0 0 var(--space-2);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-border);
}
.ar-api-group__desc { color: var(--color-text-secondary); margin: 0 0 var(--space-8); }

.ar-api-endpoint {
    background: var(--color-bg-elevated);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
}
.ar-api-endpoint__head {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-bottom: var(--space-4);
}
.ar-api-endpoint__method {
    font-family: var(--font-mono);
    font-size: var(--text-caption);
    font-weight: var(--weight-bold);
    padding: 3px 10px;
    border-radius: var(--radius-sm);
    letter-spacing: var(--tracking-wide);
}
.ar-api-endpoint__method--get { background: rgba(59, 130, 246, 0.15); color: #60A5FA; }
.ar-api-endpoint__method--post { background: rgba(34, 197, 94, 0.15); color: #4ADE80; }
.ar-api-endpoint__method--put { background: rgba(245, 158, 11, 0.15); color: #FBBF24; }
.ar-api-endpoint__method--delete { background: rgba(239, 68, 68, 0.15); color: #F87171; }
.ar-api-endpoint__method--patch { background: rgba(168, 85, 247, 0.15); color: #C084FC; }
.ar-api-endpoint__path {
    font-family: var(--font-mono);
    font-size: var(--text-body);
    color: var(--color-text);
    word-break: break-all;
}
.ar-api-endpoint__auth {
    font-size: var(--text-caption);
    color: var(--color-text-tertiary);
    border: 1px solid var(--color-border);
    padding: 2px 8px;
    border-radius: var(--radius-full);
    margin-left: auto;
}
.ar-api-endpoint__summary { color: var(--color-text-secondary); margin: 0 0 var(--space-4); }
.ar-api-endpoint__h {
    font-size: var(--text-body-s);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    color: var(--color-text-tertiary);
    margin: var(--space-5) 0 var(--space-3);
}

.ar-api-endpoint__table-wrap {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}
.ar-api-params {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-body-s);
    min-width: 560px;
}
.ar-api-params th {
    text-align: left;
    padding: var(--space-3);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-weight: var(--weight-medium);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
}
.ar-api-params td {
    padding: var(--space-3);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-body);
    vertical-align: top;
}
.ar-api-params tr:last-child td { border-bottom: none; }
.ar-api-params td code {
    font-family: var(--font-mono);
    font-size: var(--text-body-s);
    background: var(--color-bg);
    padding: 1px 6px;
    border-radius: var(--radius-xs);
    color: var(--color-primary);
}

/* 模型详情页端点 callout */
.ar-endpoint-callout {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: #000;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-6);
    flex-wrap: wrap;
}
.ar-endpoint-callout__method {
    font-family: var(--font-mono);
    font-size: var(--text-caption);
    font-weight: var(--weight-bold);
    background: rgba(34, 197, 94, 0.15);
    color: #4ADE80;
    padding: 3px 10px;
    border-radius: var(--radius-sm);
}
.ar-endpoint-callout__path {
    font-family: var(--font-mono);
    color: var(--color-text-body);
    word-break: break-all;
}