/**
 * LMS积分系统样式
 * 守望先锋风格的等级框设计 - 圆形边框 + 顶部徽记 + 念珠圆点装饰
 */

/* 用户头像包装器 */
.lms-user-avatar-wrapper {
    position: relative;
    display: block;
}

/* 用户头像带等级框 */
.lms-user-avatar.lms-level-border {
    position: relative;
    display: inline-block;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s ease;
    overflow: visible;
}

/* 圆形头像内部 */
.lms-user-avatar.lms-level-border img {
    border-radius: 50%;
    display: block;
    position: relative;
    z-index: 2;
}

/* 等级框基础样式 - 圆形边框（通用高光+暗角，具体金属质感在各段位中覆盖） */
.lms-user-avatar.lms-level-border::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
    box-sizing: border-box;
    /* 通用高光+暗角，让整体看起来有体积感 */
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.7), transparent 55%),
        radial-gradient(circle at 70% 80%, rgba(0,0,0,0.55), transparent 60%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,0.18), transparent 65%);
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.35),
        0 0 10px rgba(0,0,0,0.7),
        inset 0 0 6px rgba(0,0,0,0.7),
        inset 0 0 2px rgba(255,255,255,0.35);
}

/* 装饰元素 - 顶部徽记 + 念珠圆点（随style变化） */
.lms-user-avatar.lms-level-border::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    /* 放在头像和边框之上，保证装饰不会被头像盖住 */
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    background-repeat: no-repeat;
    /* 多层背景：顶部徽记 + 多个念珠点 */
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.55));
}

/* Style 1: 简单圆形边框，无装饰 */
.lms-level-border.style-1::before {
    border-width: 3px;
}

.lms-level-border.style-1::after {
    opacity: 1;
    width: calc(100% + 26px);
    height: calc(100% + 26px);
    background-image:
        /* 顶部徽记：小莲花苞（用小圆点近似） */
        radial-gradient(circle 3px at 50% 8%, currentColor 0 70%, transparent 71%),
        /* 念珠：7点/5点 各1颗（共2） —— 统一内圈半径 r_in=42% */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%);
}

/* Style 2: 加厚边框 */
.lms-level-border.style-2::before {
    border-width: 4px;
    box-shadow: 0 0 8px currentColor, inset 0 0 4px currentColor;
}

.lms-level-border.style-2::after {
    opacity: 1;
    width: calc(100% + 26px);
    height: calc(100% + 26px);
    background-image:
        /* 顶部徽记：双小莲花苞 */
        radial-gradient(circle 3px at 47% 8%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 53% 8%, currentColor 0 70%, transparent 71%),
        /* 念珠：7点/5点 各2颗（内+外），共4 —— 统一半径 r_in=42%, r_out=50% */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%);
}

/* Style 3: 双层边框效果 */
.lms-level-border.style-3::before {
    border-width: 4px;
    box-shadow: 0 0 12px currentColor, inset 0 0 6px currentColor;
}

.lms-level-border.style-3::after {
    opacity: 1;
    width: calc(100% + 26px);
    height: calc(100% + 26px);
    background-image:
        /* 顶部徽记：三小莲花苞 */
        radial-gradient(circle 3px at 45% 9%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 50% 7.5%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 55% 9%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（1-20 的4颗，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        /* 21-30：8点/4点 各1颗（共2） —— 统一内圈半径 r_in=42% */
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%);
}

/* Style 4: 开始出现小装饰点 */
.lms-level-border.style-4::before {
    border-width: 4px;
    box-shadow: 0 0 15px currentColor, inset 0 0 8px currentColor;
}

.lms-level-border.style-4::after {
    opacity: 1;
    width: calc(100% + 28px);
    height: calc(100% + 28px);
    background-image:
        /* 顶部徽记：莲花簇（3朵） */
        radial-gradient(circle 3px at 46% 10%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 54% 10%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 50% 6%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（到30的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        /* 31-40：8点/4点 各2颗（内+外），共4 —— 统一外圈半径 r_out=50% */
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%);
}

/* Style 5: 装饰点增加 */
.lms-level-border.style-5::before {
    border-width: 5px;
    box-shadow: 0 0 18px currentColor, inset 0 0 10px currentColor;
}

.lms-level-border.style-5::after {
    opacity: 1;
    width: calc(100% + 28px);
    height: calc(100% + 28px);
    background-image:
        /* 顶部徽记：莲花簇（6朵） */
        radial-gradient(circle 3px at 44% 10%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 56% 10%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 50% 6%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 47% 14%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 53% 14%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 50% 12%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（到40的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%),
        /* 41-50：9点/3点 各1颗（共2） —— 统一内圈半径 r_in=42% */
        radial-gradient(circle 2.6px at 8.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 92.0% 50.0%, currentColor 0 70%, transparent 71%);
}

/* Style 6: 顶部徽记 + 念珠继续累加 */
.lms-level-border.style-6::before {
    border-width: 5px;
    box-shadow: 0 0 20px currentColor, inset 0 0 12px currentColor;
}

.lms-level-border.style-6::after {
    opacity: 1;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background-image:
        /* 顶部徽记：摩尼宝珠（如意珠）— 外圈+内核 */
        radial-gradient(circle 5px at 50% 8%, transparent 0 45%, currentColor 46% 70%, transparent 71%),
        radial-gradient(circle 2.5px at 50% 8%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（到50的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 8.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 92.0% 50.0%, currentColor 0 70%, transparent 71%),
        /* 51-60：9点/3点 各2颗（内+外），共4 —— 统一外圈半径 r_out=50% */
        radial-gradient(circle 2.6px at 0.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 100.0% 50.0%, currentColor 0 70%, transparent 71%);
}

/* Style 7 */
.lms-level-border.style-7::before {
    border-width: 5px;
    box-shadow: 0 0 22px currentColor, inset 0 0 14px currentColor;
}

.lms-level-border.style-7::after {
    opacity: 1;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background-image:
        /* 顶部徽记：摩尼宝珠 *3（小大小） */
        radial-gradient(circle 3px at 46% 9%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 4px at 50% 7%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3px at 54% 9%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（到60的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 8.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 92.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 0.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 100.0% 50.0%, currentColor 0 70%, transparent 71%),
        /* 61-70：10点/2点 各1颗（共2） —— 统一内圈半径 r_in=42% */
        radial-gradient(circle 2.4px at 13.6% 29.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 29.0%, currentColor 0 70%, transparent 71%);
}

/* Style 8 */
.lms-level-border.style-8::before {
    border-width: 6px;
    box-shadow: 0 0 25px currentColor, inset 0 0 16px currentColor;
}

.lms-level-border.style-8::after {
    opacity: 1;
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    background-image:
        /* 顶部徽记：法轮简符（极简 8 辐）— 用8个小点环形近似 */
        radial-gradient(circle 2px at 50% 6%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 54% 10%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 56% 14%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 54% 18%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 50% 18%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 46% 18%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 44% 14%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2px at 46% 10%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（到70的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 8.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 92.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 0.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 100.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 29.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 29.0%, currentColor 0 70%, transparent 71%),
        /* 71-80：10点/2点 各2颗（内+外），共4 —— 统一外圈半径 r_out=50% */
        radial-gradient(circle 2.4px at 6.7% 25.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 25.0%, currentColor 0 70%, transparent 71%);
}

/* Style 9 */
.lms-level-border.style-9::before {
    border-width: 6px;
    box-shadow: 0 0 28px currentColor, inset 0 0 18px currentColor;
}

.lms-level-border.style-9::after {
    opacity: 1;
    width: calc(100% + 34px);
    height: calc(100% + 34px);
    background-image:
        /* 顶部徽记：日月同辉（小太阳上 + 小月牙下，近似） */
        radial-gradient(circle 3.4px at 50% 7.5%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 3.4px at 50% 13.5%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 51.5% 13.5%, transparent 0 60%, currentColor 61% 70%, transparent 71%),
        /* 念珠：累加保留（到80的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 8.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 92.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 0.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 100.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 29.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 29.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 25.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 25.0%, currentColor 0 70%, transparent 71%),
        /* 81-90：11点/1点 各1颗（共2） —— 统一内圈半径 r_in=42% */
        radial-gradient(circle 2.4px at 29.0% 13.6%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 13.6%, currentColor 0 70%, transparent 71%);
}

/* Style 10 */
.lms-level-border.style-10::before {
    border-width: 7px;
    box-shadow: 0 0 32px currentColor, inset 0 0 20px currentColor;
}

.lms-level-border.style-10::after {
    opacity: 1;
    width: calc(100% + 36px);
    height: calc(100% + 36px);
    background-image:
        /* 顶部徽记：小佛像（简化：头+身） */
        radial-gradient(circle 3px at 50% 8%, currentColor 0 70%, transparent 71%),
        radial-gradient(ellipse 4px 5px at 50% 14%, currentColor 0 70%, transparent 71%),
        /* 念珠：累加保留（到90的所有，统一半径） */
        radial-gradient(circle 2.4px at 29.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 86.4%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 25.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 93.3%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 71.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 75.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 8.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 92.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 0.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.6px at 100.0% 50.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 13.6% 29.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 86.4% 29.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 6.7% 25.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 93.3% 25.0%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 29.0% 13.6%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 71.0% 13.6%, currentColor 0 70%, transparent 71%),
        /* 91-100：11点/1点 各2颗（内+外），共4 —— 统一外圈半径 r_out=50% */
        radial-gradient(circle 2.4px at 25.0% 6.7%, currentColor 0 70%, transparent 71%),
        radial-gradient(circle 2.4px at 75.0% 6.7%, currentColor 0 70%, transparent 71%);
}

/* 段位颜色 + 金属质感定义 */
.lms-level-border.tier-bronze::before,
.lms-level-border.tier-bronze::after {
    color: #CD7F32;
    border-color: #CD7F32;
}
.lms-level-border.tier-bronze::before {
    background:
        radial-gradient(circle at 28% 18%, rgba(255,245,230,0.8), transparent 55%),
        radial-gradient(circle at 70% 85%, rgba(80,35,10,0.9), transparent 60%),
        conic-gradient(from 210deg, #fff1cf 0deg, #b86a2d 60deg, #3e1c0c 140deg, #ffddaa 220deg, #fff1cf 360deg);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.45),
        0 0 10px rgba(120,60,20,0.9),
        inset 0 0 8px rgba(45,20,5,0.9),
        inset 0 0 3px rgba(255,240,220,0.8);
}

.lms-level-border.tier-silver::before,
.lms-level-border.tier-silver::after {
    color: #C0C0C0;
    border-color: #C0C0C0;
}
.lms-level-border.tier-silver::before {
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.95), transparent 55%),
        radial-gradient(circle at 72% 80%, rgba(80,80,80,0.9), transparent 60%),
        conic-gradient(from 210deg, #fdfdfd 0deg, #b0b0b0 60deg, #4f4f4f 150deg, #ffffff 230deg, #fdfdfd 360deg);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.6),
        0 0 12px rgba(180,180,180,0.9),
        inset 0 0 10px rgba(60,60,60,0.9),
        inset 0 0 4px rgba(255,255,255,0.9);
}

.lms-level-border.tier-gold::before,
.lms-level-border.tier-gold::after {
    color: #FFD700;
    border-color: #FFD700;
}
.lms-level-border.tier-gold::before {
    background:
        radial-gradient(circle at 26% 18%, rgba(255,255,240,0.95), transparent 55%),
        radial-gradient(circle at 72% 82%, rgba(150,105,0,0.9), transparent 60%),
        conic-gradient(from 210deg, #fff9d1 0deg, #f1c232 70deg, #8a5b00 150deg, #ffe89b 230deg, #fff9d1 360deg);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.6),
        0 0 14px rgba(255,215,0,0.95),
        inset 0 0 10px rgba(110,70,0,0.9),
        inset 0 0 4px rgba(255,253,220,0.95);
}

.lms-level-border.tier-platinum::before,
.lms-level-border.tier-platinum::after {
    color: #E5E4E2;
    border-color: #E5E4E2;
}
.lms-level-border.tier-platinum::before {
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,1), transparent 55%),
        radial-gradient(circle at 72% 82%, rgba(120,120,130,0.95), transparent 60%),
        conic-gradient(from 210deg, #ffffff 0deg, #e5e4e2 60deg, #868ca0 150deg, #fdfdfd 230deg, #ffffff 360deg);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.8),
        0 0 16px rgba(220,220,230,0.95),
        inset 0 0 10px rgba(80,80,95,0.9),
        inset 0 0 5px rgba(255,255,255,1);
}

.lms-level-border.tier-diamond::before,
.lms-level-border.tier-diamond::after {
    color: #B9F2FF;
    border-color: #B9F2FF;
}
.lms-level-border.tier-diamond::before {
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,1), transparent 55%),
        radial-gradient(circle at 75% 80%, rgba(10,40,70,0.9), transparent 60%),
        conic-gradient(from 210deg, #e6fcff 0deg, #9be8ff 70deg, #1a4168 150deg, #f5feff 230deg, #e6fcff 360deg);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.9),
        0 0 18px rgba(120,230,255,0.95),
        inset 0 0 12px rgba(10,40,70,0.9),
        inset 0 0 5px rgba(255,255,255,1);
}

/* 星级显示 - 参考守望先锋设计 */
.lms-level-stars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    z-index: 10;
    margin-top: 10px;
    position: relative;
}

/* 0星：不显示 */
.lms-level-stars.stars-0 {
    display: none;
}

/* 1星：单个较大的星 */
.lms-level-stars.stars-1 {
    gap: 0;
}

.lms-level-stars.stars-1 .lms-star {
    width: 16px;
    height: 16px;
}

/* 2星：两个相同大小的星，水平排列 */
.lms-level-stars.stars-2 {
    gap: 8px;
}

.lms-level-stars.stars-2 .lms-star {
    width: 14px;
    height: 14px;
}

/* 3星：中间的星最大，两侧的星较小，形成轻微向上的弧线 */
.lms-level-stars.stars-3 {
    gap: 6px;
    align-items: flex-end;
}

.lms-level-stars.stars-3 .lms-star:nth-child(1),
.lms-level-stars.stars-3 .lms-star:nth-child(3) {
    width: 12px;
    height: 12px;
    transform: translateY(-2px);
}

.lms-level-stars.stars-3 .lms-star:nth-child(2) {
    width: 16px;
    height: 16px;
}

/* 4星：四个小星，两个较低，两个较高，形成弧线 */
.lms-level-stars.stars-4 {
    gap: 4px;
    align-items: flex-end;
}

.lms-level-stars.stars-4 .lms-star {
    width: 12px;
    height: 12px;
}

.lms-level-stars.stars-4 .lms-star:nth-child(1),
.lms-level-stars.stars-4 .lms-star:nth-child(4) {
    transform: translateY(-3px);
}

.lms-level-stars.stars-4 .lms-star:nth-child(2),
.lms-level-stars.stars-4 .lms-star:nth-child(3) {
    transform: translateY(0);
}

/* 5星：五个星，中间的星最大，两侧逐渐变小，形成向上的弧线 */
.lms-level-stars.stars-5 {
    gap: 0px;
    align-items: center;
}

.lms-level-stars.stars-5 .lms-star:nth-child(1),
.lms-level-stars.stars-5 .lms-star:nth-child(5) {
    width: 10px;
    height: 10px;
    transform: translateY(-5px);
}

.lms-level-stars.stars-5 .lms-star:nth-child(2),
.lms-level-stars.stars-5 .lms-star:nth-child(4) {
    width: 13px;
    height: 13px;
    transform: translateY(-2px);
}

.lms-level-stars.stars-5 .lms-star:nth-child(3) {
    width: 16px;
    height: 16px;
    transform: translateY(0);
}

/* 星星基础样式 */
.lms-star {
    display: inline-block;
    /* 金属星星：中心高光 + 边缘更深，带发光 */
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.95), transparent 55%),
        radial-gradient(circle at 50% 65%, currentColor 0%, rgba(0,0,0,0.25) 75%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    box-shadow:
        0 0 6px rgba(0,0,0,0.65),
        0 0 6px currentColor,
        inset 0 0 2px rgba(255,255,255,0.8);
    flex-shrink: 0;
}

/* =========================
 * Ultimate Member 个人主页头像框放大优化
 * 仅在 UM 个人资料页中，让头像变大后边框/装饰等比更醒目
 * ========================= */

/* 加粗并外扩 UM 个人主页中的等级边框 */
.um.um-profile.um-viewing .bia-um-avatar .lms-user-avatar.lms-level-border::before {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-width: 4px;
}

/* 放大 UM 个人主页中的顶部徽记与念珠装饰 */
.um.um-profile.um-viewing .bia-um-avatar .lms-user-avatar.lms-level-border::after {
    transform: translate(-50%, -50%) scale(1.15);
}

/* 根据段位设置星星颜色 */
.lms-level-border.tier-bronze ~ .lms-level-stars .lms-star {
    color: #CD7F32;
}

.lms-level-border.tier-silver ~ .lms-level-stars .lms-star {
    color: #C0C0C0;
}

.lms-level-border.tier-gold ~ .lms-level-stars .lms-star {
    color: #FFD700;
}

.lms-level-border.tier-platinum ~ .lms-level-stars .lms-star {
    color: #E5E4E2;
}

.lms-level-border.tier-diamond ~ .lms-level-stars .lms-star {
    color: #B9F2FF;
}

/* 用户等级信息 */
.lms-user-level-info {
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.lms-level-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: 600;
}

.lms-tier-name {
    color: inherit;
}

/* 段位名称文字颜色 - 适配深蓝色背景，提高可读性 */
.lms-level-badge .lms-tier-name {
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.8);
    font-weight: 700;
}

/* 根据段位设置文字颜色 */
.lms-level-badge.tier-bronze .lms-tier-name {
    color: #FFB84D; /* 初铜 - 明亮的橙黄色，在深蓝背景下清晰 */
}

.lms-level-badge.tier-silver .lms-tier-name {
    color: #F0F0F0; /* 精银 - 明亮的银白色，高对比度 */
}

.lms-level-badge.tier-gold .lms-tier-name {
    color: #FFE55C; /* 成金 - 明亮的金黄色 */
}

.lms-level-badge.tier-platinum .lms-tier-name {
    color: #FFFFFF; /* 圆白金 - 纯白色，最高对比度 */
}

.lms-level-badge.tier-diamond .lms-tier-name {
    color: #7FE5FF; /* 菩钻石 - 明亮的青色，在深蓝背景下突出 */
}

.lms-level-number {
    color: #E0E0E0; /* 明亮的浅灰色，在深蓝背景下清晰可见 */
    font-weight: 700;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.5);
}

.lms-points-info {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    font-size: 13px;
}

.lms-points-number {
    font-weight: 700;
    color: #FFFFFF; /* 纯白色，最高对比度 */
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.5);
}

.lms-points-label {
    color: #CCCCCC; /* 明亮的浅灰色 */
    font-size: 12px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.5);
}

/* 排行榜样式 */
.lms-leaderboard {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.lms-leaderboard-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lms-leaderboard-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.lms-rank {
    font-size: 24px;
    font-weight: 700;
    color: #666;
    min-width: 40px;
    text-align: center;
}

.lms-rank.rank-1 {
    color: #FFD700;
}

.lms-rank.rank-2 {
    color: #C0C0C0;
}

.lms-rank.rank-3 {
    color: #CD7F32;
}

.lms-leaderboard-user-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
}

.lms-leaderboard-points {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    min-width: 80px;
    text-align: right;
}

/* 积分榜名称链接 - 强制移除下划线 */
.lms-bia-name-link {
    text-decoration: none !important;
}

.lms-bia-name-link:hover,
.lms-bia-name-link:focus,
.lms-bia-name-link:active {
    text-decoration: none !important;
}

/* BIA积分榜项目 - 整个项目可点击 */
.lms-bia-leaderboard-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    text-decoration: none !important;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    cursor: pointer;
}

.lms-bia-leaderboard-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    opacity: 0.95;
    text-decoration: none !important;
}

.lms-bia-leaderboard-item:focus,
.lms-bia-leaderboard-item:active {
    text-decoration: none !important;
    outline: 2px solid rgba(51, 153, 255, 0.5);
    outline-offset: 2px;
}

/* 积分榜排名 */
.lms-bia-rank {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* 积分榜头像包装 */
.lms-bia-avatar-wrap {
    flex-shrink: 0;
}

.lms-bia-avatar-wrap .lms-user-avatar-wrapper {
    position: relative;
    padding-top: 20px;
}

/* 积分榜头像放大 */
.lms-bia-leaderboard-item .lms-user-avatar.lms-level-border {
    width: 60px;
    height: 60px;
}

.lms-bia-leaderboard-item .lms-user-avatar.lms-level-border img {
    width: 60px;
    height: 60px;
    border: 1px rgba(255, 255, 255, 0.39) solid;
}

/* 积分榜信息区域 */
.lms-bia-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 10px;
}

/* 积分榜名字放大 */
.lms-bia-name {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    line-height: 1.4;
}

/* 积分榜元数据 */
.lms-bia-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.lms-bia-meta .lms-level-number {
    font-weight: 600;
}

.lms-bia-meta .lms-bia-points {
    font-weight: 500;
}