.jacai-guide{--guide:#8b5cf6;position:relative;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid color-mix(in srgb,var(--guide) 42%,transparent);border-radius:20px;background:linear-gradient(135deg,rgba(8,12,25,.92),rgba(14,20,39,.84));box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 35px color-mix(in srgb,var(--guide) 15%,transparent);overflow:hidden}
.jacai-guide:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 25% 30%,color-mix(in srgb,var(--guide) 22%,transparent),transparent 34%);pointer-events:none}.jacai-guide img{position:relative;width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--guide) 52%,transparent));cursor:pointer;transition:.22s transform}.jacai-guide img:hover{transform:translateY(-3px) scale(1.02)}.jacai-guide-copy{position:relative}.jacai-guide-kicker{font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--guide)}.jacai-guide h3{margin:6px 0 5px;font:800 25px/1.05 system-ui,sans-serif;color:#f5f7ff}.jacai-guide p{margin:0;color:#aeb8ce;font:14px/1.5 system-ui,sans-serif}.jacai-guide button{margin-top:12px;border:1px solid color-mix(in srgb,var(--guide) 45%,transparent);background:color-mix(in srgb,var(--guide) 13%,transparent);color:#fff;padding:9px 12px;border-radius:10px;font:700 12px system-ui;cursor:pointer}.jacai-guide button:hover{background:color-mix(in srgb,var(--guide) 23%,transparent)}
@media(max-width:620px){.jacai-guide{grid-template-columns:100px 1fr}.jacai-guide img{width:100px;height:110px}.jacai-guide h3{font-size:21px}}