@charset "utf-8";*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0202;--panel:#150404;--panel-2:#220808;--line:#4a1a0a;--fire:#d63a1a;--fire-lt:#ff6a3a;--gold:#d4af37;--gold-lt:#f7e08a;--text:#d8c8a8;--text-dim:#8a7a5a;--ice:#5fc8ff;--ice-lt:#c8f0ff;--ice-dk:#2a7ab8;--ice-glow:rgba(95, 200, 255, 0.8)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden;line-height:1.6;background-image:radial-gradient(ellipse 60% 40% at 15% 10%,rgba(168,26,10,.12),transparent 60%),radial-gradient(ellipse 50% 40% at 85% 30%,rgba(255,60,20,.08),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 90%,rgba(212,175,55,.05),transparent 60%)}.wrap{margin:0 auto;z-index:1;position:relative;width:100%}.wrap .content{margin:0 auto;overflow:visible;position:relative;z-index:5}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:rgba(10,2,2,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(74,26,10,.45);transition:all .3s}.top-nav::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:44px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(255, 180, 60, .6));transition:transform .3s,filter .3s}.nav-logo:hover img{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(255, 200, 80, .9))}.nav-menu{display:flex;gap:32px;list-style:none}.nav-menu a{color:#d8c8a8;text-decoration:none;font-size:13px;letter-spacing:1px;transition:color .2s;position:relative;padding:4px 0;text-shadow:0 2px 8px rgba(0,0,0,.9)}.nav-menu a:hover{color:var(--gold-lt)}.nav-menu a::after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:1px;background:var(--gold);transition:all .3s;transform:translateX(-50%);box-shadow:0 0 6px var(--gold)}.nav-menu a:hover::after{width:100%}.nav-btn{padding:6px 24px;background:linear-gradient(135deg,#a81a0a,#d63a1a);border:1px solid var(--gold);border-radius:4px;text-decoration:none;box-shadow:0 0 16px rgba(255,60,20,.5),inset 0 0 12px rgba(255,150,60,.2);transition:all .2s;background:url(../image/btn-down.png) no-repeat;text-indent:-9999px;width:150px}.nav-btn:hover{box-shadow:0 0 24px rgba(255,100,40,.9),inset 0 0 20px rgba(255,150,60,.4);transform:translateY(-1px)}.hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;background:#0a0202}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:1;filter:brightness(.85) contrast(1.1)}.hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(10,2,2,.1) 0,rgba(10,2,2,.05) 40%,rgba(10,2,2,.7) 100%),linear-gradient(180deg,rgba(10,2,2,.5) 0,transparent 20%,transparent 65%,rgba(10,2,2,.95) 100%)}.hero-overlay::after{content:"";position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(ellipse,rgba(255,60,20,.35),transparent 70%);filter:blur(60px);animation:fireGlow 4s ease-in-out infinite}@keyframes fireGlow{0%,100%{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.hero-particles .p{position:absolute;width:3px;height:3px;background:var(--fire-lt);border-radius:50%;box-shadow:0 0 8px var(--fire-lt),0 0 16px var(--fire);opacity:0;animation:pFloat 8s linear infinite}.hero-particles .p:first-child{left:10%;animation-delay:0s}.hero-particles .p:nth-child(2){left:25%;animation-delay:1.4s}.hero-particles .p:nth-child(3){left:40%;animation-delay:2.8s}.hero-particles .p:nth-child(4){left:55%;animation-delay:.7s}.hero-particles .p:nth-child(5){left:70%;animation-delay:3.5s}.hero-particles .p:nth-child(6){left:85%;animation-delay:2.1s}@keyframes pFloat{0%{bottom:0;opacity:0;transform:translateX(0) scale(.3)}20%{opacity:1;transform:translateX(4px) scale(1)}80%{opacity:.7}100%{bottom:100%;opacity:0;transform:translateX(20px) scale(.2)}}.hero-content{position:relative;z-index:10;text-align:left;padding:0 6vw 0 40px;max-width:560px;margin-right:2vw}.hero-tag{display:inline-block;padding:5px 18px;font-size:11px;letter-spacing:4px;color:var(--gold-lt);background:rgba(168,26,10,.35);border:1px solid rgba(212,175,55,.6);border-radius:2px;margin-bottom:26px;text-shadow:0 0 10px rgba(212,175,55,.6)}.hero-title{font-size:68px;font-weight:900;line-height:1.1;letter-spacing:6px;color:#fff8d0;margin-bottom:10px;text-align:left;text-shadow:0 0 50px rgba(255,100,40,.8),0 6px 20px rgba(0,0,0,.95)}.hero-title span{display:block;font-size:44px;letter-spacing:12px;background:linear-gradient(120deg,#fff8d0,#f7e08a 25%,#d4af37 60%,#8a6d1a);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px;filter:drop-shadow(0 0 30px rgba(212, 175, 55, .9))}.hero-desc{font-size:15px;color:#e8d8b8;letter-spacing:2px;margin:28px 0 40px;line-height:2;text-align:left;text-shadow:0 2px 12px #000}.hero-line{width:80px;height:2px;margin:26px 0;background:linear-gradient(90deg,var(--gold) 0,var(--gold-lt) 40%,transparent 100%);box-shadow:0 0 10px var(--gold),0 0 20px rgba(95,200,255,.6);border-radius:2px;position:relative;overflow:hidden}.hero-line::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:lineShine 3s ease-in-out infinite}@keyframes lineShine{0%{left:-100%}100%,60%{left:100%}}.hero-btns{margin-bottom:20px;display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap}.btn-hero-main{display:inline-flex;align-items:center;gap:10px;padding:5px 18px;font-size:18px;font-weight:800;letter-spacing:4px;color:#fff8d0;background:linear-gradient(135deg,#d63a1a,#8a1505);border:2px solid var(--gold);border-radius:6px;text-decoration:none;box-shadow:0 0 30px rgba(255,60,20,.8),inset 0 0 20px rgba(255,150,60,.3);position:relative;overflow:hidden;transition:all .2s}.btn-hero-main img{height:50px}.btn-hero-main::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shineSweep 3s infinite}@keyframes shineSweep{0%{left:-100%}100%,60%{left:100%}}.btn-hero-main:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 50px #ff6428}.btn-hero-sub{display:inline-flex;align-items:center;gap:8px;padding:16px 34px;font-size:16px;color:var(--gold-lt);background:rgba(212,175,55,.1);border:2px solid rgba(212,175,55,.6);border-radius:6px;text-decoration:none;transition:all .2s;letter-spacing:2px}.btn-hero-sub:hover{background:rgba(212,175,55,.2);box-shadow:0 0 30px rgba(212,175,55,.6);transform:translateY(-3px)}.btn-hero-sub::before{content:"🎁";font-size:18px}.hero-games{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:26px;border-top:1px solid rgba(212,175,55,.2);position:relative}.hero-games::before{content:"";position:absolute;top:-1px;left:0;width:120px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 12px var(--gold)}.hero-game{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 16px;background:linear-gradient(180deg,rgba(60,30,10,.4),rgba(30,12,4,.6));border:1px solid rgba(212,175,55,.25);border-radius:8px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.hero-game::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;transition:opacity .3s}.hero-game:hover::before{opacity:1;left:0;right:0}.hero-game:hover{transform:translateY(-4px);border-color:var(--gold);background:linear-gradient(180deg,rgba(90,45,12,.55),rgba(50,20,6,.7));box-shadow:0 0 24px rgba(212,175,55,.45),inset 0 0 20px rgba(212,175,55,.12)}.hero-game .game-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%);border:1px solid rgba(212,175,55,.45);box-shadow:0 0 16px rgba(212,175,55,.3),inset 0 0 10px rgba(212,175,55,.1);transition:all .3s;position:relative}.hero-game:hover .game-icon{border-color:var(--gold-lt);box-shadow:0 0 24px rgba(247,224,138,.7),inset 0 0 16px rgba(212,175,55,.3)}.hero-game .game-icon img{width:40px;height:40px;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(212, 175, 55, .7));transition:transform .3s}.hero-game:hover .game-icon img{transform:scale(1.1)}.hero-game .game-name{font-size:14px;font-weight:800;color:var(--gold-lt);letter-spacing:1px;text-shadow:0 0 10px rgba(212,175,55,.8),0 2px 6px rgba(0,0,0,.9);text-align:center;line-height:1.3}.hero-game .game-desc{font-size:11px;color:rgba(220,190,130,.75);letter-spacing:.5px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.4}@media (max-width:900px){.hero-games{gap:10px;padding-top:20px;justify-content:center}.hero-game{padding:10px 6px 12px;gap:8px}.hero-game .game-icon{width:46px;height:46px;border-radius:10px}.hero-game .game-icon img{width:32px;height:32px}.hero-game .game-name{font-size:12px;letter-spacing:.5px}.hero-game .game-desc{font-size:10px}}.hero-extra{margin-top:20px;display:flex;flex-direction:column;gap:14px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.hero-tag-item{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--gold-lt);background:rgba(60,30,10,.5);border:1px solid rgba(212,175,55,.35);border-radius:20px;text-shadow:0 1px 4px rgba(0,0,0,.9);transition:all .25s;cursor:default}.hero-tag-item:hover{background:rgba(90,45,12,.7);border-color:var(--gold);box-shadow:0 0 16px rgba(212,175,55,.5),inset 0 0 10px rgba(212,175,55,.15);transform:translateY(-2px)}.hero-tag-1::before{content:"🔥";font-size:18px}.hero-tag-2::before{content:"⚔️";font-size:18px}.hero-tag-3::before{content:"💎";font-size:18px}.hero-tag-4::before{content:"🛡️";font-size:18px}.hero-status{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,rgba(60,30,10,.45),rgba(30,12,4,.65));border:1px solid rgba(212,175,55,.3);border-radius:8px;position:relative;overflow:hidden}.hero-status::before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 10px var(--gold)}.hs-icon-2::before{content:"⏰";font-size:18px}.hs-icon-3::before{content:"🔥";font-size:18px}.hs-item{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.hs-dot{width:8px;height:8px;border-radius:50%;background:#3aff9a;box-shadow:0 0 10px #3aff9a,0 0 20px rgba(58,255,154,.6);flex-shrink:0;position:relative}.hs-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(58,255,154,.5);animation:hsDot 1.8s ease-out infinite}@keyframes hsDot{0%{inset:-4px;opacity:1}100%{inset:-10px;opacity:0}}.hs-icon{font-size:18px;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(212, 175, 55, .8))}.hs-text{display:flex;flex-direction:column;gap:2px;text-align:left}.hs-num{font-size:16px;font-weight:800;color:var(--gold-lt);font-family:"Courier New",monospace;letter-spacing:1px;text-shadow:0 0 10px rgba(212,175,55,.8),0 1px 4px rgba(0,0,0,.9);line-height:1.1}.hs-num em{font-size:11px;font-style:normal;color:var(--gold);margin-left:1px}.hs-label{font-size:10px;color:rgba(220,190,130,.7);letter-spacing:1px}.hs-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,rgba(212,175,55,.4),transparent);flex-shrink:0}@media (max-width:900px){.hero-tags{gap:6px;justify-content:center}.hero-tag-item{padding:4px 5px;font-size:10px}.hero-status{padding:12px 10px;margin-top:0}.hs-item{gap:6px}.hs-num{font-size:14px}.hs-label{font-size:9px;letter-spacing:.5px}.hs-icon{font-size:15px}.hs-dot{width:6px;height:6px}.hs-divider{height:26px}}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;color:rgba(255,255,255,.5);font-size:12px;letter-spacing:4px;animation:scrollHint 2.2s ease-in-out infinite;pointer-events:none}.scroll-hint::after{content:"";display:block;width:1px;height:30px;margin:8px auto 0;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent)}@keyframes scrollHint{0%,100%{transform:translate(-50%,0);opacity:.5}50%{transform:translate(-50%,8px);opacity:1}}.block{position:relative;padding:70px 60px;max-width:1300px;margin:0 auto}.block-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-bottom:50px;text-align:center;position:relative}.block-title::before{display:none}.block-title::after{content:"";width:200px;height:4px;margin-top:16px;border-radius:4px;background:radial-gradient(ellipse at center,#fff8d0 0,var(--gold) 22%,var(--fire) 55%,rgba(214,58,26,.3) 80%,transparent 100%);box-shadow:0 0 16px rgba(255,100,40,.7);filter:blur(.3px)}.block-title h2{font-size:28px;font-weight:800;letter-spacing:6px;color:#fff8d0;text-shadow:0 0 20px rgba(255,150,60,.5);text-align:center}.block-title h2 em{font-size:12px;font-style:normal;color:var(--text-dim);letter-spacing:5px;display:block;font-weight:400;margin-top:8px;text-transform:uppercase}.classes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.class-card{position:relative;padding:0;background:linear-gradient(180deg,#20090a 0,#150404 40%,#0a0202 100%);border:1px solid #4a1a0a;border-radius:4px;overflow:hidden;transition:transform .4s cubic-bezier(.25, .1, .25, 1),box-shadow .4s;box-shadow:inset 0 0 60px rgba(0,0,0,.9),inset 0 1px 0 rgba(212,175,55,.15),0 4px 20px rgba(0,0,0,.6);cursor:pointer}.class-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:220px;height:220px;background:radial-gradient(circle,var(--clr-glow) 0,transparent 65%);opacity:.5;filter:blur(30px);pointer-events:none;z-index:1;animation:classGlow 4s ease-in-out infinite}@keyframes classGlow{0%,100%{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.15)}}.class-portrait{position:relative;z-index:2;height:320px;display:flex;align-items:flex-end;justify-content:center;padding-top:30px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}.class-portrait img{max-height:100%;max-width:90%;object-fit:contain;display:block;filter:drop-shadow(0 0 16px var(--clr-glow)) drop-shadow(0 0 40px var(--clr-glow)) contrast(1.05) saturate(1.1);transition:transform .6s cubic-bezier(.25, .1, .25, 1);will-change:transform}.class-info{position:relative;z-index:3;padding:0 26px 30px;margin-top:-30px;text-align:center}.class-num{position:absolute;top:-50px;right:20px;font-family:Georgia,"Times New Roman",serif;font-size:72px;font-style:italic;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px var(--clr);opacity:.35;pointer-events:none;z-index:-1;text-shadow:0 0 30px var(--clr-glow)}.class-name{font-size:26px;font-weight:800;color:#fff8d0;letter-spacing:6px;margin-bottom:4px;text-shadow:0 0 20px var(--clr-glow),0 2px 10px rgba(0,0,0,.9)}.class-en{font-size:10px;color:var(--text-dim);letter-spacing:5px;text-transform:uppercase;margin-bottom:16px;font-family:"Courier New",monospace}.class-divider{width:60px;height:1px;margin:0 auto 16px;background:linear-gradient(90deg,transparent,var(--clr),transparent);box-shadow:0 0 8px var(--clr)}.class-desc{font-size:13px;color:#b8a888;line-height:1.9;margin-bottom:20px;min-height:74px;text-align:left;letter-spacing:.5px}.class-skills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.class-skills span{font-size:11px;padding:5px 12px;color:var(--clr);background:rgba(0,0,0,.5);border:1px solid var(--clr);border-radius:2px;letter-spacing:1px;transition:all .2s}.class-skills span:hover{background:var(--clr);color:#0a0202;box-shadow:0 0 14px var(--clr-glow)}.class-card .corner{position:absolute;width:14px;height:14px;border-color:var(--gold);border-style:solid;border-width:0;z-index:5;opacity:.7;transition:opacity .3s,width .3s,height .3s}.class-card .corner.tl{top:8px;left:8px;border-top-width:2px;border-left-width:2px}.class-card .corner.tr{top:8px;right:8px;border-top-width:2px;border-right-width:2px}.class-card .corner.bl{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px}.class-card .corner.br{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px}.class-card::before{content:"";position:absolute;inset:0;border-radius:4px;padding:1px;background:linear-gradient(135deg,transparent 30%,var(--clr) 50%,transparent 70%);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none;z-index:6;animation:borderFlow 3s linear infinite}@keyframes borderFlow{0%{background-position:0 0}100%{background-position:300% 300%}}.class-card:hover::before{opacity:1}.class-card:hover{transform:translateY(-8px);box-shadow:inset 0 0 60px rgba(0,0,0,.9),inset 0 1px 0 rgba(212,175,55,.2),0 20px 50px rgba(0,0,0,.8),0 0 60px var(--clr-glow)}.class-card:hover .class-portrait img{transform:translateY(-10px) scale(1.04)}.class-card:hover .corner{opacity:1;width:20px;height:20px}.class-card.warrior{--clr:#ff6a3a;--clr-glow:rgba(255, 106, 58, 0.6)}.class-card.mage{--clr:#5fc8ff;--clr-glow:rgba(95, 200, 255, 0.6)}.class-card.archer{--clr:#3aff9a;--clr-glow:rgba(58, 255, 154, 0.5)}.upgrade-panel{position:relative;display:grid;grid-template-columns:260px 1fr 220px;gap:44px;align-items:center;padding:48px 44px;background:linear-gradient(180deg,#1a0708 0,#0f0303 50%,#060101 100%);border:1px solid #4a1a0a;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 80px rgba(0,0,0,.9),inset 0 1px 0 rgba(212,175,55,.15),0 8px 40px rgba(0,0,0,.7);min-height:320px}.up-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(212,175,55,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%)}.up-scan{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,106,58,.9),transparent);box-shadow:0 0 20px rgba(255,100,40,.9);z-index:1;pointer-events:none;animation:upScanMove 4s linear infinite}@keyframes upScanMove{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}.up-glow{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(255,60,20,.18),transparent 65%);filter:blur(60px);z-index:0;pointer-events:none;animation:upGlowPulse 5s ease-in-out infinite}@keyframes upGlowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.up-corner{position:absolute;width:20px;height:20px;border-color:var(--gold);border-style:solid;border-width:0;z-index:4;opacity:.8}.up-corner.tl{top:10px;left:10px;border-top-width:2px;border-left-width:2px}.up-corner.tr{top:10px;right:10px;border-top-width:2px;border-right-width:2px}.up-corner.bl{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px}.up-corner.br{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px}.up-equip{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.up-equip-ring{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:1px dashed rgba(255,106,58,.3);pointer-events:none;animation:ringSpin 20s linear infinite}.up-equip-ring-2{width:240px;height:240px;margin:-120px 0 0 -120px;border-style:solid;border-color:rgba(212,175,55,.15);animation-duration:30s;animation-direction:reverse}.up-equip-ring-3{width:160px;height:160px;margin:-80px 0 0 -80px;border-color:rgba(255,106,58,.5);animation-duration:12s}@keyframes ringSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.up-equip-box{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(255,106,58,.15),transparent 70%),linear-gradient(180deg,#1a0708,#0a0202);border:2px solid var(--gold);border-radius:8px;box-shadow:0 0 30px rgba(212,175,55,.5),inset 0 0 30px rgba(255,60,20,.2);z-index:2;animation:equipBoxPulse 3s ease-in-out infinite}@keyframes equipBoxPulse{0%,100%{box-shadow:0 0 30px rgba(212,175,55,.5),inset 0 0 30px rgba(255,60,20,.2)}50%{box-shadow:0 0 50px rgba(255,180,60,.9),inset 0 0 40px rgba(255,60,20,.4)}}.up-equip-zy{width:120px}@keyframes equipIconGlow{0%,100%{filter:drop-shadow(0 0 16px rgba(255, 150, 60, .9))}50%{filter:drop-shadow(0 0 30px rgba(255, 200, 100, 1))}}.up-equip-box .up-spark{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff8d0,#ff6a3a);border-radius:50%;box-shadow:0 0 8px #ff6a3a,0 0 16px #ff3a1a;opacity:0;pointer-events:none}.up-equip-box .up-spark:nth-child(2){left:20%;top:50%;animation:sparkFly1 2.4s ease-out infinite}.up-equip-box .up-spark:nth-child(3){left:80%;top:30%;animation:sparkFly2 2.8s ease-out infinite .4s}.up-equip-box .up-spark:nth-child(4){left:50%;top:80%;animation:sparkFly3 2.2s ease-out infinite .8s}.up-equip-box .up-spark:nth-child(5){left:30%;top:20%;animation:sparkFly1 3s ease-out infinite 1.2s}.up-equip-box .up-spark:nth-child(6){left:70%;top:70%;animation:sparkFly2 2.6s ease-out infinite 1.6s}.up-equip-box .up-spark:nth-child(7){left:45%;top:45%;animation:sparkFly3 2.5s ease-out infinite 2s}@keyframes sparkFly1{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1;transform:translate(-20px,-30px) scale(1)}100%{opacity:0;transform:translate(-40px,-60px) scale(.2)}}@keyframes sparkFly2{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1;transform:translate(30px,-20px) scale(1)}100%{opacity:0;transform:translate(60px,-40px) scale(.2)}}@keyframes sparkFly3{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1;transform:translate(10px,30px) scale(1)}100%{opacity:0;transform:translate(20px,60px) scale(.2)}}.up-equip-name{font-size:13px;color:var(--gold-lt);letter-spacing:2px;text-shadow:0 0 12px rgba(212,175,55,.8);padding:4px 14px;background:rgba(0,0,0,.5);border:1px solid rgba(212,175,55,.4);border-radius:20px;z-index:2}.up-info{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px}.up-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.up-stat{background:rgba(0,0,0,.45);border:1px solid rgba(74,26,10,.8);border-radius:4px;padding:12px 14px;position:relative;overflow:hidden;transition:all .3s}.up-stat::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--gold),transparent);opacity:.6}.up-stat:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(212,175,55,.3)}.up-stat-label{display:block;font-size:11px;color:var(--text-dim);letter-spacing:1px;margin-bottom:6px}.up-stat-value{display:block;font-size:16px;font-weight:800;color:var(--gold-lt);font-family:"Courier New",monospace;text-shadow:0 0 10px rgba(247,224,138,.6);letter-spacing:1px}.up-stat-value.fire{color:var(--fire-lt);text-shadow:0 0 12px rgba(255,106,58,.9)}.up-bar-wrap{position:relative}.up-bar-head{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);margin-bottom:10px;letter-spacing:2px}.up-bar-percent{color:var(--fire-lt);font-weight:800;font-family:"Courier New",monospace;text-shadow:0 0 10px rgba(255,106,58,.9)}.up-bar{position:relative;height:18px;background:#050101;border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 12px rgba(0,0,0,.9)}.up-bar-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#8a1505,var(--fire-lt),var(--gold-lt));box-shadow:0 0 24px var(--fire-lt);transition:width .6s cubic-bezier(.25, .8, .25, 1)}.up-btn.maxed{background:linear-gradient(135deg,#8a6d1a,#d4af37);color:#1a0a02;cursor:not-allowed;box-shadow:0 0 30px rgba(247,224,138,.7)}.up-btn.maxed::before{display:none}.up-bar-pulse{position:absolute;top:0;left:0;height:100%;width:30px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:upBarPulse 2s linear infinite;z-index:3}@keyframes upBarPulse{0%{left:-30px}100%{left:100%}}.up-bar-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,rgba(0,0,0,.6) 9px,rgba(0,0,0,.6) 10px);pointer-events:none;z-index:2}.up-tip{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-dim);padding:10px 14px;background:rgba(0,0,0,.35);border:1px dashed rgba(74,26,10,.8);border-radius:4px;letter-spacing:1px}.up-tip-icon{font-size:16px;color:var(--gold-lt);filter:drop-shadow(0 0 6px rgba(247, 224, 138, .9))}.up-tip em{font-style:normal;color:var(--fire-lt);font-weight:700;text-shadow:0 0 10px rgba(255,106,58,.8)}.up-result{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.up-result-num{display:flex;align-items:baseline;justify-content:center;line-height:1;filter:drop-shadow(0 0 30px rgba(255, 180, 60, .9));animation:resultNumPulse 3s ease-in-out infinite}@keyframes resultNumPulse{0%,100%{filter:drop-shadow(0 0 30px rgba(255, 180, 60, .7))}50%{filter:drop-shadow(0 0 50px rgba(255, 200, 80, 1))}}.up-result-plus{font-size:42px;font-weight:900;color:var(--fire-lt);font-family:"Courier New",monospace;text-shadow:0 0 20px #ff6a3a}.up-result-val{font-size:88px;font-weight:900;font-family:"Courier New",monospace;background:linear-gradient(180deg,#fff8d0 0,#f7e08a 30%,#d4af37 60%,#8a6d1a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-4px}.up-result-label{font-size:10px;letter-spacing:4px;color:var(--text-dim);font-family:"Courier New",monospace;margin-top:-8px}.up-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;font-size:15px;font-weight:800;letter-spacing:6px;color:#fff8d0;background:linear-gradient(135deg,#d63a1a,#8a1505);border:2px solid var(--gold);border-radius:4px;text-decoration:none;box-shadow:0 0 24px rgba(255,60,20,.7),inset 0 0 16px rgba(255,150,60,.3);position:relative;overflow:hidden;transition:all .25s;margin-top:6px}.up-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shineSweep 2.4s infinite}.up-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 40px #ff6428,inset 0 0 24px rgba(255,200,100,.5)}.up-btn span{position:relative;z-index:1}@keyframes resultPulse{0%,60%{opacity:.3;text-shadow:none}100%,80%{opacity:1;text-shadow:0 0 24px #f7e08a,0 0 48px rgba(255,100,40,.6)}}.dungeons-wrap{position:relative;padding:0;overflow:hidden}.dungeons{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:8px 4px 20px 4px;cursor:grab;scroll-snap-type:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.dungeons::-webkit-scrollbar{display:none}.dungeons:active{cursor:grabbing}.dungeon-card{position:relative;flex:0 0 240px;width:240px;height:320px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.dungeon-card::before{content:"";position:absolute;inset:0;border-radius:4px;padding:1px;background:linear-gradient(135deg,transparent 40%,var(--fire-lt) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;z-index:3;pointer-events:none}.dungeon-card:hover::before{opacity:1}.dungeon-card:hover{box-shadow:0 0 30px rgba(255,100,40,.5);transform:translateY(-4px)}.dungeon-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;transition:opacity .3s,transform .6s;background-color:#2a0808}.dungeon-card:hover .dungeon-bg{opacity:.85;transform:scale(1.08)}.dungeon-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,2,2,.95) 100%);z-index:1;pointer-events:none}.dungeon-info{position:absolute;left:16px;right:16px;bottom:16px;z-index:2}.dungeon-lv{display:inline-block;font-size:10px;padding:2px 8px;color:var(--gold-lt);background:rgba(168,26,10,.5);border:1px solid rgba(212,175,55,.6);border-radius:2px;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 6px rgba(212,175,55,.7)}.dungeon-name{font-size:17px;font-weight:800;color:#fff8d0;letter-spacing:2px;margin-bottom:4px;text-shadow:0 0 12px rgba(255,100,40,.6)}.dungeon-desc{font-size:11px;color:var(--text-dim);letter-spacing:1px}.dungeons-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}.dungeons-dots span{width:8px;height:8px;border-radius:50%;background:rgba(212,175,55,.3);cursor:pointer;transition:all .3s}.dungeons-dots span:hover{background:rgba(212,175,55,.7)}.dungeons-dots span.active{width:24px;border-radius:4px;background:linear-gradient(90deg,var(--fire-lt),var(--gold-lt));box-shadow:0 0 12px rgba(255,180,60,.8)}@media (max-width:900px){.dungeons-wrap{padding:0;overflow:visible}.dungeons{gap:12px;padding:6px 12px 16px 12px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.dungeon-card{flex:0 0 180px;width:180px;height:250px}.dungeon-name{font-size:15px;letter-spacing:1px}.dungeon-desc{font-size:10px}.dungeons-dots span{width:6px;height:6px}.dungeons-dots span.active{width:18px}}.inventory-panel{position:relative;padding:44px 40px 38px;background:linear-gradient(180deg,#1a0708 0,#0f0303 50%,#060101 100%);border:1px solid #4a1a0a;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 80px rgba(0,0,0,.9),inset 0 1px 0 rgba(212,175,55,.15),0 8px 40px rgba(0,0,0,.7)}.inv-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(212,175,55,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%)}.inv-scan{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,106,58,.9),transparent);box-shadow:0 0 20px rgba(255,100,40,.9);z-index:1;pointer-events:none;animation:invScanMove 5s linear infinite}@keyframes invScanMove{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}.inv-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(212,175,55,.15),transparent 65%);filter:blur(60px);z-index:0;pointer-events:none;animation:invGlowPulse 5s ease-in-out infinite}@keyframes invGlowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.inv-corner{position:absolute;width:24px;height:24px;border-color:var(--gold);border-style:solid;border-width:0;z-index:4;opacity:.85}.inv-corner.tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.inv-corner.tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}.inv-corner.bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.inv-corner.br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}.inventory-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:36px}.inv-slot{position:relative;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(255,106,58,.08),transparent 70%),linear-gradient(180deg,#0d0404,#050101);border:1px solid rgba(74,26,10,.9);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:all .35s cubic-bezier(.25, .1, .25, 1);cursor:pointer;overflow:hidden}.inv-slot::before{content:"";position:absolute;inset:0;border-radius:6px;padding:2px;background:linear-gradient(135deg,transparent 0,transparent 30%,var(--clr,var(--gold)) 50%,transparent 70%,transparent 100%);background-size:250% 250%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .3s;z-index:3;pointer-events:none;animation:slotBorderFlow 4s linear infinite}@keyframes slotBorderFlow{0%{background-position:0 0}100%{background-position:250% 250%}}.inv-slot:hover::before{opacity:1}.inv-slot::after{content:"";position:absolute;bottom:-40%;left:50%;transform:translateX(-50%);width:150%;height:80%;background:radial-gradient(ellipse at center,var(--clr-glow) 0,transparent 65%);opacity:.35;pointer-events:none;z-index:0;transition:opacity .3s}.inv-slot:hover::after{opacity:.75}.inv-slot-ring{position:absolute;top:50%;left:50%;width:130%;height:130%;margin:-65% 0 0 -65%;border-radius:50%;border:1px dashed var(--clr,var(--gold));opacity:.15;pointer-events:none;z-index:1;animation:slotRingSpin 20s linear infinite}@keyframes slotRingSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.inv-slot:hover .inv-slot-ring{opacity:.5;animation-duration:6s}.inv-icon{position:relative;z-index:2;font-size:60px;line-height:1;filter:drop-shadow(0 0 12px var(--clr, var(--gold))) drop-shadow(0 0 24px var(--clr-glow));transition:transform .35s cubic-bezier(.25, .1, .25, 1);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.inv-slot:hover .inv-icon{transform:scale(1.12) translateY(-6px)}.inv-name{position:relative;z-index:2;font-size:13px;color:var(--clr,var(--text));letter-spacing:1.5px;font-weight:700;text-shadow:0 0 10px var(--clr-glow);padding:0 8px;text-align:center;line-height:1.3}.inv-count{position:absolute;bottom:8px;right:10px;z-index:2;font-size:12px;color:var(--clr,var(--text-dim));font-family:"Courier New",monospace;font-weight:700;background:rgba(0,0,0,.6);padding:2px 7px;border-radius:3px;border:1px solid var(--clr,rgba(74,26,10,.8));opacity:.85;text-shadow:0 0 6px var(--clr-glow)}.inv-slot .inv-spark{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#fff8d0,var(--clr,var(--gold)));border-radius:50%;box-shadow:0 0 8px var(--clr,var(--gold));opacity:0;pointer-events:none;z-index:3}.inv-slot .inv-spark:nth-child(5){left:25%;top:40%;animation:invSpark1 2.8s ease-out infinite}.inv-slot .inv-spark:nth-child(6){left:70%;top:30%;animation:invSpark2 3.2s ease-out infinite .6s}.inv-slot .inv-spark:nth-child(7){left:50%;top:75%;animation:invSpark3 2.6s ease-out infinite 1.2s}@keyframes invSpark1{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1;transform:translate(-15px,-25px) scale(1)}100%{opacity:0;transform:translate(-30px,-50px) scale(.2)}}@keyframes invSpark2{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1;transform:translate(20px,-20px) scale(1)}100%{opacity:0;transform:translate(40px,-40px) scale(.2)}}@keyframes invSpark3{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1;transform:translate(5px,25px) scale(1)}100%{opacity:0;transform:translate(10px,50px) scale(.2)}}.inv-slot:hover{transform:translateY(-6px);border-color:var(--clr,var(--gold));box-shadow:0 12px 32px rgba(0,0,0,.7),0 0 40px var(--clr-glow),inset 0 0 30px rgba(0,0,0,.5)}.inv-slot.gold{--clr:#f7e08a;--clr-glow:rgba(247,224,138,0.7)}.inv-slot.green{--clr:#3aff9a;--clr-glow:rgba(58,255,154,0.6)}.inv-slot.purple{--clr:#a87aff;--clr-glow:rgba(168,122,255,0.65)}.inv-slot.red{--clr:#ff4d6a;--clr-glow:rgba(255,77,106,0.65)}.redeem-wrap{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:20px 24px 18px;background:rgba(0,0,0,.4);border:1px solid rgba(74,26,10,.8);border-radius:6px;text-align:center}.redeem-wrap::before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 12px var(--gold)}.redeem-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gold-lt);letter-spacing:3px;margin-bottom:14px;text-shadow:0 0 12px rgba(212,175,55,.7)}.redeem-icon{font-size:18px;filter:drop-shadow(0 0 8px var(--gold))}.redeem-bar{display:flex;gap:10px}.redeem-input{flex:1;height:50px;background:#050101;border:1px solid var(--line);border-radius:4px;padding:0 18px;color:var(--gold-lt);font-family:"Courier New",monospace;font-size:18px;font-weight:700;letter-spacing:4px;text-align:center;outline:0;box-shadow:inset 0 0 20px rgba(0,0,0,.9);transition:all .3s}.redeem-input:focus{border-color:var(--fire-lt);box-shadow:inset 0 0 20px rgba(0,0,0,.9),0 0 20px rgba(255,106,58,.4)}.redeem-btn{flex-shrink:0;padding:0 38px;font-size:14px;font-weight:800;letter-spacing:4px;color:#1a0a02;background:linear-gradient(135deg,var(--gold-lt),var(--gold));border:none;border-radius:4px;cursor:pointer;transition:all .25s;font-family:inherit;position:relative;overflow:hidden}.redeem-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shineSweep 3s infinite}.redeem-btn:hover{box-shadow:0 0 32px rgba(247,224,138,.9);transform:translateY(-1px)}.redeem-tip{margin-top:12px;font-size:12px;color:var(--text-dim);letter-spacing:1px}@media (max-width:900px){.inventory-panel{padding:30px 18px 26px}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}.inv-icon{font-size:48px}.inv-name{font-size:12px}.inv-count{font-size:11px}.redeem-wrap{padding:16px 16px 14px}.redeem-bar{flex-direction:column}.redeem-btn{height:46px;padding:0}.redeem-input{height:46px;font-size:16px}}@media (max-width:400px){.inv-icon{font-size:42px}.inv-name{font-size:11px}}.bottom-grid{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:start}.contact-panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:6px;padding:28px 24px;text-align:center;position:relative;overflow:hidden}.contact-panel::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(212,175,55,.1),transparent 70%);pointer-events:none}.contact-title{font-size:14px;color:var(--gold-lt);letter-spacing:3px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px dashed var(--line);text-shadow:0 0 12px rgba(212,175,55,.5)}.contact-qr{display:inline-block;padding:8px;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--gold) inset,0 0 30px rgba(212,175,55,.4);position:relative;overflow:hidden;margin-bottom:16px}.contact-qr img{display:block;width:160px;height:160px;border-radius:3px;background:#f0f0f0}.contact-qr .scan{position:absolute;left:8px;right:8px;height:2px;top:8px;background:linear-gradient(90deg,transparent,var(--fire-lt),transparent);box-shadow:0 0 10px var(--fire-lt);animation:scanMove 2.4s ease-in-out infinite}@keyframes scanMove{0%,100%{top:8px;opacity:.3}50%{top:calc(100% - 10px);opacity:1}}.contact-tip{font-size:12px;color:var(--text-dim);letter-spacing:1px;margin-bottom:12px}.contact-id{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;background:rgba(0,0,0,.5);border:1px solid var(--line);border-radius:4px;margin-top:4px}.contact-id span{font-family:"Courier New",monospace;font-size:13px;color:var(--gold-lt);letter-spacing:1px}.contact-id button{padding:5px 14px;font-size:11px;color:#fff8d0;background:linear-gradient(135deg,#a81a0a,#d63a1a);border:none;border-radius:3px;cursor:pointer;font-family:inherit;transition:all .2s}.contact-id button:hover{box-shadow:0 0 16px rgba(255,100,40,.8)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:none}.faq-q{display:flex;align-items:center;gap:14px;padding:20px 8px;font-size:14px;color:var(--text);cursor:pointer;user-select:none;transition:color .2s;position:relative}.faq-q:hover{color:var(--gold-lt)}.faq-q::before{content:"?";display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#d63a1a,#8a1505);color:#fff8d0;font-size:12px;font-weight:700;box-shadow:0 0 10px rgba(255,60,20,.6);flex-shrink:0}.faq-q::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid #6a4a2a;border-bottom:2px solid #6a4a2a;transform:translateY(-70%) rotate(45deg);transition:transform .3s,border-color .3s}.faq-item.open .faq-q::after{transform:translateY(-30%) rotate(-135deg);border-color:var(--gold-lt)}.faq-a{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,padding .35s ease,opacity .3s;padding:0 20px 0 44px;font-size:13px;color:var(--text-dim);line-height:1.9}.faq-item.open .faq-a{opacity:1;padding-bottom:20px}.faq-a strong{color:var(--fire-lt)}.bottom-hero{position:relative;padding:110px 20px 80px;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0,#1a0404 40%,#2a0606 60%,#1a0404 80%,var(--bg) 100%);border-top:1px solid var(--line);min-height:480px;display:flex;align-items:center;justify-content:center}.bh-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(212,175,55,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.06) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);animation:bhGridMove 20s linear infinite}@keyframes bhGridMove{0%{background-position:0 0,0 0}100%{background-position:50px 50px,50px 50px}}.bh-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.bh-glow-1{width:900px;height:500px;background:radial-gradient(ellipse,rgba(255,60,20,.55),transparent 65%);animation:bhGlow1 6s ease-in-out infinite}.bh-glow-2{width:600px;height:400px;background:radial-gradient(ellipse,rgba(255,180,60,.35),transparent 65%);animation:bhGlow2 5s ease-in-out infinite .5s}.bh-glow-3{width:400px;height:300px;background:radial-gradient(ellipse,rgba(255,220,120,.4),transparent 65%);animation:bhGlow3 4s ease-in-out infinite 1s}@keyframes bhGlow1{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}@keyframes bhGlow2{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes bhGlow3{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.3)}}.bh-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,180,60,.4);pointer-events:none;z-index:1}.bh-wave-1{width:400px;height:400px;animation:bhWave 4s ease-out infinite}.bh-wave-2{width:400px;height:400px;animation:bhWave 4s ease-out infinite 1.3s}.bh-wave-3{width:400px;height:400px;animation:bhWave 4s ease-out infinite 2.6s}@keyframes bhWave{0%{width:200px;height:200px;opacity:0;border-color:rgba(255,180,60,.9);border-width:2px}20%{opacity:1}100%{width:900px;height:900px;opacity:0;border-color:rgba(255,60,20,0);border-width:1px}}.bh-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(212,175,55,.25);pointer-events:none;z-index:1}.bh-ring-1{width:700px;height:700px;animation:bhRingSpin 40s linear infinite}.bh-ring-2{width:500px;height:500px;border-style:solid;border-color:rgba(255,106,58,.15);animation:bhRingSpin 30s linear infinite reverse}@keyframes bhRingSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.bh-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.bh-p{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff8d0,#ff6a3a);box-shadow:0 0 10px #ff6a3a,0 0 20px #ff3a1a;opacity:0;animation:bhPFloat 7s linear infinite}.bh-p:first-child{left:5%;animation-delay:0s;animation-duration:7s}.bh-p:nth-child(2){left:12%;animation-delay:.8s;animation-duration:6s}.bh-p:nth-child(3){left:20%;animation-delay:1.6s;animation-duration:8s}.bh-p:nth-child(4){left:28%;animation-delay:.4s;animation-duration:6.5s}.bh-p:nth-child(5){left:36%;animation-delay:2.4s;animation-duration:7.5s}.bh-p:nth-child(6){left:44%;animation-delay:1.2s;animation-duration:5.5s}.bh-p:nth-child(7){left:52%;animation-delay:3.2s;animation-duration:8s}.bh-p:nth-child(8){left:60%;animation-delay:2s;animation-duration:6.8s}.bh-p:nth-child(9){left:68%;animation-delay:.6s;animation-duration:7.2s}.bh-p:nth-child(10){left:76%;animation-delay:2.8s;animation-duration:6.2s}.bh-p:nth-child(11){left:84%;animation-delay:1.4s;animation-duration:7.8s}.bh-p:nth-child(12){left:92%;animation-delay:3.6s;animation-duration:6.4s}.bh-p:nth-child(13){left:16%;animation-delay:4.5s;animation-duration:7.4s}.bh-p:nth-child(14){left:32%;animation-delay:5.2s;animation-duration:6.8s}.bh-p:nth-child(15){left:48%;animation-delay:4s;animation-duration:7.6s}.bh-p:nth-child(16){left:64%;animation-delay:5.6s;animation-duration:6.2s}.bh-p:nth-child(17){left:80%;animation-delay:4.8s;animation-duration:7.4s}.bh-p:nth-child(18){left:88%;animation-delay:5.4s;animation-duration:6.6s}@keyframes bhPFloat{0%{bottom:-10px;opacity:0;transform:translateX(0) scale(.3)}15%{opacity:1;transform:translateX(6px) scale(1.2)}60%{opacity:.8;transform:translateX(15px) scale(.9)}100%{bottom:100%;opacity:0;transform:translateX(30px) scale(.1)}}.bh-botline,.bh-topline{position:absolute;left:50%;transform:translateX(-50%);width:70%;height:1px;z-index:3;pointer-events:none}.bh-topline{top:0;background:linear-gradient(90deg,transparent,var(--gold),var(--fire-lt),var(--gold),transparent);box-shadow:0 0 20px rgba(255,100,40,.8),0 0 40px rgba(212,175,55,.5);animation:bhLineGlow 3s ease-in-out infinite}.bh-botline{bottom:0;background:linear-gradient(90deg,transparent,rgba(212,175,55,.6),transparent);animation:bhLineGlow 3s ease-in-out infinite 1.5s}@keyframes bhLineGlow{0%,100%{opacity:.5}50%{opacity:1}}.bh-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:0}.bottom-title{display:inline-flex;align-items:center;gap:16px;font-size:24px;color:var(--gold-lt);letter-spacing:10px;margin-bottom:10px;text-shadow:0 0 24px rgba(212,175,55,.9);animation:btPulse 3s ease-in-out infinite}@keyframes btPulse{0%,100%{text-shadow:0 0 24px rgba(212,175,55,.7)}50%{text-shadow:0 0 40px #ffb43c,0 0 60px rgba(255,100,40,.6)}}.bt-deco{font-size:12px;color:var(--fire-lt);text-shadow:0 0 12px var(--fire-lt);animation:btDeco 2s ease-in-out infinite}@keyframes btDeco{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.bottom-big{position:relative;font-size:120px;font-weight:900;letter-spacing:22px;line-height:1.1;display:inline-block}.bb-text{position:relative;z-index:2;background:linear-gradient(180deg,#fff8d0 0,#f7e08a 20%,#d4af37 45%,#8a6d1a 75%,#4a3a0a 100%);-webkit-background-clip:text;background-clip:text;color:#ebe4a8;filter:drop-shadow(0 0 30px rgba(255, 200, 80, .8)) drop-shadow(0 0 60px rgba(255, 100, 40, .6)) drop-shadow(0 6px 20px rgba(0, 0, 0, .9));animation:bbGlow 3s ease-in-out infinite}@keyframes bbGlow{0%,100%{filter:drop-shadow(0 0 30px rgba(255, 200, 80, .8)) drop-shadow(0 0 60px rgba(255, 100, 40, .6)) drop-shadow(0 6px 20px rgba(0, 0, 0, .9))}50%{filter:drop-shadow(0 0 50px rgba(255, 220, 120, 1)) drop-shadow(0 0 90px rgba(255, 120, 60, .9)) drop-shadow(0 6px 20px rgba(0, 0, 0, .9))}}.bb-shine{position:absolute;top:0;left:-50%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:0;animation:bbShineMove 5s ease-in-out infinite}@keyframes bbShineMove{0%{left:-50%;opacity:0}10%{opacity:.9}55%{left:55%;opacity:.9}75%{left:120%;opacity:0}100%{left:120%;opacity:0}}.bottom-site{position:relative;z-index:2;margin-top:44px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:18px 54px}@keyframes bsPulse{0%,100%{box-shadow:0 0 40px rgba(212,175,55,.6),0 0 80px rgba(255,100,40,.3),inset 0 0 30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,220,120,.3)}50%{box-shadow:0 0 60px #f7e08a,0 0 120px rgba(255,100,40,.5),inset 0 0 40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,220,120,.5)}}.bottom-site:hover{transform:translateY(-3px);border-color:var(--gold-lt)}.bottom-site::before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-lt),transparent);box-shadow:0 0 12px var(--gold-lt)}.bottom-site .tag{font-size:12px;color:var(--gold-lt);letter-spacing:6px;text-shadow:0 0 12px rgba(247,224,138,.8)}.bottom-site .url{font-size:30px;font-weight:900;color:#fff8d0;letter-spacing:4px;font-family:"Courier New",monospace;text-shadow:0 0 20px rgba(255,200,80,.9),0 0 40px rgba(255,100,40,.6);animation:bsUrlGlow 2.5s ease-in-out infinite}@keyframes bsUrlGlow{0%,100%{text-shadow:0 0 20px rgba(255,200,80,.9),0 0 40px rgba(255,100,40,.6)}50%{text-shadow:0 0 30px #ffdc78,0 0 60px rgba(255,120,60,.9)}}@media (max-width:900px){.bottom-hero{padding:70px 16px 50px;min-height:380px}.bh-glow-1{width:500px;height:300px}.bh-glow-2{width:350px;height:220px}.bh-glow-3{width:250px;height:180px}.bh-ring-1{width:400px;height:400px}.bh-ring-2{width:300px;height:300px}.bottom-title{font-size:16px;letter-spacing:6px;gap:10px}.bt-deco{font-size:9px}.bottom-big{font-size:64px;letter-spacing:12px}.bottom-site{padding:14px 32px;margin-top:30px}.bottom-site .url{font-size:20px}.bottom-site .tag{font-size:10px;letter-spacing:4px}}@media (max-width:400px){.bottom-big{font-size:52px;letter-spacing:8px}.bottom-title{font-size:14px;letter-spacing:4px}}.footer{background:#050101;text-align:center;padding:34px 20px;font-size:12px;color:#4a3a2a;line-height:1.9;border-top:1px solid #2a1208}.footer b{color:#6a5a4a;font-weight:400}@media (max-width:900px){.top-nav{padding:12px 16px}.nav-menu{display:none}.nav-logo img{height:34px}.hero{min-height:520px;justify-content:center}.hero-content{text-align:center;padding:0 24px;max-width:100%;margin-right:0}.hero-title{font-size:42px;letter-spacing:4px;text-align:center}.hero-title span{font-size:26px;letter-spacing:6px}.hero-tag{font-size:10px;letter-spacing:2px;padding:4px 12px}.hero-desc{font-size:13px;letter-spacing:1px;text-align:center}.hero-btns{flex-direction:column;gap:12px;justify-content:center;display:none}.btn-hero-main,.btn-hero-sub{justify-content:center;padding:13px 24px;font-size:14px;letter-spacing:2px}.scroll-hint{display:none}.block{padding:50px 20px}.block-title{margin-bottom:36px}.block-title h2{font-size:20px;letter-spacing:4px}.block-title h2 em{font-size:10px;letter-spacing:3px}.block-title::after{width:140px;height:3px}.classes-grid{grid-template-columns:1fr;gap:22px}.class-portrait{height:260px}.class-num{font-size:56px;top:-40px}.class-name{font-size:22px;letter-spacing:5px}.class-desc{min-height:auto;font-size:12.5px}.upgrade-panel{grid-template-columns:1fr;gap:30px;padding:36px 20px 32px;text-align:center}.up-equip-ring{width:160px;height:160px;margin:-80px 0 0 -80px}.up-equip-ring-2{width:200px;height:200px;margin:-100px 0 0 -100px}.up-equip-ring-3{width:130px;height:130px;margin:-65px 0 0 -65px}.up-equip-box{width:110px;height:110px}.up-equip-icon{font-size:46px}.up-stats{grid-template-columns:1fr;gap:10px}.up-result-val{font-size:64px}.up-result-plus{font-size:32px}.up-result{order:-1}.up-tip{font-size:11.5px;justify-content:center}.up-btn{padding:11px 32px;font-size:14px;letter-spacing:4px}.upgrade-icon{margin:0 auto;width:90px;height:90px;font-size:40px}.upgrade-result{text-align:center;font-size:30px}.dungeons{grid-template-columns:1fr 1fr;gap:12px}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:12px}.inventory-panel{padding:22px 16px}.redeem-bar{flex-direction:column}.redeem-btn{height:46px}.bottom-grid{grid-template-columns:1fr;gap:26px}.contact-qr img{width:140px;height:140px}.bottom-hero{padding:50px 16px 30px}.bottom-title{font-size:16px;letter-spacing:5px}.bottom-big{font-size:52px;letter-spacing:10px}.bottom-site{padding:12px 28px;margin-top:24px}.bottom-site .url{font-size:18px}}.bg_img1{display:none;position:absolute;background:url(../image/bg_img1.png);width:550px;height:623px;bottom:30%;left:51px;animation:circle_run 20s infinite linear}.bg_img2{display:none;position:absolute;background:url(../image/bg_img2.png);width:311px;height:311px;top:19%;right:100px;animation:circle_run 15s infinite linear}@media screen and (min-width:768px){.bg_img1,.bg_img2{display:block}}@keyframes circle_run{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:400px){.hero-title{font-size:32px}.hero-title span{font-size:22px}.bottom-big{font-size:42px;letter-spacing:6px}.dungeons{grid-template-columns:1fr}}.back-to-top{position:fixed;right:32px;bottom:32px;z-index:999;width:50px;height:50px;border:2px solid var(--gold);border-radius:8px;background:linear-gradient(135deg,rgba(168,26,10,.9),rgba(138,21,5,.9));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold-lt);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .35s,visibility .35s,transform .35s,box-shadow .25s,background .25s;box-shadow:0 0 20px rgba(255,100,40,.5),inset 0 0 12px rgba(255,150,60,.2)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:linear-gradient(135deg,#d63a1a,#8a1505);border-color:var(--gold-lt);color:#fff8d0;box-shadow:0 0 32px #ff7828,0 0 60px rgba(255,100,40,.5),inset 0 0 18px rgba(255,200,100,.4);transform:translateY(-4px) scale(1.05)}.back-to-top:active{transform:translateY(-2px) scale(.96)}.back-to-top svg{width:22px;height:22px;display:block;filter:drop-shadow(0 0 6px rgba(255, 200, 80, .9));animation:arrowBob 2.2s ease-in-out infinite}@keyframes arrowBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.back-to-top::before{content:"";position:absolute;inset:-2px;border-radius:8px;border:1px solid rgba(255,180,60,.6);opacity:0;animation:bttPulse 2.4s ease-out infinite;pointer-events:none}@keyframes bttPulse{0%{inset:-2px;opacity:.8;border-color:rgba(255,180,60,.8)}100%{inset:-12px;opacity:0;border-color:rgba(255,100,40,0)}}@media (max-width:900px){.back-to-top{right:16px;bottom:20px;width:44px;height:44px}.back-to-top svg{width:18px;height:18px}}