.cat-intro{padding-top:18px;padding-bottom:6px}.cat-intro .row1{align-items:flex-end;gap:12px;display:flex}.cat-intro h1{flex:1;margin:0;font-size:24px}.cat-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:14px;display:flex}.cat-meta .dot{color:var(--line)}@media (max-width:599px){.cat-meta .dot{display:none}}.cat-tools{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 0;position:sticky;top:61px}.cat-tools .row{align-items:center;gap:8px;display:flex}.cat-search{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;flex:1;min-width:0;height:42px;padding:0 12px;font-family:inherit;font-size:15px}.cat-search:focus{border-color:var(--ink-3)}.viewtog{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:none;display:flex;overflow:hidden}.viewtog button{height:40px;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13.5px;font-weight:600}.viewtog button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.chipbar{scrollbar-width:none;gap:6px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chipbar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;white-space:nowrap;color:var(--ink);border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.cat-layout{display:block}.rail{display:none}.sec-head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:22px 0 10px;scroll-margin-top:190px;display:flex}.sec-head h2{margin:0;font-size:17px}.sec-head .count{color:var(--ink-3);white-space:nowrap;font-size:12.5px}.sec-head .tag{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pcard.oos{opacity:.55}.thumb{background:linear-gradient(135deg, var(--art-a), var(--art-b));cursor:pointer;width:100%;font:inherit;border:0;place-items:center;padding:0;display:grid;position:relative}.pcard .thumb{height:118px;font-size:30px}.thumb.has-photo,.sheet .hero.has-photo{background:var(--photo-bg);display:block;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.pcard .thumb.has-photo{height:150px;padding:6px}.lrow .thumb.has-photo{padding:2px;overflow:hidden}.thumb .play{color:#062158;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 1px 4px #0000002e}.thumb .ill{color:var(--ink-3);text-align:center;background:#ffffffd9;padding:2px 0;font-size:8.5px;position:absolute;bottom:0;left:0;right:0}.pcard .bd{flex-direction:column;flex:1;padding:9px 10px 11px;display:flex}.pname{cursor:pointer;text-align:left;color:var(--ink);background:0 0;border:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.25}.pack{color:var(--ink-3);margin-top:2px;font-size:11.5px}.price{align-items:baseline;gap:5px;margin-top:5px;display:flex}.price s{color:var(--ink-3);font-size:11.5px}.price b{font-size:15.5px}.pcard .act{margin-top:auto;padding-top:9px}.rowsbox{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.lrow{border-top:1px solid var(--line-2);grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.lrow:first-child{border-top:0}.lrow.oos{opacity:.55}.lrow .thumb{border-radius:9px;width:52px;height:52px;font-size:22px}.lrow .thumb .play{width:15px;height:15px;font-size:6px;top:3px;left:3px}.lrow .thumb .ill{font-size:7px}.lrow .buy{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.lrow .price{flex-direction:column;align-items:flex-end;gap:0;margin:0}.add{border:1px solid var(--accent);background:var(--surface);width:100%;height:38px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-size:14px;font-weight:600}.lrow .add{width:auto}.lrow .stepper{width:116px}.oos-label{color:var(--ink-3);border:1px dashed var(--line);text-align:center;border-radius:9px;padding:9px 8px;font-size:12px;font-weight:600}.empty-search{text-align:center;color:var(--ink-3);padding:30px 0}.linkish{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:600}.scrim{z-index:60;background:#14141673;position:fixed;inset:0}.sheet{z-index:61;background:var(--surface);border-radius:18px 18px 0 0;max-height:88vh;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -14px 40px #00000038}.sheet .grab{background:var(--line);border-radius:99px;width:38px;height:4px;margin:8px auto 2px}.sheet .in{padding:8px 16px 20px}.sheet .hero{background:linear-gradient(135deg, var(--art-a), var(--art-b));border-radius:12px;place-items:center;height:190px;font-size:56px;display:grid;position:relative}.sheet .hero img{object-fit:contain;width:100%;height:100%;display:block}.sheet .hero.has-photo{height:260px;padding:8px}.sheet .hero.playing{aspect-ratio:16/9;background:#000;height:auto;padding:0}.sheet .hero iframe{border:0;border-radius:12px;width:100%;height:100%;display:block}.sheet .hero .ill{color:var(--ink-3);background:#ffffffe6;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;top:8px;left:8px}.sheet .vid{cursor:pointer;font:inherit;color:#062158;background:#fff;border:0;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 8px #00000026}.sheet h3{margin:12px 0 2px;font-size:19px}.sheet .attrs{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.sheet .attr{background:var(--line-2);color:var(--ink-2);border-radius:6px;padding:3px 8px;font-size:12px}.sheet p{color:var(--ink-2);margin:7px 0;font-size:14px}.sheet .sfoot{align-items:center;gap:12px;margin-top:14px;display:flex}.sheet .sfoot .price{flex:1;margin:0}.sheet .sfoot .price b{font-size:20px}.sheet .sfoot .add,.sheet .sfoot .stepper{width:160px;height:46px}.sheet-top{z-index:3;height:0;position:sticky;top:0}.sheet .closex{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:17px;font-weight:600;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #0000002e}.sheet{touch-action:pan-y}.zoom-btn{cursor:zoom-in;width:100%;height:100%;font:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.zbadge{color:#1d1f22;background:#fffffff2;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 8px #0003}.zbadge svg{width:19px;height:19px}.zoom{z-index:70;position:fixed;inset:0}.zoom .zbg{background:#08080af0;position:absolute;inset:0}.zoom .stage{touch-action:none;cursor:zoom-in;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.zoom .stage.zoomed{cursor:grab}.zoom .stage img{object-fit:contain;transform-origin:50%;will-change:transform;-webkit-user-drag:none;background:var(--photo-bg);border-radius:6px;max-width:calc(100% - 16px);max-height:calc(100% - 150px)}.zoom .zclose{z-index:2;top:calc(12px + env(safe-area-inset-top));color:#1d1f22;cursor:pointer;background:#fffffff2;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-family:inherit;font-size:20px;font-weight:600;display:grid;position:absolute;right:12px;box-shadow:0 2px 12px #00000059}.zoom .zctl{z-index:2;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute}.zoom .zctl button{pointer-events:auto;color:#1d1f22;cursor:pointer;background:#fffffff2;border:0;border-radius:50%;flex:none;width:44px;height:44px;font-family:inherit;font-size:22px;font-weight:600}.zoom .zhint{color:#c9cbd0;text-align:center;max-width:260px;font-size:12.5px;line-height:1.3}@media (min-width:1024px){.cat-tools .chipbar{display:none}.cat-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:26px;display:grid}.rail{padding-top:16px;display:block;position:sticky;top:141px}.rail h4{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px;font-size:12px}.rail button{width:100%;color:var(--ink-2);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;gap:8px;padding:8px 10px;font-size:14px;display:flex}.rail button span{color:var(--ink-3);font-size:12px}.rail button:hover{background:var(--line-2)}.sec-head{scroll-margin-top:150px}.grid{grid-template-columns:repeat(3,1fr);gap:18px}.pcard .thumb{height:172px;font-size:42px}.pcard .thumb.has-photo{height:210px;padding:10px}.pname{font-size:15px}.pack{font-size:12.5px}.price b{font-size:17.5px}.sheet{border-radius:16px;width:min(760px,92vw);max-height:86vh;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.sheet .grab{display:none}.sheet .in{grid-template-columns:300px 1fr;gap:20px;padding:20px;display:grid}.sheet .hero{height:100%;min-height:230px}.sheet .hero.has-photo{height:100%;min-height:320px}.sheet .hero.playing{align-self:start;height:auto;min-height:0}.sheet h3{margin-top:0}}@media (min-width:1280px){.grid{grid-template-columns:repeat(4,1fr)}}
