.dynamic-card{--dynamic-author-color: #576b95;display:flex;gap:14px;padding:16px 18px;background:var(--color-code-bg);border-radius:12px;box-sizing:border-box;width:100%;position:relative;z-index:1;transition:background-color .2s ease;animation:dynamicFadeInUp .4s ease forwards;opacity:0}.dynamic-card:hover,.dynamic-card:focus-within{background-color:#0000000f}html[data-eye-mode=dim] .dynamic-card:hover,html[data-eye-mode=dim] .dynamic-card:focus-within{background-color:#ffffff0a}html[data-eye-mode=dim] .dynamic-card{--dynamic-author-color: #8ab4f8}.dynamic-card:nth-child(1){animation-delay:.05s}.dynamic-card:nth-child(2){animation-delay:.1s}.dynamic-card:nth-child(3){animation-delay:.15s}.dynamic-card:nth-child(4){animation-delay:.2s}@keyframes dynamicFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dynamic-card__avatar{width:40px;height:40px;min-width:40px;border-radius:6px;background:var(--color-code-bg);border:1px solid var(--color-border);overflow:hidden}.dynamic-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}.dynamic-card__content{flex:1;min-width:0}.dynamic-card__author{color:var(--dynamic-author-color);font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:4px}.dynamic-card__body{color:var(--color-text);line-height:1.75;font-size:.95rem}.js-enabled .dynamic-card__body:not(.dynamic-content-ready) img,.dynamic-content-processing img{opacity:0;visibility:hidden}.dynamic-card__body img{max-width:min(420px,100%);width:auto;height:auto;display:block;border-radius:6px;border:1px solid var(--color-border);margin:.6rem 0 0;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}.dynamic-card__body>ul{list-style:none;padding-left:0;margin:0 0 1rem}.dynamic-card__body>ul>li{margin:.5rem 0}.dynamic-card__body>ul>li>ul{list-style:disc;padding-left:1.4rem;margin-top:.3rem}.dynamic-card__body em{font-style:normal;color:var(--color-token-keyword)}.dynamic-card__comments{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.dynamic-time{color:var(--color-text-subtle);font-size:.78rem;font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}@media(max-width:640px){.dynamic-card{padding:14px;gap:12px;border-radius:10px}.dynamic-card__avatar{width:36px;height:36px;min-width:36px}.dynamic-card__body{font-size:.92rem;line-height:1.7}}@media(max-width:480px){.dynamic-card{padding:14px;gap:10px}.dynamic-card__body{font-size:.9rem}}