.resource-page{--resource-line:#86aac424;--resource-line-strong:#96bedc57;--resource-text:#e7edf5e6;--resource-muted:#a2b0bfa3;--resource-dim:#7d8e9e75;--resource-blue:#7eabc9d1;--resource-sticky-offset:var(--site-header-block-size);width:min(1120px,100% - 48px);min-height:calc(100vh - var(--resource-sticky-offset));padding:var(--site-page-top-spacing) 0 clamp(96px, 14vh, 160px);margin:0 auto;position:relative}@media (width<=640px){.resource-page{width:min(100% - 28px,560px);padding-top:var(--site-page-top-spacing)}}.resource-explorer{min-height:calc(100vh - var(--resource-sticky-offset));align-content:start;gap:clamp(32px,5vw,50px);display:grid}.resource-hero{width:min(740px,100%);color:var(--resource-muted);align-content:start;gap:12px;display:grid}.resource-hero__eyebrow{color:var(--resource-blue);font-family:var(--type-display-label-font);font-size:var(--type-display-label-size);font-weight:var(--type-display-label-weight);letter-spacing:var(--type-display-label-tracking);text-transform:uppercase;margin:0}.resource-hero h1{color:var(--resource-text);font-family:var(--type-index-title-font);font-size:var(--type-index-title-size);font-weight:var(--type-index-title-weight);line-height:var(--type-index-title-line);margin:0}.resource-hero>p:not(.resource-hero__eyebrow){max-width:35rem;color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.75}.resource-filters{flex-wrap:wrap;gap:12px 26px;margin-top:12px;display:flex}.resource-filter{min-height:32px;color:var(--color-text-muted);font-family:var(--type-display-label-font);letter-spacing:.09em;cursor:pointer;transition:color var(--motion-fast) ease;background:0 0;border:0;padding:0;font-size:.72rem}.resource-filter:hover,.resource-filter.is-active{color:var(--color-text-strong)}.resource-results{min-width:0}.resource-gallery{--resource-row-height:clamp(180px, 28vw, 320px);flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.resource-gallery:after{content:"";flex:10000 1 0}.resource-card{flex:var(--resource-card-ratio) 1 calc(var(--resource-card-ratio) * var(--resource-row-height));min-width:0;max-width:100%;aspect-ratio:var(--resource-card-ratio);color:inherit;cursor:zoom-in;transition:opacity var(--motion-fast) ease;display:block;overflow:hidden}.resource-card img{object-fit:contain;width:100%;height:100%;transition:transform var(--motion-medium) var(--motion-ease-out);display:block}.resource-card[data-pixel-art] img{image-rendering:pixelated}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.resource-card:hover img{transform:scale(1.025)}}.resource-card:active{opacity:.85}.resource-card[aria-busy=true]{cursor:progress}.resource-card:focus-visible,.resource-filter:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.resource-empty{color:var(--resource-muted);padding:28px 0}.resource-empty p{color:var(--resource-text);font-size:var(--type-section-title-size);margin:0 0 10px}.resource-empty span{line-height:1.8}@media (width<=640px){.resource-gallery{gap:8px}.resource-filters{gap:10px 18px}}@media (prefers-reduced-motion:reduce){.resource-card,.resource-card img,.resource-filter{transition:none}}.telysta-lightbox{--pswp-bg:var(--color-background);--pswp-placeholder-bg:transparent;--pswp-icon-color:var(--color-text);font-family:var(--font-body)}.resource-viewer-frame{pointer-events:none;position:absolute}.telysta-lightbox.pswp--ui-visible .resource-viewer-frame{pointer-events:none}.resource-viewer-toolbar{color:var(--color-text-strong);opacity:1;transition:opacity var(--motion-fast) ease;background:linear-gradient(#0000,#070a10c7);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 12px;padding:48px 16px 12px;display:flex;position:absolute;inset:auto 0 0}.resource-viewer-toolbar h2{text-wrap:balance;text-shadow:0 1px 5px #070a10;flex:160px;margin:0;padding-block:10px;font-size:clamp(.78rem,1.1vw,.95rem);font-weight:500;line-height:1.5}.resource-viewer-actions{pointer-events:auto;align-items:center;margin-left:auto;display:flex}.resource-viewer-button{width:44px;height:44px;color:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.resource-viewer-button:hover{color:var(--color-accent);background:#9cc7e814}.resource-viewer-button:disabled{opacity:.28;cursor:default}.resource-viewer-button:focus-visible{outline:1px solid var(--color-accent);outline-offset:-3px}.resource-viewer-arrow{pointer-events:auto;color:var(--color-text-strong);transition:opacity var(--motion-fast) ease, color var(--motion-fast) ease, background var(--motion-fast) ease;background:#070a1099;position:absolute;top:calc(50% - 22px)}.resource-viewer-arrow--previous{left:8px}.resource-viewer-arrow--next{right:8px}.resource-viewer-arrow:hover{background:#070a10c7}.resource-viewer-frame.is-idle .resource-viewer-arrow{opacity:0;pointer-events:none}.resource-viewer-frame.is-idle .resource-viewer-toolbar{opacity:0}.resource-viewer-frame.is-idle .resource-viewer-actions{pointer-events:none}.telysta-lightbox.is-pixel-art .pswp__img{image-rendering:pixelated}.resource-download-dialog{background:var(--color-background-soft);width:min(420px,100vw - 32px);max-height:min(520px,100dvh - 48px);color:var(--color-text);font-family:var(--font-body);touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;border:1px solid #9cc7e829;border-radius:8px;padding:24px;font-size:.82rem;overflow-y:auto}.resource-download-dialog[open]{animation:.18s ease-out resource-download-enter}.resource-download-dialog[open].is-closing{animation:.16s ease-in forwards resource-download-exit}.resource-download-dialog::backdrop{background:#04070ca6}.resource-download-dialog::-webkit-scrollbar{display:none}.resource-download-dialog h2{margin:0 40px 12px 0;font-size:1rem;font-weight:500}.resource-download-dialog__hint{color:var(--color-text-muted);margin:0 0 16px;font-size:.72rem}.resource-download-dialog ul{margin:0;padding:0;list-style:none}.resource-download-dialog a{border-top:1px solid var(--color-border);min-height:48px;transition:color var(--motion-fast) ease;justify-content:space-between;align-items:center;gap:16px;padding:8px 4px;text-decoration:none;display:flex}.resource-download-dialog a small{color:var(--color-text-muted)}.resource-download-dialog a[aria-current]{color:var(--color-accent)}.resource-download-dialog a[aria-current] span:after{content:" · 当前";font-size:.7rem}.resource-download-dialog a:hover{color:var(--color-accent)}.resource-download-dialog a:focus-visible,.resource-download-dialog button:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}.resource-download-dialog__close{width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:12px;right:12px}@keyframes resource-download-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes resource-download-exit{to{opacity:0;transform:translateY(4px)}}@media (width<=640px){.resource-viewer-toolbar{gap:0;padding:36px 10px 8px}.resource-viewer-toolbar h2{flex-basis:100%;padding:4px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.resource-viewer-toolbar,.resource-viewer-button,.resource-download-dialog,.resource-download-dialog a{transition:none!important;animation:none!important}}