.sword {
    position: absolute;
    height: 65vh;
    width: 8vh;
    left: 50%;
    top: 15vh;
    /* 可根据需要调整位置 */
    transform: translateX(-50%) rotate(-45deg);
    transform-origin: center center;
    animation: torso-rotate 1s infinite alternate ease-in-out;
    z-index: 0;
    /* 确保在其他元素之上 */
}


@keyframes torso-rotate {
    0% {
        transform: rotate(-59deg);
    }

    100% {
        transform: rotate(-55deg);
    }
}

.ring {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 5vh;
    height: 5vh;
    border: 1.5vh solid #aaa;
    border-radius: 50%;
    box-sizing: border-box;
    background: transparent;
}

.handle {
    position: absolute;
    top: 4vh;
    left: 50%;
    transform: translateX(-50%);
    width: 2vh;
    height: 18vh;
    /* 1/4 of 60vh */
    background: #aaa;
}

.triangle-up {
    position: absolute;
    top: 19vh;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4vh solid transparent;
    border-right: 4vh solid transparent;
    border-bottom: 6vh solid #aaa;
    /* base = handle width * 2 */
}

.triangle-down {
    position: absolute;
    top: 24.75vh;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4vh solid transparent;
    border-right: 4vh solid transparent;
    border-top: 45vh solid #aaa;
    /* 2/3 of 60vh */
}