.yfg-grid{display:grid;gap:16px}.yfg-grid.layout-grid{grid-template-columns:repeat(var(--yfg-cols,3),1fr)}.yfg-grid.cols-1{--yfg-cols:1}.yfg-grid.cols-2{--yfg-cols:2}.yfg-grid.cols-3{--yfg-cols:3}.yfg-grid.cols-4{--yfg-cols:4}.yfg-grid.cols-5{--yfg-cols:5}.yfg-grid.cols-6{--yfg-cols:6}.yfg-grid.layout-list{display:block}.yfg-card{background:#fff;overflow:hidden}.yfg-thumb-wrap{display:block;aspect-ratio:16/9;overflow:hidden;background:#f3f4f6;border-radius:10px}.yfg-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.yfg-title{font-size:16px;line-height:1.3;margin:10px 12px 0}.yfg-meta{display:flex;gap:12px;font-size:12px;color:#6b7280;margin:8px 12px 12px}.yfg-loading,.yfg-error{padding:12px;font-size:14px}.yfg-carousel{position:relative}.yfg-carousel-viewport{overflow:hidden}.yfg-carousel-track{display:flex;gap:0;will-change:transform;transition:transform var(--yfg-speed,400ms) cubic-bezier(.46,.03,.52,.96)}.yfg-slide{flex:0 0 auto;min-width:0;padding-right:var(--yfg-gap,16px);box-sizing:border-box}.yfg-nav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #e5e7eb;background:#fff;border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0 / .08)}.yfg-prev{left:8px}.yfg-next{right:8px}.yfg-dots{display:flex;gap:8px;justify-content:center;margin-top:40px}.yfg-dot{width:8px;height:8px;border-radius:999px;border:none;background:#d1d5db;cursor:pointer}.yfg-dot.is-active{background:#6b7280}.yfg-carousel-preview{display:flex;overflow:hidden;gap:0}.yfg-carousel-preview .yfg-slide{padding-right:var(--yfg-gap,16px);box-sizing:border-box}