/* ===== 头像框：站长极光(极致) / 管理员金 / 言吾绿 / 普通用户无框；创作者总榜防偏移 ===== */

/* ---- 言吾：翠绿框 ---- */
.av-green {
  box-shadow:
    0 0 0 2px rgba(255,255,255,.85),
    0 0 10px 2px rgba(74,222,128,.75),
    0 0 22px 5px rgba(34,197,94,.5);
}
.avatar-wrap.av-green {
  position: relative;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.92),
    0 0 9px 2px rgba(74,222,128,.82),
    0 0 18px 4px rgba(34,197,94,.55)!important;
}

/* ---- 站长 Nyanlight：极光彩色头像框 · 极致版 ---- */
@keyframes nlAuroraSpin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nlAuroraPulse {
  0%, 100% { opacity: .85; filter: brightness(1); }
  50%      { opacity: 1; filter: brightness(1.15); }
}
@keyframes nlAuroraGlow {
  0%, 100% {
    box-shadow:
      0 0 0 2px rgba(255,255,255,.95),
      0 0 12px 3px rgba(142,247,255,.9),
      0 0 24px 6px rgba(178,142,255,.7),
      0 0 40px 10px rgba(255,142,216,.45),
      0 0 60px 14px rgba(255,220,120,.2);
  }
  33% {
    box-shadow:
      0 0 0 2px rgba(255,255,255,.95),
      0 0 14px 4px rgba(255,142,216,.85),
      0 0 28px 8px rgba(142,247,255,.65),
      0 0 44px 12px rgba(178,142,255,.4),
      0 0 64px 16px rgba(120,220,255,.22);
  }
  66% {
    box-shadow:
      0 0 0 2px rgba(255,255,255,.95),
      0 0 14px 4px rgba(178,142,255,.9),
      0 0 28px 8px rgba(255,220,120,.55),
      0 0 44px 12px rgba(255,142,216,.4),
      0 0 64px 16px rgba(142,247,255,.2);
  }
}

.avatar-wrap.av-aurora,
.av-aurora {
  position: relative !important;
  border-radius: 50% !important;
  overflow: visible !important;
  isolation: isolate;
  animation: nlAuroraGlow 4.5s ease-in-out infinite;
}

/* 旋转极光环 */
.avatar-wrap.av-aurora::before {
  content: "" !important;
  position: absolute !important;
  inset: -5px !important;
  border-radius: 50% !important;
  padding: 3px !important;
  background: conic-gradient(
    from 0deg,
    #8ef7ff,
    #b28eff,
    #ff8ed8,
    #ffe078,
    #7bdcff,
    #c9a7ff,
    #8ef7ff
  ) !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: nlAuroraSpin 6s linear infinite, nlAuroraPulse 3s ease-in-out infinite;
  pointer-events: none !important;
  z-index: 3 !important;
  box-shadow: none !important;
}

/* 外层柔光晕 */
.avatar-wrap.av-aurora::after {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  border-radius: 50% !important;
  background: radial-gradient(
    circle,
    rgba(142,247,255,.28) 0%,
    rgba(178,142,255,.16) 40%,
    rgba(255,142,216,.08) 65%,
    transparent 72%
  ) !important;
  animation: nlAuroraPulse 3.2s ease-in-out infinite;
  pointer-events: none !important;
  z-index: 0 !important;
  border: 0 !important;
}

.avatar-wrap.av-aurora > img,
.avatar-wrap.av-aurora > [data-avfb-ph] {
  position: relative !important;
  z-index: 2 !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  box-shadow:
    inset 0 0 0 1px rgba(142,247,255,.35),
    0 0 8px rgba(178,142,255,.25) !important;
}

/* 顶栏小头像：缩小环宽，避免撑破导航 */
.nav-avatar.av-aurora,
.nav-avatar-placeholder.av-aurora,
.nav-user .avatar-wrap.av-aurora {
  animation: nlAuroraGlow 4.5s ease-in-out infinite;
}
.nav-user .avatar-wrap.av-aurora::before {
  inset: -3px !important;
  padding: 2px !important;
}
.nav-user .avatar-wrap.av-aurora::after {
  inset: -6px !important;
}

/* 大头像（个人主页）更华丽 */
.big-avatar.av-aurora,
.avatar-wrap.big-avatar.av-aurora {
  animation: nlAuroraGlow 4s ease-in-out infinite;
}
.avatar-wrap.big-avatar.av-aurora::before,
.avatar-wrap:has(> .big-avatar).av-aurora::before {
  inset: -7px !important;
  padding: 4px !important;
}
.avatar-wrap.big-avatar.av-aurora::after,
.avatar-wrap:has(> .big-avatar).av-aurora::after {
  inset: -14px !important;
}

@media (prefers-reduced-motion: reduce) {
  .avatar-wrap.av-aurora,
  .av-aurora,
  .avatar-wrap.av-aurora::before,
  .avatar-wrap.av-aurora::after {
    animation: none !important;
  }
  .avatar-wrap.av-aurora::before {
    background: linear-gradient(135deg, #8ef7ff, #b28eff, #ff8ed8) !important;
  }
}

/* ---- 管理员金框（保持简洁） ---- */
.av-gold {
  box-shadow:
    0 0 0 2px rgba(255,255,255,.85),
    0 0 10px 2px rgba(255,200,80,.75),
    0 0 22px 5px rgba(232,160,40,.45);
}
.avatar-wrap.av-gold {
  position: relative;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.92),
    0 0 9px 2px rgba(255,200,80,.82),
    0 0 18px 4px rgba(232,160,40,.5)!important;
}

/* ---- 创作者总榜：固定头像占位，光晕不撑开布局 ---- */
.creator-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}
.creator-chip {
  overflow: visible;
  min-width: 96px;
  max-width: 120px;
}
.creator-chip .avatar-wrap {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  display: grid;
  place-items: center;
  flex: none;
  margin: 0 auto;
  isolation: isolate;
}
.creator-chip .avatar-wrap .creator-avatar,
.creator-chip .avatar-wrap .creator-avatar-ph,
.creator-chip > .creator-avatar,
.creator-chip > .creator-avatar-ph {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border-radius: 50%;
  object-fit: cover;
}
.creator-chip .avatar-wrap.av-aurora::before {
  inset: -4px !important;
  padding: 2.5px !important;
}
.creator-chip .avatar-wrap.av-aurora::after {
  inset: -8px !important;
}

/* 列表/文章头像：框只作用在 wrap */
.avatar-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  vertical-align: middle;
  line-height: 0;
}
.avatar-wrap > img,
.avatar-wrap > [data-avfb-ph] {
  display: block;
}
.lb-row .avatar-wrap {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
}
.lb-row .avatar-wrap .post-avatar,
.lb-row .avatar-wrap .post-avatar-ph {
  width: 34px !important;
  height: 34px !important;
}

/* ===== 国庆背景：抽象朝霞祥云（非写实龙） ===== */
#national-dragon-layer {
  position: fixed !important;
  inset: 56px 0 0 !important;
  width: 100vw !important;
  height: calc(100vh - 56px) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  mix-blend-mode: soft-light !important;
  transform: none !important;
  overflow: hidden;
}
html[data-skin="national-day"] #national-dragon-layer {
  display: flex !important;
}
html[data-skin="national-day"] #national-dragon-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,230,160,.16), transparent 26%),
    radial-gradient(circle at 58% 58%, rgba(255,120,80,.06), transparent 40%);
  pointer-events: none;
}
html[data-skin="national-day"] #national-dragon-layer img,
html[data-skin="national-day"] #national-dragon-layer svg {
  width: min(1500px, 130vw) !important;
  height: auto !important;
  max-height: 92vh !important;
  opacity: .88 !important;
  filter:
    drop-shadow(0 0 40px rgba(255,140,80,.35))
    drop-shadow(0 0 18px rgba(255,200,120,.18)) !important;
  transform: translateX(2%) scale(1.04);
}
html[data-skin="national-day"] #sky {
  opacity: .68 !important;
}
/* 内容层压在祥云之上（注意：#human-gate 必须保持全屏 fixed 覆盖层，不能参与此排序） */
html[data-skin="national-day"] main,
html[data-skin="national-day"] header,
html[data-skin="national-day"] #breadcrumb,
html[data-skin="national-day"] #bottom-nav {
  position: relative;
  z-index: 2;
}
/* 人机验证闸门在任何皮肤下都必须是全屏 fixed 覆盖层，防止被皮肤规则改成 relative 导致位置错乱 */
html[data-skin="national-day"] #human-gate {
  position: fixed !important;
  inset: 0 !important;
  z-index: 3000 !important;
}
/* 避免 body 装饰层盖住祥云 */
html[data-skin="national-day"] body::before {
  z-index: 0 !important;
  opacity: .5 !important;
}
html[data-skin="national-day"] body::after {
  z-index: 0 !important;
}