/* styles.css */
.ad-container {
  position: fixed; /* 浣垮箍鍛婂浐瀹氬湪椤甸潰涓?*/
  bottom: 20px; /* 璺濈椤甸潰搴曢儴鐨勮窛绂?*/
  right: 5px; /* 璺濈椤甸潰鍙宠竟鐨勮窛绂?*/
  width: 300px; /* 骞垮憡鐨勫搴?*/
  z-index: 1000; /* 纭繚骞垮憡鍦ㄥ叾浠栧唴瀹逛箣涓?*/
  background-color: white; /* 鑳屾櫙棰滆壊 */
  border: 1px solid #ccc; /* 杈规 */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 闃村奖鏁堟灉 */
  padding: 0px 8px 8px 8px; /* 鍐呰竟璺?*/
}
 
.ad-content {
  text-align: right; 
}
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}
 
@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}