/* 资源总览:资源分类标签和对应内容容器。 */ /* 导入方:app/pages/resources.vue。 */ .resources-page[data-v-7390ef3e] { flex-direction: column; gap: 21px; min-width: 0; display: flex; } .page-head[data-v-7390ef3e] { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; display: flex; } .page-heading h2[data-v-7390ef3e] { margin: 0; font-size: var(--page-title-size); font-weight: 600; line-height: 2rem; } .page-heading p[data-v-7390ef3e] { color: var(--p-text-muted-color); margin: 4px 0 0; font-size: 0.9375rem; } .resource-tabs[data-v-7390ef3e] { border-bottom: 1px solid var(--console-panel-border); display: flex; overflow-x: auto; } .resource-tab[data-v-7390ef3e] { min-height: 50px; color: var(--p-text-muted-color); white-space: nowrap; cursor: pointer; background: 0 0; border: 0; border-bottom: 2px solid #0000; flex-shrink: 0; margin-bottom: -1px; padding: 14px; font-size: 1rem; } .resource-tab[data-v-7390ef3e]:hover { color: var(--p-text-color); } .resource-tab.active[data-v-7390ef3e] { color: var(--p-primary-color); border-bottom-color: var(--p-primary-color); font-weight: 500; } .resource-tab[data-v-7390ef3e]:focus-visible { outline-offset: -3px; } .resource-content[data-v-7390ef3e] { min-width: 0; }