.warehouse-body{--cargo-ink:#20150e;--cargo-paper:#f3eadb;--cargo-gold:#b96e2e;--cargo-line:rgba(65,35,17,.19);min-height:100vh;color:var(--cargo-ink);background:#21140d}.warehouse-bg{position:fixed;inset:0;z-index:-2;background:url('../media/warehouse-bg.jpg') center/cover no-repeat}.warehouse-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,10,6,.82) 0%,rgba(17,10,6,.55) 33%,rgba(17,10,6,.18) 100%),linear-gradient(180deg,rgba(9,7,5,.25),rgba(9,7,5,.45));backdrop-filter:saturate(.8)}.warehouse-topbar{color:#fff4df;border-bottom-color:rgba(255,238,208,.2);background:rgba(20,12,8,.42);backdrop-filter:blur(14px)}.warehouse-topbar .brand{color:#fff4df}.warehouse-back{color:#fff4df;text-decoration:none;font-weight:700;font-size:.86rem}.warehouse-topbar__meta{display:flex;gap:12px;align-items:center;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.warehouse-topbar__meta b{display:grid;place-items:center;min-width:34px;height:26px;border:1px solid rgba(255,238,208,.35);border-radius:99px}.warehouse-shell{width:min(1500px,calc(100% - 44px));margin:28px auto;min-height:calc(100vh - 138px);display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid rgba(255,245,225,.34);background:rgba(242,233,216,.91);box-shadow:0 28px 80px rgba(8,4,2,.43);backdrop-filter:blur(20px)}.warehouse-sidebar{padding:30px 24px;border-right:1px solid var(--cargo-line);background:rgba(244,234,216,.86);display:flex;flex-direction:column}.warehouse-title h1{font-family:"Noto Serif SC",serif;font-size:2.45rem;letter-spacing:-.06em;margin:12px 0 8px}.warehouse-title>p:last-child{font-size:.9rem;line-height:1.7;color:#685345;margin:0}.warehouse-search{height:48px;display:flex;align-items:center;gap:10px;margin:28px 0 24px;padding:0 13px;border:1px solid var(--cargo-line);background:rgba(255,252,246,.72)}.warehouse-search:focus-within{outline:2px solid rgba(185,110,46,.35);border-color:var(--cargo-gold)}.warehouse-search>span{font-size:1.3rem}.warehouse-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:.86rem;color:var(--cargo-ink)}.warehouse-search kbd{font:inherit;font-size:.7rem;border:1px solid var(--cargo-line);padding:2px 6px;border-radius:3px;color:#806a59}.warehouse-categories>p{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#806a59;margin:0 10px 9px}.category-button{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:11px 10px;font:inherit;font-size:.9rem;color:#5d493b;cursor:pointer;border-left:2px solid transparent}.category-button:hover{background:rgba(185,110,46,.08)}.category-button.is-active{color:#7b3c13;background:rgba(185,110,46,.12);border-left-color:var(--cargo-gold);font-weight:800}.category-button b{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:99px;background:rgba(66,39,22,.08)}.warehouse-note{margin-top:auto;border-top:1px solid var(--cargo-line);padding-top:20px}.warehouse-note span{font-size:.63rem;font-weight:800;letter-spacing:.17em;color:#95643e}.warehouse-note p{font-size:.76rem;line-height:1.65;color:#776052;margin:8px 0 0}.warehouse-content{padding:30px;min-width:0}.warehouse-content__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.warehouse-content__head h2{font-family:"Noto Serif SC",serif;font-size:1.75rem;margin:8px 0 0}.warehouse-result{font-size:.78rem;color:#725a49}.warehouse-result span{font-size:1.35rem;font-weight:800;color:var(--cargo-gold);margin-right:4px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.resource-card{min-width:0;background:rgba(255,252,245,.88);border:1px solid rgba(83,49,25,.14);box-shadow:0 8px 24px rgba(51,28,13,.07);transition:.25s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(51,28,13,.14)}.resource-card__preview{width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;border:0;padding:0;background:#4b2e1b;cursor:pointer}.resource-card__preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,10,4,.45))}.resource-card__preview img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.9);transform:scale(1.02);transition:.35s}.resource-card:hover img{transform:scale(1.06)}.resource-card__preview img[src=""]{display:none}.resource-card__fallback{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,242,218,.82);font:800 2.25rem/1 Outfit,sans-serif;letter-spacing:.08em;background:linear-gradient(135deg,#62401f,#24150d)}.resource-card__preview img:not([src=""])+.resource-card__fallback{display:none}.resource-card__type{position:absolute;z-index:1;left:12px;bottom:10px;padding:4px 7px;background:rgba(25,13,7,.72);color:#fff5e1;font-size:.65rem;font-weight:800;letter-spacing:.1em}.resource-card__body{padding:15px}.resource-card__line{display:flex;gap:10px;align-items:start}.resource-card h3{font-family:"Noto Serif SC",serif;font-size:1rem;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card__size{font-size:.65rem;color:#806a59;padding-top:3px}.resource-card__desc{font-size:.75rem;line-height:1.6;color:#735d4e;height:2.4rem;overflow:hidden;margin:9px 0 14px}.resource-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.resource-card__tags{display:flex;gap:5px;min-width:0;overflow:hidden}.resource-tag{font-size:.62rem;color:#7b573b;background:#eee1d0;padding:3px 6px;white-space:nowrap}.resource-card__download,.resource-dialog__download{flex:0 0 auto;text-decoration:none;background:#7c3f18;color:#fff5e6;font-size:.72rem;font-weight:800;padding:7px 12px}.resource-card__download.is-disabled,.resource-dialog__download.is-disabled{background:#b2a394;cursor:not-allowed}.warehouse-empty{text-align:center;padding:80px 20px;color:#765d4c}.warehouse-empty>span{font-size:2rem}.warehouse-empty h3{font-family:"Noto Serif SC",serif}.resource-dialog{width:min(940px,calc(100% - 32px));padding:0;border:1px solid rgba(255,244,224,.45);background:#f3eadb;color:var(--cargo-ink);box-shadow:0 30px 90px rgba(6,3,1,.62)}.resource-dialog::backdrop{background:rgba(12,7,4,.72);backdrop-filter:blur(8px)}.resource-dialog[open]{display:grid;grid-template-columns:1.2fr .8fr}.resource-dialog__close{position:absolute;z-index:2;right:12px;top:10px;width:42px;height:42px;border:0;background:rgba(28,16,9,.55);color:white;font-size:1.7rem;cursor:pointer}.resource-dialog__preview{min-height:520px;background:#352114;position:relative;display:grid;place-items:center;overflow:hidden}.resource-dialog__preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.resource-dialog__preview img[src=""]{display:none}.resource-dialog__preview span{font-size:4rem;font-weight:800;color:rgba(255,242,218,.7)}.resource-dialog__info{padding:44px 34px;align-self:center}.resource-dialog__info h2{font-family:"Noto Serif SC",serif;font-size:2rem;margin:13px 0}.resource-dialog__desc{color:#6d5544;line-height:1.7}.resource-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;padding:20px 0;border-block:1px solid var(--cargo-line);font-size:.8rem}.resource-dialog dt{color:#866c59}.resource-dialog dd{margin:0;font-weight:700}.resource-dialog__tags{display:flex;gap:6px;margin-bottom:24px}.resource-dialog__download{display:inline-block;padding:11px 20px}.warehouse-back:focus-visible,.category-button:focus-visible,.resource-card__preview:focus-visible,.resource-card__download:focus-visible{outline:3px solid #f0a45f;outline-offset:3px}@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.warehouse-topbar__meta{display:none}.warehouse-shell{width:calc(100% - 24px);margin:12px auto;grid-template-columns:1fr}.warehouse-sidebar{border-right:0;border-bottom:1px solid var(--cargo-line)}.warehouse-title h1{font-size:2rem}.warehouse-categories{display:flex;overflow:auto;gap:6px}.warehouse-categories>p{display:none}.category-button{width:auto;flex:0 0 auto;border-left:0;border-bottom:2px solid transparent;padding:10px}.category-button.is-active{border-left:0;border-bottom-color:var(--cargo-gold)}.warehouse-note{display:none}.warehouse-content{padding:22px}.resource-dialog[open]{grid-template-columns:1fr}.resource-dialog__preview{min-height:280px}.resource-dialog__info{padding:28px}.resource-dialog__close{background:rgba(28,16,9,.7)}}@media(max-width:520px){.warehouse-back{font-size:0}.warehouse-back:after{content:"← 大厅";font-size:.8rem}.resource-grid{grid-template-columns:1fr}.warehouse-content{padding:18px}.warehouse-content__head{align-items:center}}

.cargo-subcategories{border-top:1px solid #cbbca8;margin:12px 0;padding:10px 0}.cargo-subcategories button{font-size:14px}.cargo-subcategories button:disabled{opacity:.45;cursor:not-allowed}.download-error{font-size:14px;color:#803714}.download-error a{display:block;text-decoration:underline}@media(max-width:760px){.cargo-subcategories{display:flex;flex-wrap:wrap}.cargo-subcategories button{width:auto}}

/* Clear category colors */
.warehouse-categories .category-button{margin:5px 0;border-left:5px solid transparent;border-radius:4px;background:rgba(255,255,255,.42)}
.warehouse-categories .category-button[data-category="all"]{border-left-color:#76513a}
.warehouse-categories .category-button[data-category="image"]{border-left-color:#b55d21}
.warehouse-categories .category-button[data-category="audio"]{border-left-color:#2b6f89}
.warehouse-categories .category-button[data-category="video"]{border-left-color:#72558e}
.warehouse-categories .category-button[data-category="document"]{border-left-color:#55733f}
.warehouse-categories .category-button[data-category="archive"]{border-left-color:#62676d}
.warehouse-categories .category-button.is-active{color:#21150d;background:#fff8eb;box-shadow:inset 0 0 0 2px currentColor,0 4px 12px rgba(49,29,15,.1)}
.warehouse-categories .category-button[data-category="image"].is-active{color:#8d3e0c}
.warehouse-categories .category-button[data-category="audio"].is-active{color:#175a72}
.warehouse-categories .category-button[data-category="video"].is-active{color:#5c3e79}
.warehouse-categories .category-button[data-category="document"].is-active{color:#3e6128}
.warehouse-categories .category-button[data-category="archive"].is-active{color:#4d5359}
.cargo-subcategories{margin:14px 0;padding:14px;border:1px solid #cfbda6;border-radius:6px;background:#fff8eb;display:block}
.cargo-subcategories:empty{display:none}
.cargo-subcategories[data-category="image"]{border-top:7px solid #b55d21;background:#fff1e7}
.cargo-subcategories[data-category="audio"]{border-top:7px solid #2b6f89;background:#e9f5f9}
.cargo-subcategories[data-category="document"]{border-top:7px solid #55733f;background:#eef5e9}
.cargo-subcategories__title{margin:0 0 10px;font-size:.8rem;font-weight:800}
.cargo-subcategories__choices{display:flex;flex-wrap:wrap;gap:7px}
.cargo-chip{border:0;border-radius:999px;padding:8px 11px;color:white;cursor:pointer;font:700 .78rem/1.2 inherit;opacity:.78}
.cargo-chip:hover{opacity:1}
.cargo-chip--image{background:#b55d21}.cargo-chip--audio{background:#2b6f89}.cargo-chip--document{background:#55733f}
.cargo-chip.is-active{opacity:1;transform:translateY(-1px)}
.cargo-chip--image.is-active{box-shadow:0 0 0 3px #fff,0 0 0 6px #b55d21}.cargo-chip--audio.is-active{box-shadow:0 0 0 3px #fff,0 0 0 6px #2b6f89}.cargo-chip--document.is-active{box-shadow:0 0 0 3px #fff,0 0 0 6px #55733f}
.resource-card[data-category="image"]{border-top:4px solid #b55d21}.resource-card[data-category="audio"]{border-top:4px solid #2b6f89}.resource-card[data-category="video"]{border-top:4px solid #72558e}.resource-card[data-category="document"]{border-top:4px solid #55733f}.resource-card[data-category="archive"]{border-top:4px solid #62676d}
.resource-tag--image{color:#8d3e0c;background:#f6d9c6}.resource-tag--audio{color:#175a72;background:#d4eaf1}.resource-tag--video{color:#5c3e79;background:#e7dcef}.resource-tag--document{color:#3e6128;background:#dfead7}.resource-tag--archive{color:#4d5359;background:#e1e3e5}
@media(max-width:760px){.warehouse-categories .category-button{border-left-width:5px;border-bottom:0}.cargo-subcategories{display:block}.cargo-subcategories__choices{overflow-x:auto;flex-wrap:nowrap;padding:4px}.cargo-chip{flex:0 0 auto}}
