.g-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#f4f5f7;color:#1c2230;-webkit-font-smoothing:antialiased}
.g-wrap{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:18px;max-width:1320px;margin:0 auto;padding:0 16px}
.g-side{position:sticky;top:14px;height:600px;align-self:start}
.ad-slot{display:flex;align-items:center;justify-content:center;overflow:hidden}
.ad-160{width:160px;height:600px}
.ad-728{width:100%;max-width:728px;min-height:90px;margin:18px auto;overflow-x:auto}
.ad-468{width:100%;max-width:468px;min-height:60px;margin:26px auto;overflow-x:auto}
.g-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:1px solid #e7e9ee;padding:16px 0}
.g-header .inner{max-width:1320px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.g-logo{font-weight:800;font-size:18px;letter-spacing:.2px;color:#161a22}
.g-tagline{font-size:12.5px;color:#777e8c;margin-top:2px}
.g-main{min-width:0;padding-top:18px}
.g-h1{font-size:clamp(22px,3.4vw,34px);font-weight:800;line-height:1.2;margin:6px 0 18px;color:#13161d}
.g-grid{columns:4 190px;column-gap:16px;margin:18px 0}
.g-item{margin:0 0 16px;break-inside:avoid;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px -12px rgba(20,20,30,.18);transition:transform .18s,box-shadow .18s;display:inline-block;width:100%}
.g-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(20,20,30,.28)}
.g-frame{position:relative;background:#eceef2}
.g-frame img{width:100%;height:auto;display:block}
.g-link{display:block}
.g-zoom{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(15,17,23,.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.g-item:hover .g-zoom,.g-zoom:focus{opacity:1}
.g-cap{padding:10px 12px 2px;font-size:13.5px;font-weight:600;color:#20242e}
.g-desc{padding:0 12px 12px;font-size:12px;color:#777e8c;margin:4px 0 0}
.g-footer{margin-top:36px;padding:26px 0 60px;text-align:center;color:#8a90a0;font-size:12.5px;border-top:1px solid #e7e9ee}
.g-lightbox{position:fixed;inset:0;background:rgba(8,9,13,.92);display:none;align-items:center;justify-content:center;z-index:999;padding:20px}
.g-lightbox.is-open{display:flex}
.g-lightbox img{max-width:min(92vw,1100px);max-height:86vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.g-lightbox .g-lb-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer}
.g-lightbox .g-lb-cap{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#d7dae0;font-size:13px}
.g-pending{opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}
.g-pending.g-revealed{opacity:1;transform:none}
@media (max-width:900px){
  .g-wrap{grid-template-columns:1fr}
  .ad-160{display:none}
  .g-side{display:none}
}
@media (max-width:520px){
  .g-grid{columns:2 130px;column-gap:10px}
  .g-h1{margin-top:2px}
}