.lhead{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:end;padding-top:48px}
.lhead .lead{margin-top:14px}
.lsearch{position:relative}
.lsearch .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}
.lsearch .inp{height:56px;padding-left:48px;border-radius:16px;font-size:17px}
.kits{padding-top:40px}
.kitrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}
.kitc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;padding:22px 22px 22px 24px;border-radius:22px;background:var(--a);overflow:hidden;min-height:196px}
.kitc h3{font-size:19px;font-weight:750;letter-spacing:-.015em}
.kitc ul{list-style:none;padding:0;margin:10px 0 14px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink-2)}
.kitc ul li{display:flex;gap:6px;align-items:center}
.kitc ul .ic{width:14px;height:14px;color:var(--ai)}
.kitc .btn{background:rgba(255,255,255,.75)}
.kstack{position:relative}
.ks{position:absolute;width:84px;height:110px;container-type:inline-size}
.ks .paper{border-radius:5px;padding:10cqi 9cqi 0;gap:3cqi}
.ks1{right:30px;top:18px;transform:rotate(-8deg)}
.ks2{right:12px;top:30px;transform:rotate(2deg)}
.ks3{right:-6px;top:46px;transform:rotate(10deg)}
.lib{display:grid;grid-template-columns:232px minmax(0,1fr);gap:36px;align-items:start;padding-top:48px}
.lib.pk{grid-template-columns:232px minmax(0,1fr) 380px}
.filters{display:flex;flex-direction:column;gap:22px;position:sticky;top:88px}
.filters legend{font-size:14px;font-weight:750;margin-bottom:8px}
.fopt{display:flex;align-items:center;gap:10px;min-height:36px;font-size:15px;cursor:pointer;color:var(--ink)}
.fopt input{width:18px;height:18px;margin:0;flex:none}
.fopt .dot{width:10px;height:10px}
.fopt small{margin-left:auto;color:var(--muted);font-size:13.5px}
.fswitch{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;padding:14px;border-radius:14px;background:var(--desk)}
.rbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.achip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 6px 0 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:650;border:0;cursor:pointer}
.achip .ic{width:16px;height:16px;opacity:.8}
.clear{border:0;background:transparent;color:var(--act-ink);font-weight:650;font-size:14px;cursor:pointer;height:34px}
.rcount{font-size:14.5px;color:var(--ink-2);margin-right:auto}
.rbar select.inp{height:40px;width:auto;font-size:14.5px;border-radius:10px;padding-left:12px;background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px}
.vt{display:inline-flex;padding:3px;border-radius:10px;background:var(--desk);gap:2px}
.vt button{width:36px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);display:grid;place-items:center;cursor:pointer}
.vt button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(24,32,27,.12)}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.lib.pk .rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rgrid .gi.hide{display:none}
.rgrid .card.sel .thumb{box-shadow:0 0 0 2.5px var(--act)}
.rlist{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.rlist .gi.hide{display:none}
.row{display:grid;grid-template-columns:72px minmax(0,1fr) 150px 120px auto;gap:16px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.row .thumb{border-radius:10px}
.row b{font-weight:650;font-size:15.5px;line-height:1.3}
.row b a{text-decoration:none}
.row span{font-size:14px;color:var(--ink-2)}
.more{display:flex;justify-content:center;padding-top:36px}
.peek{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;background:var(--desk);animation:peekin .3s var(--ease) both}
@keyframes peekin{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.peek-h{display:flex;justify-content:space-between;align-items:center}
.peek-h span{font-size:13.5px;font-weight:700;color:var(--muted)}
.peek .thumb{aspect-ratio:4/3.4;border-radius:16px}
.peek h2{font-size:20px;line-height:1.25;letter-spacing:-.015em;font-weight:750}
.peek ul{padding-left:1.1em;font-size:15px;color:var(--ink-2);display:flex;flex-direction:column;gap:4px}
.peek .acts2{display:flex;flex-direction:column;gap:8px}
.peek .acts2 .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.peek .btn{width:100%}
.peek .btn-line{background:var(--paper)}
.mfilter{display:none}
@media (hover:hover) and (pointer:fine){
  .achip:hover{background:#2E3832}
  .row:hover{background:var(--desk)}
  .kitc:hover .ks1{transform:rotate(-12deg) translateY(-4px)}
  .kitc:hover .ks3{transform:rotate(14deg) translateY(-2px)}
}
.ks{transition:transform .35s var(--ease)}
@media (max-width:1100px){
  .lhead{grid-template-columns:minmax(0,1fr)}
  .lib,.lib.pk{grid-template-columns:minmax(0,1fr)}
  .filters{display:none}
  .mfilter{display:flex}
  .peek{position:static;order:-1}
  .lib.pk .rgrid,.rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .lhead{padding-top:28px;gap:18px}
  .kitrow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;margin:16px -16px 0;padding:0 16px 4px;scrollbar-width:none}
  .kitc{grid-template-columns:minmax(0,1fr);min-height:0;padding:20px}
  .kitc h3{padding-right:96px}
  .kstack{position:absolute;top:0;right:0;width:120px;height:96px}
  .ks{width:50px;height:66px}
  .ks1{right:44px;top:14px}.ks2{right:24px;top:22px}.ks3{right:4px;top:32px}
  .lib,.lib.pk{padding-top:32px}
  .lib.pk .rgrid,.rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .rcount{width:100%;order:3}
  .vt{display:none}
  .row{grid-template-columns:56px minmax(0,1fr);gap:4px 12px}
  .row > :nth-child(n+3){grid-column:2}
}
.mfilter{gap:8px;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 14px;padding:0 16px 4px;scrollbar-width:none}
.mfilter > *{flex:none}