/* 写实特摄角色立绘 */
.hero-stage{height:250px;width:min(100%,520px);overflow:hidden;border-radius:30px;background:radial-gradient(circle at 50% 40%,#3b5fbc99,#05091ddd 70%);box-shadow:inset 0 0 35px #3dcfff33,0 15px 35px #0007}
.hero-art,.monster-art,.battle-hero,.enemy{object-fit:cover;object-position:center;mix-blend-mode:screen}
.hero-art{position:absolute;left:0;top:0;width:61%;height:100%;object-position:center 36%;filter:drop-shadow(0 0 12px #53dfff)}
.monster-art{position:absolute;right:0;top:5%;width:52%;height:95%;object-position:center 38%;filter:drop-shadow(0 0 12px #9b55ff)}
.versus{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);font-size:32px;font-style:italic;color:#fff;text-shadow:0 0 8px #ff3131,2px 3px 0 #e7293b;-webkit-text-stroke:1px #ffca3a}
.battle{height:160px;overflow:hidden}
.battle-hero{position:absolute;bottom:-35px;left:2%;width:190px;height:235px;object-position:center 35%;filter:drop-shadow(0 0 9px #61e5ff)}
.enemy-wrap{right:4%;bottom:6px}
.enemy{display:block;width:145px;height:145px;object-position:center 38%;filter:drop-shadow(0 0 9px #a66cff)}
.hp{width:110px;margin:-18px auto 0;position:relative;z-index:3}
@media(max-width:520px){.hero-stage{height:220px}.hero-art{width:64%}.monster-art{width:55%}.battle-hero{left:-4%;width:165px}.enemy{width:125px;height:130px}}