.article-body .huahua-callout{--huahua-accent:var(--accent);border:1px solid color-mix(in srgb, var(--huahua-accent) 34%, var(--border));border-left:4px solid var(--huahua-accent);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--huahua-accent) 12%, transparent), transparent 42%), color-mix(in srgb, var(--surface-card) 94%, var(--huahua-accent) 6%);color:var(--text);box-shadow:0 14px 34px color-mix(in srgb, var(--text) 6%, transparent);font-family:var(--font-sans);border-radius:18px;margin:2rem 0;padding:1.2rem 1.35rem 1.2rem 5.2rem;font-size:1rem;line-height:1.7;position:relative}.article-body .huahua-callout:before{content:"";border:1px solid color-mix(in srgb, var(--huahua-accent) 28%, var(--border));background:url(/brand/bloom-mark-128.webp) 50%/cover no-repeat;border-radius:50%;width:2.9rem;height:2.9rem;position:absolute;top:1.15rem;left:1.15rem}.article-body .huahua-callout--engineering{--huahua-accent:#c48a2f}.article-body .huahua-callout--judgment{--huahua-accent:#7f6aa8}.article-body .huahua-callout p{color:inherit;font-size:inherit;line-height:inherit;margin:0}.article-body .huahua-callout p+p{margin-top:.55rem}.article-body .huahua-callout p:first-child strong{color:var(--huahua-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}@media (width<=640px){.article-body .huahua-callout{border-left-width:1px;padding:4.8rem 1.05rem 1.1rem}.article-body .huahua-callout:before{width:3rem;height:3rem;top:1rem;left:1rem}}