.qx-catalog{--qx-red:#b8272e;--qx-ink:#16191d;--qx-muted:#747a83;--qx-line:#e1e4e6;background:#f5f6f7;color:var(--qx-ink);padding:90px 4vw;font-family:Arial,"Microsoft YaHei",sans-serif}.qx-catalog *{box-sizing:border-box}.qx-catalog .qx-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.qx-catalog .qx-head h2{font-size:44px;font-weight:300;margin:8px 0}.qx-catalog .qx-head p{max-width:450px;color:#626c70;font-size:12px;line-height:1.8}.qx-catalog .qx-kicker{font-size:10px;letter-spacing:.29em;color:var(--qx-red)}.qx-stats{display:flex;gap:34px;margin:0 0 34px;padding:19px 0;border-top:1px solid #d8dcde;border-bottom:1px solid #d8dcde}.qx-stat{display:flex;align-items:baseline;gap:8px}.qx-stat strong{font:400 28px ui-monospace,monospace}.qx-stat span{color:var(--qx-muted);font-size:10px;letter-spacing:.08em}.qx-tools{display:flex;justify-content:flex-end;margin-bottom:20px}.qx-search{width:min(100%,410px);height:48px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff;border:1px solid var(--qx-line);box-shadow:0 8px 28px #1e242a0a}.qx-search-icon{width:15px;height:15px;border:1.7px solid #6f757c;border-radius:50%;position:relative}.qx-search-icon:after{content:"";width:6px;height:1.5px;background:#6f757c;position:absolute;right:-5px;bottom:-2px;transform:rotate(45deg)}.qx-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}.qx-search input::placeholder{color:#a2a6ab}.qx-search kbd{padding:3px 6px;color:#9a9fa5;background:#f2f3f4;border:1px solid #e2e4e6;border-radius:3px;font:9px ui-monospace,monospace}.qx-mobile-filter{display:none}.qx-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:42px;align-items:start}.qx-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin;padding-right:14px}.qx-sidebar-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 10px 15px;border-bottom:1px solid #d9dcdf}.qx-sidebar-head span{font-weight:700;font-size:14px}.qx-sidebar-head small{color:#979ca3;font:9px ui-monospace,monospace;letter-spacing:.14em}.qx-category-list{padding:7px 0 30px}.qx-category{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 10px;border:0;border-left:2px solid transparent;background:transparent;cursor:pointer;text-align:left;color:#676d74;font-size:12px;transition:.18s ease}.qx-category span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qx-category small{color:#a2a6ac;font:10px ui-monospace,monospace}.qx-category:hover{color:var(--qx-ink);background:#ffffffb3}.qx-category.active{color:var(--qx-red);border-left-color:var(--qx-red);background:#fff;font-weight:700;box-shadow:0 5px 20px #1b20250a}.qx-category.active small{color:var(--qx-red)}.qx-results-head{display:flex;align-items:end;justify-content:space-between;min-height:40px;margin-bottom:17px}.qx-results-head p{margin:0 0 5px;font-size:18px;font-weight:700}.qx-results-head span,.qx-view-note{color:var(--qx-muted);font-size:11px}.qx-view-note:before{content:"↗";margin-right:7px;color:var(--qx-red)}.qx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.qx-card{position:relative;min-width:0;padding:0;overflow:hidden;background:#fff;border:1px solid var(--qx-line);border-radius:2px;cursor:zoom-in;text-align:left;box-shadow:0 8px 22px #1f24290a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:var(--qx-ink)}.qx-card:hover{transform:translateY(-3px);border-color:#c8cbd0;box-shadow:0 18px 38px #1f24291c}.qx-texture{aspect-ratio:4/5;overflow:hidden;background:#e9eaeb;position:relative;display:block}.qx-texture img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.qx-card:hover img{transform:scale(1.025)}.qx-card-info{height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 15px}.qx-card-copy{min-width:0}.qx-card-copy strong{font:700 13px ui-monospace,monospace;letter-spacing:.04em}.qx-card-copy em{display:block;color:#9aa0a5;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.qx-card-open{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#f0f1f2;color:#656b72;font-size:13px}.qx-empty{padding:90px 20px;text-align:center;border:1px dashed #ccd0d4;background:#ffffff80}.qx-empty h3{font-size:20px;font-weight:400}.qx-empty p{color:var(--qx-muted);font-size:13px}.qx-empty button{margin-top:10px;padding:10px 20px;border:0;color:#fff;background:var(--qx-ink);cursor:pointer}.qx-modal{width:min(1180px,calc(100vw - 50px));max-width:none;height:min(820px,calc(100vh - 50px));max-height:none;padding:0;border:0;border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 34px 100px #0006}.qx-modal::backdrop{background:#0d0f12d9;backdrop-filter:blur(8px)}.qx-modal-frame{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 310px}.qx-modal-visual{position:relative;min-height:0;display:grid;place-items:center;overflow:auto;background:#eceeef}.qx-modal-visual img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1}.qx-loader{position:absolute;color:#868c92;font-size:12px;letter-spacing:.08em}.qx-modal-info{padding:74px 35px 36px;display:flex;flex-direction:column}.qx-modal-info>p{margin:0 0 16px;color:var(--qx-red);font:700 10px ui-monospace,monospace;letter-spacing:.17em}.qx-modal-info h3{margin:0 0 38px;font:600 38px ui-monospace,monospace}.qx-modal-info div{padding-top:18px;border-top:1px solid var(--qx-line);display:grid;gap:8px}.qx-modal-info div span{color:var(--qx-muted);font-size:10px}.qx-modal-info div strong{font-size:13px;line-height:1.6}.qx-modal-info small{margin-top:auto;color:#92979e;font-size:10px;line-height:1.7}.qx-modal-close{position:absolute;z-index:3;top:20px;right:20px;width:38px;height:38px;border:0;border-radius:50%;color:#555b62;background:#f0f1f2;cursor:pointer;font-size:25px;line-height:1}
@media(max-width:1180px){.qx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.qx-catalog{padding:65px 4vw}.qx-catalog .qx-head{display:block}.qx-stats{gap:26px}.qx-tools{display:grid;gap:10px;position:sticky;top:8px;z-index:8}.qx-mobile-filter{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border:1px solid var(--qx-line);background:#fffffff5;font-size:12px}.qx-mobile-filter b{color:var(--qx-red);font-size:11px}.qx-search{width:100%;height:44px;background:#fffffff5}.qx-layout{display:block}.qx-sidebar{position:fixed;inset:0;z-index:30;max-height:none;padding:70px 20px 40px;background:#f7f8f9fa;transform:translateX(-105%);transition:transform .28s ease}.qx-sidebar.open{transform:translateX(0)}.qx-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.qx-category{background:#fff;border:1px solid #e2e4e6;border-left:2px solid transparent;padding:12px 10px}.qx-category.active{border-left-color:var(--qx-red)}.qx-view-note{display:none}.qx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qx-card-info{height:55px;padding:0 10px}.qx-card-copy em{display:none}.qx-modal{width:calc(100vw - 20px);height:calc(100vh - 20px)}.qx-modal-frame{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.qx-modal-info{padding:18px 20px 22px}.qx-modal-info>p,.qx-modal-info small{display:none}.qx-modal-info h3{margin:0 0 13px;font-size:26px}.qx-modal-info div{padding-top:12px;grid-template-columns:62px 1fr}.qx-modal-close{top:12px;right:12px;background:#ffffffe8}}
@media(max-width:390px){.qx-category-list{grid-template-columns:1fr}.qx-grid{gap:8px}.qx-card-open{display:none}}
@media(prefers-reduced-motion:reduce){.qx-catalog *{transition-duration:.01ms!important}}