/* =========================================
       人物形象专属 CSS 绘图
========================================= */
/* =========================================
   【铁掌帮长老 (铁砂掌·刚猛)】
   (全名tiezhang·铁灰衣·乌黑铁掌·开砖裂石)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-tiezhang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.tiezhang-wrapper {
    position: relative;
    width: 22px; /* 壮硕 */ height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 蓄力震颤 */
    animation: tiezhang-power-shake 0.1s linear infinite alternate;
}

/* --- 2. 背景特效：飞沙走石 (Flying Rocks) --- */
.tiezhang-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.tiezhang-rock {
    position: absolute; width: 4px; height: 4px; 
    background: #757575; border-radius: 1px;
    opacity: 0;
    animation: tiezhang-rock-fly 1s linear infinite;
}
.tz-r1 { top: 60%; left: 50%; animation-delay: 0s; }
.tz-r2 { top: 60%; left: 50%; animation-delay: 0.3s; width: 6px; height: 6px; }
.tz-r3 { top: 60%; left: 50%; animation-delay: 0.6s; width: 3px; height: 3px; }


/* --- 3. 身体 (铁灰劲装) --- */
.tiezhang-body {
    position: relative; width: 22px; height: 38px;
    background: #455a64; /* 蓝灰铁色 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    z-index: 10;
}
.tiezhang-chest { /* 敞开领口露出肌肉 */
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 12px;
    background: #d7ccc8; /* 粗糙肤色 */
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 11;
}
.tiezhang-belt {
    position: absolute; top: 24px; left: 0; width: 100%; height: 6px;
    background: #263238; border-top: 2px solid #37474f; z-index: 11;
}


/* --- 4. 头部 (悍勇) --- */
.tiezhang-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.tiezhang-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 5px 5px 6px 6px; z-index: 30;
}
/* 乱发头箍 */
.tiezhang-hair-band {
    position: absolute; top: -2px; left: 0; width: 100%; height: 4px;
    background: #212121; z-index: 25;
}
.tiezhang-hair-top {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #616161; /* 花白发 */
    border-radius: 6px 6px 0 0; z-index: 24;
}
/* 硬茬胡须 */
.tiezhang-beard {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 6px;
    background: #616161; border-radius: 0 0 6px 6px; z-index: 40;
}

/* 五官 (凶狠) */
.tiezhang-eyebrow-L { 
    position: absolute; top: 6px; left: 1px; width: 5px; height: 2px; 
    background: #000; transform: rotate(15deg); z-index: 60; 
}
.tiezhang-eyebrow-R { 
    position: absolute; top: 6px; right: 1px; width: 5px; height: 2px; 
    background: #000; transform: rotate(-15deg); z-index: 60; 
}
.tiezhang-eye-L { position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 60; }
.tiezhang-eye-R { position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 60; }


/* --- 5. 手臂与铁掌 (Iron Palm) --- */
/* 左手 (收在腰间蓄力) */
.tiezhang-arm-L {
    position: absolute; top: 8px; left: -3px; width: 7px; height: 10px; 
    background: #d7ccc8; /* 露肉 */
    border-radius: 4px; transform-origin: top center; transform: rotate(20deg); z-index: 13;
}
/* 【关键】左铁掌 (黑手) */
.tiezhang-hand-L { 
    position: absolute; bottom: -4px; left: 0; width: 8px; height: 8px; 
    background: #37474f; /* 铁黑色 */
    border-radius: 50%; border: 1px solid #000;
}

/* 右手 (推出一掌) */
.tiezhang-arm-R {
    position: absolute; top: 8px; right: -3px; width: 7px; height: 10px; 
    background: #d7ccc8; /* 露肉 */
    border-radius: 4px; transform-origin: top center; 
    transform: rotate(-90deg); /* 向前平推 */
    z-index: 15;
}
/* 【关键】右铁掌 (黑手 + 掌风) */
.tiezhang-hand-R { 
    position: absolute; bottom: -5px; left: 0; width: 9px; height: 9px; 
    background: #263238; /* 更黑的铁色 */
    border-radius: 2px; /* 竖掌形状 */
    box-shadow: 2px 0 5px rgba(0,0,0,0.8); /* 掌风阴影 */
}
/* 掌心热毒特效 */
.tiezhang-palm-heat {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 20px; height: 20px;
    background: radial-gradient(circle, rgba(255, 87, 34, 0.4) 0%, transparent 70%);
    animation: tiezhang-heat-pulse 0.5s infinite alternate;
    pointer-events: none;
}


/* --- 6. 腿脚 (马步) --- */
.tiezhang-leg-L {
    position: absolute; bottom: -4px; left: -2px; width: 10px; height: 8px;
    background: #37474f; transform: skewX(10deg); z-index: 9;
}
.tiezhang-leg-R {
    position: absolute; bottom: -4px; right: -2px; width: 10px; height: 8px;
    background: #37474f; transform: skewX(-10deg); z-index: 9;
}


/* --- 动画 --- */
@keyframes tiezhang-power-shake { 0% { transform: translateX(0); } 100% { transform: translateX(0.5px); } }
@keyframes tiezhang-heat-pulse { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; } }
@keyframes tiezhang-rock-fly { 
    0% { transform: translate(0, 0) scale(0.5); opacity: 1; } 
    100% { transform: translate(var(--tx, 20px), var(--ty, -20px)) scale(1); opacity: 0; } 
}
/* =========================================
   【陈家洛 (红花会总舵主)】
   (全名chenjialo·白袍书生·折扇·红花雨)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-chenjialo-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.chenjialo-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 风度翩翩的轻摆 */
    animation: chenjialo-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：红花雨 (Red Flower Rain) --- */
.chenjialo-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.chenjialo-petal {
    position: absolute; width: 4px; height: 4px; 
    background: #ff1744; /* 红花色 */
    border-radius: 50% 0 50% 0; /* 花瓣形 */
    opacity: 0;
    animation: chenjialo-flower-fall 3s linear infinite;
}
.cjl-p1 { top: -10%; left: 20%; animation-delay: 0s; transform: rotate(0deg); }
.cjl-p2 { top: -20%; right: 20%; animation-delay: 1.5s; transform: rotate(90deg); width: 5px; height: 5px; }
.cjl-p3 { top: -15%; left: 50%; animation-delay: 2.5s; transform: rotate(45deg); }


/* --- 3. 身体 (白袍书生) --- */
.chenjialo-body {
    position: relative; width: 18px; height: 38px;
    background: #fafafa; /* 玉白 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}
.chenjialo-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #e0e0e0; /* 银灰领 */
    z-index: 11;
}
.chenjialo-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2; /* 俊美肤色 */
}
.chenjialo-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #e0f7fa; border-top: 1px solid #b2ebf2; z-index: 11;
}
/* 腰间玉佩 */
.chenjialo-jade {
    position: absolute; top: 24px; right: 2px;
    width: 4px; height: 5px; background: #69f0ae; /* 翠绿 */
    border-radius: 1px; z-index: 12;
}

/* 【关键特征】胸前红花 (The Red Flower) */
.chenjialo-red-flower {
    position: absolute; top: 12px; left: 4px; /* 别在襟前 */
    width: 6px; height: 6px;
    background: radial-gradient(circle, #ffeb3b 20%, #d50000 30%); /* 黄蕊红花 */
    border-radius: 50%;
    z-index: 12;
    box-shadow: 0 0 2px #d50000;
}


/* --- 4. 头部 (面如冠玉) --- */
.chenjialo-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.chenjialo-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; /* 白净 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 书生巾/发髻 */
.chenjialo-hair-hat {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #212121;
    border-radius: 4px 4px 0 0; z-index: 25;
}
/* 青色飘带 (Ribbon) */
.chenjialo-hair-ribbon {
    position: absolute; top: -2px; right: -2px;
    width: 20px; height: 3px; background: #81d4fa; /* 浅青色 */
    transform-origin: left center; transform: rotate(10deg);
    z-index: 1; /* 脑后飘动 */
    animation: chenjialo-ribbon-wave 3s ease-in-out infinite;
}
.chenjialo-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #212121;
    border-radius: 6px 6px 0 0; z-index: 24;
}

/* 五官 (清秀) */
.chenjialo-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #000; z-index: 6; }
.chenjialo-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #000; z-index: 6; }
.chenjialo-eye-L { position: absolute; top: 10px; left: 2px; width: 2px; height: 2px; background: #000; z-index: 6; }
.chenjialo-eye-R { position: absolute; top: 10px; right: 2px; width: 2px; height: 2px; background: #000; z-index: 6; }
.chenjialo-mouth { /* 微笑 */
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #d84315;
    border-radius: 0 0 50% 50%; z-index: 6; 
}


/* --- 5. 手臂与武器 (折扇) --- */
/* 左手 (背在身后) */
.chenjialo-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #fafafa; border-radius: 4px; transform-origin: top center; transform: rotate(20deg); z-index: 9; /* 身体后面 */
}
.chenjialo-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (胸前摇扇) */
.chenjialo-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #fafafa; border-radius: 4px; transform-origin: top center; 
    transform: rotate(-100deg); /* 抬手 */
    z-index: 15;
}
.chenjialo-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 折扇 (Folding Fan) */
.chenjialo-fan {
    position: absolute; bottom: 2px; left: -5px; /* 握在手中 */
    width: 14px; height: 10px;
    /* 扇面：白色带折痕 */
    background: repeating-conic-gradient(from 0deg at 50% 100%, #fff 0deg 10deg, #eceff1 10deg 20deg);
    border-radius: 10px 10px 0 0; /* 扇形 */
    transform-origin: bottom center;
    transform: rotate(90deg); /* 展开朝上 */
    z-index: 16;
    animation: chenjialo-fan-wave 2s ease-in-out infinite alternate;
}
/* 扇骨 */
.chenjialo-fan::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #3e2723; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.chenjialo-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.chenjialo-feet::before, .chenjialo-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; /* 白靴 */ border-radius: 2px 2px 0 0; }
.chenjialo-feet::before { left: 1px; } .chenjialo-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes chenjialo-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes chenjialo-ribbon-wave { 0% { transform: rotate(10deg) scaleX(1); } 50% { transform: rotate(20deg) scaleX(0.9); } 100% { transform: rotate(5deg) scaleX(1.1); } }
@keyframes chenjialo-fan-wave { 0% { transform: rotate(80deg); } 100% { transform: rotate(100deg); } }
@keyframes chenjialo-flower-fall { 
    0% { transform: translateY(0) rotate(0deg); opacity: 0; } 
    20% { opacity: 0.8; }
    100% { transform: translateY(40px) rotate(180deg); opacity: 0; } 
}
/* =========================================
   【狄云 (空心菜·神照功)】
   (全名diyun·补丁麻衣·乌蚕衣·血刀·神照金光)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-diyun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.diyun-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉重而坚韧的站姿 */
    animation: diyun-stand 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：狱中之光 (Prison Light) --- */
/* 牢狱栅栏 */
.diyun-prison-bars {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(
        to right,
        #000000, #000000 4px,
        transparent 4px, transparent 19px
    );
    opacity: 0.5;
}
/* 神照金光束 */
.diyun-god-light {
    position: absolute; top: -50%; left: 50%;
    width: 60px; height: 150%;
    background: linear-gradient(to bottom, rgba(255, 215, 0, 0.6), transparent);
    transform: translateX(-50%) rotate(-20deg);
    filter: blur(10px);
    animation: diyun-light-shine 5s infinite alternate;
}


/* --- 3. 身体 (补丁麻衣 & 乌蚕衣) --- */
.diyun-body {
    position: relative; width: 18px; height: 38px;
    background: #795548; /* 土褐色麻布 */
    border-radius: 6px 6px 4px 4px;
    /* 【核心特效】神照功护体金光 */
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
    z-index: 10;
}
/* 乌蚕衣领口 (Black Silkworm Vest) */
.diyun-collar-vest {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #212121; /* 黑领 */
    z-index: 11;
}
.diyun-collar-vest::after { /* 网格纹理 */
    content: ''; position: absolute; top: -10px; left: -6px;
    width: 12px; height: 6px;
    background-image: 
        linear-gradient(rgba(97, 97, 97, 0.5) 1px, transparent 1px),
        linear-gradient(90deg, rgba(97, 97, 97, 0.5) 1px, transparent 1px);
    background-size: 3px 3px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
/* 衣服补丁 (Patches) */
.diyun-patch-1 {
    position: absolute; bottom: 10px; left: 2px;
    width: 6px; height: 6px; background: #5d4037;
    border: 1px dashed #8d6e63; transform: rotate(-15deg);
}
.diyun-patch-2 {
    position: absolute; top: 18px; right: 3px;
    width: 5px; height: 7px; background: #6d4c41;
    border: 1px dashed #a1887f; transform: rotate(10deg);
}
.diyun-belt { /* 麻绳腰带 */
    position: absolute; top: 22px; left: 0; width: 100%; height: 4px;
    background: #8d6e63; border-top: 2px solid #5d4037; z-index: 11;
}


/* --- 4. 头部 (沧桑坚毅) --- */
.diyun-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.diyun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 黝黑肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 乱发 (Messy Hair) */
.diyun-hair-mess {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 8px; background: #212121;
    border-radius: 8px 8px 4px 4px; z-index: 25;
}
.diyun-hair-spike-1 { position: absolute; top: -7px; left: 2px; width: 3px; height: 5px; background: #212121; border-radius: 50% 50% 0 0; transform: rotate(-20deg); z-index: 24; }
.diyun-hair-spike-2 { position: absolute; top: -8px; right: 4px; width: 4px; height: 6px; background: #212121; border-radius: 50% 50% 0 0; transform: rotate(10deg); z-index: 24; }

/* 胡茬 */
.diyun-stubble {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 5px; background: rgba(33, 33, 33, 0.2);
    border-radius: 0 0 5px 5px; z-index: 4;
}

/* 五官 (愁苦坚毅) */
.diyun-eyebrow-L { 
    position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; 
    background: #000; transform: rotate(10deg); z-index: 6; /* 紧锁眉头 */
}
.diyun-eyebrow-R { 
    position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; 
    background: #000; transform: rotate(-10deg); z-index: 6; 
}
.diyun-eye-L { position: absolute; top: 10px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.diyun-eye-R { position: absolute; top: 10px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.diyun-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 1px; background: #5d4037;
    border-radius: 50% 50% 0 0; /* 抿嘴 */
    z-index: 6;
}


/* --- 5. 手臂与武器 (血刀) --- */
.diyun-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #795548; border-radius: 4px; transform-origin: top center; transform: rotate(15deg); z-index: 13;
}
.diyun-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (持血刀) */
.diyun-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #795548; border-radius: 4px; transform-origin: top center; transform: rotate(-30deg); z-index: 15;
}
.diyun-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 血刀 (Blood Knife - 断刀带血光) */
.diyun-blood-knife {
    position: absolute; top: 0px; left: 1px; /* 握在手中 */
    width: 5px; height: 25px;
    background: linear-gradient(to bottom, #d32f2f, #212121); /* 血红到黑 */
    /* 断刀，带锯齿 */
    clip-path: polygon(0% 0%, 30% 10%, 100% 0%, 80% 100%, 50% 90%, 20% 100%);
    transform: rotate(-10deg);
    z-index: 14;
    /* 血光特效 */
    filter: drop-shadow(0 0 3px #d32f2f);
    animation: diyun-blood-pulse 2s infinite alternate;
}
.diyun-knife-hilt {
    position: absolute; top: -4px; left: 0; width: 5px; height: 4px; background: #3e2723;
}


/* --- 6. 腿脚 --- */
.diyun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.diyun-feet::before, .diyun-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #3e2723; border-radius: 2px 2px 0 0; }
.diyun-feet::before { left: 1px; } .diyun-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes diyun-stand { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.01); } }
@keyframes diyun-light-shine { 0% { opacity: 0.5; transform: translateX(-50%) rotate(-20deg) scaleX(1); } 100% { opacity: 0.8; transform: translateX(-50%) rotate(-20deg) scaleX(1.1); } }
@keyframes diyun-blood-pulse { 0% { filter: drop-shadow(0 0 2px #d32f2f); } 100% { filter: drop-shadow(0 0 5px #ff1744); } }
/* =========================================
   【石破天 (狗杂种·太玄经)】
   (修复版：手臂折叠方向修正-自然挠头)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-shipotian-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.shipotian-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: shipotian-idle 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 --- */
.shipotian-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.shipotian-aura {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(64, 196, 255, 0.3) 50%, rgba(255, 82, 82, 0.3) 100%);
    border-radius: 50%; filter: blur(8px);
    animation: shipotian-aura-spin 5s linear infinite;
}
.shipotian-rune {
    position: absolute; width: 6px; height: 6px; 
    background: #ffd700; border-radius: 50%; box-shadow: 0 0 4px #ffd700;
    opacity: 0; animation: shipotian-rune-float 4s infinite;
}
.shipotian-rune::after {
    content: ''; position: absolute; bottom: -4px; left: 2px;
    width: 2px; height: 6px; background: #ffd700;
    border-radius: 0 0 2px 2px; transform: rotate(20deg); transform-origin: top center;
}
.spt-r1 { top: 20%; left: 10%; animation-delay: 0s; transform: rotate(0deg); }
.spt-r2 { top: 10%; right: 20%; animation-delay: 1s; transform: rotate(90deg); }
.spt-r3 { top: 50%; left: -10px; animation-delay: 2s; transform: rotate(-45deg); }
.spt-r4 { top: 40%; right: -10px; animation-delay: 0.5s; transform: rotate(135deg); }
.spt-r5 { top: -10px; left: 50%; animation-delay: 1.5s; transform: rotate(180deg); }


/* --- 3. 身体 --- */
.shipotian-body {
    position: relative; width: 20px; height: 38px;
    background: #8d6e63; border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); z-index: 10;
}
.shipotian-patch {
    position: absolute; bottom: 10px; left: 2px; width: 6px; height: 6px;
    background: #6d4c41; border: 1px dashed #d7ccc8; transform: rotate(-10deg);
}
.shipotian-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #d7ccc8; z-index: 11;
}
.shipotian-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.shipotian-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 4px;
    background: #a1887f; border-top: 1px solid #d7ccc8; z-index: 11;
}


/* --- 4. 头部 --- */
.shipotian-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.shipotian-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}
.shipotian-hair-mess {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 8px; background: #212121;
    border-radius: 8px 8px 4px 4px; z-index: 25;
}
.shipotian-hair-spike {
    position: absolute; top: -8px; left: 50%; 
    width: 4px; height: 6px; background: #212121;
    border-radius: 50% 50% 0 0; transform: rotate(15deg); z-index: 24;
}
.shipotian-eyebrow-L { 
    position: absolute; top: 6px; left: 1px; width: 4px; height: 2px; background: #000; border-radius: 1px;
    transform: rotate(-10deg) translateY(-1px); z-index: 6; 
}
.shipotian-eyebrow-R { 
    position: absolute; top: 6px; right: 1px; width: 4px; height: 2px; background: #000; border-radius: 1px;
    transform: rotate(10deg) translateY(-1px); z-index: 6; 
}
.shipotian-eye-L { position: absolute; top: 9px; left: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; }
.shipotian-eye-R { position: absolute; top: 9px; right: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; }
.shipotian-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; border-bottom: 1px solid #5d4037; border-radius: 0 0 50% 50%; z-index: 6;
}


/* --- 5. 手臂与动作 (【关键修复】) --- */
.shipotian-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #8d6e63; border-radius: 4px; transform-origin: top center; transform: rotate(10deg); z-index: 13;
}
.shipotian-hand-L { 
    position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; 
    box-shadow: 0 0 5px #40c4ff;
}

/* 右手 (抬起挠头 - 方向完全修正) */
.shipotian-arm-R-upper { /* 上臂 */
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 9px; background: #8d6e63; border-radius: 4px;
    transform-origin: top center; 
    /* 【修正】指向右上方，抬起肘部 */
    transform: rotate(-120deg); 
    z-index: 15;
}
.shipotian-arm-R-lower { /* 前臂 */
    position: absolute; bottom: -6px; left: 0;
    width: 5px; height: 8px; background: #8d6e63; border-radius: 4px;
    transform-origin: top center;
    /* 【修正】向回折叠，形成自然的 V 字 */
    transform: rotate(-90deg); 
}
.shipotian-hand-R { 
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; 
    background: #ffe0b2; border-radius: 50%;
    /* 微调手掌角度，贴合头部 */
    transform: rotate(-20deg);
    box-shadow: 0 0 5px #ff5252;
    animation: shipotian-scratch 0.5s steps(2) infinite alternate;
}


/* --- 6. 腿脚 --- */
.shipotian-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.shipotian-feet::before, .shipotian-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #3e2723; border-radius: 2px 2px 0 0; }
.shipotian-feet::before { left: 1px; } .shipotian-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes shipotian-idle { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.02); } }
@keyframes shipotian-aura-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes shipotian-rune-float { 
    0% { transform: translate(0, 0) scale(0.5); opacity: 0; } 
    50% { opacity: 1; }
    100% { transform: translate(var(--tx, 20px), var(--ty, -20px)) scale(1); opacity: 0; } 
}
@keyframes shipotian-scratch { 
    0% { transform: translateY(0) rotate(-20deg); } 
    100% { transform: translateY(1.5px) rotate(-15deg); } 
}
/* =========================================
   【袁承志 (金蛇传人·碧血剑)】
   (修复版：背景特效加深显影)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yuanchengzhi-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yuanchengzhi-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: yuanchengzhi-stand 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 (修复撞色问题) --- */
.yuanchengzhi-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}

/* 华山混元气 (Blue Haze) - 颜色加深 */
.yuanchengzhi-aura {
    position: absolute; top: 30%; left: 50%; transform: translateX(-50%);
    width: 50px; height: 50px;
    /* 改为较深的湛蓝色，不透明度提升 */
    background: radial-gradient(circle, rgba(76, 146, 225, 0.4) 50%, transparent 70%);
    border-radius: 50%;
    /* 增加一个淡边框增加层次 */
    border: 1px solid rgba(76, 146, 225, 0.4);
    animation: yuanchengzhi-aura-pulse 3s infinite alternate;
}

/* 隐约的金蛇幻影 */
.yuanchengzhi-snake-shadow {
    position: absolute; top: 10%; right: 10%;
    width: 20px; height: 40px;
    border-right: 2px solid rgba(255, 215, 0, 0.3);
    border-radius: 50%;
    transform: rotate(15deg);
    filter: blur(1px);
    animation: yuanchengzhi-snake-fade 4s infinite;
}


/* --- 3. 身体 (保持不变) --- */
.yuanchengzhi-body {
    position: relative; width: 18px; height: 38px;
    background: #1976d2; border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); z-index: 10;
}
.yuanchengzhi-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #e3f2fd; z-index: 11;
}
.yuanchengzhi-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffb74d;
}
.yuanchengzhi-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #0d47a1; border-top: 1px solid #90caf9; z-index: 11;
}


/* --- 4. 头部 (保持不变) --- */
.yuanchengzhi-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.yuanchengzhi-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffb74d; border-radius: 5px 5px 7px 7px; z-index: 3;
}
.yuanchengzhi-hair-bun {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px; z-index: 25;
}
.yuanchengzhi-hair-band {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; background: #1976d2; z-index: 26;
}
.yuanchengzhi-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #212121; border-radius: 6px 6px 0 0; z-index: 24;
}
.yuanchengzhi-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; background: #000; transform: rotate(-5deg); z-index: 6; }
.yuanchengzhi-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; background: #000; transform: rotate(5deg); z-index: 6; }
.yuanchengzhi-eye-L { position: absolute; top: 10px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.yuanchengzhi-eye-R { position: absolute; top: 10px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.yuanchengzhi-mouth { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #5d4037; z-index: 6; }


/* --- 5. 手臂与武器 (保持不变) --- */
.yuanchengzhi-arm-L { position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #1976d2; border-radius: 4px; transform-origin: top center; transform: rotate(10deg); z-index: 13; }
.yuanchengzhi-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffb74d; border-radius: 50%; }

.yuanchengzhi-arm-R { position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #1976d2; border-radius: 4px; transform-origin: top center; transform: rotate(-30deg); z-index: 15; }
.yuanchengzhi-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffb74d; border-radius: 50%; }

.yuanchengzhi-sword {
    position: absolute; top: -32px; left: -12px; width: 7px; height: 40px;
    background: linear-gradient(to right, #ffca28, #fff59d, #ffca28);
    clip-path: polygon(50% 0%, 100% 10%, 30% 25%, 100% 40%, 30% 55%, 100% 70%, 70% 85%, 50% 100%, 30% 85%, 0% 70%, 70% 55%, 0% 40%, 70% 25%, 0% 10%);
    transform: rotate(145deg); z-index: 14; filter: drop-shadow(0 0 2px #ff8f00);
}
.yuanchengzhi-sword-hilt { position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 5px; height: 6px; background: #3e2723; border-radius: 1px; }


/* --- 6. 腿脚 --- */
.yuanchengzhi-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.yuanchengzhi-feet::before, .yuanchengzhi-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #424242; border-radius: 2px 2px 0 0; }
.yuanchengzhi-feet::before { left: 1px; } .yuanchengzhi-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yuanchengzhi-stand { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.02); } }
@keyframes yuanchengzhi-aura-pulse { 0% { opacity: 0.3; transform: translateX(-50%) scale(0.8); } 100% { opacity: 0.6; transform: translateX(-50%) scale(1.2); } }
/* 修改动画，保持不透明度在可见范围内 */
@keyframes yuanchengzhi-snake-fade { 
    0% { opacity: 0.4; transform: rotate(15deg) translateY(0); } 
    50% { opacity: 0.8; transform: rotate(15deg) translateY(-5px); } 
    100% { opacity: 0.4; transform: rotate(15deg) translateY(0); } 
}
/* =========================================
   【萧远山 (契丹狼主·黑衣人)】
   (修复版：狼头显形·血红图腾)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xiaoyuanshan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xiaoyuanshan-wrapper {
    position: relative;
    width: 24px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: xiaoyuanshan-rage-shake 0.2s linear infinite alternate;
}

/* --- 2. 背景特效：苍狼仇火 --- */
.xiaoyuanshan-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}

/* 【关键修复】狼头剪影 (Wolf Silhouette) */
.xiaoyuanshan-wolf-shadow {
    position: absolute; 
    /* 1. 位置上移，浮在头顶 */
    top: -35px; left: 50%; transform: translateX(-50%);
    /* 2. 尺寸调整 */
    width: 60px; height: 50px;
    /* 3. 颜色改为半透明血红，确保可见 */
    background: #d32f2f; 
    opacity: 0.3; 
    /* 4. 优化形状：尖耳、宽脸、尖下巴 */
    clip-path: polygon(
        0% 20%,   /* 左耳尖 */
        20% 50%,  /* 左脸颊 */
        50% 100%, /* 下巴尖 */
        80% 50%,  /* 右脸颊 */
        100% 20%, /* 右耳尖 */
        80% 30%,  /* 右耳根 */
        50% 10%,  /* 额头凹陷 */
        20% 30%   /* 左耳根 */
    );
    /* 5. 动画：像火焰/幽灵一样浮动 */
    animation: xiaoyuanshan-wolf-howl 4s ease-in-out infinite alternate;
}

/* 仇恨红焰 */
.xiaoyuanshan-aura {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(183, 28, 28, 0.5) 0%, transparent 70%);
    filter: blur(5px);
    animation: xiaoyuanshan-aura-pulse 1s infinite alternate;
}


/* --- 3. 身体 (保持不变) --- */
.xiaoyuanshan-body {
    position: relative; width: 24px; height: 38px;
    background: #000; border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.5); z-index: 10;
}
.xiaoyuanshan-fur-collar {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 28px; height: 12px; background: #8d6e63; border-radius: 6px; z-index: 12;
    clip-path: polygon(0% 50%, 10% 40%, 20% 60%, 30% 40%, 40% 60%, 50% 40%, 60% 60%, 70% 40%, 80% 60%, 90% 40%, 100% 50%, 100% 100%, 0% 100%);
}
.xiaoyuanshan-belt {
    position: absolute; top: 24px; left: 0; width: 100%; height: 6px;
    background: #212121; border-top: 2px solid #5d4037; z-index: 11;
}


/* --- 4. 头部 (保持不变) --- */
.xiaoyuanshan-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.xiaoyuanshan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 6px; z-index: 3;
}
.xiaoyuanshan-hood {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px; background: #000; border-radius: 8px 8px 0 0; z-index: 25;
}
.xiaoyuanshan-hood-side {
    position: absolute; top: 0; left: -1px; width: 18px; height: 20px; background: #000; border-radius: 6px; z-index: 2;
}
.xiaoyuanshan-mask {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;
    background: #212121; border-radius: 0 0 6px 6px; z-index: 24;
}
.xiaoyuanshan-eye-L { 
    position: absolute; top: 7px; left: 2px; width: 4px; height: 2px; background: #fff; z-index: 26;
    transform: rotate(15deg); box-shadow: 0 0 2px #ff0000;
}
.xiaoyuanshan-eye-L::after { content: ''; position: absolute; top: 0; left: 1px; width: 2px; height: 2px; background: #000; }
.xiaoyuanshan-eye-R { 
    position: absolute; top: 7px; right: 2px; width: 4px; height: 2px; background: #fff; z-index: 26;
    transform: rotate(-15deg); box-shadow: 0 0 2px #ff0000;
}
.xiaoyuanshan-eye-R::after { content: ''; position: absolute; top: 0; right: 1px; width: 2px; height: 2px; background: #000; }


/* --- 5. 手臂 (保持不变) --- */
.xiaoyuanshan-arm-L {
    position: absolute; top: 8px; left: -3px; width: 7px; height: 12px; background: #000; border-radius: 4px; transform-origin: top center; transform: rotate(10deg); z-index: 13;
}
.xiaoyuanshan-hand-L { position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #d7ccc8; border-radius: 50%; border: 1px solid #000; }
.xiaoyuanshan-arm-R {
    position: absolute; top: 8px; right: -3px; width: 7px; height: 12px; background: #000; border-radius: 4px; transform-origin: top center; transform: rotate(-10deg); z-index: 15;
}
.xiaoyuanshan-hand-R { position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #d7ccc8; border-radius: 50%; border: 1px solid #000; }


/* --- 6. 腿脚 (保持不变) --- */
.xiaoyuanshan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 18px; height: 4px; }
.xiaoyuanshan-feet::before, .xiaoyuanshan-feet::after { content: ''; position: absolute; bottom: 0; width: 7px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.xiaoyuanshan-feet::before { left: 1px; } .xiaoyuanshan-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes xiaoyuanshan-rage-shake { 0% { transform: translateX(0); } 100% { transform: translateX(0.5px); } }
@keyframes xiaoyuanshan-aura-pulse { 0% { opacity: 0.3; transform: translateX(-50%) scale(1); } 100% { opacity: 0.6; transform: translateX(-50%) scale(1.2); } }
/* 狼头浮动动画 */
@keyframes xiaoyuanshan-wolf-howl { 
    0% { transform: translateX(-50%) translateY(0) scale(1); opacity: 0.3; } 
    100% { transform: translateX(-50%) translateY(-5px) scale(1.1); opacity: 0.5; } 
}
/* =========================================
   【慕容博 (姑苏慕容·灰衣人)】
   (全名murongbo·灰僧袍·蒙面·斗转星移)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-murongbo-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.murongbo-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 阴沉的呼吸感 */
    animation: murongbo-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：北斗星阵 (Big Dipper) --- */
.murongbo-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.murongbo-star-line {
    position: absolute; top: 20%; left: 10%; width: 60px; height: 40px;
    opacity: 0.4;
}
.murongbo-star {
    position: absolute; width: 2px; height: 2px; background: #fff;
    box-shadow: 0 0 4px #e040fb; /* 紫光 */
    border-radius: 50%;
    animation: murongbo-twinkle 2s infinite alternate;
}
/* 简单的北斗七星排列 */
.mrb-s1 { top: 0; left: 0; }
.mrb-s2 { top: 10px; left: 15px; }
.mrb-s3 { top: 20px; left: 25px; }
.mrb-s4 { top: 25px; left: 40px; }
.mrb-s5 { top: 35px; left: 50px; }
.mrb-s6 { top: 30px; left: 65px; }
.mrb-s7 { top: 15px; left: 70px; } 


/* --- 3. 身体 (灰衣僧袍) --- */
.murongbo-body {
    position: relative; width: 20px; height: 38px;
    background: #616161; /* 深灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    z-index: 10;
}
.murongbo-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #424242; /* 更深灰领 */
    z-index: 11;
}
/* 皇族玉佩 (Royal Jade - 暴露身份的细节) */
.murongbo-jade {
    position: absolute; top: 24px; right: 2px;
    width: 4px; height: 6px; 
    background: #00e676; border: 1px solid #ffd700;
    border-radius: 2px; z-index: 12;
}


/* --- 4. 头部 (蒙面灰衣人) --- */
.murongbo-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.murongbo-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #e0e0e0; /* 苍白皮肤 */
    border-radius: 5px; z-index: 3;
}

/* 僧帽/头巾 (Hood) */
.murongbo-hood {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #424242;
    border-radius: 8px 8px 0 0; z-index: 25;
}
.murongbo-hood-side {
    position: absolute; top: 0; left: -1px; width: 16px; height: 18px;
    background: #424242; border-radius: 6px; z-index: 2; /* 在脸后 */
}

/* 【关键】蒙面布 (Face Mask) */
.murongbo-mask {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;
    background: #757575; /* 浅灰布 */
    border-radius: 0 0 5px 5px;
    z-index: 24;
    /* 蒙面褶皱 */
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 1px, transparent 1px);
    background-size: 100% 3px;
}

/* 枭雄眼 (Scheming Eyes) */
.murongbo-eye-L { 
    position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; 
    background: #000; z-index: 26;
    clip-path: polygon(0 0, 100% 20%, 50% 100%); /* 三角眼 */
}
.murongbo-eye-R { 
    position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; 
    background: #000; z-index: 26;
    clip-path: polygon(0 20%, 100% 0, 50% 100%);
}


/* --- 5. 手臂与特效：斗转星移 (Star Shifting) --- */
/* 双手在身前划圆 */
.murongbo-arm-L {
    position: absolute; top: 8px; left: -2px; width: 5px; height: 12px; background: #616161; border-radius: 4px; transform-origin: top center; transform: rotate(20deg); z-index: 13;
}
.murongbo-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #e0e0e0; border-radius: 50%; }

.murongbo-arm-R {
    position: absolute; top: 8px; right: -2px; width: 5px; height: 12px; background: #616161; border-radius: 4px; transform-origin: top center; transform: rotate(-20deg); z-index: 15;
}
.murongbo-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #e0e0e0; border-radius: 50%; }

/* 【核心特效】斗转星移盾 (Star Shifting Shield) */
/* 放在身前 (Body兄弟，Z-30) */
.murongbo-star-shield {
    position: absolute; top: 15px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    border-radius: 50%;
    /* 星云旋涡渐变 */
    background: conic-gradient(from 0deg, transparent, rgba(124, 77, 255, 0.3), rgba(224, 64, 251, 0.5), transparent);
    z-index: 30;
    pointer-events: none;
    animation: murongbo-shield-spin 2s linear infinite;
    border: 1px solid rgba(224, 64, 251, 0.3);
}
/* 盾上的星辰 */
.murongbo-shield-star {
    position: absolute; width: 3px; height: 3px; background: #fff;
    border-radius: 50%; box-shadow: 0 0 3px #fff;
}
.mrb-ss1 { top: 5px; left: 50%; }
.mrb-ss2 { bottom: 5px; left: 50%; }
.mrb-ss3 { top: 50%; left: 5px; }
.mrb-ss4 { top: 50%; right: 5px; }


/* --- 6. 腿脚 --- */
.murongbo-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.murongbo-feet::before, .murongbo-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.murongbo-feet::before { left: 1px; } .murongbo-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes murongbo-breathe { 0% { transform: scale(1); } 100% { transform: scale(1.02); } }
@keyframes murongbo-twinkle { 0% { opacity: 0.3; } 100% { opacity: 1; } }
@keyframes murongbo-shield-spin { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
/* =========================================
   【苗人凤 (金面佛·打遍天下无敌手)】
   (全名miaorenfeng·金面·灰紫袍·背剑·飞雪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-miaorenfeng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.miaorenfeng-wrapper {
    position: relative;
    width: 20px; /* 魁梧方正 */ height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉稳不动，只有极轻微的呼吸感 */
    animation: miaorenfeng-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：雪山飞雪 (Snowy Mountain) --- */
.miaorenfeng-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.miaorenfeng-snow {
    position: absolute; top: -10px;
    width: 3px; height: 3px; background: #fff;
    border-radius: 50%; opacity: 0.8;
    box-shadow: 0 0 2px #fff;
    animation: miaorenfeng-snow-fall linear infinite;
}
.mrf-s1 { left: 10%; animation-duration: 3s; animation-delay: 0s; }
.mrf-s2 { left: 30%; animation-duration: 4s; animation-delay: 1s; width: 2px; height: 2px; }
.mrf-s3 { left: 60%; animation-duration: 2.5s; animation-delay: 2s; }
.mrf-s4 { left: 80%; animation-duration: 3.5s; animation-delay: 0.5s; width: 4px; height: 4px; }


/* --- 3. 身体 (灰紫侠客袍) --- */
.miaorenfeng-body {
    position: relative; width: 20px; height: 38px;
    background: #5e35b1; /* 深灰紫 */
    border-radius: 4px; /* 方正身形 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.miaorenfeng-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #9575cd; /* 浅紫领 */
    z-index: 11;
}
.miaorenfeng-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe082; /* 金面肤色 */
}
.miaorenfeng-belt {
    position: absolute; top: 24px; left: 0; width: 100%; height: 5px;
    background: #4527a0; border-top: 1px solid #7e57c2; z-index: 11;
}

/* --- 4. 头部 (金面佛) --- */
.miaorenfeng-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 16px; /* 宽脸 */ height: 19px; z-index: 20;
}
.miaorenfeng-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    /* 【关键】蜡黄金面 */
    background: #ffe082; 
    border-radius: 4px 4px 6px 6px; /* 方脸 */
    z-index: 3;
}

/* 头巾/发髻 */
.miaorenfeng-hair-hat {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 6px; background: #616161; /* 灰布头巾 */
    border-radius: 4px 4px 0 0; z-index: 25;
}
.miaorenfeng-hair-knot {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #616161;
    border-radius: 2px; z-index: 24;
}

/* 五官 (木讷愁苦) */
.miaorenfeng-eyebrow-L {
    position: absolute; top: 7px; left: 2px; width: 5px; height: 2px; background: #4e342e;
    transform: rotate(5deg); z-index: 6; /* 眉头深锁 */
}
.miaorenfeng-eyebrow-R {
    position: absolute; top: 7px; right: 2px; width: 5px; height: 2px; background: #4e342e;
    transform: rotate(-5deg); z-index: 6;
}
.miaorenfeng-eye-L { position: absolute; top: 10px; left: 3px; width: 2px; height: 2px; background: #000; z-index: 6; }
.miaorenfeng-eye-R { position: absolute; top: 10px; right: 3px; width: 2px; height: 2px; background: #000; z-index: 6; }
/* 嘴角下撇 */
.miaorenfeng-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 2px; border-top: 1px solid #5d4037;
    border-radius: 50% 50% 0 0; z-index: 6; 
}


/* --- 5. 武器：背负长剑 (Sword on Back) --- */
/* 放在 Body 后面 (兄弟元素，z-index 8) */
.miaorenfeng-sword-back {
    position: absolute; top: -10px; left: 50%; 
    transform: translateX(-50%) rotate(15deg); /* 斜背 */
    width: 6px; height: 50px;
    z-index: 8; /* 身体后面 */
}
.miaorenfeng-sword-sheath { /* 剑鞘 */
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #424242; border-radius: 2px;
}
.miaorenfeng-sword-hilt { /* 剑柄 */
    position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px; 
    border-bottom: 2px solid #bdbdbd; /* 护手 */
}
.miaorenfeng-sword-handle {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 8px; background: #5d4037;
}


/* --- 6. 手臂 --- */
/* 双手握拳自然下垂 */
.miaorenfeng-arm-L {
    position: absolute; top: 6px; left: -2px; width: 6px; height: 14px; background: #5e35b1; border-radius: 4px; transform-origin: top center; transform: rotate(0deg); z-index: 13;
}
.miaorenfeng-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffe082; border-radius: 50%; }

.miaorenfeng-arm-R {
    position: absolute; top: 6px; right: -2px; width: 6px; height: 14px; background: #5e35b1; border-radius: 4px; transform-origin: top center; transform: rotate(0deg); z-index: 13;
}
.miaorenfeng-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffe082; border-radius: 50%; }


/* --- 7. 腿脚 --- */
.miaorenfeng-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.miaorenfeng-feet::before, .miaorenfeng-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.miaorenfeng-feet::before { left: 1px; } .miaorenfeng-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes miaorenfeng-breathe { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.01); } }
@keyframes miaorenfeng-snow-fall { 
    0% { transform: translateY(0) rotate(0deg); opacity: 0.8; } 
    100% { transform: translateY(50px) rotate(180deg); opacity: 0; } 
}
/* =========================================
   【穆人清 (华山掌门·神剑仙猿)】
   (全名murenqing·松绿袍·长臂·白长须·松针特效)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-murenqing-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.murenqing-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 像松树一样挺拔，轻微晃动 */
    animation: murenqing-stand 5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：华山松针 (Pine Needles) --- */
.murenqing-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.murenqing-pine {
    position: absolute; width: 2px; height: 6px; background: #2e7d32;
    opacity: 0; border-radius: 1px;
    animation: murenqing-pine-fall 4s linear infinite;
}
.mrq-p1 { top: 0; left: 20%; animation-delay: 0s; transform: rotate(15deg); }
.mrq-p2 { top: 10%; right: 20%; animation-delay: 1.5s; transform: rotate(-10deg); background: #388e3c; }
.mrq-p3 { top: 5%; left: 60%; animation-delay: 2.5s; transform: rotate(45deg); height: 5px; }


/* --- 3. 身体 (松绿掌门袍) --- */
.murenqing-body {
    position: relative; width: 18px; height: 38px;
    background: #2e7d32; /* 深松绿 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.murenqing-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #81c784; /* 浅绿领 */
    z-index: 11;
}
.murenqing-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2; /* 脸色红润 */
}
.murenqing-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #1b5e20; /* 深绿腰带 */ z-index: 11;
}


/* --- 4. 头部 (古貌清奇) --- */
.murenqing-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.murenqing-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}
/* 道髻 */
.murenqing-hair-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #eee; /* 白发 */
    border-radius: 4px; z-index: 25;
}
.murenqing-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #eee;
    border-radius: 6px 6px 0 0; z-index: 24;
}

/* 极长白须 (Super Long Beard) */
.murenqing-beard {
    position: absolute; bottom: -12px; /* 很长 */ left: 50%; transform: translateX(-50%);
    width: 6px; height: 16px; background: #fff;
    border-radius: 0 0 3px 3px; z-index: 25;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    animation: murenqing-beard-float 3s ease-in-out infinite alternate;
}

/* 五官 (威严) */
.murenqing-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #bdbdbd; transform: rotate(-15deg); z-index: 6; }
.murenqing-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #bdbdbd; transform: rotate(15deg); z-index: 6; }
.murenqing-eye-L { position: absolute; top: 9px; left: 2px; width: 2px; height: 2px; background: #000; z-index: 6; }
.murenqing-eye-R { position: absolute; top: 9px; right: 2px; width: 2px; height: 2px; background: #000; z-index: 6; }
.murenqing-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6;
}


/* --- 5. 手臂 (仙猿长臂)与剑 --- */
/* 左手 (负后) */
.murenqing-arm-L {
    position: absolute; top: 6px; left: -2px; 
    width: 5px; height: 14px; /* 长臂 14px */
    background: #2e7d32; border-radius: 4px; 
    transform-origin: top center; transform: rotate(10deg); 
    z-index: 13;
}
.murenqing-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (持长剑) */
.murenqing-arm-R {
    position: absolute; top: 6px; right: -2px; 
    width: 5px; height: 14px; /* 长臂 14px */
    background: #2e7d32; border-radius: 4px; 
    transform-origin: top center; transform: rotate(-25deg); 
    z-index: 15;
}
.murenqing-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 古朴长剑 (Antique Sword) */
.murenqing-sword {
    position: absolute; top: 10px; left: 0px; /* 握在手中，剑尖向下 */
    width: 3px; height: 35px;
    background: linear-gradient(to right, #cfd8dc, #eceff1);
    border-radius: 0 0 2px 2px; /* 剑尖朝下 */
    transform: rotate(10deg); /* 倒持 */
    transform-origin: top center;
    z-index: 14;
}
.murenqing-sword-hilt { /* 剑柄 */
    position: absolute; top: -6px; left: -2px; width: 7px; height: 2px; background: #5d4037;
}
.murenqing-sword-handle {
    position: absolute; top: -10px; left: 0; width: 3px; height: 6px; background: #3e2723;
}


/* --- 6. 腿脚 --- */
.murenqing-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.murenqing-feet::before, .murenqing-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #1b5e20; border-radius: 2px 2px 0 0; }
.murenqing-feet::before { left: 1px; } .murenqing-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes murenqing-stand { 0% { transform: rotate(0.5deg); } 100% { transform: rotate(-0.5deg); } }
@keyframes murenqing-beard-float { 0% { transform: translateX(-50%) skewX(0deg); } 100% { transform: translateX(-55%) skewX(5deg); } }
@keyframes murenqing-pine-fall { 
    0% { transform: translateY(0) rotate(0deg); opacity: 0; } 
    20% { opacity: 0.8; }
    100% { transform: translateY(40px) rotate(45deg); opacity: 0; } 
}
/* =========================================
   【夏雪宜 (金蛇郎君)】
   (全名xiaxueyi·月白金袍·金蛇剑·金蛇锥)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xiaxueyi-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xiaxueyi-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 潇洒的轻微晃动 */
    animation: xiaxueyi-float 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：金蛇狂舞 (Golden Snake Spirit) --- */
.xiaxueyi-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 蛇影 */
.xiaxueyi-snake-spirit {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 60px;
    opacity: 0.3;
}
.xiaxueyi-snake-body-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 4px; height: 10px; background: #ffd700;
    border-radius: 2px;
    box-shadow: 0 0 10px #ffd700;
    animation: xiaxueyi-snake-rise 2s infinite linear;
}
.xxy-s1 { animation-delay: 0s; height: 10px; }
.xxy-s2 { animation-delay: 0.5s; height: 8px; margin-left: -10px; }
.xxy-s3 { animation-delay: 1s; height: 12px; margin-left: 10px; }


/* --- 3. 身体 (月白金边袍) --- */
.xiaxueyi-body {
    position: relative; width: 18px; height: 38px;
    background: #f5f5f5; /* 月白 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 金色滚边 */
.xiaxueyi-trim {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 10px; height: 38px;
    border-left: 1px solid #ffd700; border-right: 1px solid #ffd700;
    opacity: 0.5;
}
.xiaxueyi-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #ffd700; /* 金领 */
    z-index: 11;
}
.xiaxueyi-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc; /* 俊美肤色 */
}
.xiaxueyi-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #e0e0e0; border-top: 1px solid #ffd700; z-index: 11;
}


/* --- 4. 头部 (邪魅俊美) --- */
.xiaxueyi-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.xiaxueyi-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 肤白 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}
/* 长发披肩 (Shoulder Hair) */
.xiaxueyi-hair-back {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 20px; height: 24px; background: #212121;
    border-radius: 8px; z-index: 2; /* 脸后 */
}
.xiaxueyi-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 6px; background: #212121;
    border-radius: 6px 6px 0 0; z-index: 24;
}
/* 潇洒刘海 (Bangs) */
.xiaxueyi-bangs {
    position: absolute; top: 0; right: 0; width: 6px; height: 8px;
    background: #212121; border-radius: 0 0 0 100%; z-index: 25;
}

/* 五官 (邪气) */
.xiaxueyi-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #000; transform: rotate(-10deg); z-index: 6; }
.xiaxueyi-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #000; transform: rotate(10deg); z-index: 6; }
.xiaxueyi-eye-L { position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.xiaxueyi-eye-R { position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.xiaxueyi-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #d84315; /* 薄唇 */
    transform: rotate(-5deg); /* 邪魅一笑 */
    z-index: 6;
}


/* --- 5. 手臂与武器 (金蛇剑) --- */
/* 左手 (扣着金蛇锥) */
.xiaxueyi-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #f5f5f5; border-radius: 4px; transform-origin: top center; transform: rotate(10deg); z-index: 13;
}
.xiaxueyi-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 金蛇锥 (Golden Snake Cone) */
.xiaxueyi-cone {
    position: absolute; bottom: -4px; left: 0; 
    width: 0; height: 0; 
    border-left: 3px solid transparent; border-right: 3px solid transparent;
    border-top: 8px solid #ffd700; /* 倒三角 */
    transform: rotate(-15deg); z-index: 14;
    filter: drop-shadow(0 0 2px gold);
}

/* 右手 (持金蛇剑) */
.xiaxueyi-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #f5f5f5; border-radius: 4px; transform-origin: top center; transform: rotate(-45deg); z-index: 15;
}
.xiaxueyi-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 【关键】金蛇剑 (Golden Snake Sword) */
.xiaxueyi-sword {
    position: absolute; top: 0px; right: 3px;
    width: 8px; height: 40px;
    background: linear-gradient(to right, #fbc02d, #fff176, #fbc02d); /* 黄金质感 */
    /* 利用 clip-path 裁剪出蛇形波浪刃 */
    clip-path: polygon(
        50% 0%, 100% 10%, 30% 25%, 100% 40%, 30% 55%, 100% 70%, 70% 85%, 50% 100%, 
        30% 85%, 0% 70%, 70% 55%, 0% 40%, 70% 25%, 0% 10%
    );
    transform: rotate(15deg); 
    z-index: 35;
    filter: drop-shadow(0 0 2px #ff6f00);
}
/* 剑柄 */
.xiaxueyi-sword-hilt {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 6px; background: #3e2723;
}


/* --- 6. 腿脚 --- */
.xiaxueyi-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.xiaxueyi-feet::before, .xiaxueyi-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #ffd700; /* 金靴 */ border-radius: 2px 2px 0 0; }
.xiaxueyi-feet::before { left: 1px; } .xiaxueyi-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes xiaxueyi-float { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes xiaxueyi-snake-rise { 
    0% { transform: translateX(-50%) translateY(0) scaleX(1); opacity: 0; } 
    50% { opacity: 0.8; }
    100% { transform: translateX(-50%) translateY(-40px) scaleX(0.5); opacity: 0; } 
}
/* =========================================
   【无崖子 (逍遥派掌门)】
   (修复版：膝盖折角改为45度锐角)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-wuyazi-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.wuyazi-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: center top;
    animation: wuyazi-swing 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 --- */
.wuyazi-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.wuyazi-aura {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(224, 247, 250, 0.1) 0%, transparent 70%);
    border: 1px solid rgba(0, 150, 136, 0.2); border-radius: 50%;
    animation: wuyazi-aura-pulse 4s infinite alternate;
}
.wuyazi-star {
    position: absolute; width: 2px; height: 2px; background: #fff;
    border-radius: 50%; opacity: 0; box-shadow: 0 0 4px #fff;
    animation: wuyazi-star-twinkle 3s infinite;
}
.wyz-s1 { top: 20%; left: 20%; animation-delay: 0s; }
.wyz-s2 { top: 50%; right: 15%; animation-delay: 1s; width: 3px; height: 3px; background: #b2dfdb; }
.wyz-s3 { top: 10%; left: 60%; animation-delay: 2s; }


/* --- 3. 悬吊绳索 --- */
.wuyazi-rope {
    position: absolute; top: -30px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 40px; background: #212121; z-index: 1;
}
.wuyazi-knot {
    position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #212121; border-radius: 50%; z-index: 12;
}


/* --- 4. 身体 (悬空盘坐) --- */
.wuyazi-body {
    position: relative; top: 5px; width: 20px; height: 30px;
    background: #f5f5f5; border-radius: 6px 6px 8px 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 10;
}
.wuyazi-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #cfd8dc; z-index: 11;
}
.wuyazi-sash {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px; background: #e0f2f1; z-index: 11;
}


/* --- 5. 头部 --- */
.wuyazi-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.wuyazi-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff; border-radius: 5px 5px 7px 7px; z-index: 3;
}
.wuyazi-hair-back {
    position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 25px; background: #212121; border-radius: 10px; z-index: 2;
}
.wuyazi-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121; border-radius: 8px 8px 0 0; z-index: 25;
}
.wuyazi-beard {
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 12px; background: #212121; border-radius: 0 0 4px 4px; z-index: 25;
    animation: wuyazi-beard-sway 3s ease-in-out infinite alternate;
}
.wuyazi-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #000; z-index: 6; }
.wuyazi-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #000; z-index: 6; }
.wuyazi-eye-L { position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }
.wuyazi-eye-R { position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; }


/* --- 6. 手臂与七宝指环 --- */
.wuyazi-arm-L { position: absolute; top: 8px; left: -2px; width: 5px; height: 12px; background: #f5f5f5; border-radius: 4px; transform-origin: top center; transform: rotate(15deg); z-index: 13; }
.wuyazi-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff; border-radius: 50%; }

.wuyazi-arm-R { position: absolute; top: 8px; right: -2px; width: 5px; height: 12px; background: #f5f5f5; border-radius: 4px; transform-origin: top center; transform: rotate(-45deg); z-index: 15; }
.wuyazi-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff; border-radius: 50%; }
.wuyazi-ring {
    position: absolute; bottom: -1px; left: -1px; width: 6px; height: 6px;
    border: 2px solid #00c853; border-radius: 50%; z-index: 16; box-shadow: 0 0 4px #00e676;
}


/* --- 7. 盘坐的双腿 (修正版：45度锐角折痕) --- */
:root { --wyz-shadow: #90a4ae; }

.wuyazi-leg-L {
    position: absolute; bottom: -2px; left: -2px; width: 12px; height: 6px;
    background: #f5f5f5; border-radius: 4px; transform: rotate(20deg); z-index: 9;
}
/* 【关键修改】左腿：skewX(45deg) 压扁直角 */
.wuyazi-leg-L::after {
    content: ''; position: absolute; 
    bottom: 4px; left: 7px;
    width: 4px; height: 4px;
    /* 边框定义 */
    border-bottom: 1px solid var(--wyz-shadow);
    border-left: 1px solid var(--wyz-shadow);
    /* 核心：倾斜变形，让直角变锐角 */
    transform: skewX(135deg);
    opacity: 0.7;
}

.wuyazi-leg-R {
    position: absolute; bottom: -2px; right: -2px; width: 12px; height: 6px;
    background: #f5f5f5; border-radius: 4px; transform: rotate(-20deg); z-index: 9;
}
/* 【关键修改】右腿：skewX(-45deg) 对称压扁 */
.wuyazi-leg-R::after {
    content: ''; position: absolute;
    bottom: 4px; right: 7px;
    width: 4px; height: 4px;
    /* 边框定义 */
    border-bottom: 1px solid var(--wyz-shadow);
    border-right: 1px solid var(--wyz-shadow);
    /* 核心：反向倾斜 */
    transform: skewX(-135deg);
    opacity: 0.7;
}


/* --- 动画 --- */
@keyframes wuyazi-swing { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes wuyazi-beard-sway { 0% { transform: translateX(-50%) rotate(2deg); } 100% { transform: translateX(-50%) rotate(-2deg); } }
@keyframes wuyazi-aura-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; } 100% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.5; } }
@keyframes wuyazi-star-twinkle { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1); } }
/* =========================================
   【李秋水 (西夏皇妃·逍遥派)】
   (全名liqiushui·白纱蒙面·长水袖·小无相功)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-liqiushui-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.liqiushui-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 像风中柳絮般轻盈晃动 */
    animation: liqiushui-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：小无相功 (Formless Ripples) --- */
.liqiushui-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.liqiushui-ripple {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 10px; height: 10px;
    border: 1px solid rgba(224, 247, 250, 0.8); /* 极淡的蓝白 */
    border-radius: 50%; opacity: 0;
    animation: liqiushui-ripple-expand 3s linear infinite;
}
.lqs-r1 { animation-delay: 0s; }
.lqs-r2 { animation-delay: 1s; }
.lqs-r3 { animation-delay: 2s; }


/* --- 3. 身体 (逍遥白纱衣) --- */
.liqiushui-body {
    position: relative; width: 18px; height: 38px;
    background: #fafafa; /* 雪白 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}
/* 飘带/腰封 */
.liqiushui-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #e0f7fa; /* 淡青色腰带 */ z-index: 11;
}
.liqiushui-ribbon {
    position: absolute; top: 22px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 20px; background: #e0f7fa;
    opacity: 0.8;
}
.liqiushui-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #eceff1; /* 银白领 */
    z-index: 11;
}
.liqiushui-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #fff9c4; /* 白皙皮肤 */
}


/* --- 4. 头部 (神秘蒙面) --- */
.liqiushui-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.liqiushui-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff9c4; /* 极白 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 媚眼 */
.liqiushui-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-5deg); z-index: 6; /* 细眉 */
}
.liqiushui-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(5deg); z-index: 6;
}
.liqiushui-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.liqiushui-eye-L::after { /* 眼线 */
    content: ''; position: absolute; top: -1px; left: -1px; width: 5px; height: 1px; background: #000; opacity: 0.5;
}
.liqiushui-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.liqiushui-eye-R::after {
    content: ''; position: absolute; top: -1px; right: -1px; width: 5px; height: 1px; background: #000; opacity: 0.5;
}

/* 【关键】白面纱 (White Veil) - z-index: 25 */
/* 盖在嘴巴和半个脸颊上 */
.liqiushui-veil {
    position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 7px;
    background: rgba(255, 255, 255, 0.85); /* 半透明白 */
    border-radius: 0 0 7px 7px;
    z-index: 25;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

/* 皇妃发髻 */
.liqiushui-hair-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 8px; background: #212121;
    border-radius: 5px 5px 2px 2px; z-index: 25;
}
.liqiushui-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121;
    border-radius: 7px 7px 0 0; z-index: 24;
}
/* 垂发 */
.liqiushui-hair-side {
    position: absolute; top: 0; left: -2px; width: 18px; height: 20px;
    background: #212121; border-radius: 4px; z-index: 2; /* 在脸后 */
}


/* --- 5. 手臂与长水袖 (Water Sleeves) --- */
/* 左手 (抚弄头发) */
.liqiushui-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #fafafa; border-radius: 4px; transform-origin: top center; transform: rotate(140deg); z-index: 13;
}
.liqiushui-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff9c4; border-radius: 50%; }
/* 左袖 (垂下) */
.liqiushui-sleeve-L {
    position: absolute; top: 5px; left: 0; width: 6px; height: 20px;
    background: rgba(250, 250, 250, 0.9);
    transform: rotate(-140deg); transform-origin: top center;
    border-radius: 0 0 4px 4px;
}

/* 右手 (甩出水袖攻击) */
.liqiushui-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #fafafa; border-radius: 4px; transform-origin: top center; transform: rotate(-80deg); z-index: 15;
}
.liqiushui-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff9c4; border-radius: 50%; }

/* 长水袖 (Long Sleeve) */
.liqiushui-long-sleeve {
    position: absolute; top: -5px; right: -27px;
    width: 30px; height: 8px;
    background: linear-gradient(to right, #fafafa, rgba(255,255,255,0.5));
    border-radius: 4px;
    transform-origin: left center;
    z-index: 14;

    /* 定义一个 CSS 变量 --angle，默认 90deg (垂下) */
    /* 你可以在这里随意修改角度，动画会跟随这个角度 */
    --angle: 85deg; 
    
    transform: rotate(var(--angle));
    animation: liqiushui-sleeve-wave 2s ease-in-out infinite alternate;
}


/* --- 6. 腿脚 --- */
.liqiushui-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.liqiushui-feet::before, .liqiushui-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.liqiushui-feet::before { left: 1px; } .liqiushui-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes liqiushui-sway { 0% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes liqiushui-ripple-expand { 
    0% { width: 10px; height: 10px; opacity: 0.8; border-width: 2px; } 
    100% { width: 60px; height: 60px; opacity: 0; border-width: 0px; } 
}
@keyframes liqiushui-sleeve-wave { 
    0% { 
        /* 在基础角度上保持原样 */
        transform: rotate(var(--angle)) scaleX(1); 
    } 
    100% { 
        /* 在基础角度上增加 10度 摆动，并伸长 */
        transform: rotate(calc(var(--angle) + 10deg)) scaleX(1.2); 
    } 
}
/* =========================================
   【任我行 (日月神教前教主·吸星大法)】
   (修复版：胡须分层结构·嘴巴可见·吸星旋涡)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-renwoxing-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.renwoxing-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: renwoxing-power-surge 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 --- */
.renwoxing-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.renwoxing-vortex-bg {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px;
    background: conic-gradient(from 0deg, #212121, #4a148c, #000, #4a148c, #212121);
    border-radius: 50%; opacity: 0.6; filter: blur(5px);
    animation: renwoxing-spin-vortex 5s linear infinite;
}
.renwoxing-suction-line {
    position: absolute; top: 50%; left: 50%; width: 30px; height: 1px;
    background: linear-gradient(to right, transparent, #7c4dff);
    transform-origin: left center; opacity: 0;
    animation: renwoxing-suck-in 2s infinite;
}
.rwx-l1 { transform: rotate(0deg); animation-delay: 0s; }
.rwx-l2 { transform: rotate(120deg); animation-delay: 0.6s; }
.rwx-l3 { transform: rotate(240deg); animation-delay: 1.2s; }


/* --- 3. 身体 --- */
.renwoxing-body {
    position: relative; width: 20px; height: 38px;
    background: #212121; border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.5); z-index: 10;
}
.renwoxing-shoulder {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 22px; height: 8px; background: #b71c1c; border-radius: 4px; z-index: 11;
}
.renwoxing-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #424242; z-index: 12;
}
.renwoxing-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #e0e0e0;
}
.renwoxing-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 6px;
    background: #000; border-top: 2px solid #b71c1c; z-index: 11;
}


/* --- 4. 头部 (结构重构) --- */
.renwoxing-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.renwoxing-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #e0e0e0; border-radius: 5px 5px 7px 7px; z-index: 3;
}
/* 脑后乱发 */
.renwoxing-hair-wild-back {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 22px; height: 25px; background: #424242;
    border-radius: 10px; z-index: 2; /* 最底层 */
    clip-path: polygon(0 0, 100% 0, 90% 100%, 50% 80%, 10% 100%);
}
.renwoxing-hair-top {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #424242;
    border-radius: 8px 8px 0 0; z-index: 25;
}

/* 【关键重构】胡须分为三部分 */

/* 1. 胡须底座 (Beard Base) - 放在嘴巴后面 */
.renwoxing-beard-base {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;
    background: #424242; border-radius: 0 0 5px 5px; 
    z-index: 4; /* 【关键】低层级，在 Face(3) 上，在 Mouth(6) 下 */
}

/* 2. 狂乱长须 (Wild Beard) - 挂在下巴底下 */
.renwoxing-beard-wild {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #424242;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 50% 80%, 20% 100%);
    z-index: 25; /* 高层级，在最外面 */
}

/* 3. 八字胡 (Mustache) - 嘴巴上方 */
.renwoxing-mustache {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #424242;
    border-radius: 2px; z-index: 25;
}


/* 五官 */
.renwoxing-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; background: #000; transform: rotate(-20deg); z-index: 6; }
.renwoxing-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; background: #000; transform: rotate(20deg); z-index: 6; }
.renwoxing-eye-L { position: absolute; top: 10px; left: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; box-shadow: 0 0 2px #7c4dff; }
.renwoxing-eye-R { position: absolute; top: 10px; right: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; box-shadow: 0 0 2px #7c4dff; }

/* 嘴巴 (现在清晰可见，不再被遮挡) */
.renwoxing-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 3px; 
    background: #b71c1c; /* 血盆大口 */
    border: 1px solid #fff; /* 露齿狂笑 */
    border-radius: 0 0 50% 50%; 
    z-index: 6; /* 【关键】层级高于胡须底座(4) */
}


/* --- 5. 手臂与吸星 --- */
.renwoxing-arm-L { position: absolute; top: 6px; left: -2px; width: 6px; height: 12px; background: #212121; border-radius: 4px; transform-origin: top center; transform: rotate(30deg); z-index: 13; }
.renwoxing-hand-L { position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #e0e0e0; border-radius: 3px; }
.renwoxing-suction-orb-L {
    position: absolute; bottom: 0px; left: 1px; width: 5px; height: 5px;
    background: radial-gradient(circle, #7c4dff, #000); border-radius: 50%;
    box-shadow: 0 0 5px #7c4dff; z-index: 15;
    animation: renwoxing-orb-pulse 1s infinite alternate;
}

.renwoxing-arm-R { position: absolute; top: 6px; right: -2px; width: 6px; height: 12px; background: #212121; border-radius: 4px; transform-origin: top center; transform: rotate(-30deg); z-index: 15; }
.renwoxing-hand-R { position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #e0e0e0; border-radius: 3px; }
.renwoxing-suction-orb-R {
    position: absolute; bottom: 0px; left: 1px; width: 5px; height: 5px;
    background: radial-gradient(circle, #7c4dff, #000); border-radius: 50%;
    box-shadow: 0 0 5px #7c4dff; z-index: 15;
    animation: renwoxing-orb-pulse 1s infinite alternate 0.2s;
}


/* --- 6. 腿脚 --- */
.renwoxing-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.renwoxing-feet::before, .renwoxing-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.renwoxing-feet::before { left: 1px; } .renwoxing-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes renwoxing-power-surge { 0% { transform: scale(1); } 100% { transform: scale(1.03); } }
@keyframes renwoxing-spin-vortex { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes renwoxing-suck-in { 0% { opacity: 0; transform: rotate(var(--r)) translateX(30px) scaleX(1); } 50% { opacity: 0.8; } 100% { opacity: 0; transform: rotate(var(--r)) translateX(10px) scaleX(0.2); } }
@keyframes renwoxing-orb-pulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.3); opacity: 1; } }
/* =========================================
   【风清扬 (华山剑宗·独孤九剑)】
   (全名fengqingyang·隐士灰袍·枯树枝·九剑虚影)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-fengqingyang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.fengqingyang-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 随风轻摆，仙气飘飘 */
    animation: fengqingyang-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：华山云雾 (Mount Hua Mist) --- */
.fengqingyang-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.fengqingyang-cloud {
    position: absolute; background: #fff; border-radius: 50%; opacity: 0.4;
    filter: blur(5px);
    animation: fengqingyang-cloud-float 6s linear infinite;
}
.fqy-c1 { top: 20%; left: 10%; width: 30px; height: 15px; animation-duration: 8s; }
.fqy-c2 { top: 50%; right: 10%; width: 40px; height: 20px; animation-duration: 10s; animation-direction: reverse; }

/* --- 【核心特效】九剑虚影 (Nine Swords Phantoms) --- */
/* Body 兄弟，位于身后 */
.fengqingyang-nine-swords {
    position: absolute; top: -20px; left: 50%; transform: translateX(-50%);
    width: 80px; height: 60px;
    z-index: 1; /* Body 后面 */
    opacity: 0.3;
    pointer-events: none;
}
.fengqingyang-phantom-blade {
    position: absolute; bottom: 0; left: 50%;
    width: 2px; height: 30px; background: #b0bec5; /* 剑影色 */
    transform-origin: bottom center;
}
/* 九把剑扇形排开 */
.fqy-p1 { transform: translateX(-50%) rotate(-60deg); }
.fqy-p2 { transform: translateX(-50%) rotate(-45deg); height: 35px; }
.fqy-p3 { transform: translateX(-50%) rotate(-30deg); }
.fqy-p4 { transform: translateX(-50%) rotate(-15deg); height: 40px; }
.fqy-p5 { transform: translateX(-50%) rotate(0deg); height: 45px; background: #eceff1; } /* 主剑意 */
.fqy-p6 { transform: translateX(-50%) rotate(15deg); height: 40px; }
.fqy-p7 { transform: translateX(-50%) rotate(30deg); }
.fqy-p8 { transform: translateX(-50%) rotate(45deg); height: 35px; }
.fqy-p9 { transform: translateX(-50%) rotate(60deg); }


/* --- 3. 身体 (隐士灰袍) --- */
.fengqingyang-body {
    position: relative; width: 18px; height: 38px;
    background: #78909c; /* 青灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 飘逸的袖子效果 (模拟宽袍) */
.fengqingyang-robe-flow {
    position: absolute; bottom: 5px; right: -3px; width: 4px; height: 15px;
    background: #78909c; border-radius: 0 0 4px 0;
    transform: rotate(-5deg); z-index: 10;
}
.fengqingyang-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #cfd8dc; /* 浅灰领 */
    z-index: 11;
}
.fengqingyang-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.fengqingyang-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #455a64; z-index: 11;
}


/* --- 4. 头部 (清癯老者) --- */
.fengqingyang-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.fengqingyang-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 银白长须 (Flowing Beard) */
.fengqingyang-beard {
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 12px; background: #f5f5f5;
    border-radius: 0 0 8px 8px; z-index: 25;
    animation: fengqingyang-beard-float 3s ease-in-out infinite alternate;
}
/* 白发 */
.fengqingyang-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #f5f5f5;
    border-radius: 8px 8px 0 0; z-index: 25;
}
.fengqingyang-hair-long { /* 披散的长发 */
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 20px; height: 25px; background: #f5f5f5;
    border-radius: 8px; z-index: -1; /* 头后 */
}

/* 五官 (淡然) */
.fengqingyang-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #bdbdbd;
    transform: rotate(-10deg); z-index: 6;
}
.fengqingyang-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #bdbdbd;
    transform: rotate(10deg); z-index: 6;
}
.fengqingyang-eye-L { position: absolute; top: 9px; left: 2px; width: 2px; height: 2px; background: #000; z-index: 6; }
.fengqingyang-eye-R { position: absolute; top: 9px; right: 2px; width: 2px; height: 2px; background: #000; z-index: 6; }
.fengqingyang-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6;
}


/* --- 5. 手臂与武器 (枯树枝) - 【标准坐标】 --- */
/* 左手 (负后) */
.fengqingyang-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #78909c; border-radius: 4px; transform-origin: top center; transform: rotate(10deg); z-index: 13;
}
.fengqingyang-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (持枯枝) */
.fengqingyang-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #78909c; border-radius: 4px; transform-origin: top center; transform: rotate(-30deg); z-index: 15;
}
.fengqingyang-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 枯树枝 (Withered Branch) */
.fengqingyang-branch {
    position: absolute; top: -10px; right: -18px;
    width: 2px; height: 40px; background: #5d4037; /* 枯木色 */
    transform: rotate(110deg); z-index: 35;
    border-radius: 1px;
}
/* 树枝分叉 */
.fengqingyang-branch::before {
    content: ''; position: absolute; top: 5px; left: 0;
    width: 1px; height: 8px; background: #5d4037;
    transform: rotate(-30deg); transform-origin: bottom center;
}
.fengqingyang-branch::after {
    content: ''; position: absolute; top: 15px; right: 0;
    width: 1px; height: 6px; background: #5d4037;
    transform: rotate(30deg); transform-origin: bottom center;
}


/* --- 6. 腿脚 --- */
.fengqingyang-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.fengqingyang-feet::before, .fengqingyang-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #455a64; /* 布鞋 */ border-radius: 2px 2px 0 0; }
.fengqingyang-feet::before { left: 1px; } .fengqingyang-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes fengqingyang-sway { 0% { transform: skewX(1deg); } 100% { transform: skewX(-1deg); } }
@keyframes fengqingyang-beard-float { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-55%) rotate(5deg); } }
@keyframes fengqingyang-cloud-float { 0% { transform: translateX(0); opacity: 0; } 50% { opacity: 0.6; } 100% { transform: translateX(20px); opacity: 0; } }
/* =========================================
   【扫地僧 (神级·返璞归真)】
   (修复版：扫帚前置·路径修复·三尺气墙)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-saodiseng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.saodiseng-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 缓慢、沉稳的整体摇摆 */
    animation: saodiseng-sway 6s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 --- */
.saodiseng-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 三尺气墙 (Qi Wall) - Body 兄弟，层级 1 (最底层) */
.saodiseng-qi-wall {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px;
    border-radius: 50%;
    background: radial-gradient(circle, transparent 50%, rgba(255, 215, 0, 0.1) 80%, rgba(255, 255, 255, 0.3) 100%);
    border: 1px solid rgba(255, 215, 0, 0.2);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.1);
    z-index: 1; 
    animation: saodiseng-qi-pulse 5s ease-in-out infinite alternate;
}
/* 金色尘土 */
.saodiseng-dust-gold {
    position: absolute; bottom: 0; left: 20%;
    width: 4px; height: 4px; background: #ffd700;
    border-radius: 50%; opacity: 0; filter: blur(1px);
    animation: saodiseng-dust-rise 3s linear infinite;
}
.sds-d1 { left: 20%; animation-delay: 0s; }
.sds-d2 { left: 50%; animation-delay: 1s; width: 3px; height: 3px; }
.sds-d3 { left: 80%; animation-delay: 2s; }


/* --- 【关键修复】竹扫帚 (Bamboo Broom) - 独立层 --- */
/* 移出 Body，作为兄弟元素，层级最高 */
.saodiseng-broom-container {
    position: absolute; top: 0; left: -5px; width: 100%; height: 100%;
    z-index: 35; /* 【关键】极高层级，确保在身体前面 */
    pointer-events: none;
    /* 独立的扫地动作 */
    animation: saodiseng-sweep-action 4s ease-in-out infinite alternate;
}
.saodiseng-broom {
    position: absolute; top: -5px; left: 6px; /* 调整位置以匹配手部 */
    width: 4px; height: 45px; background: #8d6e63; /* 竹杆 */
    transform: rotate(-20deg); 
}
.saodiseng-broom-head { /* 扫帚头 */
    position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px; background: #e6cea5;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    border-top: 2px solid #5d4037;
}


/* --- 3. 身体 (枯槁僧袍) --- */
.saodiseng-body {
    position: relative; width: 18px; height: 38px;
    background: #757575; border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10; /* 中间层级 */
}
.saodiseng-kasaya {
    position: absolute; top: 0; left: 0; width: 100%; height: 22px;
    background: #5d4037; clip-path: polygon(0 0, 100% 0, 100% 70%, 40% 100%, 0 80%);
    border-radius: 6px 6px 0 0; opacity: 0.8; z-index: 11;
}
.saodiseng-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bdbdbd; z-index: 12;
}
.saodiseng-belt {
    position: absolute; top: 24px; left: 0; width: 100%; height: 5px;
    background: #424242; z-index: 11;
}


/* --- 4. 头部 --- */
.saodiseng-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.saodiseng-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 6px 6px 7px 7px; z-index: 3;
}
/* 长眉须 */
.saodiseng-eyebrow-L {
    position: absolute; top: 6px; left: -2px; width: 8px; height: 2px; background: #eee;
    transform: rotate(-20deg); border-radius: 1px; z-index: 25;
}
.saodiseng-eyebrow-R {
    position: absolute; top: 6px; right: -2px; width: 8px; height: 2px; background: #eee;
    transform: rotate(20deg); border-radius: 1px; z-index: 25;
}
.saodiseng-beard {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 8px; background: #eee; opacity: 0.8;
    border-radius: 0 0 5px 5px; z-index: 25;
}
.saodiseng-eye-L { position: absolute; top: 10px; left: 2px; width: 4px; height: 1px; background: #757575; z-index: 6; }
.saodiseng-eye-R { position: absolute; top: 10px; right: 2px; width: 4px; height: 1px; background: #757575; z-index: 6; }
.saodiseng-jieba {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; display: flex; justify-content: space-between; opacity: 0.4;
}
.saodiseng-jieba span { width: 2px; height: 2px; background: #5d4037; border-radius: 50%; }


/* --- 5. 手臂 (在身体内，Z-15) --- */
/* 因为扫帚在 Body 外且 Z-35，所以扫帚会盖住手臂，看起来像是在身前扫地 */
.saodiseng-arm-L {
    position: absolute; top: 8px; left: -1px; width: 5px; height: 10px; background: #757575; border-radius: 4px; transform-origin: top center; transform: rotate(30deg); z-index: 15;
}
.saodiseng-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

.saodiseng-arm-R {
    position: absolute; top: 8px; right: -1px; width: 5px; height: 10px; background: #757575; border-radius: 4px; transform-origin: top center; transform: rotate(-10deg); z-index: 13;
}
.saodiseng-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }


/* --- 6. 腿脚 --- */
.saodiseng-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.saodiseng-feet::before, .saodiseng-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #424242; border-radius: 2px 2px 0 0; }
.saodiseng-feet::before { left: 1px; } .saodiseng-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes saodiseng-sway { 0% { transform: rotate(0.5deg) translateY(0); } 100% { transform: rotate(-0.5deg) translateY(-0.5px); } }
@keyframes saodiseng-qi-pulse { 
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; } 
    100% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; box-shadow: 0 0 25px rgba(255, 215, 0, 0.3); } 
}
@keyframes saodiseng-sweep-action {
    0% { transform: rotate(0deg) translateX(0); }
    100% { transform: rotate(5deg) translateX(3px); }
}
@keyframes saodiseng-dust-rise {
    0% { transform: translateY(0) scale(1); opacity: 0; }
    20% { opacity: 0.8; }
    100% { transform: translateY(-20px) scale(0.5); opacity: 0; }
}
/* =========================================
   【独孤求败 (剑魔·绝顶高手)】
   (修复版：剑意移出Body·层级正确·豪华剑阵)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-duguqiubai-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.duguqiubai-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: duguqiubai-float-majestic 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：剑冢神域 --- */
.duguqiubai-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.duguqiubai-domain-vortex {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 80px; height: 80px; /* 加大 */
    background: conic-gradient(from 0deg, rgba(49, 27, 146, 0.1), rgba(0, 188, 212, 0.4), rgba(255, 215, 0, 0.3), rgba(49, 27, 146, 0.1));
    border-radius: 50%;
    filter: blur(8px);
    animation: duguqiubai-spin-domain 10s linear infinite;
}
.duguqiubai-tomb-stone {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 30px; background: #424242;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    opacity: 0.6; z-index: -5;
}
.duguqiubai-eagle-shadow {
    position: absolute; top: 10%; right: 10%;
    width: 30px; height: 20px; background: #212121;
    clip-path: polygon(0% 40%, 30% 0%, 100% 30%, 80% 100%, 20% 80%);
    opacity: 0.2; filter: blur(2px);
    animation: duguqiubai-eagle-hover 5s ease-in-out infinite alternate;
}


/* --- 【关键修复】剑意 (Sword Intent) - 移出Body后 --- */
/* 现在它们是 Wrapper 的子元素 */
.duguqiubai-sword-intent {
    position: absolute; 
    width: 4px; height: 30px; /* 稍微加长 */
    border-radius: 2px; opacity: 0.9;
    z-index: 9; /* 【关键】比身体(10)低，比披风(8)高 */
    filter: blur(0.5px);
    animation: duguqiubai-sword-float 3s ease-in-out infinite alternate;
}
/* 利剑意 (左) */
.dqb-s1 {
    top: -25px; left: -18px; /* 更靠左，露出来 */
    background: linear-gradient(to top, #00bcd4, #fff);
    box-shadow: 0 0 8px #00bcd4; 
    transform: rotate(-20deg); 
    --r: -20deg; /* 动画用变量 */
    animation-delay: 0s;
}
/* 软剑意 (中 - 悬浮头顶) */
.dqb-s2 {
    top: -45px; left: 50%; transform: translateX(-50%); /* 更高，露出来 */
    height: 35px; 
    background: linear-gradient(to top, #7c4dff, #fff);
    box-shadow: 0 0 8px #7c4dff; 
    --r: 0deg;
    animation-delay: 0.5s;
}
/* 重剑意 (右) */
.dqb-s3 {
    top: -25px; right: -18px; /* 更靠右 */
    width: 8px; /* 更宽 */
    background: linear-gradient(to top, #424242, #ffd700);
    box-shadow: 0 0 8px #ffd700; 
    transform: rotate(20deg); 
    --r: 20deg;
    animation-delay: 1s;
}


/* --- 3. 身体与披风 --- */
/* 紫金披风 (Body兄弟，z-index 8) */
.duguqiubai-cape {
    position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
    width: 36px; height: 42px;
    background: linear-gradient(to bottom, #4527a0, #311b92);
    border-radius: 4px 4px 10px 10px;
    z-index: 8; /* 最底层 */
    box-shadow: 0 0 10px rgba(69, 39, 160, 0.5);
    animation: duguqiubai-cape-flow 3s ease-in-out infinite alternate;
}
.duguqiubai-cape::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ffd700; opacity: 0.7; }

/* 身体 (z-index 10) */
.duguqiubai-body {
    position: relative; width: 20px; height: 38px;
    background: #311b92;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    z-index: 10; /* 最高层，盖住剑意和披风 */
}
.duguqiubai-body::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, transparent 40%, rgba(255, 215, 0, 0.4) 50%, transparent 60%);
    background-size: 200% 200%;
    animation: duguqiubai-gold-shine 3s linear infinite;
    border-radius: 6px; pointer-events: none;
}
.duguqiubai-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #b39ddb; z-index: 11;
}
.duguqiubai-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 6px;
    background: #ffd700; box-shadow: 0 0 4px #ffd700; z-index: 11;
}


/* --- 4. 头部 --- */
.duguqiubai-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.duguqiubai-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #f5f5f5; border-radius: 5px 5px 7px 7px; z-index: 3;
}
/* 银发 (z-index 24/25) */
.duguqiubai-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #e0e0e0;
    border-radius: 8px 8px 0 0; z-index: 25;
    box-shadow: 0 0 5px rgba(224, 224, 224, 0.8);
}
.duguqiubai-hair-back {
    position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
    width: 24px; height: 35px; background: #e0e0e0;
    border-radius: 10px; z-index: 1; /* 头后，披风前 */
    clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
    animation: duguqiubai-hair-flow 4s ease-in-out infinite alternate;
}

.duguqiubai-eyebrow-L { position: absolute; top: 7px; left: 1px; width: 5px; height: 1px; background: #bdbdbd; transform: rotate(-5deg); z-index: 6; }
.duguqiubai-eyebrow-R { position: absolute; top: 7px; right: 1px; width: 5px; height: 1px; background: #bdbdbd; transform: rotate(5deg); z-index: 6; }
.duguqiubai-eye-L { position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; transform: translateY(-1px); }
.duguqiubai-eye-R { position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; transform: translateY(-1px); }
.duguqiubai-mouth { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #757575; z-index: 6; }


/* --- 5. 手臂 (空手) --- */
.duguqiubai-arm-L { position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #311b92; border-radius: 4px; transform-origin: top center; transform: rotate(5deg); z-index: 13; }
.duguqiubai-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #f5f5f5; border-radius: 50%; }
.duguqiubai-arm-R { position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #311b92; border-radius: 4px; transform-origin: top center; transform: rotate(-5deg); z-index: 15; }
.duguqiubai-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #f5f5f5; border-radius: 50%; }


/* --- 6. 腿脚 --- */
.duguqiubai-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.duguqiubai-feet::before, .duguqiubai-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.duguqiubai-feet::before { left: 1px; } .duguqiubai-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes duguqiubai-float-majestic { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }
@keyframes duguqiubai-spin-domain { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes duguqiubai-cape-flow { 0% { transform: translateX(-50%) scaleX(1) skewX(0deg); } 100% { transform: translateX(-50%) scaleX(1.1) skewX(2deg); } }
@keyframes duguqiubai-gold-shine { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@keyframes duguqiubai-hair-flow { 0% { transform: translateX(-50%) skewX(1deg); } 100% { transform: translateX(-50%) skewX(-3deg) scaleY(1.05); } }
@keyframes duguqiubai-sword-float {
    0% { transform: translateY(0) rotate(var(--r, 0deg)); opacity: 0.8; }
    100% { transform: translateY(-15px) rotate(var(--r, 0deg)); opacity: 1; box-shadow: 0 0 15px currentColor; }
}
@keyframes duguqiubai-eagle-hover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } }
/* =========================================
   【无尘道人 (红花会二当家·追魂夺命剑)】
   (全名wuchen·独臂·空袖·灰道袍·快剑)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-wuchen-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.wuchen-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 刚毅的站姿，受空袖影响轻微晃动 */
    animation: wuchen-stand 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：追魂剑影 (Swift Sword Streaks) --- */
.wuchen-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.wuchen-streak {
    position: absolute; height: 2px; background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 5px #e3f2fd; opacity: 0;
    transform-origin: left center;
}
.wc-s1 { top: 30%; left: 10%; width: 40px; transform: rotate(15deg); animation: wuchen-slash 1s infinite 0.2s; }
.wc-s2 { top: 60%; left: 20%; width: 50px; transform: rotate(-10deg); animation: wuchen-slash 1.2s infinite 0s; }
.wc-s3 { top: 45%; left: 60%; width: 30px; transform: rotate(5deg); animation: wuchen-slash 0.8s infinite 0.5s; }


/* --- 3. 身体 (灰蓝道袍) --- */
.wuchen-body {
    position: relative; width: 18px; height: 38px;
    background: #546e7a; /* 深灰蓝 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.wuchen-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #b0bec5; /* 浅灰领 */
    z-index: 11;
}
.wuchen-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8; /* 皮肤 */
}
.wuchen-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #263238; border-top: 1px solid #78909c; z-index: 11;
}


/* --- 4. 头部 (刚毅道人) --- */
.wuchen-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.wuchen-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 风霜肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}
/* 脸部伤疤 (Scar) */
.wuchen-scar {
    position: absolute; top: 8px; left: 3px; width: 8px; height: 1px;
    background: #8d6e63; transform: rotate(20deg); opacity: 0.6; z-index: 4;
}

/* 五官 (凌厉) */
.wuchen-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-25deg); z-index: 6; /* 剑眉倒竖 */
}
.wuchen-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(25deg); z-index: 6;
}
.wuchen-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.wuchen-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.wuchen-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6; /* 抿嘴 */
}

/* 道髻 (Hair Bun - z-index: 25+) */
.wuchen-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #424242;
    border-radius: 4px; z-index: 25;
}
.wuchen-pin { /* 木簪 */
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #8d6e63; z-index: 26;
}
.wuchen-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #424242;
    border-radius: 6px 6px 0 0; z-index: 24;
}


/* --- 5. 手臂与武器 - 【特殊结构：独臂】 --- */

/* 【重要】左侧空袖子 (Empty Sleeve) */
/* 替代原有的 arm-L */
.wuchen-empty-sleeve-L {
    position: absolute; top: 5px; left: -3px;
    width: 6px; height: 16px;
    background: #546e7a; /* 同袍色 */
    border-radius: 4px 0 4px 8px;
    transform-origin: top right;
    z-index: 13;
    /* 空袖飘荡动画 */
    animation: wuchen-sleeve-flap 2s ease-in-out infinite alternate;
}
.wuchen-empty-sleeve-L::after { /* 袖口阴影 */
    content: ''; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 4px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3));
    border-radius: 0 0 4px 8px;
}

/* 右手 (持快剑) - 标准坐标 */
.wuchen-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #546e7a; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 抬臂出剑 */
    z-index: 15;
}
.wuchen-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 追魂夺命剑 (Fast Sword) */
.wuchen-sword {
    position: absolute; top: 0px; right: -14px;
    width: 3px; height: 35px;
    background: linear-gradient(to bottom, #eceff1 30%, #b0bec5 100%); /* 寒光 */
    border-radius: 1px 1px 0 0;
    transform: rotate(135deg); z-index: 35;
    box-shadow: 0 0 4px #e3f2fd;
}
.wuchen-sword-hilt {
    position: absolute; bottom: 0; left: -2px; width: 7px; height: 2px; background: #424242;
}
.wuchen-sword-handle {
    position: absolute; bottom: -5px; left: 0; width: 3px; height: 5px; background: #5d4037;
}


/* --- 6. 腿脚 --- */
.wuchen-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.wuchen-feet::before, .wuchen-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.wuchen-feet::before { left: 1px; } .wuchen-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes wuchen-stand { 0% { transform: rotate(0.5deg); } 100% { transform: rotate(-0.5deg); } }
@keyframes wuchen-sleeve-flap { 
    0% { transform: rotate(6deg) skewX(-2deg); } 
    100% { transform: rotate(-5deg) skewX(-2deg); } 
}
@keyframes wuchen-slash { 
    0% { transform: translateX(-20px) scaleX(0.2); opacity: 0; } 
    20% { opacity: 0.8; }
    100% { transform: translateX(40px) scaleX(1.5); opacity: 0; } 
}
/* =========================================
   【赵半山 (千手如来·红花会三当家)】
   (修复版：暗器动画修复·增加太极背景)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhaobanshan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhaobanshan-wrapper {
    position: relative;
    width: 24px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 胖胖的弹性跳动 */
    animation: zhaobanshan-bounce 0.8s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：太极图 & 漫天花雨 --- */
.zhaobanshan-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}

/* 【新增】太极背景 (Taiji Background) */
.zhaobanshan-taiji {
    position: absolute; top: 40%; left: 50%; 
    /* 居中定位 */
    transform: translate(-50%, -50%);
    width: 50px; height: 50px;
    border-radius: 50%;
    /* 利用渐变生成黑白两半 */
    background: linear-gradient(to right, #212121 50%, #eeeeee 50%);
    opacity: 0.2; /*淡淡的背景 */
    z-index: -5; /* 在最底层 */
    animation: zhaobanshan-taiji-spin 8s linear infinite;
}
/* 太极阴阳鱼眼 (伪元素实现) */
.zhaobanshan-taiji::before {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 25px; height: 25px; background: #eeeeee; border-radius: 50%;
    border: 8px solid #212121; /* 白中黑点 */ box-sizing: border-box;
}
.zhaobanshan-taiji::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 25px; height: 25px; background: #212121; border-radius: 50%;
    border: 8px solid #eeeeee; /* 黑中白点 */ box-sizing: border-box;
}


/* 【修复】飞出的暗器轨迹 */
.zhaobanshan-dart {
    position: absolute; top: 40%; left: 50%; /* 从中心发出 */
    width: 8px; height: 2px; background: #f3b611fe;
    border-radius: 1px; opacity: 0;
    /* 关键：使用 CSS 变量 --angle 来决定初始角度 */
    transform: rotate(var(--angle, 0deg)) translateX(0);
    animation: zhaobanshan-shoot 1.5s linear infinite;
}
/* 不同暗器的发射延迟 */
.zbs-d1 { animation-delay: 0s; }
.zbs-d2 { animation-delay: 0.3s; width: 6px; height: 6px; border-radius: 50%; background: #ffd700; /* 金钱镖 */ }
.zbs-d3 { animation-delay: 0.6s; }
.zbs-d4 { animation-delay: 0.9s; width: 5px; height: 5px; transform: rotate(var(--angle)) rotate(45deg); /* 飞蝗石/铁蒺藜 */ }
.zbs-d5 { animation-delay: 1.2s; }


/* --- 3. 身体 (富家翁马褂 - 保持不变) --- */
.zhaobanshan-body {
    position: relative; width: 22px; height: 36px;
    background: #5d4037; border-radius: 8px 8px 6px 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); z-index: 10;
}
.zhaobanshan-vest {
    position: absolute; top: 0; left: 0; width: 100%; height: 20px;
    background: #3e2723; border-radius: 8px 8px 0 0; z-index: 11;
}
.zhaobanshan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #d7ccc8; z-index: 12;
}
.zhaobanshan-buttons {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 12px; border-right: 2px dotted #ffb74d; z-index: 12;
}
.zhaobanshan-belly {
    position: absolute; top: 18px; left: 50%; transform: translateX(-50%);
    width: 26px; height: 14px; background: #5d4037;
    border-radius: 50%; z-index: 11;
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.2);
}


/* --- 4. 头部 (慈眉善目 - 保持不变) --- */
.zhaobanshan-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.zhaobanshan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 8px; z-index: 3;
}
.zhaobanshan-hat {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 6px; background: #212121;
    border-radius: 4px 4px 0 0; z-index: 25;
}
.zhaobanshan-hat-jade {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #66bb6a; border-radius: 50%; z-index: 26;
}
.zhaobanshan-eyebrow-L {
    position: absolute; top: 6px; left: 2px; width: 4px; height: 2px;
    border-top: 1px solid #5d4037; border-radius: 50% 50% 0 0; z-index: 6;
}
.zhaobanshan-eyebrow-R {
    position: absolute; top: 6px; right: 2px; width: 4px; height: 2px;
    border-top: 1px solid #5d4037; border-radius: 50% 50% 0 0; z-index: 6;
}
.zhaobanshan-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; 
    border-top: 2px solid #000; border-radius: 50% 50% 0 0; z-index: 6;
}
.zhaobanshan-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; 
    border-top: 2px solid #000; border-radius: 50% 50% 0 0; z-index: 6; 
}
.zhaobanshan-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 3px; border-bottom: 2px solid #d84315; border-radius: 0 0 50% 50%; z-index: 6;
}


/* --- 5. 手臂与暗器 - 【标准坐标】 --- */
/* 左手 (撒暗器) */
.zhaobanshan-arm-L {
    position: absolute; top: 8px; left: -2px; width: 6px; height: 12px; background: #3e2723; border-radius: 4px; transform-origin: top center; transform: rotate(45deg); z-index: 13;
}
.zhaobanshan-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }
.zhaobanshan-weapons-L {
    position: absolute; bottom: -4px; left: -4px; width: 12px; height: 12px;
    background: radial-gradient(circle, #bdbdbd 20%, transparent 20%); background-size: 4px 4px; z-index: 14;
}

/* 右手 (撒暗器) */
.zhaobanshan-arm-R {
    position: absolute; top: 8px; right: -2px; width: 6px; height: 12px; background: #3e2723; border-radius: 4px; transform-origin: top center; transform: rotate(-45deg); z-index: 15;
}
.zhaobanshan-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }
.zhaobanshan-weapons-R {
    position: absolute; bottom: -4px; right: -4px; width: 12px; height: 12px;
    background: radial-gradient(circle, #ffd700 20%, transparent 20%); background-size: 4px 4px; z-index: 16;
}


/* --- 6. 腿脚 --- */
.zhaobanshan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 18px; height: 4px; }
.zhaobanshan-feet::before, .zhaobanshan-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 3px 3px 0 0; }
.zhaobanshan-feet::before { left: 1px; } .zhaobanshan-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhaobanshan-bounce { 0% { transform: scaleY(1); } 100% { transform: scaleY(0.95); } }
/* 【修复】暗器发射动画：沿角度向外飞出 */
@keyframes zhaobanshan-shoot {
    0% { opacity: 1; transform: rotate(var(--angle)) translateX(0) scale(0.5); }
    100% { opacity: 0; transform: rotate(var(--angle)) translateX(40px) scale(1); }
}
/* 【新增】太极旋转动画 */
@keyframes zhaobanshan-taiji-spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/* =========================================
   【木桑道长 (千变万劫·棋痴)】
   (全名musang·灰袍·背布袋·持棋子·神行百变)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-musang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.musang-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 思考时的晃动 */
    animation: musang-ponder 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：珍珑棋局 (Floating Weiqi Stones) --- */
.musang-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.musang-stone {
    position: absolute; width: 6px; height: 6px; border-radius: 50%; opacity: 0;
    animation: musang-stone-float 4s linear infinite;
}
.ms-s1 { top: 20%; left: 20%; background: #000; animation-delay: 0s; } /* 黑子 */
.ms-s2 { top: 40%; right: 20%; background: #fff; border: 1px solid #ccc; animation-delay: 1s; } /* 白子 */
.ms-s3 { top: 60%; left: 50%; background: #000; animation-delay: 2s; width: 4px; height: 4px; }
.ms-grid { /* 棋盘网格背景 */
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 30px;
    background-image: linear-gradient(#cfd8dc 1px, transparent 1px), linear-gradient(90deg, #cfd8dc 1px, transparent 1px);
    background-size: 10px 10px;
    opacity: 0.3; mask-image: linear-gradient(to top, black, transparent);
}


/* --- 3. 身体 (破旧灰道袍) --- */
.musang-body {
    position: relative; width: 18px; height: 38px;
    background: #607d8b; /* 蓝灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 补丁 (Patch) */
.musang-patch {
    position: absolute; bottom: 8px; right: 2px; width: 5px; height: 5px;
    background: #546e7a; border: 1px dashed #cfd8dc;
}
.musang-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #90a4ae; /* 浅灰领 */
    z-index: 11;
}
.musang-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}

/* 行囊/棋袋 (Bag on back) - 放在 Body 后面 (兄弟元素) */
.musang-bag {
    position: absolute; top: 5px; left: 50%; transform: translateX(-50%) rotate(-10deg);
    width: 24px; height: 20px;
    background: #5d4037; /* 褐色布袋 */
    border-radius: 4px 4px 10px 10px;
    z-index: 8; /* Body 后面 */
}
.musang-bag-strap { /* 背带 */
    position: absolute; top: 2px; left: 0; width: 100%; height: 20px;
    border-left: 2px solid #3e2723;
    transform: skewX(10deg); z-index: 12; /* 盖在身上 */
    pointer-events: none;
}


/* --- 4. 头部 (思考中) --- */
.musang-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.musang-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 (困惑) */
.musang-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #bdbdbd; /* 灰白眉 */
    transform: rotate(20deg); z-index: 6; /* 眉头紧锁 */
}
.musang-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #bdbdbd;
    transform: rotate(-20deg); z-index: 6;
}
.musang-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 2px; height: 2px; background: #000; z-index: 6; 
}
.musang-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 2px; height: 2px; background: #000; z-index: 6; 
}
.musang-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; border: 1px solid #5d4037; border-radius: 50%; z-index: 6; /* 嘟嘴思考 */
}

/* 山羊胡 */
.musang-beard {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 8px; background: #eeeeee;
    border-radius: 0 0 3px 3px; z-index: 25;
}

/* 道髻 */
.musang-hair-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #616161; /* 灰发 */
    border-radius: 4px; z-index: 25;
}
.musang-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #616161;
    border-radius: 6px 6px 0 0; z-index: 24;
}
.musang-hair-mess { /* 乱发 */
    position: absolute; top: -2px; right: -2px; width: 4px; height: 4px; background: #616161; border-radius: 50%; z-index: 24;
}


/* --- 5. 手臂与动作 - 【标准坐标】 --- */
/* 左手 (挠头) */
.musang-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #607d8b; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(140deg); /* 抬手摸头 */
    z-index: 21; /* 在头前面 */
}
.musang-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (举棋不定) */
.musang-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #607d8b; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-90deg); /* 平举 */
    z-index: 15;
    animation: musang-hand-move 2s ease-in-out infinite alternate;
}
.musang-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 棋子 (Go Stone) */
.musang-chess-piece {
    position: absolute; bottom: -3px; left: 1px;
    width: 4px; height: 4px; background: #000; /* 黑子 */
    border-radius: 50%; z-index: 16;
}


/* --- 6. 腿脚 --- */
.musang-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.musang-feet::before, .musang-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #455a64; /* 布鞋 */ border-radius: 2px 2px 0 0; }
.musang-feet::before { left: 1px; } .musang-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes musang-ponder { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes musang-hand-move { 0% { transform: rotate(-80deg); } 100% { transform: rotate(-100deg); } }
@keyframes musang-stone-float { 
    0% { transform: translateY(0); opacity: 0; } 
    20% { opacity: 0.8; } 
    100% { transform: translateY(-30px); opacity: 0; } 
}
/* =========================================
   【瑛姑 (刘贵妃·神算子)】
   (全名yinggu·白发红颜·算筹·九宫格)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yinggu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yinggu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 思考时的来回踱步/晃动 */
    animation: yinggu-think 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：九宫算术 (Lo Shu Square Math) --- */
.yinggu-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 飘浮的数字点阵 */
.yinggu-math-dot {
    position: absolute; width: 4px; height: 4px; background: #fff;
    border-radius: 50%; opacity: 0;
    animation: yinggu-math-float 3s linear infinite;
}
.yg-m1 { bottom: 10px; left: 20%; animation-delay: 0s; box-shadow: 6px 0 0 #fff, 12px 0 0 #fff; /* "3" 的点阵意象 */ }
.yg-m2 { bottom: 20px; right: 20%; animation-delay: 1.5s; box-shadow: 6px 0 0 #fff, 12px 0 0 #fff, 18px 0 0 #fff; /* "4" */ }
.yg-m3 { top: 30%; left: 50%; animation-delay: 1s; width: 20px; height: 20px; border: 1px dashed rgba(255,255,255,0.3); background: transparent; border-radius: 0; }

/* 泥沼雾气 */
.yinggu-swamp-mist {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 50px; height: 15px; background: rgba(55, 71, 79, 0.3);
    filter: blur(5px); border-radius: 50%;
}


/* --- 3. 身体 (灰绿隐士袍) --- */
.yinggu-body {
    position: relative; width: 18px; height: 38px;
    background: #546e7a; /* 沼泽灰绿 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.yinggu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #cfd8dc; /* 浅灰领 */
    z-index: 11;
}
.yinggu-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2; /* 皮肤 */
}
.yinggu-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #37474f; /* 深灰腰带 */ z-index: 11;
}
/* 围裙/布兜 (用来装算筹) */
.yinggu-apron {
    position: absolute; top: 27px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 10px; background: #455a64;
    border-radius: 0 0 4px 4px;
}


/* --- 4. 头部 (白发红颜) --- */
.yinggu-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.yinggu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; /* 红润童颜 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 忧郁五官 */
.yinggu-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #616161; /* 灰眉 */
    transform: rotate(5deg); z-index: 6; /* 微蹙 */
}
.yinggu-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #616161;
    transform: rotate(-5deg); z-index: 6;
}
.yinggu-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.yinggu-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.yinggu-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #d84315; /* 红唇 */
    z-index: 6;
}

/* 满头白发 (Snow White Hair - z-index: 25+) */
.yinggu-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #fff;
    border-radius: 8px 8px 0 0; z-index: 25;
}
.yinggu-hair-side {
    position: absolute; top: 2px; left: -2px; width: 18px; height: 14px;
    border-left: 3px solid #fff; border-right: 3px solid #fff;
    border-radius: 4px; z-index: 24;
}
.yinggu-hair-bun { /* 简单的发髻 */
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #fff;
    border-radius: 4px; z-index: 24;
}


/* --- 5. 手臂与道具 (算筹) - 【标准坐标】 --- */
/* 左手 (握着一把算筹) */
.yinggu-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #546e7a; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.yinggu-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 算筹 (Bamboo Counting Rods) */
.yinggu-rods {
    position: absolute; bottom: -6px; left: 0px;
    width: 2px; height: 10px; background: #dce775; /* 竹色 */
    box-shadow: 2px 0 0 #c0ca33, -2px 0 0 #dce775; /* 几根并排 */
    transform: rotate(-10deg); z-index: 14;
}

/* 右手 (掐指计算) */
.yinggu-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #546e7a; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 抬起计算 */
    z-index: 15;
}
.yinggu-hand-R { 
    position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; 
    background: #ffe0b2; border-radius: 50%;
    animation: yinggu-calculate 1s steps(3) infinite; /* 掐指动作 */
}


/* --- 6. 腿脚 --- */
.yinggu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.yinggu-feet::before, .yinggu-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #37474f; border-radius: 2px 2px 0 0; }
.yinggu-feet::before { left: 1px; } .yinggu-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yinggu-think { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes yinggu-math-float { 
    0% { transform: translateY(0); opacity: 0; } 
    50% { opacity: 0.8; } 
    100% { transform: translateY(-20px); opacity: 0; } 
}
@keyframes yinggu-calculate { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
/* =========================================
   【向问天 (天王老子·光明右使)】
   (全名xiangwentian·白袍·虬髯·断锁链)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xiangwentian-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xiangwentian-wrapper {
    position: relative;
    width: 20px; /* 魁梧 */ height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 蓄力挣扎的震动 */
    animation: xiangwentian-power 0.2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：天王震怒 (Shockwave) --- */
.xiangwentian-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.xiangwentian-rock {
    position: absolute; width: 4px; height: 4px; background: #9e9e9e;
    border-radius: 1px; opacity: 0;
    animation: xiangwentian-debris 2s linear infinite;
}
.xwt-r1 { bottom: 0; left: 30%; animation-delay: 0s; }
.xwt-r2 { bottom: 10px; right: 30%; animation-delay: 1s; width: 3px; height: 3px; }
.xiangwentian-wave {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 30px; height: 30px; border: 2px solid #bdbdbd;
    border-radius: 50%; opacity: 0;
    animation: xiangwentian-shock 2s infinite;
}


/* --- 3. 身体 (沧桑白袍) --- */
.xiangwentian-body {
    position: relative; width: 20px; height: 38px;
    background: #e0e0e0; /* 灰白 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.xiangwentian-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bdbdbd; /* 深灰领 */
    z-index: 11;
}
.xiangwentian-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8; /* 古铜皮肤 */
}
.xiangwentian-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 6px;
    background: #616161; z-index: 11;
}


/* --- 4. 头部 (虬髯豪杰) --- */
.xiangwentian-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.xiangwentian-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 古铜色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 浓密虬髯 (Bushy Beard - z-index: 25+) */
.xiangwentian-beard {
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #424242; /* 黑灰胡 */
    border-radius: 0 0 8px 8px; z-index: 25;
}
.xiangwentian-mustache {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 3px; background: #424242;
    border-radius: 2px; z-index: 6;
}

/* 豪迈五官 */
.xiangwentian-eyebrow-L {
    position: absolute; top: 7px; left: 0px; width: 5px; height: 2px; background: #212121;
    transform: rotate(-15deg); z-index: 6; /* 粗眉 */
}
.xiangwentian-eyebrow-R {
    position: absolute; top: 7px; right: 0px; width: 5px; height: 2px; background: #212121;
    transform: rotate(15deg); z-index: 6;
}
.xiangwentian-eye-L { 
    position: absolute; top: 10px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.xiangwentian-eye-R { 
    position: absolute; top: 10px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}

/* 乱发 */
.xiangwentian-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #424242;
    border-radius: 8px 8px 0 0; z-index: 24;
}
.xiangwentian-hair-mess {
    position: absolute; top: -6px; left: 2px; width: 6px; height: 6px; background: #424242;
    border-radius: 50%; z-index: 24;
}


/* --- 5. 手臂与道具 (断锁链) - 【标准坐标】 --- */
/* 左手 (握拳) */
.xiangwentian-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #e0e0e0; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.xiangwentian-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 左手镣铐 (Shackle) */
.xiangwentian-shackle-L {
    position: absolute; bottom: 0px; left: -1px;
    width: 7px; height: 3px; background: #212121; /* 黑铁 */
    z-index: 14;
}
/* 断链 (Chain) */
.xiangwentian-chain-L {
    position: absolute; top: 3px; left: 1px;
    width: 2px; height: 8px; background: repeating-linear-gradient(to bottom, #757575 0, #757575 2px, transparent 2px, transparent 3px);
    z-index: 14;
}

/* 右手 (握拳) */
.xiangwentian-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #e0e0e0; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-20deg); 
    z-index: 15;
}
.xiangwentian-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 右手镣铐 */
.xiangwentian-shackle-R {
    position: absolute; bottom: 0px; left: -1px;
    width: 7px; height: 3px; background: #212121;
    z-index: 16;
}
/* 断链 */
.xiangwentian-chain-R {
    position: absolute; top: 3px; left: 4px;
    width: 2px; height: 8px; background: repeating-linear-gradient(to bottom, #757575 0, #757575 2px, transparent 2px, transparent 3px);
    z-index: 16;
}


/* --- 6. 腿脚 --- */
.xiangwentian-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.xiangwentian-feet::before, .xiangwentian-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.xiangwentian-feet::before { left: 1px; } .xiangwentian-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes xiangwentian-power { 0% { transform: scale(1); } 100% { transform: scale(1.02); } }
@keyframes xiangwentian-debris { 
    0% { transform: translateY(0) rotate(0deg); opacity: 1; } 
    100% { transform: translateY(-30px) rotate(180deg); opacity: 0; } 
}
@keyframes xiangwentian-shock { 
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.8; border-width: 2px; } 
    100% { transform: translate(-50%, -50%) scale(2); opacity: 0; border-width: 0px; } 
}
/* =========================================
   【白自在 (威德先生·雪山掌门)】
   (全名baizizai·狂乱白发·红脸·雪山袍·暴雪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-baizizai-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.baizizai-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 狂妄的震颤/大笑震动 */
    animation: baizizai-shake 0.5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：凌霄暴雪 (Blizzard) --- */
.baizizai-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.baizizai-wind {
    position: absolute; top: 20%; left: -10px; width: 50px; height: 40px;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);
    transform: rotate(-20deg);
    animation: baizizai-wind-blow 2s infinite linear;
}
.baizizai-snowflake {
    position: absolute; width: 3px; height: 3px; background: #fff;
    border-radius: 50%; opacity: 0;
    box-shadow: 0 0 2px #fff;
    animation: baizizai-snowing 1.5s linear infinite;
}
.bzz-s1 { left: 20%; animation-delay: 0s; }
.bzz-s2 { left: 60%; animation-delay: 0.5s; width: 4px; height: 4px; }
.bzz-s3 { left: 80%; animation-delay: 1s; }


/* --- 3. 身体 (雪山白袍) --- */
.baizizai-body {
    position: relative; width: 20px; /* 魁梧一点 */ height: 38px;
    background: #f5f5f5; /* 雪白 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 蓝色滚边 */
.baizizai-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #4fc3f7; /* 冰蓝领 */
    z-index: 11;
}
.baizizai-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 6px solid #ffccbc; /* 红润皮肤 */
}
.baizizai-belt {
    position: absolute; top: 24px; left: 0; width: 100%; height: 6px;
    background: #0288d1; /* 深蓝腰带 */ z-index: 11;
}
/* 肚子微挺 (Arrogant Belly) */
.baizizai-belly {
    position: absolute; top: 15px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 12px; background: rgba(0,0,0,0.05);
    border-radius: 50%; z-index: 10;
}


/* --- 4. 头部 (狂人) --- */
.baizizai-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 20px; z-index: 20;
}
.baizizai-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 面色红润/充血 */
    border-radius: 6px 6px 7px 7px; z-index: 3;
}

/* 狂妄五官 */
.baizizai-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; background: #eceff1; /* 白眉 */
    transform: rotate(-25deg); z-index: 6; /* 倒竖 */
}
.baizizai-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; background: #eceff1;
    transform: rotate(25deg); z-index: 6;
}
.baizizai-eye-L { 
    position: absolute; top: 10px; left: 2px; width: 4px; height: 4px; background: #000; border-radius: 50%; z-index: 6; /* 瞪大眼 */
}
.baizizai-eye-R { 
    position: absolute; top: 10px; right: 2px; width: 4px; height: 4px; background: #000; border-radius: 50%; z-index: 6; 
}
.baizizai-mouth { /* 狂笑大嘴 */
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 4px; background: #3e2723;
    border-radius: 0 0 4px 4px; z-index: 6; border: 1px solid #fff; /* 露齿 */
}

/* 爆炸白发 (Explosive White Hair - z-index: 25+) */
.baizizai-hair-wild {
    position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    width: 24px; height: 24px;
    background: #fff;
    border-radius: 50%;
    z-index: -1; /* 头后面 */
    box-shadow: 0 0 5px #e0e0e0;
    clip-path: polygon(0% 20%, 20% 0%, 50% 10%, 80% 0%, 100% 20%, 100% 100%, 0% 100%);
}
.baizizai-hair-top {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #fff;
    border-radius: 8px 8px 0 0; z-index: 25;
}
.baizizai-beard { /* 乱糟糟的大胡子 */
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px; background: #fff;
    border-radius: 0 0 8px 8px; z-index: 25;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 50% 80%, 20% 100%);
}


/* --- 5. 手臂与动作 (唯我独尊) - 【标准坐标】 --- */
/* 左手 (高举/张开) */
.baizizai-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 6px; height: 12px;
    background: #f5f5f5; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(135deg); /* 高举过头 */
    z-index: 13;
}
.baizizai-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }

/* 右手 (高举/张开) */
.baizizai-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 6px; height: 12px;
    background: #f5f5f5; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-135deg); /* 高举过头 */
    z-index: 15;
}
.baizizai-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }


/* --- 6. 腿脚 --- */
.baizizai-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.baizizai-feet::before, .baizizai-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #0288d1; /* 蓝鞋 */ border-radius: 2px 2px 0 0; }
.baizizai-feet::before { left: 1px; } .baizizai-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes baizizai-shake { 0% { transform: translateY(0); } 100% { transform: translateY(-1px) scale(1.02); } }
@keyframes baizizai-wind-blow { 0% { transform: translateX(-50px) rotate(-20deg); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(50px) rotate(-20deg); opacity: 0; } }
@keyframes baizizai-snowing {
    0% { transform: translateY(-10px) translateX(0); opacity: 0; }
    20% { opacity: 1; }
    100% { transform: translateY(40px) translateX(-10px); opacity: 0; }
}
/* =========================================
   【谢烟客 (摩天居士)】
   (全名xieyanke·青袍·玄铁令·摩天崖)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xieyanke-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xieyanke-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 孤傲的静立 */
    animation: xieyanke-stand 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：摩天崖松涛 (Pine & Mist) --- */
.xieyanke-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 云雾 */
.xieyanke-mist {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 50px; height: 20px;
    background: radial-gradient(ellipse at bottom, rgba(224, 242, 241, 0.5) 0%, transparent 70%);
    filter: blur(5px);
    animation: xieyanke-mist-flow 4s infinite alternate;
}
/* 青松枝 (Pine Branch) */
.xieyanke-pine {
    position: absolute; top: 10px; right: -15px;
    width: 25px; height: 2px; background: #33691e;
    transform: rotate(-15deg); border-radius: 2px;
}
.xieyanke-pine::before { /* 松针 */
    content: ''; position: absolute; top: 2px; left: 5px;
    width: 6px; height: 6px; border-left: 2px solid #558b2f; border-bottom: 2px solid transparent;
    transform: rotate(45deg);
}
.xieyanke-pine::after {
    content: ''; position: absolute; top: 0; right: 5px;
    width: 6px; height: 6px; border-right: 2px solid #558b2f; border-bottom: 2px solid transparent;
    transform: rotate(-45deg);
}


/* --- 3. 身体 (隐士青袍) --- */
.xieyanke-body {
    position: relative; width: 18px; height: 38px;
    background: #00695c; /* 青松绿 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.xieyanke-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #b2dfdb; /* 浅青领 */
    z-index: 11;
}
.xieyanke-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.xieyanke-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #004d40; border-top: 1px solid #80cbc4; z-index: 11;
}


/* --- 4. 头部 (清瘦孤傲) --- */
.xieyanke-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.xieyanke-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 */
.xieyanke-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #616161; /* 灰眉 */
    transform: rotate(-10deg); z-index: 6;
}
.xieyanke-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #616161;
    transform: rotate(10deg); z-index: 6;
}
.xieyanke-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.xieyanke-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.xieyanke-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6;
}

/* 灰白发髻 (Grey Hair - z-index: 25+) */
.xieyanke-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #9e9e9e;
    border-radius: 4px; z-index: 25;
}
.xieyanke-hair-stick { /* 木簪 */
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 2px; background: #5d4037; z-index: 26;
}
.xieyanke-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #9e9e9e;
    border-radius: 6px 6px 0 0; z-index: 24;
}


/* --- 5. 手臂与道具 (玄铁令) - 【标准坐标】 --- */
/* 左手 (背负) */
.xieyanke-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #00695c; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(15deg); 
    z-index: 13;
}
.xieyanke-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (高举玄铁令) */
.xieyanke-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #00695c; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-140deg); /* 高举过头 */
    z-index: 15;
}
.xieyanke-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 玄铁令 (Black Iron Token) */
.xieyanke-token {
    position: absolute; top: 2px; left: -2px; /* 握在手中 */
    width: 8px; height: 12px;
    background: #212121; /* 黑铁 */
    border: 1px solid #424242;
    z-index: 35;
    transform: rotate(90deg); /* 竖着拿或者展示 */
}
.xieyanke-token::after { /* 令上刻字暗示 */
    content: ''; position: absolute; top: 2px; left: 3px;
    width: 2px; height: 6px; background: #616161;
}


/* --- 6. 腿脚 --- */
.xieyanke-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.xieyanke-feet::before, .xieyanke-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.xieyanke-feet::before { left: 1px; } .xieyanke-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes xieyanke-stand { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes xieyanke-mist-flow { 0% { transform: translateX(-50%) scale(1); opacity: 0.3; } 100% { transform: translateX(-50%) scale(1.2); opacity: 0.6; } }
/* =========================================
   【血刀老祖 (血刀门掌门·藏边恶僧)】
   (全名xuedao·藏红袍·白须眉·血刀·雪山)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xuedao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xuedao-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 充满煞气的呼吸 */
    animation: xuedao-breathe 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：雪山血影 (Snow & Blood Aura) --- */
.xuedao-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 飘雪 */
.xuedao-snow {
    position: absolute; width: 3px; height: 3px; background: #fff;
    border-radius: 50%; opacity: 0;
    animation: xuedao-snow-fall 3s linear infinite;
}
.xds-1 { top: -10%; left: 20%; animation-delay: 0s; }
.xds-2 { top: -10%; right: 30%; animation-delay: 1.5s; width: 2px; height: 2px; }
/* 血雾 */
.xuedao-blood-mist {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 20px;
    background: radial-gradient(ellipse at bottom, rgba(183, 28, 28, 0.4) 0%, transparent 70%);
    filter: blur(4px);
    animation: xuedao-mist-pulse 2s infinite alternate;
}


/* --- 3. 身体 (藏红僧袍) --- */
.xuedao-body {
    position: relative; width: 18px; height: 38px;
    background: #8e0000; /* 深赤红 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 藏式斜襟领 */
.xuedao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #ffc107; /* 藏黄领 */
    z-index: 11;
}
.xuedao-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #bcaaa4; /* 风霜皮肤 */
}
/* 僧带 */
.xuedao-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 6px;
    background: #3e2723; border-top: 1px solid #ffb300; z-index: 11;
}


/* --- 4. 头部 (凶相毕露) --- */
.xuedao-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.xuedao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #bcaaa4; /* 风霜古铜色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 标志性长白眉 (White Brows - z-index: 25+) */
.xuedao-eyebrow-L {
    position: absolute; top: 5px; left: -1px; width: 6px; height: 2px; background: #eceff1;
    transform: rotate(-25deg); z-index: 25; /* 斜飞 */
}
.xuedao-eyebrow-R {
    position: absolute; top: 5px; right: -1px; width: 6px; height: 2px; background: #eceff1;
    transform: rotate(25deg); z-index: 25;
}

/* 凶狠眼睛 */
.xuedao-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
    box-shadow: 0 0 1px #d32f2f; /* 眼露凶光 */
}
.xuedao-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
    box-shadow: 0 0 1px #d32f2f;
}
/* 狞笑嘴 */
.xuedao-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 5px; height: 2px; border-bottom: 1px solid #5d4037;
    border-radius: 0 0 50% 50%; z-index: 6;
}

/* 白须 (White Beard - z-index: 25+) */
.xuedao-beard {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 10px; background: #eceff1;
    border-radius: 0 0 8px 8px; z-index: 25;
}
/* 光头反光 */
.xuedao-head-shine {
    position: absolute; top: 1px; left: 3px; width: 4px; height: 2px; background: rgba(255,255,255,0.4); border-radius: 50%; z-index: 4;
}


/* --- 5. 手臂与武器 (血刀) - 【标准坐标】 --- */
/* 左手 (成爪状/备战) */
.xuedao-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #8e0000; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.xuedao-hand-L { 
    position: absolute; bottom: -3px; left: -1px; width: 6px; height: 6px; 
    background: #bcaaa4; border-radius: 3px; transform: rotate(20deg);
}

/* 右手 (持血刀) */
.xuedao-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #8e0000; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 抬臂持刀 */
    z-index: 15;
}
.xuedao-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #bcaaa4; border-radius: 50%; }

/* 血刀 (The Blood Blade) */
.xuedao-blade {
    position: absolute; top: 4px; right: 10px;
    width: 6px; height: 35px;
    /* 刀身暗红，刃口鲜红 */
    background: linear-gradient(to right, #3e2723 20%, #b71c1c 100%);
    border-radius: 0 0 10px 2px; /* 弯刀形状 */
    transform: rotate(30deg); z-index: 35;
    /* 血光特效 */
    box-shadow: 2px 0 5px rgba(255, 0, 0, 0.6);
}
.xuedao-blade-handle {
    position: absolute; top: -6px; left: 1px;
    width: 4px; height: 6px; background: #212121; /* 黑铁柄 */
}


/* --- 6. 腿脚 --- */
.xuedao-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.xuedao-feet::before, .xuedao-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #3e2723; /* 僧鞋 */ border-radius: 2px 2px 0 0; }
.xuedao-feet::before { left: 1px; } .xuedao-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes xuedao-breathe { 0% { transform: scale(1); } 100% { transform: scale(1.03); } }
@keyframes xuedao-snow-fall { 0% { top: -10%; opacity: 0; } 20% { opacity: 0.8; } 100% { top: 100%; opacity: 0; } }
@keyframes xuedao-mist-pulse { 0% { opacity: 0.3; transform: translateX(-50%) scaleX(1); } 100% { opacity: 0.6; transform: translateX(-50%) scaleX(1.2); } }
/* =========================================
   【左冷禅 (嵩山掌门·五岳盟主)】
   (全名zuolengchan·帝王黄·五岳令旗·寒冰真气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zuolengchan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zuolengchan-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 霸气的站立，呼吸沉重 */
    animation: zuolengchan-stand 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：嵩山冰雪 (Songshan Ice) --- */
.zuolengchan-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.zuolengchan-frost-aura {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 20px;
    background: radial-gradient(ellipse at bottom, rgba(179, 229, 252, 0.5) 0%, transparent 70%);
    filter: blur(4px);
    animation: zuolengchan-freeze 3s infinite alternate;
}
.zuolengchan-ice-crystal {
    position: absolute; width: 4px; height: 4px; background: #fff;
    transform: rotate(45deg); opacity: 0;
    animation: zuolengchan-snow 2s linear infinite;
}
.zlc-i1 { top: 20%; left: 10%; animation-delay: 0s; }
.zlc-i2 { top: 50%; right: 10%; animation-delay: 1s; width: 3px; height: 3px; }
.zlc-i3 { top: 30%; left: 80%; animation-delay: 0.5s; }


/* --- 3. 身体 (帝王黄宽袍) --- */
.zuolengchan-body {
    position: relative; width: 18px; height: 38px;
    background: #f9a825; /* 帝王黄/赭黄 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 宽大护肩 (霸气) */
.zuolengchan-shoulder {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 22px; height: 6px;
    background: #f57f17; border-radius: 4px; z-index: 11;
}
.zuolengchan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #212121; /* 黑领，对比强烈 */
    z-index: 12;
}
.zuolengchan-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffcc80; /* 较深肤色 */
}
.zuolengchan-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 6px;
    background: #212121; border-top: 1px solid #ffd700; z-index: 11;
}


/* --- 4. 头部 (枭雄) --- */
.zuolengchan-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.zuolengchan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffcc80; /* 健康/强壮肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 浓密黑须 (Full Beard) */
.zuolengchan-beard {
    position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 10px;
    background: #212121;
    border-radius: 0 0 6px 6px; z-index: 5;
}
/* 霸气五官 */
.zuolengchan-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; background: #000;
    transform: rotate(-20deg); z-index: 6; /* 怒眉/威严 */
}
.zuolengchan-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; background: #000;
    transform: rotate(20deg); z-index: 6;
}
.zuolengchan-eye-L { 
    position: absolute; top: 10px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.zuolengchan-eye-R { 
    position: absolute; top: 10px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.zuolengchan-mouth { /* 藏在胡子里 */
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 1px; background: #3e2723; z-index: 6;
}

/* 高冠 (High Crown - z-index: 25+) */
.zuolengchan-crown {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #ffd700; /* 金冠 */
    border-radius: 2px; z-index: 25;
}
.zuolengchan-hair-base {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #212121;
    border-radius: 6px 6px 0 0; z-index: 24;
}


/* --- 5. 手臂与道具 - 【标准坐标】 --- */
/* 左手 (高举五岳令旗) */
.zuolengchan-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #f9a825; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(140deg); /* 高举 */
    z-index: 15;
}
.zuolengchan-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffcc80; border-radius: 50%; }

/* 五岳令旗 (Alliance Flag) */
.zuolengchan-flag-pole {
    position: absolute; bottom: -30px; left: 2px;
    width: 2px; height: 50px; background: #3e2723;
    transform: rotate(180deg);
    z-index: 35;
}
.zuolengchan-flag-cloth {
    position: absolute; top: 0; right: 2px; /* 旗帜向左飘 (相对于杆) */
    width: 20px; height: 14px;
    background: #d32f2f; /* 红旗 */
    clip-path: polygon(0 0, 100% 50%, 0 100%); /* 三角旗 */
    border-left: 2px solid #212121;
}
.zuolengchan-flag-text { /* 令 */
    position: absolute; top: 3px; left: 2px; width: 4px; height: 4px;
    border: 1px solid #ffd700; border-radius: 50%;
}


/* 右手 (寒冰真气) */
.zuolengchan-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #f9a825; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 出掌 */
    z-index: 15;
}
.zuolengchan-hand-R { 
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 7px; 
    background: #e1f5fe; /* 冻得发白 */
    border-radius: 2px;
    box-shadow: 0 0 5px #29b6f6; /* 蓝光 */
}
/* 掌心冰雾 */
.zuolengchan-ice-mist {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px; background: rgba(129, 212, 250, 0.6);
    border-radius: 50%; filter: blur(2px);
}


/* --- 6. 腿脚 --- */
.zuolengchan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zuolengchan-feet::before, .zuolengchan-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.zuolengchan-feet::before { left: 1px; } .zuolengchan-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zuolengchan-stand { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes zuolengchan-freeze { 0% { opacity: 0.3; transform: translateX(-50%) scaleX(1); } 100% { opacity: 0.6; transform: translateX(-50%) scaleX(1.2); } }
@keyframes zuolengchan-snow { 0% { transform: translateY(0) rotate(0deg); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(20px) rotate(90deg); opacity: 0; } }
/* =========================================
   【成昆 (圆真和尚·混元霹雳手)】
   (全名chengkun·光头戒疤·黄袈裟·幻阴指)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-chengkun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.chengkun-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 阴沉的静止，偶尔抽动 */
    animation: chengkun-twitch 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：阴谋暗影 (Shadow Conspiracy) --- */
.chengkun-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.chengkun-aura {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 40px; height: 40px;
    /* 阴冷的紫黑色调 */
    background: radial-gradient(circle, transparent 40%, rgba(106, 27, 154, 0.3) 70%);
    border-radius: 50%; opacity: 0.6;
    animation: chengkun-pulse 3s infinite alternate;
}
.chengkun-lightning { /* 幻阴指的细微闪电 */
    position: absolute; top: 50%; left: 50%; width: 30px; height: 1px;
    background: #ba68c8; opacity: 0;
    transform-origin: left center;
    animation: chengkun-flash 2s infinite;
}
.ckl-1 { transform: rotate(30deg); animation-delay: 0.5s; }
.ckl-2 { transform: rotate(-45deg); animation-delay: 1.5s; left: 40%; }


/* --- 3. 身体 (灰袍黄袈裟) --- */
.chengkun-body {
    position: relative; width: 18px; height: 38px;
    background: #616161; /* 深灰僧袍 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 黄色袈裟 (Kasaya) - 披在一侧肩膀 */
.chengkun-kasaya {
    position: absolute; top: 0; left: 0; width: 100%; height: 25px;
    background: #fbc02d; /* 藏黄色 */
    /* 斜向剪裁，露出右肩 */
    clip-path: polygon(0 0, 100% 0, 100% 60%, 30% 100%, 0 80%);
    border-radius: 6px 6px 0 0;
    z-index: 12; /* 盖住身体和领口 */
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
}
/* 袈裟扣环 */
.chengkun-kasaya-ring {
    position: absolute; top: 6px; left: 4px;
    width: 4px; height: 4px; background: #8d6e63; border-radius: 50%; border: 1px solid #fdd835; z-index: 13;
}

.chengkun-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bdbdbd; /* 浅灰内领 */
    z-index: 11;
}
.chengkun-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8; /* 皮肤 */
}
.chengkun-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #424242; z-index: 11;
}


/* --- 4. 头部 (光头戒疤+阴险) --- */
.chengkun-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.chengkun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 略深肤色 */
    border-radius: 6px 6px 7px 7px; /* 圆润光头 */
    z-index: 3;
}

/* 戒疤 (Jieba/Incense Scars) - 头顶九点 */
.chengkun-jieba-container {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; z-index: 25;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1px;
}
.chengkun-jieba-dot {
    width: 2px; height: 2px; background: #8d6e63; border-radius: 50%; opacity: 0.6;
}

/* 五官 (阴险) */
.chengkun-eyebrow-L {
    position: absolute; top: 8px; left: 1px; width: 5px; height: 2px; background: #212121;
    transform: rotate(15deg); z-index: 6; /* 压低眉头 */
}
.chengkun-eyebrow-R {
    position: absolute; top: 8px; right: 1px; width: 5px; height: 2px; background: #212121;
    transform: rotate(-15deg); z-index: 6;
}
.chengkun-eye-L { 
    position: absolute; top: 11px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; /* 眯眼 */
}
.chengkun-eye-R { 
    position: absolute; top: 11px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.chengkun-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 5px; height: 2px;
    border-bottom: 1px solid #5d4037;
    border-radius: 0 0 50% 0; /* 单边奸笑 */
    z-index: 6; transform: rotate(-5deg);
}


/* --- 5. 手臂与动作 (幻阴指/佛珠) - 【标准坐标】 --- */
/* 左手 (捻佛珠) */
.chengkun-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #616161; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(30deg); 
    z-index: 13;
}
.chengkun-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }
/* 佛珠 (Prayer Beads) */
.chengkun-beads-hand {
    position: absolute; bottom: -4px; left: -2px; width: 10px; height: 10px;
    border: 2px dotted #5d4037; border-radius: 50%; z-index: 14;
}

/* 右手 (幻阴指) */
.chengkun-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #fbc02d; /* 露出的袈裟袖子 */
    border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-60deg); /* 抬手出指 */
    z-index: 15;
}
.chengkun-hand-R { 
    position: absolute; bottom: -3px; left: 0; width: 4px; height: 6px; 
    background: #d7ccc8; border-radius: 2px;
}
/* 幻阴指气劲 (Phantom Yin Finger Aura) */
.chengkun-finger-aura {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 10px;
    background: radial-gradient(circle at bottom, #ab47bc, transparent 80%); /* 紫气 */
    filter: blur(2px); z-index: 16;
    animation: chengkun-finger-pulse 1.5s infinite alternate;
}


/* --- 6. 腿脚 --- */
.chengkun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.chengkun-feet::before, .chengkun-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #424242; /* 僧鞋 */ border-radius: 2px 2px 0 0; }
.chengkun-feet::before { left: 1px; } .chengkun-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes chengkun-twitch { 0%, 90% { transform: translateY(0); } 95% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes chengkun-pulse { 0% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.7; } }
@keyframes chengkun-flash { 0% { opacity: 0; scale: 0.5; } 50% { opacity: 0.8; scale: 1; } 100% { opacity: 0; scale: 0.5; } }
@keyframes chengkun-finger-pulse { 0% { opacity: 0.6; height: 10px; } 100% { opacity: 1; height: 15px; } }
/* =========================================
   【宋远桥 (武当首徒)】
   (全名songyuanqiao·灰袍·长须·八卦阵)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-songyuanqiao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.songyuanqiao-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉稳如山，极少晃动 */
    animation: songyuanqiao-stand 5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：先天八卦 (Bagua Array) --- */
.songyuanqiao-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 八卦阵图 */
.songyuanqiao-bagua {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%) scaleY(0.4); /* 压扁透视 */
    width: 40px; height: 40px;
    border: 2px dashed #90a4ae;
    border-radius: 50%; opacity: 0.5;
    animation: songyuanqiao-spin 10s linear infinite;
}
.songyuanqiao-bagua::before {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 20px; height: 20px; background: #cfd8dc; opacity: 0.3; border-radius: 50%;
}


/* --- 3. 身体 (岩灰道袍) --- */
.songyuanqiao-body {
    position: relative; width: 18px; height: 38px;
    background: #455a64; /* 岩灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 道家前襟 */
.songyuanqiao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #cfd8dc; /* 浅灰领 */
    z-index: 11;
}
.songyuanqiao-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 胸口太极图 */
.songyuanqiao-taiji-chest {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px;
    background: linear-gradient(to right, #fff 50%, #000 50%);
    border-radius: 50%; border: 1px solid #78909c; z-index: 11;
}
.songyuanqiao-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #263238; z-index: 11;
}


/* --- 4. 头部 (长须宗师) --- */
.songyuanqiao-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.songyuanqiao-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.songyuanqiao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 (肃穆) */
.songyuanqiao-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    z-index: 6; /* 平眉 */
}
.songyuanqiao-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    z-index: 6;
}
.songyuanqiao-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 6; 
}
.songyuanqiao-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 6; 
}

/* 三缕长须 (Three Strand Beard - z-index: 25+) */
.songyuanqiao-beard-M { /* 中间 */
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 10px; background: #212121; z-index: 25;
}
.songyuanqiao-beard-L { /* 左侧 */
    position: absolute; bottom: -6px; left: 1px; width: 3px; height: 8px; 
    background: #212121; transform: rotate(10deg); z-index: 25;
}
.songyuanqiao-beard-R { /* 右侧 */
    position: absolute; bottom: -6px; right: 1px; width: 3px; height: 8px; 
    background: #212121; transform: rotate(-10deg); z-index: 25;
}

/* 道髻 */
.songyuanqiao-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121;
    border-radius: 7px 7px 0 0; z-index: 24;
}
.songyuanqiao-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121;
    border-radius: 4px; z-index: 25;
}
.songyuanqiao-pin { /* 木簪 */
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #8d6e63; z-index: 26;
}


/* --- 5. 手臂与武器 - 【标准坐标】 --- */
/* 左手 (剑指/负手) */
.songyuanqiao-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #455a64; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(10deg); 
    z-index: 13;
}
.songyuanqiao-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (持剑垂下) */
.songyuanqiao-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #455a64; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-15deg); /* 微抬 */
    z-index: 15;
}
.songyuanqiao-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 武当松纹剑 (斜指地面) */
.songyuanqiao-sword {
    position: absolute; top: 6px; right: 0px;
    width: 4px; height: 38px;
    background: #cfd8dc;
    transform: rotate(-180deg); /* 指向地面 */
    z-index: 9; /* 在手后面/身体侧面 */
    border-radius: 0 0 2px 2px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.songyuanqiao-sword-hilt {
    position: absolute; bottom: 0; left: -2px; width: 8px; height: 2px; background: #37474f;
}
.songyuanqiao-sword-handle {
    position: absolute; bottom: -5px; left: 0; width: 4px; height: 5px; background: #5d4037;
}


/* --- 6. 腿脚 --- */
.songyuanqiao-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.songyuanqiao-feet::before, .songyuanqiao-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.songyuanqiao-feet::before { left: 1px; } .songyuanqiao-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes songyuanqiao-stand { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes songyuanqiao-spin { 0% { transform: translateX(-50%) scaleY(0.4) rotate(0deg); } 100% { transform: translateX(-50%) scaleY(0.4) rotate(360deg); } }
/* =========================================
   【周芷若 (峨眉掌门·黑化版)】
   (全名zhouzhiruo·淡紫袍·九阴白骨爪·朱砂)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhouzhiruo-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhouzhiruo-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 鬼魅般的飘忽 */
    animation: zhouzhiruo-float 2.5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：九阴爪影 (Ghost Claws) --- */
.zhouzhiruo-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.zhouzhiruo-claw-shadow {
    position: absolute; width: 30px; height: 30px;
    border-top: 2px solid rgba(123, 31, 162, 0.3); /* 深紫爪痕 */
    border-radius: 50%; opacity: 0;
    transform: scaleX(0.5);
}
.zzr-c1 { top: 20%; left: 50%; animation: zhouzhiruo-scratch 1.5s infinite; }
.zzr-c2 { top: 40%; left: 40%; animation: zhouzhiruo-scratch 1.5s infinite 0.5s; transform: scaleX(0.5) rotate(-20deg); }
.zzr-c3 { top: 30%; right: 40%; animation: zhouzhiruo-scratch 1.5s infinite 1s; transform: scaleX(0.5) rotate(20deg); }

/* 阴煞之气 (Body 兄弟，z-index 1) */
.zhouzhiruo-aura {
    position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(225, 190, 231, 0.3) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(5px);
    animation: zhouzhiruo-pulse 3s infinite alternate;
}


/* --- 3. 身体 (淡紫锦袍) --- */
.zhouzhiruo-body {
    position: relative; width: 18px; height: 38px;
    background: #ce93d8; /* 淡紫 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.zhouzhiruo-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #f3e5f5; /* 极淡紫领 */
    z-index: 11;
}
.zhouzhiruo-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #fff; /* 惨白皮肤 */
}
.zhouzhiruo-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #8e24aa; /* 深紫腰带 */ z-index: 11;
}
.zhouzhiruo-skirt-pattern {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px; opacity: 0.3;
    background: radial-gradient(circle, #4a148c 10%, transparent 10%);
    background-size: 4px 4px; /* 碎花纹 */
}


/* --- 4. 头部 (清冷绝艳) --- */
.zhouzhiruo-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.zhouzhiruo-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff; /* 惨白 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 */
.zhouzhiruo-mark { /* 眉心朱砂 */
    position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 2px; background: #d50000; border-radius: 50%; z-index: 6;
}
.zhouzhiruo-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-10deg); z-index: 6; /* 飞扬 */
}
.zhouzhiruo-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(10deg); z-index: 6;
}
.zhouzhiruo-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.zhouzhiruo-eye-L::after { /* 眼影 */
    content: ''; position: absolute; top: -1px; left: -1px; width: 6px; height: 1px; background: #8e24aa; opacity: 0.5;
}
.zhouzhiruo-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.zhouzhiruo-eye-R::after {
    content: ''; position: absolute; top: -1px; right: -1px; width: 6px; height: 1px; background: #8e24aa; opacity: 0.5;
}
.zhouzhiruo-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; border-bottom: 1px solid #c2185b; /* 深红唇 */
    border-radius: 0 0 50% 50%; z-index: 6;
}

/* 发型 (高髻 z-index: 25+) */
.zhouzhiruo-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121;
    border-radius: 7px 7px 0 0; z-index: 25;
}
.zhouzhiruo-hair-bun {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 8px; background: #212121;
    border-radius: 5px 5px 2px 2px; z-index: 26;
}
.zhouzhiruo-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 14px;
    border-left: 2px solid #212121; border-right: 2px solid #212121;
    border-radius: 4px; z-index: 24;
}
/* 珍珠头饰 */
.zhouzhiruo-pearl {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #e0e0e0; z-index: 27;
}


/* --- 5. 手臂与动作 (九阴白骨爪) - 【标准坐标】 --- */
/* 左手 (爪) */
.zhouzhiruo-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #ce93d8; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(60deg); /* 高抬 */
    z-index: 13;
}
.zhouzhiruo-claw-L { 
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 7px; 
    background: #fff; /* 手白 */
    border-radius: 50% 50% 0 0;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 50% 80%, 20% 100%); /* 尖爪 */
}
.zhouzhiruo-claw-L::after { /* 黑指甲 */
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #4a148c;
}

/* 右手 (爪) */
.zhouzhiruo-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #ce93d8; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-60deg); /* 高抬 */
    z-index: 15;
}
.zhouzhiruo-claw-R { 
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 7px; 
    background: #fff;
    border-radius: 50% 50% 0 0;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 50% 80%, 20% 100%);
}
.zhouzhiruo-claw-R::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #4a148c;
}


/* --- 6. 腿脚 --- */
.zhouzhiruo-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zhouzhiruo-feet::before, .zhouzhiruo-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.zhouzhiruo-feet::before { left: 1px; } .zhouzhiruo-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhouzhiruo-float { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }
@keyframes zhouzhiruo-scratch { 
    0% { transform: scaleX(0.5) translateY(0); opacity: 0; } 
    50% { opacity: 0.8; }
    100% { transform: scaleX(0.5) translateY(20px); opacity: 0; } 
}
@keyframes zhouzhiruo-pulse { 0% { opacity: 0.2; transform: translateX(-50%) scale(0.8); } 100% { opacity: 0.5; transform: translateX(-50%) scale(1.1); } }
/* =========================================
   【黛绮丝 (紫衫龙王·波斯圣女)】
   (全名daiqisi·紫衫·异域卷发·金花·水波)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-daiqisi-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.daiqisi-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 优雅如水的晃动 */
    animation: daiqisi-flow 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：碧水紫波 (Purple Waves) --- */
.daiqisi-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.daiqisi-wave {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 10px;
    border: 2px solid rgba(149, 117, 205, 0.4); /* 淡紫波纹 */
    border-radius: 50%; opacity: 0;
    animation: daiqisi-ripple 2.5s infinite linear;
}
.dqs-w1 { animation-delay: 0s; width: 30px; height: 8px; }
.dqs-w2 { animation-delay: 0.8s; width: 45px; height: 12px; }
.dqs-w3 { animation-delay: 1.6s; width: 60px; height: 16px; border-color: rgba(103, 58, 183, 0.2); }


/* --- 3. 身体 (紫衫罗裙) --- */
.daiqisi-body {
    position: relative; width: 18px; height: 38px;
    background: #7e57c2; /* 龙王紫 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 异域领口 */
.daiqisi-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #d1c4e9; /* 浅紫领 */
    z-index: 11;
}
.daiqisi-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #fff9c4; /* 白皙皮肤 */
}
/* 金色腰链 */
.daiqisi-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: transparent;
    border-top: 2px dotted #ffd700; /* 金链 */
    z-index: 11;
}
/* 飘带 */
.daiqisi-sash {
    position: absolute; top: 22px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 16px; background: #9575cd;
    opacity: 0.8;
}


/* --- 4. 头部 (异域风情) --- */
.daiqisi-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.daiqisi-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.daiqisi-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff9c4; /* 极白肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 异域五官 */
.daiqisi-nose-shadow { /* 高鼻梁阴影 */
    position: absolute; top: 8px; left: 6px; width: 1px; height: 4px;
    background: rgba(0,0,0,0.1); z-index: 4;
}
.daiqisi-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #5d4037;
    transform: rotate(-5deg); z-index: 6;
}
.daiqisi-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #5d4037;
    transform: rotate(5deg); z-index: 6;
}
.daiqisi-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 4px; height: 2px; 
    background: #311b92; /* 深紫/蓝瞳 */ border-radius: 50%; z-index: 6; 
}
.daiqisi-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 4px; height: 2px; 
    background: #311b92; border-radius: 50%; z-index: 6; 
}
.daiqisi-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; border-bottom: 1px solid #d81b60; border-radius: 0 0 50% 50%; z-index: 6;
}

/* 波浪卷发 (Wavy Hair - z-index: 25+) */
.daiqisi-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #3e2723; /* 褐发 */
    border-radius: 8px 8px 0 0; z-index: 24;
}
.daiqisi-hair-curl-L {
    position: absolute; top: 2px; left: -2px; width: 5px; height: 16px;
    background: #3e2723; border-radius: 4px; z-index: 25;
    /* 模拟波浪 */
    box-shadow: inset 1px 0 0 rgba(0,0,0,0.3);
}
.daiqisi-hair-curl-R {
    position: absolute; top: 2px; right: -2px; width: 5px; height: 16px;
    background: #3e2723; border-radius: 4px; z-index: 25;
    box-shadow: inset -1px 0 0 rgba(0,0,0,0.3);
}
/* 额饰 (Forehead Jewel) */
.daiqisi-jewel {
    position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #e040fb; /* 紫宝石 */
    border: 1px solid #ffd700; border-radius: 50%; z-index: 26;
}


/* --- 5. 手臂与道具 (金花) - 【标准坐标】 --- */
/* 左手 (自然姿态) */
.daiqisi-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #7e57c2; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(10deg); 
    z-index: 13;
}
.daiqisi-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff9c4; border-radius: 50%; }

/* 右手 (持金花) */
.daiqisi-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #7e57c2; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-35deg); /* 抬手 */
    z-index: 15;
}
.daiqisi-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff9c4; border-radius: 50%; }

/* 金花 (Golden Flower) */
.daiqisi-flower {
    position: absolute; top: -8px; right: -4px;
    width: 10px; height: 10px;
    background: #ffd700;
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
    z-index: 35;
    animation: daiqisi-flower-spin 4s linear infinite;
}
.daiqisi-flower::after { /* 花蕊 */
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 4px; height: 4px; background: #fff; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.daiqisi-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.daiqisi-feet::before, .daiqisi-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.daiqisi-feet::before { left: 1px; } .daiqisi-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes daiqisi-flow { 0% { transform: skewX(1deg); } 100% { transform: skewX(-1deg); } }
@keyframes daiqisi-ripple {
    0% { width: 10px; height: 3px; opacity: 1; border-width: 2px; }
    100% { width: 50px; height: 15px; opacity: 0; border-width: 0px; }
}
@keyframes daiqisi-flower-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* =========================================
   【殷天正 (白眉鹰王)】
   (全名yintianzheng·长白眉·鹰爪功·黑袍)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yintianzheng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yintianzheng-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 威猛的蓄力震颤 */
    animation: yintianzheng-power 0.2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：苍鹰裂空 (Eagle Claw Scratch) --- */
.yintianzheng-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.yintianzheng-scratch {
    position: absolute; width: 40px; height: 2px;
    background: #e0e0e0; opacity: 0;
    transform-origin: center;
}
.ytz-s1 { 
    top: 30%; left: 50%; transform: translateX(-50%) rotate(45deg); 
    animation: yintianzheng-scratch-anim 1.5s infinite; 
}
.ytz-s2 { 
    top: 40%; left: 50%; transform: translateX(-50%) rotate(45deg); 
    animation: yintianzheng-scratch-anim 1.5s infinite 0.1s; 
}
.ytz-s3 { 
    top: 50%; left: 50%; transform: translateX(-50%) rotate(45deg); 
    animation: yintianzheng-scratch-anim 1.5s infinite 0.2s; 
}


/* --- 3. 身体 (玄铁黑袍) --- */
.yintianzheng-body {
    position: relative; width: 18px; height: 38px;
    background: #212121; /* 铁黑 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 鹰羽披肩 */
.yintianzheng-shoulder {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 20px; height: 8px;
    background: #424242; border-radius: 4px; z-index: 11;
}
.yintianzheng-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bdbdbd; /* 银灰领 */
    z-index: 12;
}
.yintianzheng-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8;
}
.yintianzheng-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #fff; /* 白腰带，显眼 */ z-index: 11;
}


/* --- 4. 头部 (白眉鹰鼻) --- */
.yintianzheng-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.yintianzheng-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 古铜肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 鹰钩鼻 (Hooked Nose Shadow) */
.yintianzheng-nose {
    position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-radius: 0 0 0 50%; /* 鹰钩形状 */
    z-index: 5;
}

/* 标志性白眉 (White Brows - z-index: 25+) */
.yintianzheng-eyebrow-L {
    position: absolute; top: 6px; left: -2px; /* 伸出脸外 */
    width: 8px; height: 2px; background: #fff;
    transform: rotate(-25deg); z-index: 25; border-radius: 1px;
}
.yintianzheng-eyebrow-R {
    position: absolute; top: 6px; right: -2px;
    width: 8px; height: 2px; background: #fff;
    transform: rotate(25deg); z-index: 25; border-radius: 1px;
}

/* 锐利鹰眼 */
.yintianzheng-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; 
}
.yintianzheng-eye-L::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #fff; } /* 眼神光 */
.yintianzheng-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; 
}
.yintianzheng-eye-R::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; background: #fff; }

/* 白须 */
.yintianzheng-beard {
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 8px; background: #fff;
    border-radius: 0 0 6px 6px; z-index: 25;
}

/* 白发 */
.yintianzheng-hair-top {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #fff;
    border-radius: 8px 8px 0 0; z-index: 24;
}
.yintianzheng-hair-side {
    position: absolute; top: 0; left: -1px; width: 16px; height: 14px;
    border-left: 2px solid #fff; border-right: 2px solid #fff; z-index: 23;
}


/* --- 5. 手臂与动作 (鹰爪) - 【标准坐标】 --- */
/* 左手 (成爪) */
.yintianzheng-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #212121; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(45deg); /* 张开 */
    z-index: 13;
}
.yintianzheng-hand-L { 
    position: absolute; bottom: -3px; left: -1px; width: 7px; height: 7px; 
    /* 爪子形状模拟 */
    border-left: 2px solid #d7ccc8; border-top: 2px solid #d7ccc8; border-right: 2px solid transparent; border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    border-radius: 50% 0 0 0;
}

/* 右手 (成爪) */
.yintianzheng-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #212121; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 张开 */
    z-index: 15;
}
.yintianzheng-hand-R { 
    position: absolute; bottom: -3px; left: -1px; width: 7px; height: 7px; 
    border-right: 2px solid #d7ccc8; border-top: 2px solid #d7ccc8; border-left: 2px solid transparent; border-bottom: 2px solid transparent;
    transform: rotate(-45deg);
    border-radius: 0 50% 0 0;
}


/* --- 6. 腿脚 --- */
.yintianzheng-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.yintianzheng-feet::before, .yintianzheng-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.yintianzheng-feet::before { left: 1px; } .yintianzheng-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yintianzheng-power { 0% { transform: scale(1); } 100% { transform: scale(1.02); } }
@keyframes yintianzheng-scratch-anim {
    0% { transform: translateX(-50%) rotate(45deg) scaleX(0); opacity: 0; }
    20% { opacity: 0.8; }
    50% { transform: translateX(-50%) rotate(45deg) scaleX(1); opacity: 0; }
    100% { opacity: 0; }
}
/* =========================================
   【韦一笑 (青翼蝠王)】
   (全名weiyixiao·青翼披风·寒冰绵掌·悬空)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-weiyixiao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.weiyixiao-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 悬浮在空中，像蝙蝠一样上下浮动 */
    animation: weiyixiao-hover 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：寒冰雾气 (Icy Mist) --- */
.weiyixiao-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.weiyixiao-mist {
    position: absolute; width: 15px; height: 15px;
    background: rgba(224, 247, 250, 0.4);
    border-radius: 50%; filter: blur(4px);
    animation: weiyixiao-mist-flow 3s linear infinite;
}
.wyx-m1 { bottom: 0; left: 10%; animation-delay: 0s; }
.wyx-m2 { bottom: 10px; right: 20%; animation-delay: 1.5s; width: 20px; height: 20px; }
.wyx-m3 { top: 20px; left: 50%; animation-delay: 1s; opacity: 0.2; }


/* --- 【关键结构】青翼披风 (Green Wings Cape) --- */
/* 放在 Body 后面，作为兄弟元素 */
.weiyixiao-cape {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 30px; /* 宽大 */
    background: #006064; /* 深青色 */
    z-index: 8; /* 比 Body 低 */
    /* 蝙蝠翅膀形状 */
    clip-path: polygon(0 0, 100% 0, 90% 100%, 50% 80%, 10% 100%);
    animation: weiyixiao-cape-flap 2s ease-in-out infinite alternate;
}
.weiyixiao-cape-inner { /* 披风内衬/骨架 */
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 100%; background: rgba(0,0,0,0.2);
}


/* --- 3. 身体 (青黑长袍) --- */
.weiyixiao-body {
    position: relative; width: 18px; height: 38px;
    background: #004d40; /* 青黑 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.weiyixiao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #00838f; /* 亮青领 */
    z-index: 11;
}
.weiyixiao-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #e0f7fa; /* 惨白皮肤 */
}
.weiyixiao-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #263238; border-top: 1px solid #4dd0e1; z-index: 11;
}
/* 蝙蝠纹饰 */
.weiyixiao-badge {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 4px; background: #000;
    clip-path: polygon(0 0, 100% 0, 50% 100%); opacity: 0.3;
}


/* --- 4. 头部 (尖耳惨白) --- */
.weiyixiao-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.weiyixiao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #e0f7fa; /* 惨白泛青 */
    border-radius: 5px 5px 8px 8px; /* 尖下巴 */
    z-index: 3;
}

/* 五官 (阴森) */
.weiyixiao-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-20deg); z-index: 6; /* 挑眉 */
}
.weiyixiao-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(20deg); z-index: 6;
}
.weiyixiao-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; 
}
.weiyixiao-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; 
}
.weiyixiao-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #311b92; /* 紫唇 */
    z-index: 6;
}

/* 发型 (凌乱带尖角) z-index: 25+ */
.weiyixiao-hair-top {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #212121;
    border-radius: 6px 6px 0 0; z-index: 25;
}
/* 像蝙蝠耳朵一样的头发尖角 */
.weiyixiao-hair-ear-L {
    position: absolute; top: -5px; left: 0; width: 0; height: 0;
    border-left: 3px solid transparent; border-right: 3px solid transparent;
    border-bottom: 6px solid #212121; transform: rotate(-15deg); z-index: 25;
}
.weiyixiao-hair-ear-R {
    position: absolute; top: -5px; right: 0; width: 0; height: 0;
    border-left: 3px solid transparent; border-right: 3px solid transparent;
    border-bottom: 6px solid #212121; transform: rotate(15deg); z-index: 25;
}


/* --- 5. 手臂 (寒冰绵掌) - 【标准坐标】 --- */
/* 左手 (张开) */
.weiyixiao-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #004d40; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(45deg); /* 张开双臂 */
    z-index: 13;
}
.weiyixiao-hand-L { 
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 6px; 
    background: #b2ebf2; /* 寒冰掌色 */ border-radius: 2px;
}

/* 右手 (张开) */
.weiyixiao-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #004d40; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 张开双臂 */
    z-index: 15;
}
.weiyixiao-hand-R { 
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 6px; 
    background: #b2ebf2; border-radius: 2px;
}
/* 掌心寒气 */
.weiyixiao-cold-air {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: rgba(224, 247, 250, 0.6);
    border-radius: 50%; filter: blur(2px);
}


/* --- 6. 腿脚 (悬空) --- */
.weiyixiao-feet { position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.weiyixiao-feet::before, .weiyixiao-feet::after { 
    content: ''; position: absolute; bottom: 0; width: 4px; height: 5px; 
    background: #212121; border-radius: 2px 2px 4px 4px; /* 尖头鞋 */
}
.weiyixiao-feet::before { left: 2px; transform: rotate(15deg); } 
.weiyixiao-feet::after { right: 2px; transform: rotate(-15deg); }

/* --- 动画 --- */
@keyframes weiyixiao-hover { 
    0% { transform: translateY(-3px); } 100% { transform: translateY(-8px); } 
}
@keyframes weiyixiao-cape-flap {
    0% { transform: translateX(-50%) scaleX(1); } 
    100% { transform: translateX(-50%) scaleX(1.1); } 
}
@keyframes weiyixiao-mist-flow {
    0% { transform: translateY(0) scale(1); opacity: 0; }
    50% { opacity: 0.6; }
    100% { transform: translateY(-20px) scale(1.5); opacity: 0; }
}
/* =========================================
   【丁春秋 (星宿老怪)】
   (全名dingchunqiu·鹤发童颜·紫袍·鹅毛扇·毒火)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-dingchunqiu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.dingchunqiu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 飘飘欲仙的摇摆 */
    animation: dingchunqiu-float 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：碧磷毒火 (Green Ghost Fire) --- */
.dingchunqiu-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.dingchunqiu-fire {
    position: absolute; width: 6px; height: 6px;
    background: #69f0ae; /* 荧光毒绿 */
    border-radius: 50%; opacity: 0;
    box-shadow: 0 0 5px #00e676;
    animation: dingchunqiu-fire-rise 4s linear infinite;
}
.dcq-f1 { bottom: 10px; left: 10%; animation-delay: 0s; }
.dcq-f2 { bottom: 20px; right: 10%; animation-delay: 1.5s; width: 8px; height: 8px; }
.dcq-f3 { bottom: 5px; left: 60%; animation-delay: 2.5s; }

/* 毒气光环 (Toxic Aura) - 放在 Body 后面 */
.dingchunqiu-aura {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(105, 240, 174, 0.4) 0%, transparent 70%);
    z-index: 1; /* Body 后面 */
    border-radius: 50%; filter: blur(4px);
    animation: dingchunqiu-pulse 3s infinite alternate;
}


/* --- 3. 身体 (紫色宽袍) --- */
.dingchunqiu-body {
    position: relative; width: 18px; height: 38px;
    background: #7e57c2; /* 华贵紫 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 宽大袖口视觉效果 (通过加宽肩膀示意) */
.dingchunqiu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #ede7f6; /* 浅紫/白领 */
    z-index: 11;
}
.dingchunqiu-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc; /* 红润皮肤 */
}
.dingchunqiu-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 6px;
    background: #512da8; /* 深紫腰带 */ z-index: 11;
    border-top: 1px solid #d1c4e9;
}


/* --- 4. 头部 (鹤发童颜) --- */
.dingchunqiu-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.dingchunqiu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 童颜：红润肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 (和蔼虚伪) */
.dingchunqiu-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #bdbdbd; /* 白眉 */
    transform: rotate(-5deg); z-index: 6;
}
.dingchunqiu-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #bdbdbd; /* 白眉 */
    transform: rotate(5deg); z-index: 6;
}
.dingchunqiu-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.dingchunqiu-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.dingchunqiu-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #d84315; /* 红唇 */
    border-radius: 0 0 50% 50%; z-index: 6;
}

/* 鹤发 (Snow White Hair - z-index: 25+) */
.dingchunqiu-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #fff; /* 纯白 */
    border-radius: 8px 8px 0 0; z-index: 25;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
}
.dingchunqiu-hair-bun { /* 道髻 */
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #fff;
    border-radius: 4px; z-index: 25;
}
.dingchunqiu-hair-side {
    position: absolute; top: 2px; left: -2px; width: 18px; height: 16px;
    border-left: 3px solid #fff; border-right: 3px solid #fff;
    border-radius: 4px; z-index: 24;
}
/* 长白须 */
.dingchunqiu-beard {
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 12px; background: #fff;
    border-radius: 0 0 5px 5px; z-index: 25;
    opacity: 0.9;
}


/* --- 5. 手臂与武器 (鹅毛扇) - 【标准坐标】 --- */
/* 左手 (大袖下垂) */
.dingchunqiu-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #7e57c2; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(10deg); 
    z-index: 13;
}
.dingchunqiu-sleeve-L { /* 宽袖 */
    position: absolute; top: 2px; left: -2px; width: 4px; height: 14px;
    background: #7e57c2; border-radius: 0 0 0 8px;
}
.dingchunqiu-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 右手 (摇羽扇) */
.dingchunqiu-arm-R {
    position: absolute; top: 10px; right: -2px;
    width: 5px; height: 12px;
    background: #7e57c2; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg); /* 抬手 */
    z-index: 15;
    animation: dingchunqiu-fan-wave 3s ease-in-out infinite alternate;
}
.dingchunqiu-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 鹅毛扇 (Feather Fan) */
.dingchunqiu-fan {
    position: absolute; top: -18px; right: -9px;
    width: 14px; height: 18px;
    transform: rotate(20deg); z-index: 35;
}
.dingchunqiu-fan-feather { /* 羽毛主体 */
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff;
    border-radius: 50% 50% 5px 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.dingchunqiu-fan-handle { /* 扇柄 */
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 8px; background: #8d6e63;
}


/* --- 6. 腿脚 --- */
.dingchunqiu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.dingchunqiu-feet::before, .dingchunqiu-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.dingchunqiu-feet::before { left: 1px; } .dingchunqiu-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes dingchunqiu-float { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes dingchunqiu-fan-wave { 0% { transform: rotate(-30deg); } 100% { transform: rotate(-45deg); } }
@keyframes dingchunqiu-fire-rise {
    0% { transform: translateY(0) scale(1); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateY(-30px) scale(0.5); opacity: 0; }
}
@keyframes dingchunqiu-pulse { 0% { opacity: 0.3; transform: translateX(-50%) scale(0.8); } 100% { opacity: 0.6; transform: translateX(-50%) scale(1.2); } }
/* =========================================
   【谢逊 (金毛狮王)】
   (全名xiexun·爆炸金发·盲眼·屠龙刀·狮子吼)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xiexun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xiexun-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉重的呼吸，霸气 */
    animation: xiexun-breathe 2.5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：狮子吼 (Lion's Roar) --- */
.xiexun-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.xiexun-roar-wave {
    position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%);
    width: 20px; height: 20px;
    border: 2px solid #ffca28; /* 金色声波 */
    border-radius: 50%; opacity: 0;
    animation: xiexun-roar 2s infinite linear;
}
.xxr-1 { animation-delay: 0s; }
.xxr-2 { animation-delay: 0.6s; }
.xxr-3 { animation-delay: 1.2s; }


/* --- 【结构修复】背光 (狂暴金光) --- */
.xiexun-body-light {
    position: absolute; 
    top: -5px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(255, 193, 7, 0.6) 0%, transparent 70%);
    z-index: 1; /* 在 Body 后面 */
    border-radius: 50%; filter: blur(5px);
}


/* --- 3. 身体 (深褐皮裘) --- */
.xiexun-body {
    position: relative; width: 18px; height: 38px;
    background: #4e342e; /* 深褐 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 狂野毛领 */
.xiexun-fur-collar {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 12px;
    background: #d7ccc8; /* 浅色毛皮 */
    border-radius: 10px; z-index: 11;
}
.xiexun-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 6px;
    background: #3e2723; border-top: 1px solid #8d6e63; z-index: 11;
}


/* --- 4. 头部 (金发盲眼) --- */
.xiexun-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.xiexun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 粗糙肤色 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 盲眼 (Blind Eyes) */
.xiexun-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 4px; height: 3px; 
    background: #eeeeee; /* 全白 */ border-radius: 50%; z-index: 6; 
}
.xiexun-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 4px; height: 3px; 
    background: #eeeeee; border-radius: 50%; z-index: 6; 
}
/* 咆哮嘴 */
.xiexun-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px; background: #3e2723;
    border-radius: 2px; z-index: 6; border: 1px solid #5d4037;
}

/* 爆炸金发 (Wild Golden Hair - z-index: 25+) */
.xiexun-hair-mane { /* 像狮子鬃毛一样炸开 */
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 26px; height: 26px;
    background: #ffca28; /* 金发 */
    border-radius: 50%;
    z-index: 1; /* 在头后面，但在身体前面 */
    box-shadow: 0 0 2px #ff6f00;
}
.xiexun-hair-top { /* 头顶乱发 */
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #ffca28;
    border-radius: 8px 8px 0 0; z-index: 25;
}
.xiexun-beard { /* 金色络腮胡 */
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #ffca28;
    border-radius: 0 0 8px 8px; z-index: 25;
}


/* --- 5. 手臂与武器 (屠龙刀) - 【标准坐标】 --- */
/* 左手 (握拳/狮爪状) */
.xiexun-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #4e342e; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.xiexun-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (扛刀) */
.xiexun-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #4e342e; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-50deg); /* 高举/扛肩 */
    z-index: 15;
}
.xiexun-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 屠龙刀 (Dragon Saber) - 巨大、黑色 */
.xiexun-saber {
    position: absolute; top: -23px; right: -6px;
    width: 10px; height: 50px; /* 极长极宽 */
    background: #212121; /* 乌黑 */
    border-right: 2px solid #bdbdbd; /* 刃口寒光 */
    border-radius: 2px 2px 8px 2px; /* 刀头宽 */
    transform: rotate(-55deg); z-index: 35;
}
.xiexun-saber::before { /* 龙纹金线 */
    content: ''; position: absolute; top: 5px; left: 2px;
    width: 2px; height: 30px; background: #ffd700; opacity: 0.5;
}
.xiexun-saber-handle {
    position: absolute; top: -8px; left: 2px;
    width: 6px; height: 8px; background: #3e2723;
}


/* --- 6. 腿脚 --- */
.xiexun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.xiexun-feet::before, .xiexun-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #3e2723; border-radius: 3px 3px 0 0; }
.xiexun-feet::before { left: 0; } .xiexun-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes xiexun-breathe { 0% { transform: scale(1); } 100% { transform: scale(1.02); } }
@keyframes xiexun-roar {
    0% { width: 10px; height: 10px; opacity: 1; border-width: 3px; }
    100% { width: 50px; height: 50px; opacity: 0; border-width: 0px; }
}
/* =========================================
   【段延庆 (四大恶人首领)】
   (全名duanyanqing·青袍·双铁杖·毁容)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-duanyanqing-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.duanyanqing-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 铁杖点地的僵硬移动 */
    animation: duanyanqing-hobble 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：腹语声波/指力 (Sound Waves / Qi) --- */
.duanyanqing-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.duanyanqing-wave {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 40px; height: 40px;
    border: 1px solid rgba(33, 150, 243, 0.3); /* 蓝色指力 */
    border-radius: 50%; opacity: 0;
    animation: duanyanqing-ripple 3s infinite linear;
}
.dyq-w1 { animation-delay: 0s; }
.dyq-w2 { animation-delay: 1.5s; }


/* --- 3. 身体 (深青长袍) --- */
.duanyanqing-body {
    position: relative; width: 18px; height: 38px;
    background: #37474f; /* 深青灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.duanyanqing-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #263238; /* 黑领 */
    z-index: 11;
}
.duanyanqing-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #bcaaa4; /* 枯槁皮肤 */
}
.duanyanqing-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #212121; border-top: 1px solid #546e7a; z-index: 11;
}


/* --- 4. 头部 (毁容) --- */
.duanyanqing-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.duanyanqing-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #bcaaa4; /* 枯黄 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 毁容伤疤 */
.duanyanqing-scar-L {
    position: absolute; top: 6px; left: 2px; width: 4px; height: 6px;
    background: #8d6e63; border-radius: 2px; opacity: 0.6; z-index: 4;
}
.duanyanqing-scar-R {
    position: absolute; bottom: 4px; right: 2px; width: 5px; height: 2px;
    background: #8d6e63; border-radius: 2px; opacity: 0.6; z-index: 4;
}

/* 五官 (僵硬) */
.duanyanqing-eyebrow {
    position: absolute; top: 7px; left: 2px; width: 10px; height: 2px; background: #212121;
    z-index: 6; /* 连心眉/乱眉 */
}
.duanyanqing-eye-L { 
    position: absolute; top: 10px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.duanyanqing-eye-R { 
    position: absolute; top: 10px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.duanyanqing-mouth { /* 腹语，嘴不动 */
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 1px; background: #5d4037; z-index: 6;
}

/* 散乱头发 (z-index: 25+) */
.duanyanqing-hair-mess {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #424242; /* 灰发 */
    border-radius: 8px 8px 4px 4px; z-index: 25;
}
.duanyanqing-hair-side-L {
    position: absolute; top: 0; left: -2px; width: 4px; height: 18px; background: #424242; z-index: 24;
}
.duanyanqing-hair-side-R {
    position: absolute; top: 0; right: -2px; width: 4px; height: 18px; background: #424242; z-index: 24;
}


/* --- 5. 手臂与武器 (双铁杖) - 【标准坐标】 --- */
/* 左手 (持杖) */
.duanyanqing-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #37474f; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); /* 撑开 */
    z-index: 13;
}
.duanyanqing-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #bcaaa4; border-radius: 50%; }

/* 左铁杖 (Iron Staff) */
.duanyanqing-staff-L {
    position: absolute; top: -5px; left: 4px;
    width: 2px; height: 45px; /* 很长，撑地 */
    background: #78909c; /* 细铁杖 */
    transform: rotate(-20deg); z-index: 35;
}

/* 右手 (持杖) */
.duanyanqing-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #37474f; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-20deg); /* 撑开 */
    z-index: 15;
}
.duanyanqing-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #bcaaa4; border-radius: 50%; }

/* 右铁杖 */
.duanyanqing-staff-R {
    position: absolute; top: -5px; right: 4px;
    width: 2px; height: 45px;
    background: #78909c;
    transform: rotate(20deg); z-index: 35;
}


/* --- 6. 腿脚 (残疾僵直) --- */
.duanyanqing-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.duanyanqing-feet::before, .duanyanqing-feet::after { 
    content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; 
    background: #212121; border-radius: 2px 2px 0 0; 
}
.duanyanqing-feet::before { left: 1px; transform: rotate(10deg); /* 脚尖外撇，显无力 */ } 
.duanyanqing-feet::after { right: 1px; transform: rotate(-10deg); }

/* --- 动画 --- */
@keyframes duanyanqing-hobble { 
    0% { transform: translateY(0) rotate(1deg); } 
    100% { transform: translateY(-2px) rotate(-1deg); } 
}
@keyframes duanyanqing-ripple {
    0% { width: 30px; height: 30px; opacity: 0.8; border-width: 2px; }
    100% { width: 60px; height: 60px; opacity: 0; border-width: 0px; }
}
/* =========================================
   【张召重 (火手判官·大内高手)】
   (终极修复：光效移出Body·层级完美·橘红火光)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhangzhaozhong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhangzhaozhong-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: zhangzhaozhong-breathe 4s ease-in-out infinite alternate;
    /* Wrapper 只是容器，不建立强隔离，允许内部元素排序 */
}

/* --- 2. 背景特效：判官烈火 --- */
.zhangzhaozhong-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.zhangzhaozhong-fire {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 30px; height: 20px;
    background: radial-gradient(circle, #ff5722 0%, transparent 70%);
    filter: blur(5px); opacity: 0.6;
    animation: zhangzhaozhong-fire-burn 2s infinite alternate;
}
.zhangzhaozhong-ember {
    position: absolute; width: 3px; height: 3px; background: #ffeb3b;
    border-radius: 50%; opacity: 0;
    animation: zhangzhaozhong-ember-rise 3s linear infinite;
}
.zze-1 { bottom: 10px; left: 20%; animation-delay: 0s; }
.zze-2 { bottom: 10px; right: 20%; animation-delay: 1.5s; }


/* --- 【关键修改】头部背光 (移出Body后重新定位) --- */
/* 现在它是 Wrapper 的子元素，Body 的兄弟 */
.zhangzhaozhong-head-light {
    position: absolute; 
    /* 因为不再受 Body 坐标系限制，这里相对于 Wrapper 定位 */
    /* Wrapper 高 38px，头大概在最上面，所以光要在顶部附近 */
    top: -8px; 
    left: 50%; transform: translateX(-50%);
    width: 34px; height: 34px; /* 稍微加大一点光圈 */
    /* 橘红火光 */
    background: radial-gradient(circle, rgba(255, 69, 0, 0.8) 0%, rgba(255, 152, 0, 0.3) 60%, transparent 70%);
    z-index: 1; /* 【层级 1】最底层，在 Wrapper 里垫底 */
    border-radius: 50%; filter: blur(5px);
}


/* --- 3. 身体 (清廷武官服) --- */
.zhangzhaozhong-body {
    position: relative; width: 18px; height: 38px;
    background: #1a237e;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10; /* 【层级 10】比光高，身体会盖住光 */
}
.zhangzhaozhong-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #000;
    z-index: 11;
}
.zhangzhaozhong-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8;
}
.zhangzhaozhong-badge {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px;
    background: #3f51b5; border: 1px solid #ffd700;
    z-index: 11;
}
.zhangzhaozhong-belt {
    position: absolute; top: 24px; left: 0; width: 100%; height: 5px;
    background: #3e2723; border-top: 1px solid #ffca28; z-index: 11;
}


/* --- 4. 头部 --- */
.zhangzhaozhong-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; 
    z-index: 20;
}
.zhangzhaozhong-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 */
.zhangzhaozhong-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; background: #212121;
    transform: rotate(10deg); z-index: 6;
}
.zhangzhaozhong-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; background: #212121;
    transform: rotate(-10deg); z-index: 6;
}
.zhangzhaozhong-eye-L { 
    position: absolute; top: 10px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.zhangzhaozhong-eye-R { 
    position: absolute; top: 10px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.zhangzhaozhong-beard {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;
    background: #212121; border-radius: 0 0 7px 7px; z-index: 5;
}
.zhangzhaozhong-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6;
}

/* 官帽 z-index: 25+ */
.zhangzhaozhong-hat-brim {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 4px; background: #212121; border-radius: 2px; z-index: 25;
}
.zhangzhaozhong-hat-crown {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 6px; background: #212121; border-radius: 6px 6px 0 0; z-index: 25;
}
.zhangzhaozhong-hat-fringe {
    position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #d32f2f; border-radius: 50%; z-index: 26;
    box-shadow: 0 2px 0 #d32f2f, 0 4px 0 #d32f2f;
}


/* --- 5. 手臂与武器 (凝碧剑) --- */
.zhangzhaozhong-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #1a237e; border-radius: 4px; transform-origin: top center; transform: rotate(10deg); z-index: 13;
}
.zhangzhaozhong-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

.zhangzhaozhong-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #1a237e; border-radius: 4px; transform-origin: top center; transform: rotate(-30deg); z-index: 15;
}
.zhangzhaozhong-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

.zhangzhaozhong-sword {
    position: absolute; top: -25px; right: 0;
    width: 4px; height: 35px;
    background: linear-gradient(to right, #69f0ae, #00e676);
    transform: rotate(90deg); z-index: 35;
    box-shadow: 0 0 5px #00e676; border-radius: 2px 2px 0 0;
}
.zhangzhaozhong-sword-hilt {
    position: absolute; bottom: 0; left: -3px; width: 10px; height: 3px; background: #ffd700;
}
.zhangzhaozhong-sword-handle {
    position: absolute; bottom: -6px; left: 0; width: 4px; height: 6px; background: #33691e;
}


/* --- 6. 腿脚 --- */
.zhangzhaozhong-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zhangzhaozhong-feet::before, .zhangzhaozhong-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; border-bottom: 2px solid #fff; }
.zhangzhaozhong-feet::before { left: 1px; } .zhangzhaozhong-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhangzhaozhong-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes zhangzhaozhong-fire-burn { 0% { transform: translateX(-50%) scale(1); opacity: 0.6; } 100% { transform: translateX(-50%) scale(1.1); opacity: 0.8; } }
@keyframes zhangzhaozhong-ember-rise {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-30px); opacity: 0; }
}
/* =========================================
   【杨逍 (光明左使·逍遥二仙)】
   (修复版：面部重绘·八字胡·冷笑)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yangxiao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yangxiao-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: yangxiao-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：乾坤大挪移 --- */
.yangxiao-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.yangxiao-aura-ring {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    animation: yangxiao-ripple 3s infinite linear;
}
.yxr-1 { width: 30px; height: 30px; animation-delay: 0s; border-color: rgba(33, 150, 243, 0.3); }
.yxr-2 { width: 50px; height: 50px; animation-delay: 1s; border-color: rgba(33, 150, 243, 0.2); animation-direction: reverse; }


/* --- 3. 身体 (白衣儒生) --- */
.yangxiao-body {
    position: relative; width: 18px; height: 38px;
    background: #f5f5f5;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}
.yangxiao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #e0e0e0;
    z-index: 11;
}
.yangxiao-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.yangxiao-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #bdbdbd; z-index: 11;
}
.yangxiao-tabard {
    position: absolute; top: 25px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 13px; background: #fff;
    border-left: 1px solid #eee; border-right: 1px solid #eee;
}


/* --- 4. 头部 (重绘：八字胡+冷笑) --- */
.yangxiao-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.yangxiao-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.yangxiao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 */
.yangxiao-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-15deg); z-index: 6;
}
.yangxiao-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(5deg); z-index: 6;
}
.yangxiao-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6;
}
.yangxiao-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; 
}

/* 【修改】嘴巴 (简单的冷笑线) */
.yangxiao-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; 
    border-bottom: 1px solid #5d4037; /* 仅仅是一条线 */
    border-radius: 50%; z-index: 6;
}
/* 【新增】下巴须 (Goatee) - 增加层次 */
.yangxiao-goatee {
    position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 2px; background: #212121; opacity: 0.8; z-index: 6;
}


/* 发型 */
.yangxiao-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.yangxiao-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}
.yangxiao-hair-ribbon {
    position: absolute; top: -5px; right: -2px;
    width: 20px; height: 2px; background: #e0e0e0;
    transform: rotate(10deg); z-index: 24;
}


/* --- 5. 手臂与武器 --- */
.yangxiao-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #f5f5f5; border-radius: 4px;
    transform-origin: top center; transform: rotate(15deg); z-index: 9;
}
.yangxiao-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #f5f5f5; border-radius: 4px;
    transform-origin: top center; transform: rotate(-30deg); z-index: 15;
}
.yangxiao-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

.yangxiao-token {
    position: absolute; top: -20px; right: -2px;
    width: 5px; height: 25px; background: #424242;
    transform: rotate(22deg); z-index: 35; border-radius: 1px;
}
.yangxiao-token::before {
    content: ''; position: absolute; top: 3px; left: 1px; width: 3px; height: 2px; background: #757575;
    box-shadow: 0 4px 0 #757575, 0 8px 0 #757575, 0 12px 0 #757575;
}
.yangxiao-token::after {
    content: ''; position: absolute; top: -4px; left: 0; width: 5px; height: 4px; background: #d32f2f;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}


/* --- 6. 腿脚 --- */
.yangxiao-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.yangxiao-feet::before, .yangxiao-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.yangxiao-feet::before { left: 1px; } .yangxiao-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yangxiao-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes yangxiao-ripple {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
}
/* =========================================
   【范瑶 (光明右使·苦头陀)】
   (修复版：剑在身后·结构重构·毁容乱发)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-fanyao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.fanyao-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: fanyao-stand 4s ease-in-out infinite alternate;
    /* 【关键】确保 wrapper 本身不建立隔离的堆叠上下文，或者层级足够低 */
}

/* --- 2. 背景特效：暗影潜行 --- */
.fanyao-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.fanyao-shadow-aura {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 30px; height: 10px; background: rgba(0,0,0,0.2); border-radius: 50%;
    animation: fanyao-shadow-pulse 3s infinite alternate;
}
.fanyao-dust {
    position: absolute; width: 3px; height: 3px; background: #a1887f;
    border-radius: 50%; opacity: 0; animation: fanyao-dust-float 5s linear infinite;
}
.fyd-1 { bottom: 10px; left: 10%; animation-delay: 0s; }
.fyd-2 { bottom: 20px; right: 20%; animation-delay: 2s; }


/* --- 【关键修改】背剑容器 (Sword Container) --- */
/* 它现在是 body 的兄弟元素，且 z-index 比 body 低 */
.fanyao-sword-container {
    position: absolute;
    /* 调整位置，让它从右肩后面露出来 */
    top: -5px; left: 2px;
    transform: rotate(-20deg);
    z-index: 8; /* 【关键】比身体的 10 低，确保在身后 */
}
/* 剑身/剑鞘 */
.fanyao-sword-blade {
    position: relative;
    width: 5px; height: 35px;
    background: #424242; /* 铁剑鞘 */
    border: 1px solid #212121;
    border-radius: 0 0 2px 2px;
}
/* 剑格 (Hilt Crossguard) */
.fanyao-sword-guard {
    position: absolute;
    bottom: 100%; /* 紧贴剑身上方 */
    left: -2px; /* 向左偏移以居中 */
    width: 9px; height: 2px;
    background: #757575;
}
/* 剑柄头 (Handle Top) */
.fanyao-sword-handle-top {
    position: absolute;
    bottom: 2px; /* 位于剑格上方 */
    left: 1px;
    width: 3px; height: 6px;
    background: #5d4037; /* 木柄 */
}


/* --- 3. 身体 (深褐头陀服) --- */
.fanyao-body {
    position: relative; width: 18px; height: 38px;
    background: #5d4037;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10; /* 身体层级高 */
}
.fanyao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #3e2723; z-index: 11;
}
.fanyao-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #bcaaa4;
}
.fanyao-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: #d7ccc8; z-index: 11; border-top: 1px dashed #8d6e63;
}


/* --- 4. 头部 (毁容乱发) --- */
.fanyao-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.fanyao-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.fanyao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #bcaaa4; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 伤疤 */
.fanyao-scar-1 {
    position: absolute; top: 5px; left: 2px; width: 8px; height: 1px;
    background: #5d4037; transform: rotate(15deg); opacity: 0.5; z-index: 4;
}
.fanyao-scar-2 {
    position: absolute; top: 8px; left: 2px; width: 6px; height: 1px;
    background: #5d4037; transform: rotate(-20deg); opacity: 0.5; z-index: 4;
}
.fanyao-scar-3 {
    position: absolute; bottom: 5px; right: 3px; width: 5px; height: 1px;
    background: #5d4037; transform: rotate(45deg); opacity: 0.5; z-index: 4;
}

/* 五官 */
.fanyao-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121; transform: rotate(5deg); z-index: 6;
}
.fanyao-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121; transform: rotate(-5deg); z-index: 6;
}
.fanyao-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; background: #000; z-index: 6; 
}
.fanyao-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; background: #000; z-index: 6; 
}
.fanyao-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 5px; height: 1px; background: #5d4037; z-index: 6;
}

/* 乱发 (高层级 z-index: 25+) */
.fanyao-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #6d4c41; border-radius: 8px 8px 0 0; z-index: 25;
}
.fanyao-hair-strand-L {
    position: absolute; top: 0; left: -1px; width: 4px; height: 18px;
    background: #6d4c41; border-radius: 4px 0 0 4px; transform: rotate(5deg); z-index: 26;
}
.fanyao-hair-strand-R {
    position: absolute; top: 0; right: -2px; width: 5px; height: 16px;
    background: #6d4c41; border-radius: 0 4px 4px 0; transform: rotate(-5deg); z-index: 26;
}
.fanyao-hair-mess {
    position: absolute; top: -6px; right: 2px; width: 4px; height: 4px;
    background: #6d4c41; border-radius: 50% 50% 0 0; transform: rotate(20deg); z-index: 25;
}


/* --- 5. 手臂与武器 - 【标准坐标】 --- */
/* 左手 (背在身后，不需要看见，但保留结构以防万一) */
.fanyao-arm-L {
    position: absolute; top: 6px; left: -2px; width: 5px; height: 12px; background: #5d4037; border-radius: 4px; transform-origin: top center; transform: rotate(15deg); z-index: 9;
}
/* 右手 (自然下垂) */
.fanyao-arm-R {
    position: absolute; top: 6px; right: -2px; width: 5px; height: 12px; background: #5d4037; border-radius: 4px; transform-origin: top center; transform: rotate(-10deg); z-index: 15;
}
.fanyao-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #bcaaa4; border-radius: 50%; }


/* --- 6. 腿脚 --- */
.fanyao-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.fanyao-feet::before, .fanyao-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #3e2723; border-radius: 2px 2px 0 0; }
.fanyao-feet::before { left: 1px; } .fanyao-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes fanyao-stand { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes fanyao-shadow-pulse { 0% { opacity: 0.2; transform: translateX(-50%) scale(1); } 100% { opacity: 0.4; transform: translateX(-50%) scale(1.1); } }
@keyframes fanyao-dust-float {
    0% { transform: translateY(0) translateX(0); opacity: 0; }
    50% { opacity: 0.6; }
    100% { transform: translateY(-30px) translateX(10px); opacity: 0; }
}
/* =========================================
   【灭绝师太 (峨眉掌门·倚天剑)】
   (深灰僧袍·严厉面相·倚天神剑·寒光剑气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-miejueshitai-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.miejueshitai-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 威严的静立 */
    animation: miejueshitai-stand 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：寒光剑气 (Sword Aura) --- */
.miejueshitai-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.miejueshitai-aura {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, transparent 40%, rgba(224, 247, 250, 0.4) 60%); /* 青光 */
    opacity: 0;
    animation: miejueshitai-pulse 2s infinite;
}
.miejueshitai-slash {
    position: absolute; width: 30px; height: 1px; background: #e0f7fa;
    opacity: 0;
    animation: miejueshitai-slash-anim 0.5s infinite alternate;
}
.mjs-1 { top: 20%; left: -5px; transform: rotate(-45deg); animation-delay: 0s; }
.mjs-2 { top: 30%; right: -5px; transform: rotate(45deg); animation-delay: 0.2s; }


/* --- 3. 身体 (深灰僧袍) --- */
.miejueshitai-body {
    position: relative; width: 18px; height: 38px;
    background: #455a64; /* 深蓝灰/炭灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.miejueshitai-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #cfd8dc; /* 浅灰领 */
    z-index: 11;
}
.miejueshitai-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8; /* 皮肤 */
}
.miejueshitai-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #263238; /* 近乎黑色的腰带 */ z-index: 11;
}


/* --- 4. 头部 (严厉宗师) --- */
.miejueshitai-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.miejueshitai-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.miejueshitai-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 略深肤色，风吹日晒 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 严厉五官 */
.miejueshitai-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 5px; height: 1px; background: #212121;
    transform: rotate(25deg); z-index: 6; /* 倒竖 */
}
.miejueshitai-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 5px; height: 1px; background: #212121;
    transform: rotate(-25deg); z-index: 6;
}
.miejueshitai-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.miejueshitai-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.miejueshitai-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 2px;
    border-top: 1px solid #5d4037; border-radius: 50% 50% 0 0; /* 嘴角下撇 */
    z-index: 6;
}
.miejueshitai-wrinkle-L { /* 法令纹 */
    position: absolute; bottom: 5px; left: 2px; width: 2px; height: 4px; border-right: 1px solid rgba(0,0,0,0.1); transform: rotate(10deg);
}
.miejueshitai-wrinkle-R {
    position: absolute; bottom: 5px; right: 2px; width: 2px; height: 4px; border-left: 1px solid rgba(0,0,0,0.1); transform: rotate(-10deg);
}

/* 尼姑帽 (高层级 z-index: 25+) */
.miejueshitai-cap {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #37474f;
    border-radius: 8px 8px 2px 2px; z-index: 25;
}
.miejueshitai-cap-band {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #546e7a;
}


/* --- 5. 手臂与武器 (倚天剑) - 【标准坐标】 --- */
/* 左手 (剑指/握鞘) */
.miejueshitai-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #455a64; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.miejueshitai-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (高举倚天剑) */
.miejueshitai-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #455a64; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-140deg); /* 高举过头 */
    z-index: 15;
}
.miejueshitai-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 倚天剑 (Heaven Sword) */
.miejueshitai-sword {
    position: absolute; top: 8px; right: 6px;
    width: 4px; height: 45px;
    background: linear-gradient(to bottom, #cfd8dc, #eceff1); /* 寒光 */
    transform: rotate(10deg); z-index: 35;
    box-shadow: 0 0 5px rgba(224, 247, 250, 0.8); /* 剑气光晕 */
}
.miejueshitai-sword-hilt {
    position: absolute; top: 0; left: -3px;
    width: 10px; height: 3px; background: #ffd700; /* 金色剑格 */
    border-radius: 1px;
}
.miejueshitai-sword-handle {
    position: absolute; top: -8px; left: 0;
    width: 4px; height: 8px; background: #5d4037;
}


/* --- 6. 腿脚 --- */
.miejueshitai-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.miejueshitai-feet::before, .miejueshitai-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.miejueshitai-feet::before { left: 1px; } .miejueshitai-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes miejueshitai-stand { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes miejueshitai-pulse { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } 50% { opacity: 0.5; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.2); } }
@keyframes miejueshitai-slash-anim { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
/* =========================================
   【冯锡范 (一剑无血)】
   (全名fengxifan·冷蓝劲装·惨白脸·细剑寒芒)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-fengxifan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.fengxifan-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 阴冷的静止，偶尔抽动 */
    animation: fengxifan-twitch 4s infinite;
}

/* --- 2. 背景特效：寒芒一点 (Cold Glint) --- */
.fengxifan-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 剑尖寒芒 (跟随剑的位置) */
.fengxifan-glint {
    position: absolute; top: 5px; right: -20px; /* 预估剑尖位置 */
    width: 20px; height: 20px;
    background: radial-gradient(circle, #fff, transparent 60%);
    opacity: 0;
    animation: fengxifan-glint-flash 1s infinite alternate;
}
/* 十字星光 */
.fengxifan-glint::before, .fengxifan-glint::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    background: #e1f5fe; transform: translate(-50%, -50%);
}
.fengxifan-glint::before { width: 2px; height: 20px; }
.fengxifan-glint::after { width: 20px; height: 2px; }


/* --- 3. 身体 (冷蓝劲装) --- */
.fengxifan-body {
    position: relative; width: 18px; height: 38px;
    background: #37474f; /* 蓝灰深色 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.fengxifan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #b0bec5; /* 浅灰领 */
    z-index: 11;
}
.fengxifan-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #f5f5f5; /* 惨白皮肤 */
}
.fengxifan-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #263238; border-top: 1px solid #78909c; z-index: 11;
}


/* --- 4. 头部 (阴鸷惨白) --- */
.fengxifan-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.fengxifan-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.fengxifan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #f5f5f5; /* 惨白 */
    border-radius: 5px 5px 7px 7px; z-index: 3;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}

/* 阴狠五官 */
.fengxifan-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(10deg); z-index: 6; /* 压低 */
}
.fengxifan-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-10deg); z-index: 6;
}
.fengxifan-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 6; /* 眯眼 */
}
.fengxifan-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 6; 
}
.fengxifan-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #616161; z-index: 6; /* 薄唇 */
}
/* 针尖须 */
.fengxifan-mustache-L {
    position: absolute; bottom: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(20deg); z-index: 6;
}
.fengxifan-mustache-R {
    position: absolute; bottom: 6px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-20deg); z-index: 6;
}

/* 发型 (高层级 z-index: 25+) */
.fengxifan-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.fengxifan-hair-bun { /* 紧致发髻 */
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #212121; border-radius: 3px; z-index: 26;
}
.fengxifan-hair-pin { /* 银簪 */
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 1px; background: #bdbdbd; z-index: 27;
}


/* --- 5. 手臂与武器 (细剑) - 【标准坐标】 --- */
/* 左手 (剑指/负手) */
.fengxifan-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #37474f; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(10deg); 
    z-index: 13;
}
.fengxifan-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #f5f5f5; border-radius: 50%; }

/* 右手 (持细剑) */
.fengxifan-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #37474f; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-50deg); /* 竖剑 */
    z-index: 15;
}
.fengxifan-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #f5f5f5; border-radius: 50%; }

/* 一剑无血 (Thin Sword) */
.fengxifan-sword {
    position: absolute; top: -19px; right: -18px;
    width: 2px; height: 35px; /* 极细 */
    background: #cfd8dc; /* 亮银 */
    transform: rotate(80deg); /* 指向斜上方 */
    z-index: 35;
    box-shadow: 0 0 2px #fff;
}
.fengxifan-sword-hilt {
    position: absolute; bottom: 0; left: -2px;
    width: 6px; height: 2px; background: #b0bec5;
}


/* --- 6. 腿脚 --- */
.fengxifan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.fengxifan-feet::before, .fengxifan-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.fengxifan-feet::before { left: 1px; } .fengxifan-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes fengxifan-twitch { 
    0%, 90% { transform: translateY(0); } 
    92% { transform: translateY(-1px); } 
    94% { transform: translateY(0); }
    100% { transform: translateY(0); }
}
@keyframes fengxifan-glint-flash {
    0% { transform: scale(0.5) rotate(0); opacity: 0.5; }
    100% { transform: scale(1.2) rotate(45deg); opacity: 1; }
}
/* =========================================
   【殷梨亭 (武当六侠)】
   (深蓝道袍·太极剑·忧郁深情·太极背景)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yinliting-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yinliting-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 柔和的剑意律动 */
    animation: yinliting-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：太极阴阳 (Taiji) --- */
.yinliting-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.yinliting-taiji {
    position: absolute; top: 20%; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #fff 50%, #212121 50%);
    opacity: 0.15;
    animation: yinliting-spin 10s linear infinite;
}
.yinliting-taiji::before { /* 阴中阳 */
    content: ''; position: absolute; top: 10px; left: 0; width: 20px; height: 20px;
    background: #fff; border-radius: 50%;
}
.yinliting-taiji::after { /* 阳中阴 */
    content: ''; position: absolute; bottom: 10px; right: 0; width: 20px; height: 20px;
    background: #212121; border-radius: 50%;
}


/* --- 3. 身体 (深蓝道袍) --- */
.yinliting-body {
    position: relative; width: 18px; height: 38px;
    background: #1565c0; /* 深蓝 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.yinliting-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bbdefb; /* 浅蓝领 */
    z-index: 11;
}
.yinliting-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.yinliting-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #0d47a1; z-index: 11;
}
/* 八卦镜护心 */
.yinliting-mirror {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #e0e0e0;
    border-radius: 50%; border: 1px solid #9e9e9e; z-index: 11;
}


/* --- 4. 头部 (忧郁) --- */
.yinliting-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.yinliting-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.yinliting-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 忧郁五官 */
.yinliting-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(15deg); z-index: 6; /* 八字眉 - 忧郁 */
}
.yinliting-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-15deg); z-index: 6;
}
.yinliting-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 6; 
}
.yinliting-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 6; 
}
.yinliting-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6;
}

/* 发型 (高层级 z-index: 25+) */
.yinliting-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.yinliting-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}
.yinliting-hair-tie { /* 蓝色发带 */
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; background: #90caf9; z-index: 27;
}


/* --- 5. 手臂与武器 (太极剑) - 【标准坐标】 --- */

/* 左手 (剑指) */
.yinliting-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #1565c0; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(40deg); /* 抬起捏诀 */
    z-index: 15;
}
.yinliting-hand-L { 
    position: absolute; bottom: -3px; left: 0; width: 4px; height: 5px; 
    background: #ffe0b2; border-radius: 2px; /* 剑指形状 */
}

/* 右手 (持剑斜指) */
.yinliting-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #1565c0; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-20deg);
    z-index: 15;
}
.yinliting-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 武当剑 (Wudang Sword) */
.yinliting-sword {
    position: absolute; top: 5px; right: -8px;
    width: 4px; height: 40px;
    background: #cfd8dc; /* 剑身 */
    transform: rotate(160deg); /* 剑尖向下 */
    z-index: 35; /* 高层级 */
    box-shadow: 0 0 2px rgba(255,255,255,0.5);
}
.yinliting-sword-hilt {
    position: absolute; bottom: 0; left: -2px;
    width: 8px; height: 2px; background: #455a64; /* 剑格 */
}
.yinliting-sword-handle {
    position: absolute; bottom: -6px; left: 0;
    width: 4px; height: 6px; background: #37474f; /* 剑柄 */
}


/* --- 6. 腿脚 --- */
.yinliting-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.yinliting-feet::before, .yinliting-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.yinliting-feet::before { left: 1px; } .yinliting-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yinliting-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes yinliting-spin { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
/* =========================================
   【张翠山 (武当张五侠)】
   (素雅道袍·左钩右笔·银钩铁划·倚天云气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhangcuishan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhangcuishan-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 儒雅而坚定的站姿 */
    animation: zhangcuishan-breathe 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：银钩铁划 (Calligraphy Strikes) --- */
.zhangcuishan-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 银色钩痕 */
.zhangcuishan-stroke-silver {
    position: absolute; top: 20%; left: 10%;
    width: 30px; height: 2px; background: #e0e0e0;
    transform: rotate(-45deg); opacity: 0;
    animation: zhangcuishan-stroke 3s infinite;
}
/* 黑色笔痕 */
.zhangcuishan-stroke-iron {
    position: absolute; top: 50%; right: 10%;
    width: 30px; height: 2px; background: #424242;
    transform: rotate(30deg); opacity: 0;
    animation: zhangcuishan-stroke 3s infinite 1.5s;
}
/* 武当云气 */
.zhangcuishan-cloud {
    position: absolute; bottom: 0; width: 40px; height: 15px;
    background: rgba(255,255,255,0.3); border-radius: 10px;
    filter: blur(4px);
    animation: zhangcuishan-cloud-float 5s infinite alternate;
}
.zcs-c1 { left: -10px; } .zcs-c2 { right: -10px; animation-delay: 2s; }


/* --- 3. 身体 (武当道袍) --- */
.zhangcuishan-body {
    position: relative; width: 18px; height: 38px;
    background: #e3f2fd; /* 月白/淡蓝 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 道家交领 */
.zhangcuishan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #1565c0; /* 深蓝领边 */
    z-index: 11;
}
.zhangcuishan-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.zhangcuishan-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #0d47a1; /* 深蓝腰带 */ z-index: 11;
}
/* 垂下的衣带 */
.zhangcuishan-sash {
    position: absolute; top: 25px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 13px; background: #1e88e5;
}


/* --- 4. 头部 (俊秀道髻) --- */
.zhangcuishan-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.zhangcuishan-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.zhangcuishan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 俊朗五官 */
.zhangcuishan-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-5deg); z-index: 6; /* 剑眉 */
}
.zhangcuishan-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(5deg); z-index: 6;
}
.zhangcuishan-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50%; z-index: 6; 
}
.zhangcuishan-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50%; z-index: 6; 
}
.zhangcuishan-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #5d4037; z-index: 6;
}

/* 发型 (高层级 z-index: 25+) */
.zhangcuishan-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.zhangcuishan-hair-bun { /* 道髻 */
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}
.zhangcuishan-hair-pin { /* 木簪 */
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #8d6e63; z-index: 27;
}


/* --- 5. 手臂与武器 (左钩右笔) - 【标准坐标】 --- */

/* 左手 (持银钩) */
.zhangcuishan-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #e3f2fd; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.zhangcuishan-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 烂银虎头钩 (Silver Hook) */
.zhangcuishan-hook {
    position: absolute; top: 0px; left: -8px; /* 握在手里，钩头向外 */
    width: 12px; height: 20px;
    border-left: 2px solid #bdbdbd; /* 银钩柄 */
    border-top: 2px solid #bdbdbd; /* 钩头 */
    border-radius: 4px 0 0 0;
    transform: rotate(180deg); z-index: 35;
}
.zhangcuishan-hook::after { /* 钩尖 */
    content: ''; position: absolute; top: 0; right: -2px;
    width: 0; height: 0; 
    border-top: 3px solid transparent; border-bottom: 3px solid transparent;
    border-left: 4px solid #bdbdbd;
}

/* 右手 (持铁笔) */
.zhangcuishan-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #e3f2fd; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg); /* 提笔 */
    z-index: 15;
}
.zhangcuishan-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 镔铁判官笔 (Iron Brush) */
.zhangcuishan-brush {
    position: absolute; top: 0px; right: 1px;
    width: 3px; height: 25px;
    background: #212121; /* 黑铁 */
    transform: rotate(180deg); z-index: 35;
}
.zhangcuishan-brush-tip {
    position: absolute; top: -4px; left: 0;
    width: 3px; height: 6px; background: #424242; /* 笔尖 */
    border-radius: 2px 2px 0 0;
}


/* --- 6. 腿脚 --- */
.zhangcuishan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zhangcuishan-feet::before, .zhangcuishan-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; /* 道鞋 */ border-radius: 2px 2px 0 0; }
.zhangcuishan-feet::before { left: 1px; } .zhangcuishan-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhangcuishan-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes zhangcuishan-stroke {
    0% { width: 0; opacity: 1; } 100% { width: 30px; opacity: 0; }
}
@keyframes zhangcuishan-cloud-float {
    0% { transform: translateX(-5px); } 100% { transform: translateX(5px); }
}
/* =========================================
   【九难 (独臂神尼·长平公主)】
   (青灰僧袍·尼姑帽·左臂空袖·故国落花)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-jiunan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.jiunan-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 清冷孤寂的微晃 */
    animation: jiunan-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：故国落花 (Fallen Blossoms) --- */
.jiunan-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.jiunan-blossom {
    position: absolute; top: -10px;
    width: 4px; height: 4px; background: #fff; /* 白花 */
    border-radius: 50% 0 50% 0; opacity: 0;
    animation: jiunan-fall 6s linear infinite;
}
.jn-1 { left: 20%; animation-delay: 0s; transform: rotate(45deg); }
.jn-2 { left: 70%; animation-delay: 3s; transform: rotate(-30deg); width: 3px; height: 3px; }
.jn-3 { left: 50%; animation-delay: 1.5s; transform: rotate(10deg); }


/* --- 3. 身体 (青灰僧袍) --- */
.jiunan-body {
    position: relative; width: 18px; height: 38px;
    background: #757575; /* 青灰色 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 白色交领 */
.jiunan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bdbdbd; /* 浅灰领外沿 */
    z-index: 11;
}
.jiunan-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #fff; /* 白内领 */
}
/* 深灰腰带 */
.jiunan-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #424242; z-index: 11;
}


/* --- 4. 头部 (尼姑帽+凄苦脸) --- */
.jiunan-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.jiunan-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.jiunan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 凄苦五官 */
.jiunan-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #5d4037;
    transform: rotate(-10deg); z-index: 6; /* 微蹙 */
}
.jiunan-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #5d4037;
    transform: rotate(10deg); z-index: 6;
}
.jiunan-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; /* 清冷眼 */
}
.jiunan-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.jiunan-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 3px; height: 1px; background: #d7ccc8; z-index: 6; /* 抿嘴 */
}
/* 泪痕 (Subtle Tear) */
.jiunan-tear {
    position: absolute; top: 11px; left: 2px; width: 1px; height: 3px; background: #fff; opacity: 0.5; z-index: 5;
}

/* 尼姑帽 (Nun Cap - 高层级 z-index: 25+) */
.jiunan-nun-cap {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #616161; /* 深灰帽 */
    border-radius: 8px 8px 2px 2px; z-index: 25;
}
.jiunan-cap-fold { /* 帽子褶皱 */
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 2px; background: rgba(0,0,0,0.2); border-radius: 1px;
}


/* --- 5. 手臂与武器 (左臂空袖，右手拂尘) --- */

/* 【左侧空袖管】 (Empty Sleeve) */
.jiunan-sleeve-empty-L {
    position: absolute;
    top: 6px; left: -3px; /* 贴着身体 */
    width: 3px; height: 14px; /* 扁平、细长 */
    background: #757575; /* 同衣服色 */
    border-radius: 2px;
    transform: rotate(5deg); /* 自然下垂 */
    z-index: 30; /* 在身体前面一点 */
    box-shadow: inset 1px 0 2px rgba(0,0,0,0.2); /* 做出空空的感觉 */
}

/* 右手 (持拂尘) - 【标准坐标】 */
.jiunan-arm-R {
    position: absolute; 
    top: 6px; right: -2px; /* 标准坐标 */
    width: 5px; height: 12px;
    background: #757575; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg);
    z-index: 15;
}
.jiunan-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 拂尘 (Fly Whisk) */
.jiunan-whisk-handle {
    position: absolute; top: -10px; right: 1px;
    width: 3px; height: 20px; background: #5d4037; /* 木柄 */
    transform: rotate(10deg); z-index: 35;
}
.jiunan-whisk-hair {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 18px; background: #f5f5f5; /* 白毛 */
    border-radius: 4px 4px 2px 2px;
    transform-origin: top center;
    animation: jiunan-whisk-sway 2s ease-in-out infinite alternate;
}


/* --- 6. 腿脚 --- */
.jiunan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.jiunan-feet::before, .jiunan-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #616161; /* 灰鞋 */ border-radius: 2px 2px 0 0; }
.jiunan-feet::before { left: 1px; } .jiunan-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes jiunan-sway { 0% { transform: rotate(0.5deg); } 100% { transform: rotate(-0.5deg); } }
@keyframes jiunan-whisk-sway { 0% { transform: rotate(5deg) skewX(2deg); } 100% { transform: rotate(13deg) skewX(-10deg); } }
@keyframes jiunan-fall {
    0% { top: -10px; opacity: 0; transform: rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
/* =========================================
   【岳不群 (华山掌门·君子剑)】
   (青衫儒生·五柳长须·折扇·紫霞神功)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yuebuqun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yuebuqun-wrapper {
    position: relative;
    width: 18px; height: 38px; /* 标准身形 */
    z-index: 5;
    transform-origin: bottom center;
    /* 沉稳的呼吸 */
    animation: yuebuqun-breathe 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：紫霞神功 (Purple Haze) --- */
.yuebuqun-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.yuebuqun-aura {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(156, 39, 176, 0.4) 0%, transparent 70%); /* 紫色光晕 */
    filter: blur(5px);
    animation: yuebuqun-aura-pulse 4s infinite alternate;
}
.yuebuqun-sparkle {
    position: absolute; width: 2px; height: 2px; background: #e1bee7;
    border-radius: 50%; opacity: 0;
    animation: yuebuqun-sparkle-rise 3s linear infinite;
}
.yqs-1 { bottom: 10px; left: 10px; animation-delay: 0s; }
.yqs-2 { bottom: 20px; right: 10px; animation-delay: 1.5s; }


/* --- 3. 身体 (青衫儒生) --- */
.yuebuqun-body {
    position: relative; width: 18px; height: 38px;
    background: #00695c; /* 青色 (Teal) */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.yuebuqun-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #b2dfdb; /* 浅青领 */
    z-index: 11;
}
.yuebuqun-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.yuebuqun-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #004d40; /* 深青腰带 */ z-index: 11;
}
/* 背剑 (君子剑) */
.yuebuqun-sword-back {
    position: absolute; top: -10px; left: 2px;
    width: 4px; height: 35px; background: #37474f;
    transform: rotate(15deg); z-index: 9; /* 在身体后面 */
    border: 1px solid #263238;
}
.yuebuqun-sword-hilt {
    position: absolute; bottom: 100%; left: -2px;
    width: 8px; height: 2px; background: #cfd8dc;
}


/* --- 4. 头部 (伪君子) --- */
.yuebuqun-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.yuebuqun-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.yuebuqun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 */
.yuebuqun-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121; z-index: 6;
}
.yuebuqun-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121; z-index: 6;
}
.yuebuqun-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 6; /* 眯眼 */
}
.yuebuqun-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 6; 
}
.yuebuqun-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #3e2723;
    border-bottom: 1px solid #3e2723; border-radius: 50%; /* 假笑 */
    z-index: 6;
}

/* 五柳长须 (Five-strand Beard) */
.yuebuqun-beard {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px; 
    /* 黑色胡须 */
    background: repeating-linear-gradient(90deg, #212121, #212121 1px, transparent 1px, transparent 3px);
    z-index: 6;
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

/* 发型 (高层级 z-index: 25+) */
.yuebuqun-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.yuebuqun-hair-bun { /* 书生髻 */
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}
.yuebuqun-hair-pin { /* 发簪 */
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #bdbdbd; z-index: 27;
}


/* --- 5. 手臂与道具 (折扇) - 【标准坐标】 --- */

/* 左手 (背在身后) */
.yuebuqun-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #00695c; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 9; /* 放在身后 */
}

/* 右手 (摇扇) */
.yuebuqun-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #00695c; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg);
    z-index: 15;
    animation: yuebuqun-fan-wave 3s ease-in-out infinite alternate;
}
.yuebuqun-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 折扇 */
.yuebuqun-fan {
    position: absolute; top: -11px; right: -11px;
    width: 20px; height: 14px; transform: rotate(15deg); z-index: 35;
}
.yuebuqun-fan-paper {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    background: #fafafa; border-radius: 50% 50% 0 0 / 100% 100% 0 0; border-top: 2px solid #bdbdbd;
}
.yuebuqun-fan-bone {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 14px; background: #bdbdbd;
}


/* --- 6. 腿脚 --- */
.yuebuqun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.yuebuqun-feet::before, .yuebuqun-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.yuebuqun-feet::before { left: 1px; } .yuebuqun-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yuebuqun-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes yuebuqun-fan-wave { 0% { transform: rotate(-30deg); } 100% { transform: rotate(-40deg); } }
@keyframes yuebuqun-aura-pulse { 0% { opacity: 0.3; transform: translateX(-50%) scale(0.8); } 100% { opacity: 0.6; transform: translateX(-50%) scale(1.1); } }
@keyframes yuebuqun-sparkle-rise {
    0% { transform: translateY(0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateY(-20px); opacity: 0; }
}
/* =========================================
   【赵敏 (绍敏郡主)】
   (男装女相·白衣金扇·娇羞红晕·玫瑰花雨)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhaomin-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhaomin-wrapper {
    position: relative;
    width: 18px; height: 38px; /* 标准身形 */
    z-index: 5;
    transform-origin: bottom center;
    /* 俏皮的晃动 */
    animation: zhaomin-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：玫瑰花雨 (Rose Petals) --- */
.zhaomin-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.zhaomin-petal {
    position: absolute; width: 5px; height: 4px;
    background: #e91e63; /* 玫瑰红 */
    border-radius: 50% 0 50% 0; opacity: 0;
    animation: zhaomin-petal-fall 4s linear infinite;
}
.zm-1 { top: -10px; left: 20%; animation-delay: 0s; transform: rotate(45deg); }
.zm-2 { top: 10px; right: 20%; animation-delay: 2s; transform: rotate(-30deg); background: #f48fb1; }
.zm-3 { top: -20px; left: 60%; animation-delay: 1.5s; transform: rotate(90deg); width: 4px; height: 3px; }


/* --- 3. 身体 (白衣男装) --- */
.zhaomin-body {
    position: relative; width: 18px; height: 38px;
    background: #ffffff;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}
.zhaomin-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #fff; /* 白领 */
    z-index: 11;
}
.zhaomin-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 束腰金带 */
.zhaomin-belt {
    position: absolute; top: 19px; left: 0; width: 100%; height: 5px;
    background: #fbc02d; /* 金色 */
    z-index: 11;
}
.zhaomin-pendant { /* 玉佩 */
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #81c784; border-radius: 50%;
}


/* --- 4. 头部 (英气妩媚) --- */
.zhaomin-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.zhaomin-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.zhaomin-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}

/* 五官 */
.zhaomin-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-5deg); z-index: 6;
}
.zhaomin-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(5deg); z-index: 6;
}
.zhaomin-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50%; z-index: 6; /* 大眼 */
}
.zhaomin-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50%; z-index: 6; 
}
.zhaomin-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px;
    border-bottom: 1px solid #d81b60; /* 嫣红嘴唇 */
    border-radius: 0 0 50% 50%; z-index: 6;
}
/* 羞红 (Blush) */
.zhaomin-blush-L {
    position: absolute; top: 11px; left: 1px; width: 3px; height: 2px;
    background: #ffcdd2; border-radius: 50%; opacity: 0.6; z-index: 4;
}
.zhaomin-blush-R {
    position: absolute; top: 11px; right: 1px; width: 3px; height: 2px;
    background: #ffcdd2; border-radius: 50%; opacity: 0.6; z-index: 4;
}

/* 发型 (高层级 z-index: 25+) */
.zhaomin-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.zhaomin-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}
/* 珠花/金冠 */
.zhaomin-hair-jewel {
    position: absolute; top: -5px; right: 2px; /* 偏右一点 */
    width: 4px; height: 4px; background: #e91e63; /* 玫瑰红珠花 */
    border: 1px solid #fbc02d; border-radius: 50%; z-index: 27;
}
.zhaomin-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 12px;
    border-left: 2px solid #212121; border-right: 2px solid #212121;
    border-radius: 4px; z-index: 25;
}


/* --- 5. 手臂与道具 (折扇) - 【标准坐标】 --- */
/* 左手 (背手) */
.zhaomin-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #fff; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(15deg); 
    z-index: 9; /* 放在身后 */
}

/* 右手 (摇扇) */
.zhaomin-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #fff; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-35deg);
    z-index: 15;
    animation: zhaomin-fan-move 2s ease-in-out infinite alternate;
}
.zhaomin-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 金面折扇 */
.zhaomin-fan {
    position: absolute; top: -11px; right: -11px;
    width: 20px; height: 14px;
    transform: rotate(10deg); z-index: 35; /* 高层级 */
}
.zhaomin-fan-paper {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    background: #fff; /* 白扇面 */
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    border-top: 2px solid #fbc02d; /* 金边 */
    box-shadow: 0 0 2px rgba(251, 192, 45, 0.5);
}
.zhaomin-fan-art { /* 扇面画点东西 */
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px; opacity: 0.3;
    background: #212121; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.zhaomin-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zhaomin-feet::before, .zhaomin-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.zhaomin-feet::before { left: 1px; } .zhaomin-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhaomin-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes zhaomin-fan-move { 0% { transform: rotate(-35deg); } 100% { transform: rotate(-45deg); } }
@keyframes zhaomin-petal-fall {
    0% { top: -10px; opacity: 0; transform: rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
/* =========================================
   【风波恶 (慕容家将·一阵风)】
   (炭灰劲装·红头带·锯齿大刀·疾风刀光)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-fengbo-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.fengbo-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 跃跃欲试的战斗跳跃 */
    animation: fengbo-bounce 0.8s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：疾风刀光 (Wind Slashes) --- */
.fengbo-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.fengbo-slash {
    position: absolute; height: 2px; background: rgba(255,255,255,0.8);
    border-radius: 2px; opacity: 0;
    animation: fengbo-slash-anim 1.5s infinite;
}
.fbs-1 { top: 20%; left: 0; width: 30px; transform: rotate(-10deg); animation-delay: 0s; }
.fbs-2 { top: 60%; right: 0; width: 40px; transform: rotate(10deg); animation-delay: 0.5s; }
.fbs-3 { top: 40%; left: 10px; width: 20px; transform: rotate(0deg); animation-delay: 1s; }


/* --- 3. 身体 (炭灰短打) --- */
.fengbo-body {
    position: relative; width: 18px; height: 38px;
    background: #424242; /* 炭灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.fengbo-chest { /* 敞开胸口 */
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 6px; height: 10px; background: #d7ccc8; /* 皮肤 */
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.fengbo-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #d32f2f; /* 猩红腰带 */ z-index: 11;
}


/* --- 4. 头部 (狂热好战) --- */
.fengbo-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.fengbo-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.fengbo-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 6px 6px 8px 8px; z-index: 3;
}

/* 五官 */
.fengbo-eyebrow-L {
    position: absolute; top: 7px; left: 1px; width: 5px; height: 2px; background: #000;
    transform: rotate(20deg); z-index: 6; /* 怒眉 */
}
.fengbo-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 5px; height: 2px; background: #000;
    transform: rotate(-20deg); z-index: 6;
}
.fengbo-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; 
}
.fengbo-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 6; 
}
/* 狂笑嘴 (Grin) */
.fengbo-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 3px; background: #3e2723;
    border-radius: 0 0 6px 6px; z-index: 6; border-top: 1px solid #fff; /* 露齿笑 */
}

/* 发型与头带 (高层级) */
.fengbo-headband {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 4px; background: #d32f2f; /* 红头带 */
    z-index: 26; border-radius: 2px;
}
.fengbo-hair-messy {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121;
    clip-path: polygon(0 40%, 20% 0, 50% 20%, 80% 0, 100% 40%, 100% 100%, 0 100%); /* 乱发 */
    z-index: 25;
}


/* --- 5. 手臂与武器 (锯齿大刀) - 【标准坐标】 --- */

/* 左手 (握拳备战) */
.fengbo-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #424242; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); 
    z-index: 13;
}
.fengbo-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (持刀) */
.fengbo-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #424242; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-40deg); /* 举刀 */
    z-index: 15;
}
.fengbo-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 锯齿大刀 (Broadsword) */
.fengbo-dao {
    position: absolute; top: -25px; right: -10px;
    width: 10px; height: 35px;
    transform: rotate(30deg); z-index: 35; /* 高层级道具 */
}
.fengbo-dao-handle {
    position: absolute; bottom: 0; left: 3px; width: 3px; height: 10px; background: #5d4037;
}
.fengbo-dao-blade {
    position: absolute; bottom: 10px; left: 0;
    width: 10px; height: 25px;
    background: linear-gradient(to right, #e0e0e0, #bdbdbd);
    border-radius: 0 10px 0 0; /* 宽背刀 */
}
/* 锯齿 */
.fengbo-dao-blade::after {
    content: ''; position: absolute; left: 0; top: 5px;
    width: 0; height: 0;
    border-left: 2px solid transparent; border-right: 2px solid transparent;
    border-top: 4px solid #424242; /* 缺口 */
}


/* --- 6. 腿脚 --- */
.fengbo-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.fengbo-feet::before, .fengbo-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.fengbo-feet::before { left: 1px; } .fengbo-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes fengbo-bounce { 
    0% { transform: translateY(0); } 100% { transform: translateY(-2px); } 
}
@keyframes fengbo-slash-anim {
    0% { transform: translateX(-20px); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateX(20px); opacity: 0; }
}
/* =========================================
   【包不同 (慕容家将·非也非也)】
   (灰蓝长衫·合拢折扇·张嘴抬杠·红叉特效)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-baobutong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.baobutong-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 说话时身体前倾后仰 */
    animation: baobutong-argue 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：非也红叉 (Wrong Marks) --- */
.baobutong-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.baobutong-cross {
    position: absolute; width: 8px; height: 8px;
    opacity: 0; animation: baobutong-cross-float 3s infinite;
}
/* 用CSS画叉 */
.baobutong-cross::before, .baobutong-cross::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    width: 100%; height: 2px; background: #e57373; border-radius: 1px;
}
.baobutong-cross::before { transform: translate(-50%, -50%) rotate(45deg); }
.baobutong-cross::after { transform: translate(-50%, -50%) rotate(-45deg); }

.bbx-1 { top: 20%; right: 10%; animation-delay: 0s; transform: scale(0.8); }
.bbx-2 { top: 50%; left: 10%; animation-delay: 1.5s; transform: scale(1); }
.bbx-3 { bottom: 30%; right: 20%; animation-delay: 0.8s; transform: scale(0.6); }


/* --- 3. 身体 (灰蓝长衫) --- */
.baobutong-body {
    position: relative; width: 18px; height: 38px;
    background: #607d8b; /* 灰蓝 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.baobutong-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #cfd8dc; /* 浅灰领 */
    z-index: 11;
}
.baobutong-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.baobutong-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #3e2723; /* 酱色腰带 */ z-index: 11;
}


/* --- 4. 头部 (长脸抬杠) --- */
.baobutong-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 20px; /* 脸稍长 */
    z-index: 20;
}
.baobutong-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.baobutong-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 8px 8px; z-index: 3;
}

/* 抬杠表情 */
.baobutong-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-20deg); z-index: 6; /* 高挑 */
}
.baobutong-eyebrow-R {
    position: absolute; top: 7px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(10deg); z-index: 6; /* 压低 */
}
.baobutong-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 3px; 
    background: #000; border-radius: 50%; z-index: 6; 
}
.baobutong-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 3px; 
    background: #000; border-radius: 50%; z-index: 6; 
}
/* 张嘴 (Open Mouth) */
.baobutong-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px;
    background: #3e2723; border-radius: 50%; z-index: 6;
    border: 1px solid #d7ccc8; /* 嘴唇 */
}
/* 八字胡 */
.baobutong-mustache-L {
    position: absolute; bottom: 7px; left: 2px; width: 4px; height: 1px; background: #212121;
    transform: rotate(30deg); z-index: 6;
}
.baobutong-mustache-R {
    position: absolute; bottom: 7px; right: 2px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-30deg); z-index: 6;
}

/* 发型 (高层级) */
.baobutong-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 6px 6px 0 0; z-index: 25;
}
.baobutong-hair-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}


/* --- 5. 手臂与道具 (折扇指人) --- */

/* 左手 (背在身后) */
.baobutong-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #607d8b; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(20deg); /* 向后藏 */
    z-index: 9; /* 放在身体后面 */
}

/* 右手 (拿着合拢的折扇指指点点) */
.baobutong-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #607d8b; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-45deg); /* 抬手指向前方 */
    z-index: 15;
    animation: baobutong-point 1s linear infinite alternate; /* 指点动作 */
}
.baobutong-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 合拢的折扇 (Closed Fan) */
.baobutong-fan-closed {
    position: absolute; top: -15px; left: 3px;
    width: 4px; height: 20px;
    background: #fff; border: 1px solid #bdbdbd;
    transform: rotate(20deg); z-index: 35; /* 高层级道具 */
}
.baobutong-fan-tip {
    position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #212121; /* 扇头 */
}


/* --- 6. 腿脚 --- */
.baobutong-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.baobutong-feet::before, .baobutong-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.baobutong-feet::before { left: 1px; } .baobutong-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes baobutong-argue { 
    0% { transform: rotate(1deg); } 100% { transform: rotate(-2deg); } 
}
@keyframes baobutong-point { /* 快速指点 */
    0% { transform: rotate(-45deg); } 100% { transform: rotate(-55deg); }
}
@keyframes baobutong-cross-float {
    0% { transform: translateY(0) scale(0.5); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateY(-20px) scale(1); opacity: 0; }
}
/* =========================================
   【沙通天 (鬼门龙王)】
   (锃亮光头·黄袍·铁桨·黄河浊浪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-shatongtian-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.shatongtian-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: shatongtian-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：黄河浊浪 (Yellow River Waves) --- */
.shatongtian-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.shatongtian-wave {
    position: absolute; bottom: 0; left: 0;
    width: 100%; height: 10px;
    background: #fdd835; /* 浑浊黄水 */
    opacity: 0.3; border-radius: 50% 50% 0 0;
    animation: shatongtian-wave-flow 2s infinite alternate;
}
.stw-1 { height: 15px; animation-delay: 0s; }
.stw-2 { height: 8px; animation-delay: 1s; background: #fbc02d; }


/* --- 3. 身体 (黄河帮装束) --- */
.shatongtian-body {
    position: relative; width: 18px; height: 38px;
    background: #8d6e63; /* 泥褐色 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 粗布领口 */
.shatongtian-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #5d4037; /* 深褐领 */
    z-index: 11;
}
.shatongtian-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #d7ccc8; /* 皮肤 */
}
/* 腰带 */
.shatongtian-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #3e2723; border-top: 1px solid #a1887f; z-index: 11;
}


/* --- 4. 头部 (锃亮大光头) --- */
.shatongtian-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
/* 强轮廓背光 */
.shatongtian-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

/* 光头 (Bald Head) - 重点是高光 */
.shatongtian-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 较深肤色 */
    border-radius: 7px 7px 6px 6px; /* 圆顶 */
    z-index: 3;
    /* 顶部超强反光 */
    box-shadow: inset 0 3px 2px rgba(255, 255, 255, 0.9); 
}
/* 头顶亮斑 */
.shatongtian-shine {
    position: absolute; top: 2px; right: 3px;
    width: 4px; height: 3px;
    background: #fff; border-radius: 50%;
    opacity: 0.8; filter: blur(1px); z-index: 4;
}

/* 凶恶五官 */
.shatongtian-eyebrow-L {
    position: absolute; top: 7px; left: 2px; width: 5px; height: 2px; background: #212121;
    transform: rotate(20deg); z-index: 6; /* 倒竖眉 */
}
.shatongtian-eyebrow-R {
    position: absolute; top: 7px; right: 2px; width: 5px; height: 2px; background: #212121;
    transform: rotate(-20deg); z-index: 6;
}
.shatongtian-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 4px; height: 4px; 
    background: #fff; border-radius: 50%; z-index: 6; /* 怒目圆睁 */
}
.shatongtian-eye-L::after { content: ''; position: absolute; top: 1px; left: 1px; width: 2px; height: 2px; background: #000; border-radius: 50%; }

.shatongtian-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 4px; height: 4px; 
    background: #fff; border-radius: 50%; z-index: 6; 
}
.shatongtian-eye-R::after { content: ''; position: absolute; top: 1px; right: 1px; width: 2px; height: 2px; background: #000; border-radius: 50%; }

.shatongtian-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 2px; background: #3e2723;
    border-radius: 2px; z-index: 6;
}
/* 络腮胡茬 (青色) */
.shatongtian-beard {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 6px;
    background: rgba(33, 33, 33, 0.1); border-radius: 0 0 6px 6px; z-index: 5;
}


/* --- 5. 手臂与武器 (铁桨) - 【严格遵照新坐标】 --- */

/* 左手 (握拳) */
.shatongtian-arm-L {
    position: absolute; 
    /* 【遵照】新坐标 */
    top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #8d6e63; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(10deg); 
    z-index: 13;
}
.shatongtian-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (持铁桨) */
.shatongtian-arm-R {
    position: absolute; 
    /* 【遵照】新坐标 */
    top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #8d6e63; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg);
    z-index: 15;
}
.shatongtian-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #d7ccc8; border-radius: 50%; }

/* 铁桨 (Iron Oar) - 类似长棍，但头是扁的 */
.shatongtian-oar {
    position: absolute; top: -15px; right: 0;
    width: 4px; height: 45px;
    background: #424242; /* 黑铁杆 */
    transform: rotate(15deg); z-index: 35; /* 高层级 */
}
/* 桨叶 (Paddle Blade) */
.shatongtian-oar-blade {
    position: absolute; top: 0; left: -4px;
    width: 12px; height: 10px;
    background: #424242;
    border-radius: 2px 2px 50% 50%; /* 铲状/桨状 */
    border: 1px solid #757575;
}
.shatongtian-oar-blade::after { /* 桨叶上的棱 */
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 10px; background: #616161;
}


/* --- 6. 腿脚 --- */
.shatongtian-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.shatongtian-feet::before, .shatongtian-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.shatongtian-feet::before { left: 1px; } .shatongtian-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes shatongtian-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes shatongtian-wave-flow { 
    0% { transform: scaleY(1); opacity: 0.3; } 
    100% { transform: scaleY(1.2); opacity: 0.5; } 
}
/* =========================================
   【欧阳克 (白驼山少主)】
   (全名ouyangke·标准体型·白衣金冠·折扇)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-ouyangke-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.ouyangke-wrapper {
    position: relative;
    /* 【恢复】标准宽度 18px */
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: ouyangke-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：流沙蛇影 --- */
.ouyangke-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
    background: linear-gradient(to bottom, transparent, rgba(237, 231, 246, 0.3));
}
.ouyangke-sand {
    position: absolute; width: 4px; height: 2px; background: #fff9c4;
    border-radius: 2px; opacity: 0; animation: ouyangke-sand-drift 4s linear infinite;
}
.oks-1 { top: 20%; left: 10%; animation-delay: 0s; }
.oks-2 { top: 50%; right: 20%; animation-delay: 2s; width: 6px; }
.oks-3 { top: 70%; left: 40%; animation-delay: 1s; }
.ouyangke-snake-shadow {
    position: absolute; top: 10%; right: 5%;
    width: 20px; height: 30px;
    border: 2px solid rgba(126, 87, 194, 0.1);
    border-radius: 50% 0 50% 50%; transform: rotate(20deg); filter: blur(2px);
}


/* --- 3. 身体 (恢复标准版) --- */
.ouyangke-body {
    position: relative;
    width: 18px; height: 38px; /* 恢复标准尺寸 */
    background: #ffffff;
    border-radius: 6px 6px 4px 4px;
    border: 1px solid #ffd700;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}
.ouyangke-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    /* 恢复领口宽度 */
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #fff;
    z-index: 11;
}
.ouyangke-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
.ouyangke-belt {
    position: absolute; top: 19px; left: 0; width: 100%; height: 5px;
    background: #fff; border-top: 1px solid #ffd700; border-bottom: 1px solid #ffd700;
    z-index: 11;
}
.ouyangke-jade {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 3px; /* 恢复玉佩大小 */
    background: #a5d6a7; border-radius: 2px; border: 1px solid #ffd700;
}


/* --- 4. 头部 --- */
.ouyangke-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
.ouyangke-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.ouyangke-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 5px 5px 7px 7px; z-index: 3;
}
.ouyangke-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-5deg); z-index: 6;
}
.ouyangke-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(5deg); z-index: 6;
}
.ouyangke-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; 
}
.ouyangke-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; 
}
.ouyangke-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px;
    border-bottom: 1px solid #d32f2f; border-right: 1px solid #d32f2f;
    border-radius: 0 0 50% 0; z-index: 6;
}

/* 发型 (高层级) */
.ouyangke-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121; border-radius: 7px 7px 0 0; z-index: 25;
}
.ouyangke-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 26;
}
.ouyangke-hair-crown {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 3px; background: #ffd700; border-radius: 2px; border: 1px solid #fbc02d; z-index: 27;
}
.ouyangke-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 14px;
    border-left: 2px solid #212121; border-right: 2px solid #212121; border-radius: 4px; z-index: 25;
}


/* --- 5. 手臂与道具 (折扇) --- */
/* 左手 */
.ouyangke-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #fff; border: 1px solid #eee; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(15deg); 
    z-index: 13;
}
.ouyangke-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 */
.ouyangke-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #fff; border: 1px solid #eee; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg);
    z-index: 15;
    animation: ouyangke-fan-wave 2s ease-in-out infinite alternate;
}
.ouyangke-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 折扇 */
.ouyangke-fan {
    position: absolute; top: -11px; right: -11px;
    width: 20px; height: 14px; transform: rotate(20deg); z-index: 35;
}
.ouyangke-fan-paper {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    background: #fafafa; border-radius: 50% 50% 0 0 / 100% 100% 0 0; border-top: 2px solid #ffd700;
}
.ouyangke-fan-bone {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 14px; background: #ffd700;
}


/* --- 6. 腿脚 --- */
.ouyangke-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.ouyangke-feet::before, .ouyangke-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; border-bottom: 1px solid #ffd700; }
.ouyangke-feet::before { left: 1px; } .ouyangke-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes ouyangke-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes ouyangke-fan-wave { 0% { transform: rotate(-30deg); } 100% { transform: rotate(-45deg); } }
@keyframes ouyangke-sand-drift {
    0% { transform: translate(0, 0); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translate(20px, 10px); opacity: 0; }
}
/* =========================================
   【田伯光 (万里独行·采花大盗)】
   (银袍粉带·浪子坏笑·快刀·桃花纷飞)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-tian-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.tian-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 晃晃悠悠的浪子步态 */
    animation: tian-sway 2.5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：桃花劫 (Peach Blossoms) --- */
.tian-peach-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.tian-petal {
    position: absolute; width: 5px; height: 3px; 
    background: #f48fb1; /* 桃花粉 */
    border-radius: 50% 0 50% 0; opacity: 0;
    animation: tian-petal-fall 4s linear infinite;
}
.tp-1 { top: -10px; left: 20%; animation-delay: 0s; transform: rotate(45deg); }
.tp-2 { top: -20px; right: 20%; animation-delay: 1.5s; transform: rotate(-30deg); background: #f06292; }
.tp-3 { top: 10px; left: 60%; animation-delay: 2.5s; transform: rotate(90deg); width: 4px; height: 2px; }


/* --- 3. 身体 (银袍粉带) --- */
.tian-body {
    position: relative; width: 18px; height: 38px;
    background: #e0e0e0; /* 亮银灰 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
    overflow: visible !important;
}
/* 骚气粉领 */
.tian-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #f06292; /* 粉色内衬 */
    z-index: 11;
}
.tian-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 粉色腰带 */
.tian-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #ec407a; z-index: 11;
}
/* 银色外袍开襟 */
.tian-robe-line {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 28px; background: rgba(0,0,0,0.1);
}


/* --- 4. 头部 (浪子坏笑) --- */
.tian-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
/* 强背光 */
.tian-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.tian-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 6px 6px 8px 8px; z-index: 3;
}

/* 坏笑五官 */
.tian-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(-10deg); z-index: 6; /* 挑眉 */
}
.tian-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #212121;
    transform: rotate(10deg); z-index: 6;
}
.tian-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 6; 
}
.tian-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; background: #000; z-index: 6; 
}
/* 歪嘴坏笑 (Smirk) */
.tian-mouth {
    position: absolute; bottom: 4px; left: 4px; /* 偏左 */
    width: 4px; height: 2px;
    border-bottom: 1px solid #d32f2f; border-left: 1px solid #d32f2f;
    border-radius: 0 0 0 50%; transform: rotate(-10deg); z-index: 6;
}
/* 青皮胡茬 (Stubble) */
.tian-stubble {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 6px;
    background: rgba(33, 33, 33, 0.1); border-radius: 0 0 8px 8px; z-index: 4;
}

/* 发型：浪子发带 */
.tian-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #424242;
    border-radius: 6px 6px 0 0; z-index: 20;
}
.tian-hair-band {
    position: absolute; top: -1px; left: 0; width: 100%; height: 2px; background: #bdbdbd; /* 银发带 */ z-index: 30;
}


/* --- 5. 手臂与武器 (快刀) - 强制定位 --- */

/* 左手 (叉腰/摸下巴) */
.visual-tian-container .tian-body .tian-arm-L {
    position: absolute !important; top: 4px !important; left: -2px !important;
    width: 5px; height: 12px;
    background: #e0e0e0; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(30deg); 
    z-index: 13;
}
.tian-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (倒提单刀) */
.visual-tian-container .tian-body .tian-arm-R {
    position: absolute !important; top: 4px !important; right: -2px !important;
    width: 5px; height: 12px;
    background: #e0e0e0; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(-20deg); 
    z-index: 15;
}
.tian-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 快刀 (Curved Saber) */
.tian-saber {
    position: absolute; top: 1px; right: -11px; /* 握在手中 */
    width: 14px; height: 35px; 
    transform: rotate(160deg); /* 倒提 */
    z-index: 14;
}
/* 刀柄 */
.tian-saber-handle {
    position: absolute; bottom: 0; left: 6px; width: 3px; height: 8px; background: #5d4037; border-radius: 1px;
}
/* 刀身 */
.tian-saber-blade {
    position: absolute; bottom: 8px; left: 0;
    width: 10px; height: 25px;
    background: linear-gradient(to right, #eceff1, #b0bec5); /* 亮银 */
    border-radius: 0 100% 0 0; /* 弯刀形状 */
    clip-path: polygon(60% 0, 100% 0, 100% 100%, 60% 100%, 0 40%); /* 刀刃弧度 */
}


/* --- 6. 腿脚 --- */
.tian-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.tian-feet::before, .tian-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.tian-feet::before { left: 1px; } .tian-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes tian-sway { 
    0% { transform: rotate(2deg) translateX(-1px); } 
    100% { transform: rotate(-2deg) translateX(1px); } 
}
@keyframes tian-petal-fall {
    0% { top: -10px; opacity: 1; transform: rotate(0deg); }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
/* =========================================
   【叶二娘 (四大恶人·无恶不作)】
   (暗紫衣衫·脸带伤疤·怀抱婴儿·枯叶飘零)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-ye-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.ye-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 摇晃哄孩子的动作 */
    animation: ye-rock 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：枯叶飘零 (Withered Leaves) --- */
.ye-leaf-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.ye-leaf {
    position: absolute; top: -10px;
    width: 5px; height: 3px; background: #a1887f; /* 枯叶褐 */
    border-radius: 5px 0 5px 0; opacity: 0;
    animation: ye-fall 4s linear infinite;
}
.yl-1 { left: 20%; animation-delay: 0s; transform: rotate(15deg); }
.yl-2 { left: 70%; animation-delay: 2s; background: #8d6e63; transform: rotate(-30deg); }
.yl-3 { left: 40%; animation-delay: 1s; width: 4px; height: 2px; }


/* --- 3. 身体 (暗紫衣衫) --- */
.ye-body {
    position: relative; width: 18px; height: 38px;
    /* 暗紫红，压抑的颜色 */
    background: #880e4f;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
    overflow: visible !important;
}
/* 灰白交领 */
.ye-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #bdbdbd; /* 灰色 */
    z-index: 11;
}
.ye-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 腰带 */
.ye-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #4a148c; z-index: 11;
}


/* --- 4. 头部 (凄苦伤疤) --- */
.ye-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
/* 强背光 */
.ye-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.ye-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 6px 6px 8px 8px; z-index: 3;
}

/* 凄苦五官 */
.ye-eyebrow-L { /* 八字眉 */
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #5d4037;
    transform: rotate(-15deg); z-index: 6;
}
.ye-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #5d4037;
    transform: rotate(15deg); z-index: 6;
}
.ye-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.ye-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
/* 脸上抓痕 (Scars) */
.ye-scar-L {
    position: absolute; top: 12px; left: 2px; width: 3px; height: 4px;
    border-left: 1px solid #d32f2f; border-right: 1px solid #d32f2f;
    transform: rotate(10deg); opacity: 0.6; z-index: 5;
}
.ye-scar-R {
    position: absolute; top: 12px; right: 2px; width: 3px; height: 4px;
    border-left: 1px solid #d32f2f; border-right: 1px solid #d32f2f;
    transform: rotate(-10deg); opacity: 0.6; z-index: 5;
}

/* 发型：中年妇人髻 */
.ye-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #424242; /* 略带灰 */
    border-radius: 7px 7px 0 0; z-index: 20;
}
.ye-hair-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #424242;
    border-radius: 4px 4px 2px 2px; z-index: 20;
}


/* --- 5. 手臂与道具 (抱婴+柳叶刀) - 强制定位 --- */

/* 左手 (横抱婴儿) */
.visual-ye-container .ye-body .ye-arm-L {
    position: absolute !important; top: 12px !important; left: -1px !important;
    width: 5px; height: 12px;
    background: #880e4f; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(90deg); /* 横臂 */
    z-index: 15;
}
/* 婴儿 (The Baby) */
.ye-baby {
    position: absolute; top: 2px; left: -10px; /* 放在手臂上 */
    width: 16px; height: 8px;
    background: #e3f2fd; /* 浅蓝襁褓 */
    border-radius: 4px;
    transform: rotate(-90deg); /* 调整角度躺着 */
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    z-index: 16;
}
.ye-baby-head {
    position: absolute; top: 0px; left: 0%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #ffe0b2; border-radius: 50%;
}

/* 右手 (持柳叶刀) */
.visual-ye-container .ye-body .ye-arm-R {
    position: absolute !important; top: 4px !important; right: -3px !important;
    width: 5px; height: 12px;
    background: #880e4f; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(-20deg); /* 自然下垂持刀 */
    z-index: 15;
}
.ye-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 柳叶刀 (Willow Leaf Blade) */
.ye-blade {
    position: absolute; top: 7px; left: 4px;
    width: 3px; height: 25px;
    background: linear-gradient(to bottom, #cfd8dc, #90a4ae); /* 寒光 */
    border-radius: 0 0 50% 50%; /* 刀尖圆润 */
    z-index: 14; transform: rotate(-10deg);
}
.ye-blade-handle {
    position: absolute; top: -6px; left: 0; width: 3px; height: 6px; background: #5d4037;
}


/* --- 6. 腿脚 --- */
.ye-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.ye-feet::before, .ye-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.ye-feet::before { left: 1px; } .ye-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes ye-rock { /* 哄孩子的摇晃 */
    0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); }
}
@keyframes ye-fall {
    0% { top: -10px; opacity: 0; transform: rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
/* =========================================
   【云中鹤 (四大恶人·穷凶极恶)】
   (瘦高竹竿·鹤灰长衫·钢抓武器·云雾残羽)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yun-wrapper {
    position: relative;
    /* 【特质】比标准(18px)更窄，显得瘦 */
    width: 14px; 
    /* 【特质】比标准(38px)更高 */
    height: 42px;
    z-index: 5;
    transform-origin: bottom center;
    /* 飘忽不定的轻功感 */
    animation: yun-float 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：云雾残羽 (Clouds & Feathers) --- */
.yun-sky-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.yun-cloud {
    position: absolute; width: 30px; height: 10px; background: rgba(255,255,255,0.4);
    border-radius: 10px; filter: blur(2px);
    animation: yun-cloud-pass 4s linear infinite;
}
.yc-1 { top: 10%; left: -20px; animation-duration: 5s; }
.yc-2 { top: 40%; right: -20px; animation-duration: 3s; animation-direction: reverse; }

.yun-feather {
    position: absolute; width: 4px; height: 8px; background: #bdbdbd;
    border-radius: 50% 50% 0 0; opacity: 0;
    animation: yun-feather-fall 3s linear infinite;
}
.yf-1 { top: 0; left: 30%; animation-delay: 0s; transform: rotate(20deg); }
.yf-2 { top: 10%; right: 30%; animation-delay: 1.5s; transform: rotate(-10deg); }


/* --- 3. 身体 (瘦高灰衫) --- */
.yun-body {
    position: relative; width: 14px; height: 42px; /* 瘦高 */
    background: #e0e0e0; /* 鹤灰 */
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    z-index: 10;
    overflow: visible !important;
}
/* 蓝色衣襟 */
.yun-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 12px solid #455a64; /* 阴冷蓝灰 */
    z-index: 11;
}
.yun-collar::after {
    content: ''; position: absolute; top: -14px; left: -3px;
    border-left: 3px solid transparent; border-right: 3px solid transparent;
    border-top: 5px solid #ffccbc;
}
/* 黑色瘦腰带 */
.yun-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: #212121; z-index: 11;
}


/* --- 4. 头部 (长马脸) --- */
.yun-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 20px; /* 窄长头 */
    z-index: 20;
}
.yun-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(2px);
}

.yun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; /* 长脸 */
    z-index: 3;
}

/* 奸诈五官 */
.yun-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 3px; height: 1px; background: #000; transform: rotate(15deg); z-index: 6; 
}
.yun-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 3px; height: 1px; background: #000; transform: rotate(-15deg); z-index: 6; 
}
/* 奸诈小胡子 (Mustache) */
.yun-mustache {
    position: absolute; top: 13px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; 
    border-top: 1px solid #212121; border-radius: 50% 50% 0 0; z-index: 6;
}

/* 发型：冲天髻 (High Bun) */
.yun-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 6px; background: #424242;
    border-radius: 4px 4px 0 0; z-index: 2;
}
.yun-hair-bun {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 8px; background: #424242; /* 高耸 */
    border-radius: 3px; z-index: 2;
}


/* --- 5. 手臂与武器 (钢抓) - 强制定位 --- */

/* 左手 (成爪状) */
.visual-yun-container .yun-body .yun-arm-L {
    position: absolute !important; top: 3px !important; left: -1px !important;
    width: 4px; height: 14px; /* 细长手臂 */
    background: #e0e0e0; border-radius: 2px;
    transform-origin: top center !important;
    transform: rotate(20deg); 
    z-index: 13;
}
.yun-hand-L { 
    position: absolute; bottom: -4px; left: -1px; width: 6px; height: 6px; 
    border-left: 2px solid #ffccbc; border-bottom: 2px solid #ffccbc; /* 爪形手 */
    border-radius: 0 0 0 4px; transform: rotate(45deg);
}

/* 右手 (高举钢抓) */
.visual-yun-container .yun-body .yun-arm-R {
    position: absolute !important; top: 6px !important; right: -1px !important;
    width: 4px; height: 14px;
    background: #e0e0e0; border-radius: 2px;
    transform-origin: top center !important;
    transform: rotate(-150deg); /* 高举过头 */
    z-index: 15;
}
.yun-hand-R { position: absolute; bottom: -2px; left: -1px; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }

/* 钢抓 (Steel Claw Staff) */
.yun-claw-staff {
    position: absolute; top: 0; right: 0;
    width: 2px; height: 45px; background: #616161; /* 铁杆 */
    transform: rotate(-190deg); z-index: 14;
}
/* 抓头 (Claw Head) */
.yun-claw-head {
    position: absolute; top: -2px; left: -4px;
    width: 10px; height: 8px;
    border-bottom: 2px solid #cfd8dc; /* 亮银爪 */
    border-left: 2px solid #cfd8dc;
    border-right: 2px solid #cfd8dc;
    border-radius: 0 0 50% 50%;
}
.yun-claw-tip-M { /* 中间刺 */
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 6px; background: #cfd8dc;
}


/* --- 6. 腿脚 (长腿) --- */
.yun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.yun-feet::before, .yun-feet::after { content: ''; position: absolute; bottom: 0; width: 4px; height: 5px; background: #212121; border-radius: 2px 2px 0 0; }
.yun-feet::before { left: 1px; } .yun-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes yun-float { 
    0% { transform: translateY(0) scaleY(1); } 
    100% { transform: translateY(-5px) scaleY(1.02); } /* 拉长飘起 */
}
@keyframes yun-cloud-pass {
    0% { transform: translateX(0); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateX(40px); opacity: 0; }
}
@keyframes yun-feather-fall {
    0% { top: 0; opacity: 1; transform: rotate(0); }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
/* =========================================
   【朱子柳 (渔樵耕读·书生)】
   (白衣儒生·方巾长须·判官大笔·翰墨飘香)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 挥毫时的韵律感 */
    animation: zhu-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：翰墨淋漓 (Ink Splatters) --- */
.zhu-ink-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.zhu-ink-dot {
    position: absolute; width: 4px; height: 4px;
    background: #212121; border-radius: 50%;
    opacity: 0; animation: zhu-ink-float 4s infinite;
}
.zi-1 { top: 30%; left: 20%; animation-delay: 0s; transform: scale(1.2); }
.zi-2 { top: 50%; right: 20%; animation-delay: 1.5s; transform: scale(0.8); }
.zi-3 { top: 20%; right: 30%; animation-delay: 2.5s; width: 6px; height: 2px; /* 撇 */ border-radius: 2px; transform: rotate(-30deg); }


/* --- 3. 身体 (白衣儒生) --- */
.zhu-body {
    position: relative; width: 18px; height: 38px;
    background: #fafafa; /* 宣纸白 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
    overflow: visible !important;
}
/* 青衿 (Blue Collar) */
.zhu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #283593; /* 藏青领 */
    z-index: 11;
}
.zhu-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 黑色腰带 */
.zhu-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #212121; z-index: 11;
}
/* 儒生长衫中间的衣襟线 */
.zhu-robe-line {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    width: 1px; height: 28px; background: #e0e0e0;
}


/* --- 4. 头部 (儒雅长须) --- */
.zhu-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 20px; z-index: 20;
}
/* 强背光 */
.zhu-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.zhu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 6px 6px 8px 8px; z-index: 3;
}

/* 睿智五官 */
.zhu-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 6; 
}
.zhu-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 6; 
}
.zhu-beard {
    position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121;
    border-radius: 0 0 4px 4px; z-index: 6;
    /* 三缕长须 */
    box-shadow: 0 3px 0 #212121; 
}

/* 儒巾 (Scholar Hat) */
.zhu-hat {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121;
    border-radius: 2px 2px 4px 4px; z-index: 50;
}
.zhu-hat-top { /* 突出的巾角 */
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #212121;
    border-radius: 4px 4px 0 0; z-index: 40
}
.zhu-hat-ribbon { /* 飘带 */
    position: absolute; top: 2px; right: -2px; width: 20px; height: 2px; background: #283593;
    transform: rotate(10deg); z-index: 10; opacity: 0.8;
}


/* --- 5. 手臂与武器 (判官笔) - 强制定位 --- */

/* 左手 (负手而立 / 捏剑诀) */
.visual-zhu-container .zhu-body .zhu-arm-L {
    position: absolute !important; top: 3px !important; left: -2px !important;
    width: 5px; height: 12px;
    background: #fafafa; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(20deg); 
    z-index: 13;
}
.zhu-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (挥毫) */
.visual-zhu-container .zhu-body .zhu-arm-R {
    position: absolute !important; top: 3px !important; right: -2px !important;
    width: 5px; height: 12px;
    background: #fafafa; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(-45deg); /* 抬手写字 */
    z-index: 15;
    animation: zhu-write 2s ease-in-out infinite alternate; /* 写字动作 */
}
.zhu-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 判官笔 (Brush) */
.zhu-brush {
    position: absolute; top: -15px; right: -2px;
    width: 4px; height: 30px; 
    background: #5d4037; /* 深褐笔杆 */
    transform: rotate(250deg); z-index: 16;
}
/* 笔头 (Brush Tip) */
.zhu-brush-tip {
    position: absolute; top: -6px; left: 0;
    width: 4px; height: 8px; background: #fff; /* 白毛 */
    border-radius: 2px 2px 0 0;
}
.zhu-brush-ink { /* 笔尖墨汁 */
    position: absolute; top: 0; left: 0; width: 4px; height: 3px;
    background: #212121; border-radius: 2px 2px 0 0;
}


/* --- 6. 腿脚 --- */
.zhu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zhu-feet::before, .zhu-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; /* 黑靴 */ border-radius: 2px 2px 0 0; }
.zhu-feet::before { left: 1px; } .zhu-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhu-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes zhu-write { /* 写字的手臂摆动 */
    0% { transform: rotate(-40deg); } 
    20% { transform: rotate(-50deg); } 
    40% { transform: rotate(-30deg); } 
    100% { transform: rotate(-45deg); } 
}
@keyframes zhu-ink-float {
    0% { transform: scale(0.5); opacity: 0; }
    50% { opacity: 0.6; }
    100% { transform: scale(1.2) translateY(-20px); opacity: 0; }
}
/* =========================================
   【武三通 (南帝弟子·农夫)】
   (粗布褐衣·乱发疯癫·镔铁大锄·飞沙走石)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-wu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.wu-wrapper {
    position: relative;
    width: 22px; /* 壮实 */
    height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 疯癫地抽搐/晃动 */
    animation: wu-shake 0.5s linear infinite alternate;
}

/* --- 2. 背景特效：飞沙走石 (Flying Dirt) --- */
.wu-dirt-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.wu-clod {
    position: absolute; bottom: 0;
    width: 4px; height: 4px; background: #795548; /* 泥土色 */
    border-radius: 1px; opacity: 0;
    animation: wu-clod-fly 1.5s linear infinite;
}
.wc-1 { left: 20%; animation-delay: 0s; transform: scale(1.2); }
.wc-2 { left: 80%; animation-delay: 0.8s; transform: scale(0.8); }
.wc-3 { left: 50%; animation-delay: 0.4s; background: #8d6e63; }


/* --- 3. 身体 (粗布短打) --- */
.wu-body {
    position: relative; width: 22px; height: 36px;
    background: #5d4037; /* 深褐粗布 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
    overflow: visible !important;
}
/* 敞开的衣领 */
.wu-chest {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 8px; height: 12px; background: #d7ccc8; /* 黝黑皮肤 */
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/* 破烂补丁 */
.wu-patch {
    position: absolute; bottom: 8px; right: 4px;
    width: 6px; height: 5px; background: #3e2723;
    transform: rotate(10deg); border: 1px dashed #a1887f;
}
/* 粗腰带 */
.wu-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #3e2723; z-index: 11;
}


/* --- 4. 头部 (疯癫老头) --- */
.wu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 20px; z-index: 20;
}
/* 强轮廓背光 (必须有，因为乱发是深色的) */
.wu-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.wu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 粗糙皮肤 */
    border-radius: 6px; z-index: 3;
}

/* 疯癫五官 */
/* 大小眼 */
.wu-eye-L { 
    position: absolute; top: 8px; left: 3px; width: 5px; height: 5px; /* 大眼 */
    background: #fff; border-radius: 50%; border: 1px solid #000; z-index: 5;
}
.wu-eye-L::after { content: ''; position: absolute; top: 1px; left: 1px; width: 2px; height: 2px; background: #000; border-radius: 50%; }
.wu-eye-R { 
    position: absolute; top: 9px; right: 3px; width: 3px; height: 3px; /* 小眼 */
    background: #000; border-radius: 50%; z-index: 5;
}
/* 酒糟鼻 */
.wu-nose {
    position: absolute; top: 11px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 3px; background: #ef5350; border-radius: 2px; z-index: 5;
}
/* 歪嘴 */
.wu-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%) rotate(10deg);
    width: 6px; height: 2px; background: #3e2723; border-radius: 1px; z-index: 5;
}

/* 乱发与胡须 */
.wu-hair-messy {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 22px; height: 12px; background: #616161; /* 花白 */
    border-radius: 10px 10px 5px 5px; z-index: 2;
    clip-path: polygon(0 20%, 10% 0, 30% 10%, 50% 0, 70% 10%, 90% 0, 100% 20%, 100% 100%, 0 100%); /* 锯齿状乱发 */
}
.wu-beard {
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 8px; background: #616161;
    border-radius: 0 0 8px 8px; z-index: 4;
}


/* --- 5. 手臂与武器 (举锄头) --- */

/* 左手 (高举握柄) */
.visual-wu-container .wu-body .wu-arm-L {
    position: absolute !important; top: 5px !important; left: -3px !important;
    width: 6px; height: 12px;
    background: #5d4037; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(100deg); /* 举过头顶 */
    z-index: 13;
}
.wu-hand-L { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (扶住中段) */
.visual-wu-container .wu-body .wu-arm-R {
    position: absolute !important; top: 3px !important; right: -4px !important;
    width: 6px; height: 12px;
    background: #5d4037; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(-50deg); /* 向前 */
    z-index: 15;
}
.wu-hand-R { position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 镔铁大锄 (Iron Hoe) */
.wu-hoe-handle {
    position: absolute; top: -20px; left: -15px; /* 斜跨身体 */
    width: 4px; height: 50px; background: #8d6e63; /* 木柄 */
    transform: rotate(-70deg); z-index: 14;
}
.wu-hoe-head {
    position: absolute; top: 0; left: -6px;
    width: 16px; height: 6px; background: #424242; /* 铁头 */
    border-radius: 1px; z-index: 15;
}
.wu-hoe-blade {
    position: absolute; top: 2px; left: 0;
    width: 4px; height: 14px; background: #757575; /* 锄刃 */
    border-radius: 0 0 2px 2px;
}


/* --- 6. 腿脚 (草鞋) --- */
.wu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 18px; height: 4px; }
.wu-feet::before, .wu-feet::after { content: ''; position: absolute; bottom: 0; width: 7px; height: 4px; background: #8d6e63; border-radius: 2px 2px 0 0; }
.wu-feet::before { left: 0; border-bottom: 2px solid #3e2723; } 
.wu-feet::after { right: 0; border-bottom: 2px solid #3e2723; }

/* --- 动画 --- */
@keyframes wu-shake { 
    0% { transform: rotate(1deg); } 
    25% { transform: rotate(-1deg); } 
    50% { transform: rotate(2deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}
@keyframes wu-clod-fly {
    0% { bottom: 0; opacity: 1; transform: translateX(0) rotate(0); }
    100% { bottom: 30px; opacity: 0; transform: translateX(15px) rotate(180deg); }
}
/* =========================================
   【苏全 (神龙教夫人)】
   (紫衣华服·成熟御姐·手持金蛇·霸气侧漏)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-su-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.su-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 优雅自信的微晃 */
    animation: su-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：神龙迷雾 (Mystic Mist) --- */
.su-mist-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.su-mist {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 50px; height: 40px;
    background: radial-gradient(circle, rgba(156, 39, 176, 0.3) 0%, transparent 70%);
    filter: blur(5px);
    animation: su-mist-pulse 4s infinite alternate;
}
/* 隐约的蛇影 */
.su-snake-shadow {
    position: absolute; top: 20%; right: 10%;
    width: 20px; height: 40px;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%; transform: rotate(15deg);
}


/* --- 3. 身体 (紫衣华服 + 曲线) --- */
.su-body {
    position: relative; width: 18px; height: 38px;
    /* 贵气深紫 */
    background: #6a1b9a;
    border-radius: 6px 6px 4px 4px;
    /* 模拟收腰 */
    box-shadow: inset 1px 0 2px rgba(0,0,0,0.3), inset -1px 0 2px rgba(0,0,0,0.3);
    z-index: 10;
    overflow: visible !important;
}
/* 【女性特征】胸部光影 */
.su-chest-curve {
    position: absolute; top: 11px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 0%, transparent 60%);
    border-radius: 50% 50% 20% 20%; z-index: 12;
}
/* 金色衣领 */
.su-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #ffca28; /* 金领 */
    z-index: 11;
}
.su-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 华丽腰带 */
.su-belt {
    position: absolute; top: 19px; left: 0; width: 100%; height: 5px;
    background: #4a148c; border-top: 1px solid #ffca28; z-index: 11;
}
/* 裙摆开叉装饰 */
.su-skirt-slit {
    position: absolute; bottom: 0; left: 6px; width: 1px; height: 12px; background: rgba(0,0,0,0.2);
}


/* --- 4. 头部 (成熟美艳) --- */
.su-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
/* 强背光 */
.su-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.su-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; border-radius: 6px 6px 8px 8px; /* 瓜子脸 */
    z-index: 3;
}

/* 妩媚五官 */
.su-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #4e342e;
    transform: rotate(10deg); z-index: 6; /* 挑眉 */
}
.su-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #4e342e;
    transform: rotate(-10deg); z-index: 6;
}
.su-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; 
}
.su-eye-L::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #fff; }
.su-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; 
}
.su-eye-R::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; background: #fff; }

/* 美人痣 (Beauty Mark) */
.su-mole {
    position: absolute; top: 11px; right: 2px; width: 1px; height: 1px; background: #4e342e; z-index: 7;
}
/* 红唇 (Red Lips) */
.su-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 3px; height: 2px; background: #c62828; border-radius: 50%; z-index: 6;
}

/* 发型：高髻金钗 (Regal Bun) */
.su-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #212121;
    border-radius: 8px 8px 0 0; z-index: 20;
}
.su-hair-bun {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 8px; background: #212121;
    border-radius: 5px 5px 2px 2px; z-index: 20;
}
/* 金钗 (Gold Ornament) */
.su-hairpin {
    position: absolute; top: -5px; right: 1px;
    width: 6px; height: 6px; border-top: 2px solid #ffca28; border-right: 2px solid #ffca28;
    border-radius: 0 50% 0 0; z-index: 50;
}
.su-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 14px;
    border-left: 2px solid #212121; border-right: 2px solid #212121;
    border-radius: 4px; z-index: 20;
}


/* --- 5. 手臂与动作 (叉腰+持蛇) --- */

/* 左手 (叉腰 - Confident) */
/* 强制提肩修复 */
.visual-su-container .su-body .su-arm-L {
    position: absolute !important; top: 2px !important; left: -3px !important;
    width: 5px; height: 12px;
    background: #6a1b9a; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(30deg); /* 手臂向外 */
    z-index: 13;
}
.su-forearm-L { /* 小臂折回 */
    position: absolute; bottom: -8px; left: 0;
    width: 5px; height: 10px; background: #6a1b9a; border-radius: 4px;
    transform-origin: top center; transform: rotate(-80deg);
}
.su-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手  */
.visual-su-container .su-body .su-arm-R {
    position: absolute !important; top: 2px !important; right: -2px !important;
    width: 5px; height: 12px;
    background: #6a1b9a; border-radius: 4px;
    transform-origin: top center !important;
    transform: rotate(-40deg); /* 抬起 */
    z-index: 15;
}
.su-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* --- 6. 腿脚 --- */
.su-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.su-feet::before, .su-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #4a148c; border-radius: 2px 2px 0 0; }
.su-feet::before { left: 1px; } .su-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes su-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes su-mist-pulse { 0% { opacity: 0.3; transform: translateX(-50%) scale(1); } 100% { opacity: 0.6; transform: translateX(-50%) scale(1.2); } }
@keyframes su-snake-wriggle { 0% { transform: rotate(0deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } }
/* =========================================
   【程英 (桃花岛·青衫客)】
   (全名chengying·淡青衣·玉箫·竹叶·防冲突版)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-chengying-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.chengying-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 优雅静立，微风拂动 */
    animation: chengying-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：竹叶萧萧 (Bamboo Leaves) --- */
.chengying-bamboo-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.chengying-leaf {
    position: absolute; top: -10px;
    width: 6px; height: 3px; background: #81c784; /* 浅竹绿 */
    border-radius: 6px 0 6px 0; opacity: 0;
    animation: chengying-leaf-fall 5s linear infinite;
}
.cyl-1 { left: 20%; animation-delay: 0s; transform: rotate(45deg); }
.cyl-2 { left: 80%; animation-delay: 2.5s; width: 5px; height: 2px; background: #a5d6a7; }
.cyl-3 { left: 50%; animation-delay: 1.2s; transform: rotate(15deg); }


/* --- 3. 身体 (青衫罗裙) --- */
.chengying-body {
    position: relative; width: 18px; height: 38px;
    /* 淡青色 (Celadon) */
    background: #c5e1a5;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 白色交领 */
.chengying-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #f1f8e9; z-index: 11;
}
.chengying-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffe0b2;
}
/* 深青腰带 */
.chengying-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #7cb342; z-index: 11;
}
/* 裙摆褶皱 */
.chengying-skirt-fold {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 15px; background: rgba(0,0,0,0.1);
}


/* --- 4. 头部 (端庄秀丽·清瘦版) --- */
.chengying-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 19px; z-index: 20;
}
/* 强轮廓背光 */
.chengying-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.chengying-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; /* 暖白肤色 */
    border-radius: 6px 6px 8px 8px; /* 瓜子脸 */
    z-index: 3; box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

/* 温柔五官 */
.chengying-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 4px; height: 1px; background: #5d4037;
    z-index: 6; border-radius: 1px;
}
.chengying-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 4px; height: 1px; background: #5d4037;
    z-index: 6; border-radius: 1px;
}
.chengying-eye-L { 
    position: absolute; top: 8px; left: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.chengying-eye-L::after { content: ''; position: absolute; top: 0; left: 1px; width: 1px; height: 1px; background: #fff; }
.chengying-eye-R { 
    position: absolute; top: 8px; right: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.chengying-eye-R::after { content: ''; position: absolute; top: 0; right: 1px; width: 1px; height: 1px; background: #fff; }
/* 浅笑 */
.chengying-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 3px; height: 2px; border-bottom: 1px solid #d84315; border-radius: 0 0 50% 50%; z-index: 6;
}

/* 发型 (z-index: 25+) */
.chengying-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; background: #212121;
    border-radius: 7px 7px 0 0; z-index: 25;
}
.chengying-hair-bun {
    position: absolute; top: -6px; left: 2px; /* 偏分发髻 */
    width: 8px; height: 6px; background: #212121;
    border-radius: 50%; z-index: 26;
}
.chengying-flower { /* 淡菊 */
    position: absolute; top: -4px; right: 1px;
    width: 5px; height: 5px; background: #fff59d;
    border-radius: 50%; z-index: 27;
}
.chengying-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 14px;
    border-left: 2px solid #212121; border-right: 2px solid #212121;
    border-radius: 4px; z-index: 25;
}


/* --- 5. 手臂与道具 (玉箫) - 【标准坐标】 --- */
/* 左手 (自然下垂) */
.chengying-arm-L {
    position: absolute; top: 6px; left: -2px;
    width: 5px; height: 12px;
    background: #c5e1a5; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(10deg); 
    z-index: 13;
}
.chengying-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (持箫) */
.chengying-arm-R {
    position: absolute; top: 6px; right: -2px;
    width: 5px; height: 12px;
    background: #c5e1a5; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg); 
    z-index: 15;
}
.chengying-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }

/* 碧玉箫 (Jade Flute) - 高层级 */
.chengying-flute {
    position: absolute; top: -15px; left: 1px;
    width: 3px; height: 35px;
    background: linear-gradient(to right, #66bb6a, #a5d6a7, #66bb6a); /* 玉质感 */
    border-radius: 2px; z-index: 35;
    box-shadow: 0 0 2px rgba(165, 214, 167, 0.8);
}
.chengying-flute::before { /* 箫孔 */
    content: ''; position: absolute; top: 5px; left: 0; width: 3px; height: 2px; background: #1b5e20;
}
.chengying-flute::after {
    content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 2px; background: #1b5e20;
}
.chengying-tassel { /* 箫穗 */
    position: absolute; bottom: -6px; left: 0; width: 2px; height: 6px; background: #e0e0e0;
}


/* --- 6. 腿脚 --- */
.chengying-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.chengying-feet::before, .chengying-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.chengying-feet::before { left: 1px; } .chengying-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes chengying-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes chengying-leaf-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: translateX(15px) rotate(90deg); }
}
/* =========================================
   【孙不二 (清净散人)】
   (深紫道袍·莲花冠·太乙拂尘·严厉师太)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-sun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.sun-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 庄重沉稳，极轻微的呼吸感 */
    animation: sun-breathe 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：清净紫气 (Purple Qi) --- */
.sun-qi-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.sun-qi-cloud {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 30px; height: 30px;
    background: radial-gradient(circle, rgba(149, 117, 205, 0.4) 0%, transparent 70%);
    filter: blur(4px);
    animation: sun-qi-rise 4s infinite linear;
}
.sq-1 { animation-delay: 0s; width: 40px; height: 40px; }
.sq-2 { animation-delay: 2s; bottom: -10px; width: 30px; height: 30px; }


/* --- 3. 身体 (深紫道袍) --- */
.sun-body {
    position: relative; width: 20px; height: 38px;
    /* 深紫色，庄重 */
    background: #4527a0;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 道家交领 (黑白边) */
.sun-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #ede7f6; /* 浅紫白领 */
    z-index: 11;
}
.sun-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 7px solid #ffe0b2; /* 肤色 */
}
/* 八卦镜/护心镜 (Yin Yang Clasp) */
.sun-clasp {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px;
    background: #212121; border-radius: 50%; border: 1px solid #fff;
    z-index: 12;
}
/* 腰带 */
.sun-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #311b92; border-top: 1px solid #7e57c2; z-index: 11;
}
/* 宽大袖口 (Sleeves) */
.sun-sleeve-fold {
    position: absolute; top: 10px; width: 4px; height: 16px; background: #512da8; border-radius: 2px;
}
.ssf-L { left: -2px; transform: rotate(5deg); }
.ssf-R { right: -2px; transform: rotate(-5deg); }


/* --- 4. 头部 (严厉道姑) --- */
.sun-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 20px; z-index: 20;
}

/* 强背光 (不可少！) */
.sun-head-light {
    position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
    width: 220%; height: 220%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

/* 脸部 (略长) */
.sun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 正常肤色 */
    border-radius: 5px 5px 6px 6px; z-index: 3;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

/* 五官 (显老、严厉) */
.sun-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; background: #000; z-index: 5; 
}
.sun-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; background: #000; z-index: 5; 
}
/* 鱼尾纹 (Crow's feet) */
.sun-wrinkle-L {
    position: absolute; top: 9px; left: 0px; width: 2px; height: 1px; background: #8d6e63; transform: rotate(20deg); z-index: 5;
}
.sun-wrinkle-R {
    position: absolute; top: 9px; right: 0px; width: 2px; height: 1px; background: #8d6e63; transform: rotate(-20deg); z-index: 5;
}
/* 法令纹/严厉嘴 */
.sun-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 3px;
    border-top: 1px solid #8d6e63; /* 抿嘴 */
    border-radius: 50% 50% 0 0; z-index: 5;
}

/* 发型与帽子 */
.sun-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px; background: #424242; /* 灰发 */
    border-radius: 8px 8px 0 0; z-index: 2;
}
/* 莲花冠 (Lotus Crown) */
.sun-hat {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 8px;
    background: #fbc02d; /* 金黄 */
    border-radius: 2px 2px 4px 4px;
    border: 1px solid #f57f17; z-index: 4;
}
.sun-hat-pin { /* 道簪 */
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 2px; background: #212121; z-index: 5;
}


/* --- 5. 手臂与武器 (拂尘+立掌+背剑) --- */
/* 背剑 (Sword on back) */
.sun-sword-back {
    position: absolute; top: -15px; left: -4px;
    width: 4px; height: 35px; background: #5d4037; /* 木鞘 */
    transform: rotate(-25deg); z-index: 9;
    border: 1px solid #3e2723;
}
.sun-sword-hilt {
    position: absolute; bottom: 100%; left: -1px; width: 6px; height: 8px; background: #bdbdbd; border-radius: 1px;
}

/* 左手 (胸前立掌 - Greeting) */
.sun-arm-L {
    position: absolute; top: 12px; left: -2px; width: 6px; height: 12px;
    background: #4527a0; border-radius: 4px;
    transform: rotate(-130deg); /* 折叠到胸前 */
    z-index: 15;
}
.sun-hand-L {
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 7px; 
    background: #ffccbc; border-radius: 2px;
}

/* 右手 (竖持拂尘) */
.sun-arm-R {
    position: absolute; top: 10px; right: -5px; width: 6px; height: 12px;
    background: #4527a0; border-radius: 4px;
    transform: rotate(-45deg); /* 举起 */
    z-index: 15;
}
.sun-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}
/* 拂尘 (Whisk) */
.sun-whisk-handle {
    position: absolute; top: 0px; right: 0;
    width: 3px; height: 14px; background: #5d4037;
    transform: rotate(15deg); z-index: 16;
}
/* 【核心修改】让拂尘毛动起来 */
.sun-whisk-hair {
    position: absolute; top: -2px; left: 50%;
    /* 初始位置居中 */
    transform: translateX(-50%);
    width: 6px; height: 20px;
    background: #f5f5f5; /* 白毛 */
    border-radius: 4px 4px 2px 2px;
    z-index: 17;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    /* 【新增】设置摆动原点在顶部中心 */
    transform-origin: top center;
    /* 【新增】添加轻柔飘动动画 */
    animation: sun-whisk-sway 2.5s ease-in-out infinite alternate;
}


/* --- 6. 腿脚 --- */
.sun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.sun-feet::before, .sun-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #fff; border-radius: 2px 2px 0 0; }
.sun-feet::before { left: 0; border-bottom: 1px solid #212121; } 
.sun-feet::after { right: 0; border-bottom: 1px solid #212121; }

/* --- 动画 --- */
@keyframes sun-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes sun-qi-rise { 
    0% { transform: translateX(-50%) translateY(0) scale(0.5); opacity: 0; }
    50% { opacity: 0.6; }
    100% { transform: translateX(-50%) translateY(-30px) scale(1.5); opacity: 0; }
}

/* 【新增】拂尘轻柔飘动动画 */
@keyframes sun-whisk-sway {
    0% {
        /* 向左轻微摆动，带一点点弯曲感 */
        transform: translateX(-52%) rotate(38deg) skewX(2deg);
    }
    100% {
        /* 向右轻微摆动，反向弯曲 */
        transform: translateX(-48%) rotate(-6deg) skewX(-2deg);
    }
}
/* =========================================
   【钟灵 (万劫谷少女)】
   (葱绿衣衫·双丸子头·肩趴闪电貂·嗑瓜子)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-zhong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.zhong-wrapper {
    position: relative;
    width: 18px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 蹦蹦跳跳的活力感 */
    animation: zhong-bounce 0.8s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：瓜子壳 (Melon Seed Shells) --- */
.zhong-shell-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.zhong-shell {
    position: absolute; top: 20px;
    width: 3px; height: 4px; background: #616161;
    border-radius: 50% 50% 0 0; opacity: 0;
    animation: zhong-shell-drop 2s linear infinite;
}
.zs-1 { left: 40%; animation-delay: 0s; transform: rotate(20deg); }
.zs-2 { left: 60%; animation-delay: 1s; transform: rotate(-45deg); }


/* --- 3. 身体 (葱绿少女装) --- */
.zhong-body {
    position: relative; width: 18px; height: 36px;
    /* 葱绿 */
    background: #b2ff59;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 鹅黄衣领 */
.zhong-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #fff9c4; z-index: 11;
}
/* 腰带 */
.zhong-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 4px;
    background: #76ff03; z-index: 11;
}
/* 短裙摆 */
.zhong-skirt {
    position: absolute; bottom: 4px; left: 0; width: 100%; height: 10px;
    background: rgba(255, 255, 255, 0.3); border-radius: 0 0 4px 4px;
}


/* --- 4. 头部 (可爱圆脸) --- */
.zhong-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
/* 圆脸 */
.zhong-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; /* 暖白肤色 */
    border-radius: 50%; /* 圆嘟嘟 */
    z-index: 3;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

/* 灵动五官 (层级保护：z-index: 6) */
.zhong-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 4px; height: 4px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.zhong-eye-L::after { content: ''; position: absolute; top: 1px; left: 1px; width: 1px; height: 1px; background: #fff; border-radius: 50%; }

.zhong-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 4px; height: 4px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.zhong-eye-R::after { content: ''; position: absolute; top: 1px; right: 1px; width: 1px; height: 1px; background: #fff; border-radius: 50%; }

/* 正在吃东西的小嘴 */
.zhong-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 3px; height: 3px; background: #ff8a80;
    border-radius: 50%; z-index: 6;
    animation: zhong-eat 0.5s infinite alternate; /* 咀嚼动画 */
}

/* 发型：双丸子 (Twin Buns) */
.zhong-hair-top {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121;
    border-radius: 8px 8px 0 0; z-index: 20;
}
.zhong-bun-L {
    position: absolute; top: -4px; left: -3px; width: 8px; height: 8px;
    background: #212121; border-radius: 50%; z-index: 20;
}
.zhong-bun-R {
    position: absolute; top: -4px; right: -3px; width: 8px; height: 8px;
    background: #212121; border-radius: 50%; z-index: 20;
}
/* 绿丝带 */
.zhong-ribbon-L { position: absolute; top: 0; left: -1px; width: 2px; height: 6px; background: #76ff03; z-index: 2; }
.zhong-ribbon-R { position: absolute; top: 0; right: -1px; width: 2px; height: 6px; background: #76ff03; z-index: 2; }


/* --- 5. 闪电貂 (Lightning Ferret) --- */
/* 趴在左肩 */
.zhong-ferret {
    position: absolute; top: 10px; left: -6px; /* 趴在肩膀外侧 */
    width: 8px; height: 10px;
    z-index: 200; /* 最高层级，保证不被遮挡 */
    animation: zhong-ferret-move 2s ease-in-out infinite alternate;
}
/* 貂身 */
.zhong-ferret-body {
    position: absolute; bottom: 0; right: 0;
    width: 8px; height: 6px; background: #fff; /* 雪白 */
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
/* 貂头 */
.zhong-ferret-head {
    position: absolute; top: 5px; left: 5px;
    width: 5px; height: 5px; background: #fff;
    border-radius: 50%;
}
/* 红眼睛 (Red Eyes) */
.zhong-ferret-eye {
    position: absolute; top: 1px; left: 1px; width: 1px; height: 1px; background: #d50000;
}
/* 尾巴 */
.zhong-ferret-tail {
    position: absolute; bottom: 0; left: -4px;
    width: 4px; height: 8px; background: #fff;
    border-radius: 4px 0 0 4px; transform: rotate(-20deg);
}


/* --- 6. 手臂与动作 (嗑瓜子) --- */
/* 左手托瓜子 */
.zhong-arm-L {
    position: absolute; top: 12px; left: -2px; width: 5px; height: 10px;
    background: #b2ff59; border-radius: 4px;
    transform: rotate(45deg); z-index: 15;
}
.zhong-hand-L { 
    position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; 
}
/* 手里的一把瓜子 */
.zhong-seeds-pile {
    position: absolute; top: -2px; left: 1px; width: 3px; height: 3px;
    background: #212121; border-radius: 50%; box-shadow: 1px 1px 0 #424242;
}

/* 右手拿瓜子往嘴里送 */
.zhong-arm-R {
    position: absolute; top: 12px; right: -4px; width: 5px; height: 10px;
    background: #b2ff59; border-radius: 4px;
    transform: rotate(-120deg); /* 举起 */
    z-index: 15;
}
.zhong-hand-R { 
    position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; 
}
/* 单颗瓜子 */
.zhong-one-seed {
    position: absolute; top: -2px; left: 1px; width: 3px; height: 4px;
    background: #212121; border-radius: 50% 50% 0 0; transform: rotate(45deg);
}


/* --- 7. 腿脚 (小鞋子) --- */
.zhong-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.zhong-feet::before, .zhong-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #e6ee9c; border-radius: 2px 2px 0 0; }
.zhong-feet::before { left: 1px; } .zhong-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes zhong-bounce { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes zhong-eat { 0% { height: 3px; } 100% { height: 1px; } } /* 嚼瓜子 */
@keyframes zhong-shell-drop { 0% { top: 20px; opacity: 1; transform: rotate(0); } 100% { top: 36px; opacity: 0; transform: rotate(90deg); } }
@keyframes zhong-ferret-move { 0% { transform: translateY(0); } 100% { transform: translateY(-1px) rotate(5deg); } }
/* =========================================
   【阿紫 (星宿小魔女)】
   (紫衣罗裙·双马尾·玩弄毒蝎·星宿毒雾)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-azi-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.azi-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 俏皮地左右晃动 */
    animation: azi-sway 2.5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：星宿毒雾 (Toxic Mist) --- */
.azi-toxic-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
    opacity: 0.7;
}
/* 旋转的毒气团 */
.azi-mist-swirl {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 40px; height: 40px;
    background: conic-gradient(from 0deg, transparent, #7b1fa2 20%, transparent 40%, #c6ff00 60%, transparent 80%);
    border-radius: 50%; filter: blur(5px);
    animation: azi-mist-spin 4s linear infinite;
}


/* --- 3. 身体 (紫衣罗裙) --- */
.azi-body {
    position: relative; width: 18px; height: 38px;
    /* 深紫色 */
    background: #7b1fa2;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 浅紫衣领 */
.azi-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #ba68c8; z-index: 11;
}
.azi-collar::after { /* 露出一点脖子 */
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffebee;
}
/* 腰带与毒囊 */
.azi-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #4a148c; z-index: 11; /* 深紫腰带 */
}
.azi-pouch {
    position: absolute; top: 1px; right: 2px; width: 4px; height: 5px;
    background: #c6ff00; /* 绿色毒囊 */
    border-radius: 2px; border: 1px solid #7b1fa2;
}


/* --- 4. 头部 (俏皮小魔女) --- */
.azi-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.azi-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffebee; /* 白皙肤色 */
    border-radius: 4px 4px 6px 6px; z-index: 3;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 狡黠五官 */
.azi-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50% 50% 0 0; transform: rotate(-10deg); /* 上挑眼 */
    z-index: 5;
}
.azi-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50% 50% 0 0; transform: rotate(10deg);
    z-index: 5;
}
/* 俏皮坏笑 */
.azi-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px;
    border-bottom: 1px solid #ad1457; border-right: 1px solid #ad1457; /* 歪嘴笑 */
    border-radius: 0 0 50% 0;
    z-index: 50;
}

/* 发型：双马尾/双丫髻 */
.azi-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121;
    border-radius: 8px 8px 0 0; z-index: 20;
}
/* 左辫子 */
.azi-pigtail-L {
    position: absolute; top: -2px; left: -3px; width: 6px; height: 10px;
    background: #212121; border-radius: 3px; transform: rotate(20deg); z-index: 20;
}
.azi-pigtail-L::after { /* 紫色发带 */
    content: ''; position: absolute; top: 4px; left: -1px; width: 8px; height: 2px; background: #ba68c8;
}
/* 右辫子 */
.azi-pigtail-R {
    position: absolute; top: -2px; right: -3px; width: 6px; height: 10px;
    background: #212121; border-radius: 3px; transform: rotate(-20deg); z-index: 20;
}
.azi-pigtail-R::after {
    content: ''; position: absolute; top: 4px; left: -1px; width: 8px; height: 2px; background: #ba68c8;
}


/* --- 5. 手臂与道具 (毒蝎与毒气) --- */
/* 左手 (托着毒蝎) */
.azi-arm-L {
    position: absolute; top: 10px; left: -4px; width: 5px; height: 12px;
    background: #7b1fa2; border-radius: 4px;
    transform: rotate(30deg); z-index: 15;
}
.azi-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffebee; border-radius: 50%; }

/* 毒蝎子 (Small Scorpion) */
.azi-scorpion {
    position: absolute; top: -6px; left: -2px; width: 6px; height: 4px;
    background: #4a148c; /* 深紫蝎身 */
    border-radius: 2px; z-index: 16;
}
.azi-scorpion::after { /* 翘起的尾巴和毒针 */
    content: ''; position: absolute; right: -2px; top: -3px;
    width: 3px; height: 5px;
    border-right: 2px solid #4a148c; border-top: 2px solid #c6ff00; /* 绿毒针 */
    border-radius: 0 3px 0 0;
}

/* 右手 (缠绕毒气) */
.azi-arm-R {
    position: absolute; top: 10px; right: -5px; width: 5px; height: 12px;
    background: #7b1fa2; border-radius: 4px;
    transform: rotate(-30deg); z-index: 15;
}
.azi-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffebee; border-radius: 50%; }

/* 手中毒气 (Poison Aura) */
.azi-hand-poison {
    position: absolute; bottom: -4px; left: -2px;
    width: 8px; height: 8px;
    background: radial-gradient(circle, #c6ff00 20%, transparent 70%);
    filter: blur(2px); opacity: 0.8;
    animation: azi-poison-pulse 1.5s infinite alternate;
}


/* --- 6. 腿脚 --- */
.azi-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.azi-feet::before, .azi-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #4a148c; border-radius: 2px 2px 0 0; }
.azi-feet::before { left: 1px; } .azi-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes azi-sway { 
    0% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } 
}
@keyframes azi-mist-spin { 
    0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } 
}
@keyframes azi-poison-pulse {
    0% { transform: scale(0.8); opacity: 0.6; } 100% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 5px #c6ff00; }
}
/* =========================================
   【木婉清 (幽谷黑玫瑰)】
   (黑衣黑纱·女性曲线·手持长剑·暗红剑穗)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-mu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.mu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: mu-tense-breath 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：幽谷棘刺 --- */
.mu-thorn-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.mu-thorn-vine {
    position: absolute; bottom: 0;
    width: 2px; height: 40px; background: #212121;
    transform-origin: bottom center;
}
.mu-thorn-vine::before, .mu-thorn-vine::after {
    content: ''; position: absolute; width: 4px; height: 2px; background: #212121;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.mu-thorn-vine::before { top: 10px; left: -3px; transform: rotate(-20deg); }
.mu-thorn-vine::after { top: 25px; right: -3px; transform: rotate(20deg); }
.mt-1 { left: 15%; transform: rotate(10deg); height: 35px; }
.mt-2 { left: 80%; transform: rotate(-15deg); height: 30px; }
.mu-dark-petal {
    position: absolute; top: -10px;
    width: 4px; height: 4px; background: #b71c1c; /* 暗红 */
    border-radius: 50% 0 50% 0; opacity: 0; animation: mu-petal-fall 4s linear infinite;
}
.mp-1 { left: 30%; animation-delay: 0.5s; }
.mp-2 { left: 60%; animation-delay: 2s; transform: rotate(90deg); }


/* --- 3. 身体 (修身黑衣 + 女性曲线) --- */
.mu-body {
    position: relative; width: 18px; height: 38px;
    background: #263238;
    border-radius: 6px 6px 4px 4px;
    box-shadow: inset 1px 0 2px rgba(0,0,0,0.5), inset -1px 0 2px rgba(0,0,0,0.5);
    z-index: 10;
}
/* 胸部曲线光影 */
.mu-chest-curve {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 0%, transparent 60%);
    border-radius: 50% 50% 20% 20%; z-index: 12;
}
.mu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #212121; z-index: 11;
}
.mu-collar::after {
    content: ''; position: absolute; top: -11px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 7px solid #b71c1c; /* 暗红内衬 */
}
.mu-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #000; border-top: 1px solid #455a64; z-index: 11;
}


/* --- 4. 头部 (强背光 + 妩媚眼) --- */
.mu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 20px; z-index: 20;
}
/* 强背光 */
.mu-head-light {
    position: absolute; top: -40%; left: 50%; transform: translate(-50%, -50%);
    width: 240%; height: 240%;
    background: radial-gradient(circle, rgba(224, 247, 250, 0.9) 0%, rgba(255,255,255,0.5) 40%, transparent 70%);
    z-index: -1; border-radius: 50%; filter: blur(4px);
}
.mu-face-upper {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffebee; border-radius: 6px; z-index: 3;
}
/* 发型 */
.mu-hair-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 9px; background: #212121;
    border-radius: 6px 6px 3px 3px; z-index: 20; 
    box-shadow: inset 0 2px 2px rgba(255,255,255,0.2);
}
.mu-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 10px; background: #212121; border-radius: 8px 8px 0 0; z-index: 20;
}
.mu-hair-side-L {
    position: absolute; top: 2px; left: -2px; width: 4px; height: 14px;
    background: #212121; border-radius: 50% 0 0 50%; z-index: 20;
}
.mu-hair-side-R {
    position: absolute; top: 2px; right: -2px; width: 4px; height: 14px;
    background: #212121; border-radius: 0 50% 50% 0; z-index: 20;
}
/* 面纱 */
.mu-veil {
    position: absolute; bottom: 0; left: 0;
    width: 100%; height: 10px; background: #212121;
    border-radius: 0 0 6px 6px; z-index: 22; border-top: 1px solid #424242; opacity: 0.95;
}
/* 眉眼 */
.mu-eyebrow-L {
    position: absolute; top: 6px; left: 2px; width: 5px; height: 1px; background: #212121;
    transform: rotate(10deg); z-index: 6;
}
.mu-eyebrow-R {
    position: absolute; top: 6px; right: 2px; width: 5px; height: 1px; background: #212121;
    transform: rotate(-10deg); z-index: 6;
}
.mu-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; transform: rotate(-5deg);
}
.mu-eye-L::after { content: ''; position: absolute; top: -1px; left: -1px; width: 2px; height: 1px; background: #000; transform: rotate(-30deg); }
.mu-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; 
    background: #000; border-radius: 50% 50% 0 0; z-index: 6; transform: rotate(5deg);
}
.mu-eye-R::after { content: ''; position: absolute; top: -1px; right: -1px; width: 2px; height: 1px; background: #000; transform: rotate(30deg); }


/* --- 5. 手臂与武器 (长剑+红穗) --- */
/* 左手警戒 */
.mu-arm-L {
    position: absolute; top: 10px; left: -4px; width: 5px; height: 12px;
    background: #263238; border-radius: 4px; transform: rotate(90deg) translateY(-4px); z-index: 15;
}
/* 右手持剑 */
.mu-arm-R {
    position: absolute; top: 10px; right: -4px; width: 5px; height: 12px;
    background: #263238; border-radius: 4px;
    transform: rotate(160deg); /* 手臂向下斜 */
    z-index: 16;
}
/* 新长剑容器 */
.mu-new-sword {
    position: absolute; top: -30px; left: -1px; /* 接在手臂末端 */
    width: 6px; height: 32px;
    transform: rotate(-10deg); /* 剑身角度 */
    z-index: 5;
}
/* 剑刃 */
.mu-sword-blade {
    position: absolute; top: 0; left: 2px; width: 2px; height: 24px;
    background: linear-gradient(to right, #eceff1, #cfd8dc); /* 冷银光泽 */
    border-radius: 1px 1px 0 0;
}
/* 剑格 */
.mu-sword-guard {
    position: absolute; top: 24px; left: 0; width: 6px; height: 2px; background: #546e7a;
}
/* 剑柄 */
.mu-sword-hilt {
    position: absolute; top: 26px; left: 2px; width: 2px; height: 4px; background: #37474f;
}
/* 【核心】暗红剑穗 */
.mu-sword-tassel {
    position: absolute; top: 30px; left: 2px;
    width: 2px; height: 6px;
    background: #b71c1c; /* 与背景花瓣呼应的暗红 */
}

/* --- 6. 腿脚 --- */
.mu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.mu-feet::before, .mu-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.mu-feet::before { left: 1px; } .mu-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes mu-tense-breath { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.02); } }
@keyframes mu-petal-fall {
    0% { top: -10px; opacity: 0; transform: rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
/* =========================================
   【香香公主 (第一美人)】
   (纯白纱裙·回部羽帽·食花少女·异香引蝶)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xiang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xiang-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 仙气飘飘 */
    animation: xiang-float 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：异香引蝶 (Scent & Butterflies) --- */
.xiang-scent-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 香气光晕 */
.xiang-aura {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 50px; height: 50px;
    background: radial-gradient(circle, rgba(255, 235, 238, 0.5) 0%, transparent 70%);
    border-radius: 50%;
    animation: xiang-pulse 3s infinite alternate;
}
/* 蝴蝶 */
.xiang-butterfly {
    position: absolute; width: 6px; height: 6px;
    z-index: 20;
    animation: xiang-flutter-orbit 4s linear infinite;
}
.xiang-butterfly::before, .xiang-butterfly::after {
    content: ''; position: absolute; top: 0; width: 3px; height: 5px; background: #fff; border-radius: 50%;
}
.xiang-butterfly::before { left: 0; background: #ff4081; transform: rotate(20deg); }
.xiang-butterfly::after { right: 0; background: #40c4ff; transform: rotate(-20deg); }

.xb-1 { top: 20%; left: 20%; animation-duration: 5s; transform: scale(0.8); }
.xb-2 { top: 40%; right: 20%; animation-delay: 1s; transform: scale(0.6); }
.xb-3 { bottom: 30%; left: 60%; animation-delay: 2s; }


/* --- 3. 身体 (纯白纱裙) --- */
.xiang-body {
    position: relative; width: 18px; height: 38px;
    /* 纯白 */
    background: #ffffff;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); /* 自身发光 */
    z-index: 10;
}
.xiang-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #e0f7fa; z-index: 11;
}
/* 丝带腰封 */
.xiang-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 4px;
    background: #b2ebf2; z-index: 11;
}
/* 飘逸裙摆 */
.xiang-skirt-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 15px;
    background: linear-gradient(to bottom, transparent, rgba(224, 247, 250, 0.5));
    border-radius: 0 0 4px 4px;
}


/* --- 4. 头部 (回部圣女) --- */
.xiang-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 20px; z-index: 20;
}
/* 头部背光 (圣洁感) */
.xiang-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 220%; height: 220%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(4px);
}

/* 瓜子脸 */
.xiang-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff9c4; /* 极白皙，微暖 */
    border-radius: 6px 6px 8px 8px; z-index: 3;
}

/* 纯真五官 */
/* 眉毛 (平缓温柔) */
.xiang-eyebrow-L {
    position: absolute; top: 7px; left: 2px; width: 4px; height: 1px; background: #5d4037;
    z-index: 6; border-radius: 1px;
}
.xiang-eyebrow-R {
    position: absolute; top: 7px; right: 2px; width: 4px; height: 1px; background: #5d4037;
    z-index: 6; border-radius: 1px;
}
/* 眼睛 (大圆眼，无辜) */
.xiang-eye-L { 
    position: absolute; top: 9px; left: 2px; width: 4px; height: 4px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.xiang-eye-L::after { content: ''; position: absolute; top: 1px; left: 1px; width: 1px; height: 1px; background: #fff; border-radius: 50%; }
.xiang-eye-R { 
    position: absolute; top: 9px; right: 2px; width: 4px; height: 4px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.xiang-eye-R::after { content: ''; position: absolute; top: 1px; right: 1px; width: 1px; height: 1px; background: #fff; border-radius: 50%; }

/* 小嘴 (正吃花) */
.xiang-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 3px; height: 2px; background: #f06292; border-radius: 50%; z-index: 7;
}

/* 头饰：回部小帽 + 羽毛 */
.xiang-hat {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #fff;
    border-radius: 4px 4px 0 0; z-index: 40;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.xiang-feather {
    position: absolute; top: -8px; right: 2px;
    width: 4px; height: 8px; background: #fff;
    border-radius: 50% 50% 0 0; transform: rotate(10deg); z-index: 50;
    box-shadow: 0 0 2px rgba(255,255,255,0.8);
}
.xiang-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 16px;
    border-left: 2px solid #212121; border-right: 2px solid #212121;
    border-radius: 4px; z-index: 20;
}


/* --- 5. 手臂与动作 (食花) --- */
/* 左手 (垂下) */
.xiang-arm-L {
    position: absolute; top: 10px; left: -4px; width: 5px; height: 12px;
    background: #fff; border-radius: 4px; transform: rotate(10deg); z-index: 13;
}
.xiang-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff9c4; border-radius: 50%; }

/* 右手 (拿花送嘴边) */
.xiang-arm-R {
    position: absolute; top: 10px; right: -4px; width: 5px; height: 12px;
    background: #fff; border-radius: 4px;
    transform: rotate(-130deg); /* 高举到脸旁 */
    z-index: 15;
}
.xiang-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #fff9c4; border-radius: 50%; }

/* 食用的花 (Eating Flower) */
.xiang-flower {
    position: absolute; top: 20px; right: -10px; /* 嘴边 */
    width: 6px; height: 6px;
    background: #ff5252; /* 鲜红小花 */
    border-radius: 50%; z-index: 20;
    box-shadow: 0 0 4px #ff8a80;
}


/* --- 6. 腿脚 --- */
.xiang-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.xiang-feet::before, .xiang-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.xiang-feet::before { left: 1px; } .xiang-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes xiang-float { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes xiang-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; } }
@keyframes xiang-flutter-orbit {
    0% { transform: rotate(0deg) translateX(20px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(20px) rotate(-360deg); }
}
/* =========================================
   【阿珂 (绝色冷美人)】
   (翠绿华服·修长瓜子脸·冷艳凤眼·柳絮纷飞)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-ake-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.ake-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: ake-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：柳絮纷飞 --- */
.ake-willow-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.ake-leaf {
    position: absolute; top: -10px;
    width: 6px; height: 3px; background: #66bb6a;
    border-radius: 4px 0 4px 0; opacity: 0; animation: ake-fall 4s linear infinite;
}
.ake-catkin {
    position: absolute; top: -5px;
    width: 3px; height: 3px; background: #fff;
    border-radius: 50%; opacity: 0; filter: blur(1px); animation: ake-float 5s ease-in-out infinite;
}
.ak-1 { left: 20%; animation-delay: 0s; transform: rotate(15deg); }
.ak-2 { left: 80%; animation-delay: 2s; background: #81c784; }
.ak-3 { left: 50%; animation-delay: 1s; }


/* --- 3. 身体 (翠绿华服，修身) --- */
.ake-body {
    position: relative; width: 18px; height: 38px;
    background: linear-gradient(to bottom, #4caf50 0%, #2e7d32 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.ake-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #fff; z-index: 11;
}
.ake-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffebee;
}
.ake-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #a5d6a7; z-index: 11;
}
.ake-ribbon {
    position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 18px; background: #81c784;
}


/* --- 4. 头部 (重制：绝色冷颜) --- */
.ake-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; /* 【关键】变窄，显脸小 */
    height: 20px; /* 【关键】拉长，显脸尖 */
    z-index: 20;
}
/* 头部背光 (贴合新的瘦长头型) */
.ake-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 180%; height: 160%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(2px);
}

/* 瓜子脸 (Oval/Melon Seed Face) */
.ake-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffebee; /* 雪白肤色 */
    border-radius: 6px 6px 8px 8px; /* 下巴更尖 */
    z-index: 3;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

/* --- 精致五官 --- */
/* 冷眉 (细长微蹙) */
.ake-eyebrow-L {
    position: absolute; top: 6px; left: 1px; width: 5px; height: 1px; background: #424242;
    transform: rotate(8deg); /* 眉头微蹙 */
    z-index: 6; border-radius: 1px;
}
.ake-eyebrow-R {
    position: absolute; top: 6px; right: 1px; width: 5px; height: 1px; background: #424242;
    transform: rotate(-8deg); z-index: 6; border-radius: 1px;
}
/* 凤眼 (细长上挑) */
.ake-eye-L { 
    position: absolute; top: 9px; left: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50% 50% 0 0; transform: rotate(-5deg); z-index: 6; 
}
.ake-eye-R { 
    position: absolute; top: 9px; right: 1px; width: 4px; height: 2px; 
    background: #212121; border-radius: 50% 50% 0 0; transform: rotate(5deg); z-index: 6; 
}
/* 樱桃小口 (极小，位置靠下) */
.ake-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 3px; height: 2px; background: #d32f2f; /* 深红朱唇 */
    border-radius: 50%; z-index: 6;
}

/* --- 发型：修颜云鬓 --- */
.ake-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121;
    border-radius: 8px 8px 0 0; z-index: 20;
}
/* 鬓角碎发 (修饰脸型，显瘦关键) */
.ake-hair-side-L {
    position: absolute; top: 2px; left: -2px; width: 4px; height: 14px;
    background: #212121; border-radius: 50% 0 0 50%; z-index: 20;
}
.ake-hair-side-R {
    position: absolute; top: 2px; right: -2px; width: 4px; height: 14px;
    background: #212121; border-radius: 0 50% 50% 0; z-index: 20;
}
/* 珍珠发钿 (精致点缀) */
.ake-pearl-L { position: absolute; top: 1px; left: 0px; width: 3px; height: 3px; background: #fff; border-radius: 50%; z-index: 20; }
.ake-pearl-R { position: absolute; top: 1px; right: 0px; width: 3px; height: 3px; background: #fff; border-radius: 50%; z-index: 20; }


/* --- 5. 手臂与武器 (长剑) --- */
.ake-arm-L {
    position: absolute; top: 10px; left: -4px; width: 5px; height: 12px;
    background: #4caf50; border-radius: 4px; transform: rotate(20deg); z-index: 13;
}
.ake-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffebee; border-radius: 50%; }
.ake-arm-R {
    position: absolute; top: 10px; right: -5px; width: 5px; height: 12px;
    background: #4caf50; border-radius: 4px; transform: rotate(-45deg); z-index: 15;
}
.ake-hand-R { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffebee; border-radius: 50%; }
.ake-sword {
    position: absolute; top: 1px; right: 2px;
    width: 2px; height: 30px; background: #e0e0e0;
    border: 1px solid #9e9e9e; transform: rotate(180deg); z-index: 15;
}
.ake-sword::after { content: ''; position: absolute; bottom: 4px; left: -3px; width: 8px; height: 2px; background: #ffd700; }

/* --- 6. 腿脚 --- */
.ake-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.ake-feet::before, .ake-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.ake-feet::before { left: 1px; } .ake-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes ake-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes ake-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: translateX(10px) rotate(180deg); }
}
@keyframes ake-float {
    0% { transform: translate(0, 0); opacity: 0; }
    50% { opacity: 0.6; }
    100% { transform: translate(20px, 30px); opacity: 0; }
}
/* =========================================
   【双儿 (韦小宝侍婢)】
   (桃粉衣·白围裙·双环髻+刘海·点穴手·精致五官)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-shuanger-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.shuanger-wrapper {
    position: relative;
    width: 18px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    animation: shuanger-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：温柔守护 --- */
.shuanger-aura-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.shuanger-sparkle {
    position: absolute;
    width: 4px; height: 4px; background: #ffab91;
    border-radius: 50%; opacity: 0;
    box-shadow: 0 0 4px #ffccbc;
    animation: shuanger-sparkle-rise 2s ease-in-out infinite;
}
.ss-1 { bottom: 20%; left: 20%; animation-delay: 0s; }
.ss-2 { bottom: 40%; right: 20%; animation-delay: 1s; width: 3px; height: 3px; }
.ss-3 { bottom: 10%; left: 50%; animation-delay: 0.5s; }

/* --- 3. 身体 (桃粉衣+白围裙) --- */
.shuanger-body {
    position: relative; width: 18px; height: 36px;
    background: #ffccbc;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
.shuanger-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 4px;
    background: #fff; border-radius: 4px 4px 0 0; z-index: 11;
}
.shuanger-apron {
    position: absolute; top: 14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 20px;
    background: #fff; border-radius: 4px 4px 2px 2px;
    z-index: 11; border: 1px solid #fbe9e7;
}
.shuanger-apron-tie {
    position: absolute; top: 14px; left: 0; width: 100%; height: 3px;
    background: #fff; z-index: 12;
}


/* --- 4. 头部 (精致五官+背光) --- */
.shuanger-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}

/* 头部背光 (Rim Light) - 放在最底层 */
.shuanger-head-light {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255, 245, 157, 0.8) 0%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}

.shuanger-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffe0b2; /* 白嫩肤色 */
    border-radius: 4px 4px 6px 6px; z-index: 3;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

/* 【美化】水灵眼睛 (Eyes with highlights) */
.shuanger-eye-L { 
    position: absolute; top: 8px; left: 2px; width: 4px; height: 3px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.shuanger-eye-L::after { /* 高光 */
    content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #fff; border-radius: 50%; 
}
.shuanger-eye-R { 
    position: absolute; top: 8px; right: 2px; width: 4px; height: 3px; 
    background: #212121; border-radius: 50%; z-index: 6; 
}
.shuanger-eye-R::after { /* 高光 */
    content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; background: #fff; border-radius: 50%; 
}

/* 【美化】樱桃小嘴 (Small Mouth) */
.shuanger-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px;
    border-bottom: 1px solid #e57373; /* 浅红 */
    border-radius: 0 0 50% 50%;
    z-index: 6;
}

/* 【修复】显眼腮红 (Visible Blush) */
/* 提高层级到6，放在脸之上，不被遮挡 */
.shuanger-blush-L {
    position: absolute; top: 11px; left: 1px; width: 3px; height: 2px;
    background: #ff8a80; border-radius: 50%; opacity: 0.6; z-index: 6;
}
.shuanger-blush-R {
    position: absolute; top: 11px; right: 1px; width: 3px; height: 2px;
    background: #ff8a80; border-radius: 50%; opacity: 0.6; z-index: 6;
}


/* 发型结构 */
.shuanger-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121;
    border-radius: 8px 8px 0 0; z-index: 20;
}
/* 刘海 (Bangs) - 调整位置不挡眼睛 */
.shuanger-bangs {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 14px; height: 5px; background: #212121;
    border-radius: 4px 4px 2px 2px; z-index: 70; /* 最上层 */
}
.shuanger-hair-loop-L {
    position: absolute; top: -4px; left: -4px; width: 8px; height: 8px;
    border: 3px solid #212121; border-radius: 50%; z-index: 10;
}
.shuanger-hair-loop-R {
    position: absolute; top: -4px; right: -4px; width: 8px; height: 8px;
    border: 3px solid #212121; border-radius: 50%; z-index: 10;
}
.shuanger-flower-L { position: absolute; top: 0; left: -2px; width: 4px; height: 4px; background: #f06292; border-radius: 50%; z-index: 40; }
.shuanger-flower-R { position: absolute; top: 0; right: -2px; width: 4px; height: 4px; background: #f06292; border-radius: 50%; z-index: 40; }


/* --- 5. 手臂与动作 --- */
.shuanger-arm-L {
    position: absolute; top: 12px; left: -4px; width: 5px; height: 12px;
    background: #ffccbc; border-radius: 4px; transform: rotate(20deg); z-index: 13;
}
.shuanger-hand-L { position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffe0b2; border-radius: 50%; }
.shuanger-arm-R {
    position: absolute; top: 10px; right: -6px; width: 5px; height: 12px;
    background: #ffccbc; border-radius: 4px; transform: rotate(-90deg); z-index: 15;
}
.shuanger-hand-R { position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffe0b2; border-radius: 50%; }
.shuanger-finger-point {
    position: absolute; bottom: 1px; left: 5px; width: 6px; height: 3px; background: #ffe0b2; border-radius: 2px; z-index: 16;
}
.shuanger-finger-point::after {
    content: ''; position: absolute; right: -2px; top: 50%; transform: translateY(-50%);
    width: 4px; height: 4px; background: #fff; border-radius: 50%;
    box-shadow: 0 0 4px #ffab91; opacity: 0.8; animation: shuanger-point-pulse 0.5s infinite alternate;
}

/* --- 6. 腿脚 --- */
.shuanger-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.shuanger-feet::before, .shuanger-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #8d6e63; border-radius: 2px 2px 0 0; }
.shuanger-feet::before { left: 1px; } .shuanger-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes shuanger-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes shuanger-sparkle-rise {
    0% { transform: translateY(0) scale(0.5); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateY(-20px) scale(1); opacity: 0; }
}
@keyframes shuanger-point-pulse { 0% { transform: translateY(-50%) scale(1); } 100% { transform: translateY(-50%) scale(1.3); opacity: 1; } }
/* =========================================
   【尹志平 (全真道士)】
   (灰蓝道袍·手持拂尘·背负长剑·神情闪烁)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yin-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yin-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 踌躇不安，左右微晃 */
    animation: yin-nervous 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：清风落叶 (Wind & Leaves) --- */
.yin-wind-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.yin-leaf {
    position: absolute; top: -10px;
    width: 6px; height: 3px; background: #81c784; /* 绿叶 */
    border-radius: 4px 0 4px 0; opacity: 0;
    animation: yin-leaf-fall 4s linear infinite;
}
.yl-1 { left: 20%; animation-delay: 0s; transform: rotate(15deg); }
.yl-2 { left: 80%; animation-delay: 2s; width: 4px; height: 2px; background: #aed581; }
.yl-3 { left: 50%; animation-delay: 1s; transform: rotate(-45deg); }


/* --- 3. 身体 (灰蓝道袍) --- */
.yin-body {
    position: relative; width: 18px; height: 38px;
    /* 全真灰蓝 */
    background: #78909c;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 白色交领 */
.yin-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #eceff1; /* 白领 */
    z-index: 11;
}
.yin-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 腰带 */
.yin-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: #37474f; z-index: 11;
}
/* 道袍大袖 (Sleeves) */
.yin-sleeve-fold {
    position: absolute; top: 10px; width: 4px; height: 14px; background: #607d8b; border-radius: 2px;
}
.ysf-L { left: -2px; transform: rotate(10deg); }
.ysf-R { right: -2px; transform: rotate(-10deg); }


/* --- 4. 头部 (道髻) --- */
.yin-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.yin-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 眼神 (游移) */
.yin-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; animation: yin-eye-move 4s infinite; }
.yin-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; animation: yin-eye-move 4s infinite; }

/* 混元髻 (Taoist Bun) */
.yin-bun {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #212121;
    border-radius: 4px 4px 2px 2px; z-index: 3;
}
/* 道簪 (Hairpin) */
.yin-pin {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 2px; background: #8d6e63; z-index: 4;
}


/* --- 5. 手臂与武器 (拂尘 & 背剑) --- */
/* 背剑 (Handle Visible) */
.yin-sword-back {
    position: absolute; top: 0px; right: 1px;
    width: 4px; height: 30px; background: #455a64; /* 剑鞘 */
    transform: rotate(25deg); z-index: 9;
    border: 1px solid #263238;
}
.yin-sword-hilt {
    position: absolute; bottom: 100%; left: -1px; width: 6px; height: 8px; background: #b0bec5; border-radius: 1px;
}
/* 剑穗 (Yellow Tassel) */
.yin-tassel {
    position: absolute; top: -5px; left: 2px; width: 2px; height: 8px; background: #fbc02d;
}

/* 左手 (持拂尘搭臂) */
.yin-arm-L {
    position: absolute; top: 8px; left: -5px; width: 6px; height: 14px;
    background: #78909c; border-radius: 4px;
    transform: rotate(30deg); /* 弯曲 */
    z-index: 15;
}
.yin-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* 右手 (按胸/单掌) */
.yin-arm-R {
    position: absolute; top: 8px; right: -5px; width: 6px; height: 14px;
    background: #78909c; border-radius: 4px;
    transform: rotate(-120deg); /* 举在胸前 */
    z-index: 15;
}
.yin-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.yin-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
/* 白袜黑鞋 */
.yin-feet::before, .yin-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; border-top: 1px solid #fff; }
.yin-feet::before { left: 0; } .yin-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes yin-nervous { 
    0% { transform: rotate(1deg) translateX(0); } 
    20% { transform: rotate(-1deg) translateX(0); }
    50% { transform: rotate(0deg) translateX(1px); } /* 稍微平移 */
    100% { transform: rotate(0deg) translateX(0); } 
}
@keyframes yin-leaf-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: translateX(15px) rotate(45deg); }
}
@keyframes yin-eye-move {
    0%, 40% { transform: translateX(0); } /* 看中间 */
    50%, 60% { transform: translateX(1px); } /* 看右边 */
    70%, 80% { transform: translateX(-1px); } /* 看左边 */
    100% { transform: translateX(0); }
}
/* =========================================
   【鲁有脚 (丐帮帮主)】
   (污衣百结·绿玉打狗棒·忠义黑脸·风尘仆仆)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-lu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.lu-wrapper {
    position: relative;
    width: 20px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 微微佝偻但坚定 */
    animation: lu-stand 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：风尘仆仆 (Dust & Dirt) --- */
.lu-dust-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.lu-dust-particle {
    position: absolute; bottom: 0;
    width: 4px; height: 4px; background: #a1887f; /* 尘土色 */
    border-radius: 50%; opacity: 0;
    animation: lu-dust-rise 3s linear infinite;
}
.ld-1 { left: 20%; animation-delay: 0s; transform: scale(0.8); }
.ld-2 { left: 80%; animation-delay: 1.5s; transform: scale(1.2); }
.ld-3 { left: 50%; animation-delay: 0.8s; background: #8d6e63; }


/* --- 3. 身体 (百家衣/补丁装) --- */
.lu-body {
    position: relative; width: 20px; height: 36px;
    /* 污垢灰底色 */
    background: #616161;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 补丁 (Patches - 百家衣特征) */
.lu-patch-1 {
    position: absolute; top: 10px; left: 2px; width: 6px; height: 6px;
    background: #3f51b5; /* 蓝补丁 */
    border: 1px dashed #bdbdbd; transform: rotate(-10deg);
}
.lu-patch-2 {
    position: absolute; bottom: 8px; right: 2px; width: 7px; height: 5px;
    background: #5d4037; /* 褐补丁 */
    border: 1px dashed #bdbdbd; transform: rotate(5deg);
}
.lu-patch-3 {
    position: absolute; top: 20px; left: 6px; width: 5px; height: 5px;
    background: #424242; /* 黑补丁 */
    border: 1px dashed #9e9e9e;
}

/* 破烂衣摆 */
.lu-rags {
    position: absolute; bottom: -3px; left: 0; width: 100%; height: 6px;
    background: transparent;
}
.lu-rags::before { content: ''; position: absolute; left: 2px; width: 4px; height: 6px; background: #616161; }
.lu-rags::after { content: ''; position: absolute; right: 4px; width: 5px; height: 5px; background: #616161; }


/* --- 4. 头部 (黑脸老丐) --- */
.lu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.lu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #8d6e63; /* 黝黑皮肤 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.2);
}
/* 抬头纹 */
.lu-wrinkle {
    position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 2px; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3);
}
/* 五官 */
.lu-eye-L { position: absolute; top: 8px; left: 3px; width: 2px; height: 2px; background: #000; z-index: 5; }
.lu-eye-R { position: absolute; top: 8px; right: 3px; width: 2px; height: 2px; background: #000; z-index: 5; }
/* 乱糟糟的灰发 */
.lu-hair {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 10px; background: #bdbdbd;
    border-radius: 6px 6px 2px 2px; z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 80% 80%, 70% 100%, 60% 80%, 50% 100%, 40% 80%, 30% 100%, 20% 80%, 10% 100%, 0 80%);
}
/* 灰胡渣 */
.lu-beard {
    position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 5px; background: #bdbdbd;
    border-radius: 0 0 5px 5px; z-index: 5;
}


/* --- 5. 手臂与武器 (打狗棒) --- */
/* 左手 (扶棒) */
.lu-arm-L {
    position: absolute; top: 10px; left: -2px; width: 6px; height: 14px;
    background: #616161; border-radius: 4px;
    transform: rotate(20deg); /* 向前 */
    z-index: 15;
}
.lu-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #8d6e63; border-radius: 50%;
}

/* 右手 (握棒) */
.lu-arm-R {
    position: absolute; top: 10px; right: -2px; width: 6px; height: 14px;
    background: #616161; border-radius: 4px;
    transform: rotate(-20deg); /* 向前 */
    z-index: 15;
}
.lu-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #8d6e63; border-radius: 50%;
}

/* 打狗棒 (Dog Beating Stick) - 绿玉质感 */
.lu-stick {
    position: absolute; bottom: -2px; left: 0%; transform: translateX(-50%);
    width: 3px; height: 45px; /* 长棒 */
    background: linear-gradient(to right, #43a047, #66bb6a, #43a047); /* 翠绿 */
    border-radius: 2px;
    z-index: 16;
    box-shadow: 0 0 2px #a5d6a7; /* 玉石光泽 */
}
/* 竹节纹理 */
.lu-stick::before {
    content: ''; position: absolute; top: 10px; left: -1px; width: 5px; height: 2px; background: #2e7d32; border-radius: 1px;
}
.lu-stick::after {
    content: ''; position: absolute; top: 25px; left: -1px; width: 5px; height: 2px; background: #2e7d32; border-radius: 1px;
}


/* --- 6. 腿脚 (草鞋) --- */
.lu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.lu-feet::before, .lu-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #d7ccc8; /* 草鞋色 */ border-radius: 2px 2px 0 0; }
.lu-feet::before { left: 0; border-bottom: 1px solid #5d4037; } 
.lu-feet::after { right: 0; border-bottom: 1px solid #5d4037; }

/* --- 动画 --- */
@keyframes lu-stand { 0% { transform: translateY(0); } 100% { transform: translateY(1px); } }
@keyframes lu-dust-rise {
    0% { bottom: 0; opacity: 0; transform: scale(0.5) translateX(0); }
    20% { opacity: 0.8; }
    100% { bottom: 20px; opacity: 0; transform: scale(1.5) translateX(10px); }
}
/* =========================================
   【公孙绿萼 (绝情谷女)】
   (淡绿罗衫·温婉清秀·手捧情花·绿萼飘零)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-lve-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.lve-wrapper {
    position: relative;
    width: 18px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 柔弱的摆动 */
    animation: lve-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：绿萼飘零 (Falling Calyxes) --- */
.lve-effect-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 飘落的绿色花萼 */
.lve-calyx {
    position: absolute; top: -10px;
    width: 6px; height: 6px; 
    background: transparent;
    border-bottom: 3px solid #a5d6a7; /* 浅绿 */
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    opacity: 0;
    animation: lve-calyx-fall 5s linear infinite;
}
.lc-1 { left: 20%; animation-delay: 0s; transform: rotate(15deg); }
.lc-2 { left: 70%; animation-delay: 2.5s; width: 4px; height: 4px; border-bottom-color: #81c784; }
.lc-3 { left: 45%; animation-delay: 1.2s; transform: rotate(-20deg); }


/* --- 3. 身体 (淡绿罗衫) --- */
.lve-body {
    position: relative; width: 18px; height: 36px;
    /* 淡绿渐变 */
    background: linear-gradient(to bottom, #c8e6c9 0%, #a5d6a7 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    z-index: 10;
}
/* 白色衣襟 (交领) */
.lve-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #ffffff;
    z-index: 11;
}
.lve-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc;
}
/* 腰带 (深绿) */
.lve-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 4px;
    background: #66bb6a; z-index: 11;
}
/* 垂下的裙摆层 */
.lve-skirt-layer {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 10px;
    background: rgba(255, 255, 255, 0.3); /* 半透明白纱 */
    border-radius: 0 0 4px 4px;
}


/* --- 4. 头部 (清秀愁容) --- */
.lve-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.lve-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 温婉五官 */
.lve-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 5; }
.lve-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 5; }
/* 愁眉 (Slightly sad eyebrows) */
.lve-eyebrow-L {
    position: absolute; top: 5px; left: 2px; width: 3px; height: 1px; background: #5d4037;
    transform: rotate(10deg); /* 八字眉 */
    z-index: 5;
}
.lve-eyebrow-R {
    position: absolute; top: 5px; right: 2px; width: 3px; height: 1px; background: #5d4037;
    transform: rotate(-10deg);
    z-index: 5;
}

/* 发型 (垂挂髻) */
.lve-hair {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #212121;
    border-radius: 6px 6px 0 0; z-index: 3;
}
.lve-hair-side {
    position: absolute; top: 4px; left: -1px; width: 16px; height: 10px;
    border-left: 2px solid #212121; border-right: 2px solid #212121; z-index: 1;
}
/* 绿绒花头饰 */
.lve-hair-flower {
    position: absolute; top: -2px; left: 2px; width: 4px; height: 4px;
    background: #a5d6a7; border-radius: 50%; z-index: 4;
}


/* --- 5. 手臂与道具 (手捧情花) --- */
/* 双手合拢捧花 */
.lve-arm-L {
    position: absolute; top: 10px; left: -2px; width: 5px; height: 12px;
    background: #c8e6c9; border-radius: 4px;
    transform: rotate(-40deg); /* 向内 */
    z-index: 15;
}
.lve-arm-R {
    position: absolute; top: 10px; right: -2px; width: 5px; height: 12px;
    background: #c8e6c9; border-radius: 4px;
    transform: rotate(40deg); /* 向内 */
    z-index: 15;
}
/* 双手 */
.lve-hands-clasp {
    position: absolute; top: 16px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 4px; background: #ffccbc; border-radius: 4px;
    z-index: 16;
}

/* 捧着的情花 (Passion Flower) */
.lve-flower {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px;
    background: radial-gradient(circle, #ffcdd2 20%, #ef5350 80%);
    border-radius: 50%;
    z-index: 17;
    animation: lve-flower-glow 2s ease-in-out infinite alternate;
}
/* 花蕊 */
.lve-flower::after {
    content: ''; position: absolute; top: 2px; left: 2px; width: 4px; height: 4px;
    background: #ffd54f; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.lve-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.lve-feet::before, .lve-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #e8f5e9; border-radius: 2px 2px 0 0; }
.lve-feet::before { left: 1px; } .lve-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes lve-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes lve-calyx-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: translateX(-10px) rotate(180deg); }
}
@keyframes lve-flower-glow { 0% { box-shadow: 0 0 2px #ef5350; } 100% { box-shadow: 0 0 8px #ef5350; } }
/* =========================================
   【天山童姥 (灵鹫宫主)】
   (红衣女童·双丸子头·生死符·凌空虚度)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-tonglao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.tonglao-wrapper {
    position: relative;
    width: 16px; /* 小巧 */
    height: 26px; /* 【特征】极矮，女童身高 */
    z-index: 5;
    transform-origin: bottom center;
    /* 凌空悬浮 */
    animation: tonglao-levitate 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：生死符冰晶 (Life & Death Talismans) --- */
.tonglao-ice-bg {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 60px; height: 60px;
    z-index: -10; pointer-events: none;
}
/* 生死符 (薄冰片) */
.tonglao-talisman {
    position: absolute;
    width: 6px; height: 6px;
    background: rgba(225, 245, 254, 0.6); /* 半透明冰蓝 */
    border: 1px solid rgba(255, 255, 255, 0.8);
    transform: rotate(45deg); /* 菱形 */
    box-shadow: 0 0 4px #4fc3f7;
    opacity: 0;
    animation: tonglao-ice-spin 2s linear infinite;
}
.tt-1 { top: 0; left: 50%; animation-delay: 0s; }
.tt-2 { top: 50%; left: 0; animation-delay: 0.6s; width: 4px; height: 4px; }
.tt-3 { top: 50%; right: 0; animation-delay: 1.2s; width: 5px; height: 5px; }


/* --- 3. 身体 (红衣女童) --- */
.tonglao-body {
    position: relative; width: 16px; height: 26px;
    /* 鲜红锦袍 */
    background: #d50000;
    border-radius: 4px 4px 3px 3px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 金色衣领/项圈 */
.tonglao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 6px solid #ffd700;
    z-index: 11;
}
/* 腰带 */
.tonglao-belt {
    position: absolute; top: 14px; left: 0; width: 100%; height: 4px;
    background: #ffeb3b; z-index: 11;
}
/* 飘带 (Ribbons) */
.tonglao-ribbon-body {
    position: absolute; top: 14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 12px;
    border-left: 2px solid #ff8a80; border-right: 2px solid #ff8a80;
    z-index: 9;
}


/* --- 4. 头部 (双丸子头) --- */
.tonglao-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 16px; z-index: 20;
}
.tonglao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffebee; /* 极白嫩 */
    border-radius: 50%; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 双丫髻 (Twin Buns) */
.tonglao-bun-L {
    position: absolute; top: -4px; left: -4px; width: 8px; height: 8px;
    background: #000; border-radius: 50%; z-index: 1;
}
.tonglao-bun-R {
    position: absolute; top: -4px; right: -4px; width: 8px; height: 8px;
    background: #000; border-radius: 50%; z-index: 1;
}
/* 红头绳 */
.tonglao-hair-tie-L {
    position: absolute; top: 0px; left: -2px; width: 2px; height: 6px; background: #d50000; z-index: 3;
}
.tonglao-hair-tie-R {
    position: absolute; top: 0px; right: -2px; width: 2px; height: 6px; background: #d50000; z-index: 3;
}

/* 霸气表情 */
.tonglao-eyebrow-L {
    position: absolute; top: 5px; left: 2px; width: 4px; height: 1px;
    background: #000; transform: rotate(-20deg); /* 倒竖 */
    z-index: 5;
}
.tonglao-eyebrow-R {
    position: absolute; top: 5px; right: 2px; width: 4px; height: 1px;
    background: #000; transform: rotate(20deg);
    z-index: 5;
}
.tonglao-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.tonglao-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
/* 傲慢小嘴 */
.tonglao-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; background: #d50000; border-radius: 50%;
    z-index: 5;
}


/* --- 5. 手臂 (运功制符) --- */
/* 左手 */
.tonglao-arm-L {
    position: absolute; top: 6px; left: -5px; width: 5px; height: 10px;
    background: #d50000; border-radius: 3px;
    transform: rotate(45deg); /* 张开 */
    z-index: 15;
}
.tonglao-hand-L {
    position: absolute; bottom: -2px; left: 0; width: 4px; height: 4px; background: #ffebee; border-radius: 50%;
    box-shadow: 0 0 5px #40c4ff; /* 手掌带冰气 */
}

/* 右手 */
.tonglao-arm-R {
    position: absolute; top: 6px; right: -5px; width: 5px; height: 10px;
    background: #d50000; border-radius: 3px;
    transform: rotate(-45deg);
    z-index: 15;
}
.tonglao-hand-R {
    position: absolute; bottom: -2px; left: 0; width: 4px; height: 4px; background: #ffebee; border-radius: 50%;
    box-shadow: 0 0 5px #40c4ff;
}


/* --- 6. 腿脚 (凌空) --- */
.tonglao-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 3px; }
.tonglao-feet::before, .tonglao-feet::after { content: ''; position: absolute; bottom: 0; width: 4px; height: 3px; background: #d50000; border-radius: 2px; }
.tonglao-feet::before { left: 0; transform: rotate(20deg); }
.tonglao-feet::after { right: 0; transform: rotate(-20deg); }

/* --- 动画 --- */
@keyframes tonglao-levitate { 
    0% { transform: translateY(-10px); } 
    100% { transform: translateY(-15px); } 
}
@keyframes tonglao-ice-spin { 
    0% { opacity: 0; transform: rotate(45deg) scale(0.5); }
    50% { opacity: 1; transform: rotate(180deg) scale(1); }
    100% { opacity: 0; transform: rotate(315deg) scale(0.8); }
}
/* =========================================
   【公孙止 (绝情谷主)】
   (锦绿华服·伪善长须·金刀黑剑·情花有刺)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-gongsun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.gongsun-wrapper {
    position: relative;
    width: 20px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 傲慢地挺身 */
    animation: gongsun-posture 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：情花有刺 (Passion Flowers & Thorns) --- */
.gongsun-flower-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 情花茎 (带有刺) */
.gongsun-stem {
    position: absolute; bottom: 0; width: 2px; background: #558b2f;
}
.gongsun-stem::before { /* 刺 */
    content: ''; position: absolute; top: 10px; left: -2px;
    width: 4px; height: 2px; background: #33691e;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.gs-1 { left: 15%; height: 30px; transform: rotate(10deg); }
.gs-2 { left: 80%; height: 25px; transform: rotate(-10deg); }

/* 情花朵 (Beautiful but deadly) */
.gongsun-flower {
    position: absolute; width: 8px; height: 8px;
    background: radial-gradient(circle, #ffcdd2 20%, #e53935 80%);
    border-radius: 50%;
    animation: gongsun-bloom 3s ease-in-out infinite alternate;
}
.gf-1 { bottom: 30px; left: 0%; }
.gf-2 { bottom: 46px; left: -20%; animation-delay: 1.5s; }


/* --- 3. 身体 (锦绿华服) --- */
.gongsun-body {
    position: relative; width: 20px; height: 38px;
    /* 孔雀绿 */
    background: #2e7d32;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 金色滚边与前襟 */
.gongsun-pattern {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 8px; height: 100%;
    background: #388e3c; /* 稍浅的绿 */
    border-left: 1px solid #ffd700;
    border-right: 1px solid #ffd700;
}
/* 华贵腰带 */
.gongsun-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #f9a825; /* 金黄 */
    border-top: 1px solid #fff;
    z-index: 11;
}


/* --- 4. 头部 (伪善面容) --- */
.gongsun-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 14;
}
.gongsun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 细长眼 (阴险) */
.gongsun-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; transform: rotate(-5deg); z-index: 5; }
.gongsun-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; transform: rotate(5deg); z-index: 5; }
/* 三缕长须 (Nice Beard) */
.gongsun-beard {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 8px;
    border-left: 1px solid #212121; border-right: 1px solid #212121;
    z-index: 5;
}
.gongsun-beard::after { /* 中间那缕 */
    content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 6px; background: #212121;
}

/* 高冠 (Hat) */
.gongsun-hat {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 8px; background: #2e7d32;
    border-radius: 2px 2px 0 0; border: 1px solid #ffd700; z-index: 3;
}


/* --- 5. 手臂与武器 (金刀黑剑) --- */
/* 左手 (黑剑) */
.gongsun-arm-L {
    position: absolute; top: 8px; left: -6px; width: 6px; height: 14px;
    background: #2e7d32; border-radius: 4px;
    transform: rotate(40deg); /* 张开 */
    z-index: 15;
}
.gongsun-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 黑剑 (Black Sword) - 细长 */
.gongsun-sword {
    position: absolute; top: -24px; left: 1px;
    width: 4px; height: 28px; background: #212121; /* 漆黑 */
    z-index: 15;
}
.gongsun-sword::after { /* 剑格 */
    content: ''; position: absolute; bottom: 4px; left: -2px; width: 8px; height: 3px; background: #424242;
}

/* 右手 (金刀) */
.gongsun-arm-R {
    position: absolute; top: 8px; right: -6px; width: 6px; height: 14px;
    background: #2e7d32; border-radius: 4px;
    transform: rotate(-30deg); /* 张开 */
    z-index: 15;
}
.gongsun-hand-R { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 金刀 (Gold Saber) - 宽厚 */
.gongsun-saber {
    position: absolute; top: -25px; right: 0;
    width: 5px; height: 28px; background: #ffd700; /* 金色 */
    border-radius: 4px 0 0 0; /* 刀尖弧度 */
    z-index: 14; border: 1px solid #f57f17;
}
.gongsun-saber::before { /* 锯齿背 */
    content: ''; position: absolute; right: -2px; top: 5px; width: 2px; height: 15px;
    background: repeating-linear-gradient(to bottom, transparent 0, transparent 2px, #f57f17 2px, #f57f17 4px);
}
.gongsun-saber::after { /* 刀格 */
    content: ''; position: absolute; bottom: 4px; left: -2px; width: 9px; height: 3px; background: #ff6f00; border-radius: 2px;
}


/* --- 6. 腿脚 --- */
.gongsun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.gongsun-feet::before, .gongsun-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.gongsun-feet::before { left: 0; } .gongsun-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes gongsun-posture { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes gongsun-bloom { 0% { transform: scale(0.8); } 100% { transform: scale(1.1); } }
/* =========================================
   【阿朱 (易容大师)】
   (粉衣罗裙·手持面具·温柔俏皮·幻影烟霞)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-azhu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.azhu-wrapper {
    position: relative;
    width: 18px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 轻盈的摆动 */
    animation: azhu-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：幻影烟霞 (Phantom Mist & Petals) --- */
.azhu-effect-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 粉色烟霞 */
.azhu-mist {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(248, 187, 208, 0.4) 0%, transparent 70%);
    filter: blur(5px);
    animation: azhu-mist-pulse 3s infinite alternate;
}
/* 飘落的花瓣 */
.azhu-petal {
    position: absolute; top: -10px;
    width: 4px; height: 4px; background: #f06292;
    border-radius: 50% 0 50% 0; opacity: 0;
    animation: azhu-petal-fall 4s linear infinite;
}
.ap-1 { left: 20%; animation-delay: 0s; transform: rotate(15deg); }
.ap-2 { left: 80%; animation-delay: 2s; background: #ec407a; }
.ap-3 { left: 40%; animation-delay: 1s; width: 3px; height: 3px; }


/* --- 3. 身体 (粉衣罗裙) --- */
.azhu-body {
    position: relative; width: 18px; height: 36px;
    /* 桃夭粉 */
    background: #f48fb1;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 白色衣襟 */
.azhu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #fce4ec; /* 极淡粉白 */
    z-index: 11;
}
.azhu-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc;
}
/* 腰带 */
.azhu-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 4px;
    background: #f06292; z-index: 11;
}
/* 裙摆装饰 */
.azhu-skirt-fold {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 14px; background: rgba(0,0,0,0.1);
}


/* --- 4. 头部 (温柔俏皮) --- */
.azhu-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.azhu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 灵动五官 */
.azhu-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 20; }
.azhu-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; border-radius: 50%; z-index: 20; }
.azhu-smile {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; border-bottom: 1px solid #c62828; border-radius: 0 0 50% 50%;
    z-index: 20;
}
/* 发型 (垂鬟分肖) */
.azhu-hair-top {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121;
    border-radius: 8px 8px 0 0; z-index: 3;
}
.azhu-hair-back {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 20px; background: #212121;
    border-radius: 4px; z-index: 1;
}


/* --- 5. 手臂与道具 (面具) --- */
/* 左手 (举着面具) */
.azhu-arm-L {
    position: absolute; top: 8px; left: -6px; width: 6px; height: 12px;
    background: #f48fb1; border-radius: 4px;
    transform: rotate(-30deg); /* 举起 */
    z-index: 15;
}
.azhu-hand-L {
    position: absolute; top: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* 【核心道具】易容面具 (Disguise Mask) */
.azhu-mask {
    position: absolute; top: -16px; left: -8px; /* 举在脸侧 */
    width: 12px; height: 14px;
    background: #d7ccc8; /* 枯黄肤色 (老头) */
    border-radius: 4px; border: 1px solid #a1887f;
    z-index: 25;
    transform: rotate(-10deg);
}
/* 面具上的老头脸 */
.azhu-mask::before { /* 胡子 */
    content: ''; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px; background: #5d4037;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.azhu-mask::after { /* 眼睛孔 */
    content: ''; position: absolute; top: 4px; left: 2px;
    width: 8px; height: 2px;
    background: linear-gradient(to right, #3e2723 30%, transparent 30%, transparent 70%, #3e2723 70%);
}

/* 右手 (背手/提裙) */
.azhu-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 12px;
    background: #f48fb1; border-radius: 4px;
    transform: rotate(10deg);
    z-index: 9;
}
.azhu-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.azhu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.azhu-feet::before, .azhu-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #fce4ec; border-radius: 2px 2px 0 0; }
.azhu-feet::before { left: 1px; } .azhu-feet::after { right: 1px; }

/* --- 动画 --- */
@keyframes azhu-sway { 0% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes azhu-mist-pulse { 0% { transform: translateX(-50%) scale(1); opacity: 0.5; } 100% { transform: translateX(-50%) scale(1.2); opacity: 0.8; } }
@keyframes azhu-petal-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 1; }
    100% { top: 40px; opacity: 0; transform: translateX(10px) rotate(180deg); }
}
/* =========================================
   【平一指 (杀人名医)】
   (大头矮胖·捣药石臼·飘落草药·一指把脉)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-ping-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.ping-wrapper {
    position: relative;
    width: 22px; /* 矮胖 */
    height: 32px;
    z-index: 5;
    transform-origin: bottom center;
    animation: ping-bob 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：草药飘落 (Falling Herbs) --- */
.ping-herb-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 药叶 (Green Leaf) */
.ping-herb-leaf {
    position: absolute; top: -5px;
    width: 6px; height: 3px; background: #8bc34a;
    border-radius: 4px 0 4px 0; opacity: 0;
    animation: ping-herb-fall 3s linear infinite;
}
/* 药片 (Root Slice - 黄芪/甘草) */
.ping-herb-slice {
    position: absolute; top: -5px;
    width: 5px; height: 4px; background: #ffe0b2;
    border: 1px solid #ffcc80; border-radius: 50%; opacity: 0;
    animation: ping-herb-fall 4s linear infinite;
}
.ph-1 { left: 20%; animation-delay: 0s; transform: rotate(20deg); }
.ph-2 { left: 80%; animation-delay: 1.5s; width: 4px; height: 4px; }
.ph-3 { left: 50%; animation-delay: 0.8s; }


/* --- 3. 身体 (枯黄布衣) --- */
.ping-body {
    position: relative; width: 22px; height: 32px;
    /* 枯黄/土黄 */
    background: #e6ee9c;
    border-radius: 8px 8px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 黑色布带 */
.ping-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #424242; z-index: 11;
}
/* 领口 */
.ping-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #9e9d24; /* 深黄领 */
    z-index: 11;
}


/* --- 4. 头部 (大头怪医) --- */
.ping-head-group {
    position: absolute; bottom: 28px; /* 脖子短 */
    left: 50%; transform: translateX(-50%);
    width: 20px; height: 22px; /* 大头 */
    z-index: 20;
}
.ping-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff9c4; /* 蜡黄脸色 */
    border-radius: 6px; z-index: 2;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.ping-eye-L { position: absolute; top: 10px; left: 4px; width: 2px; height: 2px; background: #000; z-index: 5; }
.ping-eye-R { position: absolute; top: 10px; right: 4px; width: 2px; height: 2px; background: #000; z-index: 5; }
/* 鼠须 */
.ping-mustache-L {
    position: absolute; top: 14px; left: 2px; width: 6px; height: 1px;
    background: #212121; transform: rotate(15deg); z-index: 5;
}
.ping-mustache-R {
    position: absolute; top: 14px; right: 2px; width: 6px; height: 1px;
    background: #212121; transform: rotate(-15deg); z-index: 5;
}
/* 瓜皮帽 */
.ping-cap {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 6px; background: #212121;
    border-radius: 4px 4px 0 0; z-index: 3;
}
.ping-cap-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 3px; background: #d32f2f; border-radius: 2px; z-index: 2;
}


/* --- 5. 道具 (捣药石臼) --- */
/* 放在身边的地上 */
.ping-mortar-group {
    position: absolute; bottom: 0; right: -23px;
    width: 14px; height: 12px; z-index: 8;
}
/* 石臼 (Mortar) */
.ping-mortar {
    position: absolute; bottom: 0; left: 0; width: 14px; height: 10px;
    background: #616161; /* 石色 */
    border-radius: 2px 2px 4px 4px;
    border-top: 2px solid #424242;
}
/* 捣药杵 (Pestle) */
.ping-pestle {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%) rotate(15deg);
    width: 3px; height: 14px; background: #8d6e63; /* 木柄 */
    border-radius: 2px;
}


/* --- 6. 手臂 (一指 & 垂手) --- */
/* 左手 (竖起一指 - 把脉/定生死) */
.ping-arm-L {
    position: absolute; top: 10px; left: -5px; width: 6px; height: 12px;
    background: #e6ee9c; border-radius: 4px;
    transform: rotate(45deg); /* 抬起 */
    z-index: 15;
}
.ping-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #fff9c4; border-radius: 50%;
}
.ping-finger-one {
    position: absolute; bottom: 4px; left: 1px;
    width: 2px; height: 6px; background: #fff9c4; border-radius: 1px; z-index: 16;
}

/* 右手 (自然下垂) */
.ping-arm-R {
    position: absolute; top: 10px; right: -5px; width: 6px; height: 12px;
    background: #e6ee9c; border-radius: 4px;
    transform: rotate(-10deg);
    z-index: 15;
}
.ping-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #fff9c4; border-radius: 50%;
}


/* --- 7. 腿脚 --- */
.ping-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 18px; height: 4px; }
.ping-feet::before, .ping-feet::after { content: ''; position: absolute; bottom: 0; width: 8px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.ping-feet::before { left: 0; } .ping-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes ping-bob { 0% { transform: translateY(0); } 100% { transform: translateY(1px); } }
@keyframes ping-herb-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 1; }
    100% { top: 40px; opacity: 0; transform: translateX(10px) rotate(180deg); }
}
/* =========================================
   【胡青牛 (蝶谷医仙)】
   (青衫儒医·大药葫芦·手持银针·蝶舞花香)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-hu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.hu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 悠闲自在 */
    animation: hu-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：蝶舞花香 (Butterflies & Flowers) --- */
/* 地上的花朵 */
.hu-flower-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.hu-flower {
    position: absolute; bottom: 2px;
    width: 4px; height: 4px; border-radius: 50%;
}
.hf-1 { left: 10%; background: #fdd835; /* 黄花 */ }
.hf-2 { left: 80%; background: #e91e63; /* 红花 */ width: 3px; height: 3px; }
.hf-3 { left: 30%; background: #ba68c8; /* 紫花 */ bottom: 5px; }

/* 飞舞的蝴蝶 */
.hu-butterfly {
    position: absolute; top: 20px; left: 20%;
    width: 6px; height: 6px;
    animation: hu-flutter 3s ease-in-out infinite alternate;
}
.hu-butterfly::before, .hu-butterfly::after { /* 翅膀 */
    content: ''; position: absolute; top: 0; width: 4px; height: 6px;
    background: #ffb74d; border-radius: 50%;
}
.hu-butterfly::before { left: 0; transform: rotate(30deg); }
.hu-butterfly::after { right: 0; transform: rotate(-30deg); }
.hb-2 { top: 10px; left: 70%; animation-delay: 1s; transform: scale(0.8); }
.hb-2::before, .hb-2::after { background: #4dd0e1; } /* 蓝蝶 */


/* --- 3. 身体 (青衫) --- */
.hu-body {
    position: relative; width: 18px; height: 38px;
    /* 深青色 (Teal) */
    background: #00897b;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口 (交领) */
.hu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #b2dfdb; /* 浅青领 */
    z-index: 11;
}
.hu-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 布腰带与药囊 */
.hu-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #5d4037; z-index: 11; /* 棕色布带 */
}
.hu-pouch {
    position: absolute; top: 2px; left: 2px; width: 5px; height: 6px;
    background: #8d6e63; border-radius: 2px; border: 1px solid #4e342e;
}

/* 背负的大葫芦 (Big Gourd on Back) */
.hu-gourd-back {
    position: absolute; top: 5px; right: -8px;
    width: 10px; height: 18px;
    z-index: 9; transform: rotate(20deg);
}
.hu-gourd-top {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #ffb74d; border-radius: 50%;
    border: 1px solid #e65100;
}
.hu-gourd-bottom {
    position: absolute; bottom: 0; left: 0;
    width: 10px; height: 12px; background: #ffb74d; border-radius: 50% 50% 4px 4px;
    border: 1px solid #e65100;
}
.hu-gourd-rope { /* 红绳系着 */
    position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 2px; background: #d32f2f;
}


/* --- 4. 头部 (清瘦儒雅) --- */
.hu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.hu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 清瘦五官 */
.hu-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.hu-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
/* 山羊胡 */
.hu-beard {
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 6px; background: #424242;
    clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 5;
}

/* 方巾 (Scholar Cap) */
.hu-cap {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #424242;
    border-radius: 2px 2px 0 0; z-index: 3;
}
.hu-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 10px;
    border-left: 2px solid #424242; border-right: 2px solid #424242; z-index: 1;
}


/* --- 5. 手臂与武器 (施针) --- */
/* 左手 (负后) */
.hu-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px;
    background: #00897b; border-radius: 4px; transform: rotate(20deg); z-index: 9;
}
.hu-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 右手 (施针) */
.hu-arm-R {
    position: absolute; top: 8px; right: -6px; width: 6px; height: 14px;
    background: #00897b; border-radius: 4px;
    transform: rotate(-45deg); /* 抬手 */
    z-index: 15;
}
.hu-hand-R { position: absolute; bottom: -4px; left: 0px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
/* 银针 (Silver Needle) */
.hu-needle {
    position: absolute; bottom: -6px; left: 2px;
    width: 1px; height: 10px; background: #eceff1; /* 银亮色 */
    box-shadow: 0 0 2px #fff;
    z-index: 16;
}


/* --- 6. 腿脚 --- */
.hu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.hu-feet::before, .hu-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.hu-feet::before { left: 0; } .hu-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes hu-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes hu-flutter {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(10px, -5px) rotate(10deg); }
    50% { transform: translate(0, -10px) rotate(0deg); }
    75% { transform: translate(-10px, -5px) rotate(-10deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}
/* =========================================
   【裘千尺 (绝情谷主母)】
   (瘫痪坐姿·破烂衣衫·秃头老妇·口吐枣核钉)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-qiuhag-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.qiuhag-wrapper {
    position: relative;
    width: 24px; /* 坐姿一坨 */
    height: 28px; /* 比较矮 */
    z-index: 5;
    transform-origin: bottom center;
    /* 因寒冷和愤怒而颤抖 */
    animation: qiuhag-tremble 0.2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：阴冷地底 (Damp Pit) --- */
.qiuhag-pit-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
    background: linear-gradient(to top, #3e2723 0%, #212121 80%); /* 泥土渐变 */
    opacity: 0.5; border-radius: 8px;
}
/* 青苔 (Moss) */
.qiuhag-moss {
    position: absolute; bottom: 2px; left: 5px;
    width: 10px; height: 10px; background: #33691e; /* 深绿 */
    border-radius: 50%; filter: blur(2px); opacity: 0.6;
}
.qm-2 { left: 18px; width: 8px; height: 6px; bottom: 5px; background: #558b2f; }
/* 滴水 (Dripping Water) */
.qiuhag-drip {
    position: absolute; top: 10px; left: 30%; width: 2px; height: 4px;
    background: #b0bec5; border-radius: 50%;
    animation: qiuhag-drip-fall 2s linear infinite;
}


/* --- 3. 身体 (破烂衣衫堆) --- */
.qiuhag-body-pile {
    position: relative; width: 24px; height: 20px;
    /* 霉烂的补丁色 */
    background: repeating-linear-gradient(45deg, #5d4037, #4e342e 5px, #616161 5px, #757575 10px);
    border-radius: 12px 12px 4px 4px; /* 瘫坐的形状 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    z-index: 10;
}
/* 垂下的破布条 */
.qiuhag-rags {
    position: absolute; bottom: -2px; left: 0; width: 100%; height: 6px;
    background: transparent;
}
.qiuhag-rags::before { content: ''; position: absolute; left: 2px; width: 4px; height: 6px; background: #4e342e; }
.qiuhag-rags::after { content: ''; position: absolute; right: 4px; width: 6px; height: 5px; background: #616161; }

/* 枯瘦的手臂 */
.qiuhag-arm-L {
    position: absolute; top: 8px; left: 0px; width: 4px; height: 10px;
    background: #5d4037; transform: rotate(30deg); z-index: 12;
}
.qiuhag-hand-L { position: absolute; bottom: -2px; left: 0; width: 4px; height: 5px; background: #bdbdbd; border-radius: 2px; } /* 病态肤色 */
.qiuhag-arm-R {
    position: absolute; top: 8px; right: 0px; width: 4px; height: 10px;
    background: #5d4037; transform: rotate(-30deg); z-index: 12;
}
.qiuhag-hand-R { position: absolute; bottom: -2px; left: 0; width: 4px; height: 5px; background: #bdbdbd; border-radius: 2px; }


/* --- 4. 头部 (秃头老妇) --- */
.qiuhag-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 16px; z-index: 20;
}
.qiuhag-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #bdbdbd; /* 病态苍白 */
    border-radius: 50%; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.2);
}
/* 秃头+稀疏乱发 */
.qiuhag-bald-spot {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 12px; height: 6px; background: #d7ccc8; /* 头皮色 */
    border-radius: 6px 6px 0 0; z-index: 3;
}
.qiuhag-messy-hair {
    position: absolute; top: 4px; left: -2px; width: 20px; height: 12px;
    border-left: 2px solid #9e9e9e; border-right: 2px solid #9e9e9e; /* 两侧稀疏灰发 */
    border-radius: 50%; z-index: 1;
}

/* 丑陋五官 */
.qiuhag-wrinkle-head { position: absolute; top: 3px; left: 50%; transform: translateX(-50%); width: 8px; height: 1px; background: rgba(0,0,0,0.2); z-index: 4; }
.qiuhag-eye-L { position: absolute; top: 7px; left: 3px; width: 2px; height: 2px; background: #000; z-index: 5; box-shadow: 0 0 2px #000; }
.qiuhag-eye-R { position: absolute; top: 7px; right: 3px; width: 2px; height: 2px; background: #000; z-index: 5; box-shadow: 0 0 2px #000; }

/* 【核心特征】张开的大嘴 (Ready to Spit) */
.qiuhag-mouth-open {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 5px; background: #3e2723; /* 深色口腔 */
    border-radius: 50%; border: 1px solid #bdbdbd;
    z-index: 5;
}

/* --- 5. 武器 (枣核钉) --- */
.qiuhag-date-core {
    position: absolute; top: 6px; left: 50%; transform: translate(-50%, -50%);
    width: 4px; height: 2px;
    background: #5d4037; /* 枣核色 */
    border-radius: 50%;
    z-index: 25;
    /* 射出动画 */
    animation: qiuhag-spit 2s ease-out infinite;
}


/* --- 动画 --- */
/* 颤抖 */
@keyframes qiuhag-tremble { 0% { transform: translateX(0.5px); } 100% { transform: translateX(-0.5px); } }
/* 滴水 */
@keyframes qiuhag-drip-fall { 0% { top: 10px; opacity: 1; } 100% { top: 30px; opacity: 0; } }
/* 枣核钉射出 */
@keyframes qiuhag-spit {
    0% { transform: translate(-50%, 0) scale(0.5); opacity: 0; }
    10% { transform: translate(-50%, 0) scale(1); opacity: 1; } /* 在嘴边出现 */
    30% { transform: translate(-50%, 60px) scale(1.2); opacity: 1; } /* 快速射出 */
    40% { transform: translate(-50%, 70px) scale(0.8); opacity: 0; } /* 消失 */
    100% { transform: translate(-50%, 70px) scale(0.8); opacity: 0; }
}
/* =========================================
   【归辛树 (神拳无敌)】
   (老农装束·粗布麻绳·巨大铁拳·空气震荡)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-gui-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.gui-wrapper {
    position: relative;
    width: 20px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉稳的马步呼吸 */
    animation: gui-stance-breathe 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：混元劲气 (Shockwaves) --- */
.gui-shockwave-bg {
    position: absolute; bottom: 10px; right: -10px;
    width: 40px; height: 40px;
    z-index: -10; pointer-events: none;
}
/* 扩散的波纹 */
.gui-wave {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 10px; height: 10px;
    border: 2px solid rgba(255, 255, 255, 0.6); /* 白色劲气 */
    border-radius: 50%;
    opacity: 0;
    animation: gui-wave-blast 1.5s linear infinite;
}
.gw-1 { animation-delay: 0s; }
.gw-2 { animation-delay: 0.5s; }
.gw-3 { animation-delay: 1.0s; }


/* --- 3. 身体 (粗布老农) --- */
.gui-body {
    position: relative; width: 20px; height: 36px;
    /* 土灰色粗布 */
    background: #616161;
    border-radius: 5px 5px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 补丁 (Patch) - 体现朴素 */
.gui-patch {
    position: absolute; bottom: 8px; left: 2px;
    width: 6px; height: 6px; background: #757575;
    border: 1px dashed #424242;
}
/* 麻绳腰带 (Rope Belt) */
.gui-rope {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: #d7ccc8; /* 麻色 */
    border-top: 1px solid #a1887f;
    z-index: 11;
}
/* 绳结 */
.gui-rope-knot {
    position: absolute; top: -1px; left: 4px; width: 4px; height: 4px;
    background: #d7ccc8; border-radius: 50%;
}


/* --- 4. 头部 (风霜老者) --- */
.gui-head-group {
    position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 16px; z-index: 20;
}
.gui-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #dac8c1; /* 粗糙皮肤 */
    border-radius: 4px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 抬头纹 */
.gui-wrinkle {
    position: absolute; top: 3px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 1px; background: rgba(0,0,0,0.1);
}
/* 木讷眼神 */
.gui-eye-L { position: absolute; top: 7px; left: 2px; width: 2px; height: 2px; background: #000; z-index: 5; }
.gui-eye-R { position: absolute; top: 7px; right: 2px; width: 2px; height: 2px; background: #000; z-index: 5; }
/* 倔强嘴角 */
.gui-mouth {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 1px; background: #5d4037;
}

/* 乱白发 (Messy White Hair) */
.gui-hair {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #eeeeee;
    border-radius: 6px 6px 2px 2px; z-index: 1;
}
/* 几根呆毛 */
.gui-hair-tuft {
    position: absolute; top: -6px; left: 2px; width: 2px; height: 6px;
    background: #eeeeee; transform: rotate(-15deg);
}


/* --- 5. 手臂与武器 (神拳) --- */
/* 左手 (前探掌/格挡) */
.gui-arm-L {
    position: absolute; top: 0px; left: -5px; width: 7px; height: 12px;
    background: #616161; border-radius: 4px;
    transform: rotate(45deg); /* 向前探 */
    z-index: 15;
}
.gui-hand-L {
    position: absolute; bottom: -4px; left: 0; width: 8px; height: 8px;
    background: #d7ccc8; border-radius: 2px; /* 宽大 */
}

/* 右手 (蓄力神拳) */
.gui-arm-R {
    position: absolute; top: 2px; right: -4px; width: 7px; height: 12px;
    background: #616161; border-radius: 4px;
    transform-origin: top center;
    transform: rotate(-30deg); /* 向后蓄力 */
    z-index: 15;
    animation: gui-punch-ready 0.1s infinite alternate; /* 蓄力震颤 */
}
/* 铁拳 (Iron Fist) */
.gui-fist-R {
    position: absolute; bottom: -6px; left: -1px;
    width: 10px; height: 10px; /* 巨大的拳头 */
    background: #a1887f; /* 铁砂掌色 */
    border-radius: 3px;
    box-shadow: 2px 2px 0 #5d4037; /* 骨节 */
}
/* 拳锋劲气 */
.gui-fist-aura {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 14px; height: 14px;
    border: 1px solid #fff; border-radius: 50%;
    opacity: 0.5;
    animation: gui-aura-pulse 0.5s infinite;
}


/* --- 6. 腿脚 (扎实马步) --- */
.gui-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 22px; height: 4px; }
/* 双脚分很开 */
.gui-feet::before {
    content: ''; position: absolute; bottom: 0; left: 0; width: 8px; height: 5px;
    background: #000; border-radius: 2px 2px 0 0; transform: skewX(15deg);
}
.gui-feet::after {
    content: ''; position: absolute; bottom: 0; right: 0; width: 8px; height: 5px;
    background: #000; border-radius: 2px 2px 0 0; transform: skewX(-15deg);
}

/* --- 动画 --- */
@keyframes gui-stance-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(2px); } }
@keyframes gui-punch-ready { 0% { transform: rotate(-30deg); } 100% { transform: rotate(-32deg); } }
@keyframes gui-wave-blast { 
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.8; border-width: 2px; } 
    100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; border-width: 0px; } 
}
@keyframes gui-aura-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; } 100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0; } }
/* =========================================
   【樊一翁 (绝情谷大弟子)】
   (矮小身材·拖地长须·龙头钢杖·绝情谷雾)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-fan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.fan-wrapper {
    position: relative;
    width: 24px; /* 宽胖 */
    height: 30px; /* 【特征】矮小 */
    z-index: 5;
    transform-origin: bottom center;
    /* 稳重的步伐 */
    animation: fan-waddle 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：绝情谷雾 (Valley Mist) --- */
.fan-mist-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.fan-mist {
    position: absolute; bottom: 5px;
    width: 30px; height: 15px;
    background: #a5d6a7; /* 浅绿雾 */
    border-radius: 50%; opacity: 0.4;
    filter: blur(4px);
    animation: fan-mist-float 4s infinite alternate;
}
.fm-1 { left: 10%; animation-delay: 0s; }
.fm-2 { left: 60%; animation-delay: 2s; width: 40px; }


/* --- 3. 身体 (矮胖灰袍) --- */
.fan-body {
    position: relative; width: 24px; height: 30px; /* 矮 */
    /* 岩石灰 */
    background: #616161;
    border-radius: 8px 8px 4px 4px; /* 圆润 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 领口 */
.fan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #bdbdbd; /* 浅灰领 */
    z-index: 11;
}
/* 腰带 */
.fan-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #212121; z-index: 11;
}


/* --- 4. 头部 (没脖子·长须) --- */
/* 因为矮，头直接坐在肩膀上 */
.fan-head-group {
    position: absolute; 
    bottom: 26px; /* 紧贴身体 */
    left: 50%; transform: translateX(-50%);
    width: 16px; height: 16px; z-index: 20;
}
.fan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 50%; /* 圆脸 */
    z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.fan-eye-L { position: absolute; top: 6px; left: 3px; width: 2px; height: 2px; background: #000; z-index: 5; }
.fan-eye-R { position: absolute; top: 6px; right: 3px; width: 2px; height: 2px; background: #000; z-index: 5; }
/* 粗眉 */
.fan-eyebrow {
    position: absolute; top: 4px; left: 2px; width: 12px; height: 2px;
    background: #eeeeee; z-index: 5;
}

/* 【核心特征】拖地长须 (The Massive Beard) */
.fan-beard-container {
    position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 40px; /* 极长 */
    z-index: 15; /* 在身体前面 */
    pointer-events: none;
}
/* 胡须主体 */
.fan-beard-main {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #f5f5f5;
    border-radius: 4px 4px 10px 10px;
    /* 纹理 */
    background-image: repeating-linear-gradient(90deg, transparent 0, transparent 2px, #e0e0e0 2px, #e0e0e0 3px);
    transform-origin: top center;
    animation: fan-beard-flow 3s ease-in-out infinite alternate;
}

/* 发髻 */
.fan-hair-bun {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #bdbdbd; border-radius: 50%; z-index: 1;
}


/* --- 5. 手臂与武器 (龙头杖) --- */
/* 左手 (藏在胡子后面，稍微露一点) */
.fan-arm-L {
    position: absolute; top: 10px; left: -4px; width: 6px; height: 12px;
    background: #616161; border-radius: 4px; transform: rotate(10deg); z-index: 9;
}
.fan-hand-L { position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }

/* 右手 (持杖) */
.fan-arm-R {
    position: absolute; top: 10px; right: -4px; width: 6px; height: 12px;
    background: #616161; border-radius: 4px; transform: rotate(-10deg); z-index: 9;
}
.fan-hand-R { position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }

/* 龙头钢杖 (Dragon Cane) */
.fan-cane {
    position: absolute; bottom: -5px; right: 2px;
    width: 3px; height: 45px; /* 高过头顶 */
    background: #90a4ae; /* 钢色 */
    z-index: 16;
}
/* 龙头 */
.fan-cane-head {
    position: absolute; top: -6px; left: -4px;
    width: 10px; height: 8px;
    background: #78909c; border-radius: 2px;
}
.fan-cane-head::after { /* 龙嘴 */
    content: ''; position: absolute; top: 2px; right: -2px; width: 4px; height: 4px;
    background: #78909c; border-radius: 0 2px 2px 0;
}


/* --- 6. 腿脚 (短腿) --- */
.fan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 20px; height: 4px; }
.fan-feet::before, .fan-feet::after { content: ''; position: absolute; bottom: 0; width: 8px; height: 5px; background: #212121; border-radius: 3px 3px 0 0; }
.fan-feet::before { left: 0; } .fan-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes fan-waddle { 0% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes fan-mist-float { 0% { opacity: 0.3; transform: translateX(0); } 100% { opacity: 0.6; transform: translateX(10px); } }
/* 胡须飘动 (像武器一样) */
@keyframes fan-beard-flow { 
    0% { transform: rotate(5deg) scaleY(1); } 
    50% { transform: rotate(-5deg) scaleY(0.95); } /* 蓄力感 */
    100% { transform: rotate(5deg) scaleY(1); } 
}
@keyframes fan-beard-tip-sway { 
    0% { transform: translateX(-50%) rotate(10deg); } 
    100% { transform: translateX(-50%) rotate(-10deg); } 
}
/* =========================================
   【褚万里 (大理护卫)】
   (青衣斗笠·铁钓竿·软钓线·风吹芦苇)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-chu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.chu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 身体随风微动 */
    animation: chu-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：风吹芦苇 (Reeds) --- */
.chu-bg-reeds {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.chu-reed {
    position: absolute; bottom: 0;
    width: 2px; height: 20px;
    background: #81c784; /* 芦苇绿 */
    transform-origin: bottom center;
    animation: chu-reed-sway 2s ease-in-out infinite alternate;
}
/* 芦花 (Reed Flower) */
.chu-reed::after {
    content: ''; position: absolute; top: 0; left: -2px;
    width: 6px; height: 8px; background: #e0e0e0; /* 白芦花 */
    border-radius: 50%; opacity: 0.8; filter: blur(1px);
}
.cr-1 { left: 15%; height: 25px; animation-delay: 0s; }
.cr-2 { left: 80%; height: 18px; animation-delay: 1s; }
.cr-3 { left: 25%; height: 15px; animation-delay: 0.5s; background: #66bb6a; }


/* --- 3. 身体 (青衣短打) --- */
.chu-body {
    position: relative; width: 18px; height: 38px;
    /* 青灰色 */
    background: #546e7a;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 领口 */
.chu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #b0bec5; z-index: 11;
}
.chu-collar::after {
    content: ''; position: absolute; top: -10px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc;
}
/* 蓑衣腰裙 (Straw Skirt/Belt) */
.chu-skirt {
    position: absolute; top: 20px; left: -1px; width: 20px; height: 6px;
    background: #e6ee9c; /* 草色 */
    border-radius: 2px; z-index: 11;
    border-bottom: 1px dashed #9e9d24;
}
/* 鱼篓 (Fish Basket - 挂在腰侧) */
.chu-basket {
    position: absolute; top: 20px; left: -4px;
    width: 6px; height: 8px; background: #8d6e63;
    border-radius: 2px 2px 4px 4px; z-index: 12;
    border: 1px solid #5d4037;
}
.chu-basket::after { /* 编织纹理 */
    content: 'x'; position: absolute; top: -2px; left: 1px;
    font-size: 8px; color: #3e2723;
}


/* --- 4. 头部 (斗笠) --- */
.chu-head-group {
    position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.chu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 5;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 */
.chu-eye-L { position: absolute; top: 8px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 6; }
.chu-eye-R { position: absolute; top: 8px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 6; }
.chu-beard { /* 刚毅短须 */
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 4px; border-bottom: 2px solid #212121; border-radius: 0 0 50% 50%; z-index: 6;
}

/* 竹斗笠 (Bamboo Hat) */
.chu-hat {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 22px; height: 8px;
    background: #fbc02d; /* 竹黄 */
    border-radius: 50% 50% 0 0; /* 圆锥形 */
    z-index: 7;
    border-bottom: 2px solid #f57f17;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
/* 斗笠纹理 */
.chu-hat::after {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 100%; background: rgba(0,0,0,0.1);
}


/* --- 5. 手臂与武器 (铁钓竿) --- */
/* 左手 (按鱼篓) */
.chu-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px;
    background: #546e7a; border-radius: 4px; transform: rotate(20deg); z-index: 9;
}
.chu-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 右手 (举竿) */
.chu-arm-R {
    position: absolute; top: 8px; right: -5px; width: 6px; height: 14px;
    background: #546e7a; border-radius: 4px;
    transform-origin: top center; transform: rotate(0deg); /* 高举过头 */
    z-index: 15;
}
.chu-hand-R { position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 铁钓竿 (Iron Rod) - 细长 */
.chu-rod {
    position: absolute; bottom: -2px; left: 1px;
    width: 2px; height: 50px; /* 长竿 */
    background: #37474f; /* 铁色 */
    transform-origin: bottom center;
    transform: rotate(10deg); /* 竿身微弯 */
    border-radius: 1px; z-index: 14;
}
/* 钓线 (Fishing Line) - 软绳动画 */
.chu-line-base {
    position: absolute; top: 0; left: 1px;
    width: 1px; height: 2px; background: #eceff1;
}
/* 第一段线 */
.chu-line-1 {
    position: absolute; top: 0; left: 0; width: 1px; height: 15px; background: rgba(255,255,255,0.6);
    transform-origin: top center;
    animation: chu-line-swing 2s ease-in-out infinite alternate;
}
/* 第二段线 */
.chu-line-2 {
    position: absolute; bottom: 0; left: 0; width: 1px; height: 15px; background: rgba(255,255,255,0.6);
    transform-origin: top center;
    animation: chu-line-swing 2s ease-in-out infinite alternate -1s; /* 滞后 */
}
/* 鱼钩 (Hook) */
.chu-hook {
    position: absolute; bottom: -4px; left: -2px;
    width: 4px; height: 4px;
    border-left: 1px solid #cfd8dc; border-bottom: 1px solid #cfd8dc;
    border-radius: 0 0 0 4px;
}


/* --- 6. 腿脚 --- */
.chu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.chu-feet::before, .chu-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #263238; border-radius: 2px 2px 0 0; }
.chu-feet::before { left: 0; } .chu-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes chu-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes chu-reed-sway { 0% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }
@keyframes chu-line-swing { 0% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }
/* =========================================
   【段正淳 (大理镇南王)】
   (紫袍金冠·一阳指翻转180度·强背光)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-duan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.duan-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: duan-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 --- */
.duan-aura-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.duan-blossom {
    position: absolute; top: -10px;
    width: 5px; height: 5px; background: #f48fb1; border-radius: 50% 0 50% 0;
    opacity: 0; animation: duan-blossom-fall 3s linear infinite;
}
.db-1 { left: 20%; animation-delay: 0s; transform: rotate(45deg); }
.db-2 { left: 80%; animation-delay: 1.5s; width: 4px; height: 4px; transform: rotate(10deg); }
.db-3 { left: 50%; animation-delay: 0.8s; background: #f8bbd0; }

/* --- 3. 身体 --- */
.duan-body {
    position: relative; width: 18px; height: 38px;
    background: linear-gradient(to bottom, #7b1fa2 0%, #4a148c 100%);
    border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 10;
}
.duan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #ffd700; z-index: 11;
}
.duan-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
.duan-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #e0f2f1; border-top: 1px solid #00695c; z-index: 11;
}
.duan-jade {
    position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 6px; background: #69f0ae; border-radius: 2px;
}

/* --- 4. 头部 (含强背光) --- */
.duan-head-group {
    position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.duan-head-light {
    position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%);
    width: 220%; height: 220%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 215, 0, 0.6) 40%, transparent 70%);
    z-index: 1; border-radius: 50%; filter: blur(3px);
}
.duan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 5;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.duan-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 6; }
.duan-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 6; }
.duan-mustache { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 8px; height: 1px; background: #212121; z-index: 6; }
.duan-beard {
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: #212121;
    clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 60;
}
.duan-crown {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 8px; background: #ffd700;
    border-radius: 2px 2px 0 0; border: 1px solid #f57f17; z-index: 70;
}
.duan-hair-bun {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 5px; background: #212121; border-radius: 4px 4px 0 0; z-index: 40;
}

/* --- 5. 手臂与武器 (一阳指翻转) --- */
/* 左手 */
.duan-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px;
    background: #7b1fa2; border-radius: 4px; transform: rotate(20deg); z-index: 9;
}
.duan-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
.duan-fan {
    position: absolute; top: -2px; left: -4px; width: 4px; height: 16px; background: #fff;
    border-bottom: 4px solid #3e2723; transform: rotate(-25deg);
}

/* 右手 (一阳指 - 向右平举) */
.duan-arm-R {
    position: absolute; top: 8px; right: -3px; width: 6px; height: 14px;
    background: #7b1fa2; border-radius: 4px;
    transform-origin: top center; transform: rotate(-90deg); /* 手臂向右 */
    z-index: 15;
}
.duan-hand-R { position: absolute; bottom: -4px; left: 0px; width: 6px; height: 6px; background: #ffccbc; border-radius: 2px; }

/* 【核心修改】指尖容器整体翻转 180 度 */
.duan-finger-tip {
    position: absolute; bottom: -6px; left: 1px; width: 4px; height: 8px; background: #ffccbc; border-radius: 2px;
    /* 翻转指尖和光束 */
    transform: rotate(180deg); 
    transform-origin: center center;
}
/* 光束 (在翻转后的容器内射出) */
.duan-finger-beam {
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 30px; 
    background: linear-gradient(to bottom, #ffd700, transparent); /* 亮黄到透明 */
    opacity: 0.8; z-index: 16; 
    animation: duan-beam-shoot 0.5s infinite alternate;
}

/* --- 6. 腿脚 --- */
.duan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.duan-feet::before, .duan-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.duan-feet::before { left: 0; } .duan-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes duan-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes duan-blossom-fall {
    0% { top: -10px; opacity: 0; transform: rotate(0deg); }
    20% { opacity: 1; }
    100% { top: 40px; opacity: 0; transform: rotate(180deg); }
}
@keyframes duan-beam-shoot {
    0% { height: 10px; opacity: 0.5; }
    100% { height: 35px; opacity: 0.9; box-shadow: 0 0 5px #ffd700; }
}
/* =========================================
   【霍都 (蒙古王子)】
   (锦衣贵胄·精钢折扇·袖中暗器·奸笑)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-huodu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.huodu-wrapper {
    position: relative;
    width: 17px; /* 偏瘦身形 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 轻浮地晃动 */
    animation: huodu-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：袖中冷箭 (Hidden Darts) --- */
.huodu-bg-effect {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 飞过的寒光 */
.huodu-dart {
    position: absolute; width: 10px; height: 1px;
    background: #fff;
    box-shadow: 0 0 4px #00e5ff; /* 毒光 */
    opacity: 0;
    animation: huodu-dart-fly 2s linear infinite;
}
.hd-1 { top: 30%; right: -20%; animation-delay: 0s; }
.hd-2 { top: 50%; right: -20%; animation-delay: 1.2s; width: 8px; }
.hd-3 { top: 70%; right: -20%; animation-delay: 0.6s; width: 12px; }


/* --- 3. 身体 (淡金锦袍) --- */
.huodu-body {
    position: relative; width: 17px; height: 38px;
    /* 淡金/米黄 */
    background: linear-gradient(to bottom, #fff9c4 0%, #ffe082 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 紫色领边 */
.huodu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #7b1fa2; /* 贵紫 */
    z-index: 11;
}
.huodu-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 华贵腰带 */
.huodu-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #4a148c; /* 深紫 */
    z-index: 11;
    border-top: 1px solid #ffd700; /* 金边 */
}
/* 玉佩 */
.huodu-pendant {
    position: absolute; top: 2px; right: 4px;
    width: 3px; height: 3px; background: #69f0ae; border-radius: 50%;
}


/* --- 4. 头部 (英俊奸笑) --- */
.huodu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.huodu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 白皙 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (轻佻) */
.huodu-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; transform: rotate(-5deg); z-index: 5; }
.huodu-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; transform: rotate(5deg); z-index: 5; }
/* 奸笑嘴 */
.huodu-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 1px; background: #000;
    transform: rotate(-5deg); /* 歪嘴笑 */
    z-index: 5;
}

/* 束发金冠 (Prince Crown) */
.huodu-crown {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #ffd700;
    border-radius: 2px; z-index: 30; border: 1px solid #f57f17;
}
.huodu-hair-bun {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 4px; background: #212121; border-radius: 4px 4px 0 0; z-index: 20;
}
/* 鬓角小辫 (蒙古特征) */
.huodu-braid-L {
    position: absolute; top: 4px; left: -1px; width: 2px; height: 8px; background: #212121; z-index: 10;
}
.huodu-braid-R {
    position: absolute; top: 4px; right: -1px; width: 2px; height: 8px; background: #212121; z-index: 10;
}


/* --- 5. 手臂与武器 (精钢扇) --- */
/* 右手 (摇扇) */
.huodu-arm-R {
    position: absolute; top: 8px; right: -5px; width: 6px; height: 14px;
    background: #fff9c4; border-radius: 4px;
    transform: rotate(-110deg); /* 举起摇扇 */
    z-index: 15;
    animation: huodu-fan-move 1s ease-in-out infinite alternate;
}
.huodu-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* 精钢折扇 (Steel Fan) */
.huodu-fan {
    position: absolute; top: 11px; left: 1px;
    width: 14px; height: 8px;
    background: #b0bec5; /* 铁色 */
    border-radius: 50% 50% 0 0;
    transform: rotate(-100deg); z-index: 16;
    border: 1px solid #78909c;
}
/* 扇骨 (Ribs) */
.huodu-fan::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 14px; height: 1px; background: transparent;
    border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #546e7a;
}
/* 扇钉 */
.huodu-fan-pivot {
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 0px; background: #ffd700; border-radius: 50%; z-index: 17;
}

/* 左手 (藏袖/暗器) */
.huodu-arm-L {
    position: absolute; top: 8px; left: -5px; width: 6px; height: 14px;
    background: #fff9c4; border-radius: 4px;
    transform: rotate(20deg);
    z-index: 15;
}
.huodu-hand-L {
    position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 毒钉 (Poison Nail) */
.huodu-hidden-nail {
    position: absolute; bottom: -2px; left: -2px;
    width: 1px; height: 5px; background: #000;
    transform: rotate(45deg); opacity: 0;
    animation: huodu-nail-show 3s infinite;
}


/* --- 6. 腿脚 --- */
.huodu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.huodu-feet::before, .huodu-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.huodu-feet::before { left: 0; } .huodu-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes huodu-sway { 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes huodu-fan-move { 0% { transform: rotate(-110deg); } 100% { transform: rotate(-100deg); } }
@keyframes huodu-dart-fly { 0% { transform: translateX(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translateX(-40px); opacity: 0; } }
@keyframes huodu-nail-show { 0%, 80% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 0; } }
/* =========================================
   【达尔巴】
   (藏红僧袍·黄帽·黄金杵·地裂碎石)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-darba-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.darba-wrapper {
    position: relative;
    width: 24px; /* 魁梧身材 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉重的呼吸，身体起伏 */
    animation: darba-heave 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：地裂碎石 (Cracked Earth) --- */
.darba-ground-effect {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 20px;
    z-index: -10; pointer-events: none;
}
/* 地面裂缝 */
.darba-crack {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 10px;
    border-bottom: 2px solid #5d4037;
    border-radius: 50%;
}
.darba-crack::after { /* 锯齿状裂纹 */
    content: ''; position: absolute; bottom: -2px; left: 10%; width: 80%; height: 4px;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 5px, #3e2723 5px, #3e2723 7px);
}
/* 震起的碎石 */
.darba-rock {
    position: absolute; bottom: 0; width: 4px; height: 3px;
    background: #795548; border-radius: 2px;
    animation: darba-rock-jump 1.5s ease-out infinite;
}
.dr-1 { left: 20%; animation-delay: 0s; }
.dr-2 { left: 80%; width: 3px; height: 3px; animation-delay: 0.5s; }


/* --- 3. 身体 (藏红僧袍) --- */
.darba-body {
    position: relative; width: 24px; height: 38px;
    /* 深红僧袍 */
    background: #b71c1c;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 黄色斜披袈裟 */
.darba-sash {
    position: absolute; top: 0; left: 0; width: 100%; height: 38px;
    background: linear-gradient(120deg, transparent 35%, #fbc02d 35%, #fbc02d 65%, transparent 65%);
    opacity: 0.9; pointer-events: none;
}
/* 粗腰带 */
.darba-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 6px;
    background: #3e2723; z-index: 11;
}

/* --- 4. 头部 (黄帽憨相) --- */
.darba-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.darba-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 较深肤色 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (浓眉大眼) */
.darba-eye-L { position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; background: #000; z-index: 5; }
.darba-eye-R { position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; background: #000; z-index: 5; }
.darba-eyebrow-L { position: absolute; top: 6px; left: 1px; width: 5px; height: 2px; background: #000; transform: rotate(10deg); z-index: 5; }
.darba-eyebrow-R { position: absolute; top: 6px; right: 1px; width: 5px; height: 2px; background: #000; transform: rotate(-10deg); z-index: 5; }
.darba-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 6px; height: 2px; background: #5d4037; border-radius: 2px; }

/* 尖顶黄帽 (Yellow Hat Sect) */
.darba-hat {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 9px solid transparent; border-right: 9px solid transparent;
    border-bottom: 10px solid #fbc02d;
    z-index: 3;
}
/* 帽檐毛边 */
.darba-hat-brim {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 18px; height: 4px; background: #f9a825; border-radius: 4px 4px 0 0; z-index: 4;
}


/* --- 5. 手臂与武器 (黄金杵) --- */
/* 右臂 (抱杵) */
.darba-arm-R {
    position: absolute; top: 8px; right: -6px; width: 7px; height: 14px;
    background: #b71c1c; border-radius: 4px;
    transform: rotate(-100deg); /* 手臂横抱 */
    z-index: 15;
}
.darba-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 7px; height: 7px; background: #d7ccc8; border-radius: 50%;
}

/* 左臂 (扶杵) */
.darba-arm-L {
    position: absolute; top: 12px; left: -4px; width: 7px; height: 14px;
    background: #b71c1c; border-radius: 4px;
    transform: rotate(45deg); /* 扶着下端 */
    z-index: 15;
}
.darba-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #d7ccc8; border-radius: 50%;
}

/* 黄金降魔杵 (Golden Vajra Pestle) */
.darba-pestle {
    position: absolute; top: -10px; left: -10px;
    width: 40px; height: 6px; /* 横向长杵 */
    background: linear-gradient(to right, #ffd700, #ffecb3, #ffd700);
    transform: rotate(-45deg); /* 斜着抱 */
    transform-origin: center;
    border-radius: 2px;
    z-index: 16;
    border: 1px solid #ff6f00;
}
/* 杵的两头 (Bulbs) */
.darba-pestle::before { /* 左头 */
    content: ''; position: absolute; left: -4px; top: -3px;
    width: 8px; height: 12px; background: #ffca28; border-radius: 4px; border: 1px solid #ff6f00;
}
.darba-pestle::after { /* 右头 */
    content: ''; position: absolute; right: -4px; top: -3px;
    width: 8px; height: 12px; background: #ffca28; border-radius: 4px; border: 1px solid #ff6f00;
}
/* 杵的握把 (Handle) */
.darba-pestle-handle {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 10px; height: 8px; background: #ff8f00; border-radius: 2px;
}


/* --- 6. 腿脚 (稳扎马步) --- */
.darba-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 20px; height: 5px; }
.darba-feet::before {
    content: ''; position: absolute; bottom: 0; left: 0; width: 8px; height: 5px;
    background: #212121; border-radius: 2px 2px 0 0; transform: skewX(10deg);
}
.darba-feet::after {
    content: ''; position: absolute; bottom: 0; right: 0; width: 8px; height: 5px;
    background: #212121; border-radius: 2px 2px 0 0; transform: skewX(-10deg);
}

/* --- 动画 --- */
@keyframes darba-heave { 0% { transform: translateY(0); } 100% { transform: translateY(1px); } }
@keyframes darba-rock-jump { 
    0% { transform: translateY(0); opacity: 0; } 
    10% { opacity: 1; }
    50% { transform: translateY(-10px) rotate(180deg); opacity: 1; } 
    100% { transform: translateY(0) rotate(360deg); opacity: 0; } 
}
/* =========================================
   【鹤笔翁 (玄冥二老)】
   (银白鹤氅·双判官笔·鹤立·玄冥冰羽)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-hebiweng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.hebiweng-wrapper {
    position: relative;
    width: 20px;
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 鹤立不稳的微晃 */
    animation: hebiweng-balance 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：玄冥冰羽 (Frost Feathers) --- */
.hebiweng-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 飘落的冰羽 */
.hebiweng-feather {
    position: absolute; top: -10px;
    width: 8px; height: 4px;
    background: #eceff1;
    border-radius: 50% 0 50% 0; /* 羽毛状 */
    opacity: 0;
    box-shadow: 0 0 2px #90a4ae;
    animation: hebiweng-feather-fall 3s linear infinite;
}
.hbf-1 { left: 20%; animation-delay: 0s; transform: rotate(20deg); }
.hbf-2 { left: 80%; animation-delay: 1.5s; width: 6px; height: 3px; transform: rotate(-10deg); }
.hbf-3 { left: 50%; animation-delay: 0.8s; width: 10px; height: 5px; }


/* --- 3. 身体 (银白鹤氅) --- */
.hebiweng-body {
    position: relative; width: 20px; height: 38px;
    /* 银白渐变 */
    background: linear-gradient(to bottom, #eceff1 0%, #cfd8dc 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 黑色鹤羽滚边 */
.hebiweng-trim {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
}
.hebiweng-trim::before { /* 领口黑边 */
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 12px; height: 12px;
    border-top: 4px solid #212121;
    border-radius: 50% 50% 0 0;
}
.hebiweng-trim::after { /* 衣襟黑边 */
    content: ''; position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 34px; background: #212121;
}
/* 腰带 */
.hebiweng-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #37474f; z-index: 11;
}


/* --- 4. 头部 (白眉高冠) --- */
.hebiweng-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.hebiweng-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #eeeeee; /* 苍白 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 */
.hebiweng-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; transform: rotate(-5deg); z-index: 5; }
.hebiweng-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; transform: rotate(5deg); z-index: 5; }

/* 长白眉 (Long White Eyebrows) */
.hebiweng-eyebrow-L {
    position: absolute; top: 5px; left: -1px; width: 4px; height: 10px;
    border-top: 2px solid #bdbdbd; border-left: 2px solid #bdbdbd;
    border-radius: 4px 0 0 0; transform: rotate(-10deg); z-index: 5;
}
.hebiweng-eyebrow-R {
    position: absolute; top: 5px; right: -1px; width: 4px; height: 10px;
    border-top: 2px solid #bdbdbd; border-right: 2px solid #bdbdbd;
    border-radius: 0 4px 0 0; transform: rotate(10deg); z-index: 5;
}
/* 白须 */
.hebiweng-beard {
    position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #bdbdbd; border-radius: 0 0 50% 50%; z-index: 4;
}

/* 鹤顶高冠 (Crane Hat) */
.hebiweng-hat {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 10px; background: #cfd8dc;
    border-radius: 4px 4px 0 0; z-index: 3;
}
/* 丹顶 (Red Spot) */
.hebiweng-hat::after {
    content: ''; position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; background: #d32f2f; border-radius: 50%;
}


/* --- 5. 手臂与武器 (双判官笔) --- */
/* 左手 (鹤展翅) */
.hebiweng-arm-L {
    position: absolute; top: 8px; left: -6px; width: 7px; height: 14px;
    background: #eceff1; border-radius: 4px;
    transform: rotate(60deg); /* 张开 */
    z-index: 15;
}
.hebiweng-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #eeeeee; border-radius: 50%;
}
/* 判官笔 L (Pen) */
.hebiweng-pen-L {
    position: absolute; top: 5px; left: 5px;
    width: 4px; height: 24px; background: #455a64; /* 铁杆 */
    transform: rotate(90deg); /* 横持 */
    z-index: 14; border-radius: 2px;
}
.hebiweng-pen-L::before { /* 笔尖 */
    content: ''; position: absolute; top: -6px; left: 0;
    width: 0; height: 0; border-left: 2px solid transparent; border-right: 2px solid transparent;
    border-bottom: 6px solid #cfd8dc; /* 银尖 */
}

/* 右手 (鹤展翅) */
.hebiweng-arm-R {
    position: absolute; top: 8px; right: -6px; width: 7px; height: 14px;
    background: #eceff1; border-radius: 4px;
    transform: rotate(-60deg); /* 张开 */
    z-index: 15;
}
.hebiweng-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #eeeeee; border-radius: 50%;
}
/* 判官笔 R */
.hebiweng-pen-R {
    position: absolute; top: 5px; right: 5px;
    width: 4px; height: 24px; background: #455a64;
    transform: rotate(-90deg);
    z-index: 14; border-radius: 2px;
}
.hebiweng-pen-R::before { /* 笔尖 */
    content: ''; position: absolute; top: -6px; left: 0;
    width: 0; height: 0; border-left: 2px solid transparent; border-right: 2px solid transparent;
    border-bottom: 6px solid #cfd8dc;
}


/* --- 6. 腿脚 (鹤立) --- */
/* 左脚 (支撑) */
.hebiweng-leg-L {
    position: absolute; bottom: -2px; left: 4px;
    width: 6px; height: 6px; background: #212121;
    border-radius: 0 0 2px 2px;
}
/* 右脚 (抬起 - 金鸡独立) */
.hebiweng-leg-R {
    position: absolute; bottom: 8px; right: 2px; /* 悬空 */
    width: 6px; height: 6px; background: #212121;
    border-radius: 0 0 2px 2px;
    transform: rotate(-30deg);
}

/* --- 动画 --- */
@keyframes hebiweng-balance { 
    0% { transform: rotate(1deg); } 
    100% { transform: rotate(-1deg); } 
}
@keyframes hebiweng-feather-fall {
    0% { top: -10px; opacity: 0; transform: translateX(0) rotate(0deg); }
    20% { opacity: 0.8; }
    100% { top: 40px; opacity: 0; transform: translateX(10px) rotate(45deg); }
}
/* =========================================
   【鹿杖客 (玄冥二老)】
   (褐裘皮帽·鹿头杖·玄冥神掌·阴煞寒气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-luzhangke-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.luzhangke-wrapper {
    position: relative;
    width: 22px; /* 穿着厚重 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 阴森地呼吸 */
    animation: luzhangke-breathe 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：玄冥阴煞 (Dark Ice Aura) --- */
.luzhangke-aura-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 寒气雾团 */
.luzhangke-mist {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.2) 0%, transparent 70%);
    filter: blur(5px);
    animation: luzhangke-mist-pulse 2s infinite alternate;
}
/* 飘散的冰屑 */
.luzhangke-ice-flake {
    position: absolute; width: 2px; height: 2px; background: #e0f7fa; border-radius: 50%;
    opacity: 0; box-shadow: 0 0 2px #00e5ff;
    animation: luzhangke-flake-rise 2s linear infinite;
}
.lif-1 { bottom: 10px; left: 30%; animation-delay: 0s; }
.lif-2 { bottom: 20px; left: 70%; animation-delay: 1s; }


/* --- 3. 身体 (褐裘皮毛) --- */
.luzhangke-body {
    position: relative; width: 22px; height: 38px;
    /* 深褐皮裘 */
    background: #5d4037;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 灰白毛领 (Fur Collar) */
.luzhangke-collar {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 24px; height: 8px;
    background: #bdbdbd; /* 灰毛 */
    border-radius: 10px;
    z-index: 12;
}
/* 衣襟开合 */
.luzhangke-robe-fold {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 32px; background: #3e2723;
}
/* 腰带 */
.luzhangke-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #3e2723; border: 1px solid #8d6e63; z-index: 11;
}


/* --- 4. 头部 (长须老者) --- */
.luzhangke-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.luzhangke-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #eeeeee; /* 苍白脸色 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 阴鸷五官 */
.luzhangke-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; transform: rotate(10deg); z-index: 5; }
.luzhangke-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; transform: rotate(-10deg); z-index: 5; }

/* 长灰须 */
.luzhangke-beard {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 8px; background: #bdbdbd;
    border-radius: 0 0 5px 5px; z-index: 5;
}
/* 皮帽 (Fur Hat) */
.luzhangke-hat {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 8px; background: #4e342e;
    border-radius: 6px 6px 2px 2px; z-index: 3;
}


/* --- 5. 手臂与武器 (鹿杖 & 玄冥掌) --- */
/* 右手 (拄杖) */
.luzhangke-arm-R {
    position: absolute; top: 8px; right: -6px; width: 7px; height: 14px;
    background: #5d4037; border-radius: 4px;
    transform: rotate(10deg); /* 自然下垂握杖 */
    z-index: 15;
}
.luzhangke-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #eeeeee; border-radius: 50%;
}

/* 鹿杖 (Deer Antler Staff) */
.luzhangke-staff {
    position: absolute; bottom: -18px; right: 0px;
    width: 4px; height: 50px;
    background: #3e2723; /* 黑木杖 */
    z-index: 14;
    transform: rotate(5deg);
}
/* 鹿角头 (Antler Head) */
.luzhangke-antler {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 10px;
}
/* 主角叉 */
.luzhangke-antler-main {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 3px; height: 10px; background: #ffe0b2; /* 骨色 */
    border-radius: 2px;
}
/* 分叉左 */
.luzhangke-antler-L {
    position: absolute; bottom: 4px; left: -4px;
    width: 8px; height: 3px; background: #ffe0b2;
    transform: rotate(-30deg); border-radius: 2px;
}
/* 分叉右 */
.luzhangke-antler-R {
    position: absolute; bottom: 6px; right: -3px;
    width: 6px; height: 3px; background: #ffe0b2;
    transform: rotate(30deg); border-radius: 2px;
}


/* 左手 (玄冥神掌) */
.luzhangke-arm-L {
    position: absolute; top: 8px; left: -6px; width: 7px; height: 14px;
    background: #5d4037; border-radius: 4px;
    transform: rotate(-60deg); /* 向前推掌 */
    z-index: 15;
}
/* 掌心发光 */
.luzhangke-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px;
    background: #eeeeee; border-radius: 50%;
    box-shadow: 0 0 8px #00e5ff; /* 冰蓝毒光 */
    animation: luzhangke-palm-glow 1s infinite alternate;
}
.luzhangke-hand-L::after { /* 掌心冷气 */
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 12px; height: 12px; background: radial-gradient(circle, rgba(0,229,255,0.4) 0%, transparent 100%);
    border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.luzhangke-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.luzhangke-feet::before, .luzhangke-feet::after { content: ''; position: absolute; bottom: 0; width: 7px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.luzhangke-feet::before { left: 0; } .luzhangke-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes luzhangke-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes luzhangke-mist-pulse { 0% { opacity: 0.5; transform: translateX(-50%) scale(1); } 100% { opacity: 0.8; transform: translateX(-50%) scale(1.1); } }
@keyframes luzhangke-flake-rise { 0% { transform: translateY(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(-20px); opacity: 0; } }
@keyframes luzhangke-palm-glow { 0% { box-shadow: 0 0 5px #00e5ff; } 100% { box-shadow: 0 0 12px #00e5ff; } }
/* =========================================
   【裘千仞 (铁掌水上漂)】
   (铁灰锦袍·白须宗师·真铁掌·水面涟漪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-qiu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.qiu-wrapper {
    position: relative;
    width: 20px;
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 悬浮在水面上，上下起伏 */
    animation: qiu-float-water 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：水面涟漪 (Water Ripples) --- */
.qiu-water-surface {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 20px;
    z-index: -10; pointer-events: none;
    perspective: 100px; /* 透视感 */
}
.qiu-ripple {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scaleX(2) scaleY(0.5);
    width: 20px; height: 20px;
    border: 2px solid #81d4fa; /* 水蓝色 */
    border-radius: 50%;
    opacity: 0;
    animation: qiu-ripple-expand 2s linear infinite;
}
.qr-1 { animation-delay: 0s; }
.qr-2 { animation-delay: 0.6s; }
.qr-3 { animation-delay: 1.2s; }


/* --- 3. 身体 (铁灰锦袍) --- */
.qiu-body {
    position: relative; width: 20px; height: 38px;
    /* 铁灰色渐变 */
    background: linear-gradient(to bottom, #546e7a 0%, #37474f 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 银色衣襟 (Silver Trim) */
.qiu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #cfd8dc; /* 银白领 */
    z-index: 11;
}
.qiu-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 帮主腰带 */
.qiu-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #263238; border-top: 1px solid #b0bec5; z-index: 11;
}
/* 飘摆的衣角 */
.qiu-robe-tail {
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 6px; background: #37474f; border-radius: 0 0 4px 4px;
}


/* --- 4. 头部 (宗师白须) --- */
.qiu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.qiu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 威严五官 */
.qiu-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.qiu-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.qiu-eyebrow-L { position: absolute; top: 5px; left: 1px; width: 5px; height: 2px; background: #eee; transform: rotate(-10deg); z-index: 5; }
.qiu-eyebrow-R { position: absolute; top: 5px; right: 1px; width: 5px; height: 2px; background: #eee; transform: rotate(10deg); z-index: 5; }

/* 长白胡须 */
.qiu-beard {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #eee;
    border-radius: 0 0 4px 4px; z-index: 5;
}

/* 铁冠 (Iron Crown) */
.qiu-crown {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #455a64;
    border-radius: 2px 2px 0 0; border: 1px solid #b0bec5; z-index: 3;
}
/* 发髻 */
.qiu-hair-bun {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 5px; background: #eee; border-radius: 4px 4px 0 0; z-index: 2;
}


/* --- 5. 手臂与武器 (真·铁掌) --- */
/* 左手 (后蓄平衡) */
.qiu-arm-L {
    position: absolute; top: 8px; left: -6px; width: 7px; height: 14px;
    background: #546e7a; border-radius: 4px;
    transform: rotate(45deg); /* 向后张开 */
    z-index: 15;
}
/* 铁掌 L */
.qiu-palm-L {
    position: absolute; bottom: -5px; left: 0; width: 8px; height: 8px;
    background: #212121; /* 纯黑 */
    border-radius: 50%;
    box-shadow: 0 0 5px #d84315; /* 红色内劲 */
}

/* 右手 (前推攻击) */
.qiu-arm-R {
    position: absolute; top: 8px; right: -6px; width: 7px; height: 14px;
    background: #546e7a; border-radius: 4px;
    transform: rotate(-100deg); /* 向前推掌 */
    z-index: 15;
}
/* 铁掌 R (更显眼) */
.qiu-palm-R {
    position: absolute; bottom: -5px; left: 0; width: 9px; height: 9px;
    background: #212121;
    border-radius: 2px;
    box-shadow: 0 0 8px #ff5722; /* 强烈的热煞之气 */
    transform: rotate(10deg);
}
.qiu-palm-R::after { /* 掌心热点 */
    content: ''; position: absolute; top: 2px; left: 2px; width: 5px; height: 5px; background: #ffab91; border-radius: 50%; opacity: 0.8;
}


/* --- 6. 腿脚 (点水式) --- */
.qiu-feet { position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 12px; height: 6px; }
/* 脚尖向下绷直 */
.qiu-feet::before {
    content: ''; position: absolute; bottom: 0; left: 0; width: 5px; height: 8px;
    background: #263238; border-radius: 0 0 2px 2px; transform: rotate(10deg);
}
.qiu-feet::after {
    content: ''; position: absolute; bottom: 0; right: 0; width: 5px; height: 8px;
    background: #263238; border-radius: 0 0 2px 2px; transform: rotate(-10deg);
}

/* --- 动画 --- */
@keyframes qiu-float-water { 
    0% { transform: translateY(0); } 
    100% { transform: translateY(-8px); } /* 大幅度悬浮 */
}
@keyframes qiu-ripple-expand { 
    0% { width: 10px; height: 10px; opacity: 0.8; border-width: 3px; } 
    100% { width: 60px; height: 60px; opacity: 0; border-width: 0px; } 
}
/* =========================================
   【陈近南】
   (白衣儒生·抱拳施礼·背负长剑·浩然正气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-chen-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.chen-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 沉稳呼吸 */
    animation: chen-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：浩然梅花 (Rising Plum Blossoms) --- */
.chen-aura-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.chen-plum {
    position: absolute; bottom: 0; width: 4px; height: 4px;
    background: #fff; border-radius: 50%; opacity: 0;
    box-shadow: 0 0 2px #eeeeee;
    animation: chen-plum-rise 4s linear infinite;
}
.cp-1 { left: 20%; animation-delay: 0s; }
.cp-2 { left: 80%; animation-delay: 1.5s; width: 3px; height: 3px; }
.cp-3 { left: 50%; animation-delay: 2.5s; }


/* --- 3. 身体 (白衣儒衫) --- */
.chen-body {
    position: relative; width: 18px; height: 38px;
    /* 纯白 */
    background: #fafafa;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    z-index: 10;
}
/* 交领 (Cross Collar) */
.chen-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #bdbdbd; /* 浅灰领边 */
    z-index: 11;
}
.chen-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc; /* 皮肤 */
}
/* 丹心腰带 */
.chen-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #b71c1c; /* 丹心红 */
    z-index: 11;
}
/* 垂下的衣摆 (中缝) */
.chen-body::after {
    content: ''; position: absolute; top: 25px; left: 50%; transform: translateX(-50%);
    width: 1px; height: 13px; background: #e0e0e0;
}


/* --- 4. 头部 (书生巾·长须) --- */
.chen-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.chen-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (正气) */
.chen-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.chen-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }

/* 三缕长须 (Goatee) */
.chen-beard {
    position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 5px;
    border-left: 1px solid #212121; border-right: 1px solid #212121;
    z-index: 5;
}
.chen-beard::after { /* 中间那缕 */
    content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 1px; height: 4px; background: #212121;
}

/* 书生巾 (Scholar Hat) */
.chen-hat {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px;
    background: #212121; border-radius: 4px 4px 0 0; z-index: 3;
}
/* 帽后飘带 */
.chen-hat-ribbon {
    position: absolute; top: 2px; right: -2px; width: 3px; height: 12px;
    background: #212121; transform: rotate(-10deg); z-index: 1;
}


/* --- 5. 手臂与武器 (抱拳·背剑) --- */
/* 背负长剑 (Sword on Back) */
.chen-sword-back {
    position: absolute; top: 0px; right: 0px;
    width: 6px; height: 40px;
    background: #37474f; /* 剑鞘 */
    border-radius: 2px;
    transform: rotate(25deg);
    z-index: 9; /* 身体后面 */
    border: 1px solid #263238;
}
/* 剑柄 */
.chen-sword-hilt {
    position: absolute; bottom: 100%; left: 0; width: 6px; height: 8px;
    background: #5d4037; border-radius: 2px 2px 0 0;
}
/* 红色剑穗 (Red Tassel) */
.chen-sword-tassel {
    position: absolute; top: -8px; left: 2px;
    width: 2px; height: 10px; background: #d32f2f;
    animation: chen-tassel-sway 2s ease-in-out infinite alternate;
}

/* 抱拳动作 (Baoquan Salute) */
/* 左臂 (手掌) */
.chen-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 12px;
    background: #fafafa; border-radius: 4px;
    transform: rotate(45deg); /* 向内合拢 */
    z-index: 15;
}
/* 左手 (掌，包住拳) */
.chen-hand-L {
    position: absolute; bottom: -4px; left: 1px;
    width: 4px; height: 8px; background: #ffccbc;
    border-radius: 2px; transform: rotate(90deg); /* 竖掌 */
    z-index: 17;
}

/* 右臂 (拳头) */
.chen-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 12px;
    background: #fafafa; border-radius: 4px;
    transform: rotate(-45deg); /* 向内合拢 */
    z-index: 15;
}
/* 右手 (拳) */
.chen-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px;
    background: #ffccbc; border-radius: 50%;
    z-index: 16;
}


/* --- 6. 腿脚 --- */
.chen-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.chen-feet::before, .chen-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.chen-feet::before { left: 0; } .chen-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes chen-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes chen-plum-rise { 
    0% { transform: translateY(0) rotate(0deg); opacity: 0; } 
    20% { opacity: 0.8; }
    100% { transform: translateY(-40px) rotate(180deg); opacity: 0; } 
}
@keyframes chen-tassel-sway { 0% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } }
/* =========================================
   【灵智上人】
   (藏红僧袍·尖顶黄帽·黑手毒砂掌·大铜钹)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-lingzhi-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.lingzhi-wrapper {
    position: relative;
    width: 22px; /* 魁梧僧人 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 击钹时的震动 */
    animation: lingzhi-vibrate 0.2s linear infinite;
}

/* --- 2. 背景特效：音波震荡 (Sound Waves) --- */
.lingzhi-soundwave-bg {
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
    width: 80px; height: 80px;
    z-index: -20; pointer-events: none;
    display: flex; justify-content: center; align-items: center;
}
.lingzhi-wave {
    position: absolute;
    border: 2px solid #fbc02d; /* 金色声波 */
    border-radius: 50%;
    opacity: 0;
    animation: lingzhi-wave-expand 1.5s linear infinite;
}
.lw-1 { width: 20px; height: 20px; animation-delay: 0s; }
.lw-2 { width: 20px; height: 20px; animation-delay: 0.5s; }
.lw-3 { width: 20px; height: 20px; animation-delay: 1.0s; }


/* --- 3. 身体 (藏红僧袍) --- */
.lingzhi-body {
    position: relative; width: 22px; height: 38px;
    /* 深红僧袍 */
    background: #b71c1c;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 袈裟披挂 (Sash/Drape) */
.lingzhi-sash {
    position: absolute; top: 0; left: 0; width: 100%; height: 38px;
    background: linear-gradient(110deg, transparent 30%, #880e4f 30%, #880e4f 60%, transparent 60%);
    border-radius: 6px 6px 4px 4px;
    opacity: 0.5;
}
/* 佛珠 (Prayer Beads) */
.lingzhi-beads {
    position: absolute; top: 14px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px;
    border-radius: 0 0 50% 50%;
    border-bottom: 3px dotted #5d4037; /* 木珠 */
    z-index: 11;
}


/* --- 4. 头部 (尖顶僧帽) --- */
.lingzhi-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.lingzhi-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #a1887f; /* 较深肤色 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 凶相 */
.lingzhi-eye-L { position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; background: #000; z-index: 5; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.lingzhi-eye-R { position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; background: #000; z-index: 5; clip-path: polygon(100% 0, 0 50%, 100% 100%); }
.lingzhi-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 6px; height: 2px; background: #3e2723; border-radius: 2px; }

/* 尖顶黄帽 (Pointed Yellow Hat) */
.lingzhi-hat {
    position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 9px solid transparent; border-right: 9px solid transparent;
    border-bottom: 12px solid #fbc02d; /* 黄帽 */
    z-index: 3;
}
/* 帽檐折起部分 */
.lingzhi-hat-brim {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 18px; height: 4px; background: #f9a825; border-radius: 4px 4px 0 0; z-index: 4;
}


/* --- 5. 手臂与武器 (大铜钹) --- */
/* 左臂 (持钹) */
.lingzhi-arm-L {
    position: absolute; top: 8px; left: -6px; width: 7px; height: 14px;
    background: #b71c1c; border-radius: 4px;
    transform: rotate(20deg); /* 向内 */
    z-index: 15;
    animation: lingzhi-clash-L 0.2s linear infinite alternate;
}
/* 黑手 (毒砂掌) */
.lingzhi-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px;
    background: #311b92; /* 黑紫色 */
    border-radius: 50%;
}
/* 铜钹 (Cymbal L) */
.lingzhi-cymbal-L {
    position: absolute; top: -4px; right: -6px; /* 握在手里 */
    width: 6px; height: 20px;
    background: #fdd835; /* 亮铜色 */
    border-radius: 50%;
    border: 1px solid #f9a825;
    transform: rotate(-10deg);
    z-index: 16;
}
/* 钹心凸起 */
.lingzhi-cymbal-L::after {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 4px; height: 6px; background: #f57f17; border-radius: 50%;
}

/* 右臂 (持钹) */
.lingzhi-arm-R {
    position: absolute; top: 8px; right: -6px; width: 7px; height: 14px;
    background: #b71c1c; border-radius: 4px;
    transform: rotate(-20deg); /* 向内 */
    z-index: 15;
    animation: lingzhi-clash-R 0.2s linear infinite alternate;
}
/* 黑手 */
.lingzhi-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px;
    background: #311b92;
    border-radius: 50%;
}
/* 铜钹 (Cymbal R) */
.lingzhi-cymbal-R {
    position: absolute; top: -4px; left: -6px;
    width: 6px; height: 20px;
    background: #fdd835;
    border-radius: 50%;
    border: 1px solid #f9a825;
    transform: rotate(10deg);
    z-index: 16;
}
.lingzhi-cymbal-R::after {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 4px; height: 6px; background: #f57f17; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.lingzhi-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.lingzhi-feet::before, .lingzhi-feet::after { content: ''; position: absolute; bottom: 0; width: 7px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.lingzhi-feet::before { left: 0; } .lingzhi-feet::after { right: 0; }

/* --- 动画 --- */
/* 身体震动 */
@keyframes lingzhi-vibrate { 0% { transform: translateY(0); } 50% { transform: translateY(1px); } 100% { transform: translateY(0); } }
/* 撞击动作 */
@keyframes lingzhi-clash-L { 0% { transform: rotate(20deg) translateX(0); } 100% { transform: rotate(40deg) translateX(2px); } }
@keyframes lingzhi-clash-R { 0% { transform: rotate(-20deg) translateX(0); } 100% { transform: rotate(-40deg) translateX(-2px); } }
/* 音波扩散 */
@keyframes lingzhi-wave-expand { 
    0% { width: 10px; height: 10px; opacity: 1; border-width: 3px; } 
    100% { width: 60px; height: 60px; opacity: 0; border-width: 0px; } 
}
/* =========================================
   【任盈盈 (圣姑)】
   (幽紫广袖长裙·怀抱古琴·竹林音符)
   ========================================= */
/* 竹编斗笠帽身 (The Hat Base) */
.renyingying-weimao-hat {
    position: absolute;
    top: -9px; /* 戴在发髻上 */
    left: 50%;
    transform: translateX(-50%);
    width: 26px; /* 宽大的帽檐 */
    height: 6px;
    background: #dce775; /* 竹黄色 */
    border-radius: 50% 50% 2px 2px; /* 扁平圆顶 */
    border-bottom: 2px solid #c0ca33; /* 帽沿边框 */
    z-index: 30; /* 最顶层，盖住头发 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* 半透明面纱 (The Sheer Veil) */
.renyingying-weimao-veil {
    position: absolute;
    top: -3px; /* 从帽檐下垂落 */
    left: 50%;
    transform: translateX(-50%);
    width: 24px; /* 比帽檐略窄 */
    height: 22px; /* 长至肩部 */
    /* 半透明渐变纱，带一点点淡紫色调 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(209, 196, 233, 0.7) 80%);
    border-radius: 4px 4px 10px 10px;
    z-index: 29; /* 在帽子下面，但在脸的上面 */
    backdrop-filter: blur(1px); /* 轻微模糊脸部，增加神秘感 */
    pointer-events: none; /* 不阻挡点击 */
    /* 随风轻微摆动 */
    animation: renyingying-veil-sway 4s ease-in-out infinite alternate;
}

/* 面纱轻摆动画 */
@keyframes renyingying-veil-sway {
    0% { transform: translateX(-50%) rotate(2deg); }
    100% { transform: translateX(-50%) rotate(-2deg); }
}
/* --- 1. 容器与 Wrapper --- */
.visual-renyingying-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.renyingying-wrapper {
    position: relative;
    width: 17px; /* 身姿窈窕 */
    height: 37px;
    z-index: 5;
    transform-origin: bottom center;
    /* 极其轻柔的呼吸感 */
    animation: renyingying-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：竹林音符 (Bamboo & Musical Notes) --- */
/* 飘落竹叶 */
.renyingying-bamboo-leaf {
    position: absolute; width: 6px; height: 3px;
    background: #66bb6a; /* 竹绿 */
    border-radius: 4px 0; /* 叶子形状 */
    opacity: 0;
    animation: renyingying-leaf-fall linear infinite;
}
.rbl-1 { top: 0; left: 20%; animation-duration: 5s; transform: rotate(30deg); }
.rbl-2 { top: 10%; left: 80%; animation-duration: 6s; animation-delay: 1s; transform: rotate(-20deg); background: #81c784; }

/* 飘起的音符 (Musical Notes - 简化表现) */
.renyingying-note {
    position: absolute; bottom: 10px;
    width: 4px; height: 6px;
    /* 用伪元素画一个简单的八分音符形状 */
}
.renyingying-note::before {
    content: '♪'; position: absolute; font-size: 8px; color: #e1bee7; /* 淡紫音符 */
    text-shadow: 0 0 2px #fff; opacity: 0;
    animation: renyingying-note-rise 3s ease-out infinite;
}
.rn-1 { left: 30%; animation-delay: 0.5s; }
.rn-2 { left: 60%; animation-delay: 1.5s; }
.rn-3 { left: 45%; animation-delay: 2.5s; font-size: 6px; }


/* --- 3. 身体 (幽紫广袖裙) --- */
.renyingying-body {
    position: relative; width: 17px; height: 37px;
    /* 幽紫色渐变 */
    background: linear-gradient(to bottom, #7e57c2 0%, #512da8 100%);
    border-radius: 5px 5px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口与内衬 (交领) */
.renyingying-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #d1c4e9; /* 月白内衬 */
    z-index: 11;
}
.renyingying-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc;
}
/* 束腰与玉佩 */
.renyingying-belt {
    position: absolute; top: 17px; left: 0; width: 100%; height: 5px;
    background: #4527a0; /* 深紫腰封 */
    z-index: 11;
}
.renyingying-jade {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #a5d6a7; /* 翠玉 */
    border-radius: 50%; box-shadow: 0 0 2px #fff;
}
/* 广袖 (Wide Sleeves - 静态垂下) */
.renyingying-sleeve-L {
    position: absolute; top: 6px; left: -4px; width: 6px; height: 20px;
    background: #7e57c2; border-radius: 4px 0 0 4px; z-index: 12;
}
.renyingying-sleeve-R {
    position: absolute; top: 6px; right: -4px; width: 6px; height: 20px;
    background: #7e57c2; border-radius: 0 4px 4px 0; z-index: 12;
}


/* --- 4. 头部 (绝代佳人) --- */
.renyingying-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 17px; z-index: 20;
}
.renyingying-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (秀美温婉) */
.renyingying-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1.5px; background: #000; z-index: 5; }
.renyingying-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1.5px; background: #000; z-index: 5; }
.renyingying-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #d81b60; z-index: 5; }

/* 发型 (优雅发髻) */
.renyingying-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 5px 5px 0 0; z-index: 1; }
.renyingying-hair-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #212121;
    border-radius: 5px 5px 2px 2px; z-index: 1;
}
/* 发饰 (紫水晶/银饰) */
.renyingying-hair-ornament {
    position: absolute; top: -3px; right: 0px;
    width: 4px; height: 4px; background: #e1bee7; border-radius: 50%; z-index: 3;
    box-shadow: -1px 1px 0 #9575cd;
}
/* 鬓角 */
.renyingying-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 12px;
    border-left: 2px solid #212121; border-right: 2px solid #212121; z-index: 1;
}


/* --- 5. 手臂与武器 (怀抱古琴) --- */
/* 古琴 (Guqin) */
.renyingying-guqin {
    position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%) rotate(-5deg);
    width: 24px; height: 6px;
    background: #3e2723; /* 深木色琴身 */
    border-radius: 2px;
    z-index: 16; /* 在袖子和身体之上 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
/* 琴弦 (7 strings simulated by a gradient) */
.renyingying-guqin::after {
    content: ''; position: absolute; top: 1px; left: 2px; width: 20px; height: 4px;
    background: repeating-linear-gradient(to bottom, #bcaaa4 0px, #bcaaa4 0.5px, transparent 0.5px, transparent 1px);
}
/* 琴徽 (Dots) */
.renyingying-guqin-dots {
    position: absolute; top: 2.5px; left: 4px; width: 16px; height: 1px;
    display: flex; justify-content: space-between;
}
.rg-dot { width: 1px; height: 1px; background: #fff; border-radius: 50%; }

/* 左手 (托琴) */
.renyingying-arm-L {
    position: absolute; top: 8px; left: -3px; width: 5px; height: 12px;
    background: #7e57c2; border-radius: 4px;
    transform: rotate(30deg); /* 向内托 */
    z-index: 15;
}
.renyingying-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
    z-index: 17; /* 手在琴上 */
}

/* 右手 (抚琴) */
.renyingying-arm-R {
    position: absolute; top: 8px; right: -3px; width: 5px; height: 12px;
    background: #7e57c2; border-radius: 4px;
    transform: rotate(-45deg); /* 向内抚 */
    z-index: 15;
}
.renyingying-hand-R {
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
    transform: rotate(20deg); /* 手指微曲动作 */
    z-index: 17; /* 手在琴上 */
}


/* --- 6. 腿脚 --- */
.renyingying-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 3px; }
.renyingying-feet::before, .renyingying-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #4527a0; border-radius: 2px 2px 0 0; }
.renyingying-feet::before { left: 0; } .renyingying-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes renyingying-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-0.5px); } }
@keyframes renyingying-leaf-fall {
    0% { transform: translate(0, 0) rotate(30deg); opacity: 0; }
    20% { opacity: 0.8; }
    100% { transform: translate(-20px, 50px) rotate(180deg); opacity: 0; }
}
@keyframes renyingying-note-rise {
    0% { transform: translateY(0) scale(0.8); opacity: 0; }
    30% { opacity: 0.8; }
    100% { transform: translateY(-20px) scale(1.2); opacity: 0; }
}
/* =========================================
   【李莫愁 (赤练仙子)】
   (杏黄道袍·拂尘·冰魄银针·情花针雨)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-limochou-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.limochou-wrapper {
    position: relative;
    width: 16px; /* 女性身形 */
    height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 飘逸悬浮感 */
    animation: limochou-float 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：冰针花雨 (Ice Needles & Petals) --- */
/* 冰魄银针 (Fast falling lines) */
.limochou-needle-rain {
    position: absolute; top: -20px; left: 10%; width: 1px; height: 10px;
    background: #e0f7fa;
    box-shadow: 0 0 2px #fff;
    opacity: 0;
    animation: limochou-rain-fall 0.8s linear infinite;
}
.lnr-1 { left: 20%; animation-delay: 0s; height: 12px; }
.lnr-2 { left: 80%; animation-delay: 0.3s; height: 8px; }
.lnr-3 { left: 50%; animation-delay: 0.6s; height: 15px; }

/* 情花瓣 (Slow falling petals) */
.limochou-petal {
    position: absolute; width: 4px; height: 3px;
    background: #e91e63; /* 玫红 */
    border-radius: 50% 0 50% 0;
    opacity: 0;
    animation: limochou-petal-drift 4s linear infinite;
}
.lp-1 { top: 0; left: 30%; animation-delay: 0s; }
.lp-2 { top: 10%; left: 70%; animation-delay: 2s; background: #f48fb1; }


/* --- 3. 身体 (杏黄道袍) --- */
.limochou-body {
    position: relative; width: 16px; height: 36px;
    /* 杏黄色 */
    background: #ffb74d;
    border-radius: 5px 5px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 蓝色道领 */
.limochou-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 10px solid #3f51b5; /* 靛青 */
    z-index: 11;
}
.limochou-collar::after {
    content: ''; position: absolute; top: -12px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc; /* 皮肤 */
}

/* 蓝色腰封 */
.limochou-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #303f9f;
    z-index: 11;
}
/* 丝带飘垂 */
.limochou-sash {
    position: absolute; top: 22px; right: 2px; width: 3px; height: 12px;
    background: #5c6bc0; transform: rotate(-10deg);
}


/* --- 4. 头部 (美艳道姑) --- */
.limochou-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 16px; z-index: 20;
}
.limochou-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 朱砂痣 (Cinnabar Mole) */
.limochou-mole {
    position: absolute; top: 3px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 2px; background: #d50000; border-radius: 50%; z-index: 6;
}
/* 冷艳五官 */
.limochou-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; transform: rotate(-5deg); }
.limochou-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; transform: rotate(5deg); }
.limochou-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #c2185b; z-index: 5; } /* 红唇 */

/* 道冠 (Daoist Cap) */
.limochou-cap {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 6px; background: #303f9f;
    border-radius: 4px 4px 0 0; z-index: 3;
}
/* 发簪 */
.limochou-hairpin {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 16px; height: 2px; background: #bdbdbd; z-index: 4;
}
/* 鬓角 */
.limochou-hair-side {
    position: absolute; top: 2px; left: -1px; width: 16px; height: 10px;
    border-left: 2px solid #212121; border-right: 2px solid #212121; z-index: 1;
}


/* --- 5. 手臂与武器 (拂尘 & 银针) --- */
/* 左手 (捏银针) */
.limochou-arm-L {
    position: absolute; top: 8px; left: -4px; width: 5px; height: 13px;
    background: #ffb74d; border-radius: 4px;
    transform: rotate(45deg); /* 抬起 */
    z-index: 15;
}
.limochou-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 手中的银针 (Tiny Silver Needle) */
.limochou-hand-needle {
    position: absolute; bottom: -6px; left: 2px;
    width: 1px; height: 8px; background: #fff;
    box-shadow: 0 0 3px #00e5ff; /* 毒光 */
    z-index: 16;
}

/* 右手 (持拂尘) */
.limochou-arm-R {
    position: absolute; top: 8px; right: -4px; width: 5px; height: 13px;
    background: #ffb74d; border-radius: 4px;
    transform: rotate(-20deg); /* 自然下垂微张 */
    z-index: 15;
}
.limochou-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 拂尘柄 (Whisk Handle) */
.limochou-whisk-handle {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 10px; background: #3e2723;
    z-index: 14;
}
/* 拂尘毛 (Whisk Hair) - 柔软下垂 */
.limochou-whisk-hair {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 18px;
    background: #f5f5f5; /* 白毛 */
    border-radius: 2px 2px 4px 4px;
    z-index: 13;
    transform-origin: top center;
    animation: limochou-whisk-sway 2s ease-in-out infinite alternate;
}
/* 拂尘纹理 */
.limochou-whisk-hair::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 1px, #e0e0e0 1px, #e0e0e0 2px);
}


/* --- 6. 腿脚 --- */
.limochou-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 3px; }
.limochou-feet::before, .limochou-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.limochou-feet::before { left: 0; } .limochou-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes limochou-float { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes limochou-whisk-sway { 0% { transform: translateX(-50%) rotate(5deg); } 100% { transform: translateX(-50%) rotate(-5deg); } }
@keyframes limochou-rain-fall { 
    0% { transform: translateY(0); opacity: 0; } 
    30% { opacity: 1; }
    100% { transform: translateY(60px); opacity: 0; } 
}
@keyframes limochou-petal-drift {
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
    20% { opacity: 1; }
    100% { transform: translate(-20px, 40px) rotate(90deg); opacity: 0; }
}
/* =========================================
   【岳老三 (南海鳄神)】
   (土黄粗布·大头·巨大鳄嘴剪·鳄鱼咬合)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yue-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.yue-wrapper {
    position: relative;
    width: 22px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    animation: yue-stomp 0.5s infinite alternate;
}

/* --- 2. 背景特效：鳄鱼巨颚 --- */
.yue-croc-bg {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 80px; height: 60px;
    z-index: -20; pointer-events: none; opacity: 0.2;
}
.yue-jaw-upper {
    position: absolute; top: 0; left: 0; width: 100%; height: 50%;
    background: #2e7d32; border-radius: 40px 40px 0 0;
    transform-origin: bottom center; animation: yue-jaw-snap-upper 2s ease-in-out infinite;
}
.yue-jaw-lower {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;
    background: #2e7d32; border-radius: 0 0 40px 40px;
    transform-origin: top center; animation: yue-jaw-snap-lower 2s ease-in-out infinite;
}
.yue-jaw-upper::after {
    content: ''; position: absolute; bottom: -4px; left: 10%; width: 80%; height: 4px;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 10px, #fff 10px, #fff 14px);
}

/* --- 3. 身体 --- */
.yue-body {
    position: relative; width: 22px; height: 36px;
    background: #d7ccc8;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
.yue-vest {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 18px;
    background: #558b2f; border-radius: 6px 6px 0 0; z-index: 11;
}
.yue-belt { position: absolute; top: 18px; left: 0; width: 100%; height: 6px; background: #5d4037; z-index: 11; }
.yue-chest {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 8px; height: 10px; background: #d7ccc8;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.yue-chest::after { content: '::'; position: absolute; top: 0; left: 1px; color: #3e2723; font-size: 8px; letter-spacing: -1px; }

/* --- 4. 头部 --- */
.yue-head-group {
    position: absolute; top: -15px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 18px; z-index: 20;
}
.yue-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 5px; z-index: 2; box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.yue-eye-L { position: absolute; top: 7px; left: 3px; width: 2px; height: 2px; background: #000; z-index: 5; }
.yue-eye-R { position: absolute; top: 7px; right: 3px; width: 2px; height: 2px; background: #000; z-index: 5; }
.yue-eyebrow-L { position: absolute; top: 5px; left: 2px; width: 5px; height: 1px; background: #000; transform: rotate(20deg); z-index: 5; }
.yue-eyebrow-R { position: absolute; top: 5px; right: 2px; width: 5px; height: 1px; background: #000; transform: rotate(-20deg); z-index: 5; }
.yue-mouth { position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); width: 8px; height: 2px; background: #3e2723; border-radius: 1px; z-index: 5; }
.yue-beard { position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background: #3e2723; opacity: 0.3; border-radius: 0 0 5px 5px; z-index: 5; }
.yue-hair-tuft { position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 4px; height: 6px; background: #212121; border-radius: 50% 50% 0 0; z-index: 5; }

/* --- 5. 手臂与武器 (定位修正) --- */
/* 左手叉腰 */
.yue-arm-L {
    position: absolute; top: 8px; left: -5px; width: 7px; height: 14px;
    background: #558b2f; border-radius: 4px; transform: rotate(30deg); z-index: 15;
}
.yue-hand-L { position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (举起握把) */
.yue-arm-R {
    position: absolute; top: 8px; right: -5px; width: 7px; height: 14px;
    background: #558b2f; border-radius: 4px;
    transform: rotate(-145deg); /* 手臂抬起 */
    z-index: 15;
}
.yue-hand-R { position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 鳄嘴剪 (修正定位逻辑) */
.yue-shears {
    position: absolute;
    /* 改用 bottom 定位，基于身体/地面高度 */
    bottom: 0px; 
    right: -3px; 
    width: 20px; height: 40px;
    z-index: -5;
    transform-origin: bottom center; /* 以握把底部为轴心 */
    transform: rotate(120deg); /* 向后靠在肩上的角度 */
}

/* 剪刀结构 */
.yue-shear-handle {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 4px; height: 12px; background: #3e2723; /* 长柄在下 */
    z-index: 9;
}
.yue-shears-pivot {
    position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #424242; border-radius: 50%; border: 1px solid #9e9e9e; z-index: 10;
}
/* 刃部在上 */
.yue-shear-blade-top {
    position: absolute; bottom: 16px; right: 2px; /* 偏右 */
    width: 8px; height: 24px; background: #757575;
    transform-origin: bottom center;
    border-radius: 0 80% 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 10%, 0 20%, 20% 30%, 0 40%, 20% 50%, 0 60%);
    animation: yue-snip-R 0.5s infinite alternate;
}
.yue-shear-blade-bottom {
    position: absolute; bottom: 16px; left: 2px; /* 偏左 */
    width: 8px; height: 24px; background: #757575;
    transform-origin: bottom center;
    border-radius: 80% 0 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 80% 10%, 100% 20%, 80% 30%, 100% 40%, 80% 50%, 100% 60%);
    animation: yue-snip-L 0.5s infinite alternate;
}

/* --- 6. 腿脚 --- */
.yue-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.yue-feet::before, .yue-feet::after { content: ''; position: absolute; bottom: 0; width: 7px; height: 4px; background: #3e2723; border-radius: 2px 2px 0 0; }
.yue-feet::before { left: 0; } .yue-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes yue-stomp { 0% { transform: translateY(0); } 100% { transform: translateY(2px); } }
/* 剪刀开合修正 */
@keyframes yue-snip-L { 0% { transform: rotate(-5deg); } 100% { transform: rotate(-25deg); } }
@keyframes yue-snip-R { 0% { transform: rotate(5deg); } 100% { transform: rotate(25deg); } }

@keyframes yue-jaw-snap-upper { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(-20deg); } }
@keyframes yue-jaw-snap-lower { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(20deg); } }
/* =========================================
   【飞贼】
   (紧身夜行衣·飞抓(软绳版)·腾空·屋檐残月)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-feizei-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.feizei-wrapper {
    position: relative;
    width: 16px; height: 36px;
    z-index: 5;
    transform-origin: bottom center;
    /* 整体腾空感 */
    animation: feizei-swing-body 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：飞檐残月 --- */
.feizei-roof-bg {
    position: absolute; bottom: 0; right: -10px; width: 60px; height: 30px;
    z-index: -10; pointer-events: none;
    background: #455a64;
    clip-path: polygon(0 100%, 100% 100%, 100% 20%, 60% 40%, 20% 80%);
}
.feizei-roof-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(45deg, transparent 0, transparent 5px, rgba(0,0,0,0.3) 5px, rgba(0,0,0,0.3) 6px);
}
.feizei-moon {
    position: absolute; top: 10px; left: 10px; width: 16px; height: 16px;
    background: #fff9c4; border-radius: 50%; box-shadow: 0 0 10px rgba(255, 249, 196, 0.5); z-index: -20;
}
.feizei-speed-line {
    position: absolute; background: rgba(255,255,255,0.2); height: 1px; border-radius: 1px;
    animation: feizei-dash 1s linear infinite;
}
.fsl-1 { top: 20%; left: 0; width: 20px; animation-duration: 0.8s; }
.fsl-2 { top: 60%; right: 0; width: 30px; animation-duration: 1.2s; }

/* --- 3. 身体 (紧身夜行衣) --- */
.feizei-body {
    position: relative; width: 16px; height: 36px;
    background: #37474f; border-radius: 5px 5px 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); z-index: 10;
}
.feizei-harness { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.feizei-harness::before {
    content: ''; position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 14px; background: transparent; border-left: 1px solid #90a4ae; border-right: 1px solid #90a4ae;
}
.feizei-belt { position: absolute; top: 18px; left: 0; width: 100%; height: 4px; background: #263238; border-top: 1px solid #90a4ae; z-index: 11; }

/* --- 4. 头部 (蒙面·飘带) --- */
.feizei-head-group { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 14px; height: 16px; z-index: 20; }
.feizei-hood { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 10px; background: #37474f; border-radius: 5px 5px 0 0; z-index: 2; }
.feizei-mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #263238; z-index: 3; border-radius: 0 0 5px 5px; }
.feizei-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #fff; opacity: 0.9; z-index: 4; }
.feizei-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #fff; opacity: 0.9; z-index: 4; }
.feizei-ribbon {
    position: absolute; top: 0; right: -2px; width: 3px; height: 16px; background: #37474f; transform-origin: top center;
    animation: feizei-ribbon-flutter 0.5s linear infinite alternate; z-index: 0;
}

/* --- 5. 手臂与武器 (软绳飞抓) --- */
/* 左手 (平衡) */
.feizei-arm-L {
    position: absolute; top: 8px; left: -4px; width: 5px; height: 14px;
    background: #37474f; border-radius: 3px; transform: rotate(-45deg); z-index: 15;
}
.feizei-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #263238; border-radius: 50%; }

/* 右手 (提着软绳) */
.feizei-arm-R {
    position: absolute; top: 6px; right: -4px; width: 5px; height: 14px;
    background: #37474f; border-radius: 3px;
    transform: rotate(-130deg); /* 手臂抬起，手腕向下 */
    z-index: 15;
}
.feizei-hand-R { position: absolute; bottom: -3px; left: 0px; width: 5px; height: 5px; background: #263238; border-radius: 50%; }

/* 【核心修改】软绳结构 (Soft Rope Segments) */
/* 绳子基部，连接手掌 */
.feizei-rope-base {
    position: absolute; top: 3px; left: 2px;
    width: 2px; height: 2px; background: #cfd8dc;
    transform-origin: top center;
    /* 主摆动，带动下面的绳段 */
    animation: feizei-rope-sway-main 2s ease-in-out infinite alternate;
}
/* 绳段通用样式 */
.feizei-rope-seg {
    position: absolute; top: 90%; left: 0; /* 稍微重叠连接 */
    width: 2px; height: 8px; background: #cfd8dc;
    transform-origin: top center; /* 关键：以顶部为轴心摆动 */
}
/* 子绳段的滞后摆动，制造柔软感 */
.frs-2 { animation: feizei-rope-sway-child 2s ease-in-out infinite alternate -0.3s; }
.frs-3 { animation: feizei-rope-sway-child 2s ease-in-out infinite alternate -0.6s; }

/* 下垂的飞抓头 (Hanging Claw) */
.feizei-claw-hanging {
    position: absolute; top: 95%; left: -3px;
    width: 8px; height: 6px;
    /* 倒置的爪子 */
    border-top: 2px solid #b0bec5; border-left: 2px solid #b0bec5; border-right: 2px solid #b0bec5;
    border-radius: 4px 4px 0 0;
    transform-origin: top center;
    animation: feizei-claw-sway 2s ease-in-out infinite alternate -0.8s;
}
.feizei-claw-hanging::after { /* 中间的尖刺朝下 */
    content: ''; position: absolute; bottom: -3px; left: 2px; width: 2px; height: 4px; background: #b0bec5;
}


/* --- 6. 腿脚 --- */
.feizei-feet { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.feizei-feet::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 5px; height: 4px; background: #263238; border-radius: 2px 2px 0 0; transform: rotate(-20deg); }
.feizei-feet::after { content: ''; position: absolute; bottom: 0; right: 0; width: 5px; height: 6px; background: #263238; border-radius: 2px 2px 2px 2px; transform: rotate(10deg); }

/* --- 动画 --- */
/* 身体腾空摇摆 */
@keyframes feizei-swing-body {
    0% { transform: rotate(3deg) translateY(-3px); }
    50% { transform: rotate(0deg) translateY(0px); }
    100% { transform: rotate(-3deg) translateY(-3px); }
}
/* 【新增】绳索主摆动 (幅度大) */
@keyframes feizei-rope-sway-main {
    0% { transform: rotate(-25deg); }
    100% { transform: rotate(25deg); }
}
/* 【新增】绳索子段摆动 (幅度小，用于叠加) */
@keyframes feizei-rope-sway-child {
    0% { transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}
/* 【新增】爪子末端摆动 */
@keyframes feizei-claw-sway {
    0% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}

@keyframes feizei-ribbon-flutter { 0% { transform: rotate(40deg) scaleY(1); } 100% { transform: rotate(60deg) scaleY(0.9); } }
@keyframes feizei-dash { 0% { transform: translateX(20px); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: translateX(-20px); opacity: 0; } }
/* =========================================
   【土匪】
   (虎皮坎肩·独眼眼罩·狼牙棒·漫天黄尘)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-tufei-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.tufei-wrapper {
    position: relative;
    width: 22px; /* 魁梧 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 颠簸感（骑马或走路大摇大摆） */
    animation: tufei-bounce 0.5s infinite alternate;
}

/* --- 2. 背景特效：漫天黄尘 (Dust Storm) --- */
.tufei-dust-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.tufei-dust-cloud {
    position: absolute; bottom: 0; background: #d7ccc8;
    border-radius: 50%; opacity: 0.6;
    animation: tufei-dust-rise 2s linear infinite;
}
.td-1 { left: 10%; width: 20px; height: 10px; animation-duration: 1.5s; }
.td-2 { left: 60%; width: 30px; height: 15px; animation-duration: 2s; animation-delay: 0.5s; }
.td-3 { left: 30%; width: 15px; height: 8px; animation-duration: 1.2s; animation-delay: 1s; }


/* --- 3. 身体 (虎皮坎肩) --- */
.tufei-body {
    position: relative; width: 22px; height: 38px;
    /* 深灰底色 */
    background: #424242;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 虎皮纹理 (Tiger Skin Vest) */
.tufei-vest {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 100%; height: 20px;
    background: #ffb74d; /* 虎皮底色 */
    border-radius: 6px 6px 2px 2px;
    z-index: 11;
    overflow: hidden;
}
/* 虎纹条纹 */
.tufei-stripe {
    position: absolute; background: #3e2723; border-radius: 50%;
}
.ts-1 { top: 4px; left: 0; width: 8px; height: 2px; transform: rotate(10deg); }
.ts-2 { top: 8px; right: 0; width: 10px; height: 2px; transform: rotate(-5deg); }
.ts-3 { top: 14px; left: 4px; width: 12px; height: 3px; transform: rotate(5deg); }

/* 粗腰带 */
.tufei-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 6px;
    background: #5d4037; border-top: 1px solid #8d6e63; z-index: 12;
}

/* --- 4. 头部 (独眼·皮帽) --- */
.tufei-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
.tufei-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; /* 粗糙皮肤 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

/* 独眼罩 (Eyepatch) */
.tufei-eyepatch {
    position: absolute; top: 6px; left: 2px; width: 5px; height: 5px;
    background: #212121; border-radius: 50%; z-index: 6;
}
.tufei-eyepatch-strap {
    position: absolute; top: 8px; left: 0; width: 100%; height: 1px;
    background: #212121; z-index: 5; transform: rotate(-10deg);
}
/* 另一只眼 */
.tufei-eye-R { position: absolute; top: 8px; right: 3px; width: 3px; height: 2px; background: #000; z-index: 5; }

/* 刀疤 (Scar) */
.tufei-scar {
    position: absolute; top: 5px; right: 4px; width: 6px; height: 8px;
    border-left: 1px solid #b71c1c; transform: rotate(20deg); opacity: 0.6; z-index: 4;
}
/* 嘴 (凶狠) */
.tufei-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 2px; background: #3e2723; border-radius: 2px; z-index: 5;
}

/* 皮帽 (Fur Hat) */
.tufei-hat {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 8px;
    background: #5d4037; border-radius: 6px 6px 2px 2px; z-index: 3;
}
/* 帽檐毛边 */
.tufei-hat-trim {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;
    background: #a1887f; border-radius: 2px;
}


/* --- 5. 手臂与武器 (狼牙棒) --- */
/* 右手 (斜握狼牙棒) */
.tufei-arm-R {
    position: absolute; top: 6px; right: -6px; width: 7px; height: 14px;
    background: #424242; border-radius: 4px;
    transform: rotate(-45deg); /* 手臂下垂斜握 */
    z-index: 15;
}
.tufei-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%;
}

/* 狼牙棒 (Mace/Spiked Club) */
.tufei-mace {
    position: absolute; top: -10px; left: 0px;
    width: 6px; height: 40px;
    background: #795548; /* 木柄 */
    transform: rotate(-15deg);
    z-index: 14;
    border-radius: 2px;
}
/* 棒头 (Head) */
.tufei-mace-head {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 10px; height: 14px; background: #616161; /* 铁头 */
    border-radius: 4px;
}
/* 尖刺 (Spikes) */
.tufei-spike {
    position: absolute; width: 0; height: 0;
    border-left: 2px solid transparent; border-right: 2px solid transparent;
    border-bottom: 3px solid #bdbdbd;
}
.tsp-1 { top: -2px; left: 3px; }
.tsp-2 { top: 4px; left: -2px; transform: rotate(-90deg); }
.tsp-3 { top: 4px; right: -2px; transform: rotate(90deg); }
.tsp-4 { top: 8px; left: -1px; transform: rotate(-45deg); }
.tsp-5 { top: 8px; right: -1px; transform: rotate(45deg); }


/* 左手 (勒马/握拳) */
.tufei-arm-L {
    position: absolute; top: 6px; left: -6px; width: 7px; height: 14px;
    background: #424242; border-radius: 4px;
    transform: rotate(20deg);
    z-index: 15;
}
.tufei-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%;
}

/* --- 6. 腿脚 --- */
.tufei-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; }
.tufei-feet::before, .tufei-feet::after { content: ''; position: absolute; bottom: 0; width: 7px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.tufei-feet::before { left: 0; } .tufei-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes tufei-bounce { 0% { transform: translateY(0); } 100% { transform: translateY(2px); } }
@keyframes tufei-dust-rise { 
    0% { transform: scale(0.5) translateY(0); opacity: 0.6; } 
    100% { transform: scale(1.5) translateY(-10px); opacity: 0; } 
}
/* =========================================
   【强盗】
   (夜行衣·蒙面·赃物包裹·短匕·月黑风高)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-robber-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.robber-wrapper {
    position: relative;
    width: 18px; height: 36px; /* 略微佝偻，显矮 */
    z-index: 5;
    transform-origin: bottom center;
    /* 鬼鬼祟祟的潜行动作 */
    animation: robber-sneak 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：月黑风高 (Dark Moon Night) --- */
.robber-night-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
    background: radial-gradient(circle at 50% 20%, rgba(40, 53, 147, 0.2) 0%, transparent 60%); /* 夜色微光 */
}
/* 残月 (Crescent Moon) */
.robber-moon {
    position: absolute; top: 10px; right: 10px;
    width: 12px; height: 12px;
    border-radius: 50%;
    box-shadow: -3px 1px 0 #fff; /* 利用阴影做月牙 */
    opacity: 0.8;
    transform: rotate(-20deg);
}
/* 乌云遮月 */
.robber-cloud {
    position: absolute; top: 14px; right: 6px;
    width: 16px; height: 6px; background: #455a64; border-radius: 4px;
    opacity: 0.8; animation: robber-cloud-move 5s linear infinite alternate;
}


/* --- 3. 身体 (夜行衣 & 包裹) --- */
/* 赃物包裹 (Loot Sack) - 在身体后面 */
.robber-sack {
    position: absolute; top: 5px; left: 50%; transform: translateX(-40%); /* 略微偏右 */
    width: 16px; height: 20px;
    background: #d7ccc8; /* 麻袋色 */
    border-radius: 40% 50% 40% 40%;
    z-index: 4; /* 身体之下 */
    border: 1px solid #8d6e63;
}
/* 露出的财宝 */
.robber-sack::after {
    content: ''; position: absolute; top: 2px; right: 2px;
    width: 4px; height: 4px; background: #ffd700; border-radius: 50%;
    box-shadow: -2px 2px 0 #ffeb3b; /* 金币 */
}
/* 包裹系带 */
.robber-sack-strap {
    position: absolute; top: 4px; left: 2px; width: 18px; height: 24px;
    border-radius: 0 10px 10px 0;
    border-right: 2px solid #5d4037; /* 绳子勒在身上 */
    z-index: 12; pointer-events: none;
}

.robber-body {
    position: relative; width: 18px; height: 36px;
    /* 深夜蓝夜行衣 */
    background: #1a237e;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    z-index: 10;
}
/* 紧身束带 */
.robber-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: #000; z-index: 11;
}
/* 夜行衣褶皱 */
.robber-body::after {
    content: ''; position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
    width: 1px; height: 30px; background: rgba(0,0,0,0.2);
}


/* --- 4. 头部 (蒙面) --- */
.robber-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 16px; z-index: 20;
}
.robber-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 头巾 (Headwrap) */
.robber-headwrap {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #1a237e;
    border-radius: 4px 4px 0 0; z-index: 5;
}
/* 蒙面巾 (Mask) */
.robber-mask {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;
    background: #000;
    border-radius: 0 0 6px 6px;
    z-index: 6;
}
/* 贼眼 */
.robber-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.robber-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }


/* --- 5. 手臂与武器 --- */
/* 左手 (抓包裹带子) */
.robber-arm-L {
    position: absolute; top: 8px; left: -3px; width: 6px; height: 12px;
    background: #1a237e; border-radius: 4px;
    transform: rotate(30deg); /* 往胸前抓带子 */
    z-index: 15;
}
.robber-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* 右手 (反握匕首) */
.robber-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 12px;
    background: #1a237e; border-radius: 4px;
    transform: rotate(-20deg); /* 垂在身侧，蓄势 */
    z-index: 15;
}
.robber-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 短匕首 (Dagger - Reverse Grip) */
.robber-dagger {
    position: absolute; bottom: -6px; right: 0px;
    width: 4px; height: 14px;
    background: #cfd8dc;
    border-radius: 0 0 50% 50%; /* 尖头朝下 */
    transform: rotate(10deg);
    z-index: 14;
}
/* 匕首护手 */
.robber-dagger-guard {
    position: absolute; top: 0; left: -2px; width: 8px; height: 2px; background: #424242;
}


/* --- 6. 腿脚 (弯曲潜行) --- */
.robber-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.robber-feet::before, .robber-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.robber-feet::before { left: 0; } .robber-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes robber-sneak { 
    0% { transform: translateY(0) rotate(0deg); } 
    50% { transform: translateY(2px) rotate(1deg); } /* 压低身体 */
    100% { transform: translateY(0) rotate(0deg); } 
}
@keyframes robber-cloud-move { 0% { transform: translateX(0); } 100% { transform: translateX(4px); } }
/* =========================================
   【山贼】
   (粗布敞怀·红头巾·扛刀·荒草枯木)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-bandit-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.bandit-wrapper {
    position: relative;
    width: 20px; /* 壮实 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 晃晃悠悠，吊儿郎当 */
    animation: bandit-sway 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：荒草枯木 (Wild Grass & Dead Wood) --- */
.bandit-wild-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 枯木桩 */
.bandit-stump {
    position: absolute; bottom: 0; left: 10%; width: 10px; height: 15px;
    background: #4e342e; border-radius: 2px 2px 0 0;
}
/* 荒草 */
.bandit-grass {
    position: absolute; bottom: 0; width: 0; height: 0;
    border-left: 3px solid transparent; border-right: 3px solid transparent;
    border-bottom: 10px solid #558b2f;
}
.bg-1 { left: 20%; height: 12px; border-bottom-color: #33691e; }
.bg-2 { left: 80%; height: 8px; }
.bg-3 { left: 60%; height: 15px; border-bottom-color: #689f38; }


/* --- 3. 身体 (粗布敞怀) --- */
.bandit-body {
    position: relative; width: 20px; height: 38px;
    /* 深褐粗布背心 */
    background: #5d4037;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 敞开的胸口 (Open Chest) */
.bandit-chest-skin {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 8px; height: 20px;
    background: #d7ccc8; /* 肤色 */
    clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
    z-index: 11;
}
/* 胸毛 (Chest Hair) - 几个小点 */
.bandit-chest-hair {
    position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 2px; background: #3e2723; border-radius: 50%;
    box-shadow: 0 3px 0 #3e2723, -2px 1.5px 0 #3e2723, 2px 1.5px 0 #3e2723;
    opacity: 0.5;
}

/* 红色腰带 (Aggressive Red) */
.bandit-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 5px;
    background: #c62828;
    z-index: 12;
    transform: rotate(-2deg); /* 歪系着 */
}
/* 裤子 (Patchy Pants) */
.bandit-pants-patch {
    position: absolute; bottom: 5px; right: 2px;
    width: 5px; height: 5px; background: #8d6e63; border: 1px dashed #3e2723;
}


/* --- 4. 头部 (红头巾·络腮胡) --- */
.bandit-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.bandit-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #d7ccc8; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 络腮胡 (Stubble/Beard) */
.bandit-beard {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;
    background: #3e2723; opacity: 0.8;
    border-radius: 0 0 6px 6px; z-index: 3;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 20%, 80% 20%); /* 留出嘴部 */
}

/* 凶狠五官 */
.bandit-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; transform: rotate(15deg); z-index: 5; }
.bandit-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; transform: rotate(-15deg); z-index: 5; }
.bandit-mouth { 
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); 
    width: 4px; height: 2px; background: #000; border-radius: 0 0 2px 2px; /* 咧嘴 */
    z-index: 5; 
}

/* 红头巾 (Bandana) */
.bandit-bandana {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 15px; height: 6px; background: #c62828;
    border-radius: 4px 4px 0 0; z-index: 4;
}
.bandit-bandana-knot {
    position: absolute; top: 1px; right: -3px; width: 4px; height: 4px; background: #c62828; border-radius: 50%; z-index: 4;
}

/* --- 5. 手臂与武器 (扛刀) --- */
/* 右手 (抬高扛刀) */
.bandit-arm-R {
    position: absolute; top: 6px; right: -5px; width: 7px; height: 14px;
    background: #d7ccc8; /* 露臂 */
    border-radius: 4px;
    transform: rotate(-140deg); /* 抬手过肩 */
    z-index: 15;
}
.bandit-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%;
}

/* 缺口大刀 (Big Chopper) */
.bandit-blade {
    position: absolute; top: 15px; right: 5px;
    width: -50px; height: 10px;
    z-index: -5;
    transform: rotate(-65deg); /* 扛在肩上的角度 */
}
/* 刀身 */
.bandit-blade-metal {
    position: absolute; top: 0; right: 0; width: 28px; height: 10px;
    background: #9e9e9e; /* 铁色 */
    border-radius: 0 0 10px 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 80%);
}
/* 缺口 (Chipped) */
.bandit-blade-metal::after {
    content: ''; position: absolute; bottom: -2px; left: 50%;
    width: 4px; height: 4px; background: #5d4037; border-radius: 50%;
}
/* 刀柄 */
.bandit-blade-handle {
    position: absolute; top: 2px; left: 0; width: 10px; height: 4px; background: #3e2723;
}
/* 刀环 (Ring) */
.bandit-ring {
    position: absolute; top: 0; right: 2px; width: 3px; height: 3px; border: 1px solid #000; border-radius: 50%;
}


/* 左手 (叉腰) */
.bandit-arm-L {
    position: absolute; top: 8px; left: -5px; width: 7px; height: 14px;
    background: #d7ccc8; /* 露臂 */
    border-radius: 4px;
    transform: rotate(30deg); /* 叉腰 */
    z-index: 15;
}
.bandit-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%;
}

/* --- 6. 腿脚 --- */
.bandit-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.bandit-feet::before, .bandit-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #3e2723; border-radius: 2px 2px 0 0; }
.bandit-feet::before { left: 0; } .bandit-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes bandit-sway { 
    0% { transform: rotate(-2deg) translateY(0); } 
    50% { transform: rotate(2deg) translateY(1px); } 
    100% { transform: rotate(-2deg) translateY(0); } 
}
/* =========================================
   【朝廷官兵】
   (红缨铁盔·札甲·长枪·城墙守卫)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-guanbing-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.guanbing-wrapper {
    position: relative;
    width: 20px; /* 穿甲后较宽 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 站军姿，呼吸微弱但身体硬朗 */
    animation: guanbing-stand 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：城墙 (City Wall) --- */
.guanbing-wall-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 40px;
    z-index: -20; pointer-events: none;
    opacity: 0.6;
}
/* 城墙垛口 (Battlements) */
.guanbing-wall {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 20px;
    background: #757575; /* 砖灰色 */
    /* 利用虚线边框模拟垛口 */
    border-top: 10px dashed #757575; 
}
/* 旗帜 (Banner) */
.guanbing-flag {
    position: absolute; bottom: 20px; right: 10px;
    width: 2px; height: 30px; background: #424242; /* 旗杆 */
}
.guanbing-flag::after {
    content: ''; position: absolute; top: 0; right: -12px;
    width: 15px; height: 10px; background: #b71c1c; /* 红旗 */
    clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%);
    animation: guanbing-flag-wave 2s infinite alternate;
}


/* --- 3. 身体 (红袍铁甲) --- */
.guanbing-body {
    position: relative; width: 20px; height: 38px;
    /* 暗红战袍底色 */
    background: #b71c1c;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}

/* 札甲背心 (Lamellar Armor) */
.guanbing-armor {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 100%; height: 22px;
    background: #424242; /* 铁灰 */
    border-radius: 6px 6px 2px 2px;
    z-index: 11;
    /* 模拟甲片纹理 */
    background-image: linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 100% 4px;
}
/* 护心镜 (Chest Mirror/Plate) */
.guanbing-plate {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px;
    background: #fbc02d; /* 铜色 */
    border-radius: 50%;
    border: 2px solid #f57f17;
    z-index: 12;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
/* 勇字 (简化为中间的一个点) */
.guanbing-plate::after {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 4px; height: 4px; background: #b71c1c; border-radius: 50%;
}

/* 战裙/腿甲 */
.guanbing-skirt {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 10px;
    background: #424242;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
    z-index: 11;
}
/* 红色腰带 */
.guanbing-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 4px;
    background: #d32f2f; z-index: 12;
}

/* --- 4. 头部 (红缨铁盔) --- */
.guanbing-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.guanbing-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #c68f7b; /* 较深的肤色(风吹日晒) */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (严肃) */
.guanbing-eye-L { position: absolute; top: 8px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.guanbing-eye-R { position: absolute; top: 8px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.guanbing-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #5d4037; z-index: 5; }

/* 铁盔 (Iron Helmet) */
.guanbing-helmet {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px;
    background: #616161; /* 铁色 */
    border-radius: 8px 8px 2px 2px;
    border-bottom: 2px solid #212121; /* 盔沿 */
    z-index: 3;
}
/* 盔顶尖 */
.guanbing-helmet-spike {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 4px; background: #212121; z-index: 2;
}
/* 红缨 (Red Tassel) */
.guanbing-helmet-tassel {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #d32f2f; border-radius: 50%;
    z-index: 1;
    box-shadow: 0 -2px 0 #d32f2f, -2px 1px 0 #d32f2f, 2px 1px 0 #d32f2f; /* 模拟绒球 */
}


/* --- 5. 手臂与武器 --- */
/* 右手 (持长枪) */
.guanbing-arm-R {
    position: absolute; top: 8px; right: -5px; width: 6px; height: 14px;
    background: #b71c1c; border-radius: 4px;
    transform: rotate(10deg); /* 微屈握枪 */
    z-index: 15;
}
.guanbing-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%;
}

/* 制式长枪 (Spear) */
.guanbing-spear {
    position: absolute; bottom: -15px; right: 0px;
    width: 2px; height: 50px; /* 很长 */
    background: #5d4037; /* 木杆 */
    z-index: 16;
}
/* 枪头 */
.guanbing-spear-tip {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 8px; background: #cfd8dc;
    clip-path: polygon(50% 0, 100% 100%, 50% 80%, 0 100%);
}
/* 红缨 (Spear Tassel) */
.guanbing-spear-hair {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px; background: #d32f2f;
}


/* 左手 (按腰刀) */
.guanbing-arm-L {
    position: absolute; top: 8px; left: -5px; width: 6px; height: 14px;
    background: #b71c1c; border-radius: 4px;
    transform: rotate(20deg); /* 按在腰侧 */
    z-index: 15;
}
.guanbing-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%;
}
/* 腰刀 (Waist Saber) */
.guanbing-saber {
    position: absolute; top: 22px; left: -6px;
    width: 20px; height: 4px; background: #212121; /* 黑鞘 */
    border-radius: 2px; transform: rotate(15deg);
    z-index: 9; /* 手臂下，身体上 */
    border: 1px solid #757575;
}
.guanbing-saber-hilt {
    position: absolute; left: -4px; top: 50%; transform: translateY(-50%);
    width: 6px; height: 3px; background: #fbc02d; /* 铜柄 */
}

/* --- 6. 腿脚 --- */
.guanbing-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.guanbing-feet::before, .guanbing-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.guanbing-feet::before { left: 0; } .guanbing-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes guanbing-stand { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes guanbing-flag-wave { 0% { transform: skewX(0deg) scaleX(1); } 100% { transform: skewX(-10deg) scaleX(0.9); } }
/* =========================================
   【铁掌帮众】
   (铁灰劲装·黑紫铁掌·五指峰·热煞之气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-tiezhang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.tiezhang-wrapper {
    position: relative;
    width: 20px; /* 壮实 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 蓄力动作 */
    animation: tiezhang-power 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：五指峰 (Five Fingers Peak) --- */
.tiezhang-peak-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 50px;
    z-index: -20; pointer-events: none;
    background: #455a64; /* 深铁灰山体 */
    /* 类似五根手指的山峰形状 */
    clip-path: polygon(
        10% 100%, 0% 80%, 15% 40%, /* 拇指 */
        25% 100%, 25% 20%, 35% 100%, /* 食指 */
        40% 10%, 50% 100%, /* 中指 */
        60% 30%, 70% 100%, /* 无名指 */
        80% 50%, 90% 100% /* 小指 */
    );
    opacity: 0.8;
}
/* 热煞之气 (Heat Waves) */
.tiezhang-heat {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(to top, transparent 0, rgba(255, 87, 34, 0.1) 5px, transparent 10px);
    z-index: -10;
    animation: tiezhang-heat-rise 1s linear infinite;
}


/* --- 3. 身体 (铁灰劲装) --- */
.tiezhang-body {
    position: relative; width: 20px; height: 38px;
    /* 铁灰色 */
    background: linear-gradient(to bottom, #78909c 0%, #546e7a 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 开襟 (Open Vest) */
.tiezhang-vest-open {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 14px;
    background: #a1887f; /* 露出胸膛/内衬颜色 */
    clip-path: polygon(0 0, 100% 0, 50% 100%); /* V字开胸 */
}
/* 黑色皮带 */
.tiezhang-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 6px;
    background: #212121;
    border-top: 1px solid #9e9e9e; /* 铁扣感 */
    z-index: 11;
}

/* --- 4. 头部 (匪气发髻) --- */
.tiezhang-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.tiezhang-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #a1887f; /* 较深的肤色 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (凶狠) */
.tiezhang-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; transform: skewX(10deg); z-index: 5; }
.tiezhang-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; transform: skewX(-10deg); z-index: 5; }
.tiezhang-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 5px; height: 1px; background: #5d4037; z-index: 5; }

/* 乱发髻 */
.tiezhang-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
.tiezhang-hair-bun { 
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%); 
    width: 10px; height: 6px; background: #212121; 
    border-radius: 4px; transform: rotate(-5deg); /* 歪发髻 */
    z-index: 1; 
}


/* --- 5. 手臂与武器 (铁砂掌) --- */
/* 左手 (握拳) */
.tiezhang-arm-L {
    position: absolute; top: 7px; left: -5px; width: 7px; height: 14px;
    background: #a1887f; /* 肌肉色 */
    border-radius: 4px;
    transform: rotate(20deg);
    z-index: 15;
}
.tiezhang-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #a1887f; border-radius: 50%;
}

/* 右手 (铁掌 - Iron Palm) */
.tiezhang-arm-R {
    position: absolute; top: 7px; right: -6px; width: 7px; height: 14px;
    background: #a1887f; /* 上臂正常 */
    border-radius: 4px;
    transform: rotate(-90deg); /* 掌推向前 */
    z-index: 15;
}
/* 小臂变黑 */
.tiezhang-arm-R::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;
    background: #424242; /* 铁黑色 */
    border-radius: 0 0 4px 4px;
}
/* 铁掌手 (Black/Purple Hand) */
.tiezhang-hand-R {
    position: absolute; bottom: -4px; left: 0px; width: 7px; height: 7px;
    background: #3e2723; /* 焦黑 */
    border-radius: 2px;
    box-shadow: 0 0 4px #d84315; /* 红色热劲 */
}
/* 掌心热力点 */
.tiezhang-hand-R::after {
    content: ''; position: absolute; top: 2px; left: 2px; width: 3px; height: 3px;
    background: #ff5722; border-radius: 50%; opacity: 0.8;
}


/* --- 6. 腿脚 --- */
.tiezhang-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.tiezhang-feet::before, .tiezhang-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.tiezhang-feet::before { left: 0; } .tiezhang-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes tiezhang-power { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }
@keyframes tiezhang-heat-rise { 0% { transform: translateY(0); opacity: 0.5; } 100% { transform: translateY(-10px); opacity: 0; } }
/* =========================================
   【神龙岛教众】
   (深海蓝鳞甲·冲天辫·分水刺·惊涛骇浪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-shenlong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.shenlong-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 激动地上下跳动/震颤 */
    animation: shenlong-chant 0.5s linear infinite alternate;
}

/* --- 2. 背景特效：惊涛骇浪 (Stormy Waves) --- */
.shenlong-wave-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;
    z-index: -10; pointer-events: none;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}
/* 海浪层 */
.shenlong-wave {
    position: absolute; bottom: -10px; left: -20%; width: 140%; height: 30px;
    background: #0277bd; /* 深海蓝 */
    border-radius: 40%;
    opacity: 0.8;
    animation: shenlong-wave-roll 3s linear infinite;
}
.sw-1 { bottom: 5px; opacity: 0.6; animation-duration: 4s; background: #4fc3f7; z-index: -1; }
.sw-2 { bottom: 15px; opacity: 0.4; animation-duration: 5s; animation-direction: reverse; background: #81d4fa; z-index: -2; }
/* 浪花 (Foam) */
.shenlong-wave::after {
    content: ''; position: absolute; top: -5px; left: 0; width: 100%; height: 5px;
    background: #e1f5fe; border-radius: 50%; opacity: 0.5;
}


/* --- 3. 身体 (龙鳞劲装) --- */
.shenlong-body {
    position: relative; width: 18px; height: 38px;
    /* 靛青色 */
    background: #01579b;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}

/* 【核心特征】龙鳞甲 (Scale Armor) */
.shenlong-scales {
    position: absolute; top: 0; left: 0; width: 100%; height: 22px;
    /* 利用径向渐变模拟鱼鳞/龙鳞 */
    background-image: 
        radial-gradient(circle at 50% 100%, rgba(255,255,255,0.3) 2px, transparent 2.5px),
        radial-gradient(circle at 0% 100%, rgba(255,255,255,0.3) 2px, transparent 2.5px),
        radial-gradient(circle at 100% 100%, rgba(255,255,255,0.3) 2px, transparent 2.5px);
    background-size: 6px 6px; /* 鳞片大小 */
    background-position: 0 0, 3px 3px, -3px 3px;
    border-radius: 6px 6px 0 0;
    opacity: 0.8;
}

/* 领口 (立领) */
.shenlong-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #000; /* 黑领 */
    z-index: 11;
}

/* 腰带 */
.shenlong-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #ffd600; /* 亮黄色 (向教主致敬) */
    z-index: 11;
    box-shadow: 0 0 2px #ffd600;
}

/* --- 4. 头部 (冲天辫·狂热) --- */
.shenlong-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.shenlong-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (狂热呐喊) */
.shenlong-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.shenlong-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
/* 大张的嘴 */
.shenlong-mouth { 
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); 
    width: 6px; height: 3px; background: #b71c1c; border-radius: 2px 2px 5px 5px; 
    border: 1px solid #000; z-index: 5; 
}

/* 发型 (冲天辫 - Upright Topknot) */
.shenlong-hair-base { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 14px; height: 5px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
.shenlong-hair-knot {
    position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 10px; background: #212121;
    border-radius: 2px; z-index: 1;
}
/* 发绳 */
.shenlong-hair-tie {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 2px; background: #ffd600; z-index: 2;
}


/* --- 5. 手臂与武器 (分水刺) --- */
/* 右手 (高举武器呼喊) */
.shenlong-arm-R {
    position: absolute; top: 7px; right: -5px; width: 6px; height: 14px;
    background: #01579b; border-radius: 4px;
    transform: rotate(-160deg); /* 几乎垂直高举 */
    z-index: 15;
}
.shenlong-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 分水刺 (Emei Piercer/Water Spike) */
.shenlong-spike {
    position: absolute; bottom: -10px; left: 1px;
    width: 2px; height: 24px; background: #cfd8dc; /* 银刺 */
    transform: rotate(0deg); /* 顺着手臂延伸 */
    z-index: 14;
}
/* 刺的中段握把环 */
.shenlong-spike-ring {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; border: 1px solid #cfd8dc; border-radius: 50%;
}

/* 左手 (振臂握拳) */
.shenlong-arm-L {
    position: absolute; top: 7px; left: -5px; width: 6px; height: 14px;
    background: #01579b; border-radius: 4px;
    transform: rotate(-120deg); /* 同样高举 */
    z-index: 15;
}
.shenlong-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.shenlong-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.shenlong-feet::before, .shenlong-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.shenlong-feet::before { left: 0; } .shenlong-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes shenlong-chant { 0% { transform: translateY(0); } 100% { transform: translateY(1px); } }
@keyframes shenlong-wave-roll { 
    0% { transform: translateX(0) rotate(0deg); } 
    50% { transform: translateX(5px) rotate(2deg); }
    100% { transform: translateX(0) rotate(0deg); } 
}
/* =========================================
   【星宿派门人】
   (紫袍绿火·金属头箍·剧毒瘴气)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xingxiu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xingxiu-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 嚣张地晃动 */
    animation: xingxiu-swagger 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：剧毒瘴气 (Poison Miasma) --- */
.xingxiu-gas-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
/* 毒气泡 (Bubbles) */
.xingxiu-bubble {
    position: absolute; background: #64dd17; /* 毒绿 */
    border-radius: 50%; opacity: 0.6;
    animation: xingxiu-bubble-rise linear infinite;
}
.xb-1 { width: 6px; height: 6px; bottom: 0; left: 20%; animation-duration: 3s; }
.xb-2 { width: 4px; height: 4px; bottom: 0; left: 80%; animation-duration: 4s; animation-delay: 1s; background: #7b1fa2; /* 紫泡 */ }
.xb-3 { width: 8px; height: 8px; bottom: 0; left: 50%; animation-duration: 5s; animation-delay: 2s; opacity: 0.4; }


/* --- 3. 身体 (紫袍毒绿) --- */
.xingxiu-body {
    position: relative; width: 18px; height: 38px;
    /* 深紫渐变 */
    background: linear-gradient(to bottom, #7b1fa2 0%, #4a148c 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口 (怪异的高领) */
.xingxiu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #aa00ff; /* 亮紫领 */
    z-index: 11;
}
.xingxiu-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #e1bee7; /* 苍白皮肤 */
}

/* 腰带 (荧光绿) */
.xingxiu-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #76ff03; /* 剧毒绿 */
    z-index: 11;
    box-shadow: 0 0 2px #76ff03;
}
/* 挂饰 (毒鼎/药囊) */
.xingxiu-pouch {
    position: absolute; top: 2px; right: 2px;
    width: 6px; height: 6px; background: #3e2723; border-radius: 50%;
}


/* --- 4. 头部 (妖异风格) --- */
.xingxiu-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.xingxiu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #e1bee7; /* 略带紫色的苍白皮肤 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (邪魅) */
.xingxiu-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; transform: rotate(-10deg); z-index: 5; }
.xingxiu-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; transform: rotate(10deg); z-index: 5; }
/* 紫嘴唇 */
.xingxiu-mouth { 
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); 
    width: 4px; height: 1px; background: #7b1fa2; z-index: 5; 
}

/* 发型 (金属头箍) */
.xingxiu-hair-messy {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121; border-radius: 4px; z-index: 1;
}
.xingxiu-headband {
    position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 2px; background: #b0bec5; /* 银色头箍 */
    z-index: 3;
}
.xingxiu-hair-long-L { position: absolute; top: 4px; left: -2px; width: 2px; height: 14px; background: #212121; z-index: 0; }
.xingxiu-hair-long-R { position: absolute; top: 4px; right: -2px; width: 2px; height: 14px; background: #212121; z-index: 0; }


/* --- 5. 手臂与武器 (绿磷火) --- */
/* 右手 (托举鬼火) */
.xingxiu-arm-R {
    position: absolute; top: 0px; right: -5px; width: 6px; height: 14px;
    background: #7b1fa2; border-radius: 4px;
    transform: rotate(20deg); /* 高举 */
    z-index: 15;
}
.xingxiu-hand-R {
    position: absolute; bottom: 10px; left: 3px; width: 6px; height: 6px; background: #e1bee7; border-radius: 50%;
}

/* 绿磷鬼火 (Phosphorous Fire) */
.xingxiu-fire {
    position: absolute; top: -12px; right: -12px;
    width: 12px; height: 12px;
    background: radial-gradient(circle, #ccff90 0%, #64dd17 60%, transparent 100%);
    border-radius: 50%;
    filter: blur(2px);
    z-index: 16;
    animation: xingxiu-fire-burn 0.5s infinite alternate;
}

/* 左手 (施毒指诀) */
.xingxiu-arm-L {
    position: absolute; top: 7px; left: 0px; width: 6px; height: 14px;
    background: #7b1fa2; border-radius: 4px;
    transform: rotate(-45deg); /* 指向前方 */
    z-index: 15;
}
.xingxiu-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #e1bee7; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.xingxiu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.xingxiu-feet::before, .xingxiu-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.xingxiu-feet::before { left: 0; } .xingxiu-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes xingxiu-swagger { 0% { transform: rotate(-2deg); } 100% { transform: rotate(2deg); } }
@keyframes xingxiu-bubble-rise { 
    0% { transform: translateY(0) scale(0.5); opacity: 0.6; } 
    100% { transform: translateY(-30px) scale(1.2); opacity: 0; } 
}
@keyframes xingxiu-fire-burn { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } }
/* =========================================
   【日月神教教众】
   (玄黑长袍·红巾·锯齿刀·日月蚀相)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-sunmoon-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.sunmoon-wrapper {
    position: relative;
    width: 19px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 狂热颤动 */
    animation: sunmoon-shake 0.2s linear infinite alternate;
}

/* --- 2. 背景特效：日月蚀相 (Solar Eclipse) --- */
.sunmoon-eclipse-bg {
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
    width: 60px; height: 60px;
    z-index: -20; pointer-events: none;
}
/* 黑日核心 */
.sunmoon-sun-core {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #000; /* 纯黑 */
    border-radius: 50%;
    box-shadow: 0 0 10px #d50000, 0 0 20px #b71c1c; /* 红光晕 */
    animation: sunmoon-pulse 2s infinite alternate;
}
/* 蚀相阴影 (模拟月亮遮挡的效果) */
.sunmoon-moon-shadow {
    position: absolute; top: 5px; right: 5px;
    width: 90%; height: 90%;
    background: #212121;
    border-radius: 50%;
    opacity: 0.3;
}


/* --- 3. 身体 (玄黑长袍) --- */
.sunmoon-body {
    position: relative; width: 19px; height: 38px;
    /* 深黑渐变 */
    background: linear-gradient(to bottom, #212121 0%, #000000 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    z-index: 10;
}
/* 红色领边 */
.sunmoon-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #d50000; /* 猩红领 */
    z-index: 11;
}
.sunmoon-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #e0e0e0; /* 苍白皮肤 */
}

/* 红色宽腰封 */
.sunmoon-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 6px;
    background: #b71c1c;
    z-index: 11;
}
/* 教徽 (腰间金扣) */
.sunmoon-buckle {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px; background: #ffd700; border-radius: 50%;
}


/* --- 4. 头部 (红巾抹额) --- */
.sunmoon-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.sunmoon-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #e0e0e0; /* 苍白皮肤 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (狂热) */
.sunmoon-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.sunmoon-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.sunmoon-mouth { 
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); 
    width: 4px; height: 2px; background: #000; 
    border-radius: 0 0 4px 4px; /* 张嘴呼喊 */
    z-index: 5; 
}

/* 乱发 */
.sunmoon-hair-messy {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 8px; background: #212121; border-radius: 6px 6px 0 0; z-index: 1;
}
/* 红巾抹额 (Red Headband) */
.sunmoon-headband {
    position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 3px; background: #d50000;
    z-index: 3;
}
/* 飘带 */
.sunmoon-headband-tail {
    position: absolute; top: 1px; right: -4px; width: 3px; height: 12px;
    background: #d50000; transform: rotate(-20deg); z-index: 0;
}


/* --- 5. 手臂与武器 --- */
/* 右手 (高举武器) */
.sunmoon-arm-R {
    position: absolute; top: 6px; right: -5px; width: 6px; height: 14px;
    background: #212121; border-radius: 4px;
    transform: rotate(-140deg); /* 高举过头 */
    z-index: 15;
}
.sunmoon-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #e0e0e0; border-radius: 50%;
}

/* 锯齿刀 (Sawtooth Blade) */
.sunmoon-blade {
    position: absolute; bottom: -8px; left: -2px;
    width: 10px; height: 36px;
    z-index: 14;
    transform: rotate(10deg);
}
/* 刀身 */
.sunmoon-blade-body {
    position: absolute; top: 0; left: 0; width: 8px; height: 100%;
    background: #9e9e9e; border-radius: 2px 2px 0 80%;
}
/* 锯齿边缘 */
.sunmoon-blade-teeth {
    position: absolute; top: 0; right: -2px; width: 2px; height: 80%;
    /* 利用重复渐变模拟锯齿 */
    background: repeating-linear-gradient(to bottom, transparent 0px, transparent 4px, #616161 4px, #616161 6px);
}
/* 刀柄 */
.sunmoon-blade-hilt {
    position: absolute; bottom: -6px; left: 2px; width: 4px; height: 8px; background: #3e2723;
}


/* 左手 (握拳) */
.sunmoon-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px;
    background: #212121; border-radius: 4px;
    transform: rotate(10deg);
    z-index: 15;
}
.sunmoon-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #e0e0e0; border-radius: 50%;
}

/* --- 6. 腿脚 --- */
.sunmoon-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.sunmoon-feet::before, .sunmoon-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.sunmoon-feet::before { left: 0; } .sunmoon-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes sunmoon-shake { 0% { transform: translateY(0); } 100% { transform: translateY(1px); } }
@keyframes sunmoon-pulse { 0% { box-shadow: 0 0 10px #d50000; } 100% { box-shadow: 0 0 25px #ff1744; } }
/* =========================================
   【明教教众】
   (白袍兜帽·火焰纹章·波斯弯刀·熊熊圣火)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-mingjiao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.mingjiao-wrapper {
    position: relative;
    width: 19px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸热烈 */
    animation: mingjiao-breathe 2s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：熊熊圣火 (Holy Fire) --- */
.mingjiao-fire-bg {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 60px; height: 80px;
    z-index: -20; pointer-events: none;
    opacity: 0.7;
}
/* 火焰核心 */
.mingjiao-fire-core {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, #ffeb3b 0%, #ff9800 60%, transparent 100%);
    border-radius: 50%;
    filter: blur(5px);
    animation: mingjiao-fire-flicker 0.1s infinite alternate;
}
/* 外焰 (Flames) */
.mingjiao-flame {
    position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 40px;
    background: #f44336;
    border-radius: 50% 50% 0 0;
    filter: blur(8px);
    animation: mingjiao-flame-rise 1s ease-in-out infinite;
}
.mf-1 { height: 50px; animation-delay: 0s; }
.mf-2 { height: 40px; left: 30%; width: 15px; animation-delay: 0.3s; background: #ff5722; }
.mf-3 { height: 45px; left: 70%; width: 15px; animation-delay: 0.6s; background: #ff9800; }


/* --- 3. 身体 (白袍火焰纹) --- */
.mingjiao-body {
    position: relative; width: 19px; height: 38px;
    /* 圣洁白 */
    background: #eeeeee;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 红色镶边 */
.mingjiao-trim {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 100%; height: 100%; pointer-events: none;
}
.mingjiao-trim::before {
    content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #d32f2f;
}
.mingjiao-trim::after {
    content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: #d32f2f;
}

/* 领口 */
.mingjiao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #bdbdbd; /* 灰领 */
    z-index: 11;
}

/* 【核心特征】火焰纹章 (Flame Emblem) */
.mingjiao-emblem {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px;
    z-index: 12;
}
.mingjiao-emblem-fire {
    width: 100%; height: 100%;
    background: #d32f2f;
    clip-path: polygon(50% 0%, 20% 40%, 0% 30%, 20% 100%, 50% 80%, 80% 100%, 100% 30%, 80% 40%);
}

/* 腰带 */
.mingjiao-belt {
    position: absolute; top: 22px; left: 0; width: 100%; height: 5px;
    background: #b71c1c; /* 深红腰带 */
    z-index: 11;
}

/* --- 4. 头部 (兜帽) --- */
.mingjiao-head-group {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
/* 兜帽 (Hood) */
.mingjiao-hood {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 18px;
    background: #eeeeee;
    border-radius: 8px 8px 4px 4px;
    z-index: 5;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
}
/* 兜帽内部阴影 */
.mingjiao-hood-inner {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 14px;
    background: #212121; /* 内部黑暗 */
    border-radius: 50% 50% 4px 4px;
}
/* 脸部 (只露下巴) */
.mingjiao-face-lower {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px;
    background: #ffccbc;
    border-radius: 0 0 4px 4px;
    z-index: 6;
}
/* 阴影中的眼睛 (Glowing Eyes) */
.mingjiao-eye-L { position: absolute; top: 6px; left: 3px; width: 2px; height: 1px; background: #fff; opacity: 0.8; z-index: 7; }
.mingjiao-eye-R { position: absolute; top: 6px; right: 3px; width: 2px; height: 1px; background: #fff; opacity: 0.8; z-index: 7; }


/* --- 5. 手臂与武器 --- */
/* 左手 (护胸礼) */
.mingjiao-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 12px;
    background: #eeeeee; border-radius: 4px;
    transform: rotate(-130deg); /* 折叠到胸前 */
    z-index: 15;
}
.mingjiao-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}

/* 右手 (持弯刀) */
.mingjiao-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 14px;
    background: #eeeeee; border-radius: 4px;
    transform: rotate(10deg); /* 自然下垂 */
    z-index: 15;
}
.mingjiao-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}
/* 波斯弯刀 (Scimitar) */
.mingjiao-scimitar {
    position: absolute; top: 4px; right: -2px;
    width: 12px; height: 30px;
    z-index: 14;
    transform: rotate(-10deg);
}
/* 刀身 */
.mingjiao-blade {
    position: absolute; bottom: 0; left: 0;
    width: 10px; height: 26px;
    background: #cfd8dc;
    border-radius: 0 0 0 80%; /* 弯曲效果 */
    border-right: 3px solid #b0bec5; /* 刀脊 */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 80%);
}
/* 刀柄 */
.mingjiao-hilt {
    position: absolute; top: 0; right: 0; width: 4px; height: 6px; background: #3e2723; border-radius: 2px;
}


/* --- 6. 腿脚 --- */
.mingjiao-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.mingjiao-feet::before, .mingjiao-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.mingjiao-feet::before { left: 0; } .mingjiao-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes mingjiao-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes mingjiao-fire-flicker { 0% { opacity: 0.8; transform: translateX(-50%) scale(1); } 100% { opacity: 1; transform: translateX(-50%) scale(1.1); } }
@keyframes mingjiao-flame-rise { 0% { transform: translateX(-50%) scaleY(1); opacity: 0.8; } 100% { transform: translateX(-50%) scaleY(1.2); opacity: 0.5; } }
/* =========================================
   【白驼山弟子】
   (西域白袍·缠头巾·缠臂毒蛇·大漠热浪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-baituo-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.baituo-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 身体随热浪微微晃动 */
    animation: baituo-sway 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：大漠热浪 (Desert Heat Haze) --- */
/* 沙丘 (Sand Dunes) */
.baituo-dune-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 30px;
    z-index: -20; pointer-events: none;
    background: #f0e68c; /* 沙黄色 */
    border-radius: 50% 50% 0 0 / 100% 100% 0 0; /* 圆润沙丘 */
    opacity: 0.8;
}

/* 热浪扭曲 (Heat Shimmer) */
.baituo-heat-haze {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;
    z-index: -10; pointer-events: none;
    background: repeating-linear-gradient(to top, transparent 0px, rgba(255,255,255,0.2) 2px, transparent 4px);
    mask-image: linear-gradient(to top, black, transparent);
    -webkit-mask-image: linear-gradient(to top, black, transparent);
    animation: baituo-heat-rise 1s linear infinite;
}


/* --- 3. 身体 (西域白袍) --- */
.baituo-body {
    position: relative; width: 18px; height: 38px;
    /* 白色长袍 */
    background: #ffffff;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口 (交领，深色内衬) */
.baituo-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #bdbdbd; /* 浅灰领边 */
    z-index: 11;
}
.baituo-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #d7ccc8; /* 深色皮肤/内衬 */
}

/* 腰带 (毒绿色) */
.baituo-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #43a047; /* 鲜艳毒绿 */
    z-index: 11;
    border-bottom: 1px solid #2e7d32;
}
/* 腰间挂饰 (毒囊/蛇篓) */
.baituo-pouch {
    position: absolute; top: 3px; right: 2px;
    width: 5px; height: 6px; background: #5d4037; border-radius: 2px;
}


/* --- 4. 头部 (西域缠头) --- */
.baituo-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 18px; z-index: 20;
}
/* 缠头巾 (Turban) */
.baituo-turban {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 10px;
    background: #f5f5f5; /* 白布 */
    border-radius: 8px 8px 4px 4px; z-index: 3;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
/* 缠头褶皱纹理 */
.baituo-turban::after {
    content: ''; position: absolute; top: 3px; left: 2px; width: 14px; height: 2px;
    background: transparent; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
}

.baituo-face {
    position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 10px;
    background: #e0a899; /* 深色皮肤(晒黑) */
    border-radius: 0 0 6px 6px; z-index: 2;
}
/* 五官 (阴鸷) */
.baituo-eye-L { position: absolute; top: 2px; left: 1px; width: 3px; height: 1px; background: #000; transform: rotate(5deg); z-index: 5; }
.baituo-eye-R { position: absolute; top: 2px; right: 1px; width: 3px; height: 1px; background: #000; transform: rotate(-5deg); z-index: 5; }


/* --- 5. 手臂与武器 (缠臂毒蛇) --- */
/* 右手 (被蛇缠绕) */
.baituo-arm-R {
    position: absolute; top: 8px; right: -5px; width: 7px; height: 14px;
    background: #ffffff; border-radius: 4px;
    transform: rotate(-30deg); /* 微微抬起 */
    z-index: 15;
}
.baituo-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #e0a899; border-radius: 50%;
}
/* 缠臂毒蛇 (Coiled Snake) */
.baituo-snake {
    position: absolute; top: -2px; left: -2px; width: 10px; height: 18px;
    z-index: 16; pointer-events: none;
}
/* 蛇身 (用几个圆环模拟缠绕) */
.baituo-snake-coil-1 { position: absolute; top: 4px; left: 1px; width: 8px; height: 4px; background: #66bb6a; border-radius: 4px; transform: rotate(-10deg); }
.baituo-snake-coil-2 { position: absolute; top: 8px; left: 0px; width: 8px; height: 4px; background: #43a047; border-radius: 4px; transform: rotate(10deg); }
/* 蛇头 */
.baituo-snake-head {
    position: absolute; bottom: -5px; right: -3px;
    width: 6px; height: 4px; background: #66bb6a;
    border-radius: 3px 6px 3px 3px; transform: rotate(20deg);
}
/* 蛇眼 */
.baituo-snake-head::before { content: ''; position: absolute; top: 1px; right: 1px; width: 1.5px; height: 1.5px; background: #d50000; border-radius: 50%; }
/* 蛇信子 (Tongue) */
.baituo-snake-tongue {
    position: absolute; bottom: 0px; right: -3px;
    width: 4px; height: 1px; background: #d50000;
    animation: baituo-snake-flicker 0.5s infinite alternate;
}


/* 左手 (蛇形刁手) */
.baituo-arm-L {
    position: absolute; top: 8px; left: -5px; width: 7px; height: 14px;
    background: #ffffff; border-radius: 4px;
    transform: rotate(45deg); /* 向前探出 */
    z-index: 15;
}
/* 蛇形手势 (尖手) */
.baituo-hand-L {
    position: absolute; bottom: -5px; left: 1px; width: 5px; height: 7px;
    background: #e0a899;
    border-radius: 2px 2px 5px 5px; /* 尖头 */
    transform: rotate(-30deg);
}

/* --- 6. 腿脚 --- */
.baituo-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.baituo-feet::before, .baituo-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.baituo-feet::before { left: 0; } .baituo-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes baituo-sway { 0% { transform: rotate(-1deg); } 100% { transform: rotate(1deg); } }
@keyframes baituo-heat-rise { 0% { transform: translateY(0); opacity: 0.5; } 100% { transform: translateY(-10px); opacity: 0; } }
@keyframes baituo-snake-flicker { 0% { width: 2px; } 100% { width: 4px; } }
/* =========================================
   【灵鹫宫弟子】
   (霜白紫翎衣·羽肩·天山折梅手·缥缈云雾)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-lingjiu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.lingjiu-wrapper {
    position: relative;
    width: 16px; /* 女性身形略窄 */
    height: 37px;
    z-index: 5;
    transform-origin: bottom center;
    /* 轻功卓越，身体轻盈悬浮感 */
    animation: lingjiu-float 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：缥缈云雾 & 灵鹫剪影 --- */
/* 云雾 (Cold Mist) */
.lingjiu-mist-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 30px;
    z-index: -10; pointer-events: none;
    opacity: 0.8; filter: blur(4px);
}
.lingjiu-mist-cloud {
    position: absolute; background: linear-gradient(to top, #eceff1, transparent);
    border-radius: 50%;
    animation: lingjiu-mist-drift 8s linear infinite alternate;
}
.lmc-1 { width: 40px; height: 20px; bottom: -5px; left: 10%; animation-duration: 7s; }
.lmc-2 { width: 50px; height: 25px; bottom: 0px; right: 10%; animation-duration: 9s; animation-delay: 1s; }

/* 灵鹫剪影 (Vulture Silhouette) */
.lingjiu-bird-bg {
    position: absolute; top: 10%; right: 20%;
    width: 20px; height: 10px;
    background: #90a4ae; /* 灰蓝剪影 */
    /* 简单的飞鸟形状 */
    clip-path: polygon(0 50%, 30% 0, 70% 0, 100% 50%, 70% 40%, 30% 40%);
    opacity: 0.4; z-index: -20;
    animation: lingjiu-fly-drift 15s linear infinite;
}


/* --- 3. 身体 (霜白紫翎衣) --- */
.lingjiu-body {
    position: relative; width: 16px; height: 37px;
    /* 霜白到淡紫渐变 */
    background: linear-gradient(to bottom, #f3e5f5 0%, #d1c4e9 100%);
    border-radius: 5px 5px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    z-index: 10;
}
/* 交领内衬 */
.lingjiu-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #9575cd; /* 深紫领边 */
    z-index: 11;
}
.lingjiu-collar::after {
    content: ''; position: absolute; top: -10px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc; /* 皮肤 */
}

/* 【核心特征】羽衣披肩 (Feathered Capelet) */
.lingjiu-capelet {
    position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 10px;
    z-index: 12;
}
/* 左右羽翼 */
.lingjiu-cape-L, .lingjiu-cape-R {
    position: absolute; top: 0; width: 10px; height: 10px;
    background: #ede7f6; /* 浅白羽毛 */
    border-bottom: 2px solid #b39ddb; /* 紫色羽尖 */
}
.lingjiu-cape-L { left: 0; border-radius: 5px 2px 0 10px; transform: rotate(-10deg); }
.lingjiu-cape-R { right: 0; border-radius: 2px 5px 10px 0; transform: rotate(10deg); }


/* 腰带 */
.lingjiu-belt {
    position: absolute; top: 16px; left: 0; width: 100%; height: 5px;
    background: #7e57c2; /* 紫色腰带 */
    z-index: 11;
}
/* 飘带 */
.lingjiu-sash {
    position: absolute; top: 21px; left: 4px; width: 3px; height: 14px;
    background: #b39ddb; transform: rotate(5deg);
}

/* --- 4. 头部 (高髻银饰) --- */
.lingjiu-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 13px; height: 17px; z-index: 20;
}
.lingjiu-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (冷峻) */
.lingjiu-eye-L { position: absolute; top: 7px; left: 2px; width: 2.5px; height: 1px; background: #000; z-index: 5; }
.lingjiu-eye-R { position: absolute; top: 7px; right: 2px; width: 2.5px; height: 1px; background: #000; z-index: 5; }
.lingjiu-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #8d6e63; z-index: 5; }

/* 发型 */
.lingjiu-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 13px; height: 5px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
/* 高飞天髻 */
.lingjiu-bun {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #212121;
    border-radius: 4px 4px 2px 2px; z-index: 1;
}
/* 银头饰 (Silver Ornament) */
.lingjiu-ornament {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 3px; background: #cfd8dc;
    clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); /* 菱形/飞翼状 */
    z-index: 2;
}

/* --- 5. 手臂与武器 (天山折梅手) --- */
/* 右手 (前探擒拿) */
.lingjiu-arm-R {
    position: absolute; top: 7px; right: -4px; width: 6px; height: 13px;
    background: #f3e5f5; /* 宽袖 */
    border-radius: 4px;
    transform: rotate(-60deg); /* 抬手向前 */
    z-index: 15;
}
.lingjiu-hand-R {
    position: absolute; bottom: -4px; left: 0px; width: 5px; height: 6px; background: #ffccbc; border-radius: 3px;
    transform: rotate(30deg); /* 手掌上翻微扣 */
}
/* 指尖扣紧 */
.lingjiu-hand-R::after { content: ''; position: absolute; top: -1px; right: -1px; width: 2px; height: 3px; background: #ffccbc; border-radius: 1px; transform: rotate(45deg); }


/* 左手 (藏于身后/身侧) */
.lingjiu-arm-L {
    position: absolute; top: 7px; left: -3px; width: 6px; height: 13px;
    background: #f3e5f5; border-radius: 4px;
    transform: rotate(20deg); /* 向后 */
    z-index: 9;
}
.lingjiu-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* --- 6. 腿脚 --- */
.lingjiu-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 3px; }
.lingjiu-feet::before, .lingjiu-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.lingjiu-feet::before { left: 0; } .lingjiu-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes lingjiu-float { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes lingjiu-mist-drift { 0% { transform: translateX(-10px); } 100% { transform: translateX(10px); } }
@keyframes lingjiu-fly-drift { 0% { transform: translate(0, 0); } 50% { transform: translate(30px, -10px); } 100% { transform: translate(0, 0); } }
/* =========================================
   【逍遥派弟子】
   (烟青轻纱·折扇·凌波微步·八卦迷阵)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-xiaoyao-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.xiaoyao-wrapper {
    position: relative;
    width: 17px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 凌波微步：飘忽不定 */
    animation: xiaoyao-float 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：奇门八卦 (Bagua Array) --- */
.xiaoyao-array-bg {
    position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
    width: 70px; height: 70px;
    z-index: -10; pointer-events: none;
    opacity: 0.6;
    /* 旋转动画 */
    animation: xiaoyao-spin 10s linear infinite;
}
/* 八卦外圈 */
.xiaoyao-array-ring {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    border: 1px dashed #80cbc4; /* 青色虚线 */
    border-radius: 50%;
}
/* 八卦内圈与符号模拟 */
.xiaoyao-array-inner {
    position: absolute; top: 15%; left: 15%; width: 70%; height: 70%;
    border: 1px solid #b2dfdb;
    border-radius: 50%;
    /* 利用渐变模拟太极感 */
    background: radial-gradient(circle, rgba(224, 242, 241, 0.5) 0%, transparent 60%);
}

/* 云雾 (Mist) */
.xiaoyao-mist {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 60px; height: 20px;
    background: radial-gradient(ellipse, rgba(255,255,255,0.8) 0%, transparent 70%);
    filter: blur(4px);
    z-index: -5;
    animation: xiaoyao-mist-pulse 3s infinite alternate;
}


/* --- 3. 身体 (烟青轻纱) --- */
.xiaoyao-body {
    position: relative; width: 17px; height: 38px;
    /* 极淡的青色渐变 */
    background: linear-gradient(to bottom, #e0f2f1 0%, #b2dfdb 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}
/* 领口 (交领) */
.xiaoyao-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #fff; /* 白领 */
    z-index: 11;
}
.xiaoyao-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 腰带 (翠玉色) */
.xiaoyao-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 4px;
    background: #009688; /* 亮青色 */
    z-index: 11;
}
/* 飘带/大袖感 */
.xiaoyao-sash {
    position: absolute; top: 22px; right: 2px; width: 4px; height: 14px;
    background: #4db6ac; opacity: 0.6;
    transform: rotate(-5deg);
}

/* --- 4. 头部 (长发飘逸) --- */
.xiaoyao-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.xiaoyao-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 极白皮肤 */
    filter: brightness(1.05); /* 比常人更白 */
    border-radius: 4px 4px 6px 6px; z-index: 2;
}
/* 五官 (淡然) */
.xiaoyao-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.xiaoyao-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.xiaoyao-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #8d6e63; z-index: 5; }

/* 发型 (半束) */
.xiaoyao-hair-top { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 6px 6px 0 0; z-index: 1; }
.xiaoyao-hair-knot { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 6px; height: 4px; background: #212121; border-radius: 3px; z-index: 1; }
/* 长鬓角 (Tendrils - Layer 4) */
.xiaoyao-hair-side-L { position: absolute; top: 3px; left: -1px; width: 2px; height: 14px; background: #212121; z-index: 4; }
.xiaoyao-hair-side-R { position: absolute; top: 3px; right: -1px; width: 2px; height: 14px; background: #212121; z-index: 4; }
/* 脑后披发 */
.xiaoyao-hair-back {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 20px; background: #212121; z-index: -1;
    border-radius: 4px;
}


/* --- 5. 手臂与武器 (折扇) --- */
/* 右手 (持扇打开) */
.xiaoyao-arm-R {
    position: absolute; top: 7px; right: -5px; width: 6px; height: 14px;
    background: #e0f2f1; border-radius: 4px;
    transform: rotate(-120deg); /* 举起 */
    z-index: 15;
}
.xiaoyao-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 折扇 (Folding Fan) */
.xiaoyao-fan {
    position: absolute; top: -8px; left: -4px;
    width: 14px; height: 8px;
    background: #fff; /* 白纸扇 */
    border-radius: 50% 50% 0 0; /* 扇形 */
    border: 1px solid #bdbdbd;
    z-index: 16;
    transform: rotate(-30deg);
}
/* 扇骨示意 */
.xiaoyao-fan::before {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 4px; background: #8d6e63; /* 扇柄 */
}

/* 左手 (背负) */
.xiaoyao-arm-L {
    position: absolute; top: 7px; left: -3px; width: 6px; height: 14px;
    background: #e0f2f1; border-radius: 4px;
    transform: rotate(30deg); /* 负后 */
    z-index: 9;
}


/* --- 6. 腿脚 (凌波微步) --- */
/* 脚部悬空，略微交错 */
.xiaoyao-feet { position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.xiaoyao-feet::before, .xiaoyao-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #fff; border-radius: 2px 2px 0 0; }
.xiaoyao-feet::before { left: 0; transform: translateY(-2px); } /* 左脚高 */
.xiaoyao-feet::after { right: 0; transform: translateY(0px); } /* 右脚低 */

/* --- 动画 --- */
/* 整体漂浮 */
@keyframes xiaoyao-float { 
    0% { transform: translateY(-3px) translateX(-2px); } 
    50% { transform: translateY(0px) translateX(2px); } 
    100% { transform: translateY(-2px) translateX(-1px); } 
}
/* 八卦旋转 */
@keyframes xiaoyao-spin { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
/* 云雾呼吸 */
@keyframes xiaoyao-mist-pulse { 0% { opacity: 0.5; transform: translateX(-50%) scale(0.9); } 100% { opacity: 0.8; transform: translateX(-50%) scale(1.1); } }
/* =========================================
   【大理段氏门人】
   (锦衣卫士·金箍·一阳指·山茶花)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-dali-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.dali-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: dali-breathe 3.5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：山茶花 & 指劲 --- */
/* 山茶花 (Camellia) */
.dali-flower-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 50px;
    z-index: -10; pointer-events: none; opacity: 0.8;
}
.dali-camellia {
    position: absolute; width: 8px; height: 8px;
    background: #d32f2f; /* 艳红 */
    border-radius: 50%;
    box-shadow: 0 0 0 2px #e57373; /* 花瓣层 */
}
.dc-1 { bottom: 5px; left: 10%; }
.dc-2 { bottom: 20px; right: 15%; transform: scale(1.2); }
.dc-3 { bottom: 30px; left: 20%; transform: scale(0.8); opacity: 0.6; }

/* 指劲光束 (Finger Beam) */
.dali-finger-beam-bg {
    position: absolute; top: 15px; right: -30px;
    width: 40px; height: 2px;
    background: linear-gradient(90deg, #ffd700, transparent);
    opacity: 0;
    z-index: -1;
    animation: dali-beam-shoot 2s infinite;
}

/* --- 3. 身体 (锦衣) --- */
.dali-body {
    position: relative; width: 18px; height: 38px;
    /* 米白锦缎 */
    background: linear-gradient(to bottom, #fff8e1 0%, #ffe0b2 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口 (金色滚边) */
.dali-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #fbc02d; /* 金领 */
    z-index: 11;
}
.dali-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 腰带 (镶玉) */
.dali-belt {
    position: absolute; top: 17px; left: 0; width: 100%; height: 5px;
    background: #5d4037; /* 深褐 */
    z-index: 11;
}
.dali-jade {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 3px; background: #64dd17; border-radius: 2px;
}
/* 外袍花纹 */
.dali-pattern {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 10px; height: 14px;
    background: transparent;
    border-left: 1px solid #ffb74d; border-right: 1px solid #ffb74d;
    opacity: 0.5;
}

/* --- 4. 头部 (金箍) --- */
.dali-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.dali-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (俊朗) */
.dali-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.dali-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.dali-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }

/* 束发 */
.dali-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
.dali-hair-bun { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 8px; height: 5px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 1; }

/* 【核心特征】金箍 (Gold Headband) */
.dali-headband {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 15px; height: 2px; background: #ffd700;
    z-index: 3;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
/* 鬓角 */
.dali-hair-side-L { position: absolute; top: 3px; left: -1px; width: 2px; height: 10px; background: #212121; z-index: 0; }
.dali-hair-side-R { position: absolute; top: 3px; right: -1px; width: 2px; height: 10px; background: #212121; z-index: 0; }


/* --- 5. 手臂与武器 (一阳指) --- */
/* 左手 (负后) */
.dali-arm-L {
    position: absolute; top: 7px; left: -3px; width: 6px; height: 14px;
    background: #fff8e1; border-radius: 4px;
    transform: rotate(20deg); /* 藏在身后 */
    z-index: 9;
}

/* 右手 (施展一阳指) */
.dali-arm-R {
    position: absolute; top: 7px; right: -5px; width: 6px; height: 14px;
    background: #fff8e1; border-radius: 4px;
    transform: rotate(-90deg); /* 平举向前 */
    z-index: 15;
}
/* 金色护腕 */
.dali-cuff-R { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #fbc02d; }

.dali-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 指尖 (Extended Finger) */
.dali-finger {
    position: absolute; bottom: -3px; left: 1.5px;
    width: 2px; height: 4px; background: #ffccbc;
}
/* 指尖金光 (Golden Glow) */
.dali-finger::after {
    content: ''; position: absolute; bottom: -2px; left: -1px;
    width: 4px; height: 4px; background: #ffd700; border-radius: 50%;
    box-shadow: 0 0 4px #ff6f00;
    animation: dali-finger-pulse 0.5s infinite alternate;
}

/* --- 6. 腿脚 --- */
.dali-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.dali-feet::before, .dali-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.dali-feet::before { left: 0; } .dali-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes dali-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes dali-finger-pulse { 0% { opacity: 0.6; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.2); } }
@keyframes dali-beam-shoot { 
    0% { width: 0; opacity: 0; right: -10px; } 
    20% { opacity: 0.8; }
    100% { width: 60px; opacity: 0; right: -70px; } 
}
/* =========================================
   【桃花岛弟子】
   (青衫文士·玉箫·弹指神通·桃花迷阵)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-taohua-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.taohua-wrapper {
    position: relative;
    width: 17px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸轻盈 */
    animation: taohua-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：桃花迷阵 (Peach Blossom Formation) --- */
/* 桃树枝干 (Branches) */
.taohua-tree-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 90px; height: 60px;
    z-index: -10; pointer-events: none; opacity: 0.8;
}
.taohua-branch {
    position: absolute; background: #795548; border-radius: 4px;
}
.tb-1 { /* 左枝 */
    bottom: 10px; left: 10px; width: 30px; height: 2px; 
    transform: rotate(-30deg); transform-origin: left bottom;
}
.tb-2 { /* 右枝 */
    bottom: 20px; right: 10px; width: 40px; height: 2px; 
    transform: rotate(20deg); transform-origin: right bottom;
}

/* 桃花瓣 (Falling Petals - Spiral Motion) */
.taohua-petal {
    position: absolute; width: 4px; height: 3px;
    background: #f48fb1; /* 粉红 */
    border-radius: 50% 0 50% 0;
    opacity: 0;
    /* 螺旋飘落动画 */
    animation: taohua-petal-spiral linear infinite;
}
.tp-1 { top: 0; left: 30%; animation-duration: 4s; animation-delay: 0s; }
.tp-2 { top: 10%; left: 70%; animation-duration: 5s; animation-delay: 1.5s; background: #f8bbd0; }
.tp-3 { top: 5%; left: 50%; animation-duration: 3.5s; animation-delay: 2.5s; }
.tp-4 { top: 0; left: 40%; animation-duration: 4.5s; animation-delay: 0.5s; }


/* --- 3. 身体 (青衫) --- */
.taohua-body {
    position: relative; width: 17px; height: 38px;
    /* 玉青色渐变 (Jade Green) */
    background: linear-gradient(to bottom, #b2dfdb 0%, #80cbc4 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口 (Y领，深青色边) */
.taohua-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #00695c; /* 深青领 */
    z-index: 11;
}
.taohua-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}

/* 腰带 */
.taohua-belt {
    position: absolute; top: 17px; left: 0; width: 100%; height: 5px;
    background: #004d40; /* 墨绿腰带 */
    z-index: 11;
}
/* 挂饰 (香囊/玉佩) */
.taohua-sachet {
    position: absolute; top: 3px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 5px; background: #ef9a9a; /* 淡红香囊 */
    border-radius: 2px;
}

/* --- 4. 头部 (文士髻) --- */
.taohua-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.taohua-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (俊美) */
.taohua-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.taohua-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
/* 嘴角上扬 (Confident Smirk) */
.taohua-mouth { 
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); 
    width: 3px; height: 1px; background: #8d6e63; z-index: 5; 
}

/* 发型 */
.taohua-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
/* 文士髻 (Scholar Bun) */
.taohua-bun {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #212121;
    border-radius: 4px 4px 2px 2px; z-index: 1;
}
/* 翠玉簪 (Jade Pin) */
.taohua-pin {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 2px; background: #69f0ae; /* 亮翠绿 */
    z-index: 2;
}
/* 飘带 */
.taohua-hair-ribbon {
    position: absolute; top: -1px; right: -2px; width: 2px; height: 16px;
    background: #80cbc4; transform: rotate(-10deg); z-index: 0;
}

/* --- 5. 手臂与武器 --- */
/* 右手 (持玉箫) */
.taohua-arm-R {
    position: absolute; top: 7px; right: -4px; width: 6px; height: 14px;
    background: #b2dfdb; border-radius: 4px;
    transform: rotate(10deg); /* 自然下垂 */
    z-index: 15;
}
.taohua-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 玉箫 (Jade Flute) */
.taohua-flute {
    position: absolute; top: 4px; right: 0;
    width: 3px; height: 30px;
    background: #a5d6a7; /* 翠绿 */
    border-radius: 2px;
    transform: rotate(-10deg); z-index: 16;
}
/* 萧孔细节 */
.taohua-flute::before {
    content: ''; position: absolute; top: 4px; left: 1px; width: 1px; height: 20px;
    background: repeating-linear-gradient(to bottom, #1b5e20 0px, #1b5e20 1px, transparent 1px, transparent 5px);
}
/* 红色萧穗 */
.taohua-flute-tassel {
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 8px; background: #ef5350;
}


/* 左手 (弹指神通) */
.taohua-arm-L {
    position: absolute; top: 7px; left: -4px; width: 6px; height: 14px;
    background: #b2dfdb; border-radius: 4px;
    transform: rotate(-100deg); /* 抬手蓄力 */
    z-index: 15;
}
.taohua-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 扣指姿态 */
.taohua-finger {
    position: absolute; top: -1px; right: -1px; width: 2px; height: 2px;
    background: #ffccbc; border-radius: 50%; border: 1px solid #d7ccc8;
}
/* 弹出的气劲 (Particle) */
.taohua-finger::after {
    content: ''; position: absolute; top: -2px; right: -2px;
    width: 3px; height: 3px; background: #fff; border-radius: 50%;
    opacity: 0; animation: taohua-finger-shoot 2s infinite;
}


/* --- 6. 腿脚 --- */
.taohua-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.taohua-feet::before, .taohua-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.taohua-feet::before { left: 0; } .taohua-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes taohua-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
/* 花瓣螺旋飘落 */
@keyframes taohua-petal-spiral { 
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; } 
    20% { opacity: 0.9; }
    80% { opacity: 0.9; }
    100% { transform: translate(15px, 40px) rotate(360deg); opacity: 0; } 
}
/* 弹指气劲 */
@keyframes taohua-finger-shoot {
    0% { transform: translate(0, 0) scale(0.5); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translate(-10px, -10px) scale(1.5); opacity: 0; }
}
/* =========================================
   【昆仑派弟子】
   (雪白道袍·高领绒毛·负剑·雪山飞雪)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-kunlun-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.kunlun-wrapper {
    position: relative;
    width: 17px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸冷峻 */
    animation: kunlun-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：雪山飞雪 (Snowy Mountains) --- */
/* 雪山剪影 */
.kunlun-mountain-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 40px;
    z-index: -20; pointer-events: none;
    background: #cfd8dc; /* 灰白山体 */
    /* 三座山峰 */
    clip-path: polygon(20% 100%, 0% 100%, 30% 20%, 50% 100%, 70% 30%, 100% 100%, 80% 100%);
    opacity: 0.8;
}
/* 山顶积雪 */
.kunlun-mountain-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #fff;
    clip-path: polygon(30% 20%, 25% 40%, 35% 40%, 70% 30%, 65% 50%, 75% 50%);
}

/* 飞雪 (Falling Snow) */
.kunlun-snow-flake {
    position: absolute; width: 2px; height: 2px;
    background: #fff; border-radius: 50%;
    box-shadow: 0 0 2px #fff;
    opacity: 0;
    animation: kunlun-snow-fall linear infinite;
}
.ks-1 { top: 0; left: 20%; animation-duration: 3s; animation-delay: 0s; }
.ks-2 { top: 10%; left: 80%; animation-duration: 4s; animation-delay: 1s; }
.ks-3 { top: 5%; left: 50%; animation-duration: 2.5s; animation-delay: 2s; }
.ks-4 { top: 0; left: 30%; animation-duration: 3.5s; animation-delay: 0.5s; }


/* --- 3. 身体 (雪白道袍 + 绒毛领) --- */
.kunlun-body {
    position: relative; width: 17px; height: 38px;
    /* 雪白渐变 */
    background: linear-gradient(to bottom, #ffffff 0%, #eceff1 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    z-index: 10;
}

/* 【核心特征】高领绒毛 (High Fur Collar) */
.kunlun-fur-collar {
    position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
    width: 19px; height: 8px; /* 略宽于身体 */
    background: #fff;
    border-radius: 8px;
    z-index: 12;
    /* 绒毛质感 */
    border: 1px dashed #cfd8dc;
}

/* 苍黄边饰 (Pale Yellow Trim) */
.kunlun-trim {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 100%;
    background: #fff59d; opacity: 0.5;
}

/* 腰带 */
.kunlun-belt {
    position: absolute; top: 17px; left: 0; width: 100%; height: 4px;
    background: #bdbdbd; /* 银灰腰带 */
    z-index: 11;
}
/* 玉佩 */
.kunlun-pendant {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #81d4fa; border-radius: 50%;
}


/* --- 4. 头部 (高傲束冠) --- */
.kunlun-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.kunlun-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (高傲，眼睛细长) */
.kunlun-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.kunlun-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 1px; background: #000; z-index: 5; }
.kunlun-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #8d6e63; z-index: 5; }

/* 束发 */
.kunlun-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
/* 银冠 (Silver Crown) */
.kunlun-crown {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 5px; background: #cfd8dc; /* 银色 */
    border-radius: 2px; border: 1px solid #90a4ae; z-index: 2;
}
/* 鬓角 */
.kunlun-hair-side-L { position: absolute; top: 3px; left: -1px; width: 2px; height: 10px; background: #212121; z-index: 3; }
.kunlun-hair-side-R { position: absolute; top: 3px; right: -1px; width: 2px; height: 10px; background: #212121; z-index: 3; }


/* --- 5. 手臂与武器 --- */
/* 右手 (负剑于背) */
.kunlun-arm-R {
    position: absolute; top: 7px; right: -3px; width: 6px; height: 14px;
    background: #fff; border-radius: 4px;
    transform: rotate(20deg); /* 向后 */
    z-index: 9; /* 在身体后面 */
}
.kunlun-hand-R {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* 昆仑剑 (Silver Sword - 倒持) */
.kunlun-sword {
    position: absolute;
    top: -15px; right: 8px; /* 背在右后方 */
    width: 2px; height: 42px;
    background: #b0bec5; /* 银剑 */
    transform: rotate(15deg);
    z-index: 8; /* 最底层 */
    box-shadow: 0 0 2px #e1f5fe;
}
.kunlun-sword-hilt { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 8px; height: 2px; background: #78909c; }
.kunlun-sword-handle { position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 3px; height: 8px; background: #455a64; }
/* 剑穗 (Yellow Tassel) */
.kunlun-tassel {
    position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 10px; background: #fff59d;
}

/* 左手 (优雅手势) */
.kunlun-arm-L {
    position: absolute; top: 7px; left: -3px; width: 6px; height: 14px;
    background: #fff; border-radius: 4px;
    transform: rotate(-30deg); /* 微微抬起 */
    z-index: 15;
}
.kunlun-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}


/* --- 6. 腿脚 --- */
.kunlun-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.kunlun-feet::before, .kunlun-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.kunlun-feet::before { left: 0; } .kunlun-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes kunlun-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes kunlun-snow-fall {
    0% { transform: translate(0, 0); opacity: 0; }
    20% { opacity: 0.8; }
    80% { opacity: 0.8; }
    100% { transform: translate(-10px, 40px); opacity: 0; }
}
/* =========================================
   【嵩山派弟子】
   (赭黄锦袍·红披风·阔剑·嵩阳金光)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-songshan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.songshan-wrapper {
    position: relative;
    width: 20px; /* 宽阔身形 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸沉重有力 */
    animation: songshan-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：嵩阳金光 (Songyang Golden Rays) --- */
.songshan-aura-bg {
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
    width: 70px; height: 70px;
    z-index: -20; pointer-events: none;
    /* 放射状光芒 */
    background: repeating-conic-gradient(
        from 0deg,
        rgba(255, 193, 7, 0.1) 0deg,
        rgba(255, 193, 7, 0.1) 10deg,
        transparent 10deg,
        transparent 20deg
    );
    border-radius: 50%;
    mask-image: radial-gradient(circle, black 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(circle, black 0%, transparent 70%);
    animation: songshan-rotate 10s linear infinite;
}
/* 核心光晕 */
.songshan-aura-core {
    position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(255, 111, 0, 0.4) 0%, transparent 70%);
    z-index: -19;
}


/* --- 3. 身体 (赭黄锦袍 + 红披风) --- */

/* 红披风 (Cape) - 在身体后面 */
.songshan-cape {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 24px; height: 36px;
    background: #c62828; /* 猩红 */
    border-radius: 4px;
    z-index: 9; /* 身体之下 */
    clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%); /* 梯形披风 */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

.songshan-body {
    position: relative; width: 20px; height: 38px;
    /* 赭黄色渐变 (Imperial Yellowish) */
    background: linear-gradient(to bottom, #fbc02d 0%, #f57f17 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 黑色厚重领口 */
.songshan-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #212121; /* 黑领 */
    z-index: 11;
}
.songshan-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 宽腰封 */
.songshan-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 6px;
    background: #3e2723; /* 深褐腰带 */
    border-top: 1px solid #ffeb3b; /* 金线滚边 */
    border-bottom: 1px solid #ffeb3b;
    z-index: 11;
}
/* 垂摆 */
.songshan-tabard {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 14px; background: #f9a825; border: 1px solid #f57f17; border-top: none;
    opacity: 0.8;
}

/* --- 4. 头部 (高发髻) --- */
.songshan-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.songshan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 怒目 (Angry Eyes) */
.songshan-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; transform: rotate(15deg); z-index: 5; }
.songshan-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; transform: rotate(-15deg); z-index: 5; }
.songshan-mouth { 
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); 
    width: 5px; height: 2px; border-top: 1px solid #8d6e63; border-radius: 50% 50% 0 0; z-index: 5; 
}

/* 束发金环 */
.songshan-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 5px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
.songshan-hair-bun { 
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%); 
    width: 8px; height: 6px; background: #212121; border-radius: 3px; z-index: 1; 
}
.songshan-hair-ring {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%); 
    width: 10px; height: 2px; background: #ffd700; z-index: 2; /* 金环 */
}


/* --- 5. 手臂与武器 --- */
/* 右手 (持阔剑在身侧) */
.songshan-arm-R {
    position: absolute; top: 7px; right: -5px; width: 7px; height: 14px;
    background: #fbc02d; border-radius: 4px; transform: rotate(-15deg); z-index: 15;
}
.songshan-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}
/* 嵩山阔剑 (Broadsword) */
.songshan-sword {
    position: absolute; bottom: -6px; left: -2px;
    width: 6px; height: 42px; /* 宽且长 */
    background: #b0bec5;
    z-index: 14;
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
.songshan-sword::after { /* 剑脊 */
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 100%; background: #78909c;
}
.songshan-sword-hilt { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 10px; height: 3px; background: #ff6f00; } /* 金橙色剑格 */

/* 左手 (握拳) */
.songshan-arm-L {
    position: absolute; top: 7px; left: -5px; width: 7px; height: 14px;
    background: #fbc02d; border-radius: 4px; transform: rotate(15deg); z-index: 15;
}
.songshan-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}

/* --- 6. 腿脚 --- */
.songshan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.songshan-feet::before, .songshan-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.songshan-feet::before { left: 0; } .songshan-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes songshan-breathe { 0% { transform: scale(1); } 100% { transform: scale(1.02); } }
@keyframes songshan-rotate { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
/* =========================================
   【青城派弟子】
   (青黛道袍·青巾·松风剑法·疾风松针)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-qingcheng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.qingcheng-wrapper {
    position: relative;
    width: 17px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸急促，蓄势待发 */
    animation: qingcheng-shiver 0.2s linear infinite alternate;
}

/* --- 2. 背景特效：松风疾劲 (Pine Wind) --- */
/* 风痕 (Wind Streaks) */
.qingcheng-wind-bg {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 80px; height: 60px;
    z-index: -10; pointer-events: none;
}
.qingcheng-wind-streak {
    position: absolute; height: 1px; background: rgba(0, 150, 136, 0.5); /* 青色风 */
    border-radius: 1px;
    animation: qingcheng-wind-blow 0.5s linear infinite;
}
.qw-1 { top: 20%; left: -10px; width: 40px; animation-duration: 0.6s; }
.qw-2 { top: 50%; left: 20px; width: 30px; animation-duration: 0.4s; animation-delay: 0.2s; }
.qw-3 { top: 80%; left: 0px; width: 50px; animation-duration: 0.7s; animation-delay: 0.1s; }

/* 松针 (Pine Needles) */
.qingcheng-pine-needle {
    position: absolute; width: 6px; height: 1px;
    background: #004d40; /* 深绿 */
    opacity: 0;
    transform: rotate(-15deg);
    animation: qingcheng-needle-fly 1s linear infinite;
}
.qp-1 { top: 10%; left: 100%; animation-delay: 0s; }
.qp-2 { top: 40%; left: 110%; animation-delay: 0.3s; }
.qp-3 { top: 70%; left: 105%; animation-delay: 0.6s; }


/* --- 3. 身体 (青黛道袍) --- */
.qingcheng-body {
    position: relative; width: 17px; height: 38px;
    /* 青黛色渐变 (Teal) */
    background: linear-gradient(to bottom, #00695c 0%, #004d40 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 黑色护肩/交领 */
.qingcheng-shoulder {
    position: absolute; top: 0; left: 0; width: 100%; height: 10px;
    background: #022201;
    border-radius: 6px 6px 0 0; z-index: 11;
}
.qingcheng-collar-V {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #b2dfdb; /* 浅青内衬 */
    z-index: 12;
}

/* 阴阳八卦镜 (护心镜) */
.qingcheng-mirror {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px;
    background: #ffd700; border-radius: 50%; border: 1px solid #000;
    z-index: 12; box-shadow: 0 0 2px rgba(255,215,0, 0.6);
}

/* 腰带 */
.qingcheng-belt {
    position: absolute; top: 20px; left: 0; width: 100%; height: 4px;
    background: #000; z-index: 11;
}
/* 垂布 */
.qingcheng-tabard {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 16px; background: #004d40; border: 1px solid #000; border-top: none;
    opacity: 0.8;
}

/* --- 4. 头部 (青巾束发) --- */
.qingcheng-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.qingcheng-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 阴狠眼神 */
.qingcheng-eye-L { position: absolute; top: 8px; left: 2px; width: 3px; height: 1px; background: #000; transform: rotate(10deg); z-index: 5; }
.qingcheng-eye-R { position: absolute; top: 8px; right: 2px; width: 3px; height: 1px; background: #000; transform: rotate(-10deg); z-index: 5; }
.qingcheng-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #8d6e63; z-index: 5; }

/* 青色道冠/头巾 (Flat Cap) */
.qingcheng-cap {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px;
    background: #004d40; /* 深青 */
    border-radius: 4px 4px 0 0; z-index: 3;
    border-bottom: 2px solid #000; /* 黑边 */
}
/* 鬓角 */
.qingcheng-hair-side {
    position: absolute; top: 4px; left: -1px; width: 16px; height: 10px;
    background: transparent;
    border-left: 2px solid #212121; border-right: 2px solid #212121;
    z-index: 1;
}


/* --- 5. 手臂与武器 --- */
/* 右手 (持剑横在身前) */
.qingcheng-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 14px;
    background: #00695c; border-radius: 4px;
    transform: rotate(0deg); /* 手臂平举 */
    z-index: 15;
}
.qingcheng-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 青城剑 (Cyan Sword) */
.qingcheng-sword {
    position: absolute; bottom: -2px; left: -30px; /* 剑身横向 */
    width: 36px; height: 2px; /* 横过来的剑 */
    background: #b0bec5;
    z-index: 14;
    box-shadow: 0 0 2px #00bcd4; /* 青光 */
}
.qingcheng-sword-hilt { position: absolute; right: 0; top: -3px; width: 2px; height: 8px; background: #000; }

/* 左手 (剑诀立于脸侧) */
.qingcheng-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px;
    background: #00695c; border-radius: 4px;
    transform: rotate(-140deg); /* 举到脸旁 */
    z-index: 16;
}
.qingcheng-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* --- 6. 腿脚 --- */
.qingcheng-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.qingcheng-feet::before, .qingcheng-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.qingcheng-feet::before { left: 0; } .qingcheng-feet::after { right: 0; }

/* --- 动画 --- */
/* 微微颤抖，表现蓄力和杀气 */
@keyframes qingcheng-shiver { 0% { transform: translateY(0); } 100% { transform: translateY(1px); } }
/* 疾风 */
@keyframes qingcheng-wind-blow { 
    0% { transform: translateX(20px); opacity: 0; } 
    20% { opacity: 0.5; } 
    80% { opacity: 0.5; } 
    100% { transform: translateX(-40px); opacity: 0; } 
}
/* 松针飞过 */
@keyframes qingcheng-needle-fly {
    0% { transform: translate(20px, -10px) rotate(-15deg); opacity: 0; }
    20% { opacity: 1; }
    100% { transform: translate(-60px, 30px) rotate(-15deg); opacity: 0; }
}
/* =========================================
   【峨眉派弟子】
   (粉衣女侠·飞仙髻·细剑·莲花光晕)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-emei-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.emei-wrapper {
    position: relative;
    width: 15px; /* 女性身形较窄 */
    height: 36px; /* 略矮一点点 */
    z-index: 5;
    transform-origin: bottom center;
    animation: emei-float 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：莲花光晕 (Lotus Aura) --- */
.emei-lotus-bg {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 60px; height: 40px;
    z-index: -10; pointer-events: none;
}
/* 莲花底座光晕 */
.emei-lotus-glow {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 50px; height: 20px;
    background: radial-gradient(ellipse, rgba(248, 187, 208, 0.6) 0%, rgba(248, 187, 208, 0) 70%);
    border-radius: 50%;
    animation: emei-pulse 3s infinite alternate;
}
/* 飘落的花瓣 */
.emei-petal {
    position: absolute; width: 4px; height: 3px;
    background: #f06292; border-radius: 4px 0 4px 0;
    opacity: 0;
    animation: emei-petal-fall linear infinite;
}
.ep-1 { top: 0; left: 20%; animation-duration: 4s; animation-delay: 0s; }
.ep-2 { top: 10%; left: 80%; animation-duration: 5s; animation-delay: 1.5s; background: #f8bbd0; }
.ep-3 { top: 5%; left: 50%; animation-duration: 3.5s; animation-delay: 2.5s; }


/* --- 3. 身体 (粉衣女侠) --- */
.emei-body {
    position: relative; width: 15px; height: 36px;
    /* 淡粉色渐变 */
    background: linear-gradient(to bottom, #fce4ec 0%, #f8bbd0 100%);
    border-radius: 5px 5px 4px 4px; /* 肩膀圆润 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    z-index: 10;
}
/* 白色交领 */
.emei-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #fff; z-index: 11;
}
.emei-collar::after {
    content: ''; position: absolute; top: -10px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 6px solid #ffccbc; /* 皮肤 */
}

/* 腰封 (深粉色) */
.emei-belt {
    position: absolute; top: 15px; left: 0; width: 100%; height: 5px;
    background: #ec407a;
    z-index: 11;
}
/* 裙摆开叉 */
.emei-skirt-split {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 14px; background: #f48fb1; opacity: 0.5;
}

/* --- 4. 头部 (飞仙髻) --- */
.emei-head-group {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 16px; z-index: 20;
}
.emei-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (清秀) */
.emei-eye-L { position: absolute; top: 6px; left: 2px; width: 2.5px; height: 2px; background: #000; z-index: 5; }
.emei-eye-R { position: absolute; top: 6px; right: 2px; width: 2.5px; height: 2px; background: #000; z-index: 5; }
.emei-mouth { position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #d81b60; z-index: 5; }

/* 头发 */
.emei-hair-base { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 13px; height: 5px; background: #212121; border-radius: 4px 4px 0 0; z-index: 3; }
/* 飞仙髻 (High Bun) */
.emei-hair-bun {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px; background: #212121;
    border-radius: 5px 5px 2px 2px; z-index: 1;
}
/* 绒花 (Flower Pin) */
.emei-flower {
    position: absolute; top: -2px; right: -1px;
    width: 4px; height: 4px; background: #f50057; border-radius: 50%;
    z-index: 4; box-shadow: 0 0 2px #ff80ab;
}

/* 鬓角/刘海 (Side Bangs - Layer 4, on top of face) */
.emei-hair-side-L {
    position: absolute; top: 2px; left: -1px; width: 2px; height: 8px;
    background: #212121; border-radius: 0 0 0 5px; z-index: 4;
}
.emei-hair-side-R {
    position: absolute; top: 2px; right: -1px; width: 2px; height: 8px;
    background: #212121; border-radius: 0 0 5px 0; z-index: 4;
}


/* --- 5. 手臂与武器 --- */
/* 左手 (兰花指) */
.emei-arm-L {
    position: absolute; top: 6px; left: -3px; width: 5px; height: 13px;
    background: #fce4ec; border-radius: 3px;
    transform: rotate(-130deg); /* 举到脸旁 */
    z-index: 15;
}
.emei-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 4px; height: 4px; background: #ffccbc; border-radius: 50%;
}
/* 兰花指尖 */
.emei-finger { position: absolute; top: -2px; right: 0; width: 1px; height: 3px; background: #ffccbc; transform: rotate(20deg); }

/* 右手 (持剑) */
.emei-arm-R {
    position: absolute; top: 6px; right: -3px; width: 5px; height: 13px;
    background: #fce4ec; border-radius: 3px;
    transform: rotate(-15deg); z-index: 15;
}
.emei-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 4px; height: 4px; background: #ffccbc; border-radius: 50%;
}

/* 峨眉细剑 (Slender Sword) */
.emei-sword {
    position: absolute; top: 8px; right: -1px;
    width: 1.5px; /* 细剑 */
    height: 32px;
    background: #e0e0e0; /* 亮银色 */
    transform: rotate(-5deg); z-index: 14;
    box-shadow: 0 0 2px #f8bbd0; /* 粉色剑光 */
}
.emei-sword-hilt { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #ec407a; }

/* --- 6. 腿脚 --- */
.emei-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 10px; height: 3px; }
.emei-feet::before, .emei-feet::after { content: ''; position: absolute; bottom: 0; width: 4px; height: 3px; background: #212121; border-radius: 2px 2px 0 0; }
.emei-feet::before { left: 0; } .emei-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes emei-float { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes emei-pulse { 0% { transform: translateX(-50%) scale(0.9); opacity: 0.5; } 100% { transform: translateX(-50%) scale(1.1); opacity: 0.8; } }
@keyframes emei-petal-fall { 
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; } 
    20% { opacity: 0.8; } 
    100% { transform: translate(-10px, 30px) rotate(90deg); opacity: 0; } 
}
/* =========================================
   【华山派弟子】
   (白衣蓝衫·逍遥巾·剑气冲霄·险峰云海)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-huashan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.huashan-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: huashan-breathe 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：险峰云海 --- */
.huashan-peak-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 60px; height: 50px;
    z-index: -20; pointer-events: none;
    background: #90a4ae;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    opacity: 0.6;
}
.huashan-peak-bg::after {
    content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: rgba(0,0,0,0.1);
}
.huashan-clouds {
    position: absolute; bottom: 5px; left: 0; width: 100%; height: 20px;
    z-index: -10; pointer-events: none;
}
.huashan-cloud {
    position: absolute; background: #fff; border-radius: 50%; opacity: 0.7; filter: blur(3px);
    animation: huashan-cloud-drift 6s linear infinite;
}
.hc-1 { width: 20px; height: 10px; bottom: 0; left: 10%; animation-duration: 5s; }
.hc-2 { width: 25px; height: 12px; bottom: 2px; left: 60%; animation-duration: 7s; animation-delay: 1s; }
.hc-3 { width: 15px; height: 8px; bottom: 5px; left: 40%; animation-duration: 6s; animation-delay: 2s; }

/* --- 3. 身体 (白衣蓝衫) --- */
.huashan-body {
    position: relative; width: 18px; height: 38px;
    background: linear-gradient(to bottom, #ffffff 0%, #e3f2fd 100%);
    border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 10;
}

/* 蓝色外襟 */
.huashan-vest {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 100%; height: 18px; background: transparent; z-index: 11;
}
/* 【修复】这里之前写成了 origin，应该是 transform-origin */
.huashan-vest::before {
    content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 100%;
    background: #42a5f5; border-radius: 6px 0 6px 0; 
    transform: skewY(10deg); 
    transform-origin: top right; /* 修复点 */
}
.huashan-vest::after {
    content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 100%;
    background: #42a5f5; border-radius: 0 6px 0 6px; 
    transform: skewY(-10deg); 
    transform-origin: top left; /* 修复点 */
}

.huashan-collar-inner {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #ffccbc; z-index: 12;
}
.huashan-belt { position: absolute; top: 18px; left: 0; width: 100%; height: 5px; background: #1e88e5; z-index: 12; }
.huashan-sash { position: absolute; top: 22px; right: 4px; width: 3px; height: 12px; background: #42a5f5; transform: rotate(-10deg); }

/* --- 4. 头部 --- */
.huashan-head-group { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 14px; height: 18px; z-index: 20; }
.huashan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffccbc;
    border-radius: 4px 4px 6px 6px; z-index: 2; box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.huashan-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.huashan-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.huashan-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }
.huashan-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
.huashan-hair-bun { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 1; }
.huashan-hair-ribbon { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 10px; height: 2px; background: #42a5f5; z-index: 2; }
.huashan-hair-tail {
    position: absolute; top: 0px; right: -2px; width: 10px; height: 3px; background: #42a5f5; border-radius: 2px;
    transform-origin: left center; animation: huashan-ribbon-flutter 2s ease-in-out infinite alternate;
}

/* --- 5. 手臂与武器 --- */
.huashan-arm-R {
    position: absolute; top: 7px; right: -4px; width: 6px; height: 14px; background: #fff; border-radius: 4px; transform: rotate(-45deg); z-index: 16;
}
.huashan-hand-R { position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
.huashan-sword {
    position: absolute; top: -24px; left: 0px; width: 2px; height: 40px; background: #cfd8dc; transform: rotate(0deg); z-index: 15; box-shadow: 0 0 4px #e3f2fd;
}
.huashan-sword-hilt { position: absolute; top: 32px; left: 50%; transform: translateX(-50%); width: 8px; height: 2px; background: #546e7a; }
.huashan-sword-handle { position: absolute; top: 34px; left: 50%; transform: translateX(-50%); width: 2px; height: 6px; background: #37474f; }

.huashan-arm-L {
    position: absolute; top: 7px; left: -4px; width: 6px; height: 14px; background: #fff; border-radius: 4px; transform: rotate(30deg); z-index: 9;
}
.huashan-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* --- 6. 腿脚 --- */
.huashan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.huashan-feet::before, .huashan-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.huashan-feet::before { left: 0; } .huashan-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes huashan-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes huashan-cloud-drift { 0% { transform: translateX(0); opacity: 0; } 20% { opacity: 0.7; } 80% { opacity: 0.7; } 100% { transform: translateX(20px); opacity: 0; } }
@keyframes huashan-ribbon-flutter { 0% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } }
/* =========================================
   【泰山派弟子】
   (岩灰劲装·铁冠·宽刃重剑·旭日怪石)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-taishan-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.taishan-wrapper {
    position: relative;
    width: 20px; /* 身体较宽，显壮实 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸极慢，不动如山 */
    animation: taishan-breathe 6s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：旭日怪石 (Sunrise & Rocks) --- */
/* 旭日 (Sun) */
.taishan-sun-bg {
    position: absolute;
    bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 50px; height: 50px;
    background: linear-gradient(to top, #ff5722, #ffab91); /* 红日 */
    border-radius: 50%;
    opacity: 0.8;
    z-index: -20;
    box-shadow: 0 0 15px rgba(255, 87, 34, 0.5);
    animation: taishan-sun-rise 10s ease-out forwards;
}

/* 怪石 (Rocks) */
.taishan-rock-group {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -10; pointer-events: none;
}
.taishan-rock {
    position: absolute; bottom: 0;
    background: #455a64; /* 深石色 */
    /* 利用裁切做成山峰状 */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.tr-1 { left: 10%; width: 20px; height: 25px; background: #37474f; }
.tr-2 { right: 10%; width: 15px; height: 15px; background: #546e7a; }
.tr-3 { left: 30%; width: 10px; height: 10px; background: #263238; }


/* --- 3. 身体 (岩灰劲装) --- */
.taishan-body {
    position: relative; width: 20px; height: 38px;
    /* 岩石灰渐变 */
    background: linear-gradient(to bottom, #607d8b 0%, #455a64 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
}
/* 黑色护肩/领口 */
.taishan-shoulder {
    position: absolute; top: 0; left: 0; width: 100%; height: 8px;
    background: #263238; border-radius: 6px 6px 0 0; z-index: 11;
}
/* V领露出一点点 */
.taishan-shoulder::after {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #ffccbc; /* 皮肤 */
}

/* 宽腰带 */
.taishan-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 6px;
    background: #212121;
    z-index: 11;
    border-top: 1px solid #78909c;
    border-bottom: 1px solid #78909c;
}
/* 垂下的战裙甲片 */
.taishan-skirt {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 12px;
    background: #37474f;
    border-radius: 0 0 4px 4px;
}

/* --- 4. 头部 (铁冠) --- */
.taishan-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.taishan-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (严肃，嘴角向下) */
.taishan-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.taishan-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.taishan-mouth { 
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); 
    width: 4px; height: 2px; 
    border-top: 1px solid #8d6e63; /* 嘴角向下，显得严肃 */
    border-radius: 50% 50% 0 0; 
    z-index: 5; 
}

/* 铁冠 (Iron Crown) */
.taishan-iron-crown {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 6px;
    background: linear-gradient(to right, #424242, #757575, #424242); /* 金属质感 */
    border-radius: 2px 2px 0 0;
    border-bottom: 2px solid #212121; /* 冠底 */
    z-index: 3;
}
/* 束发 */
.taishan-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 5px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1;
}

/* --- 5. 手臂与武器 (双手拄剑) --- */
/* 重剑 (Heavy Sword) - 立在身前正中 */
.taishan-sword {
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 5px; /* 宽刃 */
    height: 44px;
    background: #37474f; /* 铁黑色 */
    border-radius: 1px;
    z-index: 15;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
/* 剑格 (Guard) */
.taishan-sword-hilt {
    position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 3px; background: #212121; border-radius: 1px;
}
/* 剑脊 (Blade Ridge) */
.taishan-sword::after {
    content: ''; position: absolute; top: 11px; left: 50%; transform: translateX(-50%);
    width: 1px; height: 33px; background: #546e7a; opacity: 0.5;
}

/* 左手 (握住剑柄上方) */
.taishan-arm-L {
    position: absolute; top: 8px; left: -2px; width: 6px; height: 12px;
    background: #607d8b; border-radius: 4px; transform: rotate(-20deg); z-index: 16;
}
.taishan-hand-L {
    position: absolute; bottom: -3px; left: 1px; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
    /* 放在剑柄上 */
    transform: translate(3px, 5px); 
}

/* 右手 (握住左手下方/剑柄下方) */
.taishan-arm-R {
    position: absolute; top: 8px; right: -2px; width: 6px; height: 12px;
    background: #607d8b; border-radius: 4px; transform: rotate(20deg); z-index: 16;
}
.taishan-hand-R {
    position: absolute; bottom: -3px; left: -1px; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
    transform: translate(-3px, 10px);
}


/* --- 6. 腿脚 --- */
.taishan-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.taishan-feet::before, .taishan-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.taishan-feet::before { left: 0; } .taishan-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes taishan-breathe { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.01); } }
@keyframes taishan-sun-rise { 
    0% { transform: translate(-50%, 20px); opacity: 0; } 
    100% { transform: translate(-50%, 0); opacity: 0.8; } 
}
/* =========================================
   【丐帮弟子】
   (百家衣补丁·绿竹杖·酒葫芦·三袋身份·飞沙)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-gai-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.gai-wrapper {
    position: relative;
    width: 19px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    animation: gai-sway 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：飞沙走石 --- */
.gai-dust-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -1; pointer-events: none;
}
.gai-sand {
    position: absolute; width: 4px; height: 2px;
    background: #d7ccc8; border-radius: 50%; opacity: 0; box-shadow: 0 0 2px #a1887f;
    animation: gai-sand-move linear infinite;
}
.gs-1 { top: 60%; left: -10%; animation-duration: 2s; animation-delay: 0s; width: 6px; }
.gs-2 { top: 40%; left: -10%; animation-duration: 3s; animation-delay: 1s; }
.gs-3 { top: 80%; left: -10%; animation-duration: 2.5s; animation-delay: 0.5s; width: 3px; }

/* --- 3. 身体 (百家衣) --- */
.gai-body {
    position: relative; width: 19px; height: 38px;
    background: #8d6e63; /* 土灰底色 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10;
    /* 【核心修复】删除了 overflow: hidden; 否则头会被切掉 */
}
.gai-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #5d4037; z-index: 11;
}
.gai-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #ffccbc;
}

/* 补丁 (位置微调以防超出边界) */
.gai-patch-1 {
    position: absolute; bottom: 8px; left: 3px; /* 微调 */
    width: 6px; height: 6px; background: #607d8b; border: 1px dashed #cfd8dc; transform: rotate(-10deg);
}
.gai-patch-2 {
    position: absolute; top: 18px; right: 3px; /* 微调 */
    width: 5px; height: 7px; background: #558b2f; border: 1px dashed #dcedc8; transform: rotate(5deg);
}

/* 三袋弟子 */
.gai-sacks-group {
    position: absolute; top: 14px; left: 1px; /* 微调防止出界 */
    display: flex; flex-direction: column; gap: 1px; z-index: 12;
}
.gai-sack {
    width: 5px; height: 4px; background: #d7ccc8; border: 1px solid #8d6e63; border-radius: 1px;
}
.gai-belt { position: absolute; top: 20px; left: 0; width: 100%; height: 4px; background: #3e2723; z-index: 11; }

/* --- 4. 头部 --- */
.gai-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.gai-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2; box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 脸上的灰 */
.gai-face::before {
    content: ''; position: absolute; top: 8px; left: 2px; width: 4px; height: 2px;
    background: rgba(62, 39, 35, 0.3); border-radius: 50%; z-index: 6;
}
.gai-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.gai-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.gai-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }

/* 乱发 */
.gai-hair-top { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 16px; height: 8px; background: #4e342e; border-radius: 8px 8px 0 0; z-index: 1; }
.gai-headband { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 16px; height: 3px; background: #1a237e; z-index: 3; }
.gai-hair-spike-1 { position: absolute; top: -5px; left: 2px; width: 2px; height: 4px; background: #4e342e; transform: rotate(-20deg); }
.gai-hair-spike-2 { position: absolute; top: -5px; right: 2px; width: 2px; height: 4px; background: #4e342e; transform: rotate(20deg); }

/* --- 5. 手臂与武器 --- */
.gai-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px; background: #8d6e63; border-radius: 4px; transform: rotate(20deg); z-index: 15;
}
.gai-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
.gai-gourd {
    position: absolute; bottom: -12px; left: -2px; width: 10px; height: 14px; z-index: 16; transform: rotate(10deg);
}
.gai-gourd::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 5px; background: #ffecb3; border-radius: 4px; border: 1px solid #f9a825; }
.gai-gourd::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 8px; background: #ffecb3; border-radius: 5px; border: 1px solid #f9a825; }
.gai-gourd-rope { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 2px; background: #c62828; z-index: 1; }

.gai-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 14px; background: #8d6e63; border-radius: 4px; transform: rotate(-30deg); z-index: 15;
}
.gai-hand-R { position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
.gai-stick {
    position: absolute; top: -15px; right: 4px; width: 3px; height: 44px;
    background: repeating-linear-gradient(to bottom, #9ccc65 0px, #9ccc65 8px, #33691e 9px, #33691e 10px);
    border-radius: 2px; transform: rotate(20deg); z-index: 14;
}

/* --- 6. 腿脚 --- */
.gai-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.gai-feet::before, .gai-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #d7ccc8; border: 1px dashed #8d6e63; border-radius: 2px 2px 0 0; }
.gai-feet::before { left: 0; } .gai-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes gai-sway { 0% { transform: rotate(-2deg); } 100% { transform: rotate(2deg); } }
@keyframes gai-sand-move { 0% { left: -20%; opacity: 0; } 20% { opacity: 0.8; } 80% { opacity: 0.8; } 100% { left: 120%; opacity: 0; } }
/* =========================================
   【武当派弟子】
   (藏青道袍·苏秦背剑·太极掌·阴阳鱼背景)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-wudang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.wudang-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸绵长沉稳 */
    animation: wudang-breathe 5s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：太极阴阳鱼 (Taiji Diagram) --- */
.wudang-taiji-bg {
    position: absolute;
    bottom: 25px; left: 50%; width: 70px; height: 70px; margin-left: -35px;
    border-radius: 50%;
    z-index: -10; pointer-events: none; opacity: 0.8;
    /* 简单的CSS太极图画法：左右分色 */
    background: linear-gradient(90deg, #ffffff 50%, #212121 50%);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    animation: wudang-spin 8s linear infinite;
}
/* 太极图的上半部鱼眼 */
.wudang-taiji-bg::before {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 35px; height: 35px;
    background: #ffffff; border-radius: 50%;
    /* 黑色鱼眼 */
    background-image: radial-gradient(circle, #212121 15%, #ffffff 16%);
}
/* 太极图的下半部鱼眼 */
.wudang-taiji-bg::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 35px; height: 35px;
    background: #212121; border-radius: 50%;
    /* 白色鱼眼 */
    background-image: radial-gradient(circle, #ffffff 15%, #212121 16%);
}


/* --- 3. 身体 (深蓝道袍) --- */
.wudang-body {
    position: relative; width: 18px; height: 38px;
    /* 深藏青色 */
    background: linear-gradient(to bottom, #1a237e 0%, #0d47a1 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 白色领口 (Y字领) */
.wudang-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #fff; /* 白领 */
    z-index: 11;
}
.wudang-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc;
}
/* 白色腰带 */
.wudang-belt {
    position: absolute; top: 16px; left: 0; width: 100%; height: 4px;
    background: #e0e0e0;
    z-index: 11;
}
/* 下摆中间的白色内衬 */
.wudang-robe-inner {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 14px; background: #fff; opacity: 0.2;
}

/* --- 4. 头部 (发髻) --- */
.wudang-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.wudang-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (平和) */
.wudang-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.wudang-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.wudang-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }

/* 黑色道髻 */
.wudang-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1; }
.wudang-hair-bun { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 8px; height: 6px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 1; }
/* 黑色木簪 */
.wudang-pin { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 12px; height: 2px; background: #424242; z-index: 2; }


/* --- 5. 手臂与武器 --- */
/* 左手 (太极掌 - 向前推出) */
.wudang-arm-L {
    position: absolute; top: 7px; left: -4px; width: 6px; height: 14px;
    background: #1a237e; border-radius: 4px;
    transform: rotate(-60deg); /* 抬起向前 */
    z-index: 15;
}
/* 白色护腕 */
.wudang-cuff-L { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #fff; border-radius: 0 0 2px 2px; }
.wudang-hand-L {
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 6px; background: #ffccbc; border-radius: 2px;
    transform: rotate(30deg); /* 掌心立起 */
}

/* 右手 (背剑 - 向后) */
.wudang-arm-R {
    position: absolute; top: 7px; right: -4px; width: 6px; height: 14px;
    background: #1a237e; border-radius: 4px;
    transform: rotate(30deg); /* 向后背 */
    z-index: 9; /* 在身体后面 */
}
.wudang-cuff-R { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #fff; border-radius: 0 0 2px 2px; }
.wudang-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}

/* 武当剑 (Sword - 背在身后) */
.wudang-sword {
    position: absolute;
    top: -20px; /* 剑柄向上 */
    right: 6px; /* 靠右背着 */
    width: 3px; height: 44px;
    background: #b0bec5; /* 银剑 */
    transform: rotate(20deg); /* 斜背 */
    z-index: 8; /* 最底层，但在背景前 */
    box-shadow: 0 0 2px rgba(255,255,255,0.5);
}
.wudang-sword-hilt { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 9px; height: 2px; background: #455a64; }
.wudang-sword-handle { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 3px; height: 10px; background: #263238; }
/* 长剑穗 (Tassel) */
.wudang-tassel {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 2px; height: 16px; background: #fff;
    animation: wudang-tassel-sway 3s ease-in-out infinite alternate;
}

/* --- 6. 腿脚 --- */
.wudang-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.wudang-feet::before, .wudang-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.wudang-feet::before { left: 0; } .wudang-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes wudang-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes wudang-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes wudang-tassel-sway { 0% { transform: translateX(-50%) rotate(-10deg); } 100% { transform: translateX(-50%) rotate(10deg); } }
/* =========================================
   【全真教弟子】
   (灰蓝道袍·道士髻·剑诀·北斗七星阵)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-quanzhen-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.quanzhen-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸轻灵 */
    animation: quanzhen-breathe 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：北斗七星 (Big Dipper) --- */
.quanzhen-star-bg {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    width: 80px; height: 80px;
    z-index: -10; pointer-events: none;
}
/* 星星 */
.qz-star {
    position: absolute; width: 3px; height: 3px;
    background: #fff; border-radius: 50%;
    box-shadow: 0 0 4px #90caf9;
    animation: quanzhen-twinkle 2s infinite alternate;
}
/* 星星连线 (SVG line 或者用细长div模拟，这里用div) */
.qz-line {
    position: absolute; height: 1px; background: rgba(144, 202, 249, 0.4);
    transform-origin: left center;
}

/* 北斗七星位置 (勺柄到勺口) */
.qs-1 { top: 10%; right: 10%; } /* 摇光 */
.qs-2 { top: 20%; right: 25%; animation-delay: 0.2s; } /* 开阳 */
.qs-3 { top: 35%; right: 35%; animation-delay: 0.4s; } /* 玉衡 */
.qs-4 { top: 45%; right: 50%; animation-delay: 0.6s; } /* 天权 (勺柄身连接处) */
.qs-5 { top: 55%; right: 45%; animation-delay: 0.8s; } /* 天玑 */
.qs-6 { top: 65%; right: 60%; animation-delay: 1.0s; } /* 天璇 */
.qs-7 { top: 55%; right: 70%; animation-delay: 1.2s; } /* 天枢 */

/* 简单的连线模拟 (连接几颗关键星星) */
.ql-1 { top: 11%; right: 10%; width: 20px; transform: rotate(145deg); }
.ql-2 { top: 21%; right: 25%; width: 15px; transform: rotate(135deg); }
.ql-3 { top: 36%; right: 35%; width: 18px; transform: rotate(145deg); }


/* --- 3. 身体 (灰蓝道袍) --- */
.quanzhen-body {
    position: relative; width: 18px; height: 38px;
    /* 灰蓝色渐变 */
    background: linear-gradient(to bottom, #90caf9 0%, #64b5f6 100%);
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 白色交领 */
.quanzhen-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 10px solid #fff; /* 白领 */
    z-index: 11;
}
.quanzhen-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc; /* 皮肤 */
}

/* 腰带 */
.quanzhen-belt {
    position: absolute; top: 16px; left: 0; width: 100%; height: 5px;
    background: #1565c0; /* 深蓝腰带 */
    z-index: 11;
}
/* 垂下的系带 */
.quanzhen-sash {
    position: absolute; top: 21px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 12px; background: #1e88e5;
}

/* --- 4. 头部 (道士髻) --- */
.quanzhen-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.quanzhen-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; border-radius: 4px 4px 6px 6px; z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (清秀规矩) */
.quanzhen-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.quanzhen-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.quanzhen-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }

/* 道士发髻 (Taoist Bun) */
.quanzhen-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 1;
}
.quanzhen-bun {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; background: #212121; border-radius: 4px; z-index: 1;
}
/* 木簪 (Wooden Pin) */
.quanzhen-pin {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 2px; background: #8d6e63; z-index: 2;
}
/* 发带垂下 */
.quanzhen-hair-ribbon {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 20px; z-index: 0;
}
.quanzhen-hair-ribbon::before, .quanzhen-hair-ribbon::after {
    content: ''; position: absolute; top: 0; width: 2px; height: 100%; background: #1565c0; /* 蓝色发带 */
}
.quanzhen-hair-ribbon::before { left: 0; }
.quanzhen-hair-ribbon::after { right: 0; }


/* --- 5. 手臂与武器 --- */
/* 左手 (捏剑诀) */
.quanzhen-arm-L {
    position: absolute; top: 7px; left: -4px; width: 6px; height: 14px;
    background: #90caf9; border-radius: 4px;
    transform: rotate(-30deg); /* 微微抬起 */
    z-index: 15;
}
/* 剑指 (Sword Finger Mudra) */
.quanzhen-hand-L {
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
.quanzhen-hand-L::after { /* 竖起的两指 */
    content: ''; position: absolute; bottom: 2px; left: 1px;
    width: 2px; height: 4px; background: #ffccbc; border-radius: 1px;
}

/* 右手 (持剑斜指地) */
.quanzhen-arm-R {
    position: absolute; top: 7px; right: -4px; width: 6px; height: 14px;
    background: #90caf9; border-radius: 4px;
    transform: rotate(20deg); /* 自然下垂略张开 */
    z-index: 15;
}
.quanzhen-hand-R {
    position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;
}
/* 长剑 */
.quanzhen-sword {
    position: absolute; top: 2px; left: 2px;
    width: 2px; height: 36px; background: #cfd8dc;
    transform: rotate(25deg); /* 斜指地面 */
    transform-origin: top center; z-index: 14;
    box-shadow: 0 0 2px rgba(255,255,255,0.6);
}
.quanzhen-sword-hilt { /* 剑格 */
    position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; background: #546e7a;
}
.quanzhen-sword-handle { /* 剑柄 */
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 6px; background: #37474f;
}

/* --- 6. 腿脚 --- */
.quanzhen-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.quanzhen-feet::before, .quanzhen-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.quanzhen-feet::before { left: 0; } .quanzhen-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes quanzhen-breathe { 0% { transform: translateY(0); } 100% { transform: translateY(-1px); } }
@keyframes quanzhen-twinkle { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.2); } }
/* =========================================
   【少林寺弟子】
   (灰衣武僧·光头戒疤·齐眉棍·菩提落叶)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-shaolin-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.shaolin-wrapper {
    position: relative;
    width: 20px; /* 身体略宽，显壮实 */
    height: 38px;
    z-index: 5;
    transform-origin: bottom center;
    /* 呼吸沉稳，比一般人慢 */
    animation: shaolin-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：菩提落叶 (Bodhi Leaves) --- */
/* 锚定地面 */
.shaolin-zen-bg {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    z-index: -1; pointer-events: none;
}
.shaolin-leaf {
    position: absolute; width: 5px; height: 3px;
    background: #aed581; /* 浅绿叶 */
    border-radius: 5px 0 5px 0;
    opacity: 0;
    animation: shaolin-leaf-fall linear infinite;
}
/* 枯黄叶 */
.sl-yellow { background: #dce775; }

.sl-1 { top: 10%; left: 20%; animation-duration: 4s; animation-delay: 0s; }
.sl-2 { top: 30%; left: 80%; animation-duration: 5s; animation-delay: 2s; }
.sl-3 { top: 5%; left: 60%; animation-duration: 4.5s; animation-delay: 1s; }


/* --- 3. 身体 (灰衣武僧) --- */
.shaolin-body {
    position: relative; width: 20px; height: 38px;
    background: #e0e0e0; /* 浅灰练功服 */
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
}
/* 领口 (交领) */
.shaolin-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-top: 10px solid #bdbdbd; /* 深灰领边 */
    z-index: 11;
}
.shaolin-collar::after {
    content: ''; position: absolute; top: -12px; left: -5px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffccbc; /* 露出胸口皮肤 */
}

/* 腰带与裤子 */
.shaolin-belt {
    position: absolute; top: 18px; left: 0; width: 100%; height: 5px;
    background: #424242; /* 黑腰带 */
    z-index: 11;
}
.shaolin-pants {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px;
    background: #546e7a; /* 蓝灰裤子 */
    border-radius: 0 0 4px 4px; z-index: 10;
}
/* 绑腿 (Leg Wraps) - 武僧特征 */
.shaolin-leg-wrap-L {
    position: absolute; bottom: 0; left: 2px; width: 6px; height: 6px;
    background: #ffb74d; /* 橙黄绑腿 */
    border-radius: 2px; z-index: 12;
}
.shaolin-leg-wrap-R {
    position: absolute; bottom: 0; right: 2px; width: 6px; height: 6px;
    background: #ffb74d;
    border-radius: 2px; z-index: 12;
}


/* --- 4. 头部 (光头戒疤) --- */
.shaolin-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 18px; z-index: 20;
}
.shaolin-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc; /* 皮肤 */
    border-radius: 6px; /* 圆头圆脑 */
    z-index: 2;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
/* 五官 (浓眉大眼，正气) */
.shaolin-brow-L { position: absolute; top: 6px; left: 2px; width: 4px; height: 1.5px; background: #000; transform: rotate(-10deg); z-index: 5; }
.shaolin-brow-R { position: absolute; top: 6px; right: 2px; width: 4px; height: 1.5px; background: #000; transform: rotate(10deg); z-index: 5; }
.shaolin-eye-L { position: absolute; top: 8px; left: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 5; }
.shaolin-eye-R { position: absolute; top: 8px; right: 2px; width: 3px; height: 3px; background: #000; border-radius: 50%; z-index: 5; }
.shaolin-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }

/* 【核心特征】戒疤 (Jieba Dots) */
.shaolin-dots {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 4px; z-index: 3;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1px;
}
.shaolin-dot {
    width: 1.5px; height: 1.5px; background: #d7ccc8; border-radius: 50%;
    box-shadow: 0 0 1px rgba(0,0,0,0.2) inset;
}


/* --- 5. 手臂与武器 --- */
/* 左手 (持棍) */
.shaolin-arm-L {
    position: absolute; top: 7px; left: -5px; width: 6px; height: 16px;
    background: #e0e0e0; border-radius: 4px; transform: rotate(10deg); z-index: 15;
}
.shaolin-hand-L {
    position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}

/* 右手 (竖掌施礼) */
.shaolin-arm-R {
    position: absolute; top: 7px; right: -3px; width: 6px; height: 12px; /* 小臂抬起 */
    background: #e0e0e0; border-radius: 4px;
    transform: rotate(-120deg); /* 抬手到胸前 */
    z-index: 16; /* 在身前 */
}
.shaolin-hand-R {
    position: absolute; bottom: -4px; left: 0; width: 5px; height: 7px;
    background: #ffccbc; border-radius: 2px;
    transform: rotate(120deg); /* 手掌竖直 */
}

/* 齐眉棍 (Staff) */
.shaolin-staff {
    position: absolute;
    bottom: -2px; left: -8px; /* 立在左手边 */
    width: 3px; height: 46px; /* 比人高 */
    background: #5d4037; /* 深褐木色 */
    border-radius: 2px;
    z-index: 14; /* 在手臂后面，身体前面 */
}

/* --- 6. 腿脚 --- */
.shaolin-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.shaolin-feet::before, .shaolin-feet::after { content: ''; position: absolute; bottom: 0; width: 6px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.shaolin-feet::before { left: 0; } .shaolin-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes shaolin-breathe { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.02); } }
@keyframes shaolin-leaf-fall {
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
    20% { opacity: 0.8; }
    100% { transform: translate(-15px, 30px) rotate(90deg); opacity: 0; }
}
/* =========================================
   【林平之 V6 显形刘海修复版】
   (修复层级问题，确保刘海在脸皮上面)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-lin-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.lin-wrapper {
    position: relative;
    width: 16px; height: 38px;
    z-index: 5;
    transform: scale(1.12);
    transform-origin: bottom center;
    animation: lin-float 3s ease-in-out infinite alternate;
}

/* --- 2. 背景特效 (纯净月光) --- */
.lin-moon-bg {
    position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%);
    width: 70px; height: 70px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 70%);
    filter: blur(8px); z-index: -5; pointer-events: none;
}
.lin-bamboo-bg {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 80px; height: 60px;
    z-index: -10; pointer-events: none; opacity: 0.6;
    background: 
        linear-gradient(90deg, transparent 10%, #2e7d32 10%, #1b5e20 12%, transparent 12%),
        linear-gradient(90deg, transparent 80%, #2e7d32 80%, #1b5e20 82%, transparent 82%),
        linear-gradient(90deg, transparent 30%, #388e3c 30%, #2e7d32 33%, transparent 33%);
    background-size: 100% 100%; filter: blur(1px);
}
.lin-leaf { position: absolute; width: 4px; height: 2px; background: #4caf50; border-radius: 2px 0 2px 0; animation: lin-leaf-fall linear infinite; }
.ll-1 { top: 0; left: 20%; animation-duration: 4s; animation-delay: 0s; }
.ll-2 { top: 10%; left: 80%; animation-duration: 5s; animation-delay: 1.5s; background: #2e7d32; }
.ll-3 { top: 5%; left: 50%; animation-duration: 3.5s; animation-delay: 2.5s; }
.lin-ghost {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: inherit; border-radius: inherit; opacity: 0; z-index: -1;
    box-shadow: -8px 0 0 rgba(27, 94, 32, 0.3); animation: lin-ghost-flicker 2s infinite;
}

/* --- 3. 身体 (墨绿长衫) --- */
.lin-body {
    position: relative; width: 16px; height: 38px;
    background: linear-gradient(to bottom, #2e7d32 0%, #1b5e20 100%);
    border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); z-index: 10;
}
.lin-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #b71c1c; z-index: 11;
}
.lin-collar::after { content: ''; position: absolute; top: -12px; left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #eeeeee; }
.lin-belt { position: absolute; top: 16px; left: 0; width: 100%; height: 4px; background: #000; z-index: 11; }
.lin-robe-split { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 10px; background: #1b5e20; opacity: 0.5; }

/* --- 4. 头部 --- */
.lin-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    width: 11px; height: 18px; z-index: 20;
}

/* 脸部 (Layer 2) */
.lin-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f5f5f5;
    border-radius: 4px 4px 6px 6px; z-index: 2; box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

/* 发底填充 (Layer 3) - 确保在脸上面 */
.lin-hair-base {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 13px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; 
    z-index: 3; /* 比脸高 */
}

/* 【核心新增】刘海/发丝 (Layer 4) - 确保清晰可见 */
.lin-bangs-L {
    position: absolute; top: 3px; left: 2px;
    width: 2px; height: 6px; background: #212121;
    border-radius: 0 0 2px 0; z-index: 4; /* 在脸和发底之上 */
}
.lin-bangs-R {
    position: absolute; top: 3px; right: 2px;
    width: 2px; height: 6px; background: #212121;
    border-radius: 0 0 0 2px; z-index: 4;
}

/* 发髻 & 绿带 */
.lin-hair-bun { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 8px; height: 5px; background: #212121; border-radius: 4px 4px 2px 2px; z-index: 5; }
.lin-green-ribbon { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 10px; height: 2px; background: #2e7d32; z-index: 6; }

/* 散发 (脑后) */
.lin-hair-messy-L { position: absolute; top: 4px; left: -2px; width: 2px; height: 20px; background: #212121; transform: rotate(5deg); z-index: 0; }
.lin-hair-messy-R { position: absolute; top: 4px; right: -2px; width: 2px; height: 20px; background: #212121; transform: rotate(-5deg); z-index: 0; }

/* 蒙眼布 & 嘴 (Layer 6) */
.lin-blindfold {
    position: absolute; top: 6px; left: -1px; width: 13px; height: 4px; background: #e0e0e0; z-index: 6; box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.lin-blood-stain { position: absolute; top: 1px; left: 3px; width: 2px; height: 2px; background: #d32f2f; border-radius: 50%; opacity: 0.8; }
.lin-blood-stain-2 { position: absolute; top: 1px; right: 3px; width: 2px; height: 2px; background: #d32f2f; border-radius: 50%; opacity: 0.8; }
.lin-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #c62828; z-index: 5; }

/* --- 5. 手臂与武器 --- */
.lin-arm-L { position: absolute; top: 8px; left: -2px; width: 6px; height: 14px; background: #2e7d32; border-radius: 4px; transform: rotate(-140deg); z-index: 15; }
.lin-hand-L { position: absolute; bottom: -4px; left: 0; width: 4px; height: 5px; background: #f5f5f5; border-radius: 50%; }
.lin-finger-pinky { position: absolute; bottom: -2px; right: -2px; width: 1.5px; height: 3px; background: #f5f5f5; transform: rotate(30deg); }
.lin-arm-R { position: absolute; top: 8px; right: -5px; width: 6px; height: 16px; background: #2e7d32; border-radius: 4px; transform: rotate(-20deg); z-index: 15; }
.lin-hand-R { position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #f5f5f5; border-radius: 50%; }
.lin-sword { position: absolute; top: 14px; right: 0px; width: 1px; height: 34px; background: #b0bec5; transform: rotate(-10deg); z-index: 14; box-shadow: 0 0 2px #4caf50; }
.lin-sword-hilt { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #000; }

/* --- 6. 腿脚 --- */
.lin-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.lin-feet::before, .lin-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #000; border-radius: 2px 2px 0 0; }
.lin-feet::before { left: 0; } .lin-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes lin-float { 0% { transform: scale(1.12) translateY(0); } 100% { transform: scale(1.12) translateY(-2px); } }
@keyframes lin-leaf-fall { 0% { transform: translate(0, 0) rotate(0deg); opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(-10px, 40px) rotate(45deg); opacity: 0; } }
@keyframes lin-ghost-flicker { 0% { opacity: 0; transform: translateX(0); } 50% { opacity: 0.4; transform: translateX(-6px); } 100% { opacity: 0; transform: translateX(0); } }
/* =========================================
   【慕容复 V7 精修瘦身·剑柄修复版】
   (整体宽度-1px，头部同步变窄，修复剑柄脱节)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-murong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}
.murong-wrapper {
    position: relative;
    /* 【修改】整体宽度减为 18px */
    width: 18px;
    height: 38px;
    z-index: 5;
    transform: scale(1.12);
    transform-origin: bottom center;
    animation: murong-breathe 4s ease-in-out infinite alternate;
}

/* --- 2. 背景特效：斗转星移 (保持不变) --- */
.murong-galaxy-bg {
    position: absolute;
    bottom: 25px; left: 50%; width: 70px; height: 70px; margin-left: -35px; 
    z-index: -10; pointer-events: none; opacity: 0.9;
}
.murong-galaxy-core {
    width: 100%; height: 100%; border-radius: 50%;
    background: radial-gradient(circle, rgba(225, 190, 231, 0.8) 0%, rgba(123, 31, 162, 0.5) 40%, rgba(74, 20, 140, 0.8) 80%, transparent 100%);
    box-shadow: 0 0 15px rgba(171, 71, 188, 0.5);
    animation: murong-galaxy-spin 10s linear infinite;
}
.murong-star { position: absolute; background: #fff; border-radius: 50%; box-shadow: 0 0 3px #e1bee7; }
.ms-1 { top: 10%; left: 50%; width: 2px; height: 2px; }
.ms-2 { top: 80%; left: 20%; width: 3px; height: 3px; }
.ms-3 { top: 40%; left: 85%; width: 2px; height: 2px; }
.ms-4 { top: 60%; left: 10%; width: 2px; height: 2px; }
.ms-5 { top: 20%; left: 75%; width: 3px; height: 3px; }

/* --- 3. 身体 (黄袍红衬) --- */
.murong-body {
    position: relative;
    /* 【修改】身体宽度同步减为 18px */
    width: 18px;
    height: 38px;
    background: linear-gradient(to bottom, #fbc02d 0%, #f9a825 100%);
    border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 10;
}
.murong-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #c62828; z-index: 11;
}
.murong-collar::after { content: ''; position: absolute; top: -12px; left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; }
.murong-belt { position: absolute; top: 15px; left: 0; width: 100%; height: 5px; background: #c62828; z-index: 11; }
.murong-pendant { position: absolute; top: 1px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: #64dd17; border-radius: 50%; border: 1px solid #f57f17; }

/* --- 4. 头部 (同步瘦身) --- */
.murong-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    /* 【修改】头部宽度减为 13px */
    width: 13px;
    height: 18px; z-index: 20;
}
.murong-hair-fill {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    /* 【修改】发量填充宽度减为 13px */
    width: 13px;
    height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 3;
}
.murong-gold-crown {
    position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
    /* 【微调】金冠宽度微调为 9px以适配 */
    width: 9px;
    height: 8px; background: linear-gradient(to right, #ffd700, #ffecb3, #ffd700);
    border-radius: 2px 2px 0 0; border-bottom: 1px solid #f57f17; z-index: 4;
}
.murong-crown-gem { position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 3px; height: 4px; background: #d50000; border-radius: 1px; }
.murong-short-pin {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    /* 【微调】发簪宽度微调为 15px */
    width: 15px;
    height: 2px; background: #ffd700; z-index: 2; box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.murong-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffccbc;
    border-radius: 4px 4px 6px 6px; z-index: 2; box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.murong-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.murong-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.murong-brow-L { position: absolute; top: 5px; left: 1px; width: 4px; height: 1px; background: #000; transform: rotate(-5deg); z-index: 5; }
.murong-brow-R { position: absolute; top: 5px; right: 1px; width: 4px; height: 1px; background: #000; transform: rotate(5deg); z-index: 5; }
.murong-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }
.murong-hair-side-L { position: absolute; top: 3px; left: -1px; width: 2px; height: 12px; background: #212121; z-index: 3; }
.murong-hair-side-R { position: absolute; top: 3px; right: -1px; width: 2px; height: 12px; background: #212121; z-index: 3; }

/* 鬓柳 (保持不变，完美衔接) */
.murong-tendril-L {
    position: absolute; top: 10px; left: -1.5px; width: 2px; height: 16px; background: #212121; z-index: 20; border-radius: 0 0 2px 0;
}
.murong-tendril-L::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 3px solid #212121; }
.murong-tendril-R {
    position: absolute; top: 10px; right: -1.5px; width: 2px; height: 16px; background: #212121; z-index: 20; border-radius: 0 0 0 2px;
}
.murong-tendril-R::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 3px solid #212121; }

/* --- 5. 手臂与武器 --- */
.murong-arm-L { position: absolute; top: 7px; left: -4px; width: 6px; height: 16px; background: #fbc02d; border-radius: 4px; transform: rotate(15deg); z-index: 15; }
.murong-hand-L { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
.murong-arm-R { position: absolute; top: 7px; right: -4px; width: 6px; height: 16px; background: #fbc02d; border-radius: 4px; transform: rotate(-10deg); z-index: 15; }
.murong-hand-R { position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%;z-index: 15; }

/* 君子剑 */
.murong-sword {
    position: absolute; top: 14px; right: -2px; width: 2px; height: 32px; background: #cfd8dc; transform: rotate(-15deg); z-index: 14; box-shadow: 0 0 2px rgba(255,255,255,0.8);
}
/* 【核心修改】剑柄下移，修复连接 */
.murong-sword-hilt {
    position: absolute;
    top: 5px; /* 原为 -6px，下移至紧贴剑身 */
    left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; background: #4a148c;
}
.murong-sword-handle { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 2px; height: 6px; background: #212121; }

/* --- 6. 腿脚 --- */
.murong-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.murong-feet::before, .murong-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.murong-feet::before { left: 0; } .murong-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes murong-breathe { 0% { transform: scale(1.12) translateY(0); } 100% { transform: scale(1.12) translateY(-1px); } }
@keyframes murong-galaxy-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* =========================================
   【杨康 V4 精致折扇版】
   (为折扇添加两侧的木质边骨)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-yk-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 2px;
    z-index: 10;
}

.yk-wrapper {
    position: relative;
    width: 19px; height: 38px;
    z-index: 5;
    transform: scale(1.12);
    transform-origin: bottom center;
    animation: yk-breathe-scaled 4s ease-in-out infinite alternate;
}

/* --- 王府背景 --- */
.yk-mansion-bg {
    position: absolute;
    bottom: 43px; left: 50%; transform: translateX(-50%);
    width: 35px; height: 25px;
    background: #fff8e1;
    border: 3px solid #b71c1c;
    border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    z-index: -10; pointer-events: none;
}
.yk-mansion-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: 
        linear-gradient(90deg, transparent 48%, #e57373 48%, #e57373 52%, transparent 52%),
        linear-gradient(0deg, transparent 48%, #e57373 48%, #e57373 52%, transparent 52%);
    background-size: 20px 20px; border: 1px solid #e57373; opacity: 0.6;
}
.yk-mansion-roof {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 38px; height: 6px; background: #5d4037; border-radius: 4px 4px 2px 2px; z-index: 1;
}

/* --- 2. 背景特效：金粉流光 --- */
.yk-gold-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 0;
}
.yk-dust {
    position: absolute; width: 3px; height: 3px; background: #ffd700; border-radius: 50%; 
    opacity: 0; box-shadow: 0 0 4px #ffecb3; animation: yk-dust-rise linear infinite;
}
.yd-1 { bottom: 10%; left: 20%; animation-duration: 4s; animation-delay: 0s; width: 2px; height: 2px; }
.yd-2 { bottom: 5%; left: 80%; animation-duration: 5s; animation-delay: 1s; }
.yd-3 { bottom: 20%; left: 40%; animation-duration: 3.5s; animation-delay: 2s; width: 4px; height: 4px; opacity: 0.5; }
.yd-4 { bottom: 0%; left: 60%; animation-duration: 4.5s; animation-delay: 0.5s; }

/* --- 3. 身体 (锦衣华服) --- */
.yk-body {
    position: relative; width: 19px; height: 38px;
    background: linear-gradient(to bottom, #fff9c4 20%, #fff59d 100%);
    border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 10;
}
.yk-robe-open { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: #fbc02d; opacity: 0.3; }
.yk-fur-collar {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
    width: 23px; height: 10px; background: #ffffff; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 12;
}
.yk-fur-collar::after {
    content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 6px;
    background: transparent; border: 1px dashed #e0e0e0; border-radius: 8px; opacity: 0.5;
}
.yk-belt { position: absolute; top: 16px; left: 0; width: 100%; height: 5px; background: #263238; z-index: 11; }
.yk-jade-pendant { position: absolute; top: 1px; left: 50%; transform: translateX(-50%); width: 6px; height: 3px; background: #64dd17; border-radius: 2px; }
.yk-tassel { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 2px; height: 8px; background: #c62828; }

/* --- 4. 头部 (金冠) --- */
.yk-head-group { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 14px; height: 18px; z-index: 20; }
.yk-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffccbc;
    border-radius: 4px 4px 6px 6px; z-index: 2; box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.yk-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.yk-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.yk-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 2px; border-bottom: 1px solid #8d6e63; border-radius: 0 0 50% 50%; z-index: 5; }
.yk-hair-side-L { position: absolute; top: 3px; left: -1px; width: 2px; height: 10px; background: #212121; z-index: 3; }
.yk-hair-side-R { position: absolute; top: 3px; right: -1px; width: 2px; height: 10px; background: #212121; z-index: 3; }
.yk-hair-bun { position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 12px; height: 6px; background: #212121; border-radius: 6px 6px 0 0; z-index: 1; }
.yk-crown {
    position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; 
    background: linear-gradient(to right, #fbc02d, #ffeb3b, #fbc02d); border-radius: 2px; z-index: 4; box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.yk-crown-gem { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: #d50000; border-radius: 50%; border: 1px solid #ffd700; }
.yk-ribbon-L { position: absolute; top: 0; left: 0; width: 2px; height: 20px; background: #ffeb3b; transform: rotate(15deg); z-index: 0; }
.yk-ribbon-R { position: absolute; top: 0; right: 0; width: 2px; height: 20px; background: #ffeb3b; transform: rotate(-15deg); z-index: 0; }


/* --- 5. 手臂与武器 --- */
.yk-arm-L { position: absolute; top: 7px; left: -3px; width: 6px; height: 16px; background: #fff9c4; border-radius: 4px; transform: rotate(10deg); z-index: 9; }
.yk-arm-R { position: absolute; top: 7px; right: -5px; width: 7px; height: 14px; background: #fff9c4; border-radius: 4px; transform: rotate(-20deg); z-index: 15; }
.yk-hand-R { position: absolute; bottom: -3px; left: 1px; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 折扇主体 */
.yk-fan {
    position: absolute; bottom: -2px; right: -3px; width: 16px; height: 12px; background: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%); /* 裁剪成扇形 */
    transform: rotate(40deg); transform-origin: bottom center; z-index: 16;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, #e0e0e0 3px);
}
/* 【核心新增】折扇木质边骨 (Wooden Borders) */
.yk-fan::before, .yk-fan::after {
    content: ''; position: absolute;
    background: #5d4037; /* 深木色 */
    width: 1.5px; height: 14px; /* 细长木条 */
    bottom: 0; left: 50%; /* 锚定在底部尖端 */
    transform-origin: bottom center;
    z-index: 17; /* 在扇面之上 */
}
/* 左边骨 - 向左旋转贴合边缘 */
.yk-fan::before { transform: translateX(-50%) rotate(-33.7deg); }
/* 右边骨 - 向右旋转贴合边缘 */
.yk-fan::after { transform: translateX(-50%) rotate(33.7deg); }

.yk-fan-pendant { position: absolute; bottom: -5px; left: 50%; width: 2px; height: 6px; background: #81c784; transform: translateX(-50%); }

/* --- 6. 腿脚 --- */
.yk-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 12px; height: 4px; }
.yk-feet::before, .yk-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #212121; border-radius: 2px 2px 0 0; }
.yk-feet::before { left: 0; } .yk-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes yk-breathe-scaled { 0% { transform: scale(1.12) translateY(0); } 100% { transform: scale(1.12) translateY(-1px); } }
@keyframes yk-dust-rise { 0% { transform: translateY(0) scale(0.5); opacity: 0; } 20% { opacity: 0.8; } 80% { opacity: 0.8; } 100% { transform: translateY(-40px) scale(1); opacity: 0; } }
/* =========================================
   【鸠摩智 V3 终极版】
   (体型放大 + 方脸下颚线 + 走火入魔红黄闪光)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-jiumo-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 5px;
    z-index: 10;
}

/* 【核心修改1】整体放大 1.15 倍，体现高大魁梧 */
.jiumo-wrapper {
    position: relative;
    width: 24px; height: 38px;
    z-index: 5;
    /* 基础放大 + 呼吸动画 */
    transform: scale(1.15);
    transform-origin: bottom center;
    animation: jiumo-breathe-scaled 3s ease-in-out infinite alternate;
}

/* --- 【核心新增】走火入魔光晕 (Devil Halo) --- */
/* 锚定在地板容器，不随身体呼吸移动 */
.jiumo-devil-halo {
    position: absolute;
    bottom: 30px; /* 位于头部后方高度 */
    left: 50%;
    transform: translateX(-50%);
    width: 60px; height: 60px;
    /* 红黄交替的邪气光晕 */
    background: radial-gradient(circle, rgba(255, 235, 59, 0.7) 0%, rgba(244, 67, 54, 0.5) 40%, transparent 70%);
    border-radius: 50%;
    z-index: 1; /* 在火星之上，人物之下 */
    /* 快速闪烁动画 */
    animation: jiumo-devil-flash 0.8s ease-in-out infinite alternate;
}


/* --- 2. 背景特效：赤炎热浪 --- */
.jiumo-fire-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 0;
}
.jiumo-spark {
    position: absolute; width: 3px; height: 3px; background: #ff5722; border-radius: 50%; opacity: 0;
    animation: jiumo-spark-rise 2s linear infinite;
}
.js-1 { bottom: 10px; left: -10px; animation-delay: 0s; }
.js-2 { bottom: 20px; right: -15px; animation-delay: 1s; background: #ffeb3b; width: 2px; height: 2px; }
.js-3 { bottom: 5px; left: 30px; animation-delay: 0.5s; }
.js-4 { bottom: 15px; right: 25px; animation-delay: 1.5s; background: #ff9800; }

/* --- 3. 身体 (番僧袍) --- */
.jiumo-body {
    position: relative; width: 24px; height: 38px;
    background: #fbc02d; border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); z-index: 10;
}
.jiumo-kasaya {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #c62828;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 40%); border-radius: 6px 6px 4px 4px; z-index: 11;
}
.jiumo-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fdd835; z-index: 12;
}

/* --- 4. 头部 --- */
.jiumo-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 16px; height: 18px; z-index: 20;
}

/* 【核心修改2】方脸下颚线阴影 */
.jiumo-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #ffccbc;
    border-radius: 4px 4px 6px 6px;
    /* 底部增加浅灰阴影，区分领子，强调方下巴 */
    box-shadow: 0 2px 1px rgba(0,0,0,0.15); 
    z-index: 2;
}

.jiumo-ear-L { position: absolute; top: 6px; left: -3px; width: 4px; height: 8px; background: #ffccbc; border-radius: 4px 0 0 6px; z-index: 1; }
.jiumo-ear-R { position: absolute; top: 6px; right: -3px; width: 4px; height: 8px; background: #ffccbc; border-radius: 0 4px 6px 0; z-index: 1; }
.jiumo-brow-L { position: absolute; top: 5px; left: 2px; width: 4px; height: 1px; background: #000; transform: rotate(10deg); z-index: 5; }
.jiumo-brow-R { position: absolute; top: 5px; right: 2px; width: 4px; height: 1px; background: #000; transform: rotate(-10deg); z-index: 5; }
.jiumo-eye-L { position: absolute; top: 7px; left: 3px; width: 3px; height: 2px; background: #000; z-index: 5; }
.jiumo-eye-R { position: absolute; top: 7px; right: 3px; width: 3px; height: 2px; background: #000; z-index: 5; }
.jiumo-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 5px; height: 1px; background: #8d6e63; z-index: 5; }
.jiumo-hair-top { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 10px; height: 6px; background: #212121; border-radius: 5px 5px 2px 2px; z-index: 1; }
.jiumo-hair-base { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 18px; height: 6px; background: #212121; border-radius: 4px 4px 0 0; z-index: 3; }

/* --- 5. 手臂与武器 --- */
.jiumo-arm-L { position: absolute; top: 8px; left: -4px; width: 8px; height: 18px; background: #c62828; border-radius: 4px; transform: rotate(15deg); z-index: 15; }
.jiumo-beads { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; border: 2px dotted #5d4037; border-radius: 50%; }
.jiumo-arm-R { position: absolute; top: 6px; right: -6px; width: 8px; height: 18px; background: #fbc02d; border-radius: 4px; transform: rotate(-30deg); z-index: 15; }
.jiumo-flame-blade { position: absolute; bottom: -12px; right: -8px; width: 12px; height: 24px; background: linear-gradient(to top, #ff3d00, #ffea00); border-radius: 0 100% 20% 100%; opacity: 0.8; filter: blur(1px); transform: rotate(15deg); z-index: 20; animation: jiumo-flame-flicker 0.1s infinite alternate; }
.jiumo-hand-R { position: absolute; bottom: -2px; left: 1px; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; z-index: 21; }

/* --- 6. 腿脚 --- */
.jiumo-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 14px; height: 4px; }
.jiumo-feet::before, .jiumo-feet::after { content: ''; position: absolute; bottom: 0; width: 5px; height: 4px; background: #4e342e; border-radius: 2px 2px 0 0; }
.jiumo-feet::before { left: 0; } .jiumo-feet::after { right: 0; }

/* --- 动画 --- */
/* 【修改】适配缩放后的呼吸动画 */
@keyframes jiumo-breathe-scaled {
    0% { transform: scale(1.15) scaleY(1); }
    50% { transform: scale(1.15) scaleY(1.02); }
    100% { transform: scale(1.15) scaleY(1); }
}
@keyframes jiumo-spark-rise { 0% { transform: translateY(0) scale(1); opacity: 1; } 100% { transform: translateY(-40px) scale(0); opacity: 0; } }
@keyframes jiumo-flame-flicker { 0% { transform: rotate(15deg) scale(1); opacity: 0.8; } 100% { transform: rotate(13deg) scale(1.1); opacity: 1; } }
/* 【新增】走火入魔闪烁动画 */
@keyframes jiumo-devil-flash {
    0% { opacity: 0.5; transform: translateX(-50%) scale(1); background: radial-gradient(circle, rgba(255, 235, 59, 0.7) 0%, rgba(244, 67, 54, 0.5) 40%, transparent 70%); }
    100% { opacity: 0.8; transform: translateX(-50%) scale(1.1); background: radial-gradient(circle, rgba(255, 87, 34, 0.8) 0%, rgba(255, 193, 7, 0.6) 40%, transparent 80%); }
}
/* =========================================
   【小龙女 V8 寒潭彼岸版】
   (花丛移至画面上方/寒潭对岸，远离主角)
   ========================================= */

/* --- 1. 容器与 Wrapper --- */
.visual-long-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 12px;
    z-index: 10;
}
.long-wrapper {
    position: relative;
    width: 18px; height: 38px;
    z-index: 5;
    animation: long-float 4s ease-in-out infinite alternate;
}

/* --- 2. 背景场景层 --- */

/* 碧蓝潭水 */
.long-pool-bg {
    position: absolute;
    bottom: 30px;
    left: 50%; transform: translateX(-50%) scaleY(0.5);
    width: 70px; height: 40px;
    background: radial-gradient(ellipse at center, #01579b 0%, #0288d1 60%, transparent 90%);
    border-radius: 50%; opacity: 0.9; filter: blur(2px);
    z-index: -10; pointer-events: none;
}

/* 湖畔小木屋 (位置微调，配合对岸花丛) */
.long-cabin-group {
    position: absolute;
    /* 上移至对岸高度 */
    bottom: 65px; 
    left: 12%; 
    width: 20px; height: 18px;
    z-index: -9;
}
.long-cabin-roof { position: absolute; top: 0; left: -2px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 8px solid #5d4037; }
.long-cabin-wall { position: absolute; top: 8px; left: 2px; width: 16px; height: 10px; background: #795548; }
.long-cabin-door { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 6px; background: #3e2723; }

/* 【核心修改】五彩花丛 (移至寒潭对岸) */
.long-flower-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
    z-index: -8;
}
.long-flower {
    position: absolute; width: 4px; height: 4px; border-radius: 50%; box-shadow: 0 2px 0 #33691e;
}

/* 左岸花丛 (Left Bank) - 高度提升至 60px+ */
.lf-1 { background: #ff5252; bottom: 37px; left: 5%; }  /* 红 */
.lf-2 { background: #ffd740; bottom: 57px; left: -5%; } /* 黄 */
.lf-3 { background: #ff4081; bottom: 61px; left: 72%; } /* 粉 */

/* 右岸花丛 (Right Bank) - 高度提升至 60px+ */
.lf-4 { background: #7c4dff; bottom: 42px; left: 88%; } /* 紫 */
.lf-5 { background: #40c4ff; bottom: 31px; left: 78%; } /* 蓝 */
.lf-6 { background: #ff6e40; bottom: 36px; left: 98%; } /* 橙 */


/* --- 3. 背景特效层 (雪花+玉蜂) --- */
.long-snow-zone { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 0; }
.long-snow-item { position: absolute; background: #ffffff; border-radius: 50%; opacity: 0.8; animation: long-snow-fall linear infinite; }
.ls-1 { width: 4px; height: 4px; top: -10%; left: 10%; animation-duration: 5s; animation-delay: 0s; }
.ls-2 { width: 5px; height: 5px; top: -25%; left: 30%; animation-duration: 6s; animation-delay: 1s; opacity: 0.6; }
.ls-3 { width: 4px; height: 4px; top: -5%; left: 50%; animation-duration: 4.5s; animation-delay: 2.5s; }
.ls-4 { width: 5px; height: 5px; top: -15%; left: 75%; animation-duration: 5.5s; animation-delay: 0.5s; opacity: 0.7; }
.ls-5 { width: 3px; height: 3px; top: -20%; left: 20%; animation-duration: 7s; animation-delay: 3s; opacity: 0.5; }
.ls-6 { width: 3px; height: 3px; top: -30%; left: 45%; animation-duration: 8s; animation-delay: 1.5s; opacity: 0.5; }
.ls-7 { width: 3px; height: 3px; top: -10%; left: 65%; animation-duration: 6.5s; animation-delay: 4s; opacity: 0.5; }
.ls-8 { width: 3px; height: 3px; top: -35%; left: 85%; animation-duration: 7.5s; animation-delay: 2s; opacity: 0.5; }

.long-bee-zone { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 0; }
.long-bee { position: absolute; width: 4px; height: 4px; background: #ffd700; border-radius: 50%; box-shadow: 0 0 4px #fff; animation: long-bee-fly 4s ease-in-out infinite; }
.long-bee-1 { top: -10px; left: -20px; animation-delay: 0s; }
.long-bee-2 { top: 30px; right: -25px; animation-delay: 1.5s; animation-direction: reverse; }
.long-bee-3 { top: 10px; left: 25px; animation-delay: 2.5s; }


/* --- 4. 身体 (白衣) --- */
.long-body {
    position: relative; width: 18px; height: 38px; background: linear-gradient(to bottom, #ffffff 60%, #f5f5f5 100%); border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 10px rgba(176, 190, 197, 0.3); z-index: 10;
}
.long-collar { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #e0e0e0; z-index: 11; }
.long-collar::after { content: ''; position: absolute; top: -10px; left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; }
.long-belt { position: absolute; top: 14px; left: 0; width: 100%; height: 5px; background: #fff; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; z-index: 11; }
.long-sash { position: absolute; top: 19px; left: 50%; transform: translateX(-50%); width: 6px; height: 18px; background: #fff; opacity: 0.9; }
.long-head-group { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 14px; height: 18px; z-index: 20; }
.long-face-skin { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 14px; height: 16px; background: #ffeadb; border-radius: 4px 4px 8px 8px; z-index: 2; }
.long-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #212121; z-index: 5; }
.long-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #212121; z-index: 5; }
.long-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 3px; height: 1px; background: #ef9a9a; opacity: 0.8; z-index: 5; }
.long-bangs { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 8px; background: #212121; border-radius: 8px 8px 0 0; z-index: 4; }
.long-hair-bun { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 10px; height: 6px; background: #212121; border-radius: 5px 5px 2px 2px; z-index: 3; }
.long-hair-side-L { position: absolute; top: 4px; left: -3px; width: 4px; height: 24px; background: #212121; border-radius: 4px 0 4px 4px; z-index: 3; }
.long-hair-side-R { position: absolute; top: 4px; right: -3px; width: 4px; height: 24px; background: #212121; border-radius: 0 4px 4px 4px; z-index: 3; }
.long-arm-L { position: absolute; top: 7px; left: -5px; width: 8px; height: 20px; background: #fff; border-radius: 4px; transform: rotate(10deg); z-index: 15; box-shadow: -1px 1px 3px rgba(0,0,0,0.05); }
.long-arm-R { position: absolute; top: 7px; right: -5px; width: 8px; height: 18px; background: #fff; border-radius: 4px; transform: rotate(-45deg); z-index: 15; }
.long-hand-R { position: absolute; bottom: -3px; left: 1px; width: 4px; height: 4px; background: #ffeadb; border-radius: 50%; }
.long-ribbon-group { position: absolute; top: 20px; right: -25px; width: 30px; height: 20px; z-index: 14; animation: long-ribbon-wave 3s ease-in-out infinite alternate; }
.long-ribbon-silk { position: absolute; top: 0; left: 0; width: 25px; height: 15px; border-top: 2px solid #fff; border-radius: 50% 50% 0 0; transform: rotate(10deg); }
.long-bell { position: absolute; top: 2px; right: 0; width: 6px; height: 6px; background: #ffd700; border-radius: 50%; box-shadow: 0 0 4px #fff; }
.long-bell::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #f57f17; }
.long-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 10px; height: 4px; }
.long-feet::before, .long-feet::after { content: ''; position: absolute; bottom: 0; width: 4px; height: 3px; background: #fff; border-radius: 3px 3px 0 0; }
.long-feet::before { left: 0; } .long-feet::after { right: 0; }

/* --- 动画 --- */
@keyframes long-float { 0% { transform: translateY(0); } 100% { transform: translateY(-4px); } }
@keyframes long-ribbon-wave { 0% { transform: rotate(0deg) scaleX(1); } 100% { transform: rotate(5deg) scaleX(0.95); } }
@keyframes long-snow-fall { 0% { transform: translateY(0) translateX(0); opacity: 0; } 10% { opacity: 0.8; } 90% { opacity: 0.8; } 100% { transform: translateY(120px) translateX(15px); opacity: 0; } }
@keyframes long-bee-fly { 0% { transform: translate(0, 0); } 25% { transform: translate(10px, -5px); } 50% { transform: translate(0, -10px); } 75% { transform: translate(-10px, -5px); } 100% { transform: translate(0, 0); } }
/* =========================================
   【杨过 V14 终极完结版】
   (引入Wrapper容器，锁定雕兄与杨过的相对距离)
   ========================================= */

/* --- 1. 最外层容器 (只负责把 Wrapper 居中) --- */
.visual-yang-v6-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform-origin: bottom center;
    bottom: 12px; /* 整体上移 */
    z-index: 10;
}

/* --- 【核心新增】双人组包裹容器 (The Anchor) --- */
/* 杨过和雕兄都放在这里面，宽度设为杨过的宽度 */
.yang-eagle-wrapper {
    position: relative;
    width: 20px; /* 基准宽度 */
    height: 38px; /* 基准高度 */
    /* 内部元素相对于这个盒子定位，距离永远固定 */
}

/* --- 2. 头部背景打光 (Halo) --- */
/* 现在它相对于 Wrapper 定位，永远跟着人走 */
.yang-v6-halo {
    position: absolute;
    /* 计算位置：从 Wrapper 底部向上 */
    bottom: 15px; 
    left: 50%; transform: translateX(-50%);
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(255, 250, 220, 0.6) 0%, transparent 70%);
    border-radius: 50%; 
    z-index: -2; /* 最底层 */
    pointer-events: none;
}

/* --- 3. 巨型神雕 & 阴影 (相对于 Wrapper 定位) --- */

/* 地面阴影 */
.eagle-v6-ground-shadow {
    position: absolute;
    bottom: -4px;
    /* 【锁定距离】固定在 Wrapper 左侧 */
    left: -54px; 
    width: 52px; height: 10px;
    background: rgba(0, 0, 0, 0.6); 
    border-radius: 50%; filter: blur(2px);
    z-index: -1; 
    animation: eagle-shadow-pulse 5s ease-in-out infinite alternate;
}

/* 雕兄身体组 */
.eagle-v6-group {
    position: absolute;
    bottom: 0px; 
    /* 【锁定距离】永远在杨过左侧固定距离，不随屏幕变宽而跑远 */
    left: -46px; 
    width: 40px; height: 58px; 
    z-index: 0; /* 在杨过身后 */
    animation: eagle-v6-breathe 5s ease-in-out infinite alternate;
}

/* (雕兄内部细节 - 保持不变) */
.eagle-v6-torso {
    position: absolute; top: 16px; left: 50%; transform: translateX(-50%);
    width: 36px; height: 32px; background: linear-gradient(to bottom, #4e342e, #3e2723);
    border-radius: 16px 16px 12px 12px; box-shadow: inset 0 5px 15px rgba(0,0,0,0.6);
}
.eagle-v6-torso::after {
    content: ''; position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
    width: 28px; height: 15px; background: #5d4037; border-radius: 50%; opacity: 0.7; filter: blur(1px);
}
.eagle-v6-head {
    position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 18px; background: #4e342e; border-radius: 10px 10px 8px 8px; z-index: 2;
}
.eagle-v6-beak {
    position: absolute; top: 8px; left: -5px; width: 12px; height: 8px; background: #616161;
    border-radius: 12px 2px 4px 0; transform: rotate(-50deg); z-index: 3;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.eagle-v6-beak-lower {
    position: absolute; top: 13px; left: 0px; width: 6px; height: 3px; background: #424242;
    border-radius: 0 0 50% 50%; z-index: 2;
}
.eagle-v6-eye {
    position: absolute; top: 5px; right: 4px; width: 4px; height: 3px; background: #ffeb3b; border: 1px solid #212121; border-radius: 50%; box-shadow: 0 0 2px #000;
}
.eagle-v6-head::before {
    content: ''; position: absolute; top: 3px; right: 2px; width: 8px; height: 3px; background: rgba(0,0,0,0.5); border-radius: 50% 50% 0 0;
}
.eagle-v6-leg-L { position: absolute; bottom: 0; left: 8px; width: 9px; height: 12px; background: #3e2723; border-radius: 4px; box-shadow: inset 1px 0 3px rgba(0,0,0,0.5); }
.eagle-v6-leg-R { position: absolute; bottom: 0; right: 8px; width: 9px; height: 12px; background: #3e2723; border-radius: 4px; box-shadow: inset -1px 0 3px rgba(0,0,0,0.5); }


/* --- 4. 杨过身体 (相对于 Wrapper 定位) --- */
.yang-v6-body {
    position: relative; 
    width: 20px; height: 38px; 
    background: #616161; border-radius: 6px 6px 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 10; 
    left: 0; /* 归零，由 Wrapper 决定位置 */
}
/* (杨过内部细节 - 保持不变) */
.yang-v6-collar { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #212121; z-index: 11; }
.yang-v6-collar::after { content: ''; position: absolute; top: -12px; left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #757575; }
.yang-v6-belt { position: absolute; top: 16px; left: 0; width: 100%; height: 5px; background: #212121; z-index: 11; }
.yang-v6-sash { position: absolute; top: 21px; left: 6px; width: 4px; height: 12px; background: #424242; transform: rotate(5deg); }

.yang-v6-head-group { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 16px; height: 20px; z-index: 20; }
.yang-v6-hair-back { position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 22px; height: 26px; background: #212121; border-radius: 8px; z-index: 1; }
.yang-v6-face-skin { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 14px; height: 16px; background: #ffccbc; border-radius: 4px 4px 8px 8px; z-index: 2; }
.yang-v6-eye-L { position: absolute; top: 7px; left: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.yang-v6-eye-R { position: absolute; top: 7px; right: 2px; width: 3px; height: 2px; background: #000; z-index: 5; }
.yang-v6-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 1px; background: #8d6e63; z-index: 5; }

.yang-v6-bangs { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 18px; height: 10px; background: #212121; border-radius: 8px 8px 0 0; z-index: 4; }
.yang-v6-bangs::after { content: ''; position: absolute; bottom: -4px; right: 4px; width: 2px; height: 6px; background: #212121; transform: rotate(-10deg); }
.yang-v6-hair-white-L { position: absolute; top: 8px; left: -2px; width: 2px; height: 10px; background: #bdbdbd; z-index: 5; transform: rotate(5deg); }
.yang-v6-hair-white-R { position: absolute; top: 8px; right: -2px; width: 2px; height: 10px; background: #bdbdbd; z-index: 5; transform: rotate(-5deg); }

.yang-v6-sleeve-empty { position: absolute; top: 6px; left: -4px; width: 8px; height: 22px; background: #616161; border-radius: 4px 4px 8px 8px; transform-origin: top center; z-index: 15; animation: yang-v6-sleeve-flutter 3s ease-in-out infinite alternate; }
.yang-v6-sleeve-empty::after { content: ''; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 4px; height: 6px; background: #424242; border-radius: 50%; opacity: 0.5; }
.yang-v6-arm-good { position: absolute; top: 6px; right: -4px; width: 6px; height: 14px; background: #616161; border-radius: 4px; transform: rotate(-20deg); z-index: 15; }
.yang-v6-hand { position: absolute; bottom: -3px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }
.yang-v6-sword { position: absolute; top: 0px; right: -14px; width: 10px; height: 34px; background: #263238; border-radius: 2px; box-shadow: inset 2px 0 5px rgba(0,0,0,0.5); transform: rotate(15deg); z-index: 14; }
.yang-v6-sword::before { content: ''; position: absolute; top: 4px; left: -2px; width: 14px; height: 3px; background: #37474f; border-radius: 1px; }
.yang-v6-sword::after { content: ''; position: absolute; top: -6px; left: 3px; width: 4px; height: 6px; background: #5d4037; }

.yang-v6-leg-L { position: absolute; bottom: -8px; left: 2px; width: 6px; height: 10px; background: #424242; z-index: 9; }
.yang-v6-leg-R { position: absolute; bottom: -8px; right: 2px; width: 6px; height: 10px; background: #424242; z-index: 9; }
.yang-v6-leg-L::after, .yang-v6-leg-R::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 3px; background: #212121; }

/* --- 5. 背景羽毛 (独立在 Wrapper 外，全屏飘落) --- */
.yang-v6-feather-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 20; /* 在最上层飘落 */
}

/* --- 动画定义 --- */
@keyframes yang-v6-feather-fall { 0% { transform: translate(0, 0) rotate(45deg); opacity: 0; } 20% { opacity: 0.8; } 100% { transform: translate(15px, 40px) rotate(90deg); opacity: 0; } }
@keyframes yang-v6-sleeve-flutter { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg) skewX(-5deg); } 100% { transform: rotate(-2deg); } }
@keyframes eagle-v6-breathe { 0% { transform: scale(1); } 100% { transform: scale(1.02) translateY(-2px); } }
@keyframes eagle-shadow-pulse { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.05); opacity: 0.5; } }
/* =========================================
   【王语嫣 V9 终极修正版】
   (彻底移除整体悬浮动画·光晕锁定在头后·竹简移至身侧手边)
   ========================================= */
.visual-wang-v9-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 【重要】删除了整体浮动动画，确保接地稳固 */
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.wang-v9-flower-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 1;
}
.wang-v9-bg-petal {
    position: absolute; width: 4px; height: 4px; background: #fff0f5;
    border-radius: 50% 0 50% 0; opacity: 0.8;
    animation: wang-v9-fall 5s linear infinite;
}
.wang-v9-p1 { top: -5px; left: -10px; animation-delay: 0s; }
.wang-v9-p2 { top: 10px; right: -15px; animation-delay: 1.5s; background: #f8bbd0; }
.wang-v9-p3 { top: 5px; left: 15px; animation-delay: 2.5s; }

/* --- 2. 身体主体 (作为所有部件的基准锚点) --- */
.wang-v9-body {
    position: relative; /* 核心基准 */
    width: 16px; height: 38px;
    background: linear-gradient(to bottom, #ffffff 35%, #f8bbd0 100%);
    border-radius: 6px 6px 2px 2px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 10; /* 建立层叠上下文 */
}

/* 【修正】头部光晕 - 移入身体内部，定位在头后 */
.wang-v9-halo {
    position: absolute;
    /* 定位在头部区域正后方 */
    top: -23px; left: 50%; transform: translateX(-50%);
    width: 36px; height: 36px;
    background: radial-gradient(circle, rgba(255,253,231,0.7) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -1; /* 在身体层级之下 */
}

/* 领口与腰带 */
.wang-v9-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #ec407a; z-index: 11;
}
.wang-v9-collar::after {
    content: ''; position: absolute; top: -9px; left: -4px;
    border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff;
}
.wang-v9-belt {
    position: absolute; top: 14px; left: 0; width: 100%; height: 4px; background: #f48fb1; z-index: 12;
}
.wang-v9-sash {
    position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 4px; height: 18px; background: #f8bbd0; opacity: 0.8;
}

/* --- 3. 头部 (瓜子脸) --- */
.wang-v9-head-group {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 14px; height: 18px; z-index: 20;
}
.wang-v9-face {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff0f5; border-radius: 4px 4px 8px 8px; z-index: 2;
}
.wang-v9-hair-L { position: absolute; top: 2px; left: -2px; width: 4px; height: 20px; background: #212121; border-radius: 4px 0 0 4px; z-index: 3; }
.wang-v9-hair-R { position: absolute; top: 2px; right: -2px; width: 4px; height: 20px; background: #212121; border-radius: 0 4px 4px 0; z-index: 3; }
.wang-v9-bangs { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 16px; height: 6px; background: #212121; border-radius: 6px 6px 0 0; z-index: 4; }
.wang-v9-bun { position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 10px; height: 8px; background: #212121; border-radius: 5px 5px 2px 2px; z-index: 1; }
.wang-v9-flower { position: absolute; top: -4px; right: -3px; width: 6px; height: 6px; background: #f06292; border-radius: 50%; box-shadow: 0 0 2px #fff; z-index: 5; }
.wang-v9-eye-L { position: absolute; top: 7px; left: 3px; width: 2px; height: 2px; background: #212121; border-radius: 50%; z-index: 5; }
.wang-v9-eye-R { position: absolute; top: 7px; right: 3px; width: 2px; height: 2px; background: #212121; border-radius: 50%; z-index: 5; }
.wang-v9-mouth { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 2px; height: 1px; background: #e91e63; z-index: 5; }

/* --- 4. 手臂与道具 (位置修正) --- */

/* 左臂 (自然下垂) */
.wang-v9-arm-L {
    position: absolute; top: 7px; left: -5px;
    width: 6px; height: 14px; background: #fff; border-radius: 4px;
    transform: rotate(20deg); z-index: 15;
}
/* 【修正】竹简 - 移出书臂，独立定位在身体左侧手边 */
.wang-v9-scroll {
    position: absolute;
    top: 14px; /* 高度在腰带附近 */
    left: -14px; /* 身体左侧 */
    width: 14px; height: 7px;
    background: #dce775; border: 1px solid #c0ca33; border-radius: 1px;
    background-image: repeating-linear-gradient(to right, transparent, transparent 2px, rgba(0,0,0,0.2) 3px);
    transform: rotate(-15deg); /* 稍微倾斜拿着 */
    z-index: 16;
}

/* 右臂 (持扇) */
.wang-v9-arm-R {
    position: absolute; top: 8px; right: -4px; width: 6px; height: 16px; background: #fff; border-radius: 4px;
    transform: rotate(-30deg); z-index: 15;
}
/* 团扇 */
.wang-v9-fan {
    position: absolute; bottom: -1px; right: -11px; width: 10px; height: 10px; background: rgba(255,255,255,0.9); border: 1px solid #e0e0e0; border-radius: 50%; z-index: 16; transform: rotate(70deg);
}
.wang-v9-fan::after { content: ''; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 1px; height: 6px; background: #8d6e63; }

/* --- 5. 腿脚 --- */
.wang-v9-feet { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 8px; height: 4px; }
.wang-v9-feet::before { content: ''; position: absolute; bottom: 0; left: 0; width: 3px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }
.wang-v9-feet::after { content: ''; position: absolute; bottom: 0; right: 0; width: 3px; height: 3px; background: #fff; border-radius: 2px 2px 0 0; }

/* --- 动画 --- */
/* 仅保留花瓣飘落和袖子轻摆，人物主体不动 */
@keyframes wang-v9-fall {
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
    20% { opacity: 0.8; }
    80% { opacity: 0.8; }
    100% { transform: translate(-15px, 35px) rotate(90deg); opacity: 0; }
}
/* =========================================
   【虚竹 V6 最终修正版】
   (左手拇指内侧独立·右手带环·真弓步下潜)
   ========================================= */
.visual-xuzhu-v6-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: xuzhu-v6-stance 4s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.xuzhu-v6-ice-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.xuzhu-v6-ice {
    position: absolute; width: 6px; height: 6px; background: rgba(225, 245, 254, 0.8); border: 1px solid #b3e5fc; transform: rotate(45deg); box-shadow: 0 0 5px rgba(255,255,255,0.8);
}
.xuzhu-v6-ice-1 { top: 10px; left: -20px; animation: xuzhu-v6-ice-spin 4s linear infinite; }
.xuzhu-v6-ice-2 { top: 40px; right: -25px; animation: xuzhu-v6-ice-spin 5s linear infinite reverse; }

/* --- 2. 身体 --- */
.xuzhu-v6-body {
    width: 22px; height: 36px;
    background: #757575; border-radius: 4px;
    position: relative; 
    /* 身体压低，配合弓步 */
    margin-bottom: 8px; 
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
/* --- 僧袍领口 (修复“像胡子”的问题) --- */

/* 1. 深色外领 (底座) */
.xuzhu-v6-collar {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    /* 保持您调宽后的数值 (此处按9px示例) */
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 8px solid #ffffff; /* 深灰色外领 */
    z-index: 11;
}

/* 2. 【新增】白色内领边 (利用伪元素叠加) */
.xuzhu-v6-collar::after {
    content: '';
    position: absolute;
    /* 定位技巧：父元素是0高度，top: -8px 是顶端。
       我们设置 top: -6.5px，让它往下移一点点，露出上面的深色边 */
    top: -6.5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    /* 尺寸要比外领小一圈 */
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    /* 白色内领，高度也稍矮一点 */
    border-top: 6px solid #424242;
}
.xuzhu-v6-belt {
    position: absolute; bottom: 12px; left: -1px; width: 26px; height: 6px; background: #424242; z-index: 11; border-radius: 2px;
}
.xuzhu-v6-body::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #616161; border-radius: 0 0 4px 4px;
}

/* --- 3. 头部 --- */
.xuzhu-v6-head {
    width: 16px; height: 20px; background: #ffccbc; border-radius: 6px; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); z-index: 12;
}
.xuzhu-v6-ear-L { position: absolute; top: 8px; left: -3px; width: 3px; height: 6px; background: #ffccbc; border-radius: 3px 0 0 3px; }
.xuzhu-v6-ear-R { position: absolute; top: 8px; right: -3px; width: 3px; height: 6px; background: #ffccbc; border-radius: 0 3px 3px 0; }
.xuzhu-v6-dots {
    position: absolute; top: 1px; left: 50%; transform: translateX(-50%); width: 10px; height: 6px; display: flex; flex-wrap: wrap; justify-content: center; gap: 1px;
}
.xuzhu-v6-dot { width: 2px; height: 2px; background: #d84315; border-radius: 50%; opacity: 0.6; }
.xuzhu-v6-face { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 14px; height: 10px; }
.xuzhu-v6-face::before { content: ''; position: absolute; top: 0; left: 1px; width: 12px; height: 2px; background: #212121; }
.xuzhu-v6-eye-L { position: absolute; top: 3px; left: 2px; width: 2px; height: 2px; background: #000; border-radius: 50%; }
.xuzhu-v6-eye-R { position: absolute; top: 3px; right: 2px; width: 2px; height: 2px; background: #000; border-radius: 50%; }
.xuzhu-v6-nose { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 4px; height: 2px; background: #d7ccc8; border-radius: 2px; }
.xuzhu-v6-mouth { position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%); width: 6px; height: 1px; background: #5d4037; }

/* --- 4. 手掌结构 (上细下粗) --- */
.xuzhu-v6-hand-style::before { /* 掌根 */
    content: ''; position: absolute; width: 8px; height: 5px; background: #ffccbc; border-radius: 1px; box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);
}
.xuzhu-v6-hand-style::after { /* 手指 */
    content: ''; position: absolute; width: 6px; height: 6px; background: #ffccbc; border-radius: 2px 2px 0 0;
}

/* 左臂 (内收) */
.xuzhu-v6-arm-L {
    position: absolute; top: 8px; left: -4px; width: 6px; height: 14px; background: #757575; border-radius: 4px; transform: rotate(60deg); z-index: 11;
}
.xuzhu-v6-hand-L {
    position: absolute; bottom: -4px; left: -2px; transform: rotate(-60deg);
}
.xuzhu-v6-hand-L::before { bottom: 0; left: 0; }
.xuzhu-v6-hand-L::after { bottom: 5px; left: 1px; }

/* 【核心修正】左手拇指 (内侧·独立点) */
.xuzhu-v6-thumb-dot {
    position: absolute;
    /* 放在掌根的左侧 (内侧) */
    bottom: 1px; left: 8px; 
    width: 3px; height: 3px;
    background: #ffccbc;
    border-radius: 50%;
    z-index: 14;
}

/* 右臂 (侧伸) */
.xuzhu-v6-arm-R {
    position: absolute; top: 8px; right: -1px; width: 6px; height: 18px; background: #757575; border-radius: 4px; transform: rotate(-90deg); transform-origin: top center; z-index: 11;
}
.xuzhu-v6-hand-R {
    position: absolute; bottom: 1px; left: 1px; transform: rotate(90deg);
}
.xuzhu-v6-hand-R::before { bottom: 0; left: 0; }
.xuzhu-v6-hand-R::after { bottom: 5px; left: 1px; }

/* 右手指环 (外侧·独立点) */
.xuzhu-v6-ring {
    position: absolute;
    /* 放在掌根的右侧 (外侧) */
    bottom: 0px; right: -5px; 
    width: 4px; height: 4px;
    background: #388e3c; border: 1px solid #ffd700; border-radius: 50%;
    z-index: 13;
}

/* --- 5. 腿部 (【核心修正】真·弓步) --- */

/* 左腿 (屈膝支撑) - 垂直向下稍微内收 */
.xuzhu-v6-leg-L {
    position: absolute; bottom: -8px; left: 2px; /* 靠近中心 */
    width: 10px; height: 10px; /* 短粗 */
    background: #424242; z-index: 9;
    border-radius: 0 0 0 6px; /* 膝盖圆角 */
    transform: skewX(10deg); /* 稍微倾斜 */
}
.xuzhu-v6-leg-L::after { /* 鞋 */
    content: ''; position: absolute; bottom: -3px; left: -2px; width: 12px; height: 3px; background: #bdbdbd; border-radius: 2px;
}

/* 右腿 (大幅延伸) - 形成弓步 */
.xuzhu-v6-leg-R {
    position: absolute; bottom: -26px; right: -3px; /* 伸得很远 */
    width: 8px; height: 27px; /* 拉长 */
    background: #424242; z-index: 9;
    transform: rotate(-50deg); /* 大角度倾斜 */
    transform-origin: top left;
    border-radius: 0 0 2px 2px;
}
.xuzhu-v6-leg-R::after { /* 鞋 */
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #bdbdbd;
}

/* --- 动画 --- */
@keyframes xuzhu-v6-stance {
    0% { transform: translateY(0); }
    100% { transform: translateY(2px); }
}
@keyframes xuzhu-v6-ice-spin {
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translate(10px, -20px) rotate(180deg); opacity: 0; }
}
/* =========================================
   【韦爵爷·韦小宝 V6 微调版】
   (帽子整体下移·匕首上移·保持神行百变动画)
   ========================================= */
.visual-wei-v6-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 左右快速滑步 */
    animation: wei-v6-run 0.5s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：骰子 --- */
.wei-v6-dice-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.wei-v6-dice {
    position: absolute; width: 8px; height: 8px; background: #fff; border: 1px solid #e0e0e0; border-radius: 2px; box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.wei-v6-dice-1 { top: 10px; left: -15px; animation: wei-v6-dice-spin 3s linear infinite; }
.wei-v6-dice-1::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4px; height: 4px; background: #f44336; border-radius: 50%; }
.wei-v6-dice-6 { top: 30px; right: -20px; animation: wei-v6-dice-spin 4s linear infinite 1s; }
.wei-v6-dice-6::after { content: ''; position: absolute; top: 1px; left: 1px; width: 2px; height: 2px; background: #212121; border-radius: 50%; box-shadow: 0 2px 0 #212121, 0 4px 0 #212121, 4px 0 0 #212121, 4px 2px 0 #212121, 4px 4px 0 #212121; }
.wei-v6-dice-4 { top: 5px; left: 15px; animation: wei-v6-dice-spin 2.5s linear infinite 0.5s; }
.wei-v6-dice-4::after { content: ''; position: absolute; top: 1px; left: 1px; width: 2px; height: 2px; background: #f44336; border-radius: 50%; box-shadow: 0 4px 0 #f44336, 4px 0 0 #f44336, 4px 4px 0 #f44336; }

/* --- 脚底速度线 --- */
.wei-v6-wind-group {
    position: absolute; bottom: 2px; width: 20px; height: 10px; z-index: 5; pointer-events: none;
}
.wei-v6-wind-lines {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.wei-v6-wind-lines::before {
    content: ''; position: absolute; top: 2px; left: 0; width: 12px; height: 2px; background: #e0e0e0; border-radius: 2px; opacity: 0.8;
    box-shadow: 4px 3px 0 #e0e0e0, 2px 6px 0 #e0e0e0;
}
.wei-v6-wind-L {
    left: -20px; animation: wei-v6-wind-jet-L 0.5s ease-in-out infinite alternate;
}
.wei-v6-wind-R {
    right: -20px; transform: scaleX(-1); animation: wei-v6-wind-jet-R 0.5s ease-in-out infinite alternate;
}

/* --- 2. 身体 --- */
.wei-v6-body {
    width: 22px; height: 38px; background: #1a237e; border-radius: 4px; position: relative; margin-bottom: 10px; z-index: 10; box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
.wei-v6-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #000;
}
.wei-v6-buzi {
    position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #3949ab; border: 1px solid #ffd700; border-radius: 1px;
}
.wei-v6-buzi::after {
    content: ''; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; background: radial-gradient(circle, #fff 30%, #ffd700 60%); border-radius: 50%;
}
.wei-v6-body::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: repeating-linear-gradient(45deg, #283593, #283593 2px, #5c6bc0 2px, #5c6bc0 4px); border-radius: 0 0 4px 4px;
}

/* --- 3. 头部 --- */
.wei-v6-head {
    width: 15px; height: 18px; background: #ffccbc; border-radius: 4px; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); z-index: 12;
}
.wei-v6-braid {
    position: absolute; top: -5px; right: -4px; width: 4px; height: 45px; background: #000; border-radius: 2px; z-index: 5; transform-origin: top center; transform: rotate(15deg); animation: wei-v6-braid-fly 0.5s ease-in-out infinite alternate;
}
.wei-v6-braid::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 4px; height: 6px; background: #000; border-radius: 0 0 50% 50%; }

/* 【修改 1】帽子整体下移 2px */
.wei-v6-hat-brim {
    position: absolute; top: -1px; /* Orig: -4px */ left: 50%; transform: translateX(-50%); width: 20px; height: 4px; background: #000; border-radius: 4px; z-index: 13;
}
.wei-v6-hat-fringe {
    position: absolute; top: -5px; /* Orig: -8px */ left: 50%; transform: translateX(-50%); width: 14px; height: 6px; background: #d32f2f; border-radius: 10px 10px 0 0; z-index: 13;
}
.wei-v6-hat-bead {
    position: absolute; top: -7px; /* Orig: -10px */ left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: #ff1744; border-radius: 50%; z-index: 14; box-shadow: 0 0 2px #ffcdd2;
}
.wei-v6-hat-feather {
    position: absolute; top: -2px; /* Orig: -5px */ right: -8px; width: 12px; height: 4px; background: linear-gradient(to right, #212121, #1b5e20); border-radius: 0 4px 4px 0; transform: rotate(-20deg); z-index: 12;
}

.wei-v6-face { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 12px; height: 10px; }
.wei-v6-face::before { content: ''; position: absolute; top: 3px; left: 1px; width: 3px; height: 3px; background: #000; border-radius: 50%; }
.wei-v6-face::after { content: ''; position: absolute; top: 4px; right: 1px; width: 4px; height: 2px; border-top: 2px solid #000; border-radius: 50%; }
.wei-v6-mouth {
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%) rotate(-5deg); width: 6px; height: 2px; background: #d32f2f; border-radius: 0 0 50% 50%;
}

/* --- 4. 四肢 & 道具 --- */
.wei-v6-leg-L { position: absolute; bottom: -8px; left: 3px; width: 6px; height: 10px; background: #1a237e; z-index: 9; }
.wei-v6-leg-R { position: absolute; bottom: -8px; right: 3px; width: 6px; height: 10px; background: #1a237e; z-index: 9; }
.wei-v6-leg-L::after, .wei-v6-leg-R::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 3px; background: #fff; }
.wei-v6-arm-L {
    position: absolute; top: 8px; left: -6px; width: 6px; height: 16px; background: #1a237e; border-radius: 4px; transform: rotate(45deg); z-index: 11;
}
.wei-v6-arm-L::after { content: ''; position: absolute; bottom: -2px; left: -1px; width: 8px; height: 6px; background: #000; border-radius: 2px 2px 4px 4px; }
.wei-v6-gold {
    position: absolute; top: -6px; left: -4px; width: 10px; height: 6px; background: #ffd700; border-radius: 0 0 4px 4px; box-shadow: 0 0 5px #ffecb3; z-index: 13;
}
.wei-v6-gold::before { content: ''; position: absolute; top: -2px; left: 0; width: 10px; height: 4px; background: transparent; border-left: 3px solid #ffd700; border-right: 3px solid #ffd700; }
.wei-v6-arm-R {
    position: absolute; top: 8px; right: -6px; width: 6px; height: 16px; background: #1a237e; border-radius: 4px; transform: rotate(-30deg); z-index: 11;
}
.wei-v6-arm-R::after { content: ''; position: absolute; bottom: -2px; left: -1px; width: 8px; height: 6px; background: #000; border-radius: 2px 2px 4px 4px; }

/* 【修改 2】匕首上移 4px */
.wei-v6-dagger {
    position: absolute; top: 5px; /* Orig: 12px */ right: -7px; width: 3px; height: 14px; background: #cfd8dc; border-radius: 0 0 50% 50%; transform: rotate(-120deg); z-index: 10;
}
.wei-v6-dagger::before { content: ''; position: absolute; top: -5px; left: -1px; width: 5px; height: 5px; background: #5d4037; border-radius: 1px; }

/* --- 动画 --- */
@keyframes wei-v6-run {
    0% { transform: translateX(-5px) skewX(3deg); }
    100% { transform: translateX(5px) skewX(-3deg); }
}
@keyframes wei-v6-wind-jet-L {
    0% { opacity: 0; transform: scaleX(0.5); } 
    100% { opacity: 1; transform: scaleX(1.2); }
}
@keyframes wei-v6-wind-jet-R {
    0% { opacity: 1; transform: scaleX(1.2) scaleX(-1); }
    100% { opacity: 0; transform: scaleX(0.5) scaleX(-1); }
}
@keyframes wei-v6-braid-fly { 0% { transform: rotate(10deg); } 100% { transform: rotate(30deg); } }
@keyframes wei-v6-dice-spin { 0% { transform: translate(0, 0) rotate(0deg); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translate(0, 40px) rotate(360deg); opacity: 0; } }
/* =========================================
   【越女剑·韩小莹】
   (湖绿侠衣·长剑红穗·发带飘飘·落英缤纷)
   ========================================= */
.visual-han-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 轻盈的呼吸感 */
    animation: han-breathe 3s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：落英缤纷 (Falling Petals) --- */
.han-petal-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.han-petal {
    position: absolute;
    width: 4px; height: 4px;
    background: #fff9c4; /* 淡黄/白花瓣 */
    border-radius: 50% 0 50% 0;
    opacity: 0.8;
}
.han-petal-1 { top: 10px; left: -15px; animation: han-petal-fall 4s linear infinite; }
.han-petal-2 { top: 20px; right: -20px; animation: han-petal-fall 5s linear infinite 1s; background: #f8bbd0; /* 淡粉 */ }
.han-petal-3 { top: 5px; left: 10px; animation: han-petal-fall 3.5s linear infinite 2s; }

/* --- 2. 身体 (湖绿侠衣) --- */
.han-body {
    width: 18px; /* 纤细 */
    height: 38px;
    background: #26a69a; /* 湖绿色 */
    border-radius: 4px;
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
/* 领口 (交领) */
.han-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 8px solid #ffffff; /* 白色内衬 */
}
/* 腰带 */
.han-belt {
    position: absolute; bottom: 16px; left: 0;
    width: 100%; height: 4px; background: #004d40; z-index: 11;
}
/* 裙摆开叉 */
.han-body::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 1px; height: 10px; background: rgba(0,0,0,0.2);
}

/* --- 3. 头部 --- */
.han-head {
    width: 14px; height: 18px;
    background: #ffccbc; /* 白皙肤色 */
    border-radius: 4px;
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}

/* 发型：双发髻 + 绿丝带 */
.han-hair-base {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #212121; border-radius: 6px 6px 0 0;
}
/* 左发髻 */
.han-bun-L {
    position: absolute; top: -4px; left: -2px;
    width: 6px; height: 6px; background: #212121; border-radius: 50%;
}
/* 右发髻 */
.han-bun-R {
    position: absolute; top: -4px; right: -2px;
    width: 6px; height: 6px; background: #212121; border-radius: 50%;
}
/* 飘带 (Green Ribbons) */
.han-ribbon-L {
    position: absolute; top: -2px; left: -3px;
    width: 2px; height: 12px; background: #80cbc4; /* 浅绿带子 */
    transform: rotate(15deg); z-index: -1; animation: han-ribbon-wave 2s ease-in-out infinite alternate;
}
.han-ribbon-R {
    position: absolute; top: -2px; right: -3px;
    width: 2px; height: 12px; background: #80cbc4;
    transform: rotate(-15deg); z-index: -1; animation: han-ribbon-wave 2s ease-in-out infinite alternate-reverse;
}

/* 眉眼 (清秀) */
.han-face {
    position: absolute; top: 6px; left: -12%; transform: translateX(-50%); width: 10px; height: 10px;
}
.han-face::before { /* 细眉 */
    content: ''; position: absolute; top: 1px; left: 0; width: 100%; height: 1px; background: #5d4037;
    z-index: 20;
}
.han-face::after { /* 大眼睛 */
    content: ''; position: absolute; top: 3px; left: 0; width: 100%; height: 2px; 
    background: transparent; box-shadow: 1px 0 0 #212121, 8px 0 0 #212121;
    z-index: 20;
}

/* --- 4. 四肢 & 武器:【长剑】 --- */
.han-leg-L { position: absolute; bottom: -8px; left: 2px; width: 6px; height: 10px; background: #fff; z-index: 9; }
.han-leg-R { position: absolute; bottom: -8px; right: 2px; width: 6px; height: 10px; background: #fff; z-index: 9; }
/* 绿鞋 */
.han-leg-L::after, .han-leg-R::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 3px; background: #004d40; }

/* 左手 (自然下垂) */
.han-arm-L {
    position: absolute; top: 8px; left: -5px;
    width: 5px; height: 16px; background: #26a69a; border-radius: 4px; transform: rotate(10deg); z-index: 11;
}
.han-arm-L::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 右手 (持剑) */
.han-arm-R {
    position: absolute; top: 8px; right: -5px;
    width: 5px; height: 16px; background: #26a69a;
    border-radius: 4px; transform: rotate(-20deg); z-index: 10;
}
.han-arm-R::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 【核心武器】越女剑 (Long Sword with Tassel) */
.han-sword {
    position: absolute;
    top: 22px; right: -13px; /* 剑尖朝下斜持 */
    width: 2px; height: 30px;
    background: #cfd8dc; /* 银白剑刃 */
    border: 1px solid #b0bec5;
    transform: rotate(-30deg);
    z-index: 11;
}
/* 剑格/护手 */
.han-sword::before {
    content: ''; position: absolute; top: 4px; left: -3px;
    width: 8px; height: 2px; background: #ffb74d; /* 金色护手 */
}
/* 剑柄 */
.han-sword-handle {
    position: absolute; top: -6px; left: 0;
    width: 2px; height: 6px; background: #5d4037;
}
/* 剑穗 (Red Tassel - 飘动) */
.han-tassel {
    position: absolute; top: -6px; left: 1px;
    width: 2px; height: 10px; background: #e53935; /* 红穗 */
    transform-origin: top center;
    animation: han-tassel-swing 1.5s ease-in-out infinite alternate;
}

/* --- 动画 --- */
@keyframes han-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.02); }
}
@keyframes han-ribbon-wave {
    0% { transform: rotate(15deg); }
    100% { transform: rotate(30deg); }
}
@keyframes han-tassel-swing {
    0% { transform: rotate(-10deg); }
    100% { transform: rotate(20deg); }
}
@keyframes han-petal-fall {
    0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
    20% { opacity: 0.8; }
    80% { opacity: 0.8; }
    100% { transform: translate(-20px, 40px) rotate(360deg); opacity: 0; }
}
/* =========================================
   【南山樵子·南希仁 V6 精准定位版】
   (严格按照用户像素要求调整扁担、手臂、筐、绳的位置)
   ========================================= */
.visual-nan-v6-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: nan-v6-breathe 4s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.nan-v6-leaf-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.nan-v6-leaf {
    position: absolute; width: 6px; height: 6px; border-radius: 6px 0; opacity: 0.7;
}
.nan-v6-leaf-1 { top: 10px; left: -10px; background: #aed581; animation: nan-v6-leaf-fall 4s linear infinite; }
.nan-v6-leaf-2 { top: 20px; right: -15px; background: #66bb6a; animation: nan-v6-leaf-fall 5s linear infinite 1s; }

/* --- 2. 扁担系统 (z-index: 15) --- */
.nan-v6-pole-system {
    position: absolute;
    bottom: 0; left: 50%; transform: translateX(-50%);
    width: 60px; height: 38px;
    z-index: 15; pointer-events: none;
    animation: nan-v6-load-heave 4s ease-in-out infinite;
}

/* 【修改 1】扁担本体：向上5px, 向右5px */
.nan-v6-pole-bar {
    position: absolute;
    top: -8px; left: 12px; /* Modified */
    width: 100%; height: 4px;
    background: #546e7a; border-radius: 2px;
    transform: rotate(-15deg); transform-origin: center center;
}

/* 通用筐组件基础设置 */
.nan-v6-rope {
    position: absolute;
    /* 基础居中设定，方便后续微调 */
    left: 50%; margin-left: -1px;
    width: 2px; height: 20px; background: #8d6e63;
}
.nan-v6-basket {
    position: absolute; bottom: -12px; width: 16px; height: 14px; background: #795548; border-radius: 2px 2px 4px 4px;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px);
}
.nan-v6-wood {
    position: absolute; top: -6px; left: 2px; width: 12px; height: 8px;
    border-left: 3px solid #5d4037; border-right: 3px solid #5d4037; background: #4e342e;
}
.nan-v6-wood::after { content: ''; position: absolute; top: 2px; left: 3px; width: 2px; height: 8px; background: #5d4037; }

/* 【修改 3】左侧后担容器：向上10px, 向右5px */
.nan-v6-load-back {
    position: absolute;
    top: -13px; left: 7px; /* Modified (Orig: top12, left-1) */
    width: 16px; height: 40px; z-index: 5; transform-origin: top center;
    animation: nan-v6-swing 2.2s ease-in-out infinite alternate-reverse;
}
/* 【修改 4】左侧绳子相对调整 */
.nan-v6-load-back .nan-v6-rope {
    top: 12px; margin-left: 0px; /* Modified relative to container */
}

/* 【修改 5】右侧前担容器：向上5px, 向右6px */
.nan-v6-load-front {
    position: absolute;
    top: -27px; right: -16px; /* Modified (Orig: top-20, right-1) */
    width: 16px; height: 40px; z-index: 16; transform-origin: top center;
    animation: nan-v6-swing 2s ease-in-out infinite alternate;
}
/* 【修改 6】右侧绳子相对调整 */
.nan-v6-load-front .nan-v6-rope {
    top: 12px; margin-left: 0px; /* Modified relative to container */
}

/* --- 3. 身体 (z-index: 10) --- */
.nan-v6-body {
    width: 24px; height: 40px; background: #455a64; border-radius: 4px;
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
.nan-v6-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #263238;
}
.nan-v6-belt {
    position: absolute; bottom: 14px; left: -1px; width: 26px; height: 5px; background: #e0e0e0; z-index: 11; border-radius: 2px;
}
.nan-v6-body::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background: rgba(0,0,0,0.2); border-radius: 0 0 4px 4px;
}

/* --- 4. 头部 --- */
.nan-v6-head {
    width: 16px; height: 19px; background: #d7ccc8; border-radius: 4px;
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%); z-index: 12;
}
.nan-v6-headband {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 18px; height: 6px; background: #f5f5f5; border-radius: 4px 4px 0 0;
}
.nan-v6-headband::after { content: ''; position: absolute; top: 2px; right: -2px; width: 4px; height: 4px; background: #f5f5f5; border-radius: 50%; }
.nan-v6-face { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 12px; height: 10px; }
.nan-v6-face::before { content: ''; position: absolute; top: -3px; left: 0; width: 100%; height: 2px; background: #3e2723; }

/* --- 5. 四肢 --- */
.nan-v6-leg-L { position: absolute; bottom: -8px; left: 3px; width: 7px; height: 10px; background: #37474f; z-index: 9; }
.nan-v6-leg-R { position: absolute; bottom: -8px; right: 3px; width: 7px; height: 10px; background: #37474f; z-index: 9; }
.nan-v6-leg-L::after, .nan-v6-leg-R::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #ffecb3; }

.nan-v6-arm-L {
    position: absolute; top: 6px; left: -6px; width: 6px; height: 18px; background: #455a64; border-radius: 4px; transform: rotate(10deg); z-index: 11;
}
.nan-v6-arm-L::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 7px; height: 7px; background: #d7ccc8; border-radius: 50%; }

/* 【修改 2】右侧独立手臂：向上5px, 向右5px */
.nan-v6-arm-R-independent {
    position: absolute;
    bottom: 27px; /* Modified (Orig: 22) */
    left: 50%; margin-left: 13px; /* Modified (Orig: 8) */
    width: 6px; height: 18px; background: #455a64; border-radius: 4px;
    transform: rotate(-140deg);
    z-index: 20;
}
.nan-v6-arm-R-independent::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 7px; height: 7px; background: #d7ccc8; border-radius: 50%; }

/* --- 动画 --- */
@keyframes nan-v6-breathe { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.01); } }
@keyframes nan-v6-load-heave { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(1px); } }
@keyframes nan-v6-swing { 0% { transform: rotate(-2deg); } 100% { transform: rotate(2deg); } }
@keyframes nan-v6-leaf-fall { 0% { transform: translate(0, 0) rotate(0deg); opacity: 0; } 20% { opacity: 0.8; } 80% { opacity: 0.8; } 100% { transform: translate(20px, 40px) rotate(180deg); opacity: 0; } }
/* =========================================
   【妙手书生·朱聪 V2 修正版】
   (眉眼归位·扇子握在手中·尖下巴)
   ========================================= */
.visual-zhu-v2-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: zhu-v2-sway 4s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：墨韵 --- */
.zhu-v2-ink-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.zhu-v2-ink {
    position: absolute; background: #e0e0e0; opacity: 0.6; border-radius: 1px;
}
.zhu-v2-ink-1 { top: 10px; left: -15px; width: 4px; height: 3px; animation: zhu-v2-ink-fall 3s linear infinite; }
.zhu-v2-ink-2 { top: 30px; right: -20px; width: 3px; height: 4px; animation: zhu-v2-ink-fall 4s linear infinite 0.5s; }
.zhu-v2-ink-3 { top: 50px; left: 10px; width: 5px; height: 2px; animation: zhu-v2-ink-fall 3.5s linear infinite 1s; }

/* --- 2. 身体 --- */
.zhu-v2-body {
    width: 22px; height: 42px;
    background: #5c6bc0; /* 青袍 */
    border-radius: 4px;
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
.zhu-v2-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 8px solid #3949ab; 
}
.zhu-v2-sash {
    position: absolute; bottom: 16px; left: 0;
    width: 100%; height: 5px; background: #303f9f; z-index: 11;
}
.zhu-v2-patch {
    position: absolute; bottom: 6px; right: 4px;
    width: 6px; height: 6px; background: #3949ab; border: 1px dashed #9fa8da; transform: rotate(10deg);
}

/* --- 3. 头部 (【修改】尖下巴·五官归位) --- */
.zhu-v2-head {
    width: 16px; height: 18px;
    background: #ffe0b2; 
    /* 【核心】尖下巴：底部圆角变大 */
    border-radius: 3px 3px 8px 8px; 
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}
/* 帽子 */
.zhu-v2-hat {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 6px; background: #212121; border-radius: 2px 2px 0 0;
}
.zhu-v2-hat-flap {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 2px; background: #212121; z-index: -1;
}

/* 面部特征 (重新定位，防止错位) */
.zhu-v2-face {
    position: absolute; 
    top: 5px; left: 0; /* 直接铺满头部宽度，利用内部居中 */
    width: 100%; height: 10px;
}
/* 眉眼 */
.zhu-v2-face::before {
    content: ''; position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 1px;
    background: transparent; 
    /* 利用阴影画左右眼，确保绝对居中 */
    box-shadow: -3px 0 0 #5d4037, 3px 0 0 #5d4037; 
}

/* 山羊胡 */
.zhu-v2-beard {
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 5px; background: #212121; border-radius: 0 0 50% 50%;
}

/* --- 4. 四肢 & 武器 --- */
.zhu-v2-leg-L { position: absolute; bottom: -8px; left: 3px; width: 6px; height: 10px; background: #5c6bc0; z-index: 9; }
.zhu-v2-leg-R { position: absolute; bottom: -8px; right: 3px; width: 6px; height: 10px; background: #5c6bc0; z-index: 9; }

.zhu-v2-arm-L {
    position: absolute; top: 10px; left: -5px;
    width: 6px; height: 18px; background: #5c6bc0; border-radius: 4px; transform: rotate(5deg); z-index: 11;
}
.zhu-v2-arm-L::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #ffe0b2; border-radius: 50%; }

/* 右手 (抬起) */
.zhu-v2-arm-R {
    position: absolute; top: 8px; right: -5px;
    width: 6px; height: 16px; background: #5c6bc0;
    border-radius: 4px; transform: rotate(-30deg); z-index: 11;
}
/* 手掌 */
.zhu-v2-arm-R::after {
    content: ''; position: absolute; bottom: -4px; left: 0; width: 6px; height: 6px; background: #ffe0b2; border-radius: 50%;
}

/* 【核心修改】折扇 (下移到手中) */
.zhu-v2-fan {
    position: absolute;
    /* 位置调整：移到手臂下端，看起来是被手握住 */
    top: -2px; right: 0px;
    width: 4px; height: 20px;
    background: #ffffff; border-radius: 2px;
    /* 调整旋转角度，使其顺着手的方向 */
    transform: rotate(10deg); 
    z-index: 12;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.zhu-v2-fan::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 4px; height: 5px; background: #8d6e63; border-radius: 0 0 2px 2px;
}

/* --- 动画 --- */
@keyframes zhu-v2-sway {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(1deg); }
    100% { transform: rotate(0deg); }
}
@keyframes zhu-v2-ink-fall {
    0% { transform: translateY(0) rotate(0deg); opacity: 0; }
    20% { opacity: 0.6; }
    80% { opacity: 0.6; }
    100% { transform: translateY(40px) rotate(90deg); opacity: 0; }
}
/* =========================================
   【飞天蝙蝠·柯镇恶 V2 修正版】
   (尖下巴·黑色卷缕发·双手拄拐·拖地披风)
   ========================================= */
.visual-ke-v2-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 微微佝偻，随风晃动 */
    animation: ke-v2-sway 4s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：蝙蝠 --- */
.ke-v2-bat-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.ke-v2-bat {
    position: absolute; width: 8px; height: 4px; background: #000; border-radius: 50% 50% 0 0; opacity: 0.8;
}
.ke-v2-bat::before, .ke-v2-bat::after {
    content: ''; position: absolute; top: -2px; width: 6px; height: 4px; border-top: 2px solid #000; border-radius: 50%;
}
.ke-v2-bat::before { left: -4px; transform: rotate(-20deg); animation: ke-v2-bat-flap 0.2s infinite alternate; }
.ke-v2-bat::after { right: -4px; transform: rotate(20deg); animation: ke-v2-bat-flap 0.2s infinite alternate; }

.ke-v2-bat-1 { top: 10px; left: -20px; animation: ke-v2-bat-fly-1 4s linear infinite; }
.ke-v2-bat-2 { top: 30px; right: -20px; animation: ke-v2-bat-fly-2 5s linear infinite reverse; }

/* --- 2. 披风 (【核心修正】地面锚点) --- */
.ke-v2-cape {
    position: absolute;
    /* 【关键】固定在地面 */
    bottom: 0; 
    left: 50%; transform: translateX(-50%);
    width: 36px; height: 50px; /* 足够高，延伸到肩膀 */
    background: #1a1a1a; 
    z-index: 5; /* 在身体后面 */
    border-radius: 10px 10px 0 0;
    /* 底部蝙蝠翅膀锯齿 */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 90%, 60% 100%, 50% 90%, 40% 100%, 20% 90%, 0 100%);
}

/* --- 3. 身体 --- */
.ke-v2-body {
    width: 22px; height: 40px;
    background: #424242; /* 深灰粗布衣 */
    border-radius: 4px;
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
.ke-v2-belt {
    position: absolute; bottom: 14px; left: -1px;
    width: 24px; height: 5px; background: #212121; border-radius: 2px;
}

/* --- 4. 头部 (【核心修正】尖下巴·黑卷发) --- */
.ke-v2-head {
    width: 16px; height: 20px;
    background: #d7ccc8; 
    /* 【修改】尖下巴：底部圆角变大 */
    border-radius: 4px 4px 10px 10px; 
    position: relative; top: -14px; left: 50%; margin-left: -8px; 
    z-index: 12;
    transform: rotate(5deg); /* 佝偻 */
}

/* 头发：黑色·一条一条耷拉 */
.ke-v2-hair-strand-L1 {
    position: absolute; top: -2px; left: -2px;
    width: 3px; height: 18px; background: #212121;
    border-radius: 2px; transform: rotate(10deg);
}
.ke-v2-hair-strand-L2 {
    position: absolute; top: 0px; left: 1px;
    width: 3px; height: 14px; background: #212121;
    border-radius: 2px; transform: rotate(5deg);
}
.ke-v2-hair-strand-R1 {
    position: absolute; top: -2px; right: -2px;
    width: 3px; height: 18px; background: #212121;
    border-radius: 2px; transform: rotate(-10deg);
}
.ke-v2-hair-strand-R2 {
    position: absolute; top: 0px; right: 1px;
    width: 3px; height: 14px; background: #212121;
    border-radius: 2px; transform: rotate(-5deg);
}
/* 头顶乱发 */
.ke-v2-hair-top {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 6px; background: #212121; border-radius: 4px 4px 0 0;
}

/* 瞎眼 */
.ke-v2-eye-L { position: absolute; top: 8px; left: 2px; width: 4px; height: 2px; background: #eeeeee; box-shadow: inset 0 0 1px rgba(0,0,0,0.5); }
.ke-v2-eye-R { position: absolute; top: 8px; right: 2px; width: 4px; height: 2px; background: #eeeeee; box-shadow: inset 0 0 1px rgba(0,0,0,0.5); }

/* 嘴巴 */
.ke-v2-mouth {
    position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 1px; background: #5d4037;
}

/* --- 5. 四肢 & 武器 (【核心修正】双手拄拐) --- */
.ke-v2-leg-L { position: absolute; bottom: -8px; left: 3px; width: 6px; height: 10px; background: #424242; z-index: 9; }
.ke-v2-leg-R { position: absolute; bottom: -8px; right: 3px; width: 6px; height: 10px; background: #424242; z-index: 9; }

/* 左手 (向中间) */
.ke-v2-arm-L {
    position: absolute; top: 12px; left: -4px;
    width: 6px; height: 16px; background: #424242; border-radius: 4px; 
    transform: rotate(30deg); /* 向内弯 */
    z-index: 13;
}
.ke-v2-arm-L::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 右手 (向中间) */
.ke-v2-arm-R {
    position: absolute; top: 12px; right: -4px;
    width: 6px; height: 16px; background: #424242; border-radius: 4px; 
    transform: rotate(-30deg); /* 向内弯 */
    z-index: 13;
}
.ke-v2-arm-R::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 6px; height: 6px; background: #d7ccc8; border-radius: 50%; }

/* 【核心修正】带弯头的铁杖 (Crook Staff) */
.ke-v2-staff {
    position: absolute;
    /* 居中，双手握持 */
    bottom: -6px; left: -20%; transform: translateX(-50%);
    width: 4px; height: 55px;
    background: #37474f; /* 铁色 */
    border-radius: 2px;
    z-index: 14; /* 在手前面 */
}
/* 拐弯的头 (Crook) */
.ke-v2-staff-crook {
    position: absolute; top: 0px; left: -6px;
    width: 10px; height: 8px;
    /* 利用边框制作弯钩 */
    border: 4px solid #37474f;
    border-bottom: none; /* 下方开口 */
    border-radius: 6px 6px 0 0; /* 半圆顶 */
}
/* 杖尖 */
.ke-v2-staff::after {
    content: ''; position: absolute; bottom: -2px; left: 0;
    width: 4px; height: 4px; background: #546e7a;
}

/* --- 动画 --- */
@keyframes ke-v2-sway {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(1deg); }
    100% { transform: rotate(0deg); }
}
@keyframes ke-v2-bat-flap {
    0% { transform: rotate(-20deg) scaleY(1); }
    100% { transform: rotate(-20deg) scaleY(0.5); }
}
@keyframes ke-v2-bat-fly-1 {
    0% { transform: translate(0, 0) scale(0.8); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translate(40px, -20px) scale(1); opacity: 0; }
}
@keyframes ke-v2-bat-fly-2 {
    0% { transform: translate(0, 0) scale(0.6); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translate(-30px, 10px) scale(0.8); opacity: 0; }
}
/* =========================================
   【铜尸·陈玄风 V6 最终修正版】
   (全开襟直通底部·底部黑色遮挡·蛇形经文)
   ========================================= */
.visual-chen-v6-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: chen-v6-stand 4s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.chen-v6-aura {
    position: absolute;
    width: 90px; height: 90px;
    top: -25px; left: 50%; transform: translateX(-50%);
    border-radius: 50%; z-index: 0; opacity: 0.6;
    background: radial-gradient(circle, rgba(62, 39, 35, 0.6) 0%, transparent 70%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    animation: chen-v6-aura-pulse 3s infinite alternate;
}

/* --- 2. 身体 --- */
.chen-v6-body {
    width: 24px; height: 44px;
    background: #212121; /* 【核心】黑色底色，充当裤子/阴影 */
    border-radius: 5px;
    position: relative; margin-bottom: 10px; 
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}

/* 【核心修改】全开襟皮肤层 */
.chen-v6-skin-chest {
    position: absolute;
    top: 2px; 
    left: 50%; transform: translateX(-50%);
    width: 14px; 
    /* 【关键】高度 40px (身体44px)。留出底部 4px 显示黑色背景 */
    /* 这样既恢复了“一直往下开”的视觉，又去掉了最底下的肤色块 */
    height: 40px; 
    background: #8d6e63; /* 古铜肤色 */
    z-index: 11;
    /* 底部微圆角，自然过渡 */
    border-radius: 0 0 2px 2px;
}

/* 腰带 (压在皮肤上) */
.chen-v6-belt {
    position: absolute; bottom: 12px; left: -1px;
    width: 26px; height: 6px; 
    background: #424242; border: 1px solid #000; 
    z-index: 12; 
    border-radius: 2px;
}

/* 蛇形经文 */
.chen-v6-tattoo {
    position: absolute; 
    top: 4px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 24px;
    z-index: 13; opacity: 0.8;
}
.chen-v6-tattoo::before {
    content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 12px;
    border: 2px solid #3e2723; border-color: #3e2723 transparent transparent #3e2723;
    border-radius: 50% 50% 0 0; transform: rotate(-20deg);
}
.chen-v6-tattoo::after {
    content: ''; position: absolute; bottom: 0; right: 0; width: 6px; height: 12px;
    border: 2px solid #3e2723; border-color: transparent #3e2723 #3e2723 transparent;
    border-radius: 0 0 50% 50%; transform: rotate(-20deg);
}

/* --- 3. 头部 --- */
.chen-v6-head {
    width: 18px; height: 20px; background: #8d6e63; border-radius: 4px;
    position: absolute; top: -16px; left: 50%; transform: translateX(-50%); z-index: 12;
}
.chen-v6-face {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 14px; height: 10px;
}
.chen-v6-face::before { content: ''; position: absolute; top: 0; left: 1px; width: 12px; height: 2px; background: #212121; }
.chen-v6-face::after { content: ''; position: absolute; top: 3px; left: -6px; width: 10px; height: 2px; background: transparent; box-shadow: 2px 0 0 #000, 6px 0 0 #000; }

/* 乱发 */
.chen-v6-hair-back {
    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    width: 24px; height: 28px; background: #212121; border-radius: 8px 8px 6px 6px; z-index: 1;
}
.chen-v6-hair-mess {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 18px; height: 10px; z-index: 13;
}
.chen-v6-hair-mess::before { content: ''; position: absolute; top: 0; left: -2px; width: 5px; height: 12px; background: #212121; transform: rotate(10deg); border-radius: 0 0 50% 50%; }
.chen-v6-hair-mess::after { content: ''; position: absolute; top: 0; right: -2px; width: 5px; height: 14px; background: #212121; transform: rotate(-5deg); border-radius: 0 0 50% 50%; }

/* --- 4. 四肢 --- */
.chen-v6-leg-L { position: absolute; bottom: -8px; left: 3px; width: 7px; height: 12px; background: #212121; z-index: 9; }
.chen-v6-leg-R { position: absolute; bottom: -8px; right: 3px; width: 7px; height: 12px; background: #212121; z-index: 9; }

.chen-v6-arm-L {
    position: absolute; top: 4px; left: -7px; width: 7px; height: 22px; background: #8d6e63; border-radius: 4px; transform: rotate(15deg); z-index: 11;
}
.chen-v6-arm-L::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 8px; height: 6px; background: #d7ccc8; clip-path: polygon(0 0, 20% 100%, 50% 0, 80% 100%, 100% 0); }

.chen-v6-arm-R {
    position: absolute; top: 4px; right: -7px; width: 7px; height: 22px; background: #8d6e63; border-radius: 4px; transform: rotate(-15deg); z-index: 11;
}
.chen-v6-arm-R::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 8px; height: 6px; background: #d7ccc8; clip-path: polygon(0 0, 20% 100%, 50% 0, 80% 100%, 100% 0); }

/* --- 动画 --- */
@keyframes chen-v6-stand {
    0% { transform: scaleY(1); }
    100% { transform: scaleY(1.01); } 
}
@keyframes chen-v6-aura-pulse {
    0% { transform: translateX(-50%) scale(1); opacity: 0.5; }
    100% { transform: translateX(-50%) scale(1.1); opacity: 0.7; }
}
/* =========================================
   【铁尸·梅超风 V4 微调版】
   (骷髅位置下移·尺寸微增)
   ========================================= */
.visual-mei-v4-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: mei-v4-sway 4s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.mei-v4-aura {
    position: absolute;
    width: 80px; height: 80px;
    top: -20px; left: 50%; transform: translateX(-50%);
    border-radius: 50%; z-index: 0; opacity: 0.5;
    background: radial-gradient(circle, rgba(106, 27, 154, 0.4) 0%, transparent 70%);
    animation: mei-v4-aura-pulse 3s infinite alternate;
}
.mei-v4-wind { position: absolute; height: 1px; background: rgba(255,255,255,0.1); z-index: 1; }
.mei-v4-wind-1 { top: 0px; left: -15px; width: 40px; animation: mei-v4-wind-blow 2s linear infinite; }
.mei-v4-wind-2 { top: 30px; right: -10px; width: 30px; animation: mei-v4-wind-blow 2.5s linear infinite 0.5s; }

/* --- 2. 背景公转骷髅 (【修改】位置下移，尺寸微增) --- */
.mei-v4-skull-orbit {
    position: absolute;
    /* 【修改】top 从 -20px 改为 -10px，整体下移 */
    top: -10px; 
    left: 50%; 
    width: 0; height: 0;
    z-index: 1; 
    animation: mei-v4-orbit-rotate 5s linear infinite;
}

.mei-v4-skull {
    position: absolute;
    /* 【修改】尺寸微增：宽10->12, 高12->14 */
    width: 12px; height: 14px;
    background: #e0e0e0;
    border-radius: 4px 4px 6px 6px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
/* 骷髅眼窝 (配合变大) */
.mei-v4-skull::before, .mei-v4-skull::after {
    /* 【修改】眼窝尺寸 3->4 */
    content: ''; position: absolute; top: 4px; width: 4px; height: 4px; background: #212121; border-radius: 50%;
}
.mei-v4-skull::before { left: 2px; }
.mei-v4-skull::after { right: 2px; }

/* 放置两颗骷髅 */
.mei-v4-skull-1 {
    top: -7px; left: 40px; 
    animation: mei-v4-counter-rotate 5s linear infinite;
}
.mei-v4-skull-2 {
    top: -7px; left: -52px; 
    animation: mei-v4-counter-rotate 5s linear infinite;
}

/* --- 3. 拖地长发 --- */
.mei-v4-hair-long {
    position: absolute;
    bottom: 0; 
    left: 50%; transform: translateX(-50%);
    width: 36px; height: 70px;
    background: #212121;
    border-radius: 30px 30px 0 0;
    z-index: 5;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 90% 95%, 80% 100%, 70% 90%, 60% 100%, 50% 92%, 40% 100%, 30% 90%, 20% 100%, 10% 95%, 0 100%);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

/* --- 4. 身体 --- */
.mei-v4-body {
    width: 20px; height: 38px;
    background: #37474f; 
    border-radius: 4px;
    position: relative; margin-bottom: 10px; 
    z-index: 10;
}
.mei-v4-body::after {
    content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; background: #37474f;
    clip-path: polygon(0 0, 20% 100%, 40% 20%, 60% 100%, 80% 10%, 100% 100%, 100% 0);
}

/* --- 5. 头部 --- */
.mei-v4-head {
    width: 16px; height: 18px;
    background: #fff0e0; border-radius: 4px;
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}
/* 瞎眼 */
.mei-v4-blind-eye-L { position: absolute; top: 6px; left: 2px; width: 4px; height: 2px; background: #ffffff; z-index: 13; box-shadow: inset 0 0 1px #bdbdbd; }
.mei-v4-blind-eye-R { position: absolute; top: 6px; right: 2px; width: 4px; height: 2px; background: #ffffff; z-index: 13; box-shadow: inset 0 0 1px #bdbdbd; }

/* 遮脸乱发 */
.mei-v4-hair-front-1 {
    position: absolute; top: -2px; left: 4px; width: 4px; height: 22px; background: #212121; z-index: 14; transform: rotate(5deg);
}
.mei-v4-hair-front-2 {
    position: absolute; top: -2px; right: 3px; width: 5px; height: 20px; background: #212121; z-index: 14; transform: rotate(-5deg);
}

/* --- 6. 四肢 & 白骨爪 --- */
.mei-v4-leg-L { position: absolute; bottom: -8px; left: 3px; width: 6px; height: 10px; background: #37474f; z-index: 9; }
.mei-v4-leg-R { position: absolute; bottom: -8px; right: 3px; width: 6px; height: 10px; background: #37474f; z-index: 9; }

.mei-v4-arm-L {
    position: absolute; top: 2px; left: -6px; width: 6px; height: 20px; background: #37474f;
    transform: rotate(-140deg); z-index: 15; transform-origin: top center;
}
.mei-v4-arm-R {
    position: absolute; top: 2px; right: -6px; width: 6px; height: 20px; background: #37474f;
    transform: rotate(140deg); z-index: 15; transform-origin: top center;
}

/* 白骨爪 */
.mei-v4-claw {
    position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #eeeeee; border-radius: 2px;
}
.mei-v4-claw::after {
    content: ''; position: absolute; bottom: -3px; left: 1px; width: 6px; height: 3px; background: #eeeeee;
    clip-path: polygon(0 0, 20% 100%, 50% 0, 80% 100%, 100% 0);
}

/* --- 动画 --- */
@keyframes mei-v4-sway {
    0% { transform: rotate(-1deg) translateY(0); }
    100% { transform: rotate(1deg) translateY(-2px); }
}
@keyframes mei-v4-aura-pulse {
    0% { transform: translateX(-50%) scale(1); opacity: 0.5; }
    100% { transform: translateX(-50%) scale(1.1); opacity: 0.7; }
}
@keyframes mei-v4-wind-blow {
    0% { transform: translateX(0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(30px); opacity: 0; }
}
@keyframes mei-v4-orbit-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes mei-v4-counter-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
}
/* =========================================
   【蒙古国师·金轮法王 V5 最终完全体】
   (凶神恶煞·两腮卷胡·金轮自转+公转)
   ========================================= */
.visual-jinlun-v5-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: jinlun-v5-breathe 4s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：龙象光晕 (公转中心) --- */
.jinlun-v5-aura {
    position: absolute;
    width: 90px; height: 90px;
    /* 定位中心点，作为公转的轴心 */
    top: -30px; left: 50%; margin-left: -45px; 
    border-radius: 50%; z-index: 0; opacity: 0.5;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.3) 0%, transparent 70%);
    border: 1px solid rgba(255, 193, 7, 0.3);
    animation: jinlun-v5-aura-pulse 3s infinite alternate;
}

/* --- 2. 身体 --- */
.jinlun-v5-body {
    width: 26px; height: 48px;
    background: #c62828; border-radius: 6px; 
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
.jinlun-v5-sash {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(115deg, transparent 35%, #fbc02d 35%, #fbc02d 60%, transparent 60%);
    border-radius: 6px; z-index: 11;
}
.jinlun-v5-body::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 12px; background: rgba(0,0,0,0.2);
}

/* --- 3. 头部 --- */
.jinlun-v5-head {
    width: 18px; height: 22px;
    background: #8d6e63; border-radius: 4px; 
    position: absolute; top: -18px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}

/* 帽子 & 耳朵 */
.jinlun-v5-hat {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #fbc02d; 
    z-index: 13;
}
.jinlun-v5-hat::after {
    content: ''; position: absolute; bottom: -14px; left: -11px;
    width: 22px; height: 4px; background: #f9a825; border-radius: 4px;
}
.jinlun-v5-ear-L { position: absolute; top: 9px; left: -2px; width: 2px; height: 8px; background: #8d6e63; border-radius: 2px; }
.jinlun-v5-ear-R { position: absolute; top: 9px; right: -2px; width: 2px; height: 8px; background: #8d6e63; border-radius: 2px; }

/* 凶恶五官 */
.jinlun-v5-brow-L {
    position: absolute; top: 8px; left: 2px; width: 6px; height: 2px; background: #212121; transform: rotate(25deg);
}
.jinlun-v5-brow-R {
    position: absolute; top: 8px; right: 2px; width: 6px; height: 2px; background: #212121; transform: rotate(-25deg);
}
.jinlun-v5-eye-L { position: absolute; top: 11px; left: 3px; width: 3px; height: 1px; background: #000; }
.jinlun-v5-eye-R { position: absolute; top: 11px; right: 3px; width: 3px; height: 1px; background: #000; }
.jinlun-v5-mouth {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 3px; border-top: 2px solid #3e2723; border-radius: 50% 50% 0 0;
}

/* 胡须组合 */
.jinlun-v5-beard-chin { /* 下巴山羊胡 */
    position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 4px; background: #212121; border-radius: 0 0 4px 4px;
}
/* 【新增】两腮卷胡 (Curled Cheek Beard) */
.jinlun-v5-beard-cheek-L, .jinlun-v5-beard-cheek-R {
    position: absolute; bottom: 1px;
    width: 4px; height: 6px;
    /* 利用边框制作卷曲形状 */
    border: 2px solid #212121;
    border-color: transparent transparent #212121 #212121; /* 只显示左下边框形成弧线 */
    border-radius: 50%;
}
.jinlun-v5-beard-cheek-L { left: 0px; transform: rotate(-20deg); }
.jinlun-v5-beard-cheek-R { right: 0px; transform: scaleX(-1) rotate(-20deg); /* 镜像 */ }


/* --- 4. 四肢 --- */
.jinlun-v5-leg-L { position: absolute; bottom: -8px; left: 2px; width: 8px; height: 10px; background: #c62828; z-index: 9; }
.jinlun-v5-leg-R { position: absolute; bottom: -8px; right: 2px; width: 8px; height: 10px; background: #c62828; z-index: 9; }
.jinlun-v5-arm-L {
    position: absolute; top: 14px; left: -6px; width: 7px; height: 18px; background: #c62828; border-radius: 4px; transform: rotate(20deg); z-index: 13;
}
.jinlun-v5-arm-L::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #8d6e63; border-radius: 50%; }
.jinlun-v5-arm-R {
    position: absolute; top: 12px; right: -7px; width: 7px; height: 18px; background: #c62828; border-radius: 4px; transform: rotate(-45deg); z-index: 13;
}
.jinlun-v5-arm-R::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #8d6e63; border-radius: 50%; }


/* --- 5. 武器：【金轮】 (自转 + 公转) --- */

/* 【核心新增】公转轨道容器 */
.jinlun-v5-orbit-container {
    position: absolute;
    /* 定位在背景光晕的中心 */
    top: 15px; left: 50%; 
    width: 0; height: 0;
    z-index: 14;
    /* 执行缓慢的公转动画 */
    animation: jinlun-v5-orbit-rotate 4s linear infinite;
}

/* 金轮本体 (在轨道容器内) */
.jinlun-v5-wheel {
    position: absolute;
    /* 设置公转半径：距离中心点向右偏移 50px */
    top: -13px; left: 45px; 
    
    width: 26px; height: 26px; 
    border: 3px solid #ffd700; border-radius: 50%; 
    background: transparent; box-shadow: 0 0 8px #ffecb3;
    /* 执行快速的自转动画 */
    animation: jinlun-v5-spin 0.4s linear infinite;
}
.jinlun-v5-wheel::before {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 22px; height: 22px; border: 2px dashed #ff6f00; border-radius: 50%;
}
.jinlun-v5-wheel::after {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 6px; height: 6px; background: #fff; border-radius: 50%; box-shadow: 0 0 2px #000;
}

/* --- 动画 --- */
@keyframes jinlun-v5-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.02); }
}
@keyframes jinlun-v5-aura-pulse {
    0% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(1.1); opacity: 0.6; }
}
/* 【新增】公转动画 */
@keyframes jinlun-v5-orbit-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* 自转动画 */
@keyframes jinlun-v5-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* =========================================
   【翠羽黄衫·霍青桐 V3 瘦脸版】
   (头部和帽子宽度缩减至11px·更清秀)
   ========================================= */
.visual-huo-v3-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: huo-v3-stand 3s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：大漠黄沙 --- */
.huo-v3-sand-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.huo-v3-sand-grain {
    position: absolute; width: 2px; height: 2px; background: #fdd835; border-radius: 50%; opacity: 0;
}
.huo-v3-sand-1 { top: 20px; left: -10px; animation: huo-v3-sand 2s linear infinite; }
.huo-v3-sand-2 { top: 40px; left: -20px; animation: huo-v3-sand 2.5s linear infinite 0.5s; }
.huo-v3-sand-3 { top: 10px; left: -30px; animation: huo-v3-sand 2.2s linear infinite 1s; }
.huo-v3-sand-4 { top: 60px; left: -15px; animation: huo-v3-sand 3s linear infinite 1.5s; }

/* --- 2. 身体 --- */
.huo-v3-body {
    width: 18px; height: 40px;
    background: #fbc02d; 
    border-radius: 5px;
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.huo-v3-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 10px solid #f57f17; 
}
.huo-v3-belt {
    position: absolute; bottom: 14px; left: 0;
    width: 100%; height: 4px; background: #43a047; border-radius: 2px;
}
.huo-v3-belt::after {
    content: ''; position: absolute; top: 1px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #fffde7; border-radius: 50%;
}
.huo-v3-body::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 10px; background: rgba(0,0,0,0.2);
}

/* --- 3. 头部 (【核心修改】瘦脸) --- */
.huo-v3-head {
    /* 【修改】宽度从 14px 减至 12px */
    width: 11px; 
    height: 18px; 
    background: #ffccbc; 
    border-radius: 4px 4px 6px 6px; 
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}

/* 头发 (在脑后) */
.huo-v3-hair {
    position: absolute; 
    top: -12px; 
    left: 50%; transform: translateX(-50%);
    width: 18px; 
    height: 16px;
    background: #212121;
    border-radius: 6px;
    z-index: 9; 
}

/* 回族小花帽 (【修改】配合瘦脸同步变窄) */
.huo-v3-cap {
    position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
    /* 【修改】宽度减至 12px */
    width: 12px; 
    height: 6px; background: #5e35b1; border-radius: 4px 4px 0 0;
    z-index: 13;
}
.huo-v3-cap::after {
    content: ''; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 2px;
    background: repeating-linear-gradient(90deg, #fff, #fff 2px, transparent 2px, transparent 4px);
}

/* 翠羽 */
.huo-v3-feather {
    position: absolute; top: -8px; right: 0px; 
    width: 6px; height: 14px; background: #00e676; 
    border-radius: 0 100% 0 100%; transform-origin: bottom left; transform: rotate(10deg);
    z-index: 12; 
    animation: huo-v3-feather-wave 2s ease-in-out infinite alternate;
}
.huo-v3-feather::before {
    content: ''; position: absolute; bottom: 0; left: 0; width: 1px; height: 16px; background: #1b5e20; transform: rotate(5deg);
}

/* 眉眼 */
.huo-v3-face {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 2px;
}
.huo-v3-face::before { 
    content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #3e2723;
}
.huo-v3-face::after { 
    content: ''; position: absolute; top: 2px; left: 0; width: 100%; height: 1px; 
    background: transparent; box-shadow: 1px 0 0 #212121, 8px 0 0 #212121;
}

/* --- 4. 四肢 & 武器 --- */
.huo-v3-leg-L {
    position: absolute; bottom: -10px; left: 2px; width: 6px; height: 12px; background: #fffde7; z-index: 9;
}
.huo-v3-leg-L::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 6px; height: 4px; background: #3e2723; border-radius: 1px; }
.huo-v3-leg-R {
    position: absolute; bottom: -10px; right: 2px; width: 6px; height: 12px; background: #fffde7; z-index: 9;
}
.huo-v3-leg-R::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 6px; height: 4px; background: #3e2723; border-radius: 1px; }

/* 左手 */
.huo-v3-arm-L {
    position: absolute; top: 10px; left: -5px;
    width: 5px; height: 16px; background: #fbc02d;
    border-radius: 4px; transform: rotate(10deg); z-index: 13;
}
.huo-v3-arm-L::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 右手 */
.huo-v3-arm-R {
    position: absolute; top: 10px; right: -5px;
    width: 5px; height: 16px; background: #fbc02d; border-radius: 4px; 
    transform: rotate(-25deg); z-index: 13;
}
.huo-v3-arm-R::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 6px; height: 6px; background: #ffccbc; border-radius: 50%; }

/* 佩剑 */
.huo-v3-sword {
    position: absolute;
    top: 20px; right: 4px; width: 4px; height: 26px;
    background: #5d4037; border: 1px solid #ffca28; transform: rotate(-45deg); z-index: 14;
}
.huo-v3-sword::before { content: ''; position: absolute; top: -6px; left: -1px; width: 6px; height: 6px; background: #8d6e63; border-radius: 1px; }
.huo-v3-sword::after { content: ''; position: absolute; top: -4px; left: 4px; width: 2px; height: 8px; background: #43a047; }

/* --- 动画 --- */
@keyframes huo-v3-stand {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.01); }
}
@keyframes huo-v3-feather-wave {
    0% { transform: rotate(10deg); }
    100% { transform: rotate(25deg); }
}
@keyframes huo-v3-sand {
    0% { transform: translate(0, 0); opacity: 0; }
    20% { opacity: 0.8; }
    80% { opacity: 0.8; }
    100% { transform: translate(60px, -20px); opacity: 0; }
}
/* =========================================
   【辽东大侠·胡一刀 V5 最终基准版】
   (修复披风定位：以地面为基准，永不悬空)
   ========================================= */
.visual-huyidao-v5-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: huyidao-v5-breathe 4s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：暴风雪 --- */
.huyidao-v5-storm {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.huyidao-v5-flake {
    position: absolute; background: #fff; border-radius: 50%; opacity: 0.8;
}
.huyidao-v5-flake-1 { width: 4px; height: 4px; top: 10px; left: 10px; animation: huyidao-v5-snow 1.5s linear infinite; }
.huyidao-v5-flake-2 { width: 3px; height: 3px; top: 30px; right: 20px; animation: huyidao-v5-snow 2s linear infinite 0.5s; }
.huyidao-v5-flake-3 { width: 5px; height: 5px; top: 0px; left: 40px; animation: huyidao-v5-snow 1.8s linear infinite 1s; }

/* --- 2. 白色披风 (【核心修复】地面基准定位) --- */
.huyidao-v5-cape {
    position: absolute;
    /* 【关键修改】去掉 top 定位 */
    /* top: 2px; <-- 删除此行 */
    
    /* 【关键修改】改为 bottom 定位，锚定在地面 */
    bottom: -6px; /* 紧贴脚后跟的地面 */
    
    left: 50%; transform: translateX(-50%);
    width: 42px; 
    height: 60px; /* 高度足以向上延伸到肩膀 */
    background: #f5f5f5; 
    border-radius: 4px 4px 2px 2px;
    z-index: 1; /* 在身体后面 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    /* 动画摆动支点依然在顶部肩膀处 */
    transform-origin: top center;
    animation: huyidao-v5-cape-sway 3s ease-in-out infinite alternate;
}

/* --- 3. 身体 --- */
.huyidao-v5-body {
    width: 28px; height: 42px; 
    background: #9e9e9e; 
    border-radius: 6px; 
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px);
}
.huyidao-v5-belt {
    position: absolute; bottom: 12px; left: -1px;
    width: 30px; height: 6px; background: #3e2723; border-radius: 2px; border: 1px solid #212121;
}

/* 毛领 (薄款) */
.huyidao-v5-collar {
    position: absolute; 
    top: -2px; left: 50%; transform: translateX(-50%);
    width: 32px; height: 8px; 
    background: #e0e0e0; border-radius: 4px; z-index: 13;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.huyidao-v5-collar::before {
    content: ''; position: absolute; top: 1px; left: 4px; width: 24px; height: 6px;
    border: 1px dashed #bdbdbd; border-radius: 3px; opacity: 0.6;
}

/* --- 4. 头部 (长脸) --- */
.huyidao-v5-head {
    width: 16px; height: 24px;
    background: #d7ccc8; border-radius: 4px; 
    position: absolute; top: -20px; left: 50%; transform: translateX(-50%); 
    z-index: 12;
}
/* 头发 */
.huyidao-v5-hair {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 10px; background: #212121; border-radius: 8px 8px 0 0;
}
/* 胡须 */
.huyidao-v5-beard {
    position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%);
    width: 18px; height: 12px; background: #212121; border-radius: 0 0 8px 8px; z-index: 13;
}
.huyidao-v5-beard::after { /* 嘴 */
    content: ''; position: absolute; top: 3px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 2px; background: #3e2723; border-radius: 1px;
}
/* 刀疤 */
.huyidao-v5-scar {
    position: absolute; top: 10px; right: 2px; width: 4px; height: 1px; background: #8d6e63; transform: rotate(-15deg); opacity: 0.6;
}
/* 剑眉 */
.huyidao-v5-brow-L {
    position: absolute; top: 8px; left: 1px; width: 6px; height: 2px; background: #212121; transform: rotate(20deg); z-index: 14;
}
.huyidao-v5-brow-R {
    position: absolute; top: 8px; right: 1px; width: 6px; height: 2px; background: #212121; transform: rotate(-20deg); z-index: 14;
}

/* --- 5. 四肢 --- */
.huyidao-v5-leg-L {
    position: absolute; bottom: -10px; left: 2px; width: 10px; height: 14px; background: #9e9e9e; z-index: 9;
}
.huyidao-v5-leg-L::after { content: ''; position: absolute; bottom: -2px; left: -2px; width: 14px; height: 8px; background: #424242; border-radius: 2px; }
.huyidao-v5-leg-R {
    position: absolute; bottom: -10px; right: 2px; width: 10px; height: 14px; background: #9e9e9e; z-index: 9;
}
.huyidao-v5-leg-R::after { content: ''; position: absolute; bottom: -2px; right: -2px; width: 14px; height: 8px; background: #424242; border-radius: 2px; }

/* 左手 */
.huyidao-v5-arm-L {
    position: absolute; top: 14px; left: -6px;
    width: 8px; height: 18px; background: #9e9e9e; border-radius: 4px;
    transform: rotate(30deg); z-index: 13;
}
.huyidao-v5-arm-L::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 8px; height: 8px; background: #d7ccc8; border-radius: 50%; }

/* 右手 */
.huyidao-v5-arm-R {
    position: absolute; top: 14px; right: -6px;
    width: 8px; height: 18px; background: #9e9e9e; border-radius: 4px;
    transform: rotate(-35deg); z-index: 13;
}
.huyidao-v5-arm-R::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 9px; height: 9px; background: #d7ccc8; border-radius: 50%; }

/* --- 6. 武器：【冷月宝刀】 --- */
.huyidao-v5-saber {
    position: absolute;
    bottom: -15px; right: -22px;
    width: 12px; height: 75px; background: #cfd8dc; 
    transform-origin: bottom center;
    transform: rotate(5deg);
    z-index: 15; 
    border-radius: 2px 2px 50% 2px; border-right: 3px solid #607d8b; 
    box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}
.huyidao-v5-saber::before { content: ''; position: absolute; top: -14px; left: 2px; width: 8px; height: 14px; background: #5d4037; border-radius: 2px 2px 0 0; }
.huyidao-v5-saber::after { 
    content: ''; position: absolute; top: -10px; left: 6px; width: 4px; height: 18px; background: #d32f2f;
    transform-origin: top center; animation: huyidao-v5-tassel 1.5s ease-in-out infinite alternate;
}

/* --- 动画 --- */
@keyframes huyidao-v5-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.01); }
}
@keyframes huyidao-v5-snow {
    0% { transform: translate(0, 0); opacity: 0; }
    20% { opacity: 1; }
    100% { transform: translate(-20px, 60px); opacity: 0; }
}
@keyframes huyidao-v5-cape-sway {
    0% { transform: translateX(-50%) rotate(0deg) skewX(0deg); }
    100% { transform: translateX(-52%) rotate(2deg) skewX(2deg); }
}
@keyframes huyidao-v5-tassel {
    0% { transform: rotate(5deg); }
    100% { transform: rotate(25deg); }
}
/* =========================================
   【紫衣女侠·袁紫衣 V3 最终完美版】
   (极致清瘦·尖脸美女·银丝软鞭·青丝披肩)
   ========================================= */
.visual-yuan-v3-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: yuan-v3-breathe 3s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.yuan-v3-aura {
    position: absolute;
    width: 60px; height: 60px;
    top: -10px; left: 50%; transform: translateX(-50%);
    border-radius: 50%; z-index: 0; opacity: 0.4;
    background: radial-gradient(circle, rgba(149, 117, 205, 0.4) 0%, transparent 70%);
    animation: yuan-v3-pulse 4s ease-in-out infinite alternate;
}

/* --- 2. 身体 (16px 极瘦) --- */
.yuan-v3-body {
    width: 16px; height: 42px;
    background: #5e35b1; /* 深紫袍 */
    border-radius: 4px;
    position: relative;
    margin-bottom: 10px; 
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
/* 领口 */
.yuan-v3-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 10px solid #b39ddb; 
}
/* 腰带 */
.yuan-v3-belt {
    position: absolute; bottom: 14px; left: 0;
    width: 100%; height: 4px; background: #311b92; border-radius: 2px;
}
.yuan-v3-belt::after { 
    content: ''; position: absolute; top: 4px; left: 4px; width: 3px; height: 10px; background: #311b92;
}

/* --- 3. 头部 (瓜子脸) --- */
.yuan-v3-head {
    width: 12px; height: 18px;
    background: #ffccbc;
    /* 上圆下尖 */
    border-radius: 4px 4px 8px 8px;
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}

/* 僧帽 */
.yuan-v3-cap {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 9px; 
    background: #424242; 
    border-radius: 7px 7px 2px 2px; 
    z-index: 13;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
/* 右侧鬓角 (整齐) */
.yuan-v3-cap::after {
    content: ''; position: absolute; bottom: -2px; right: 1px;
    width: 2px; height: 4px; background: #212121;
}

/* 【核心新增】左侧青丝披肩 (Visual Left) */
.yuan-v3-hair-strand {
    position: absolute;
    top: 6px; /* 从帽子边缘延伸 */
    left: -2px; /* 贴着脸颊左侧 */
    width: 4px; height: 18px; /* 垂到肩膀 */
    
    /* 黑色秀发 */
    border-left: 3px solid #212121; 
    /* 微微向外卷曲，显得柔美 */
    border-radius: 50% 0 0 20%; 
    
    z-index: 14; /* 在身体和脸之上 */
    transform-origin: top center;
    /* 随风微动，显露风情 */
    animation: yuan-hair-flutter 3s ease-in-out infinite alternate;
}

/* 眉眼 */
.yuan-v3-face {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 2px;
}
.yuan-v3-face::before { 
    content: ''; position: absolute; top: 0; left: 1px; width: 8px; height: 1px; background: #5d4037;
}
.yuan-v3-face::after { 
    content: ''; position: absolute; top: 2px; left: 1px; width: 8px; height: 1px; 
    background: transparent; box-shadow: 0 1px 0 #212121, 5px 1px 0 #212121;
}

/* --- 4. 四肢 & 武器 (银丝软鞭) --- */
.yuan-v3-leg-L, .yuan-v3-leg-R {
    position: absolute; bottom: -8px;
    width: 5px; height: 12px; background: #5e35b1; z-index: 9;
}
.yuan-v3-leg-L { left: 3px; }
.yuan-v3-leg-R { right: 3px; }
.yuan-v3-leg-L::after, .yuan-v3-leg-R::after { 
    content: ''; position: absolute; bottom: -2px; left: 0;
    width: 5px; height: 4px; background: #212121; border-radius: 1px;
}

/* 左臂 */
.yuan-v3-arm-L {
    position: absolute; top: 10px; left: -5px;
    width: 5px; height: 18px; background: #5e35b1;
    border-radius: 4px; transform: rotate(5deg); z-index: 13;
}
.yuan-v3-arm-L::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 5px; height: 5px; background: #ffccbc; border-radius: 50%; }

/* 右臂 (持鞭) */
.yuan-v3-arm-R {
    position: absolute; top: 10px; right: -5px;
    width: 5px; height: 18px; background: #5e35b1;
    border-radius: 4px; transform: rotate(-5deg); z-index: 13;
}
.yuan-v3-arm-R::after { 
    content: ''; position: absolute; bottom: -2px; left: 0; 
    width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}

/* 银丝软鞭 */
.yuan-v3-whip {
    position: absolute;
    top: 14px; right: -2px; 
    z-index: 14;
    width: 10px; height: 35px;
    border-left: 2px solid #cfd8dc; 
    border-bottom: 2px solid #cfd8dc;
    border-radius: 0 0 50% 50% / 0 0 30% 10px; 
    background: transparent;
    transform-origin: top left;
    transform: rotate(10deg) skewX(-10deg); 
    box-shadow: inset 1px 1px 2px rgba(255,255,255,0.6); 
}
.yuan-v3-whip::before { /* 鞭把 */
    content: ''; position: absolute; top: -4px; left: -3px;
    width: 4px; height: 6px; background: #78909c; 
    border-radius: 2px; transform: rotate(-10deg);
}

/* --- 动画 --- */
@keyframes yuan-v3-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.01); }
}
@keyframes yuan-v3-pulse {
    0% { transform: translateX(-50%) scale(1); opacity: 0.3; }
    100% { transform: translateX(-50%) scale(1.1); opacity: 0.5; }
}
/* 青丝微动动画 */
@keyframes yuan-hair-flutter {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(5deg); }
}
/* =========================================
   【药王传人·程灵素】
   (瘦弱身形·村姑布衣·背负药篓·手捧七心海棠)
   ========================================= */
.visual-cheng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 动作：安静伫立，偶尔低头看花 */
    animation: cheng-idle 4s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效：幽蓝花落 --- */
.cheng-aura {
    position: absolute; width: 100%; height: 100%;
    top: 0; left: 0; pointer-events: none;
}
/* 飘落的蓝色花瓣 */
.cheng-petal-1, .cheng-petal-2 {
    position: absolute; background: #8c9eff; /* 幽蓝 */
    width: 4px; height: 4px; border-radius: 50% 0 50% 0;
    opacity: 0;
}
.cheng-petal-1 {
    top: 10px; left: 10px; animation: cheng-petal-fall 3s linear infinite;
}
.cheng-petal-2 {
    top: 5px; right: 15px; animation: cheng-petal-fall 4s linear infinite 1.5s;
}

/* --- 2. 身体 (瘦弱 18px) --- */
.cheng-body {
    width: 18px; /* 比一般人瘦 */
    height: 38px;
    background: #ede7f6; /* 极淡的紫白布衣，朴素 */
    border-radius: 6px 6px 4px 4px;
    position: relative;
    margin-bottom: 10px; 
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
/* 衣服上的补丁/围裙 */
.cheng-apron {
    position: absolute; bottom: 5px; left: 0;
    width: 100%; height: 20px;
    background: #b39ddb; /* 淡紫色围裙 */
    border-radius: 2px;
}
/* 领口 (斜襟) */
.cheng-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 12px solid #9575cd; /* 深紫领边 */
}

/* --- 3. 头部 (瓜子脸·大眼) --- */
.cheng-head {
    width: 14px; height: 18px;
    background: #ffccbc; /* 肤色 */
    border-radius: 4px;
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}
/* 头发：简单的双麻花辫或村姑发髻 */
.cheng-hair {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px;
    background: #3e2723; /* 深褐发色 (营养不良，不是纯黑) */
    border-radius: 6px 6px 0 0;
}
/* 右侧垂下的发辫 */
.cheng-hair-braid {
    position: absolute; top: 6px; right: -2px;
    width: 4px; height: 12px;
    background: #3e2723;
    border-radius: 2px;
}
/* 眼睛 (点睛之笔：大而亮) */
.cheng-eyes {
    position: absolute; top: 7px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 2px;
    z-index: 20;
}
.cheng-eyes::before, .cheng-eyes::after {
    content: ''; position: absolute; top: 0;
    width: 2px; height: 2px; background: #212121; border-radius: 50%;
    z-index: 20;
}
.cheng-eyes::before { left: 0; z-index: 20; }
.cheng-eyes::after { right: 0; z-index: 20; }

/* --- 4. 道具：药篓 (背负) --- */
.cheng-basket {
    position: absolute;
    width: 20px; height: 24px;
    background: #8d6e63; /* 竹色 */
    
    /* 编织纹理 */
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px);
    
    border-radius: 4px 4px 8px 8px;
    bottom: 15px; left: 50%; transform: translateX(-50%);
    z-index: 5; /* 身体后面 */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
/* 篓子里的草药 */
.cheng-basket::before {
    content: ''; position: absolute; top: -4px; left: 4px;
    width: 6px; height: 6px; background: #66bb6a; /* 绿草 */
    border-radius: 50%;
    box-shadow: 6px 2px 0 #81c784;
}

/* --- 5. 道具：七心海棠 (手中捧花) --- */
/* 手臂：捧在胸前 */
.cheng-arm-L {
    position: absolute; top: 5px; left: 0px;
    width: 6px; height: 14px; background: #ede7f6;
    border-radius: 3px; transform: rotate(45deg); z-index: 13;
}
.cheng-arm-R {
    position: absolute; top: 5px; right: 0px;
    width: 6px; height: 14px; background: #ede7f6;
    border-radius: 3px; transform: rotate(-45deg); z-index: 13;
}

/* 七心海棠本体 */
.cheng-flower-pot {
    position: absolute;
    top: 16px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 6px; 
    /* 捧在手里 */
    z-index: 14; 
}
/* 蓝色花朵 (蜡烛芯不可见，只表现蓝色花瓣) */
.cheng-flower-pot::after {
    content: ''; position: absolute; top: -6px; left: 1px;
    width: 6px; height: 6px;
    background: radial-gradient(circle, #8c9eff 40%, #304ffe 100%); /* 幽蓝 */
    border-radius: 50%;
    box-shadow: 0 0 5px #536dfe; /* 发光 */
    animation: cheng-flower-glow 2s ease-in-out infinite alternate;
}

/* --- 6. 腿部 --- */
.cheng-leg-L {
    position: absolute; bottom: -10px; left: 3px;
    width: 5px; height: 12px; background: #9575cd; z-index: 9;
}
.cheng-leg-R {
    position: absolute; bottom: -10px; right: 3px;
    width: 5px; height: 12px; background: #9575cd; z-index: 9;
}

/* --- 动画 --- */
@keyframes cheng-idle {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.01); }
}
@keyframes cheng-flower-glow {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.2); opacity: 1; }
}
@keyframes cheng-petal-fall {
    0% { transform: translateY(0) rotate(0deg); opacity: 1; }
    100% { transform: translateY(30px) rotate(180deg); opacity: 0; }
}
/* =========================================
   【雪山飞狐·胡斐 V9 最终定稿】
   (两颊错落青须·中间嘴部留白·粗剑眉)
   ========================================= */
.visual-hufei-v9-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: hufei-v9-ready 2s ease-in-out infinite alternate;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.hufei-v9-wind-zone {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
}
.hufei-v9-wind-1 {
    position: absolute; top: 20px; left: -20px;
    width: 40px; height: 1px; background: rgba(255,255,255,0.3);
    box-shadow: 0 0 2px rgba(255,255,255,0.5);
    animation: hufei-v9-wind 2s linear infinite;
}
.hufei-v9-wind-2 {
    position: absolute; top: 50px; left: -10px;
    width: 30px; height: 1px; background: rgba(255,255,255,0.2);
    animation: hufei-v9-wind 2.5s linear infinite 1s;
}

/* --- 2. 身体 --- */
.hufei-v9-body {
    width: 22px; height: 40px; 
    background: #424242; border-radius: 5px; 
    position: relative; margin-bottom: 10px; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
.hufei-v9-belt {
    position: absolute; bottom: 12px; left: -1px;
    width: 24px; height: 5px; background: #5d4037; border-radius: 2px;
}
.hufei-v9-body::after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    width: 2px; height: 10px; background: rgba(0,0,0,0.3);
}

/* 领口 */
.hufei-v9-collar {
    position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 8px; background: #eceff1; border-radius: 4px; z-index: 13; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.hufei-v9-collar::before {
    content: ''; position: absolute; top: 1px; left: 2px; width: 16px; height: 6px;
    border: 1px dashed #cfd8dc; border-radius: 3px; opacity: 0.6;
}

/* --- 3. 头部 --- */
.hufei-v9-head {
    width: 14px; height: 20px; background: #ffccbc; border-radius: 4px; 
    position: absolute; top: -16px; left: 50%; transform: translateX(-50%); z-index: 12;
}
.hufei-v9-hair {
    position: absolute; top: -4px; left: 50%; transform: translateX(-50%);
    width: 16px; height: 10px; background: #212121; border-radius: 6px 6px 2px 2px;
}
.hufei-v9-hair::after {
    content: ''; position: absolute; top: 2px; right: -3px; width: 5px; height: 8px; 
    background: #212121; border-radius: 0 100% 0 100%; transform: rotate(-20deg);
}
.hufei-v9-headband {
    position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 3px; background: #37474f; z-index: 14;
}

/* 粗剑眉 */
.hufei-v9-brow-L {
    position: absolute; top: 7px; left: 1px;
    width: 6px; height: 2px; background: #212121; 
    transform: rotate(15deg); z-index: 15;
}
.hufei-v9-brow-R {
    position: absolute; top: 7px; right: 1px;
    width: 6px; height: 2px; background: #212121; 
    transform: rotate(-15deg); z-index: 15;
}

/* 【核心修改】两颊胡茬 (Split Stubble) */
/* 左脸胡茬 */
.hufei-v9-stubble-L {
    position: absolute; 
    bottom: 0; left: 0; /* 贴左边 */
    width: 5px; /* 宽度只占侧面 */
    height: 9px; z-index: 13;
    
    /* 错位点阵纹理 */
    background-image: 
        radial-gradient(circle, #212121 0.6px, transparent 0.6px),
        radial-gradient(circle, #212121 0.6px, transparent 0.6px);
    background-position: 0 0, 1.5px 1.5px;
    background-size: 3px 3px; 
    opacity: 0.7; 
    border-radius: 0 0 0 4px; /* 左下圆角 */
}

/* 右脸胡茬 */
.hufei-v9-stubble-R {
    position: absolute; 
    bottom: 0; right: 0; /* 贴右边 */
    width: 5px; /* 宽度只占侧面 */
    height: 9px; z-index: 13;
    
    /* 错位点阵纹理 */
    background-image: 
        radial-gradient(circle, #212121 0.6px, transparent 0.6px),
        radial-gradient(circle, #212121 0.6px, transparent 0.6px);
    background-position: 0 0, 1.5px 1.5px;
    background-size: 3px 3px; 
    opacity: 0.7; 
    border-radius: 0 0 4px 0; /* 右下圆角 */
}
/* 中间自然留白，形成嘴部区域 */

/* --- 4. 武器 --- */
.hufei-v9-blade {
    position: absolute;
    width: 9px; height: 62px; background: #cfd8dc; 
    bottom: 5px; left: 45%; transform: rotate(25deg);
    z-index: 5; 
    border-radius: 2px 2px 0 100%; border-right: 2px solid #90a4ae; 
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
.hufei-v9-blade::before { content: ''; position: absolute; top: -12px; left: 1px; width: 7px; height: 12px; background: #5d4037; border-radius: 2px 2px 0 0; }
.hufei-v9-blade::after { 
    content: ''; position: absolute; top: -10px; left: 6px; width: 3px; height: 14px; background: #d32f2f;
    transform-origin: top center; animation: hufei-v9-tassel 0.8s ease-in-out infinite alternate;
}

/* --- 5. 四肢 --- */
.hufei-v9-leg-L {
    position: absolute; bottom: -10px; left: 2px; width: 8px; height: 14px; background: #424242; z-index: 9;
}
.hufei-v9-leg-L::after { content: ''; position: absolute; bottom: -2px; left: -1px; width: 10px; height: 8px; background: #212121; border-radius: 2px; }
.hufei-v9-leg-R {
    position: absolute; bottom: -10px; right: 2px; width: 8px; height: 14px; background: #424242; z-index: 9;
}
.hufei-v9-leg-R::after { content: ''; position: absolute; bottom: -2px; right: -1px; width: 10px; height: 8px; background: #212121; border-radius: 2px; }

/* 左手 */
.hufei-v9-arm-L {
    position: absolute; top: 12px; left: -6px;
    width: 7px; height: 18px; background: #424242; border-radius: 4px; 
    transform: rotate(25deg); z-index: 13;
}
.hufei-v9-arm-L::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 7px; height: 7px; background: #ffccbc; border-radius: 50%; }

/* 右手 */
.hufei-v9-arm-R {
    position: absolute; top: 10px; right: -5px;
    width: 7px; height: 22px; background: #424242; border-radius: 4px; 
    transform-origin: top center; transform: rotate(-155deg); z-index: 13;
}
.hufei-v9-arm-R::after { 
    content: ''; position: absolute; bottom: -2px; left: -1px; width: 9px; height: 9px; background: #ffccbc; border-radius: 50%; 
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

/* --- 动画 --- */
@keyframes hufei-v9-ready {
    0% { transform: scaleY(1) translateY(0); }
    100% { transform: scaleY(0.98) translateY(1px); }
}
@keyframes hufei-v9-wind {
    0% { transform: translateX(0) scaleX(0.5); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateX(60px) scaleX(1.2); opacity: 0; }
}
@keyframes hufei-v9-tassel {
    0% { transform: rotate(10deg); }
    100% { transform: rotate(50deg); }
}
/* =========================================
   【铁脚仙·王处一 最终修正版】 
   (圆领道袍·深灰黑须·稳重桩功)
   ========================================= */
.visual-wcy-fixed-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: wcy-fixed-breathe 4s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.wcy-fixed-dust {
    position: absolute;
    width: 80px; height: 22px;
    bottom: 0px; left: 50%; transform: translateX(-50%);
    border-radius: 50%; z-index: 0; opacity: 0.7;
    background: radial-gradient(ellipse at center, rgba(55, 71, 79, 0.5) 0%, transparent 70%);
}
.wcy-fixed-crack {
    position: absolute; bottom: 2px; left: 50%;
    width: 50px; height: 10px; transform: translateX(-50%);
    z-index: 1; opacity: 0.6;
}
.wcy-fixed-crack::before, .wcy-fixed-crack::after {
    content: ''; position: absolute; bottom: 0; width: 25px; height: 2px; background: #263238;
}
.wcy-fixed-crack::before { left: 0; transform: rotate(5deg); }
.wcy-fixed-crack::after { right: 0; transform: rotate(-5deg); }

/* --- 2. 身体 --- */
.wcy-fixed-body {
    width: 26px; height: 40px;
    background: #37474f; /* 深蓝灰色 */
    border-radius: 6px 6px 4px 4px;
    position: relative;
    margin-bottom: 10px; 
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

/* 【核心修改】大圆领 (U型) */
.wcy-fixed-collar {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 14px; height: 8px; /* 宽一点，浅一点 */
    background: #eceff1; /* 亮白灰 */
    /* 下方圆角，形成圆领效果 */
    border-radius: 0 0 10px 10px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* 腰带 */
.wcy-fixed-belt {
    position: absolute; bottom: 10px; left: 0;
    width: 100%; height: 5px;
    background: #212121; border-top: 1px solid #546e7a;
}

/* --- 3. 头部 --- */
.wcy-fixed-head {
    width: 16px; height: 20px;
    background: #ffccbc;
    border-radius: 3px 3px 5px 5px; 
    position: absolute; top: -18px; left: 50%; transform: translateX(-50%);
    z-index: 12;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,0.1);
}

/* 道冠 */
.wcy-fixed-crown {
    position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    width: 12px; height: 8px;
    background: #212121; 
    border-radius: 2px 2px 0 0;
    z-index: 13;
    border-bottom: 1px solid #455a64;
}
.wcy-fixed-crown::after { /* 横簪 */
    content: ''; position: absolute; top: 4px; left: -3px;
    width: 18px; height: 2px; background: #9e9e9e; 
}

/* 【核心修改】深灰黑眉毛 */
.wcy-fixed-brows {
    position: absolute; top: 6px; left: 2px;
    width: 12px; height: 2px; background: transparent;
    /* 改为 #424242 深灰色 */
    box-shadow: 0 1px 0 #424242; 
}

/* 【核心修改】深灰黑胡须 */
.wcy-fixed-beard {
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent;
    /* 改为 #424242 深灰色 */
    border-top: 12px solid #424242; 
}

/* --- 4. 背剑 --- */
.wcy-fixed-sword {
    position: absolute;
    width: 8px; height: 58px; background: #455a64; 
    bottom: 5px; left: 40%; margin-left: -4px;
    transform: rotate(-22deg);
    z-index: 5; 
    border: 1px solid #263238; border-radius: 2px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
.wcy-fixed-sword::before { /* 剑柄 */
    content: ''; position: absolute; top: -8px; left: 0px;
    width: 8px; height: 8px; background: #616161; border-radius: 1px;
}
.wcy-fixed-sword::after { /* 剑穗 */
    content: ''; position: absolute; top: -8px; left: 5px;
    width: 2px; height: 14px; background: #1a237e; 
    transform-origin: top center;
    animation: wcy-fixed-tassel 2s ease-in-out infinite alternate;
}

/* --- 5. 四肢 --- */
.wcy-fixed-leg-L {
    position: absolute; bottom: -10px; left: 2px;
    width: 9px; height: 14px; background: #37474f; z-index: 9;
}
.wcy-fixed-leg-L::after { /* 白袜黑鞋 */
    content: ''; position: absolute; bottom: -2px; left: -1px;
    width: 11px; height: 6px;
    background: #212121; border-top: 2px solid #cfd8dc; border-radius: 2px;
}

.wcy-fixed-leg-R {
    position: absolute; bottom: -10px; right: 2px;
    width: 9px; height: 14px; background: #37474f; z-index: 9;
}
.wcy-fixed-leg-R::after { /* 白袜黑鞋 */
    content: ''; position: absolute; bottom: -2px; right: -1px;
    width: 11px; height: 6px;
    background: #212121; border-top: 2px solid #cfd8dc; border-radius: 2px;
}

.wcy-fixed-arm-L {
    position: absolute; top: 10px; left: -6px;
    width: 7px; height: 18px; background: #37474f;
    border-radius: 4px; transform: rotate(5deg); z-index: 13;
}
.wcy-fixed-arm-L::after {
    content: ''; position: absolute; bottom: -3px; left: 0;
    width: 7px; height: 7px; background: #ffccbc; border-radius: 50%;
}
.wcy-fixed-arm-R {
    position: absolute; top: 10px; right: -6px;
    width: 7px; height: 18px; background: #37474f;
    border-radius: 4px; transform: rotate(-5deg); z-index: 13;
}
.wcy-fixed-arm-R::after {
    content: ''; position: absolute; bottom: -3px; left: 0;
    width: 7px; height: 7px; background: #ffccbc; border-radius: 50%;
}

/* --- 动画 --- */
@keyframes wcy-fixed-breathe {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(1px); }
}
@keyframes wcy-fixed-tassel {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(15deg); }
}
/* =========================================
   【丹阳子·V6 完美定型版】马钰 
   (右手高擎·经书左悬·紫气东来)
   ========================================= */
.visual-mayu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: mayu-deep-breathe 5s ease-in-out infinite; 
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.mayu-aura {
    position: absolute;
    width: 80px; height: 80px;
    top: -25px; left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 0;
    opacity: 0.6;
    background: radial-gradient(circle, rgba(255, 235, 59, 0.3) 0%, rgba(171, 71, 188, 0.2) 50%, transparent 70%);
    animation: mayu-aura-glow 4s infinite alternate;
}
.mayu-aura::after {
    content: ''; position: absolute;
    top: 10px; left: 10px; width: 60px; height: 60px;
    border: 1px dashed rgba(156, 39, 176, 0.3);
    border-radius: 50%;
    animation: mayu-spin-slow 20s linear infinite;
}

/* --- 2. 身体 (24px) --- */
.mayu-body {
    width: 24px; height: 44px;
    background: #5e35b1; 
    border-radius: 8px 8px 5px 5px; 
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.mayu-body::before { /* 领口 */
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 14px solid #d1c4e9; 
}
.mayu-body::after { /* 腰带 */
    content: ''; position: absolute; bottom: 12px; left: 0;
    width: 100%; height: 4px;
    background: #fbc02d; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* --- 3. 头部 --- */
.mayu-head {
    width: 16px; height: 18px;
    background: #ffccbc;
    border-radius: 5px 5px 6px 6px; 
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}
.mayu-bun {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 9px; height: 9px; 
    background: #212121; border-radius: 50%;
    z-index: 11;
}
.mayu-bun::after { /* 玉簪 */
    content: ''; position: absolute; top: 3px; left: -5px;
    width: 20px; height: 2px;
    background: #a5d6a7; transform: rotate(-5deg);
}
.mayu-head::before { /* 慈眉 */
    content: ''; position: absolute; top: 6px; left: 1px;
    width: 14px; height: 2px; background: transparent;
    border-top: 1px solid #616161; 
    border-radius: 50% 50% 0 0;
}
.mayu-beard { /* 胡须 */
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 10px; height: 10px; 
    background: #eee; 
    border-radius: 0 0 5px 5px;
    opacity: 0.9;
}

/* --- 4. 特效：三花聚顶 --- */
.mayu-steam-group {
    position: absolute;
    top: -10px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 20px;
    z-index: 0; pointer-events: none;
}
.mayu-steam {
    position: absolute; bottom: 0;
    width: 2px; height: 6px;
    background: rgba(255,255,255,0.8);
    border-radius: 2px; filter: blur(0.5px);
    animation: steam-rise 2s infinite;
}
.mayu-steam.s1 { left: 5px; animation-delay: 0s; height: 8px; }
.mayu-steam.s2 { left: 9px; animation-delay: 0.5s; height: 10px; }
.mayu-steam.s3 { left: 13px; animation-delay: 0.2s; height: 8px; }

/* --- 5. 装备：斜持道经 (修正版) --- */

.mayu-scroll {
    position: absolute; 
    /* 【修改】再往左挪一点点 (-15px)，悬空更多 */
    left: -20px; 
    top: 20px; 
    
    width: 28px; height: 5px;
    background: #f5f5f5; 
    border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
    
    transform: rotate(-20deg);
    z-index: 15; 
    box-shadow: 2px 3px 4px rgba(0,0,0,0.4);
}
.mayu-scroll::before { /* 左木轴 */
    content: ''; position: absolute; top: -1px; left: -3px; 
    width: 4px; height: 7px; 
    background: #3e2723; border-radius: 1px;
    box-shadow: -1px 1px 2px rgba(0,0,0,0.3);
}
.mayu-scroll::after { /* 右木轴 */
    content: ''; position: absolute; top: -1px; right: -3px; 
    width: 4px; height: 7px; 
    background: #3e2723; border-radius: 1px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* --- 手臂调整 --- */

/* 左臂：托举 */
.mayu-arm-left {
    position: absolute; top: 18px; left: -4px;
    width: 6px; height: 16px; background: #5e35b1;
    border-radius: 4px; 
    transform: rotate(30deg); 
    z-index: 13; 
}
.mayu-arm-left::after {
    content: ''; position: absolute; bottom: -2px; left: 0;
    width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}

/* 右臂：【修改】保持举起状态，去抓经书高的一头 */
.mayu-arm-right {
    position: absolute; top: 10px; right: -4px; 
    width: 6px; height: 16px; background: #5e35b1;
    border-radius: 4px; 
    /* 抬高到 -110度，刚好握住经书翘起的那头 */
    transform: rotate(-110deg); 
    transform-origin: top center;
    z-index: 13; 
}
.mayu-arm-right::after { 
    content: ''; position: absolute; bottom: -2px; left: 0;
    width: 6px; height: 6px; background: #ffccbc; border-radius: 50%;
}


/* --- 动画 --- */
@keyframes mayu-deep-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.01); }
}
@keyframes mayu-aura-glow {
    0% { opacity: 0.5; transform: translateX(-50%) scale(1); }
    100% { opacity: 0.8; transform: translateX(-50%) scale(1.1); }
}
@keyframes mayu-spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes steam-rise {
    0% { transform: translateY(0); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateY(-15px); opacity: 0; }
}
/* =========================================
   【长春子·V7 最终完美版】丘处机 
   (极瘦·背剑·拂尘柄不动·毛摆动)
   ========================================= */
.visual-qiu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: qiu-stand-breathe 3s ease-in-out infinite;
    transform-origin: bottom center;
}

/* --- 1. 背景特效 --- */
.qiu-snow-aura {
    position: absolute;
    width: 70px; height: 70px;
    top: -20px; left: 50%; transform: translateX(-50%);
    border-radius: 50%; z-index: 0; opacity: 0.5;
    background: radial-gradient(circle, rgba(224, 247, 250, 0.4) 0%, transparent 70%);
    animation: qiu-cold-pulse 3s infinite alternate;
}
.qiu-snow-flakes {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
    animation: qiu-snow-spin 10s linear infinite;
}
.qiu-snow-flakes::before {
    content: ''; position: absolute; top: 10px; left: 10px;
    width: 3px; height: 3px; background: #fff; border-radius: 50%;
    box-shadow: 20px 10px 0 #fff, -10px 30px 0 #fff, 40px 40px 0 rgba(255,255,255,0.8), 15px 50px 0 rgba(255,255,255,0.6), -5px -10px 0 rgba(255,255,255,0.7);
    opacity: 0.8;
}

/* --- 2. 身体 --- */
.qiu-body {
    width: 20px; height: 44px;
    background: #37474f; border-radius: 6px 6px 4px 4px;
    position: relative; z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    background-image: linear-gradient(0deg, transparent 95%, rgba(255,255,255,0.05) 95%);
    background-size: 100% 4px;
}
.qiu-body::before { /* 领口 */
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 14px solid #cfd8dc; 
}
.qiu-body::after { /* 腰带 */
    content: ''; position: absolute; bottom: 12px; left: -1px;
    width: 22px; height: 4px; background: #263238; border-top: 1px solid #546e7a; border-radius: 2px;
}

/* --- 3. 头部 --- */
.qiu-head {
    width: 14px; height: 18px; background: #ffccbc;
    border-radius: 4px 4px 6px 6px; 
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    z-index: 12;
}
.qiu-bun {
    position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
    width: 8px; height: 8px; background: #212121; border-radius: 50%; z-index: 11;
}
.qiu-bun::after { /* 木簪 */
    content: ''; position: absolute; top: 3px; left: -5px; width: 18px; height: 2px; background: #8d6e63; transform: rotate(-5deg);
}
.qiu-head::before { /* 眉毛 */
    content: ''; position: absolute; top: 6px; left: 1px; width: 12px; height: 2px; background: transparent; box-shadow: -2px -1px 0 #424242, 2px -1px 0 #424242; 
}
.qiu-beard { /* 胡须 */
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 8px solid #bdbdbd; border-radius: 1px;
}

/* --- 4. 背剑 --- */
.qiu-sword-back {
    position: absolute;
    width: 6px; height: 58px; background: #546e7a; 
    bottom: 2px; left: 52%; margin-left: -3px; 
    transform: rotate(22deg); z-index: 5; 
    border: 1px solid #263238; border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
.qiu-sword-back::before { /* 剑柄 */
    content: ''; position: absolute; top: -8px; left: -1px; width: 8px; height: 6px; background: #b0bec5; border-radius: 1px;
}
.qiu-sword-back::after { /* 剑穗 */
    content: ''; position: absolute; top: -8px; left: 4px; width: 2px; height: 14px; background: #d32f2f;
    transform-origin: top center; animation: qiu-tassel-sway 1.5s ease-in-out infinite alternate;
}

/* --- 5. 拂尘 (【核心修正】棍不动，毛动) --- */
.qiu-arm-left {
    position: absolute; top: 10px; left: -6px;
    width: 8px; height: 16px; background: #37474f;
    border-radius: 4px; transform: rotate(30deg); z-index: 13;
}

.qiu-fuchen {
    position: absolute; 
    bottom: -10px; left: -6px;
    width: 3px; height: 25px; /* 木棍 */
    background: #8d6e63; 
    
    /* 角度不变，依然是斜向下，但去掉了动画，所以棍子不动了 */
    transform: rotate(-45deg); 
    transform-origin: top center;
    z-index: 14;
    /* animation: qiu-fuchen-sway 2.5s ease-in-out infinite;  <-- 已删除 */
}

/* 【关键】拂尘的毛 (Top) - 添加动画 */
.qiu-fuchen::after {
    content: ''; position: absolute; 
    top: -10px; 
    left: -5px; 
    width: 14px; height: 28px; 
    border-radius: 5px 5px 50% 50%;
    background: repeating-linear-gradient(100deg, rgba(255,255,255,0.9), rgba(255,255,255,0.9) 1px, transparent 1px, transparent 2px);
    opacity: 0.95;
    mask: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask: linear-gradient(to bottom, black 50%, transparent 100%);
    
    /* 【核心修改】添加毛的摆动动画，并设置旋转原点为顶部连接处 */
    transform-origin: top center;
    animation: qiu-bristles-sway 2s ease-in-out infinite;
}

.qiu-arm-right {
    position: absolute; top: 12px; right: -6px;
    width: 8px; height: 18px; background: #37474f;
    border-radius: 4px; transform: rotate(-10deg); z-index: 13;
}

/* --- 动画 --- */
@keyframes qiu-stand-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.02); }
}
@keyframes qiu-cold-pulse {
    0% { transform: translateX(-50%) scale(1); opacity: 0.4; }
    100% { transform: translateX(-50%) scale(1.1); opacity: 0.6; }
}
@keyframes qiu-snow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes qiu-tassel-sway {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(20deg); }
}

/* 【新增】只针对拂尘毛的摆动动画 */
@keyframes qiu-bristles-sway {
    0%, 100% { transform: rotate(5deg); } /* 向左摆 */
    50% { transform: rotate(30deg); }    /* 向右摆 */
}
/* =========================================
   【北乔峰·V15 纯净宗师·终极3D修复版】 
   (特性：背景龙上移 + 移除前景龙 + 3D强制沉底不挡血条)
   ========================================= */

/* 1. 总容器：开启 3D 空间构建，不加呼吸动画以免锁死层级 */
.visual-qiaofeng-v15-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    
    /* 【关键】允许子元素在 Z 轴上前后移动 */
    transform-style: preserve-3d; 
}

/* --- 2. 背景：真·盘龙 (物理沉底) --- */
.qf-v15-bg-dragon-wrapper {
    position: absolute;
    width: 100px; height: 100px; 
    
    /* 位置：垂直上移至 40% */
    top: 30%; 
    left: 50%; 
    
    /* 【关键】Z轴向屏幕内推 10px，配合 z-index -1 */
    /* 这样它物理上就在血条(Z=0)的后面 */
    transform: translate(-50%, -50%) translateZ(-180px);
    z-index: -1; 
    
    /* 使用专用 3D 旋转动画 */
    animation: qf-v15-dragon-spin-3d 60s linear infinite;
}

/* 龙身材质 */
.qf-v15-bg-body {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 45% 55% 50% 40% / 50% 40% 60% 50%; transform: rotate(-10deg);
    background: 
        repeating-radial-gradient(circle at center, rgba(255,255,255,0.6) 0px, rgba(255,255,255,0) 2px, transparent 2px, transparent 8px),
        repeating-radial-gradient(circle at center, rgba(0,0,0,0.4) 3px, rgba(0,0,0,0) 5px, transparent 5px, transparent 8px),
        repeating-conic-gradient(from 0deg, rgba(0,0,0,0.2) 0deg 1deg, transparent 1deg 5deg),
        linear-gradient(135deg, #bf953f, #ffd700, #b38728, #fbf5b7);
    background-blend-mode: overlay, multiply, soft-light, normal;
    mask: radial-gradient(ellipse at center, transparent 50%, black 51%);
    filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.5));
}

/* 龙头部件 */
.qf-v15-bg-head { position: absolute; top: 5px; left: 50%; transform: translateX(-50%) rotate(-15deg); width: 36px; height: 40px; z-index: 1; }
.qf-v15-bg-head-main { position: absolute; top: 10px; left: 0; width: 36px; height: 24px; background: #d4af37; border-radius: 8px; box-shadow: inset -2px -2px 5px rgba(0,0,0,0.3); }
.qf-v15-bg-head-main::before { content: ''; position: absolute; bottom: -6px; left: 4px; width: 28px; height: 8px; background: #b8860b; border-radius: 0 0 8px 8px; }
.qf-v15-bg-horn-left, .qf-v15-bg-horn-right { position: absolute; top: -12px; width: 8px; height: 22px; background: #8d6e63; border-radius: 4px 4px 0 0; }
.qf-v15-bg-horn-left { left: 4px; transform: rotate(-25deg) skewX(10deg); }
.qf-v15-bg-horn-right { right: 4px; transform: rotate(25deg) skewX(-10deg); }
.qf-v15-bg-horn-left::after, .qf-v15-bg-horn-right::after { content: ''; position: absolute; top: 4px; width: 5px; height: 12px; background: #8d6e63; border-radius: 3px; }
.qf-v15-bg-horn-left::after { left: -5px; transform: rotate(-50deg); }
.qf-v15-bg-horn-right::after { right: -5px; transform: rotate(50deg); }
.qf-v15-bg-whisker { position: absolute; top: 20px; width: 40px; height: 2px; background: #fff; border-radius: 50%; z-index: 2; }
.qf-v15-bg-whisker.left { left: -20px; transform: rotate(-10deg); }
.qf-v15-bg-whisker.right { right: -20px; transform: rotate(10deg); }
.qf-v15-bg-eye { position: absolute; top: 16px; width: 6px; height: 6px; background: #fff; border-radius: 50%; z-index: 3; box-shadow: 0 0 5px #fff; }
.qf-v15-bg-eye.left { left: 6px; }
.qf-v15-bg-eye.right { right: 6px; }

/* 鹰爪部件 */
.qf-v15-bg-claw-palm {
    position: absolute; width: 14px; height: 8px;
    background: linear-gradient(135deg, #b8860b, #d4af37);
    border-radius: 30% 30% 50% 50%; z-index: 1;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.6);
}
.qf-v15-bg-claw-finger {
    position: absolute; top: 5px; width: 4px; height: 16px;
    background: linear-gradient(to bottom, #d4af37, #b8860b);
    border-radius: 2px 2px 100% 100%; 
    transform-origin: top center;
    box-shadow: inset 0 -2px 2px rgba(0,0,0,0.4);
}
.f1 { left: 0px; transform: rotate(45deg); height: 14px; }
.f2 { left: 50%; transform: translateX(-50%); height: 17px; top: 6px; }
.f3 { right: 0px; transform: rotate(-45deg); height: 14px; }
.qf-v15-bg-claw-wrapper { position: absolute; z-index: 1; }
.qf-v15-bg-claw-wrapper.c1 { bottom: 30px; left: 20px; transform: rotate(45deg); }
.qf-v15-bg-claw-wrapper.c2 { bottom: 30px; right: 20px; transform: rotate(-45deg); }


/* --- 3. 身体 & 头部 (身体前置) --- */
.qiaofeng-v15-body {
    width: 32px; height: 44px; 
    background: linear-gradient(to bottom, #607d8b 0%, #607d8b 35%, #5d4037 35%, #5d4037 100%);
    border-radius: 6px; position: relative; 
    
    /* 身体在 Z=1，盖住龙，且自身带有呼吸动画 */
    z-index: 10; 
    transform: translateZ(1px); 
    /* 呼吸动画移到这里 */
    animation: qf-v15-breathe 4s ease-in-out infinite;

    border: 2px solid #3e2723; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}
.qiaofeng-v15-body::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 18px; background: #8d6e63; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.qiaofeng-v15-body::after { content: ''; position: absolute; bottom: 12px; left: 0; width: 100%; height: 8px; background: #212121; border-top: 2px solid #9e9e9e; }

.qiaofeng-v15-head {
    width: 26px; height: 26px; background: #eebb99; border-radius: 30% 30% 50% 50%; 
    position: absolute; top: -20px; left: 50%; transform: translateX(-50%); z-index: 12; border: 1px solid #a1887f;
}
.qiaofeng-v15-turban { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 38px; height: 20px; background: #6d4c41; border-radius: 12px 12px 8px 8px; z-index: 13; background-image: repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(255,255,255,0.1) 3px, rgba(255,255,255,0.1) 4px); box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.qiaofeng-v15-turban::before { content: ''; position: absolute; top: -6px; right: -4px; width: 10px; height: 10px; background: #5d4037; border-radius: 50%; }
.qiaofeng-v15-head::before { content: ''; position: absolute; top: 9px; left: 2px; width: 22px; height: 4px; background: transparent; box-shadow: -5px 0 0 #1a1a1a, 5px 0 0 #1a1a1a; }
.qiaofeng-v15-eyes { position: absolute; top: 13px; left: 50%; transform: translateX(-50%); width: 24px; height: 4px; }
.qiaofeng-v15-eyes::before, .qiaofeng-v15-eyes::after { content: ''; position: absolute; top:0; width: 6px; height: 4px; background: #fff; border-radius: 1px; }
.qiaofeng-v15-eyes::before { left: 0; border-right: 3px solid #000; }
.qiaofeng-v15-eyes::after { right: 0; border-left: 3px solid #000; }
.qiaofeng-v15-head::after { content: ''; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 24px; height: 9px; background: #3e2723; border-radius: 0 0 12px 12px; }

/* 手臂 (左手酒碗，右手空空) */
.qiaofeng-v15-arm-left { position: absolute; top: -2px; left: -12px; width: 12px; height: 24px; background: #607d8b; border: 2px solid #3e2723; border-radius: 4px; z-index: 13; transform-origin: top center; transform: rotate(-140deg); }
.qiaofeng-v15-bowl { position: absolute; bottom: -12px; left: -6px; width: 24px; height: 14px; background: #8d6e63; border-radius: 2px 2px 10px 10px; border: 2px solid #5d4037; }
.qiaofeng-v15-bowl::after { content: ''; position: absolute; top: -5px; left: 0; width: 4px; height: 4px; background: #fff; border-radius: 50%; animation: wine-drop 1s infinite; }
.qiaofeng-v15-arm-right { position: absolute; top: 2px; right: -12px; width: 26px; height: 12px; background: #5d4037; border: 2px solid #3e2723; border-radius: 6px; z-index: 11; }
.qiaofeng-v15-arm-right::after { content: ''; position: absolute; top: -3px; right: -8px; width: 10px; height: 14px; background: #eebb99; border-radius: 4px; border: 1px solid #a1887f; }


/* --- 4. 动画关键帧 --- */
@keyframes qf-v15-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }

/* 3D 旋转专用：保持 Z 轴 -10px 不变，只旋转角度 */
@keyframes qf-v15-dragon-spin-3d { 
    0%   { transform: translate(-50%, -50%) translateZ(-10px) rotate(0deg); } 
    100% { transform: translate(-50%, -50%) translateZ(-10px) rotate(360deg); } 
}

@keyframes wine-drop { 0% { top: -5px; opacity: 1; } 100% { top: 10px; opacity: 0; } }
/* =========================================
   【射雕英雄·郭靖 V9纯净版】 
   (保留 V8 完美十字双雕，移除前景手里一直拿的龙)
   ========================================= */
.visual-guojing-v9-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    animation: gj-v9-breathe-deep 4s ease-in-out infinite; 
}

/* --- 1. 背景：天空双雕 (V8 完美十字结构版) --- */
.gj-v9-sky-eagles-wrapper {
    position: absolute;
    /* 扩大盘旋半径，让它们飞得高一点 */
    top: -100px; width: 200px; height: 100px;
    z-index: 0;
    animation: sky-eagles-circle 20s linear infinite;
}

/* 白雕容器 */
.gj-v9-eagle-container {
    position: absolute; width: 40px; height: 40px; display: block; 
}

/* 内部旋转层 */
.gj-v9-eagle-inner { position: relative; width: 100%; height: 100%; }

/* 十字骨架 - 翅膀 (横) */
.gj-v9-eagle-wing {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 48px; height: 8px; background: #e0e0e0;
    border-radius: 50%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 80% 100%, 50% 60%, 20% 100%);
    z-index: 2;
}

/* 十字骨架 - 身体 (竖) */
.gj-v9-eagle-body {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 8px; height: 24px; background: #f5f5f5; border-radius: 4px; z-index: 3;
}
.gj-v9-eagle-body::before { content: ''; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #f5f5f5; border-radius: 50%; }
.gj-v9-eagle-body::after { content: ''; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 6px solid #333; }
.gj-v9-tail { position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 10px; height: 8px; background: #bdbdbd; clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%); }

/* 定位与转向 */
.gj-v9-eagle-container.e1 { top: 0; left: 50%; transform: translateX(-50%); }
.gj-v9-eagle-container.e1 .gj-v9-eagle-inner { transform: rotate(90deg); } /* 头朝右 */
.gj-v9-eagle-container.e2 { bottom: 0; left: 50%; transform: translateX(-50%); }
.gj-v9-eagle-container.e2 .gj-v9-eagle-inner { transform: rotate(-90deg); } /* 头朝左 */


/* --- 2. 身体与装备 (保持原样) --- */
.gj-v9-body {
    width: 30px; height: 40px; background: #5d4037; border-radius: 8px; position: relative; z-index: 10; box-shadow: 0 4px 8px rgba(0,0,0,0.2); border: 2px solid #3e2723;
}
.gj-v9-body::before { content: ''; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 20px; height: 24px; background: #8d6e63; border-radius: 4px; border: 2px dashed #4e342e; }
.gj-v9-body::after { content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 6px; background: #212121; border-top: 2px solid #424242; }
.gj-v9-head {
    width: 22px; height: 24px; background: #ffccbc; border-radius: 40% 40% 50% 50%; 
    position: absolute; top: -18px; left: 50%; transform: translateX(-50%); z-index: 12;
}
.gj-v9-head::before { content: ''; position: absolute; top: 8px; left: 2px; width: 18px; height: 3px; background: transparent; box-shadow: -4px -1px 0 #212121, 4px -1px 0 #212121; border-radius: 2px; }
.gj-v9-fur-hat { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 26px; height: 12px; background: #4e342e; border-radius: 8px 8px 4px 4px; z-index: 13; }
.gj-v9-fur-hat::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 6px; background: #795548; border-radius: 4px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); }

/* 弓箭装备 */
.gj-v9-bow { position: absolute; top: -10px; left: -6px; width: 16px; height: 50px; transform: rotate(-10deg); z-index: 20; }
.gj-v9-bow-body { position: absolute; top: 0; left: 0; width: 10px; height: 100%; border-top: 4px solid #8d6e63; border-bottom: 4px solid #8d6e63; border-left: 5px solid #8d6e63; border-right: none; border-radius: 20px 0 0 20px; background: transparent; }
.gj-v9-bow-body::before, .gj-v9-bow-body::after { content: ''; position: absolute; width: 6px; height: 10px; background: #5d4037; right: -2px; }
.gj-v9-bow-body::before { top: -6px; transform: rotate(-20deg); border-radius: 4px 4px 0 0; }
.gj-v9-bow-body::after { bottom: -6px; transform: rotate(20deg); border-radius: 0 0 4px 4px; }
.gj-v9-bow-string { position: absolute; top: 0; left: 9px; width: 2px; height: 100%; background: #eeeeee; box-shadow: 0 0 2px rgba(0,0,0,0.5); z-index: -1; }

.gj-v9-quiver { position: absolute; top: -5px; right: 0px; width: 12px; height: 34px; background: #5d4037; border: 1px solid #3e2723; border-radius: 4px; transform: rotate(20deg); z-index: 6; }
.gj-v9-arrow { position: absolute; width: 2px; height: 16px; background: #d7ccc8; z-index: -1; }
.gj-v9-arrow::before { content: ''; position: absolute; top: 0; left: -2px; width: 6px; height: 4px; background: repeating-linear-gradient(45deg, #fff, #fff 1px, #e0e0e0 1px, #e0e0e0 2px); clip-path: polygon(0 0, 100% 0, 50% 100%); }
.gj-v9-arrow.a1 { top: -10px; left: 2px; transform: rotate(-5deg); }
.gj-v9-arrow.a2 { top: -14px; left: 5px; transform: rotate(0deg); }
.gj-v9-arrow.a3 { top: -8px; left: 8px; transform: rotate(5deg); }

/* 手臂 (纯净版：右手不再包含龙) */
.gj-v9-arm-left { position: absolute; top: 12px; left: -10px; width: 12px; height: 22px; background: #5d4037; border-radius: 4px; transform: rotate(20deg); z-index: 13; border: 2px solid #3e2723; }
.gj-v9-arm-right { position: absolute; top: 12px; right: -12px; width: 24px; height: 12px; background: #5d4037; border-radius: 4px; z-index: 13; border: 2px solid #3e2723; }
.gj-v9-arm-right::after { content: ''; position: absolute; top: -2px; right: -6px; width: 8px; height: 14px; background: #ffccbc; border-radius: 4px; }


/* --- 动画 --- */
@keyframes gj-v9-breathe-deep { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }
@keyframes sky-eagles-circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
/* =========================================
   【俏黄蓉·最终修正版】 
   (真·叫花鸡分层结构 + 棒子压肩)
   ========================================= */
.visual-rong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    animation: rong-bob 2s ease-in-out infinite; 
}

/* --- 背景特效：桃花飘落 --- */
.rong-peach-aura {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    pointer-events: none;
    z-index: 0;
}
.rong-petal {
    position: absolute;
    width: 6px; height: 8px;
    background: #f8bbd0; 
    border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%; 
    opacity: 0.8;
    animation: petal-fall linear infinite;
}
.rong-petal:nth-child(1) { top: -10%; left: 20%; animation-duration: 3s; animation-delay: 0s; transform: rotate(15deg); }
.rong-petal:nth-child(2) { top: -15%; left: 70%; animation-duration: 4s; animation-delay: 1s; transform: rotate(-20deg); }
.rong-petal:nth-child(3) { top: -20%; left: 40%; animation-duration: 3.5s; animation-delay: 0.5s; transform: rotate(45deg); }

/* 1. 身体 (保持不变) */
.rong-body {
    width: 24px; height: 38px; 
    background: #fff59d; 
    border-radius: 6px 6px 12px 12px;
    position: relative;
    z-index: 10;
    border: 1px solid #fdd835;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.rong-body::before { /* 领口 */
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #66bb6a; 
}
.rong-body::after { /* 腰带 */
    content: '';
    position: absolute;
    bottom: 14px; left: 0;
    width: 100%; height: 4px;
    background: #66bb6a; 
    border-radius: 2px;
}
.rong-skirt { /* 下摆 */
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 12px;
    background: #81c784; 
    border-radius: 0 0 12px 12px;
}

/* 2. 头部 (保持不变) */
.rong-head {
    width: 20px; height: 22px; 
    background: #ffccbc; 
    border-radius: 50% 50% 40% 40%; 
    position: absolute;
    top: -16px; left: 50%;
    transform: translateX(-50%);
    z-index: 12;
}
.rong-head::before { /* 刘海 */
    content: '';
    position: absolute;
    top: 0; left: -1px;
    width: 22px; height: 8px;
    background: #212121;
    border-radius: 8px 8px 0 0;
}
.rong-hair-bun { /* 发髻 */
    position: absolute;
    top: -4px;
    width: 10px; height: 10px;
    background: #212121;
    border-radius: 50%;
    z-index: 11;
}
.rong-hair-bun.left { left: -4px; }
.rong-hair-bun.right { right: -4px; }
.rong-hair-bun::after { /* 发饰 */
    content: '';
    position: absolute;
    top: 2px;
    width: 4px; height: 4px;
    background: #f48fb1; 
    border-radius: 50%;
}
.rong-hair-bun.left::after { left: 1px; }
.rong-hair-bun.right::after { right: 1px; }

/* 3. 手臂与打狗棒 (位置调整) */
.rong-arm-right {
    position: absolute;
    top: 2px; right: -6px;
    width: 8px; height: 18px;
    background: #fff59d;
    border: 1px solid #fdd835;
    border-radius: 4px;
    transform: rotate(0deg); 
    z-index: 13;
}

/* 打狗棒 (位置微调：往右移，压肩头) */
.rong-staff {
    position: absolute;
    /* 【修改点1】从 -15px 改为 -22px，往右移，视觉上压住右肩 */
    top: 0px; right: -22px;
    width: 60px; height: 5px;
    background: repeating-linear-gradient(
        90deg, #43a047, #43a047 2px, #66bb6a 2px, #66bb6a 12px
    );
    border-radius: 3px;
    transform: rotate(-20deg); 
    z-index: 14;
    border: 1px solid #2e7d32;
}

/* 4. 叫花鸡 (重构：泥土+荷叶+露头) */
.rong-chicken-bundle {
    position: absolute;
    top: 6px; left: 4px; 
    width: 16px; height: 18px;
    z-index: 15;
    transform-origin: top center;
    animation: chicken-swing 1s ease-in-out infinite alternate;
}

/* 第一层：黄泥巴 (外壳) */
.rong-chicken-mud {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #5d4037; /* 深褐泥土色 */
    border-radius: 40% 50% 50% 40%; /* 不规则泥团 */
    border: 1px solid #3e2723;
}
/* 第二层：露出的荷叶 (在泥巴边缘) */
.rong-chicken-mud::after {
    content: '';
    position: absolute;
    top: 2px; right: 2px; /* 破口处 */
    width: 8px; height: 8px;
    background: #2e7d32; /* 荷叶绿 */
    border-radius: 50%;
    z-index: 1;
}

/* 第三层：露出的鸡头 (辨识度关键) */
.rong-chicken-head {
    position: absolute;
    top: -2px; right: -3px; /* 从右上角破土而出 */
    width: 7px; height: 7px;
    background: #ffab00; /* 烤鸡金黄色 */
    border-radius: 50%;
    z-index: 2; /* 最上层 */
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
/* 鸡冠 (红点) */
.rong-chicken-head::before {
    content: '';
    position: absolute;
    top: -1px; left: 1px;
    width: 3px; height: 2px;
    background: #d50000;
    border-radius: 2px;
}
/* 鸡嘴 (尖尖) */
.rong-chicken-head::after {
    content: '';
    position: absolute;
    top: 2px; right: -2px;
    width: 0; height: 0;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 3px solid #ffab00; /* 尖嘴 */
}

/* 热气 (保留) */
.rong-steam {
    position: absolute;
    top: -8px; left: 50%;
    transform: translateX(-50%);
    width: 4px; height: 4px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.6;
    filter: blur(1px);
    animation: steam-rise 1.5s linear infinite;
}

/* --- 动画 --- */
@keyframes rong-bob {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-4px) rotate(2deg); }
}
@keyframes petal-fall {
    0% { transform: translateY(-50px) rotate(0deg); opacity: 0; }
    10% { opacity: 0.8; }
    100% { transform: translateY(80px) rotate(360deg); opacity: 0; }
}
@keyframes chicken-swing {
    0% { transform: rotate(5deg); }
    100% { transform: rotate(-5deg); }
}
@keyframes steam-rise {
    0% { transform: translateX(-50%) translateY(0) scale(1); opacity: 0.6; }
    100% { transform: translateX(-50%) translateY(-10px) scale(1.5); opacity: 0; }
}
/* =========================================
   【大理世子·最终完美版】段誉 
   (完整木边扇骨 + 位置下移不挡脸)
   ========================================= */
.visual-duanyu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    animation: lingbo-step 3s ease-in-out infinite; 
}

/* 1. 身体 (保持不变) */
.duanyu-body {
    width: 24px; height: 42px; 
    background: #fdfbf7; 
    border-radius: 6px;
    position: relative;
    z-index: 10;
    border: 1px solid #ffb300; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.duanyu-body::before { /* 领口 */
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid #00acc1; 
}
.duanyu-body::after { /* 腰带 */
    content: '';
    position: absolute;
    bottom: 12px; left: 0;
    width: 100%; height: 5px;
    background: #ffd700; 
    border-top: 1px solid #ff6f00;
    border-bottom: 1px solid #ff6f00;
}
.duanyu-jade { /* 玉佩 */
    position: absolute;
    bottom: 2px; right: 4px;
    width: 4px; height: 10px;
    background: #aeea00; 
    border-radius: 2px;
    z-index: 11;
    transform-origin: top center;
    animation: jade-swing 2s ease-in-out infinite;
}

/* 2. 头部 (保持不变) */
.duanyu-head {
    width: 20px; height: 22px; 
    background: #ffccbc; 
    border-radius: 50% 50% 40% 40%; 
    position: absolute;
    top: -16px; left: 50%;
    transform: translateX(-50%);
    z-index: 12;
}
.duanyu-crown { /* 金冠 */
    position: absolute;
    top: -8px; left: 50%;
    transform: translateX(-50%);
    width: 12px; height: 10px;
    background: #ffd700; 
    border-radius: 2px 2px 0 0;
    border: 1px solid #ffa000;
    z-index: 13;
}
.duanyu-crown::after { /* 宝玉 */
    content: '';
    position: absolute;
    top: 2px; left: 3px;
    width: 6px; height: 6px;
    background: #00bcd4; 
    border-radius: 50%;
}
.duanyu-head::before { /* 鬓角 */
    content: '';
    position: absolute;
    top: 0; left: -1px;
    width: 22px; height: 8px;
    background: #212121;
    border-radius: 6px 6px 0 0;
}
.duanyu-ribbon { /* 发带 */
    position: absolute;
    top: 0; left: 50%;
    width: 2px; height: 20px;
    background: #00acc1; 
    z-index: 9;
    transform: translateX(-50%) rotate(10deg);
    animation: ribbon-flutter 2s ease-in-out infinite;
}

/* 3. 左手：折扇 (位置下移 + 完整木边) */
.duanyu-arm-left {
    position: absolute;
    /* 【修改点1】整体往左下移，让出脸部空间 */
    top: 2px; left: -6px;
    width: 8px; height: 20px;
    background: #fdfbf7;
    border: 1px solid #ffd700;
    border-radius: 4px;
    transform: rotate(20deg); 
    z-index: 13;
}
/* 扇子主体 */
.duanyu-fan {
    position: absolute;
    /* 【修改点2】微调相对位置 */
    top: 0px; 
    left: -4px; 
    width: 22px; height: 16px; 
    
    /* 形状：倒三角 */
    clip-path: polygon(0% 0%, 100% 0%, 55% 100%, 45% 100%);
    
    /* 【修改点3】材质：加宽两侧木边到 20%，确保贯穿始终 */
    background: 
        /* 左侧大骨 (加宽) */
        linear-gradient(90deg, #5d4037 20%, transparent 20%),
        /* 右侧大骨 (加宽) */
        linear-gradient(-90deg, #5d4037 20%, transparent 20%),
        /* 中间白纸 */
        repeating-linear-gradient(90deg, #fff, #fff 2px, #eee 2px, #eee 3px);
    
    transform-origin: bottom center;
    animation: fan-wave 2s ease-in-out infinite;
}
/* 扇柄 */
.duanyu-fan::after {
    content: '';
    position: absolute;
    bottom: 0px; 
    left: 50%;
    transform: translateX(-50%);
    width: 4px; height: 4px; 
    background: #3e2723; 
    border-radius: 50%;
}

/* 4. 右手：六脉神剑 (保持不变) */
.duanyu-arm-right {
    position: absolute;
    top: 10px; right: -10px;
    width: 18px; height: 6px; 
    background: #fdfbf7;
    border: 1px solid #ffd700;
    border-radius: 4px;
    z-index: 13;
}
.duanyu-arm-right::after { 
    content: '';
    position: absolute;
    top: 1px; right: -4px;
    width: 6px; height: 4px;
    background: #ffccbc;
    border-radius: 0 4px 4px 0;
}
.duanyu-sword-beam { 
    position: absolute;
    top: 2px; right: -100px; 
    width: 100px; height: 2px;
    background: linear-gradient(90deg, #fff, #00e5ff, #ffd700, transparent);
    z-index: 14;
    opacity: 0; 
    border-radius: 2px;
    transform-origin: left center;
    animation: liumai-shoot 2s ease-out infinite;
}
.duanyu-sword-burst { 
    position: absolute;
    top: -4px; right: -8px;
    width: 10px; height: 10px;
    background: radial-gradient(circle, #fff, #00e5ff 60%, transparent 80%);
    border-radius: 50%;
    opacity: 0;
    z-index: 15;
    animation: liumai-burst 2s ease-out infinite;
}

/* --- 动画 --- */
@keyframes lingbo-step {
    0%, 100% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(3px) translateY(-2px); }
    50% { transform: translateX(0) translateY(0); }
    75% { transform: translateX(-3px) translateY(-2px); }
}
@keyframes jade-swing {
    0%, 100% { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
}
@keyframes fan-wave {
    0%, 100% { transform: rotate(-15deg); }
    50% { transform: rotate(5deg); }
}
@keyframes liumai-shoot {
    0% { transform: scaleX(0); opacity: 0; }
    10% { opacity: 1; } 
    30% { transform: scaleX(1); opacity: 0.8; } 
    50% { transform: scaleX(1.2); opacity: 0; } 
    100% { opacity: 0; } 
}
@keyframes liumai-burst {
    0% { transform: scale(0); opacity: 0; }
    10% { transform: scale(1.5); opacity: 1; }
    30% { transform: scale(0.5); opacity: 0; }
    100% { opacity: 0; }
}
/* =========================================
   【东方不败·最终完全体】 
   (人物不变 + 背景：极细金属寒芒飞针)
   ========================================= */
.visual-dongfang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    animation: dongfang-fly-hover 2s ease-in-out infinite; 
}

/* --- 背景特效：漫天寒芒飞针 (修正版) --- */
.dongfang-needle-storm {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0; /* 在人物背后 */
    overflow: hidden;
    pointer-events: none;
}
.df-storm-needle {
    position: absolute;
    height: 1px; /* 保持极细 */
    /* 【核心修改】金属质感渐变：透明 -> 极细金线 -> 锐利银白针尖 */
    background: linear-gradient(90deg, transparent 50%, rgba(255, 223, 0, 0.6) 85%, #ffffff 100%);
    
    /* 去掉圆角，更锋利 */
    border-radius: 0; 
    opacity: 0;
    
    /* 【核心修改】去掉柔和光晕，改为针尖一点锐利的寒光 */
    box-shadow: 1px 0 1px rgba(255, 255, 255, 0.9); 
    
    /* 使用 ease-out 让射出感更强 */
    animation: storm-shoot ease-out infinite;
}

/* 【核心修改】大幅提高速度 (减少 duration)，增加随机感 */
.df-storm-needle:nth-child(1) { top: 15%; left: -10px; width: 30px; animation-duration: 0.4s; animation-delay: 0s; }
.df-storm-needle:nth-child(2) { top: 30%; left: -20px; width: 50px; animation-duration: 0.5s; animation-delay: 0.2s; }
.df-storm-needle:nth-child(3) { top: 45%; left: 0px;   width: 25px; animation-duration: 0.35s; animation-delay: 0.1s; }
.df-storm-needle:nth-child(4) { top: 65%; left: -30px; width: 40px; animation-duration: 0.45s; animation-delay: 0.3s; }
.df-storm-needle:nth-child(5) { top: 80%; left: -15px; width: 35px; animation-duration: 0.4s; animation-delay: 0.15s; }
.df-storm-needle:nth-child(6) { top: 92%; left: -25px; width: 45px; animation-duration: 0.55s; animation-delay: 0.25s; }
.df-storm-needle:nth-child(7) { top: 5%;  left: -40px; width: 60px; animation-duration: 0.6s; animation-delay: 0.4s; }
.df-storm-needle:nth-child(8) { top: 55%; left: -5px;  width: 20px; animation-duration: 0.3s; animation-delay: 0.05s; }


/* 1. 身体 (保持不变) */
.dongfang-body {
    position: absolute;
    transform: rotate(-30deg) skewX(-10deg);
    width: 24px; height: 38px;
    background: rgba(213, 0, 0, 0.9); 
    border-radius: 6px 12px 6px 6px; 
    z-index: 10;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.4);
}
.dongfang-body::before { /* 金色领口 */
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 14px; height: 12px;
    background: #ffd700;
    border-radius: 0 10px 0 20px;
    z-index: 1;
}

/* 2. 红纱红袍 (保持不变) */
.dongfang-robe-gauze {
    position: absolute;
    top: 5px; right: 5px; 
    width: 50px; height: 30px;
    z-index: -1; 
    background: linear-gradient(to left, rgba(255, 23, 68, 0.8), rgba(255, 23, 68, 0.2), transparent);
    clip-path: polygon(100% 0, 0 20%, 20% 100%, 100% 80%);
    transform-origin: right center;
    animation: gauze-flutter 0.2s linear infinite alternate;
}
.dongfang-robe-gauze::after {
    content: '';
    position: absolute;
    top: 10px; right: 0;
    width: 40px; height: 20px;
    background: linear-gradient(to left, rgba(213, 0, 0, 0.6), transparent);
    animation: gauze-flutter 0.3s linear infinite alternate-reverse;
}

/* 3. 头部 (保持不变) */
.dongfang-head {
    width: 18px; height: 20px; 
    background: #fffde7; 
    border-radius: 40% 60% 40% 40%; 
    position: absolute;
    top: -14px; right: -2px; 
    z-index: 12;
}
.dongfang-eye { /* 紫色眼妆 */
    position: absolute;
    top: 7px; right: 2px; 
    width: 6px; height: 2px;
    background: #212121; 
    transform: rotate(-15deg); 
}
.dongfang-eye::after {
    content: '';
    position: absolute;
    top: -2px; left: 0;
    width: 8px; height: 3px;
    background: #d500f9; 
    border-radius: 50% 50% 0 0;
    opacity: 0.8;
    transform: rotate(-10deg);
}
.dongfang-crown { /* 发冠 */
    position: absolute;
    top: -6px; right: 2px;
    width: 10px; height: 8px;
    background: #212121;
    border: 1px solid #ffd700;
    border-radius: 2px;
    z-index: 13;
}
.dongfang-hair { /* 长发 */
    position: absolute;
    top: 2px; left: 2px; 
    width: 40px; height: 12px;
    background: #212121;
    border-radius: 50% 0 0 50%;
    z-index: 11;
    transform-origin: right center;
    transform: translateX(-30px) rotate(10deg);
    animation: hair-flow-fast 0.5s ease-in-out infinite alternate;
}

/* 4. 手臂与金线飞针 (保持不变) */
.dongfang-arm {
    position: absolute;
    top: 10px; right: -10px; 
    width: 16px; height: 6px;
    background: rgba(213, 0, 0, 0.9);
    border-radius: 4px;
    transform: rotate(-10deg);
    z-index: 13;
}
.dongfang-arm::after { /* 手掌 */
    content: '';
    position: absolute;
    right: -4px; top: 0;
    width: 5px; height: 5px;
    background: #fffde7;
    border-radius: 50%;
}
.dongfang-needle-container {
    position: absolute;
    top: 12px; right: -30px; 
    width: 60px; height: 2px;
    z-index: 14;
    transform: rotate(-10deg); 
}
.dongfang-needle {
    position: absolute;
    right: 0; top: 0;
    width: 8px; height: 2px;
    background: #fff;
    box-shadow: 0 0 5px #fff; 
}
.dongfang-thread { /* 主针的黄线 */
    position: absolute;
    right: 8px; top: 0.5px; 
    width: 100%; height: 1px;
    background: linear-gradient(to right, transparent, #ffd700, #ffeb3b);
    opacity: 0.9;
    animation: thread-vibrate 0.1s linear infinite;
}

/* --- 动画 --- */
@keyframes dongfang-fly-hover {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}
@keyframes gauze-flutter {
    0% { transform: scaleX(1) skewY(0deg); opacity: 0.8; }
    100% { transform: scaleX(1.1) skewY(5deg); opacity: 0.6; }
}
@keyframes hair-flow-fast {
    0% { transform: translateX(-30px) rotate(5deg) scaleY(1); }
    100% { transform: translateX(-30px) rotate(15deg) scaleY(1.2); }
}
@keyframes thread-vibrate {
    0% { transform: translateY(0); opacity: 0.8; }
    50% { transform: translateY(0.5px); opacity: 1; }
    100% { transform: translateY(0); opacity: 0.8; }
}
/* 【核心修改】飞针动画：速度极快，拉伸感强 */
@keyframes storm-shoot {
    0% {
        /* 初始状态：短，不可见 */
        transform: translateX(0) scaleX(0.2); 
        opacity: 0;
    }
    5% {
        /* 瞬间出现 */
        opacity: 1;
    }
    100% {
        /* 终点：飞得更远(180px)，拉得更长(scaleX 4)，形成极速残影 */
        transform: translateX(180px) scaleX(4); 
        opacity: 0;
    }
}
/* =========================================
   【一代宗师·正统版】张三丰 
   (金冠玉簪·蓝白道袍·水墨太极)
   ========================================= */
.visual-sanfeng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    /* 宗师气度：极其缓慢沉稳的悬浮 */
    animation: sanfeng-float 6s ease-in-out infinite; 
}

/* 1. 背景特效：水墨风太极图 */
.sanfeng-taiji-bg {
    position: absolute;
    width: 90px; height: 90px;
    top: -20px; left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 0; 
    opacity: 0.25; 
    /* 蓝灰调太极，配合蓝白道袍 */
    background: linear-gradient(90deg, #e3f2fd 50%, #455a64 50%);
    animation: taiji-spin-slow 20s linear infinite;
    filter: blur(1px);
}
.sanfeng-taiji-bg::before { /* 阳眼 */
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 45px; height: 45px;
    background: #e3f2fd;
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px #455a64; 
}
.sanfeng-taiji-bg::after { /* 阴眼 */
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 45px; height: 45px;
    background: #455a64;
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px #e3f2fd; 
}

/* 2. 身体 (蓝白相间道袍) */
.sanfeng-body {
    width: 28px; height: 42px; 
    background: #fafafa; /* 雪白底色 */
    border-radius: 6px 6px 4px 4px;
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    /* 左右两侧蓝色滚边 */
    border-left: 3px solid #1565c0; 
    border-right: 3px solid #1565c0;
}
/* 领口 (蓝色交领) */
.sanfeng-body::before { 
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid #1565c0; /* 深蓝领口 */
    z-index: 1;
}
/* 中间衣襟线 */
.sanfeng-body::after { 
    content: '';
    position: absolute;
    top: 16px; left: 50%;
    transform: translateX(-50%);
    width: 1px; height: 26px;
    background: rgba(0,0,0,0.1);
}

/* 3. 头部 (百岁道骨) */
.sanfeng-head {
    width: 22px; height: 24px; 
    background: #ffe0b2; 
    border-radius: 50% 50% 40% 40%; 
    position: absolute;
    top: -18px; left: 50%;
    transform: translateX(-50%);
    z-index: 12;
}

/* 【新增】道冠 (金冠) */
.sanfeng-crown {
    position: absolute;
    top: -8px; left: 50%;
    transform: translateX(-50%);
    width: 12px; height: 10px;
    background: #ffb300; /* 金色道冠 */
    border: 1px solid #ff6f00;
    border-radius: 2px 2px 0 0;
    z-index: 13;
}
/* 【新增】道簪 (横向玉簪) */
.sanfeng-crown::after {
    content: '';
    position: absolute;
    top: 5px; left: -6px; /* 伸出冠外 */
    width: 24px; height: 2px; /* 细长 */
    background: #e0e0e0; /* 白玉色 */
    border-radius: 1px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* 长寿眉 */
.sanfeng-head::before {
    content: '';
    position: absolute;
    top: 6px; left: 2px;
    width: 18px; height: 4px;
    background: transparent;
    box-shadow: -4px 2px 0 #f5f5f5, 4px 2px 0 #f5f5f5;
    border-radius: 50%;
    opacity: 0.9;
}
/* 极长白须 */
.sanfeng-beard {
    position: absolute;
    bottom: -22px; left: 50%; 
    transform: translateX(-50%);
    width: 16px; height: 24px;
    background: #f5f5f5;
    border-radius: 0 0 20px 20px;
    z-index: 11;
    transform-origin: top center;
    animation: beard-sway-slow 4s ease-in-out infinite;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

/* 4. 手臂与真气 (蓝白袖) */
.sanfeng-arm {
    position: absolute;
    width: 14px; height: 24px; 
    background: #fafafa; /* 白袖 */
    /* 袖口蓝色滚边 */
    border-bottom: 4px solid #1565c0; 
    border-radius: 4px;
    z-index: 14;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
/* 左臂 */
.sanfeng-arm.left {
    top: 10px; left: -10px;
    transform: rotate(-30deg);
    border-radius: 4px 4px 20px 10px; 
}
/* 右臂 */
.sanfeng-arm.right {
    top: 18px; right: -10px;
    transform: rotate(30deg);
    border-radius: 4px 4px 10px 20px; 
}

/* 掌中真气球 */
.sanfeng-qi-ball {
    position: absolute;
    top: 25px; left: 50%;
    transform: translateX(-50%);
    width: 20px; height: 20px;
    background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(227, 242, 253, 0.3) 70%); /* 带点蓝色的气 */
    border-radius: 50%;
    z-index: 15;
    opacity: 0.7;
    animation: qi-flow 3s ease-in-out infinite alternate;
    filter: blur(2px);
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.4);
}


/* --- 动画 --- */
@keyframes sanfeng-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}
@keyframes taiji-spin-slow {
    from { transform: translateX(-50%) rotate(0deg); }
    to { transform: translateX(-50%) rotate(360deg); }
}
@keyframes beard-sway-slow {
    0%, 100% { transform: translateX(-50%) rotate(-2deg); }
    50% { transform: translateX(-50%) rotate(2deg); }
}
@keyframes qi-flow {
    0% { transform: translateX(-50%) scale(1); opacity: 0.5; }
    100% { transform: translateX(-50%) scale(1.2); opacity: 0.8; }
}
/* =========================================
   【明教教主】张无忌 
   (乾坤大挪移·九阳神功·圣火令)
   ========================================= */
.visual-wuji-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    /* 悬浮感：内力深厚，身轻如燕 */
    animation: wuji-float 4s ease-in-out infinite; 
}

/* 1. 乾坤大挪移 (背景力场) */
.wuji-qiankun-aura {
    position: absolute;
    width: 80px; height: 80px;
    top: -15px; left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 0; /* 在身体后面 */
    opacity: 0.6;
    /* 乾坤漩涡：金色(九阳)与蓝色(挪移)交织 */
    background: conic-gradient(
        from 0deg, 
        transparent 0%, 
        #29b6f6 25%, /* 蓝 */
        transparent 50%, 
        #ffeb3b 75%, /* 金 */
        transparent 100%
    );
    /* 旋转动画 */
    animation: qiankun-spin 6s linear infinite;
    /* 模糊一点，制造气场感 */
    filter: blur(2px);
}
/* 内圈气场 (反向旋转，增加层次) */
.wuji-qiankun-aura::after {
    content: '';
    position: absolute;
    top: 15px; left: 15px;
    width: 50px; height: 50px;
    border-radius: 50%;
    background: conic-gradient(
        from 180deg, 
        transparent 0%, 
        #ffd700 40%, 
        transparent 60%,
        #4fc3f7 90%
    );
    animation: qiankun-spin-reverse 4s linear infinite;
}

/* 2. 圣火令 (悬浮法器) */
.wuji-holy-token {
    position: absolute;
    width: 4px; height: 24px;
    background: #424242; /* 黑铁质感 */
    border-radius: 2px;
    z-index: 1; /* 在光环前，身体后 */
    box-shadow: 0 0 4px rgba(255, 160, 0, 0.6); /* 圣火微光 */
}
/* 令牌上的火焰纹路 */
.wuji-holy-token::after {
    content: '';
    position: absolute;
    top: 4px; left: 1px;
    width: 2px; height: 16px;
    background: linear-gradient(to bottom, #ff6f00, #ffca28);
}
/* 左令牌 */
.wuji-holy-token.left {
    top: -20px; left: -20px;
    transform: rotate(-15deg);
    animation: token-float 3s ease-in-out infinite;
}
/* 右令牌 */
.wuji-holy-token.right {
    top: -10px; right: -20px;
    transform: rotate(15deg);
    animation: token-float 3s ease-in-out infinite 1.5s; /* 错开时间 */
}

/* 3. 身体 (明教白袍·红纹) */
.wuji-body {
    width: 24px; height: 40px; 
    background: #eeeeee; /* 朴素白袍 */
    border-radius: 6px;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3); /* 九阳护体金光 */
}
/* 领口与红边 (明教特征) */
.wuji-body::before { 
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid #d32f2f; /* 红色领口 */
}
/* 圣火纹章 (胸口) */
.wuji-body::after { 
    content: '';
    position: absolute;
    top: 16px; left: 50%;
    transform: translateX(-50%);
    width: 6px; height: 8px;
    /* 用圆角模拟火焰形状 */
    background: #ff6f00;
    border-radius: 50% 50% 2px 2px; 
    box-shadow: 0 -2px 2px #ffca28; /* 火焰尖 */
}

/* 腰带 */
.wuji-belt {
    position: absolute;
    bottom: 10px; left: 0;
    width: 100%; height: 4px;
    background: #424242; /* 黑色腰带 */
}
/* 腰带扣 */
.wuji-belt::after {
    content: '';
    position: absolute;
    left: 50%; top: 0;
    transform: translateX(-50%);
    width: 6px; height: 4px;
    background: #ffd700;
}

/* 4. 头部 (少年英气) */
.wuji-head {
    width: 20px; height: 22px; 
    background: #ffccbc; /* 肤色 */
    border-radius: 6px 6px 10px 10px; 
    position: absolute;
    top: -16px; left: 50%;
    transform: translateX(-50%);
    z-index: 12;
}
/* 鬓角 */
.wuji-head::before {
    content: '';
    position: absolute;
    top: 0; left: -1px;
    width: 22px; height: 10px;
    background: #212121;
    border-radius: 6px 6px 0 0;
}

/* 发型 (高马尾) */
.wuji-hair-ponytail {
    position: absolute;
    top: -2px; left: 50%;
    transform: translateX(-50%);
    width: 6px; height: 6px;
    background: #212121;
    border-radius: 50%;
    z-index: 11;
}
/* 飘动的发束 */
.wuji-hair-ponytail::after {
    content: '';
    position: absolute;
    top: 2px; left: 1px;
    width: 4px; height: 20px;
    background: #212121;
    border-radius: 2px;
    /* 随风飘动 */
    transform-origin: top center;
    animation: hair-sway 2s ease-in-out infinite;
}

/* 5. 手臂 (出掌姿态) */
.wuji-arm-left {
    position: absolute;
    top: 2px; left: -4px;
    width: 6px; height: 18px;
    background: #eeeeee;
    border-radius: 4px;
    transform: rotate(20deg); /* 微微张开 */
}
.wuji-arm-right {
    position: absolute;
    top: 2px; right: -4px;
    width: 6px; height: 18px;
    background: #eeeeee;
    border-radius: 4px;
    transform: rotate(-20deg); /* 微微张开 */
}

/* --- 动画 --- */
@keyframes wuji-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@keyframes qiankun-spin {
    from { transform: translateX(-50%) rotate(0deg); }
    to { transform: translateX(-50%) rotate(360deg); }
}
@keyframes qiankun-spin-reverse {
    from { rotate: 360deg; }
    to { rotate: 0deg; }
}
@keyframes token-float {
    0%, 100% { transform: translateY(0) rotate(-15deg); }
    50% { transform: translateY(-5px) rotate(-10deg); }
}
@keyframes hair-sway {
    0%, 100% { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
}
/* =========================================
   【浪子·最终神韵版】令狐冲
   (完美间距·扎根剑气·12分神作)
   ========================================= */
.visual-linghu-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; 
    animation: linghu-float-sword 3s ease-in-out infinite; 
}

/* 1. 坐骑：巨型剑意 */
.linghu-giant-sword {
    position: absolute;
    bottom: 5px; left: 50%;
    transform: translateX(-50%) rotate(-5deg);
    width: 70px; height: 6px;
    background: linear-gradient(90deg, transparent, #e1f5fe, #81d4fa, #e1f5fe, transparent);
    border-radius: 50%; 
    box-shadow: 0 0 10px #29b6f6;
    z-index: 1;
}

/* 【关键修改】2. 银色长剑 (左移+下沉) */
.linghu-sword-physical {
    position: absolute;
    /* 垂直位置：沉到底部，插进光团里 */
    bottom: 0px; 
    left: 50%;
    /* 水平位置：继续往左(-35px)，给后背留出空隙 */
    margin-left: -35px; 
    
    width: 6px; height: 75px; 
    background: linear-gradient(to right, #90a4ae, #eceff1, #90a4ae); 
    
    /* 角度：保持倾斜 */
    transform: rotate(-25deg); 
    z-index: 5; /* 在身体后面 */
    
    border-radius: 2px 2px 4px 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    border: 1px solid #78909c;
}
/* 剑格 */
.linghu-sword-physical::before {
    content: '';
    position: absolute;
    top: 14px; left: -4px; 
    width: 14px; height: 3px;
    background: #cfd8dc; 
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
/* 剑柄 */
.linghu-sword-physical::after {
    content: '';
    position: absolute;
    top: 0; left: 1px;
    width: 4px; height: 14px;
    background: #455a64; 
    border-radius: 1px 1px 0 0;
}
/* 剑穗 */
.linghu-tassel {
    position: absolute;
    top: -2px; left: 2px;
    width: 2px; height: 18px; 
    background: #00bcd4; 
    transform-origin: top center;
    transform: rotate(25deg); 
    animation: ribbon-flutter 3s ease-in-out infinite; 
    z-index: 6;
}

/* 3. 身体 */
.linghu-body {
    width: 22px; height: 38px; 
    background: #00838f; 
    border-radius: 4px;
    position: relative;
    z-index: 10;
    transform: rotate(-15deg) translateY(-5px);
    box-shadow: -2px 2px 4px rgba(0,0,0,0.2);
}
.linghu-body::before { /* 领口 */
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 16px solid #e0f7fa; 
}
.linghu-body::after { /* 腰带 */
    content: '';
    position: absolute;
    bottom: 8px; left: 0;
    width: 100%; height: 4px;
    background: #004d40; 
}

/* 4. 腿部 */
.linghu-leg-left {
    position: absolute;
    bottom: -12px; left: 4px;
    width: 8px; height: 16px;
    background: #006064;
    transform: rotate(10deg);
    border-radius: 2px;
    z-index: 9;
}
.linghu-leg-left::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 10px; height: 4px;
    background: #212121; 
    border-radius: 2px;
}
.linghu-leg-right {
    position: absolute;
    bottom: -2px; right: -8px; 
    width: 18px; height: 8px; 
    background: #00838f;
    transform: rotate(-10deg); 
    border-radius: 4px;
    z-index: 11; 
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.linghu-leg-right::after {
    content: '';
    position: absolute;
    right: -2px; top: -4px;
    width: 4px; height: 10px;
    background: #212121; 
    transform: rotate(-15deg);
    border-radius: 2px;
}

/* 5. 头部 */
.linghu-head {
    width: 18px; height: 22px; 
    background: #ffccbc; 
    border-radius: 4px 4px 10px 10px; 
    position: absolute;
    top: -18px; left: 50%;
    transform: translateX(-50%) rotate(-25deg);
    z-index: 12;
}
.linghu-head::before { /* 鬓角 */
    content: '';
    position: absolute;
    top: 0; left: -1px;
    width: 20px; height: 8px;
    background: #212121;
    border-radius: 4px 4px 0 0;
}

/* 发型 */
.linghu-hair-bun {
    position: absolute;
    top: -6px; right: -2px; 
    width: 8px; height: 8px;
    background: #212121;
    border-radius: 50%;
    z-index: 11;
}
.linghu-hair-bun::before { /* 发簪 */
    content: '';
    position: absolute;
    top: 3px; left: -6px; 
    width: 20px; height: 1px;
    background: #e0e0e0; 
    transform: rotate(-15deg);
}
.linghu-hair-ribbon { /* 红飘带 */
    position: absolute;
    top: 3px; right: 0; 
    width: 18px; height: 3px; 
    background: #d32f2f; 
    z-index: 10;
    transform-origin: left center;
    animation: ribbon-flutter 2s ease-in-out infinite;
}
.linghu-hair-long { /* 散发 */
    position: absolute;
    top: 6px; left: -6px; 
    width: 10px; height: 28px;
    background: #212121;
    border-radius: 20% 0 0 80%; 
    transform: rotate(15deg); 
    z-index: -1; 
}

/* 6. 手臂与酒壶 */
.linghu-arm {
    position: absolute;
    top: -8px; right: -12px;
    width: 8px; height: 24px;
    background: #00838f; 
    transform: rotate(45deg); 
    z-index: 13;
    border-radius: 4px;
}
.linghu-arm::after { 
    content: '';
    position: absolute;
    top: -4px; left: 0;
    width: 6px; height: 6px;
    background: #ffccbc;
    border-radius: 50%;
}
.linghu-wine {
    position: absolute;
    top: -16px; right: -8px; 
    width: 10px; height: 14px;
    background: #cfd8dc; 
    border-radius: 4px 4px 6px 6px;
    transform: rotate(-135deg); 
    z-index: 14;
    border: 1px solid #90a4ae;
}
.linghu-wine::before { 
    content: '';
    position: absolute;
    top: -3px; left: 50%;
    transform: translateX(-50%);
    width: 4px; height: 4px;
    background: #90a4ae;
}
.linghu-wine-stream {
    position: absolute;
    top: -4px; left: 50%; 
    width: 2px; height: 20px; 
    background: repeating-linear-gradient(
        to bottom, #4fc3f7 0%, #fff 40%, transparent 40%, transparent 80%   
    );
    background-size: 2px 10px; 
    transform: translateX(-50%) rotate(70deg); 
    transform-origin: top center;
    animation: wine-flow 1.0s linear infinite;
    opacity: 1; 
    z-index: 15; 
    pointer-events: none;
    box-shadow: 0 0 2px #4fc3f7; 
}
.linghu-wine-splash {
    position: absolute;
    bottom: -15px; left: -10px; 
    width: 4px; height: 2px;
    background: #e1f5fe;
    border-radius: 50%;
    opacity: 0;
    animation: splash-pop 1.0s linear infinite;
}

/* --- 动画 --- */
@keyframes linghu-float-sword {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}
@keyframes ribbon-flutter {
    0% { transform: rotate(0deg) scaleX(1); }
    50% { transform: rotate(-20deg) scaleX(1.1); }
    100% { transform: rotate(0deg) scaleX(1); }
}
@keyframes wine-flow {
    0% { background-position: 0 0; }
    100% { background-position: 0 20px; }
}
@keyframes splash-pop {
    0% { transform: scale(0); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: scale(1.5); opacity: 0; }
}
/* =========================================
   【老顽童】周伯通 (白发双丸子·玉蜂·蹦蹦跳跳)
   ========================================= */
.visual-zhou-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 核心动画：像皮球一样不停蹦跶 */
    animation: zhou-bounce 0.6s infinite alternate cubic-bezier(0.5, 0.05, 1, 0.5); 
    transform-origin: bottom center;
}

/* 1. 身体 (全真道袍·随意版) */
.zhou-body {
    width: 28px; height: 42px; /* 稍微矮胖一点 */
    background: #4fc3f7; /* 亮天蓝色，比王重阳活泼 */
    border-radius: 8px 8px 6px 6px;
    position: relative;
    z-index: 5;
    box-shadow: 0 4px 5px rgba(0,0,0,0.3);
    /* 衣服有点皱巴巴的 */
    background-image: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.2) 60%, transparent 60%);
    background-size: 10px 10px;
}
/* 领口 */
.zhou-body::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #e1f5fe;
}
/* 腰带 (松松垮垮) */
.zhou-body::after {
    content: '';
    position: absolute;
    bottom: 12px; left: -2px;
    width: 32px; height: 4px;
    background: #0277bd; /* 深蓝腰带 */
    border-radius: 2px;
    transform: rotate(-5deg); /* 歪的 */
}

/* 2. 头部 (童颜白发) */
.zhou-head {
    width: 24px; height: 24px;
    background: #ffccbc; /* 红润肤色 */
    border-radius: 50%;
    position: relative;
    top: -16px; left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    box-shadow: inset -2px -2px 4px rgba(0,0,0,0.1);
}
/* 脸颊红晕 (像个娃娃) */
.zhou-head::after {
    content: '';
    position: absolute;
    top: 10px; left: 2px;
    width: 4px; height: 3px;
    background: #ff8a80;
    border-radius: 50%;
    box-shadow: 16px 0 0 #ff8a80; /* 右脸颊 */
    opacity: 0.6;
}

/* 3. 发型：白发双丸子 (冲天揪) */
.zhou-hair-buns {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}
/* 左丸子 */
.zhou-hair-buns::before {
    content: '';
    position: absolute;
    top: -6px; left: -4px;
    width: 12px; height: 12px;
    background: #f5f5f5; /* 雪白 */
    border-radius: 50%;
    box-shadow: inset -2px -2px 0 #e0e0e0;
    z-index: -1;
}
/* 右丸子 */
.zhou-hair-buns::after {
    content: '';
    position: absolute;
    top: -6px; right: -4px;
    width: 12px; height: 12px;
    background: #f5f5f5;
    border-radius: 50%;
    box-shadow: inset 2px -2px 0 #e0e0e0;
    z-index: -1;
}

/* 4. 胡子 (翘起的白胡子) */
.zhou-beard {
    position: absolute;
    bottom: -6px; left: 50%;
    transform: translateX(-50%);
    width: 20px; height: 10px;
    background: #f5f5f5;
    border-radius: 0 0 10px 10px;
    z-index: 7;
    /* 让胡子稍微往上翘一点，显得开心 */
    clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
}

/* 5. 玉蜂特效 (绕头飞舞) */
.zhou-bees-container {
    position: absolute;
    width: 60px; height: 40px;
    top: -10px; left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: none;
    animation: bee-orbit 3s linear infinite; /* 整体旋转 */
}

/* 蜜蜂本体 */
.zhou-bee {
    position: absolute;
    width: 6px; height: 6px;
    background: #ffd700; /* 金色 */
    border-radius: 50%;
    box-shadow: 0 0 4px #ffd700;
}
.zhou-bee.one { top: 0; left: 0; animation: bee-wiggle 0.2s infinite; }
.zhou-bee.two { bottom: 0; right: 0; animation: bee-wiggle 0.3s infinite; }

/* 蜜蜂翅膀 */
.zhou-bee::after {
    content: '';
    position: absolute;
    top: -4px; left: 1px;
    width: 4px; height: 4px;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    box-shadow: 2px 0 0 rgba(255,255,255,0.8); /* 双翼 */
}

/* --- 动画 --- */
/* 蹦蹦跳跳 */
@keyframes zhou-bounce {
    0% { transform: translateY(0) scaleY(1); }
    100% { transform: translateY(-8px) scaleY(1.05); } /* 跳起时身体拉长一点 */
}
/* 蜜蜂公转 */
@keyframes bee-orbit {
    from { transform: translateX(-50%) rotate(0deg); }
    to { transform: translateX(-50%) rotate(360deg); }
}
/* 蜜蜂自震 */
@keyframes bee-wiggle {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(1px, -1px); }
}
/* =========================================
   【中神通】王重阳 (玄门道袍·太极光晕·背剑)
   ========================================= */
.visual-wang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    /* 仙人悬浮：比普通人浮动得更缓慢、稳重 */
    animation: wang-float 4s ease-in-out infinite; 
    transform-origin: bottom center;
}

/* 1. 太极先天功 (背景旋转光环) */
.wang-taiji-aura {
    position: absolute;
    width: 60px; height: 60px;
    top: -15px; left: 50%;
    transform: translateX(-50%);
    z-index: 0; /* 在身体后面 */
    opacity: 0.4; /* 淡淡的灵气感 */
    animation: wang-taiji-spin 10s linear infinite;
    border-radius: 50%;
    /* 利用渐变画出太极的底色 (左白右黑) */
    background: linear-gradient(90deg, #ffffff 50%, #000000 50%);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); /* 发光 */
}
/* 太极的上半部圆 (白中黑点) */
.wang-taiji-aura::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 30px; height: 30px;
    background: #ffffff;
    border-radius: 50%;
    /* 黑点 */
    box-shadow: inset 0 0 0 8px #ffffff, inset 0 0 0 12px #000000; 
}
/* 太极的下半部圆 (黑中白点) */
.wang-taiji-aura::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 30px; height: 30px;
    background: #000000;
    border-radius: 50%;
    /* 白点 */
    box-shadow: inset 0 0 0 8px #000000, inset 0 0 0 12px #ffffff;
}

/* 2. 身体 (深蓝道袍) */
.wang-body {
    width: 28px; height: 46px;
    background: #1a237e; /* 靛青色 (Indigo) */
    border-radius: 8px 8px 4px 4px;
    position: relative;
    z-index: 5;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    /* 衣服中间的垂直对襟线 */
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(255,255,255,0.1);
}
/* 道袍交领 (Y字形白领) */
.wang-body::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 14px solid #e8eaf6; /* 浅白领口 */
    z-index: 6;
}
/* 腰带 (黄色丝绦) */
.wang-body::after {
    content: '';
    position: absolute;
    top: 26px; left: 0;
    width: 100%; height: 4px;
    background: #fbc02d; /* 金黄色 */
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* 3. 头部 */
.wang-head {
    width: 22px; height: 24px;
    background: #ffe0b2; /* 正常肤色 */
    border-radius: 50% 50% 40% 40%;
    position: relative;
    top: -18px; left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    box-shadow: inset -2px -2px 4px rgba(0,0,0,0.1);
}
/* 五官: 长须 (仙风道骨) */
.wang-head::after {
    content: '';
    position: absolute;
    bottom: -8px; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 14px solid #eee; /* 白须 (象征得道高人) */
}
/* 鬓角白发 */
.wang-head::before {
    content: '';
    position: absolute;
    top: 4px; left: -2px;
    width: 26px; height: 12px;
    background: transparent;
    border-radius: 50%;
    box-shadow: -2px 0 0 #eee, 2px 0 0 #eee;
    z-index: 7;
}

/* 4. 金莲道冠 (头顶) */
.wang-crown {
    position: absolute;
    top: -6px; left: 50%;
    transform: translateX(-50%);
    width: 12px; height: 10px;
    background: #ffb300; /* 金色 */
    border-radius: 2px 2px 0 0;
    z-index: 5; /* 在头后面一点，像戴在发髻上 */
    border: 1px solid #ff6f00;
}
/* 发簪 (横插) */
.wang-crown::after {
    content: '';
    position: absolute;
    top: 4px; left: -4px;
    width: 20px; height: 2px;
    background: #e0e0e0; /* 玉簪/银簪 */
}

/* 5. 七星剑 (背负身后) */
.wang-sword-back {
    position: absolute;
    width: 6px; height: 60px;
    background: #37474f; /* 剑鞘深灰 */
    top: 7px; right: 24px;
    transform: rotate(25deg);
    z-index: 1; /* 在身体后面，但在光环前面 */
    border-radius: 2px;
    border: 1px solid #263238;
}
/* 剑柄 (金色护手) */
.wang-sword-back::before {
    content: '';
    position: absolute;
    top: -8px; left: -3px;
    width: 12px; height: 4px;
    background: #ffd700;
    border-radius: 2px;
}
/* 剑首 (流苏) */
.wang-sword-back::after {
    content: '';
    position: absolute;
    top: -12px; left: 1px;
    width: 4px; height: 4px;
    background: #d50000; /* 红色流苏结 */
    border-radius: 50%;
    box-shadow: 0 -3px 0 #d50000; /* 模拟飘穗 */
}

/* --- 动画 --- */
@keyframes wang-float {
    0%, 100% { transform: translateY(-5px); }
    50% { transform: translateY(-10px); }
}
@keyframes wang-taiji-spin {
    from { transform: translateX(-50%) rotate(0deg); }
    to { transform: translateX(-50%) rotate(360deg); }
}
/* =========================================
   【西毒修正版】欧阳锋 (增加衣褶/头巾纹理 + 蛇杖微调下移)
   ========================================= */
.visual-ouyang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: ouyang-toad-breathe 2.5s ease-in-out infinite; 
    transform-origin: bottom center;
}

/* 1. 身体 (白驼山锦袍 - 增加褶皱细节) */
.ouyang-body {
    width: 28px; height: 46px;
    background-color: #f5f5f5; 
    border-radius: 8px 8px 4px 4px;
    position: relative;
    z-index: 5;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    background-image: 
        linear-gradient(115deg, transparent 30%, rgba(0,0,0,0.06) 30%, rgba(0,0,0,0.06) 34%, transparent 34%),
        linear-gradient(75deg, transparent 65%, rgba(0,0,0,0.06) 65%, rgba(0,0,0,0.06) 69%, transparent 69%);
}
.ouyang-body::after { /* 领口 */
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 12px; height: 16px;
    border-left: 2px solid #ffd700;
    border-right: 2px solid #ffd700;
    opacity: 0.8;
}

/* 2. 头部 (西域缠头 - 增加缠绕纹理) */
.ouyang-head {
    width: 22px; height: 24px;
    background: repeating-linear-gradient(
        180deg, #e0e0e0, #e0e0e0 4px, #d0d0d0 4px, #d0d0d0 5px
    );
    border-radius: 50% 50% 40% 40%;
    position: relative;
    top: -16px; left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    box-shadow: inset 0 2px 5px rgba(255,255,255,0.8);
}
.ouyang-face { /* 脸部 */
    position: absolute;
    bottom: 2px; left: 50%;
    transform: translateX(-50%);
    width: 16px; height: 14px;
    background: #ffccbc;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.1); 
}
.ouyang-face::after { /* 胡须 */
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 12px; height: 6px;
    background: #616161; 
    border-radius: 0 0 6px 6px;
}
.ouyang-gem { /* 宝石 */
    position: absolute;
    top: 8px; left: 50%;
    transform: translateX(-50%);
    width: 6px; height: 6px;
    background: #7b1fa2; 
    border-radius: 50%;
    border: 1px solid #ffd700;
    z-index: 7;
    box-shadow: 0 0 4px #7b1fa2;
}

/* 【微调】3. 灵蛇杖 (整体往下一丢丢) */
.ouyang-staff {
    position: absolute;
    width: 6px; height: 68px;
    background: #424242; 
    /* 【修改点】从 -30px 改为 -21px，微调下移 9px */
    top: -21px; 
    left: -12px; 
    border-radius: 4px;
    z-index: 8;
    transform: rotate(-10deg);
}
.ouyang-staff::before { /* 杖头圆球 */
    content: '';
    position: absolute;
    top: -6px; left: -2px;
    width: 10px; height: 10px;
    background: #212121;
    border-radius: 50%;
}

/* 4. 毒蛇 (保持不变) */
.ouyang-snake {
    position: absolute;
    top: -12px; left: 0;
    width: 14px; height: 20px;
    z-index: 9;
    transform-origin: bottom center;
    animation: snake-sway 2s ease-in-out infinite;
}
.ouyang-snake-head {
    position: absolute;
    top: 0; left: -2px;
    width: 10px; height: 12px;
    background: #4caf50; 
    border-radius: 50% 50% 20% 20%;
    box-shadow: inset -2px 2px 0 #2e7d32;
}
.ouyang-snake-head::before, .ouyang-snake-head::after { /* 蛇眼 */
    content: '';
    position: absolute;
    top: 4px;
    width: 2px; height: 2px;
    background: #d50000; 
    border-radius: 50%;
}
.ouyang-snake-head::before { left: 2px; }
.ouyang-snake-head::after { right: 2px; }
.ouyang-snake-tongue { /* 蛇信 */
    position: absolute;
    top: -4px; left: 4px;
    width: 2px; height: 6px;
    background: #d50000;
    animation: tongue-flick 0.3s linear infinite;
}

/* 5. 毒气力场 (保持不变) */
.ouyang-poison-aura {
    position: absolute;
    width: 60px; height: 60px;
    top: -10px; left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(156, 39, 176, 0.3) 0%, transparent 70%);
    z-index: 0;
    border-radius: 50%;
    animation: poison-pulse 3s infinite;
}

/* --- 动画 (保持不变) --- */
@keyframes ouyang-toad-breathe {
    0%, 100% { transform: scaleY(1) translateY(0); }
    50% { transform: scaleY(0.95) translateY(2px); } 
}
@keyframes snake-sway {
    0%, 100% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
}
@keyframes tongue-flick {
    0% { height: 2px; top: 0px; }
    50% { height: 6px; top: -4px; }
    100% { height: 2px; top: 0px; }
}
@keyframes poison-pulse {
    0% { opacity: 0.3; transform: translateX(-50%) scale(1); }
    50% { opacity: 0.6; transform: translateX(-50%) scale(1.2); }
    100% { opacity: 0.3; transform: translateX(-50%) scale(1); }
}
/* =========================================
   【洪七公·白发苍苍版】(原版布局 - 仅替换龙头)
   ========================================= */
.visual-hong-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    animation: hong-drunken-sway 4s ease-in-out infinite; 
    transform-origin: bottom center;
}

/* 1. 身体 (保持原版) */
.hong-body {
    width: 30px; height: 44px;
    background: #5d4037; 
    border-radius: 8px 8px 4px 4px;
    position: relative;
    z-index: 10; 
    box-shadow: 0 4px 5px rgba(0,0,0,0.4);
}
.hong-body::after { /* 补丁 */
    content: ''; position: absolute;
    bottom: 12px; right: 4px;
    width: 10px; height: 10px;
    background: #795548;
    border: 1px dashed #d7ccc8;
    transform: rotate(15deg);
}

/* 2. 头部 (保持原版 top 定位) */
.hong-head {
    width: 24px; height: 25px;
    background: #ffccbc; 
    border-radius: 40% 40% 45% 45%; 
    position: absolute;
    top: -16px; left: 50%; /* 保持原版 */
    transform: translateX(-50%);
    z-index: 11;
    box-shadow: inset -2px -2px 4px rgba(0,0,0,0.1); 
}

/* 3. 发型 (保持原版) */
.hong-hair-cloud {
    position: absolute;
    top: -8px; left: 50%; /* 保持原版 */
    transform: translateX(-50%);
    width: 36px; height: 25px;
    z-index: 13; pointer-events: none;
}
.hong-hair-cloud::before {
    content: ''; position: absolute;
    top: 5px; left: 10px;
    width: 8px; height: 8px;
    background: #eeeeee; 
    border-radius: 50%;
    box-shadow: -6px 2px 0 #eeeeee, 6px 2px 0 #eeeeee, 0 -4px 0 2px #eeeeee, -10px 8px 0 -1px #eeeeee, 10px 8px 0 -1px #eeeeee, -4px 10px 0 -2px #bdbdbd, 4px 10px 0 -2px #bdbdbd;
}
.hong-hair-cloud::after {
    content: ''; position: absolute;
    top: 2px; left: 8px;
    width: 4px; height: 4px;
    background: transparent;
    border-radius: 50%;
    box-shadow: -2px 0 0 #fff, 8px -2px 0 #fff, 16px 2px 0 #fff, -8px 8px 0 #e0e0e0, 22px 6px 0 #e0e0e0; 
    opacity: 0.8;
}

/* 4. 胡须 (保持原版) */
.hong-beard-cloud {
    position: absolute;
    bottom: -6px; left: 50%; /* 保持原版 */
    transform: translateX(-50%);
    width: 30px; height: 15px;
    z-index: 14; pointer-events: none;
}
.hong-beard-cloud::before {
    content: ''; position: absolute;
    top: 2px; left: 11px; 
    width: 8px; height: 8px;
    background: #eeeeee; border-radius: 50%;
    box-shadow: -7px -2px 0 -1px #eeeeee, 7px -2px 0 -1px #eeeeee, -4px 4px 0 -1px #eeeeee, 4px 4px 0 -1px #eeeeee, 0 7px 0 -2px #eeeeee;
}

/* 5. 打狗棒 (保持原版) */
.hong-stick {
    position: absolute;
    width: 5px; height: 65px;
    background: linear-gradient(to right, #2e7d32, #66bb6a, #2e7d32);
    top: -30px; right: -12px; /* 保持原版 */
    transform: rotate(25deg);
    z-index: 5; border-radius: 3px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

/* 6. 宝葫芦 (保持原版) */
.hong-gourd {
    position: absolute;
    width: 15px; height: 14px;
    background: #d32f2f; border-radius: 50%;
    bottom: 12px; left: -10px; /* 保持原版 */
    z-index: 12; transform: rotate(-20deg);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.hong-gourd::before { content: ''; position: absolute; top: -8px; left: 2px; width: 10px; height: 10px; background: #d32f2f; border-radius: 50%; border-bottom: 1px solid rgba(0,0,0,0.1); }
.hong-gourd::after { content: ''; position: absolute; top: -12px; left: 4px; width: 6px; height: 5px; background: #deb887; border-radius: 1px; }

/* 7. 降龙气场 (保持原版位置，仅修改 head 样式) */
.hong-dragon-aura {
    position: absolute;
    width: 120px; height: 120px;
    top: -50px; left: -45px; /* 保持原版 */
    z-index: 0; pointer-events: none;
    animation: hong-dragon-spin 5s linear infinite;
    opacity: 0.8;
}
.hong-dragon-body {
    position: absolute; width: 100%; height: 100%;
    border-radius: 50%;
    border: 4px solid transparent; border-top-color: #ffd700; border-right-color: #ffa000;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5); filter: blur(0.5px);
}

/* === 【重点修改】龙头容器 (去掉原来的三角边框，改为容器) === */
.hong-dragon-head {
    position: absolute;
    /* 位置微调以适应新龙头 */
    top: 5px; right: 10px; 
    width: 36px; height: 40px;
    /* 调整角度 */
    transform: rotate(30deg) scale(0.8); 
    z-index: 2;
}

/* === 新增：龙头细节样式 (hong-dh-前缀) === */
.hong-dh-main { 
    position: absolute; top: 10px; left: 0; width: 36px; height: 24px; 
    background: #d4af37; border-radius: 8px; 
    box-shadow: inset -2px -2px 5px rgba(0,0,0,0.3); 
}
.hong-dh-main::before { /* 下颚 */
    content: ''; position: absolute; bottom: -6px; left: 4px; 
    width: 28px; height: 8px; 
    background: #b8860b; border-radius: 0 0 8px 8px; 
}
.hong-dh-horn { /* 龙角 */
    position: absolute; top: -12px; width: 8px; height: 22px; 
    background: #8d6e63; border-radius: 4px 4px 0 0; 
}
.hong-dh-horn.left { left: 4px; transform: rotate(-25deg) skewX(10deg); }
.hong-dh-horn.right { right: 4px; transform: rotate(25deg) skewX(-10deg); }
.hong-dh-whisker { /* 龙须 */
    position: absolute; top: 20px; width: 40px; height: 2px; 
    background: #fff; border-radius: 50%; z-index: 2; 
}
.hong-dh-whisker.left { left: -20px; transform: rotate(-10deg); }
.hong-dh-whisker.right { right: -20px; transform: rotate(10deg); }
.hong-dh-eye { /* 龙眼 */
    position: absolute; top: 16px; width: 6px; height: 6px; 
    background: #fff; border-radius: 50%; z-index: 3; 
    box-shadow: 0 0 5px #fff; 
}
.hong-dh-eye.left { left: 6px; }
.hong-dh-eye.right { right: 6px; }

/* --- 动画 --- */
@keyframes hong-drunken-sway {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    75% { transform: rotate(-3deg); }
}
@keyframes hong-dragon-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* =========================================
【新形象】一灯大师 (红袍袈裟·白须·一阳指)
========================================= */
.visual-yideng-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform: translateY(-5px);
    /* 悬浮打坐动画 */
    animation: yideng-float 3s ease-in-out infinite; 
}

/* 1. 金刚光轮 (背景光环) */
.yideng-halo {
    position: absolute;
    width: 40px; height: 40px;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.4) 0%, rgba(255, 215, 0, 0) 70%);
    border-radius: 50%;
    top: 5px;
    z-index: 1;
    animation: yideng-halo-pulse 2s infinite alternate;
}

/* 2. 身体 (大红袈裟) */
.yideng-body {
    width: 28px; height: 44px;
    background: #b71c1c; /* 深红僧袍 */
    border-radius: 12px 12px 4px 4px;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 5px rgba(0,0,0,0.4);
}

/* 3. 袈裟金边 (斜挎带) */
.yideng-sash {
    position: absolute;
    width: 28px; height: 18px;
    background: #ffb300; /* 金黄色 */
    top: 10px; left: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 60%, 0 0); /* 斜切造型 */
    opacity: 0.9;
}

/* 4. 头部 (光头) */
.yideng-head {
    width: 20px; height: 22px;
    background: #f5d0b0; /* 肤色 */
    border-radius: 10px;
    position: absolute;
    top: -16px; left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

/* 5. 五官 (白长眉 + 白须) */
.yideng-face-features {
    position: absolute;
    width: 100%; height: 100%;
}
/* 长眉毛 */
.yideng-face-features::before {
    content: '';
    position: absolute;
    top: 6px; left: 2px;
    width: 16px; height: 2px;
    background: transparent;
    box-shadow: -3px 2px 0 #fff, 3px 2px 0 #fff; /* 两条白眉 */
    border-radius: 50%;
}
/* 长白胡须 */
.yideng-face-features::after {
    content: '';
    position: absolute;
    bottom: -6px; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #eee; /* 倒三角胡子 */
}

/* 6. 一阳指特效 (聚气光点) */
.yideng-finger-glow {
    position: absolute;
    width: 8px; height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 20px; right: -5px; /* 在身侧凝聚 */
    z-index: 4;
    box-shadow: 0 0 10px #ffd700, 0 0 20px #ff8f00;
    animation: yideng-finger-shot 1.5s infinite;
}

/* --- 动画定义 --- */
@keyframes yideng-float {
    0%, 100% { transform: translateY(-5px); }
    50% { transform: translateY(-10px); } /* 上下悬浮 */
}

@keyframes yideng-halo-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.3); opacity: 0.8; } /* 光环缩放 */
}

@keyframes yideng-finger-shot {
    0% { transform: scale(0.5); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 15px #ffd700; }
    100% { transform: scale(0.5); opacity: 0.5; } /* 内力吞吐 */
}   
/* =========================================
    【新形象 V8】黄药师 (白发·V型剑眉·柳枝垂髫)
    ========================================= */
.visual-huang-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: flex-end;
    transform: translateY(-8px);
}

/* 1. 身体 (翠绿青袍) */
.huang-robe {
    width: 26px; height: 46px;
    background: linear-gradient(165deg, #43a047, #1b5e20); 
    border-radius: 6px 6px 0 0;
    position: relative;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    z-index: 2;
    animation: huang-breathe 3s infinite ease-in-out;
}

/* 2. 领口 */
.huang-robe::before {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #b9f6ca; 
}

/* 3. 身后仙气 (银白瀑布流) */
.huang-robe::after {
    content: ''; position: absolute; z-index: -2;
    top: 5px; left: 50%;
    width: 44px; height: 52px;
    transform: translateX(-50%);
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 15%,
        rgba(236, 239, 241, 0.7) 20%, 
        rgba(207, 216, 220, 0.6) 30%, 
        transparent 40%,
        transparent 60%,
        rgba(236, 239, 241, 0.7) 70%,
        rgba(207, 216, 220, 0.6) 80%,
        transparent 90%
    );
    filter: blur(0.5px);
    border-radius: 0 0 10px 10px;
    animation: mist-flow 4s infinite ease-in-out alternate;
}

.huang-beard {
    position: absolute;
    /* 位置：挂在下巴下面 */
    bottom: -12px; 
    left: 50%;
    transform: translateX(-50%);
    
    /* 形状：倒三角形长须 */
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 16px solid #e0e0e0; /* 银白胡须 */
    
    /* 让胡子稍微有点弧度，不那么生硬 */
    border-radius: 2px;
    z-index: 4;
    
    /* 随风飘动 */
    animation: beard-sway 3s infinite ease-in-out alternate;
}

/* 胡子飘动动画 */
@keyframes beard-sway {
    0% { transform: translateX(-50%) rotate(0deg); }
    100% { transform: translateX(-55%) rotate(10deg); }
}

/* 4. 头部 (【修正】V字型剑眉) */
.huang-head {
    position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 22px; 
    background: #ffe0b2;
    border-radius: 4px 4px 10px 10px; 
    z-index: 3;
    
    /* 【核心修正】利用 gradients 绘制 V 型 
        左边：60deg 渐变线生成 \ (左上到右下)
        右边：-60deg 渐变线生成 / (右上到左下)
        组合在一起就是 \ / (剑眉)
    */
    background-image: 
        /* 左眉 \ */
        linear-gradient(60deg, transparent 40%, #616161 40%, #616161 50%, transparent 50%),
        /* 右眉 / */
        linear-gradient(-60deg, transparent 40%, #616161 40%, #616161 50%, transparent 50%);
        
    background-size: 5px 3px; /* 限制每条眉毛的大小 */
    background-repeat: no-repeat;
    /* 精确控制位置：(左边眉毛在左侧，右边眉毛在右侧) */
    background-position: 2px 7px, 7px 7px; 
}

/* 5. 头顶发髻 (白发) */
.huang-head::after {
    content: ''; position: absolute; 
    top: -12px; left: 50%; transform: translateX(-50%);
    width: 14px; height: 16px; 
    background: linear-gradient(to bottom, #eceff1, #b0bec5);
    border-radius: 8px 8px 4px 4px;
    z-index: -1;
    box-shadow: inset 0 -6px 0 -4px #64ffda; /* 玉簪 */
}

    /* 6. 两缕垂发 (柳条细丝) */
    .huang-head::before {
        content: ''; position: absolute; 
        top: -5px; left: 50%; transform: translateX(-50%);
        width: 20px; height: 35px; 
        border-left: 1px solid rgba(236, 239, 241, 0.9); 
        border-right: 1px solid rgba(236, 239, 241, 0.9); 
        border-radius: 10px;
        border-bottom: 0; border-top: 0;
        pointer-events: none; z-index: 5; 
        animation: willow-sway 3s infinite ease-in-out alternate;
    }

    /* 7. 玉箫 */
    .huang-flute {
        position: absolute; top: 14px; left: -6px;
        width: 40px; height: 3px; 
        background: #a7ffeb; border: 1px solid #004d40; border-radius: 2px;
        transform: rotate(-15deg); z-index: 4;
        animation: huang-play 1.5s infinite alternate ease-in-out;
    }

    /* 8. 音符 */
    .huang-note {
        position: absolute; top: -5px; right: -10px;
        font-size: 12px; color: #a7ffeb; text-shadow: 0 0 5px #a7ffeb; opacity: 0;
        animation: note-float 3s infinite linear;
    }
    .huang-note.n2 { animation-delay: 1s; right: -20px; color: #64ffda; font-size: 10px; }
    .huang-note.n3 { animation-delay: 2s; right: 0px;  color: #18ffff; font-size: 8px; }

    /* --- 动画 --- */
    @keyframes huang-breathe {
        0%, 100% { transform: scaleY(1); }
        50% { transform: scaleY(1.02); }
    }
    @keyframes huang-play {
        0% { transform: rotate(-15deg) translateY(0); }
        100% { transform: rotate(-18deg) translateY(2px); }
    }
    @keyframes mist-flow {
        0% { transform: translateX(-50%) skewX(0deg); opacity: 0.8; }
        100% { transform: translateX(-50%) skewX(-3deg) scaleY(1.05); opacity: 0.6; }
    }
    @keyframes note-float {
        0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }
        20% { opacity: 1; }
        80% { opacity: 0.8; }
        100% { transform: translateY(-60px) translateX(30px) rotate(90deg); opacity: 0; }
    }
    @keyframes willow-sway {
        0% { transform: translateX(-50%) skewX(1deg) rotate(0deg); }
        100% { transform: translateX(-50%) skewX(-1deg) rotate(-1deg); }
    }