:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#17202a;background:#eef1f4;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #155eef;--accent-hover: #0f4fcf;--text: #17202a;--muted: #687481;--border: #dce2e8;--surface: #fff;--canvas: #eef1f4;--success: #137a4a;--success-bg: #e8f6ef;--warning: #915d0a;--warning-bg: #fff3d8}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden;scroll-behavior:smooth;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(21,94,239,.25);outline-offset:2px}.app-shell{min-height:100vh;padding-top:68px}.topbar{position:fixed;z-index:30;top:0;right:0;left:0;min-height:68px;display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:20px;padding:10px 22px;background:#fffffffa;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{min-width:max-content;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;background:var(--surface);border-radius:7px;box-shadow:0 3px 10px #17202a29}.brand-mark img{width:36px;height:36px;object-fit:contain}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-size:18px}.brand-copy small{color:var(--muted);font-size:11px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:3px}.primary-nav a{min-height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;color:#4b5762;text-decoration:none;border-radius:6px;font-size:14px;white-space:nowrap}.primary-nav a:hover{color:var(--text);background:#f0f3f6}.primary-nav a.router-link-active{color:#0e4aad;font-weight:650;background:#eaf1ff}.page-layout{width:100%;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);align-items:start}.sidebar{position:fixed;z-index:20;top:68px;bottom:0;left:0;width:var(--sidebar-width);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:20px 10px 12px 14px;overflow:hidden;background:#fff;border-right:1px solid var(--border)}.sidebar-heading,.sidebar-heading>div,.category-search,.title-row,.catalog-actions,.search-box,.card-title-row,.card-meta,.pagination,.state-panel button,.preview-header,.preview-header>div,.preview-actions{display:flex;align-items:center}.sidebar-heading{justify-content:space-between;margin:0 4px 14px}.sidebar-heading>div{gap:8px}.sidebar-heading strong{font-size:15px}.sidebar-heading>span{min-width:28px;padding:3px 7px;text-align:center;color:var(--muted);background:#edf1f4;border-radius:4px;font-size:12px}.category-search{height:40px;gap:8px;margin-bottom:10px;padding:0 11px;color:var(--muted);background:#f5f7f9;border:1px solid var(--border);border-radius:6px}.category-search:focus-within{background:#fff;border-color:#9ab9f7}.category-search input,.search-box input{min-width:0;flex:1;color:var(--text);background:transparent;border:0;outline:0}.category-search input::placeholder,.search-box input::placeholder{color:#8a949f}.sidebar>.category-list,.sidebar>.category-tree{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bdc6cf transparent}.category-list{display:grid;align-content:start;gap:2px}.category-list button{width:100%;min-height:40px;padding:8px 11px;overflow:hidden;text-align:left;line-height:1.45;color:#3d4854;background:transparent;border:0;border-radius:6px;font-size:14px;white-space:nowrap}.category-list button:hover{color:var(--text);background:#f0f3f6}.category-list button.active{color:#0e4aad;font-weight:650;background:#eaf1ff;box-shadow:inset 3px 0 var(--accent)}.no-categories{padding:12px 10px;color:var(--muted);font-size:13px}.category-tree{display:grid;align-content:start;gap:2px}.category-row{min-width:0;display:flex;align-items:flex-start}.tree-toggle{width:27px;height:36px;display:grid;place-items:center;flex:none;padding:0;color:#71808d;background:transparent;border:0;border-radius:4px}.tree-toggle svg{transition:transform .15s ease}.tree-toggle.expanded svg{transform:rotate(90deg)}.tree-toggle:hover{color:var(--accent);background:#f0f3f6}.tree-spacer{width:27px;flex:none}.tree-label{min-width:0;min-height:38px;flex:1;padding:7px;text-align:left;color:#3d4854;background:transparent;border:0;border-radius:6px;font-size:14px;line-height:1.45;white-space:nowrap}.tree-label:hover{color:var(--text);background:#f0f3f6}.tree-label.active{color:#0e4aad;font-weight:650;background:#eaf1ff}.content{min-width:0;min-height:calc(100vh - 68px);grid-column:2;padding:24px 26px 34px;background:var(--canvas)}.catalog-toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.content-heading{min-width:0}.eyebrow{display:block;margin-bottom:4px;color:var(--accent);font-size:12px;font-weight:700}.title-row{align-items:baseline;gap:10px;min-width:0}.content-heading h1{min-width:0;margin:0;overflow-wrap:anywhere;font-size:24px;line-height:1.3;letter-spacing:0}.result-count{flex:none;color:var(--muted);font-size:13px;white-space:nowrap}.catalog-actions{gap:8px;min-width:min(470px,45vw)}.search-box{width:100%;height:42px;gap:10px;padding-left:13px;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:7px}.search-box:focus-within{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #155eef17}.search-box button,.filter-trigger{width:42px;height:42px;display:grid;place-items:center;flex:none;color:#fff;background:var(--accent);border:0}.search-box button{border-radius:0 6px 6px 0}.filter-trigger{display:none;border-radius:7px}.search-box button:hover,.filter-trigger:hover{background:var(--accent-hover)}.sample-badge{display:block;width:fit-content;margin:-6px 0 14px;padding:5px 8px;color:var(--warning);background:var(--warning-bg);border:1px solid #efd498;border-radius:4px;font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr));gap:16px}.catalog-card{min-width:0;display:block;padding:0;overflow:hidden;text-align:left;color:inherit;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 5px #17202a09;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.catalog-card:hover{transform:translateY(-2px);border-color:#b7c3cf;box-shadow:0 10px 24px #17202a1a}.catalog-card[aria-disabled=true]{cursor:default}.catalog-card.is-button{width:100%}.catalog-media{position:relative;aspect-ratio:4 / 3;display:block;overflow:hidden;background:var(--surface);border-bottom:1px solid #e4e8ec}.catalog-media img{width:100%;height:100%;display:block;padding:9px;object-fit:contain;object-position:center;background:var(--surface);transition:transform .18s ease}.catalog-card:hover .catalog-media img{transform:scale(1.012)}.year-chip{position:absolute;top:10px;right:10px;padding:4px 7px;color:var(--warning);background:#fff7e4f5;border:1px solid rgba(219,179,96,.48);border-radius:4px;font-size:12px;box-shadow:0 1px 3px #17202a14}.image-fallback{height:100%;display:grid;place-content:center;justify-items:center;gap:7px;color:#74808c;font-size:13px}.card-body{min-height:130px;display:flex;flex-direction:column;gap:9px;padding:14px}.card-title-row{align-items:start;gap:8px}.card-title-row strong{min-width:0;min-height:44px;flex:1;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.4}.card-title-row svg{flex:none;margin-top:3px;color:#8a949f}.catalog-card:hover .card-title-row svg{color:var(--accent)}.card-meta{min-width:0;gap:6px;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.card-meta svg{flex:none}.category-chip{width:fit-content;max-width:100%;margin-top:auto;padding:4px 7px;overflow:hidden;color:var(--success);background:var(--success-bg);border:1px solid #cceada;border-radius:4px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pagination{justify-content:center;gap:12px;margin:30px 0 4px}.pagination button{width:40px;height:40px;display:grid;place-items:center;color:#26323e;background:#fff;border:1px solid var(--border);border-radius:6px}.pagination button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{min-width:76px;text-align:center;color:var(--muted);font-size:14px}.state-panel{min-height:420px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.state-panel h2{margin:13px 0 5px;color:#26323e;font-size:19px}.state-panel p{margin:0 0 18px}.state-panel button{min-height:40px;gap:7px;padding:0 14px;color:#fff;background:var(--accent);border:0;border-radius:6px}.skeleton{background:linear-gradient(90deg,#e4e8ec 25%,#f4f6f8,#e4e8ec 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.image-skeleton{aspect-ratio:4 / 3}.skeleton-card:hover{transform:none;box-shadow:none}.line{width:76%;height:13px;border-radius:3px}.line.wide{width:100%;height:17px}.line.short{width:42%}@keyframes shimmer{to{background-position-x:-200%}}.drawer-layer{display:none}.preview-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;overflow:hidden;background:#111820;border:0;border-radius:8px;box-shadow:0 28px 80px #0006}.preview-dialog::backdrop{background:#070b0fc7}.preview-shell{display:grid;max-height:calc(100vh - 32px)}.preview-header{min-height:54px;justify-content:space-between;gap:18px;padding:8px 10px 8px 18px;color:#fff;background:#1a242e}.preview-header>div:first-child{min-width:0;gap:8px}.preview-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{gap:4px}.preview-actions a,.preview-actions button{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:transparent;border:0;border-radius:6px}.preview-actions a:hover,.preview-actions button:hover{background:#ffffff1f}.preview-stage{min-height:240px;display:grid;place-items:center;overflow:auto;background:#090d11}.preview-stage img{max-width:100%;max-height:calc(100vh - 86px);display:block;object-fit:contain}@media(max-width:1080px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.brand-copy small{display:none}.primary-nav a{padding-inline:10px}.content{padding-inline:20px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px}}@media(max-width:820px){.app-shell{padding-top:124px}.topbar{min-height:124px;grid-template-columns:1fr auto;gap:8px 12px;padding:10px 14px}.brand{min-width:0}.primary-nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto}.primary-nav a{flex:none;min-height:38px}.page-layout{display:block}.sidebar{display:none}.content{min-height:calc(100vh - 124px);grid-column:auto;padding:20px 16px 28px}.catalog-toolbar{align-items:stretch;flex-direction:column;gap:12px}.content-heading h1{font-size:21px}.catalog-actions{min-width:0;width:100%}.filter-trigger{display:grid}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{min-height:126px;padding:12px}.card-title-row strong{min-height:42px;font-size:15px}.drawer-layer{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:block;visibility:hidden}.drawer-layer.open{visibility:visible}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:#10182085;border:0;opacity:0;transition:opacity .18s ease}.drawer-layer.open .drawer-backdrop{opacity:1}.filter-drawer{position:absolute;top:0;right:0;width:min(94vw,var(--sidebar-width));height:100%;padding:18px 16px;overflow-y:auto;background:#fff;box-shadow:-10px 0 28px #0000002e;transform:translate(100%);transition:transform .18s ease}.drawer-layer.open .filter-drawer{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-header button{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:0;border-radius:6px}body.drawer-visible{overflow:hidden}}@media(max-width:560px){.brand-copy strong{font-size:17px}.brand-mark{width:38px;height:38px}.primary-nav a{padding-inline:9px;font-size:13px}.primary-nav a svg{display:none}.content{padding-inline:12px}.title-row{align-items:end;flex-wrap:wrap;row-gap:2px}.catalog-grid{grid-template-columns:1fr}.catalog-media img{padding:8px}.card-body{min-height:116px}.card-title-row strong{min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}