/* 广告展示样式 */
.miigo-ad-channel-top {
  margin: 10px 0 14px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.miigo-ad-channel-top-inner {
  position: relative;
  white-space: nowrap;
  transition: transform 0.5s ease-in-out;
}

.miigo-ad-channel-top-inner-slide {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  white-space: normal;
}

.miigo-ad-channel-top-inner-slide img,
.miigo-ad-work-section img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: cover;
}

.miigo-ad-work-section {
  grid-column: 1 / -1;
  border-radius: 14px;
  overflow: hidden;
  margin: 4px 0;
}

.miigo-ad-work-section img {
  max-height: 100px;
}

.miigo-ad-float-root {
  position: fixed;
  right: 12px;
  bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  z-index: 12040;
  width: 72px;
  height: 72px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22);
}

.miigo-ad-float-root img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.miigo-ad-float-root a {
  display: block;
  width: 100%;
  height: 100%;
}

.miigo-ad-float-close {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  z-index: 2;
}

.miigo-ad-popup-root {
  position: fixed;
  inset: 0;
  z-index: 13050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
}

.miigo-ad-popup-mask {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.miigo-ad-popup-card {
  position: relative;
  z-index: 1;
  width: min(340px, 92vw);
  max-height: min(88vh, 640px);
  overflow-y: auto;
  padding: 20px 18px 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, #3b82f6 0%, #6366f1 52%, #8b5cf6 100%);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
  color: #fff;
}

.miigo-ad-popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}

.miigo-ad-popup-head {
  padding-right: 36px;
  margin-bottom: 14px;
}

.miigo-ad-popup-title {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
  color: #fff;
}

.miigo-ad-popup-sub {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

.miigo-ad-popup-body {
  background: #fff;
  border-radius: 16px;
  padding: 14px 12px 12px;
  margin-bottom: 14px;
}

.miigo-ad-popup-domains {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 8px;
  margin-bottom: 12px;
}

.miigo-ad-popup-domain {
  display: block;
  padding: 9px 8px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  word-break: break-all;
}

.miigo-ad-popup-banner {
  border-radius: 12px;
  overflow: hidden;
}

.miigo-ad-popup-banner img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.miigo-ad-popup-banner a {
  display: block;
}

.miigo-ad-popup-foot {
  text-align: center;
}

.miigo-ad-popup-save {
  display: block;
  width: 100%;
  padding: 13px 16px;
  border: 0;
  border-radius: 999px;
  background: #facc15;
  color: #1f2937;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(250, 204, 21, 0.35);
}

.miigo-ad-popup-save:disabled {
  opacity: 0.72;
  cursor: wait;
}

.miigo-ad-popup-hint {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
}

.miigo-ad-popup-save-preview {
  position: fixed;
  inset: 0;
  z-index: 13100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
}

.miigo-ad-popup-save-preview__mask {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.72);
}

.miigo-ad-popup-save-preview__panel {
  position: relative;
  z-index: 1;
  width: min(320px, 90vw);
  max-height: 88vh;
  overflow-y: auto;
  padding: 14px;
  border-radius: 16px;
  background: #fff;
  text-align: center;
}

.miigo-ad-popup-save-preview__panel img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.miigo-ad-popup-save-preview__panel p {
  margin: 12px 0 0;
  font-size: 13px;
  color: #4b5563;
  line-height: 1.5;
}

.miigo-ad-popup-save-preview__close {
  margin-top: 12px;
  padding: 8px 20px;
  border: 0;
  border-radius: 999px;
  background: #e5e7eb;
  color: #374151;
  font-size: 14px;
  cursor: pointer;
}

/* 透明动效弹窗（模仿 1080p.my entry motion ad） */
.miigo-ad-popup-root--poster {
  position: fixed;
  inset: 0;
  z-index: 13050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  pointer-events: none;
  transform: none;
  box-sizing: border-box;
}

.miigo-ad-popup-motion-wrap {
  position: relative;
  width: min(330px, 78vw);
  pointer-events: none;
}

.miigo-ad-popup-root--poster .miigo-ad-popup-motion-close {
  position: absolute;
  right: -10px;
  top: -12px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.62);
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
  z-index: 8;
  pointer-events: auto;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.28);
  cursor: pointer;
}

.miigo-ad-popup-motion-core {
  position: relative;
  display: block;
  width: 100%;
  min-height: 190px;
  text-decoration: none;
  color: #fff;
  pointer-events: auto;
  transform-origin: center center;
  filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.30));
}

.miigo-ad-popup-motion-media-wrap {
  position: relative;
  width: 100%;
  min-height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.miigo-ad-popup-motion-fx-orb {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 260px;
  height: 260px;
  margin-left: -130px;
  margin-top: -130px;
  border-radius: 999px;
  background: radial-gradient(circle, var(--miigo-entry-accent-color, #facc15) 0%, rgba(249, 115, 22, 0.48) 34%, rgba(124, 58, 237, 0.20) 58%, rgba(124, 58, 237, 0) 76%);
  filter: blur(0.4px);
  opacity: 0.88;
  animation: miigoAdPopupPulse 1.9s ease-in-out infinite;
}

.miigo-ad-popup-motion-fx-shadow {
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 64%;
  height: 32px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: radial-gradient(ellipse, rgba(15, 23, 42, 0.30) 0%, rgba(15, 23, 42, 0) 72%);
  filter: blur(4px);
  opacity: 0.55;
}

.miigo-ad-popup-motion-fx-spark {
  position: absolute;
  inset: -18px;
  background:
    radial-gradient(circle at 13% 24%, rgba(255, 255, 255, 0.95) 0 4px, transparent 5px),
    radial-gradient(circle at 88% 22%, rgba(255, 255, 255, 0.86) 0 3px, transparent 4px),
    radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.72) 0 5px, transparent 6px),
    radial-gradient(circle at 22% 82%, rgba(255, 255, 255, 0.70) 0 3px, transparent 4px),
    radial-gradient(circle at 50% 6%, rgba(250, 204, 21, 0.90) 0 4px, transparent 5px);
  animation: miigoAdPopupSpark 2.6s ease-in-out infinite;
  pointer-events: none;
}

.media-effect-none .miigo-ad-popup-motion-fx-orb,
.media-effect-none .miigo-ad-popup-motion-fx-shadow,
.media-effect-none .miigo-ad-popup-motion-fx-spark {
  display: none !important;
}

.media-effect-soft-glow .miigo-ad-popup-motion-fx-spark {
  display: none !important;
}

.media-effect-spark-only .miigo-ad-popup-motion-fx-orb {
  display: none !important;
}

.miigo-ad-popup-motion-media {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: contain;
  background: transparent;
  border: 0;
  filter: drop-shadow(0 16px 28px rgba(15, 23, 42, 0.28)) drop-shadow(0 0 18px var(--miigo-entry-accent-color, #facc15));
}

.miigo-ad-popup-motion-default {
  position: relative;
  width: 100%;
  height: 220px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.miigo-ad-popup-motion-orb {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 210px;
  height: 210px;
  margin-left: -105px;
  margin-top: -105px;
  border-radius: 999px;
  background: radial-gradient(circle, var(--miigo-entry-accent-color, #facc15) 0%, rgba(249, 115, 22, 0.56) 38%, rgba(124, 58, 237, 0.18) 64%, rgba(124, 58, 237, 0) 76%);
  filter: blur(0.2px);
  animation: miigoAdPopupPulse 1.9s ease-in-out infinite;
}

.miigo-ad-popup-motion-spark {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.95) 0 4px, transparent 5px),
    radial-gradient(circle at 84% 26%, rgba(255, 255, 255, 0.9) 0 3px, transparent 4px),
    radial-gradient(circle at 78% 78%, rgba(255, 255, 255, 0.75) 0 5px, transparent 6px),
    radial-gradient(circle at 24% 76%, rgba(255, 255, 255, 0.7) 0 3px, transparent 4px);
  animation: miigoAdPopupSpark 2.6s ease-in-out infinite;
}

.miigo-ad-popup-motion-text {
  position: relative;
  z-index: 2;
  padding: 0 18px;
  text-shadow: 0 5px 18px rgba(15, 23, 42, 0.48), 0 0 24px var(--miigo-entry-accent-color, #facc15), 0 0 38px rgba(250, 204, 21, 0.45);
}

.miigo-ad-popup-motion-sub {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 900;
  color: var(--miigo-entry-subtitle-color, #FFFFFF);
  text-shadow: 0 4px 12px rgba(15, 23, 42, 0.55), 0 0 12px var(--miigo-entry-accent-color, #facc15);
}

.miigo-ad-popup-art-title {
  font-weight: 1000;
  line-height: 1.06;
  letter-spacing: 0.045em;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  color: var(--miigo-entry-title-color, #FDE68A);
  pointer-events: none;
}

.miigo-ad-popup-art-title--image img {
  display: inline-block;
  max-width: 220px;
  max-height: 60px;
  object-fit: contain;
}

.art-size-medium { font-size: 30px; }
.art-size-large { font-size: 38px; }
.art-size-xlarge { font-size: 46px; }

.has-media > .miigo-ad-popup-art-title {
  position: absolute;
  left: 50%;
  z-index: 5;
  width: 126%;
  transform: translateX(-50%);
}
.has-media > .title-pos-top { top: -42px; }
.has-media > .title-pos-bottom { bottom: -42px; }
.has-media > .title-pos-center { top: 50%; transform: translate(-50%, -50%); }
.has-media > .title-pos-none { display: none !important; }

.art-normal {
  color: var(--miigo-entry-title-color, #fff);
  text-shadow: 0 5px 18px rgba(15, 23, 42, 0.55), 0 0 16px var(--miigo-entry-accent-color, #facc15);
}
.art-gold-3d {
  color: var(--miigo-entry-title-color, #FDE68A);
  -webkit-text-stroke: 1px var(--miigo-entry-art-stroke, #7C2D12);
  text-shadow: 0 1px 0 #b45309, 0 2px 0 #92400e, 0 3px 0 #78350f, 0 4px 0 #451a03, 0 8px 12px rgba(15, 23, 42, 0.58), 0 0 22px var(--miigo-entry-accent-color, #facc15), 0 0 42px rgba(250, 204, 21, 0.55);
}
.art-neon {
  color: var(--miigo-entry-title-color, #fff);
  -webkit-text-stroke: 0.6px rgba(255, 255, 255, 0.72);
  text-shadow: 0 0 4px #fff, 0 0 10px var(--miigo-entry-accent-color, #ff2d75), 0 0 24px var(--miigo-entry-accent-color, #ff2d75), 0 0 46px var(--miigo-entry-accent-color, #ff2d75), 0 8px 16px rgba(15, 23, 42, 0.42);
}
.art-outline-pop {
  color: var(--miigo-entry-title-color, #fff);
  -webkit-text-stroke: 2px var(--miigo-entry-art-stroke, #ff2d75);
  text-shadow: 3px 3px 0 #111827, 6px 6px 0 rgba(0, 0, 0, 0.22), 0 0 18px var(--miigo-entry-accent-color, #facc15);
}
.art-gradient-art {
  background: linear-gradient(180deg, #fff 0%, var(--miigo-entry-title-color, #FDE68A) 38%, var(--miigo-entry-accent-color, #facc15) 76%, #fb7185 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1px var(--miigo-entry-art-stroke, #7C2D12);
  text-shadow: 0 8px 16px rgba(15, 23, 42, 0.55), 0 0 24px var(--miigo-entry-accent-color, #facc15);
}
.art-emboss {
  color: var(--miigo-entry-title-color, #f8fafc);
  -webkit-text-stroke: 1px rgba(15, 23, 42, 0.22);
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.76), 1px 1px 0 rgba(15, 23, 42, 0.45), 2px 2px 0 rgba(15, 23, 42, 0.32), 0 10px 18px rgba(15, 23, 42, 0.42);
}
.art-shine { position: relative; overflow: visible; }
.art-shine:after {
  content: "";
  position: absolute;
  left: -20%;
  top: -10%;
  width: 36%;
  height: 120%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  transform: skewX(-18deg);
  animation: miigoAdPopupTitleShine 2.4s ease-in-out infinite;
  mix-blend-mode: screen;
  pointer-events: none;
}

.miigo-ad-popup-root--poster.effect-float_glow .miigo-ad-popup-motion-core {
  animation: miigoAdPopupFloat 2.8s ease-in-out infinite, miigoAdPopupIn 0.42s cubic-bezier(0.2, 0.9, 0.25, 1.2) both;
}
.miigo-ad-popup-root--poster.effect-shake .miigo-ad-popup-motion-core {
  animation: miigoAdPopupShake 2.2s ease-in-out infinite, miigoAdPopupIn 0.42s cubic-bezier(0.2, 0.9, 0.25, 1.2) both;
}
.miigo-ad-popup-root--poster.effect-breathe .miigo-ad-popup-motion-core {
  animation: miigoAdPopupBreathe 2s ease-in-out infinite, miigoAdPopupIn 0.42s cubic-bezier(0.2, 0.9, 0.25, 1.2) both;
}
.miigo-ad-popup-root--poster.is-closing .miigo-ad-popup-motion-core {
  animation: miigoAdPopupOut 0.24s ease-in both !important;
}

@keyframes miigoAdPopupIn {
  from { opacity: 0; transform: translateY(32px) scale(0.72) rotate(-4deg); }
  to { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
}
@keyframes miigoAdPopupOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(18px) scale(0.86); }
}
@keyframes miigoAdPopupFloat {
  0%, 100% { transform: translateY(0) rotate(-1deg) scale(1); }
  50% { transform: translateY(-10px) rotate(1deg) scale(1.035); }
}
@keyframes miigoAdPopupShake {
  0%, 100% { transform: rotate(-2deg) scale(1); }
  50% { transform: rotate(2deg) scale(1.04); }
}
@keyframes miigoAdPopupBreathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
@keyframes miigoAdPopupPulse {
  0%, 100% { transform: scale(0.94); opacity: 0.86; }
  50% { transform: scale(1.08); opacity: 1; }
}
@keyframes miigoAdPopupSpark {
  0%, 100% { opacity: 0.55; transform: rotate(0deg) scale(0.98); }
  50% { opacity: 1; transform: rotate(7deg) scale(1.03); }
}
@keyframes miigoAdPopupTitleShine {
  0%, 38% { left: -35%; opacity: 0; }
  48% { opacity: 0.9; }
  72%, 100% { left: 108%; opacity: 0; }
}

.miigo-pc-iframe-root .miigo-ad-float-root {
  right: 8px;
  bottom: 80px;
}