.wc{border-radius:var(--r-card);background:var(--c-surface);height:100%;box-shadow:var(--sh-1);color:var(--c-ink);transition:transform var(--dur-press)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out);gap:16px;padding:12px;display:flex;position:relative}.wc-img{aspect-ratio:4/3;background:var(--c-paper-2);border-radius:12px;flex:none;width:96px;display:block;position:relative;overflow:hidden}.wc-img img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-fast)var(--ease-out);display:block}.wc-body{flex-direction:column;flex:1;min-width:0;display:flex}.wc-tags{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:6px;display:flex}.wc-tag{border-radius:var(--r-chip);background:var(--c-paper-2);color:var(--c-ink);padding:2px 8px}.wc-tag-real{background:var(--c-accent-soft);color:var(--c-accent-strong)}.wc-tag-new{background:var(--c-ink);color:var(--c-paper)}.wc-title{overflow-wrap:break-word;word-break:auto-phrase}.wc-short{color:var(--c-ink-2);margin-top:8px;display:none}.wc-lamp{position:absolute;top:12px;right:12px}@media (hover:hover){.wc:hover{box-shadow:var(--sh-2)}.wc:hover .wc-img img{transform:scale(1.02)}}@media (min-width:48rem){.wc{flex-direction:column;gap:0;padding:0}.wc-img{border-radius:var(--r-card)var(--r-card)0 0;width:100%}.wc-body{padding:20px}.wc-short{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wc-lamp{top:16px;right:16px}}.wgrid>li{content-visibility:auto;contain-intrinsic-size:auto 118px}@media (min-width:48rem){.wgrid>li{contain-intrinsic-size:auto 340px}}.wgrid{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;display:grid}@media (min-width:48rem){.wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:64rem){.wgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}