/* 🐉 the donghua skin for the anime page: crimson and gold, an ink-cloud veil, a seal on the title */
html[data-dh]{--blue:#E5484D;--blue-d:#C7313A;--blue-soft:rgba(229,72,77,.14);--dh-gold:#F2C46B}
html[data-dh] .hero{--ac:#B3202A!important}
html[data-dh] .hero.generic{background:radial-gradient(ellipse 60% 70% at 85% 10%,rgba(242,196,107,.28),transparent 60%),linear-gradient(165deg,#5a0f16 0%,#2a0a12 45%,#0b0710 100%)}
/* auspicious clouds, drawn once as a soft pattern over the banner */
html[data-dh] .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.08;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='90' viewBox='0 0 160 90'%3E%3Cg fill='none' stroke='%23F2C46B' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M10 60c0-12 16-16 22-8 2-14 24-14 26 0 8-6 20 0 16 10H18c-5 0-8-1-8-2Z'/%3E%3Cpath d='M30 52c4-6 12-6 14 0M52 50c3-5 10-5 12 1'/%3E%3Cpath d='M100 28c0-10 13-13 18-6 2-11 20-11 21 0 7-5 16 0 13 8h-44c-5 0-8 0-8-2Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px auto;
  -webkit-mask:linear-gradient(180deg,#000,transparent 75%);mask:linear-gradient(180deg,#000,transparent 75%)}
html[data-dh] .hero-in{z-index:3}
html[data-dh] .ttl{background:linear-gradient(100deg,#fff 30%,#FFE2A6 55%,#fff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(179,32,42,.55))}
/* the seal: "دونگهوا" in a red stamp above the title */
html[data-dh] .kick::before{content:"国漫 · دونگهوا";display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font:800 12.5px var(--font);color:#FFE9C2;
  background:linear-gradient(135deg,#C7313A,#8E1820);box-shadow:inset 0 0 0 1.5px rgba(255,220,160,.55),0 6px 16px -6px rgba(199,49,58,.8);letter-spacing:.3px}
html[data-dh] .vjp{color:rgba(242,196,107,.35)!important}
html[data-dh] .btn-blue{background:linear-gradient(135deg,#E5484D,#B3202A);box-shadow:0 10px 24px -10px rgba(229,72,77,.8)}
html[data-dh] .poster{box-shadow:0 0 0 2px rgba(242,196,107,.55),0 24px 50px -20px rgba(179,32,42,.6)!important}
html[data-dh] .idc h2{position:relative}
html[data-dh] .idc h2::after{content:"";display:block;width:64px;height:3px;margin-top:8px;border-radius:3px;background:linear-gradient(90deg,var(--dh-gold),#E5484D)}
html.lite[data-dh] .hero::after{display:none}