/* 命座共鸣 · 全局样式 */
body {
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* 玻璃拟态卡片 */
.glass {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* 渐变文字 */
.gradient-text {
    background: linear-gradient(90deg, #7c5cff 0%, #22d3ee 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* 悬停发光 */
.glow {
    transition: box-shadow .25s ease, transform .25s ease;
}
.glow:hover {
    box-shadow: 0 0 28px rgba(124, 92, 255, .55);
    transform: translateY(-2px);
}

/* 进度条 */
.bar-track {
    background: rgba(255, 255, 255, .08);
    border-radius: 999px;
    overflow: hidden;
}
.bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #7c5cff, #22d3ee);
    border-radius: 999px;
    transition: width .6s ease;
}

/* 选项卡 */
.opt-card {
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.opt-card:hover {
    border-color: rgba(124, 92, 255, .7);
    background: rgba(124, 92, 255, .08);
    transform: translateX(4px);
}

/* 元素徽章配色 */
.el-火 { color: #ff7a59; }
.el-水 { color: #4cc9f0; }
.el-风 { color: #5fd7a3; }
.el-雷 { color: #b388ff; }
.el-草 { color: #a5d957; }
.el-冰 { color: #9be7ff; }
.el-岩 { color: #f0c674; }

/* 渐入 */
.fade-in { animation: fadeIn .4s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px);} to { opacity: 1; transform: none;} }