/* ═══════════════════════════════════════════════════════════════
   圖鑑頂規測試：MR / UR 對齊 SEC 級霓虹（SEC 既有規則不修改）
   還原：刪除 index.html 內本檔 <link> 即可
   ═══════════════════════════════════════════════════════════════ */

/* MR 稀有度膠囊 · 粉紫霓虹（結構對齊 .bag-rarity.SEC） */
.bag-rarity.MR,
.catalog-rarity-head .bag-rarity.MR,
.catalog-card-body .bag-rarity.MR {
    color: #ffe8f8;
    background: linear-gradient(135deg, rgba(120, 24, 72, 0.95), rgba(42, 8, 36, 0.98));
    border: 1px solid rgba(255, 110, 199, 0.75);
    box-shadow:
        0 0 14px rgba(255, 77, 141, 0.55),
        0 0 26px rgba(224, 64, 251, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* MR 區塊標題列 · 粉紫掃光 */
.catalog-rarity-block[data-rarity='MR'] .catalog-rarity-head {
    background: linear-gradient(180deg, rgba(255, 77, 141, 0.14) 0%, transparent 100%);
}

.catalog-rarity-block[data-rarity='MR'] .catalog-rarity-head::before {
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 77, 141, 0.12) 40%,
        rgba(224, 64, 251, 0.14) 60%,
        rgba(255, 136, 255, 0.1) 80%,
        transparent 100%
    );
}

.catalog-rarity-block[data-rarity='MR'] .catalog-rarity-head::after {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 77, 141, 0.75),
        rgba(224, 64, 251, 0.9),
        rgba(255, 136, 255, 0.75),
        transparent
    );
}

/* UR 區塊標題列 · 金色掃光 */
.catalog-rarity-block[data-rarity='UR'] .catalog-rarity-head {
    background: linear-gradient(180deg, rgba(255, 215, 0, 0.12) 0%, transparent 100%);
}

.catalog-rarity-block[data-rarity='UR'] .catalog-rarity-head::before {
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 215, 0, 0.1) 40%,
        rgba(255, 180, 50, 0.14) 60%,
        rgba(255, 230, 120, 0.1) 80%,
        transparent 100%
    );
}

.catalog-rarity-block[data-rarity='UR'] .catalog-rarity-head::after {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 180, 50, 0.7),
        rgba(255, 215, 0, 0.9),
        rgba(255, 230, 120, 0.75),
        transparent
    );
}

/* MR / UR 圖鑑卡框 · 常駐微光 */
.catalog-card.catalog-card--has-art[data-rarity='MR'] {
    border-color: rgba(255, 110, 199, 0.4);
    box-shadow:
        0 0 18px rgba(255, 77, 141, 0.18),
        inset 0 0 22px rgba(224, 64, 251, 0.05);
}

.catalog-card.catalog-card--has-art[data-rarity='UR'] {
    border-color: rgba(255, 215, 0, 0.38);
    box-shadow:
        0 0 18px rgba(255, 215, 0, 0.16),
        inset 0 0 22px rgba(255, 180, 50, 0.05);
}

/* 懸停：覆蓋通用紫色，改為對應稀有度色 */
.catalog-card.catalog-card--has-art[data-rarity='MR']:hover {
    border-color: rgba(255, 110, 199, 0.7);
    box-shadow:
        0 8px 32px rgba(255, 77, 141, 0.35),
        0 0 28px rgba(224, 64, 251, 0.22);
}

.catalog-card.catalog-card--has-art[data-rarity='UR']:hover {
    border-color: rgba(255, 215, 0, 0.72);
    box-shadow:
        0 8px 32px rgba(255, 215, 0, 0.32),
        0 0 28px rgba(255, 180, 50, 0.22);
}

.catalog-card--has-art[data-rarity='MR']:hover .catalog-card-mount--market-holo .card-3d-wrap {
    filter: drop-shadow(0 12px 28px rgba(255, 77, 141, 0.42));
}

.catalog-card--has-art[data-rarity='UR']:hover .catalog-card-mount--market-holo .card-3d-wrap {
    filter: drop-shadow(0 12px 28px rgba(255, 215, 0, 0.42));
}

.catalog-card--has-art[data-rarity='MR'] .catalog-card-art--frame {
    box-shadow: inset 0 0 0 1px rgba(255, 110, 199, 0.35);
}

.catalog-card--has-art[data-rarity='UR'] .catalog-card-art--frame {
    box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.32);
}

.catalog-card--has-art[data-rarity='MR'] .catalog-card-mount--market-holo .card-3d-wrap.is-tilt-active .card-face::before,
.catalog-card--has-art[data-rarity='UR'] .catalog-card-mount--market-holo .card-3d-wrap.is-tilt-active .card-face::before {
    opacity: 1;
}
