/* 仅资源浏览页使用。沿用全站主题变量，四种配色自动适配。 */
.resource-chapter-form .sr-only,.resource-search-bar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.resource-library-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 22px}
.resource-library-kicker{color:var(--blue-700);font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 6px}
.resource-library-head h1{font-size:28px;letter-spacing:.03em;line-height:1.4;margin:0;color:var(--ink-900)}
.resource-library-head p:last-child{margin:6px 0 0;color:var(--ink-500);font-size:14px}
.resource-classification{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px;box-shadow:0 4px 18px #132f4d04}
.resource-filter-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px;padding:11px 20px;border-bottom:1px solid var(--line-soft);align-items:start}
.resource-filter-row h2{font-size:13px;font-weight:600;color:var(--ink-500);margin:7px 0;line-height:22px}
.resource-filter-options{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;min-width:0}
.resource-filter-option{display:inline-flex;align-items:center;justify-content:center;padding:6px 13px;border-radius:7px;color:var(--ink-700);font-size:14px;line-height:22px;text-decoration:none;overflow-wrap:anywhere;transition:background .12s,color .12s}
.resource-filter-option:hover{background:var(--blue-50);color:var(--blue-700);text-decoration:none}
.resource-filter-option.is-selected{color:var(--blue-700);background:var(--blue-100);font-weight:700}
.resource-option-count{font-size:11px;font-weight:400;opacity:.8;margin-left:6px;font-variant-numeric:tabular-nums}.resource-filter-option.is-empty:not(.is-selected){color:var(--ink-400)}
.resource-catalog-settings{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:12px;color:var(--ink-500);border-bottom:1px solid var(--line-soft)}
.resource-more-options{flex-basis:100%;min-width:0}.resource-more-options summary{cursor:pointer;color:var(--blue-700);font-size:12px;padding:8px 12px}.resource-more-options>div{display:flex;flex-wrap:wrap;gap:5px 7px}
.resource-stage-row{padding-top:15px;padding-bottom:15px;background:var(--blue-50)}
.resource-stage-row .resource-filter-option{padding:8px 20px;font-size:16px;font-weight:600}
.resource-stage-row .resource-filter-option.is-selected{background:var(--blue-700);color:#fff}
.resource-filter-hint{font-size:12px;line-height:22px;color:var(--ink-400);padding:6px 0}
.resource-filter-selection{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px 20px;background:var(--bg)}
.resource-selection-label{font-size:12px;color:var(--ink-500);margin-right:8px}
.resource-selected-chip{display:inline-flex;gap:9px;align-items:center;max-width:100%;padding:4px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink-700);font-size:12px;text-decoration:none}
.resource-selected-chip span:first-child{overflow-wrap:anywhere}
.resource-selected-chip:hover{border-color:var(--blue-500);color:var(--blue-700);text-decoration:none}
.resource-clear-filters{font-size:12px;color:var(--blue-700);padding:5px}
.resource-search-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}
.resource-search-input{display:flex;align-items:stretch;gap:8px;flex:1;max-width:660px;min-width:0}
.resource-search-input input{flex:1;min-width:0;width:100%;height:40px}
.resource-sort{display:flex;align-items:center;gap:8px;color:var(--ink-500);font-size:13px}
.resource-sort label{width:auto;flex:none;white-space:nowrap;margin:0}
.resource-sort select{min-width:120px;height:40px}
.resource-chapter-form{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}
.resource-chapter-form select{width:380px;max-width:100%;height:36px;font-size:13px}
.resource-empty-help{color:var(--ink-500);font-size:13px}
.resource-classification a:focus-visible,.resource-search-bar :focus-visible,.resource-chapter-form :focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}
@media(max-width:700px){
  .resource-catalog-settings{padding:12px;align-items:flex-start;flex-direction:column}.resource-option-count{margin-left:4px}
  .resource-library-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}
  .resource-library-head h1{font-size:24px}
  .resource-filter-row{grid-template-columns:64px minmax(0,1fr);padding:10px 12px;gap:4px}
  .resource-filter-row h2{font-size:12px;margin-top:5px}
  .resource-filter-options{gap:4px}
  .resource-filter-option{font-size:13px;padding:5px 9px}
  .resource-stage-row .resource-filter-option{font-size:14px;padding:6px 10px}
  .resource-filter-selection{padding:12px;gap:6px}
  .resource-filter-hint{padding:4px 0;font-size:11px}
  .resource-search-bar{flex-wrap:wrap;gap:10px}
  .resource-search-input{flex-basis:100%;max-width:none}
  .resource-search-input .btn{white-space:nowrap;padding-left:12px;padding-right:12px}
  .resource-sort{margin-left:auto}
  .resource-chapter-form{width:100%}
  .resource-chapter-form select{width:100%;min-width:0}
  .resource-classification+.alert{overflow-wrap:anywhere}
}