/* ================================
   Discuz 文字广告特效库
   用法：
   <span class="wzggxg wzggxg1">广告文字</span>
================================ */

.wzggxg {
  display: inline-block !important;
  position: relative !important;
  padding: 4px 8px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

/* 1 火焰流光 */
.wzggxg1 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    url(https://i.imgur.com/qTiXX8Q.gif),
    linear-gradient(90deg,#fff,#ff7a1a,#ff3d00,#fff) !important;
  background-size: auto 100%, 260% 100% !important;
  background-repeat: repeat-x, repeat !important;
  text-shadow: 0 0 8px rgba(255,100,20,.65) !important;
  animation: wz1 4s linear infinite !important;
}
@keyframes wz1 {
  to { background-position: 260px 0, 260% 0; }
}

/* 2 月蚀紫光 */
.wzggxg2 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    url(https://static.cracked.ax/images/bg1.gif),
    linear-gradient(120deg,#d8b4fe,#a855f7,#4c1d95,#f5d0fe) !important;
  background-size: 8em, 280% 100% !important;
  text-shadow: 0 0 8px rgba(168,85,247,.55) !important;
  animation: wz2 5s linear infinite !important;
}
@keyframes wz2 {
  to { background-position: 0 0, 280% 0; }
}

/* 3 金色贵族 */
.wzggxg3 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    url(https://i.imgur.com/AqDw1ou.png),
    linear-gradient(90deg,#8a5a00,#ffd166,#fff4b8,#ffb703,#8a5a00) !important;
  background-size: 24em, 280% 100% !important;
  text-shadow: 0 0 6px rgba(255,209,102,.55) !important;
  animation: wz3 6s linear infinite !important;
}
@keyframes wz3 {
  to { background-position: -120% 0, 280% 0; }
}

/* 4 蓝色代理科技 */
.wzggxg4 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    linear-gradient(90deg,#e0f2fe,#38bdf8,#2563eb,#7dd3fc,#e0f2fe) !important;
  background-size: 320% 100% !important;
  text-shadow: 0 0 7px rgba(56,189,248,.55) !important;
  animation: wz4 3.2s linear infinite !important;
}
@keyframes wz4 {
  to { background-position: 320% 0; }
}

/* 5 黑客终端 */
.wzggxg5 {
  color: #39ff88 !important;
  -webkit-text-fill-color: #39ff88 !important;
  font-family: Consolas, Monaco, monospace !important;
  background: rgba(0,35,18,.55) !important;
  border: 1px solid rgba(57,255,136,.35) !important;
  border-radius: 4px !important;
  text-shadow: 0 0 5px rgba(57,255,136,.6) !important;
  animation: wz5 1.1s steps(2,end) infinite !important;
}
@keyframes wz5 {
  50% { opacity: .72; }
}

/* 6 粉紫星尘 */
.wzggxg6 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    radial-gradient(circle,#fff 0 10%,transparent 12%),
    linear-gradient(90deg,#fff,#ff7ad9,#a855f7,#fff) !important;
  background-size: 18px 18px, 300% 100% !important;
  text-shadow: 0 0 6px rgba(255,122,217,.5) !important;
  animation: wz6 5s linear infinite !important;
}
@keyframes wz6 {
  to { background-position: 80px -40px, 300% 0; }
}

/* 7 从左到右跳跃 */
.wzggxg7 {
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
  text-shadow: 0 2px 0 #9a3412, 0 0 6px rgba(249,115,22,.45) !important;
  animation: wz7 1.7s ease-in-out infinite !important;
}
@keyframes wz7 {
  0%,100% { transform: translateX(0) translateY(0); }
  20% { transform: translateX(4px) translateY(-5px); }
  40% { transform: translateX(8px) translateY(0); }
  60% { transform: translateX(12px) translateY(-5px); }
  80% { transform: translateX(16px) translateY(0); }
}

/* 8 商务高级蓝 */
.wzggxg8 {
  color: #e5efff !important;
  -webkit-text-fill-color: #e5efff !important;
  background: linear-gradient(135deg,#0f172a,#1e3a8a) !important;
  border: 1px solid rgba(147,197,253,.35) !important;
  border-radius: 6px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  transition: .25s ease !important;
}
.wzggxg8:hover {
  transform: translateY(-2px);
  filter: brightness(1.15);
}

/* 9 液态海洋 */
.wzggxg9 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image: linear-gradient(120deg,#ecfeff,#14b8a6,#2563eb,#8b5cf6,#ecfeff) !important;
  background-size: 360% 100% !important;
  text-shadow: 0 0 6px rgba(20,184,166,.45) !important;
  animation: wz9 5s ease-in-out infinite !important;
}
@keyframes wz9 {
  0%,100% { background-position: 0% 0; }
  50% { background-position: 360% 0; }
}

/* 10 像素故障 */
.wzggxg10 {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-family: Consolas, Monaco, monospace !important;
  text-shadow: 1px 0 #ef4444, -1px 0 #06b6d4 !important;
  animation: wz10 .65s steps(1,end) infinite !important;
}
@keyframes wz10 {
  0%,100% { transform: translate(0,0); }
  25% { transform: translate(1px,0); }
  50% { transform: translate(0,1px); }
  75% { transform: translate(-1px,0); }
}

/* 11 魔法星轨 */
.wzggxg11 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    radial-gradient(circle,#fef3c7 0 8%,transparent 10%),
    linear-gradient(90deg,#fff,#facc15,#c084fc,#60a5fa,#fff) !important;
  background-size: 22px 22px, 360% 100% !important;
  text-shadow: 0 0 7px rgba(250,204,21,.45) !important;
  animation: wz11 4.8s linear infinite !important;
}
@keyframes wz11 {
  to { background-position: -90px 45px, 360% 0; }
}

/* 12 外星酸性波 */
.wzggxg12 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image: linear-gradient(90deg,#d9f99d,#22d3ee,#c084fc,#fef08a,#d9f99d) !important;
  background-size: 450% 100% !important;
  text-shadow: 0 0 6px rgba(34,211,238,.45) !important;
  animation: wz12a 3s linear infinite, wz12b 1.4s ease-in-out infinite alternate !important;
}
@keyframes wz12a {
  to { background-position: 450% 0; }
}
@keyframes wz12b {
  from { transform: skewX(-3deg); }
  to { transform: skewX(3deg); }
}

/* 13 小字横移广告 */
.wzggxg13 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-image:
    url(https://i.imgur.com/yn7uE2l.gif),
    linear-gradient(#ffffff,#ffffff) !important;
  background-size: 12em, auto !important;
  -webkit-background-clip: border-box,text !important;
  text-shadow: 0 0 6px rgba(14,165,233,.7) !important;
}
.wzggxg13::before,
.wzggxg13::after {
  position: absolute;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
  pointer-events: none;
  color: #ffcc00;
  -webkit-text-fill-color: #ffcc00;
  text-shadow: none;
}
.wzggxg13::before {
  content: 'HOT DEAL';
  top: -8px;
  left: 0;
  animation: wz13a 6s linear infinite;
}
.wzggxg13::after {
  content: 'PROXY SALE';
  bottom: -8px;
  right: 0;
  animation: wz13b 6s linear infinite;
}
@keyframes wz13a {
  0%,100% { left: 0; }
  50% { left: 80%; }
}
@keyframes wz13b {
  0%,100% { right: 0; }
  50% { right: 80%; }
}

/* 14 赛博紫刃 */
.wzggxg14 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image:
    url(https://i.imgur.com/kthO6JG.gif),
    linear-gradient(90deg,#fff,#8b5cf6,#ec4899,#fff) !important;
  background-size: 6em, 300% 100% !important;
  text-shadow: 0 0 7px rgba(139,92,246,.55) !important;
  animation: wz14 2.8s linear infinite !important;
}
@keyframes wz14 {
  to { background-position: 0 0, 300% 0; }
}

/* 15 冰晶蓝 */
.wzggxg15 {
  color: #e0faff !important;
  -webkit-text-fill-color: #e0faff !important;
  text-shadow:
    0 0 3px #fff,
    0 0 9px rgba(125,211,252,.75),
    0 0 16px rgba(56,189,248,.5) !important;
  animation: wz15 2s ease-in-out infinite alternate !important;
}
@keyframes wz15 {
  from { filter: brightness(1); }
  to { filter: brightness(1.35); }
}

/* 16 暗黑魔王 */
.wzggxg16 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg,#111827,#450a0a) !important;
  border: 1px solid rgba(248,113,113,.35) !important;
  border-radius: 6px !important;
  text-shadow: 0 0 7px rgba(248,113,113,.6) !important;
  animation: wz16 1.8s ease-in-out infinite alternate !important;
}
@keyframes wz16 {
  from { filter: brightness(.9); }
  to { filter: brightness(1.35); }
}

/* 论坛链接辅助 */
.trustCard a,
.dz-ad-table a {
  text-decoration: none !important;
}

/* ===== 广告淡入淡出过渡 ===== */
.ad-rotate {
  transition: opacity .45s ease, transform .45s ease, filter .45s ease;
}

.ad-rotate.ad-fade-out {
  opacity: 0;
  transform: translateY(4px);
  filter: blur(2px);
}

.ad-rotate.ad-fade-in {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}