
:root{
  --lzd-bg:#0b0b0f; --lzd-fg:#e9eef4; --lzd-muted:#9aa3ad;
  --lzd-brand:#ff2965; --lzd-accent:#3ec8ff; --lzd-card:#0f1219; --lzd-edge:#1e2633
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--lzd-bg);color:var(--lzd-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Noto Sans',sans-serif;line-height:1.6}
.lzd-wrap{max-width:1100px;margin:auto;padding:14px 18px}
.lzd-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lzd-col{display:flex;flex-direction:column;gap:12px}
.lzd-header{position:sticky;top:0;z-index:50;background:rgb(11 11 15 / .8);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--lzd-edge)}
.lzd-logo img{display:block}
.lzd-h1{font-size:28px;line-height:1.2;margin:10px 0 8px}
.lzd-h2{font-size:22px;margin:24px 0 10px}
.lzd-small{color:var(--lzd-muted);font-size:13px}
.lzd-card{background:var(--lzd-card);border:1px solid var(--lzd-edge);border-radius:16px;padding:16px}
.lzd-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lzd-badge{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid #243042;color:#cbd5e1;font-size:12px}
.lzd-btn{display:inline-block;padding:10px 14px;border:1px solid #243042;border-radius:12px;color:var(--lzd-fg);text-decoration:none}
.lzd-btn:hover{opacity:.9}
.lzd-btn.primary{background:var(--lzd-accent);color:#0b0b0f;border-color:var(--lzd-accent);font-weight:700}
.lzd-btn.brand{background:var(--lzd-brand);border-color:var(--lzd-brand)}
.lzd-banner img{width:100%;height:auto;border-radius:16px;border:1px solid var(--lzd-edge)}
.lzd-img-r{border-radius:12px}
.lzd-check{padding-left:20px}
.lzd-check li::marker{content:"✔ ";color:var(--lzd-accent)}
.lzd-spec{width:100%;border-collapse:collapse}
.lzd-spec td,.lzd-spec th{border:1px solid var(--lzd-edge);padding:10px;text-align:left}
.lzd-details{background:var(--lzd-card);border:1px solid var(--lzd-edge);border-radius:12px;padding:12px}
.lzd-details+ .lzd-details{margin-top:10px}
.lzd-details summary{cursor:pointer;font-weight:600}
.lzd-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--lzd-muted)}
.lzd-breadcrumb a{color:var(--lzd-muted)}
.lzd-footer{border-top:1px solid var(--lzd-edge);margin-top:36px;padding:20px 0}
@media (max-width:480px){
  .lzd-h1{font-size:22px}
  .lzd-h2{font-size:18px}
  .lzd-wrap{padding:12px}
  .lzd-btn.primary{width:100%}
}
