@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;900&display=swap");:root{--font-sans:"Plus Jakarta Sans","Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-main:#f4f7f9;--bg-card:rgba(255,255,255,0.78);--bg-card-hover:rgba(255,255,255,0.92);--bg-glass:rgba(255,255,255,0.72);--border-color:rgba(16,185,129,0.16);--border-glass:rgba(255,255,255,0.88);--border-glass-subtle:rgba(15,23,42,0.08);--border-active:#059669;--primary:#f59e0b;--primary-hover:#d97706;--primary-light:#fef3c7;--emerald:#059669;--emerald-hover:#047857;--emerald-light:#d1fae5;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(15,23,42,0.04);--shadow-md:0 12px 32px -4px rgba(15,23,42,0.07),inset 0 1px 1px rgba(255,255,255,0.9);--shadow-glass:0 16px 40px -8px rgba(15,23,42,0.07),inset 0 1px 1.5px 0 rgba(255,255,255,0.95);--shadow-glass-hover:0 24px 50px -10px rgba(16,185,129,0.18),inset 0 1px 1.5px 0 rgba(255,255,255,1);--shadow-glow:0 0 32px rgba(245,158,11,0.28)}*{box-sizing:border-box;margin:0;padding:0;font-size:14px}body{font-family:var(--font-sans);background-color:#f4f7f9;color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;background-image:radial-gradient(rgba(15,23,42,.055) 1.2px,transparent 0),radial-gradient(ellipse 90% 60% at 50% -10%,rgba(16,185,129,.12) 0,transparent 75%),radial-gradient(circle 650px at 92% 20%,rgba(245,158,11,.1) 0,transparent 65%),radial-gradient(circle 750px at 8% 65%,rgba(14,165,233,.07) 0,transparent 68%),radial-gradient(circle 550px at 85% 85%,rgba(16,185,129,.06) 0,transparent 65%);background-size:28px 28px,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed}@keyframes ambientPulse{0%,to{transform:scale(1) translate(0);opacity:.9}50%{transform:scale(1.08) translate(15px,-10px);opacity:1}}@keyframes ambientFloat{0%,to{transform:scale(1) translate(0);opacity:.85}50%{transform:scale(1.06) translate(-20px,15px);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(241,245,249,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#ffffff;font-size:15px;font-weight:800;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 18px rgba(234,88,12,.28);text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(234,88,12,.38);filter:brightness(1.04)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#065f46;font-size:15px;font-weight:800;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.28);cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 14px rgba(15,23,42,.04)}.btn-secondary:hover{background:rgba(255,255,255,.98);border-color:#059669;transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,185,129,.16)}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d97706;font-size:14px;font-weight:700;border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.35);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.02)}.btn-outline:hover{background:rgba(254,243,199,.85);color:#b45309}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.glass-card:hover{border-color:rgba(16,185,129,.38);box-shadow:var(--shadow-glass-hover);background:var(--bg-card-hover);transform:translateY(-3px)}.glass-panel{background:rgba(255,255,255,.76);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.88);border-radius:24px;box-shadow:0 16px 36px -6px rgba(15,23,42,.06),inset 0 1px 1.5px 0 rgba(255,255,255,.95)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:700;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-primary{background:rgba(254,243,199,.85);color:#b45309;border:1px solid rgba(253,230,138,.9)}.badge-emerald{background:rgba(220,252,231,.85);color:#15803d;border:1px solid rgba(134,239,172,.9)}.badge-neutral{background:rgba(241,245,249,.85);color:#334155;border:1px solid rgba(226,232,240,.9)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.68);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#0f172a;border:1px solid rgba(255,255,255,.9);border-radius:28px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px -15px rgba(15,23,42,.35),0 0 0 1px rgba(0,0,0,.05);animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px rgba(16,185,129,.35)}50%{box-shadow:0 0 24px rgba(16,185,129,.65)}}.pulse-animation{animation:pulseGlow 2s ease-in-out infinite}.nav-desktop-only{display:flex!important}.nav-mobile-only{display:none!important}.nav-brand-subtitle{display:block}#brandLogoContainer{display:flex!important;flex-direction:row!important;align-items:center!important}#brandLogoContainer,#brandLogoTextWrapper{flex-shrink:0!important}#brandLogoContainer,#brandLogoTextWrapper,#navBrandTitle{white-space:nowrap!important;word-break:keep-all!important}#navBrandTitle{display:inline-block!important;font-size:clamp(14px,4.2vw,20px)!important;line-height:1.2!important}@media (max-width:768px){.nav-desktop-only{display:none!important}.nav-mobile-only{display:inline-flex!important}.nav-brand-subtitle{display:none!important}#mainNavbarHeader{padding:0 12px!important}#brandLogoContainer{gap:8px!important}#brandLogoIcon{width:36px!important;height:36px!important;font-size:18px!important;border-radius:12px!important}#navLoginBtn{padding:7px 14px!important;font-size:14px!important}}@media (max-width:400px){#mainNavbarHeader{padding:0 8px!important}#brandLogoContainer{gap:6px!important}#brandLogoIcon{width:32px!important;height:32px!important;font-size:16px!important;border-radius:10px!important}#navBrandTitle{font-size:clamp(14px,3.8vw,17px)!important}#navLoginBtn{padding:6px 10px!important;font-size:14px!important}#mobileMenuToggleBtn{width:34px!important;height:34px!important;font-size:16px!important}}@keyframes floatBobSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1.2deg)}}@keyframes floatBobFast{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1.5deg)}}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlowRing{0%{box-shadow:0 0 0 0 rgba(245,158,11,.65),0 8px 24px rgba(234,88,12,.45)}70%{box-shadow:0 0 0 16px rgba(245,158,11,0),0 12px 32px rgba(234,88,12,.6)}to{box-shadow:0 0 0 0 rgba(245,158,11,0),0 8px 24px rgba(234,88,12,.45)}}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes coinSparkle{0%,to{opacity:.85;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.18) rotate(12deg);filter:drop-shadow(0 0 10px #fde047)}}.text-3d-gold{background:linear-gradient(180deg,#ffffff,#fef08a 22%,#f59e0b 55%,#d97706 82%,#78350f);-webkit-background-clip:text;filter:drop-shadow(0 2px 0 #78350f) drop-shadow(0 4px 10px rgba(245,158,11,.55)) drop-shadow(0 10px 24px rgba(0,0,0,.4))}.text-3d-gold,.text-3d-silver{-webkit-text-fill-color:transparent}.text-3d-silver{background:linear-gradient(180deg,#ffffff,#f1f5f9 30%,#cbd5e1 65%,#64748b);-webkit-background-clip:text;filter:drop-shadow(0 2px 0 #334155) drop-shadow(0 4px 8px rgba(0,0,0,.3))}.btn-gold-3d{background:linear-gradient(135deg,#f59e0b,#ea580c 50%,#c2410c);color:#ffffff!important;font-weight:900!important;border-radius:9999px!important;border:1px solid rgba(254,240,138,.6)!important;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)!important;animation:pulseGlowRing 2.6s infinite;text-shadow:0 1px 3px rgba(0,0,0,.3)}.btn-gold-3d:hover{transform:translateY(-3px) scale(1.03)!important;filter:brightness(1.1)!important}.ticker-marquee-wrap{overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}.ticker-marquee-inner{display:inline-flex;animation:marqueeScroll 36s linear infinite}.ticker-marquee-inner:hover{animation-play-state:paused}@keyframes slideInRightSmooth{0%{opacity:0;transform:translateX(42px) scale(.98);filter:blur(4px)}60%{opacity:.95;filter:blur(0)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes slideInLeftSmooth{0%{opacity:0;transform:translateX(-42px) scale(.98);filter:blur(4px)}60%{opacity:.95;filter:blur(0)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes crossFadeZoomIn{0%{opacity:.25;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes numberPopBounce{0%{transform:scale(.92);opacity:.7}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.anim-number-pop{animation:numberPopBounce .4s cubic-bezier(.16,1,.3,1) forwards}.interactive-hover-lift{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease,background-color .25s ease;will-change:transform,box-shadow}.interactive-hover-lift:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 20px 42px -10px rgba(16,185,129,.22),0 0 0 1.5px rgba(16,185,129,.35)}.interactive-hover-lift:active{transform:translateY(-2px) scale(.995);transition-duration:.1s}.animated-glow-card{position:relative;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 14px 36px rgba(6,78,59,.32),0 0 28px rgba(16,185,129,.2)}.animated-glow-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(6,78,59,.42),0 0 40px rgba(52,211,153,.45)}.interactive-card-spec{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-left-width .25s cubic-bezier(.16,1,.3,1),background .25s ease;cursor:default}.interactive-card-spec:hover{transform:translateY(-5px);box-shadow:0 16px 36px -8px rgba(0,0,0,.12),0 4px 12px rgba(16,185,129,.12);border-left-width:8px!important;background:#ffffff!important}.interactive-table-row{transition:background-color .25s ease,transform .25s ease}.interactive-table-row:hover{background-color:rgba(240,253,244,.85)!important;transform:scale(1.002)}.battlefield-day-card{transition:all .4s cubic-bezier(.16,1,.3,1)}.battlefield-day-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 24px 50px -10px rgba(16,185,129,.28),0 0 35px rgba(251,191,36,.22)}.battlefield-night-card{transition:all .4s cubic-bezier(.16,1,.3,1)}.battlefield-night-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 24px 50px -10px rgba(99,102,241,.35),0 0 35px rgba(129,140,248,.25)}.btn-gold-3d,.btn-outline,.btn-primary,.btn-secondary,button{transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-gold-3d:active,.btn-outline:active,.btn-primary:active,.btn-secondary:active,button:active{transform:scale(.96)!important}.calc-preset-btn{transition:all .25s cubic-bezier(.16,1,.3,1)}.calc-preset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.18)}@keyframes epic3DFlipNext{0%{opacity:0;transform:perspective(1200px) rotateY(-22deg) translateX(70px) scale(.86);filter:blur(8px) brightness(1.3)}65%{opacity:1;transform:perspective(1200px) rotateY(4deg) translateX(-6px) scale(1.02);filter:blur(0) brightness(1.05)}to{opacity:1;transform:perspective(1200px) rotateY(0deg) translateX(0) scale(1);filter:blur(0) brightness(1)}}@keyframes epic3DFlipPrev{0%{opacity:0;transform:perspective(1200px) rotateY(22deg) translateX(-70px) scale(.86);filter:blur(8px) brightness(1.3)}65%{opacity:1;transform:perspective(1200px) rotateY(-4deg) translateX(6px) scale(1.02);filter:blur(0) brightness(1.05)}to{opacity:1;transform:perspective(1200px) rotateY(0deg) translateX(0) scale(1);filter:blur(0) brightness(1)}}@keyframes epicStompImpact{0%{transform:scale(2) translateY(-25px);opacity:0;filter:blur(8px) drop-shadow(0 0 35px #f59e0b)}50%{transform:scale(.92) translateY(4px);opacity:1;filter:blur(0) drop-shadow(0 0 25px #fde047)}75%{transform:scale(1.08) translateY(-2px);filter:drop-shadow(0 0 20px #fbbf24)}to{transform:scale(1) translateY(0);filter:drop-shadow(0 0 14px rgba(251,191,36,.8))}}.anim-epic-stomp{animation:epicStompImpact .65s cubic-bezier(.175,.885,.32,1.275) both!important}@keyframes goldShockwaveSweep{0%{transform:translateX(-150%) skewX(-25deg);opacity:0}30%{opacity:.9}to{transform:translateX(250%) skewX(-25deg);opacity:0}}.banner-shockwave-beam{position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(254,240,138,.65) 50%,rgba(255,255,255,.9) 70%,transparent);transform:skewX(-25deg);pointer-events:none;z-index:15;animation:goldShockwaveSweep .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes spinConic{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.epic-neon-card{position:relative;border-radius:26px;overflow:hidden;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 40px rgba(6,78,59,.35);padding:3px}.epic-neon-card:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,#10b981,#f59e0b,#ec4899,#8b5cf6,#06b6d4,#10b981);animation:spinConic 3.5s linear infinite;z-index:0}.epic-neon-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 28px 65px rgba(6,78,59,.55),0 0 35px rgba(52,211,153,.5)}.epic-neon-card-inner{position:relative;border-radius:23px;background:linear-gradient(145deg,#022c22,#064e3b 60%,#065f46);z-index:1;padding:32px;color:#ffffff}@keyframes coinFountainLeft{0%{transform:translate(0) scale(.3) rotate(0deg);opacity:0}30%{opacity:1;transform:translate(-20px,-22px) scale(1.15) rotate(-45deg)}to{transform:translate(-42px,-40px) scale(1.2) rotate(-140deg);opacity:0}}@keyframes coinFountainMid{0%{transform:translate(0) scale(.3) rotate(0deg);opacity:0}30%{opacity:1;transform:translateY(-26px) scale(1.25) rotate(30deg)}to{transform:translateY(-48px) scale(1.3) rotate(120deg);opacity:0}}@keyframes coinFountainRight{0%{transform:translate(0) scale(.3) rotate(0deg);opacity:0}30%{opacity:1;transform:translate(20px,-22px) scale(1.15) rotate(60deg)}to{transform:translate(42px,-40px) scale(1.2) rotate(180deg);opacity:0}}.anim-coin-left{animation:coinFountainLeft .75s ease-out forwards}.anim-coin-mid{animation:coinFountainMid .8s ease-out forwards}.anim-coin-right{animation:coinFountainRight .75s ease-out forwards}.epic-spec-card{transition:all .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;cursor:default}.epic-spec-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 55px -10px rgba(16,185,129,.28),0 0 25px rgba(52,211,153,.22);border-left-width:10px!important;background:#ffffff!important}.epic-spec-card .spec-icon{display:inline-block;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.epic-spec-card:hover .spec-icon{transform:rotateY(1turn) scale(1.35)}.epic-day-battlefield{position:relative;overflow:hidden;transition:all .45s cubic-bezier(.16,1,.3,1)}.epic-day-battlefield:hover{transform:translateY(-14px) scale(1.03);box-shadow:0 32px 65px -12px rgba(16,185,129,.35),0 0 45px rgba(251,191,36,.35);border-top-color:#f59e0b!important}.epic-night-battlefield{position:relative;overflow:hidden;transition:all .45s cubic-bezier(.16,1,.3,1)}.epic-night-battlefield:hover{transform:translateY(-14px) scale(1.03);box-shadow:0 32px 65px -12px rgba(99,102,241,.45),0 0 45px rgba(168,85,247,.4);border-top-color:#a855f7!important}.btn-liquid-shine{position:relative;overflow:hidden}.btn-liquid-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:rotate(25deg) translateX(-100%);animation:liquidShimmerBlast 3.8s infinite;pointer-events:none}@keyframes liquidShimmerBlast{0%{transform:rotate(25deg) translateX(-150%)}25%{transform:rotate(25deg) translateX(150%)}to{transform:rotate(25deg) translateX(150%)}}