:root{--gz-grad:linear-gradient(90deg,#5b6ef0,#8b5cf6);--gz-ink:#222;--gz-muted:#667;}
*{box-sizing:border-box}
body{margin:0;overflow-x:hidden}
.gz-header{position:sticky;top:0;z-index:1000;background:var(--gz-grad);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.gz-bar{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px clamp(14px,4vw,28px);min-height:60px}
.gz-logo img{display:block;height:38px;width:auto;max-width:180px}
.gz-burger{display:none;background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:6px;min-width:44px;min-height:44px}
.gz-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.gz-nav a{display:block;color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:10px 14px;border-radius:8px;min-height:44px;line-height:24px}
.gz-nav a:hover,.gz-nav .current-menu-item a{background:rgba(255,255,255,.18)}
.gz-footer{background:#1c2230;color:#cdd3e0;margin-top:48px;padding:40px clamp(14px,4vw,28px) 0}
.gz-fwrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.gz-fcol h3{color:#fff;font-size:16px;margin:0 0 12px}
.gz-fcol ul{list-style:none;margin:0;padding:0}
.gz-fcol a{color:#cdd3e0;text-decoration:none;line-height:2}
.gz-fcol a:hover{color:#fff;text-decoration:underline}
.gz-fcol p{color:#9aa3b8;font-size:14px;line-height:1.6}
.gz-copy{max-width:1140px;margin:28px auto 0;border-top:1px solid #2b3344;padding:18px 0;text-align:center;color:#8892a6;font-size:13px}
/* content shell */
.gz-main{max-width:1140px;margin:0 auto;padding:clamp(18px,4vw,34px) clamp(14px,4vw,28px)}
.gz-bc{color:var(--gz-muted);font-size:13px;margin-bottom:14px}
.gz-bc a{color:#5b6ef0;text-decoration:none}
.gz-art h1,.gz-art h2,.gz-art h3{color:var(--gz-ink);line-height:1.25}
.gz-art h1{font-size:clamp(1.7rem,4.5vw,2.5rem);margin:.2em 0 .4em}
.gz-art{font-size:17px;line-height:1.75;color:#2a2f3a}
.gz-art img{max-width:100%;height:auto;border-radius:0;margin:18px 0}
.gz-art iframe,.gz-art embed,.gz-art object,.gz-art video{max-width:100%;width:100%;margin:18px 0;border:0;aspect-ratio:16/9;height:auto}
.gz-art table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.gz-art pre,.gz-art code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.gz-art p{margin:0 0 1.1em}
.gz-meta{color:var(--gz-muted);font-size:14px;margin-bottom:18px}
.gz-hero{width:100%;height:clamp(220px,42vw,440px);object-fit:cover;margin:0 0 22px;border-radius:0}
/* homepage / category feed */
.gz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.gz-card{background:#fff;border:1px solid #eceef3;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;box-shadow:0 1px 4px rgba(20,30,60,.05)}
.gz-card:hover{box-shadow:0 8px 24px rgba(20,30,60,.12);transform:translateY(-2px)}
.gz-card a.gz-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef0f6}
.gz-card .gz-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gz-card .gz-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.gz-card h2{font-size:19px;margin:0 0 8px;line-height:1.3}
.gz-card h2 a{color:#1c2230;text-decoration:none}
.gz-card h2 a:hover{color:#5b6ef0}
.gz-card .gz-cat{font-size:12px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.gz-card p{font-size:14.5px;color:#566;line-height:1.6;margin:0 0 14px;flex:1}
.gz-card .gz-more{font-weight:600;color:#5b6ef0;text-decoration:none;font-size:14px}
.gz-pagetitle{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 6px;color:#1c2230}
.gz-lead{color:#566;font-size:16px;margin:0 0 26px;max-width:740px}
@media(max-width:860px){
  .gz-burger{display:block}
  .gz-nav{position:fixed;inset:60px 0 auto 0;background:#2a2150;max-height:0;overflow:hidden;transition:max-height .25s}
  body.gz-nav-open .gz-nav{max-height:80vh}
  .gz-nav ul{flex-direction:column;padding:8px}
  .gz-nav a{font-size:16px}
}