:root{--jd-purple:#7367f0;--jd-purple-lt:#9b8ff7;--jd-gold:#f5c842;--jd-gold-dk:#b8860b;--jd-cyan:#00e5ff;--jd-red:#ff4c6a;--jd-green:#56ca00;--jd-glow-purple:0 0 28px rgba(115,103,240,0.3);--jd-glow-gold:0 0 22px rgba(245,200,66,0.25);--jd-font-display:'Cinzel',serif;--jd-font-ui:'Rajdhani',sans-serif;--jd-font-mono:'Orbitron',monospace;--jd-radius:12px;--jd-radius-lg:20px;--jd-bg:var(--bs-body-bg);--jd-bg-card:var(--bs-card-bg,var(--bs-body-bg));--jd-text:var(--bs-body-color);--jd-text-muted:var(--bs-secondary-color,#6c757d);--jd-border:var(--bs-border-color,rgba(115,103,240,0.15));--jd-border-hot:rgba(115,103,240,0.55)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--jd-font-ui);color:var(--jd-text);overflow-x:hidden}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:var(--jd-bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--jd-purple) 0%,rgba(115,103,240,0.35) 100%);border-radius:10px}
.jd-hero{position:relative;min-height:340px;border-radius:var(--jd-radius-lg);overflow:hidden;background:var(--jd-bg-card);border:1px solid var(--jd-border-hot);box-shadow:var(--jd-glow-purple),inset 0 0 80px rgba(0,0,0,0.05);display:flex;align-items:center;margin-bottom:28px}
.jd-hero__bg-img{position:absolute;inset:0;background-position:center;background-size:cover;z-index:1;filter:brightness(0.8)}
.jd-hero__scanlines{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.05) 3px,rgba(0,0,0,0.05) 4px)}
.jd-hero__content{position:relative;z-index:3;padding:44px 52px;width:100%}
.jd-hero__title{font-family:var(--jd-font-display);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;line-height:1.1;margin-bottom:8px;background:linear-gradient(to right,#ff00fb,#00e5ff,#70ff00,#ffcc00,#ff00fb);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(0,229,255,0.4));animation:shine-flow 6s linear infinite}
.light-style .jd-hero__title{filter:drop-shadow(0 2px 10px rgba(111,0,255,0.3))}
.jd-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
.btn-jd-primary{font-family:var(--jd-font-mono);font-size:0.85rem;letter-spacing:0.12em;text-transform:uppercase;padding:13px 28px;background:linear-gradient(135deg,var(--jd-purple) 0%,#5a52c9 100%);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;box-shadow:0 4px 20px rgba(115,103,240,0.45);cursor:pointer;font-weight:bold}
.btn-jd-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(115,103,240,0.7);color:#fff}
.btn-jd-outline{font-family:var(--jd-font-mono);font-size:0.85rem;letter-spacing:0.12em;text-transform:uppercase;padding:12px 26px;background:rgba(0,0,0,0.069);backdrop-filter:blur(3px);border:1px solid var(--jd-border-hot);border-radius:8px;color:var(--jd-purple-lt);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;cursor:pointer;font-weight:bold}
.btn-jd-outline:hover{background:rgba(115,103,240,0.12);border-color:var(--jd-purple);color:var(--jd-purple);transform:translateY(-2px)}
.jd-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}
@media(max-width:992px){.jd-stats-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.jd-stats-row{grid-template-columns:1fr}}
.jd-stat-card{background:var(--jd-bg-card);border:1px solid var(--jd-border);border-radius:var(--jd-radius);padding:22px 22px 18px;position:relative;overflow:hidden;transition:all 0.35s;cursor:default}
.jd-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--jd-stat-accent,var(--jd-purple));opacity:0;transition:opacity 0.3s}
.jd-stat-card:hover{border-color:var(--jd-stat-accent,var(--jd-purple));transform:translateY(-4px);box-shadow:0 12px 35px rgba(0,0,0,0.10),0 0 20px rgba(115,103,240,0.12)}
.jd-stat-card:hover::before{opacity:1}
.jd-stat-card__label{font-family:var(--jd-font-mono);font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--jd-text-muted);margin-bottom:10px}
.jd-stat-card__value{font-family:var(--jd-font-mono);font-size:1.85rem;font-weight:700;color:var(--jd-text);line-height:1;margin-bottom:6px}
.jd-stat-card__icon{position:absolute;right:18px;top:18px;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:color-mix(in srgb,var(--jd-stat-accent,var(--jd-purple)) 15%,transparent);color:var(--jd-stat-accent,var(--jd-purple))}
.jd-widget{background:var(--jd-bg-card);border:1px solid var(--jd-border);border-radius:var(--jd-radius);margin-bottom:20px;overflow:hidden;transition:all 0.3s}
.jd-widget:hover{border-color:rgba(115,103,240,0.35);transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.05)}
.jd-widget__head{background:rgba(115,103,240,0.03);border-bottom:1px solid var(--jd-border);padding:13px 18px;display:flex;align-items:center;gap:9px}
.jd-widget__head-icon{width:30px;height:30px;border-radius:8px;background:rgba(115,103,240,0.10);display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--jd-purple)}
.jd-widget__head-title{font-family:var(--jd-font-display);font-size:0.9rem;font-weight:700;color:var(--jd-text);letter-spacing:0.04em}
.jd-widget__body{padding:16px 18px}
.jd-panel{background:var(--jd-bg-card);border:1px solid var(--jd-border);border-radius:var(--jd-radius);overflow:hidden;margin-bottom:24px}
.jd-panel__head{padding:16px 20px 12px;border-bottom:1px solid var(--jd-border);display:flex;align-items:center;justify-content:space-between}
.jd-panel__title{font-family:var(--jd-font-display);font-size:1.1rem;font-weight:700;letter-spacing:0.05em;color:var(--jd-text);display:flex;align-items:center;gap:8px}
.jd-panel__body{padding:20px}
.gallery-top{background:#000;border-radius:var(--jd-radius);height:450px;overflow:hidden;width:100%;border:1px solid var(--jd-border)}
#modalImgTarget{transition:opacity 0.2s ease-in-out;border-radius:8px;max-width:90%}
.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);border:1px solid var(--jd-gold);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1060}
.gallery-prev{left:10px}
.gallery-next{right:10px}
.gallery-counter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.6);color:#fff;padding:4px 12px;border-radius:20px;font-size:0.85rem}
.img-realm,.realm-flag.border-ice{display:block;width:50px;height:50px;min-width:50px;min-height:50px;object-fit:cover;border:2px solid var(--jd-gold);box-sizing:border-box;border-radius:4px;animation:gold-blink 1.5s infinite ease-in-out;margin:0 auto;background-color:#000}
.pulse-ring{animation:pulse-green 2s infinite;border-radius:50%}
.danger-orb{width:12px;height:12px;background:var(--jd-red);border-radius:50%;box-shadow:0 0 15px var(--jd-red);animation:flash 0.6s infinite alternate}
.gem-vessel{animation:gem-float 3s infinite ease-in-out;display:inline-block}
.hover-scale{cursor:pointer;transition:transform 0.2s}
.hover-scale:hover{transform:scale(1.02)}
.layout-page{background:var(--bs-body-bg)}
.content-wrapper{background:var(--bs-body-bg)}
.container-xxl{max-width:1520px}
.breadcrumb-nav{margin-bottom:20px;padding:12px 0;font-size:0.9rem}
.breadcrumb-nav a{color:var(--jd-purple);text-decoration:none}
.breadcrumb-nav a:hover{color:var(--jd-cyan)}
.user-info-widget{padding:16px;border-radius:var(--jd-radius);background:linear-gradient(135deg,rgba(115,103,240,0.1) 0%,rgba(245,200,66,0.1) 100%);border:1px solid var(--jd-border);margin-bottom:20px}
.user-info-widget .avatar{width:60px;height:60px;border:2px solid var(--jd-gold);margin-right:12px}
.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(115,103,240,0.1);color:var(--jd-purple);text-decoration:none;transition:all 0.2s}
.social-links a:hover{background:var(--jd-purple);color:#fff;transform:translateY(-2px)}
.jd-gate-locked .jd-widget__head,.jd-gate-locked .jd-panel__head{opacity:1!important;pointer-events:auto!important;filter:none!important}
.jd-gate-body--locked{position:relative;min-height:72px;pointer-events:none;user-select:none}
.jd-gate-body--locked::before{content:'';position:absolute;inset:0;backdrop-filter:blur(6px) brightness(0.7);-webkit-backdrop-filter:blur(6px) brightness(0.7);z-index:2;border-radius:0 0 var(--jd-radius) var(--jd-radius)}
.jd-gate-badge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:3;pointer-events:none}
.jd-gate-badge__icon{font-size:1.6rem;filter:drop-shadow(0 0 8px rgba(115,103,240,0.6));animation:gate-float 3s ease-in-out infinite}
.jd-gate-badge__label{font-family:var(--jd-font-mono,'Orbitron',monospace);font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--jd-purple-lt,#9b8ff7);text-shadow:0 0 12px rgba(115,103,240,0.8);white-space:nowrap}
.cs-trigger-card{background:linear-gradient(135deg,rgba(245,200,66,.12),rgba(115,103,240,.08));border:1px solid rgba(245,200,66,.4);border-radius:14px;padding:18px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;margin-bottom:20px}
.cs-trigger-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f5c842,transparent)}
.cs-trigger-card:hover{transform:translateY(-3px);border-color:#f5c842;box-shadow:0 8px 30px rgba(245,200,66,.3)}
.cs-trigger-card.cs-trigger--pending{animation:csPulseGold 2.5s ease-in-out infinite}
.cs-trigger-card__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cs-trigger-card__icon{width:38px;height:38px;border-radius:10px;background:rgba(245,200,66,.18);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#f5c842;border:1px solid rgba(245,200,66,.3)}
.cs-trigger-card__title{font-family:'Cinzel',serif;font-weight:700;font-size:.95rem;color:var(--bs-heading-color);line-height:1.2}
.cs-trigger-card__sub{font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:.15em;color:rgba(245,200,66,.7);text-transform:uppercase;margin-top:2px}
.cs-trigger-card__stats{display:flex;gap:14px;margin-bottom:14px}
.cs-trigger-card__stat{flex:1;text-align:center;padding:8px 4px;border-radius:8px;background:rgba(0,0,0,.2)}
.cs-trigger-card__stat-val{font-family:'Orbitron',monospace;font-weight:800;font-size:1.1rem;color:#f5c842;display:block;line-height:1}
.cs-trigger-card__stat-lbl{font-size:.6rem;letter-spacing:.1em;color:rgba(255,255,255,.5);text-transform:uppercase;margin-top:3px;display:block}
.cs-trigger-card__cta{width:100%;padding:10px;border-radius:8px;background:linear-gradient(135deg,#f5c842,#ffb300);color:#1a0d2e;font-family:'Cinzel',serif;font-weight:800;font-size:.85rem;letter-spacing:.08em;text-align:center;border:none;cursor:pointer}
.cs-trigger-card:not(.cs-trigger--pending) .cs-trigger-card__cta{background:rgba(86,202,0,.2);color:#56ca00;border:1px solid rgba(86,202,0,.4)}
@keyframes shine-flow{to{background-position:200% center}}
@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(86,202,0,0.7)}70%{box-shadow:0 0 0 10px rgba(86,202,0,0)}100%{box-shadow:0 0 0 0 rgba(86,202,0,0)}}
@keyframes flash{from{opacity:1;transform:scale(1)}to{opacity:0.4;transform:scale(1.3)}}
@keyframes gem-float{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-5px)}}
@keyframes gem-inner-glow{0%{filter:brightness(1) saturate(1.2) drop-shadow(0 0 5px rgba(245,200,66,0.6))}100%{filter:brightness(1.2) saturate(2) drop-shadow(0 0 15px var(--jd-gold))}}
@keyframes gold-blink{0%,100%{border-color:var(--jd-gold);box-shadow:var(--jd-glow-gold)}50%{border-color:rgba(245,200,66,0.2);box-shadow:0 0 2px transparent}}
@keyframes gate-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.uCurStarRating5{animation:gem-inner-glow 2s infinite alternate}