/* Site Reviews Grid styles (v1.3.1 base on v1.3) */
.srg-wrap{--gap:16px; --radius:16px; --shadow:0 6px 16px rgba(0,0,0,.06); font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial;}
.srg-tabs{display:flex; gap:8px; margin-bottom:12px; flex-wrap: wrap;}
.srg-tab{border:1px solid #e5e7eb; padding:8px 12px; border-radius:999px; background:#fff; cursor:pointer; font-size:14px}
.srg-tab.is-active{background:#111; color:#fff; border-color:#111}

/* Masonry using CSS columns */
.srg-grid{column-gap:var(--gap);}
.srg-grid > *{break-inside:avoid; margin:0 0 var(--gap); width:100%; display:block;}
.srg-grid.cols-2{column-count:2;}
.srg-grid.cols-3{column-count:3;}
.srg-grid.cols-4{column-count:4;}
.srg-grid.cols-5{column-count:5;}
.srg-grid.cols-6{column-count:6;}
@media (max-width:1024px){.srg-grid{column-count:2 !important}}
@media (max-width:640px){.srg-grid{column-count:1 !important}}

.srg-card{background:#fff; border:1px solid #eee; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden;}
.srg-card-head{display:flex; justify-content:space-between; align-items:center; padding:10px 12px; font-size:12px; color:#6b7280; border-bottom:1px solid #f1f5f9;}
.srg-author{font-weight:600; color:#111827;}
.srg-media{position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:#fafafa;}
.srg-media img{width:100%; height:100%; object-fit:cover; display:block; cursor:zoom-in;}
.srg-thumbs{position:absolute; left:8px; bottom:8px; display:flex; gap:6px;}
.srg-thumb{width:48px; height:48px; border:2px solid #fff; border-radius:8px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.15);}
.srg-thumb img{width:100%; height:100%; object-fit:cover; display:block; cursor:zoom-in;}
.srg-body{padding:12px;}
.srg-stars{display:flex; gap:2px; margin-bottom:8px;}
.srg-star{width:16px; height:16px; background:linear-gradient(90deg,#e5e7eb 50%,transparent 0); -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="black" d="m12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') center/contain no-repeat;}
.srg-star.full{background:#f59e0b;}
.srg-star.half{background:linear-gradient(90deg,#f59e0b 50%,#e5e7eb 50%);}
.srg-content{font-size:14px; color:#111827; line-height:1.5; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}

/* Product row with bigger tiny thumb */
.srg-product{display:flex; align-items:center; gap:10px; font-size:13px; color:#2563eb; text-decoration:none; line-height:1.2; padding-bottom:6px;}
.srg-product:hover{text-decoration:underline;}
.srg-product-thumb{width:40px; height:40px; border-radius:8px; object-fit:cover; flex:none; border:1px solid #eee; background:#fff;}
.srg-product-title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#374151;}

/* Compact style when no media */
.srg-card.no-media .srg-card-head{padding:8px 10px;}
.srg-card.no-media .srg-body{padding:10px 10px;}
.srg-card.no-media .srg-content{-webkit-line-clamp:3; margin-bottom:8px;}

/* Lightbox */
.srg-lightbox{position:fixed; inset:0; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:9999;}
.srg-lightbox.is-open{display:flex;}
.srg-lightbox img{max-width:95vw; max-height:90vh; display:block;}
.srg-lightbox .srg-close{position:absolute; top:16px; right:16px; font-size:28px; line-height:1; color:#fff; cursor:pointer;}

/* v1.0按钮风格（黑底胶囊） */
.srg-actions{display:flex; justify-content:center; margin-top:16px;}
.srg-loadmore{padding:12px 22px; border-radius:999px; border:1px solid #111; background:#111; color:#fff; cursor:pointer; font-weight:600; box-shadow:0 8px 16px rgba(0,0,0,.06);}
.srg-loadmore:hover{opacity:.9}