:root{
  --fe-red:#E11D2E; --fe-black:#111111; --fe-ink:#1f2937; --fe-muted:#6b7280;
  --fe-bg:#f7f7f8; --fe-card:#ffffff; --fe-border:#e5e7eb; --fe-success:#16a34a;
  --radius:16px; --shadow:0 6px 22px rgba(17,24,39,.08);
}
html,body{background:var(--fe-bg);}
header.brandbar{padding:12px 16px;border-bottom:1px solid var(--fe-border);background:#fff;}
.brandbar .wrap{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:12px;}
.brandbar img{height:28px}
.brandbar .spacer{flex:1}
.brandbar .btn{padding:10px 12px;border-radius:12px;text-decoration:none;border:1px solid var(--fe-border)}

.card{background:#fff;border:1px solid var(--fe-border);border-radius:var(--radius);box-shadow:var(--shadow);}
.qr img{max-width:100%;height:auto}

@media(max-width:960px){
  .brandbar img{height:22px}
}