.sakura-gallery{--gap:12px;--radius:16px;--cols-sm:2;--cols-md:3;--cols-lg:4}
.sg-toolbar{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:center;justify-content:space-between;margin-bottom:12px}
.sg-filters{display:none!important}
.sg-filter{padding:8px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer;font-size:14px;line-height:1}
.sg-filter.is-active{background:#111;color:#fff;border-color:#111}
.sg-search input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;min-width:180px}
.sg-grid{display:grid;grid-template-columns:repeat(var(--cols-sm),minmax(0,1fr));gap:var(--gap)}
@media (min-width:640px){.sg-grid{grid-template-columns:repeat(var(--cols-md),1fr)}}
@media (min-width:1024px){.sg-grid{grid-template-columns:repeat(var(--cols-lg),1fr)}}
.sg-card{position:relative;background:#fff;border:1px solid #f1f5f9;border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.sg-card img{width:100%;height:100%;object-fit:cover;display:block}
.sg-badge{position:absolute;top:8px;left:8px;background:rgba(17,17,17,.85);color:#fff;font-size:12px;padding:2px 6px;border-radius:999px}
.sg-caption{padding:8px 10px;font-size:13px;color:#374151}
.sg-pagination{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:14px}
.sg-pagination button[disabled]{opacity:.4;cursor:not-allowed}
.sg-empty{padding:16px;color:#6b7280}
/* 灯箱 */
.sglb-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:9999}
.sglb-backdrop.is-open{display:flex}
.sglb-img{max-width:92vw;max-height:92vh;border-radius:10px}
.sglb-title{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;background:rgba(0,0,0,.5);padding:6px 10px;border-radius:8px}
/* 新 UI：左侧容器 + 方向三键 + 折叠面板 */
.sg-left{display:flex;align-items:center;gap:10px}
.sg-tags-toggle{padding:8px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer}
.sg-orient{display:inline-flex;gap:8px}
.sg-orient button{padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer;font-size:13px;line-height:1}
.sg-orient button.on{background:#111;color:#fff;border-color:#111}
.sg-tags-panel[hidden]{display:none!important}
.sg-tags-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sg-tags-panel .sg-tag{padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer;font-size:13px}
.sg-tags-panel .sg-tag.is-on{background:#111;color:#fff;border-color:#111}