/* ====================== 真君纪元 · 神劫重楼玻璃美化（神陨深色加强版） ====================== */
/* 极致深渊紫黑 + 金红神血 + 天眼裂痕光泽 + 神性崩坏质感 */

body {
    background: #0a050f !important;                    /* 极深神劫黑紫底 */
    background-image: 
        radial-gradient(circle at 25% 15%, rgba(234, 179, 8, 0.07) 0%, transparent 55%),
        radial-gradient(circle at 75% 85%, rgba(185, 28, 28, 0.06) 0%, transparent 65%) !important;
    background-attachment: fixed;
}

.glass-card,
.card,
.talent-pool,
.starting-item-grid,
.items-gallery,
.modal-container,
.setting-card,
.preview-area {
    background: rgba(15, 8, 28, 0.85) !important;     /* 更深的半透明神劫墨紫 */
    backdrop-filter: blur(22px) saturate(180%) contrast(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) contrast(1.18) !important;
    border: 1.8px solid rgba(234, 179, 8, 0.48) !important;   /* 昭惠金红边框 */
    border-radius: 26px !important;
    box-shadow: 
        0 25px 55px rgba(0, 0, 0, 0.92),
        inset 0 4px 0 rgba(255, 255, 255, 0.06),
        0 0 45px rgba(185, 28, 28, 0.28),               /* 神血裂痕外光 */
        inset 0 0 35px rgba(245, 158, 11, 0.14) !important;
}

/* 动态神劫脉冲角标（神性残痕觉醒感） */
.glass-card::after,
.card::after,
.modal-container::after {
    content: "";
    position: absolute;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: radial-gradient(circle, #f59e0b, #b91c1c, #6b21a8);
    border-radius: 50%;
    box-shadow: 0 0 28px #e11d48;
    animation: shenjiePulse 2.6s infinite ease-in-out;
    pointer-events: none;
    opacity: 0.82;
}

@keyframes shenjiePulse {
    0%, 100% { transform: scale(0.75); opacity: 0.68; }
    50% { transform: scale(1.42); opacity: 1; }
}

/* 左上角神劫裂痕印记（天眼渗血风格） */
.glass-card::before,
.card::before {
    content: "👁️‍🗨️🩸";
    position: absolute;
    top: -19px;
    left: -13px;
    font-size: 34px;
    filter: drop-shadow(0 0 14px #f59e0b);
    opacity: 0.78;
    animation: tianmuSway 4.5s infinite alternate ease-in-out;
    pointer-events: none;
}

@keyframes tianmuSway {
    from { transform: rotate(-12deg) translateY(0); }
    to { transform: rotate(11deg) translateY(-7px); }
}

/* 内部神劫裂纹膜纹理（金红血丝 + 紫黑网格） */
.glass-card,
.card,
.talent-pool,
.preview-area {
    background-image: 
        linear-gradient(to right, rgba(185, 28, 28, 0.18) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(245, 158, 11, 0.15) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    background-blend-mode: overlay;
}

/* 文字颜色 - 浅金白 + 神血红高光 */
body, .card, .talent-item, .preview-area, .attr-row,
button, input, select {
    color: #f5e8c7 !important;
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.85), 
                 0 0 13px rgba(185, 28, 28, 0.45) !important;
}

/* 按钮 - 神血吞噬风格（金红为主） */
button, .copy-btn, .skip-btn {
    background: rgba(153, 27, 27, 0.88) !important;
    border: 1.9px solid #f59e0b !important;
    color: #fefce8 !important;
    text-shadow: 0 0 13px #e11d48 !important;
}
button:hover, .copy-btn:hover, .skip-btn:hover {
    background: rgba(190, 24, 93, 0.97) !important;
    color: #ffffff !important;
    text-shadow: 0 0 22px #f87171 !important;
    transform: translateY(-3px);
    box-shadow: 0 0 35px #e11d48;
}

/* 输入框 - 神劫紫金膜 */
input, select, textarea {
    background: rgba(17, 10, 32, 0.88) !important;
    border: 1.7px solid rgba(245, 158, 11, 0.62) !important;
    color: #fcd34d !important;
    border-radius: 16px !important;
}

/* 天赋项高亮（神劫觉醒时更明显） */
.talent-item {
    transition: all 0.32s ease;
}
.talent-item:hover {
    border-left-color: #e11d48 !important;
    box-shadow: 0 0 22px rgba(225, 29, 72, 0.48) !important;
}

/* 滚动条 - 神血金红渐变 */
::-webkit-scrollbar {
    width: 7px;
    background: rgba(10, 6, 20, 0.85);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(#f59e0b, #e11d48);
    border-radius: 10px;
    box-shadow: 0 0 14px #e11d48;
}

/* 移动端适配 */
@media (max-width: 640px) {
    .glass-card, .card {
        border-radius: 20px !important;
        padding: 16px !important;
    }
    .glass-card::before, .card::before {
        font-size: 27px;
        top: -14px;
        left: -9px;
    }
}