*{margin:0;padding:0;box-sizing:border-box;}
body{background:#000;display:flex;justify-content:center;}
.frame{width:100%;max-width:650px;text-align:center;}
.img{width:100%;display:block;}
.middle-wrap{padding:15px; position:relative;}
.gold-frame{position:relative;padding:10px;border-radius:14px;overflow:hidden;background:#111;}
.runner{position:absolute;inset:0;background:conic-gradient(from 0deg,#ffd700,#ffb300,#ffdf00,#ffb300,#ffd700);animation:spin 4s linear infinite;opacity:.6;z-index:1;}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.shine{position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,215,0,.55) 50%,transparent 100%);transform:skewX(-20deg);animation:sweep 2s infinite ease-in-out;z-index:3;}
@keyframes sweep{0%{left:-120%;opacity:0;}20%{left:-60%;opacity:.6;}30%{left:120%;opacity:.4;}40%{left:160%;opacity:0;}100%{left:160%;opacity:0;}}
.gold-frame img{position:relative;z-index:2;border-radius:12px;}