Sunlu
A collection page of circuitrocks
About
/* ============================ Circuitrocks — Collection Copy (scoped) SUNLU collection page ============================ */ #crx-sunlu{ --cr-primary:#2E7D32; --cr-primary-600:#1f6a2a; --cr-primary-400:#4CAF50; --cr-text:#0f172a; --cr-muted:#475569; --cr-border:#e5e7eb; --cr-bg:#f7fbf8; --cr-card:#ffffff; --cr-soft:#eaf7ee; --cr-note-bg:#fff7ed; --cr-note-border:#fed7aa; --cr-note-text:#7c2d12; --cr-shadow:0 10px 26px rgba(2,6,23,.08); font-size:18px; line-height:1.7; color:var(--cr-text); } #crx-sunlu *{box-sizing:border-box} #crx-sunlu p{margin:.55rem 0} #crx-sunlu a{color:var(--cr-primary);text-decoration:underline} #crx-sunlu a:hover{color:var(--cr-primary-400)} #crx-sunlu .muted{color:var(--cr-muted)} #crx-sunlu .eyebrow{ display:inline-block; font-size:.92rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--cr-primary-600); background:var(--cr-soft); border:1px solid rgba(46,125,50,.16); padding:.3rem .65rem; border-radius:999px; margin-bottom:.75rem; } #crx-sunlu h2{ font-size:1.7rem; line-height:1.2; margin:0 0 .65rem; letter-spacing:-.02em; color:#111827; } #crx-sunlu h3{ font-size:1.2rem; line-height:1.3; margin:1.15rem 0 .55rem; letter-spacing:-.01em; color:#111827; } #crx-sunlu .hero{ background:linear-gradient(180deg,var(--cr-bg),#ffffff); border:1px solid var(--cr-border); border-radius:20px; padding:20px; box-shadow:var(--cr-shadow); margin:0 0 16px; } #crx-sunlu .hero p:last-child{margin-bottom:0} #crx-sunlu .badges{ display:flex; flex-wrap:wrap; gap:8px; margin:.8rem 0 0; } #crx-sunlu .badge{ display:inline-flex; align-items:center; gap:6px; padding:.25rem .7rem; border:1px solid rgba(46,125,50,.22); border-radius:999px; background:var(--cr-soft); color:#14532d; font-size:.92rem; font-weight:600; } #crx-sunlu .cta-links{ margin-top:.95rem; display:flex; flex-wrap:wrap; gap:10px 16px; } #crx-sunlu .cta-links a{ font-weight:700; } #crx-sunlu .grid{ display:grid; gap:12px; } @media(min-width:860px){ #crx-sunlu .cols-2{grid