.oi-catalog { max-width: 1400px; margin: 0 auto; }
.oi-catalog a { color:var(--sun-accent,#0e7490); cursor:pointer; }
.oi-catalog a:hover { text-decoration:underline; }
.oi-catalog .oi-catalog-title { color:var(--sun-text,#101828); }
.oi-catalog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.oi-catalog-heading h2 { margin:0 0 8px; font-size:24px; }
.oi-catalog-heading p,.oi-catalog-note { margin:0; color:var(--sun-muted,#5f6f89); line-height:1.7; }
.oi-catalog-modes { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.oi-catalog-modes .el-button + .el-button { margin-left:0; }
.oi-catalog-note { margin-bottom:18px; font-size:13px; }
.oi-catalog-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.oi-catalog-filters .el-select { width:190px; }
.oi-catalog-search { display:flex; gap:10px; margin-bottom:16px; }
.oi-catalog-search .el-input { max-width:650px; }
.oi-catalog-result { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin:14px 0; font-size:13px; color:var(--sun-muted,#5f6f89); }
.oi-catalog-id { font-family:monospace; font-size:14px; font-weight:600; }
.oi-catalog-legacy { color:var(--sun-muted,#5f6f89); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.oi-catalog-title { font-size:14px; font-weight:500; }
.oi-catalog-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
.oi-catalog-tags .el-tag { cursor:pointer; }
.oi-catalog-more { display:block; color:var(--sun-muted,#5f6f89); font-size:12px; cursor:help; }
.oi-catalog-ac { color:#34b67a; font-weight:bold; font-size:18px; }
.oi-catalog-pages { margin-top:22px; overflow-x:auto; }
@media(max-width:600px) { .oi-catalog-heading { align-items:flex-start; flex-direction:column; } .oi-catalog-filters .el-select { width:calc(50% - 5px); } .oi-catalog-search { flex-wrap:wrap; } }