.doc-block{background:var(--color-bg);border:1px solid rgba(123,47,190,.12);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-lg)}.doc-block__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.doc-block__title{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.doc-block__desc{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md)}.doc-block__desc code{background:#7b2fbe1a;color:#7b2fbe;padding:2px 6px;border-radius:4px;font-size:.85rem;font-family:Fira Code,Consolas,monospace}.code-block{background:#0d1117;color:#c9d1d9;border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.82rem;line-height:1.65;margin:0;scrollbar-width:thin;scrollbar-color:#30363d #0d1117}.code-block::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.code-block code{background:none;color:inherit;padding:0;font-size:inherit}.copy-btn{background:#7b2fbe1a;color:#7b2fbe;border:1px solid rgba(123,47,190,.25);border-radius:var(--radius-full);padding:.4rem 1rem;font-family:Poppins,sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.copy-btn:hover{background:#7b2fbe;color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.theme-card{background:var(--color-bg);border:1px solid rgba(123,47,190,.1);border-radius:var(--radius-lg);padding:var(--space-md);transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.theme-card__header{display:flex;gap:8px;margin-bottom:var(--space-sm)}.theme-card__dot{width:28px;height:28px;border-radius:50%;display:inline-block}.theme-card__name{font-family:Poppins,sans-serif;font-weight:700;font-size:.95rem;color:var(--color-text);margin-bottom:var(--space-xs)}.theme-card__code{font-family:Fira Code,Consolas,monospace;font-size:.75rem;color:var(--color-text-secondary);line-height:1.6}.demo-frame{max-width:440px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 48px #0000001f;border:1px solid rgba(123,47,190,.1)}.demo-frame iframe{width:100%;height:680px;border:none;display:block}.card__text code{background:#7b2fbe1a;color:#7b2fbe;padding:2px 6px;border-radius:4px;font-size:.82rem;font-family:Fira Code,Consolas,monospace}@media(max-width:768px){.code-block{font-size:.75rem;padding:var(--space-md)}.theme-grid{grid-template-columns:1fr 1fr}.demo-frame iframe{height:500px}}@media(max-width:480px){.theme-grid{grid-template-columns:1fr}}