/* poxiao rank-top3 card skin - GENERATED FILE, DO NOT EDIT.
   source: longwen-card.template.css   build: _build_css.py */
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3) {
  position: relative;
  isolation: isolate;
  border-width: 1px;
  border-style: solid;
  border-color: var(--lw-bd);
  background: var(--lw-bg);
  box-shadow:
    0 6px 20px rgba(0, 0, 0, .55),
    0 0 26px -6px var(--lw-glow),
    inset 0 0 44px var(--lw-in);

  --lw-bg: linear-gradient(105deg, #05030c 0%, #2b1054 48%, #040209 100%);
  --lw-acc: #c084fc;
  --lw-acc2: #f472b6;
  --lw-bd: rgba(192, 132, 252, .78);
  --lw-glow: rgba(192, 132, 252, .6);
  --lw-in: rgba(168, 85, 247, .20);
  --lw-gridc: rgba(232, 121, 249, .10);
  --lw-sweep: rgba(255, 210, 255, .12);
  --lw-cl: 16px;
  --lw-cp: 8px;
  --lw-cs: 2.6;
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3)::before,
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3)::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(1) {
  --lw-acc: #c084fc; --lw-acc2: #f472b6;
  --lw-bd: rgba(192, 132, 252, .78);
  --lw-glow: rgba(192, 132, 252, .6);

  overflow: visible;
}
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(2) {
  --lw-acc: #22d3ee; --lw-acc2: #67e8f9;
  --lw-bd: rgba(34, 211, 238, .68);
  --lw-glow: rgba(34, 211, 238, .5);
}
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(3) {
  --lw-acc: #fb923c; --lw-acc2: #fbbf24;
  --lw-bd: rgba(251, 146, 60, .68);
  --lw-glow: rgba(251, 146, 60, .5);
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3)::after {
  inset: 0;
  border-radius: inherit;
  background-image:

    linear-gradient(90deg, var(--lw-acc) 0 var(--lw-cl), transparent var(--lw-cl)),
    linear-gradient(180deg, var(--lw-acc) 0 var(--lw-cl), transparent var(--lw-cl)),

    linear-gradient(90deg, var(--lw-acc) 0 var(--lw-cl), transparent var(--lw-cl)),
    linear-gradient(180deg, var(--lw-acc) 0 var(--lw-cl), transparent var(--lw-cl)),

    linear-gradient(90deg, transparent 0%, var(--lw-acc) 30%, var(--lw-acc2) 50%, var(--lw-acc) 70%, transparent 100%),

    linear-gradient(var(--lw-gridc) 1px, transparent 1px),
    linear-gradient(90deg, var(--lw-gridc) 1px, transparent 1px),

    radial-gradient(58% 200% at 0% 50%, var(--lw-in), transparent 74%),

    radial-gradient(46% 180% at 100% 50%, var(--lw-in), transparent 76%);
  background-size:
    var(--lw-cl) 2px, 2px var(--lw-cl),
    var(--lw-cl) 2px, 2px var(--lw-cl),
    100% 2px,
    15px 15px, 15px 15px,
    100% 100%, 100% 100%;
  background-position:
    var(--lw-cp) var(--lw-cp), var(--lw-cp) var(--lw-cp),
    right var(--lw-cp) bottom var(--lw-cp), right var(--lw-cp) bottom var(--lw-cp),
    0 0,
    0 0, 0 0,
    0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat,
                     repeat, repeat, no-repeat, no-repeat;
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3)::before {
  top: -20%;
  bottom: -20%;
  left: 0;
  width: 32%;
  background: linear-gradient(100deg, transparent 0%, var(--lw-sweep) 52%, transparent 100%);
  transform: translateX(-190%) skewX(-16deg);
  animation: lw-sweep 4.8s cubic-bezier(.45, 0, .25, 1) infinite;
}
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(2)::before { animation-delay: .5s; }
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(3)::before { animation-delay: 1s; }

@keyframes lw-sweep {
  0%   { transform: translateX(-190%) skewX(-16deg); }
  55%  { transform: translateX(430%) skewX(-16deg); }
  100% { transform: translateX(430%) skewX(-16deg); }
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3)::before { animation: none; opacity: 0; }
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3) > span.grid {
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px var(--lw-bd), 0 0 18px var(--lw-glow);
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(2) > span.grid > svg,
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(3) > span.grid > svg {
  display: none;
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(2) > span.grid::before,
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(3) > span.grid::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 10px;
  height: 10px;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 2px;
  background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);
  box-shadow: 0 0 6px var(--lw-acc), 0 0 13px var(--lw-acc);
  pointer-events: none;
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(1) > span.grid > svg {
  top: -22px;
  transform-origin: center top;
  animation: lw-crown 3.4s ease-in-out infinite;

  filter: drop-shadow(0 0 2px rgba(255, 255, 255, .95))
          drop-shadow(0 0 5px rgba(255, 255, 255, .7))
          drop-shadow(0 0 12px rgba(250, 200, 80, .95))
          drop-shadow(0 1px 2px rgba(0, 0, 0, .55));
}
@keyframes lw-crown {
  0%, 100% { transform: translateX(-50%) scale(var(--lw-cs)) translateY(0); }
  50%      { transform: translateX(-50%) scale(var(--lw-cs)) translateY(-1px); }
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(1) > span.grid > svg { animation: none; }
}

:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3) [class*="text-rose-400"] {
  color: var(--lw-acc) !important;
  text-shadow: 0 0 10px var(--lw-glow), 0 0 26px var(--lw-glow);
}
:root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3) [class*="bg-rose-500"] {
  background-image: linear-gradient(90deg, var(--lw-acc), var(--lw-acc2)) !important;
  background-color: transparent !important;
  box-shadow: 0 0 12px var(--lw-glow);
}

@media (max-width: 560px) {
  :root:not([data-lw="off"]) a[href^="/排行榜/"]:nth-of-type(-n+3) {
    --lw-cl: 11px;
    --lw-cp: 5px;
  }
}

:root[data-lw="x"] a[href^="/排行榜/"]:nth-of-type(-n+3) {
  --lw-bg: linear-gradient(105deg, #02070a 0%, #0b2a22 46%, #010506 100%);
  --lw-gridc: rgba(74, 222, 128, .115);
  --lw-sweep: rgba(190, 255, 210, .09);
  --lw-in: rgba(74, 222, 128, .16);
}
:root[data-lw="x"] a[href^="/排行榜/"]:nth-of-type(1) {
  --lw-acc: #4ade80; --lw-acc2: #a3e635;
  --lw-bd: rgba(74, 222, 128, .74); --lw-glow: rgba(74, 222, 128, .55);
}
:root[data-lw="x"] a[href^="/排行榜/"]:nth-of-type(2) {
  --lw-acc: #38bdf8; --lw-acc2: #22d3ee;
  --lw-bd: rgba(56, 189, 248, .68); --lw-glow: rgba(56, 189, 248, .48);
}
:root[data-lw="x"] a[href^="/排行榜/"]:nth-of-type(3) {
  --lw-acc: #fbbf24; --lw-acc2: #fb923c;
  --lw-bd: rgba(251, 191, 36, .68); --lw-glow: rgba(251, 191, 36, .48);
}