.pets-page{min-height:100vh;background:#08102f}.pets-bg{position:fixed;inset:0;z-index:0;background-image:linear-gradient(90deg,#060b22bd,#070f3094 21%,#0812394d 54%,#08123914 72%,#08123905),linear-gradient(180deg,rgba(5,9,29,.58) 0%,transparent 20%,transparent 72%,rgba(5,10,32,.34) 100%),url(../img/pets-bg.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;pointer-events:none}.pets-page>.nav,.pets-page>main,.pets-page>.foot{position:relative;z-index:1}.pets-page>.nav{position:fixed;z-index:100}.catalog-page{min-height:100vh;padding:calc(var(--nav-h) - 30px) 0 84px}.pet-layout{display:grid;grid-template-columns:clamp(190px,14vw,224px) minmax(0,1fr);align-items:start;gap:clamp(20px,2.2vw,34px);width:100%;padding:0 clamp(20px,2.2vw,40px)}.catalog-main{min-width:0}.filter-panel{position:sticky;top:calc(var(--nav-h) + 6px);display:flex;flex-direction:column;width:100%;height:auto;min-height:0;max-height:calc(100vh - var(--nav-h) - 22px);overflow:hidden;border-radius:8px;background:#081134ad;box-shadow:0 18px 52px #02081f61}.filter-panel:after{content:"";position:absolute;inset:0;border-left:2px solid rgba(159,227,245,.2);pointer-events:none}.filter-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:15px 16px 13px;border-bottom:1px solid rgba(185,205,255,.14)}.filter-head span{display:block;margin-bottom:2px;color:var(--aqua);font-family:var(--font-mono);font-size:10.5px;line-height:1.2;letter-spacing:0}.filter-head h2{font-size:16.5px;font-weight:600;line-height:1.35;letter-spacing:0}.filter-close{display:none;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--tx-2);background:#ffffff12}.filter-close svg{width:17px;height:17px}#petFilters{flex:1 1 auto;min-height:0;padding:0 12px 12px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(159,227,245,.26) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 24px),transparent 100%)}.filter-group{min-width:0;padding:14px 0;border:0;border-bottom:1px solid rgba(185,205,255,.11)}.filter-group legend{width:100%;margin-bottom:9px;color:var(--tx-2);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0}.filter-group legend small{float:right;color:var(--tx-3);font-size:11px;font-weight:400}.choice-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.category-list{display:grid;gap:3px}.category-list label{display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;min-height:34px;padding:6px 8px;border:1px solid transparent;border-radius:6px;color:var(--tx-2);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.category-list label:hover{color:var(--tx-1);background:#ffffff0e}.category-list label>i{display:grid;width:16px;height:16px;color:var(--aqua);opacity:.72}.category-list label span{overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.category-list label small{color:var(--tx-3);font-family:var(--font-mono);font-size:10.5px}.choice-input:checked+label{color:#fff;background:linear-gradient(100deg,#7c6be852,#9fe3f51a);border-color:#9fe3f538}.choice-input:checked+label>i{color:var(--gold);opacity:1}.choice-input:focus-visible+label{outline:2px solid var(--aqua);outline-offset:2px}.style-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px}.style-list label{display:flex;align-items:center;min-width:0;gap:7px;color:var(--tx-2);font-size:12px;line-height:1.35;cursor:pointer}.style-list input{appearance:none;flex:0 0 auto;width:15px;height:15px;border:1px solid rgba(185,205,255,.35);border-radius:4px;background:#050a1f70;transition:border-color .2s,background .2s}.style-list input:checked{border-color:var(--aqua);background-color:var(--pri-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 3 3 7-7'/%3E%3C/svg%3E")}.style-list input:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.style-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-group{display:grid;gap:11px}.switch-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.switch-row>span{min-width:0}.switch-row b{display:block;color:var(--tx-2);font-size:12.5px;font-weight:500}.switch-row small{display:block;color:var(--tx-3);font-size:10.5px}.switch-row input{position:absolute;width:1px;height:1px;opacity:0}.switch-row>i{position:relative;flex:0 0 auto;width:36px;height:20px;border:1px solid rgba(185,205,255,.26);border-radius:999px;background:#ffffff14;transition:background .2s,border-color .2s}.switch-row>i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--tx-3);transition:transform .22s var(--ease),background .22s}.switch-row input:checked+i{border-color:#9fe3f580;background:linear-gradient(90deg,var(--pri-1),#418ebd)}.switch-row input:checked+i:after{background:#fff;transform:translate(16px)}.switch-row input:focus-visible+i{outline:2px solid var(--aqua);outline-offset:2px}.filter-scrim{display:none}.filter-custom{display:block;flex:0 0 auto;margin:0 12px 13px 14px;padding:14px 14px 13px;border:1px solid rgba(185,168,255,.34);border-radius:10px;background:linear-gradient(140deg,#7c6be84d,#9fe3f51f),#101a45;text-align:left;transition:transform .28s var(--ease),border-color .25s,box-shadow .28s}.filter-custom:hover{transform:translateY(-2px);border-color:var(--pri-3);box-shadow:0 10px 26px #04081a6b}.filter-custom>i{display:block;width:19px;height:19px;margin-bottom:8px;color:var(--gold)}.filter-custom b{display:block;margin-bottom:4px;color:#fff;font-size:13px;font-weight:600;line-height:1.45}.filter-custom small{display:block;margin-bottom:12px;color:#eef1ffbd;font-size:11.5px;line-height:1.55}.fc-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:999px;background:linear-gradient(120deg,var(--pri-1),var(--pri-2));color:#fff;font-size:12.5px;font-weight:500;box-shadow:0 4px 16px #7c6be861;transition:box-shadow .25s}.fc-btn svg{width:14px;height:14px}.filter-custom:hover .fc-btn{box-shadow:0 8px 22px #7c6be88f}.catalog-intro{max-width:660px;margin-bottom:-6px;text-shadow:0 3px 28px rgba(3,8,30,.68)}.catalog-intro .eyebrow{margin-bottom:9px;padding:6px 14px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:0}.catalog-intro h1{margin-bottom:7px;font-size:36px;font-weight:700;line-height:1.18;letter-spacing:0}.catalog-intro h1 em{font-style:normal;color:var(--gold);background:linear-gradient(110deg,var(--aqua),var(--pri-3) 58%,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.catalog-intro p{max-width:530px;color:#eef1ffc2;font-size:14.5px;line-height:1.75}.catalog-toolbar{position:sticky;top:calc(var(--nav-h) + 10px);z-index:20;display:grid;grid-template-columns:minmax(210px,1fr) 164px auto;align-items:center;gap:10px;min-height:50px;margin-bottom:13px;padding:9px 11px;border:1px solid rgba(185,205,255,.2);border-radius:8px;background:#070f2ed1;box-shadow:0 14px 34px #02071b4d;backdrop-filter:blur(18px) saturate(1.15)}.filter-open{display:none;align-items:center;justify-content:center;min-height:40px;gap:7px;padding:0 13px;border:1px solid rgba(159,227,245,.24);border-radius:7px;color:var(--aqua);background:#9fe3f513;font-size:12px}.filter-open svg{width:16px;height:16px}.search-box{display:flex;align-items:center;min-width:0;height:40px;gap:9px;padding:0 12px;border:1px solid rgba(185,205,255,.16);border-radius:7px;background:#03091f75;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#9fe3f57a;box-shadow:0 0 0 3px #9fe3f514}.search-box>i{display:grid;flex:0 0 auto;width:17px;height:17px;color:var(--aqua)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--tx-1);background:transparent;font-size:12.5px}.search-box input::placeholder{color:var(--tx-3)}.search-box input::-webkit-search-cancel-button{filter:invert(1);opacity:.45}.sort-box{display:block;min-width:0}.sort-box select{width:100%;height:40px;padding:0 30px 0 11px;border:1px solid rgba(185,205,255,.16);border-radius:7px;outline:0;color:var(--tx-2);background-color:#03091f94;font-size:11.5px;cursor:pointer}.sort-box select:focus-visible{border-color:var(--aqua);box-shadow:0 0 0 3px #9fe3f514}.sort-box option{color:#eef1ff;background:#101a45}.result-count{min-width:92px;color:var(--tx-2);font-size:11px;line-height:1.4;text-align:right;white-space:nowrap}.result-count b{color:var(--gold);font-family:var(--font-mono);font-size:13px;font-weight:600}.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.catalog-grid .pcard{min-width:0;border-radius:10px}.catalog-grid .pcard:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-color:var(--aqua)}.catalog-grid .pcard-art{padding-bottom:4%}.catalog-grid .psprite{width:88%}.catalog-grid .pcard-body{padding:7px 8px 9px}.catalog-grid .pcard-body h4{margin-bottom:3px;font-size:13px;letter-spacing:0}.catalog-grid .pcard-meta{font-size:11px}.catalog-grid .pcard-meta .dl svg{width:11px;height:11px}.catalog-grid .pcard-no{top:5px;left:5px;padding:1px 5px;font-size:10px}.catalog-grid .pcard-tags{top:5px;right:5px;gap:3px}.catalog-grid .tag-hot,.catalog-grid .tag-ip,.catalog-grid .tag-zh{padding:1px 5px;font-size:10px}.catalog-grid .pcard-get{padding:8px 6px;font-size:12px}.catalog-loading{display:flex;align-items:center;justify-content:center;min-height:420px;gap:12px;color:var(--tx-2);font-size:13px}.catalog-loading[hidden]{display:none}.catalog-loading>i{display:grid;width:20px;height:20px;color:var(--aqua);animation:spin 1s linear infinite}.catalog-empty{min-height:430px;padding:82px 24px;text-align:center}.empty-orbit{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:1px solid rgba(159,227,245,.25);border-radius:50%;color:var(--aqua);background:#9fe3f514;box-shadow:0 0 36px #9fe3f51f}.empty-orbit svg{width:25px;height:25px}.catalog-error .empty-orbit{color:var(--gold);border-color:#f5d98a47}.catalog-empty h2{margin-bottom:8px;font-size:19px;font-weight:600;letter-spacing:0}.catalog-empty p{margin-bottom:21px;color:var(--tx-2);font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;min-height:42px;margin-top:30px}.pagination[hidden]{display:none}.page-btn,.page-gap{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:7px;font-family:var(--font-mono);font-size:11px}.page-btn{border:1px solid rgba(185,205,255,.17);color:var(--tx-2);background:#070f2eb3;backdrop-filter:blur(12px);transition:color .2s,border-color .2s,background .2s,transform .2s}.page-btn:hover:not(:disabled){color:#fff;border-color:#9fe3f56b;background:#9fe3f51a;transform:translateY(-2px)}.page-btn[aria-current=page]{color:#fff;border-color:#b9a8ff9e;background:linear-gradient(135deg,var(--pri-1),#588fc4);box-shadow:0 6px 20px #3e4bb157}.page-btn:disabled{cursor:default;opacity:.34}.page-btn svg{width:17px;height:17px}.page-prev svg{transform:rotate(180deg)}.page-gap{color:var(--tx-3)}.pets-page .foot{z-index:2;background:linear-gradient(180deg,#060b221f,#060a1ef5 25%)}@media(max-width:1150px){.catalog-intro h1{font-size:32px}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1023px){.pets-bg{background-image:linear-gradient(90deg,#060b22b0,#08123940 72%,#08123914),linear-gradient(180deg,rgba(5,9,29,.66),transparent 24%,rgba(5,10,32,.4)),url(../img/pets-bg.webp)}.pet-layout{display:block;max-width:940px;margin:0 auto}.filter-panel{position:fixed;top:calc(var(--nav-h) + 8px);right:20px;left:20px;z-index:210;width:auto;height:min(70dvh,640px);min-height:0;max-height:none;border-radius:8px;opacity:0;transform:translateY(calc(-100% - var(--nav-h) - 24px));visibility:hidden;transition:transform .34s var(--ease),opacity .25s,visibility 0s .34s}.filter-panel.open{opacity:1;transform:translateY(0);visibility:visible;transition:transform .34s var(--ease),opacity .25s,visibility 0s}.filter-close{display:grid}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.style-list{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-custom{margin:0 16px 18px}.filter-scrim{position:fixed;inset:0;z-index:190;display:block;background:#030718ad;opacity:0;pointer-events:none;backdrop-filter:blur(5px);transition:opacity .25s}.filter-scrim.open{opacity:1;pointer-events:auto}body.filters-open{overflow:hidden}.catalog-main{width:100%}.catalog-toolbar{grid-template-columns:auto minmax(220px,1fr) 170px auto}.filter-open{display:flex}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:860px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.pets-page .nav .wrap{gap:14px}.pets-page .nav-cta{margin-left:auto}.pets-page .burger{margin-left:0}.catalog-page{padding-top:calc(var(--nav-h) + 12px)}.catalog-intro h1{font-size:27px}.catalog-intro p{font-size:13.5px}.catalog-toolbar{grid-template-areas:"filter search search" "sort sort count";grid-template-columns:auto minmax(0,1fr) auto;top:calc(var(--nav-h) + 7px);gap:8px;padding:8px}.filter-open{grid-area:filter}.search-box{grid-area:search}.sort-box{grid-area:sort}.result-count{grid-area:count}.filter-panel{right:12px;left:12px;height:min(76dvh,660px)}.style-list{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .pcard-no{display:none}.catalog-grid .pcard-get{position:static;padding:9px 7px;transform:none;font-size:11.5px}.catalog-grid .pcard:hover{transform:translateY(-4px)}.pagination{gap:5px}.page-btn,.page-gap{flex-basis:36px;width:36px;height:36px}}@media(max-width:560px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:430px){.catalog-intro h1 br{display:none}.catalog-toolbar{grid-template-columns:auto minmax(0,1fr) auto}.sort-box select{font-size:11px}.result-count{min-width:75px;font-size:10px}.result-count b{font-size:12px}.page-edge:not([aria-current=page]),.page-gap{display:none}}@media(min-width:1700px){.catalog-main{max-width:1560px}}@media(min-width:1024px){.pets-page>.nav:before{content:"";position:absolute;inset:0 auto 0 0;z-index:0;width:228px;border-right:1px solid rgba(185,205,255,.13);background:#081033e0;backdrop-filter:blur(20px) saturate(1.1)}.pets-page>.nav .wrap{position:relative;z-index:1;max-width:none;gap:0;padding:0 24px 0 18px}.pets-page>.nav .logo{flex:0 0 210px}.pets-page>.nav .nav-links{margin-left:0}.pets-page>.nav .nav-cta{margin-left:auto}.pet-layout{max-width:none;margin:0 auto}.filter-panel{border:0;border-right:1px solid rgba(185,205,255,.18);border-radius:0;background:#081033db;box-shadow:12px 20px 42px #02081f33;backdrop-filter:blur(20px) saturate(1.12)}.filter-panel:after{display:none}.catalog-main{padding-left:16px}.catalog-intro{min-height:180px;padding:27px 32px 20px}.catalog-intro h1{font-family:var(--font-display)}.catalog-surface{min-width:0;padding:22px 24px 28px;border:1px solid rgba(228,226,246,.9);border-radius:28px 0 8px 8px;color:#292b55;background:linear-gradient(145deg,#fffffffa,#f5f4fff5);box-shadow:0 26px 70px #0309234d}.catalog-toolbar{top:calc(var(--nav-h) + 10px);padding:7px 8px;border-color:#e1dff1;border-radius:9px;background:#faf9fff5;box-shadow:0 7px 20px #413c7614;backdrop-filter:blur(16px) saturate(1.08)}.search-box,.sort-box select{border-color:#dcd9ef;background:#fff}.search-box input,.sort-box select{color:#292b55}.search-box input::placeholder{color:#9294ae}.search-box input::-webkit-search-cancel-button{filter:none}.sort-box option{color:#292b55;background:#fff}.result-count{color:#777b9d}.result-count b{color:#674fca}.catalog-surface .pcard{border-color:#dedcf0;border-radius:8px;background:#fff;box-shadow:0 5px 18px #433e7817;backdrop-filter:none}.catalog-surface .pcard:hover{border-color:#b6a8eb;box-shadow:0 14px 30px #50419d2e}.catalog-surface .pcard-art{background:radial-gradient(circle at 50% 62%,var(--card-glow, rgba(124, 107, 232, .22)) 0%,transparent 68%),linear-gradient(155deg,#f7f8ff,#efedfa)}.catalog-surface .pcard-body{color:#27294f;background:#fffffffa}.catalog-surface .pcard-body h4{font-size:13.5px;font-weight:600}.catalog-surface .pcard-meta{color:#7f82a1;font-size:11px}.catalog-surface .pcard-no{color:#ffffffe6;background:#25274eb8}.catalog-surface .pcard-get{color:#fff}.catalog-loading,.catalog-empty p{color:#757999}.catalog-empty h2{color:#292b55}.empty-orbit{border-color:#5b49b538;color:#6955ca;background:#7c6be814;box-shadow:none}.catalog-surface .btn-gh{border-color:#b9acec;color:#5546a6;background:#fff}.page-btn{border-color:#dcd9ef;color:#696d91;background:#fff;backdrop-filter:none}.page-btn:hover:not(:disabled){color:#50429f;border-color:#b8ace9;background:#f1effc}.page-gap{color:#8a8daa}}