@property --ad-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.ad-silver-ring {
  display: block;
  padding: 5px;
  border-radius: 16px;
  background: conic-gradient(from var(--ad-angle), #3a3e45 0deg, #4a4f57 220deg, #9aa0a8 275deg, #ffffff 320deg, #c9ced4 345deg, #3a3e45 360deg);
  box-shadow: 0 0 14px rgba(200,205,215,.35), 0 5px 12px rgba(0,0,0,.6), inset 0 1px 2px rgba(255,255,255,.6), inset 0 -2px 3px rgba(0,0,0,.5);
  animation: ad-silver-spin 4s linear infinite;
}
.ad-silver-ring img { border-radius: 12px; }
@keyframes ad-silver-spin { to { --ad-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { .ad-silver-ring { animation: none; } }