*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gold: #c9a84c;--gold-light: #f2d97a;--nav-h: 58px;--dl-h: clamp(80px, 10.36vw, 140px)}html,body{width:100%;min-height:100svh;overflow-x:hidden;background:#d3ebf7;font-family:Prompt,sans-serif;display:flex;flex-direction:column}img{display:block}a{text-decoration:none}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);z-index:200;background:transparent;transition:background .4s ease,box-shadow .4s ease}.navbar.nav-scrolled,.news-page .navbar{background:linear-gradient(135deg,#fffffff0,#f0fcfff5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 20px #3cc3d41a;border-bottom:2px solid;border-image:linear-gradient(90deg,#3cc3d499,#b2d23599) 1}.navbar.nav-visible{transform:translateY(0);opacity:1}.nav-inner{position:relative;width:100%;height:100%;max-width:1440px;margin:0 auto;display:flex;align-items:center;padding:0 28px}.nav-logo{flex:1;display:flex;justify-content:flex-start;align-items:center}.nav-logo a{display:flex;align-items:center}.nav-logo img{height:46px;width:auto;filter:drop-shadow(0 0 4px rgba(100,160,220,.4))}.logo-fallback{display:none;color:var(--gold-light);font-family:Outfit,sans-serif;font-size:18px;font-weight:900}.nav-menu{flex:0 0 auto;display:flex;justify-content:center;list-style:none;gap:0;white-space:nowrap}.nav-item>a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 24px;border-radius:4px;transition:background .2s}.nav-item>a:hover,.nav-item.active>a{background:#64aae624}.nav-item .th{font-size:14px;font-weight:600;color:#fff;line-height:1;transition:color .3s}.navbar.nav-scrolled .nav-item .th,.news-page .navbar .nav-item .th{color:#1e3a5f}.nav-item.active .th{color:#ffffffbf}.navbar.nav-scrolled .nav-item.active .th,.news-page .navbar .nav-item.active .th{color:#1a7bc4;text-shadow:none}.nav-item .en{font-size:10px;font-weight:600;color:#fff9;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:1.2px;line-height:1;transition:color .3s}.navbar.nav-scrolled .nav-item .en,.news-page .navbar .nav-item .en{color:#5a90b8}.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:10px}.login-container{position:relative;display:flex;align-items:center;padding-right:48px}.login-btn{position:relative;background:linear-gradient(180deg,#00d2ff,#3a7bd5);border:2px solid #fff;color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;letter-spacing:1.5px;padding:8px 44px 8px 24px;border-radius:30px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 4px 15px #00b4ff66;z-index:1}.login-btn:before{content:"";position:absolute;top:2px;left:10%;width:80%;height:45%;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);border-radius:20px 20px 4px 4px;pointer-events:none}.login-penguin{position:absolute;right:-2px;top:50%;transform:translateY(-50%);height:70px;width:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.login-btn:hover{transform:scale(1.04);filter:brightness(1.1);box-shadow:0 6px 20px #00b4ff99}.login-btn:active{transform:scale(.98)}.login-btn:hover{background:#ffffff26;border-color:#fff;color:#fff;box-shadow:0 0 14px #fff3}.navbar.nav-scrolled .login-btn:hover{background:#1a7bc414;border-color:#1a7bc4;color:#0f5a9c;box-shadow:0 0 14px #1a7bc440}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:10px;flex-shrink:0}.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s,background .3s;transform-origin:center}.navbar.nav-scrolled .hamburger span,.news-page .navbar .hamburger span{background:#1e3a5f}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar.menu-open+.nav-overlay{opacity:1;pointer-events:auto}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:185;background:#000f1e66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .4s ease}.navbar.menu-open{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.hero{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;clip-path:inset(0);display:flex;align-items:center;justify-content:center;margin-bottom:-2px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg-img{width:100%;height:100%;object-fit:fill}.hero-overlay{position:absolute}.hero-vignette{display:none}.character{position:absolute;bottom:0;z-index:2;pointer-events:none}.char-left{left:0;width:clamp(300px,38vw,620px);animation:floatChar 5s ease-in-out infinite;animation-delay:0s}.char-right{right:0;width:clamp(260px,28vw,500px);animation:floatChar 5s ease-in-out infinite;animation-delay:2.5s}.character img{width:100%;height:auto;object-fit:contain;object-position:bottom;-webkit-mask-image:linear-gradient(to top,transparent 0%,rgba(0,0,0,.5) 7%,black 18%);mask-image:linear-gradient(to top,transparent 0%,rgba(0,0,0,.5) 7%,black 18%)}@keyframes floatChar{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.adventure-tagline{position:absolute;top:34%;left:50%;transform:translate(-50%);z-index:10;font-family:Prompt,sans-serif;color:#fff;text-align:center;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.8),0 0 20px rgba(201,168,76,.6);letter-spacing:1px;pointer-events:none;animation:adventureFadeUp 1.2s ease-out both;display:flex;flex-direction:column;gap:8px;width:100%;padding:0 20px}.adventure-tagline .main-line{font-size:clamp(16px,3.8vw,42px);font-weight:700}.adventure-tagline .sub-line{font-size:clamp(11px,2vw,22px);font-weight:500;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hero-actions{position:absolute;top:77%;left:50%;transform:translate(-50%);z-index:15;display:flex;gap:12px;animation:adventureFadeUp 1.2s .3s ease-out both;width:auto}.hero-btn-custom{display:block;width:clamp(280px,0vw,420px);height:clamp(90px,9vw,140px);text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s;filter:drop-shadow(0 8px 15px rgba(0,0,0,.4));background-size:contain;background-repeat:no-repeat;background-position:center}.hero-btn-custom.btn-register{background-image:url(/register-btn.webp)}.hero-btn-custom.btn-download{background-image:url(/download-btn.webp)}.hero-btn-custom:hover{transform:translateY(-6px) scale(1.05);filter:brightness(1.1) drop-shadow(0 12px 20px rgba(0,0,0,.5))}.hero-btn-custom:active{transform:translateY(-2px) scale(.96)}@media (max-width: 1024px){.adventure-tagline{top:35%;gap:4px;width:90%}.adventure-tagline .main-line{font-size:24px!important}.adventure-tagline .sub-line{font-size:15px!important;white-space:normal}.hero-actions{top:80%;gap:10px}.hero-btn-custom{width:180px;height:100px}}@media (max-width: 480px){.adventure-tagline{top:35%;gap:2px;white-space:normal;padding:0 15px;width:95%}.adventure-tagline .main-line{font-size:10px!important;line-height:1.2}.adventure-tagline .sub-line{font-size:10px!important;line-height:1;margin-top:3px;display:block;transform:scale(.6);transform-origin:center top}.hero-actions{top:78%;gap:6px;padding:0 10px}.hero-btn-custom{width:80px;height:47px}}@keyframes adventureFadeUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.main-logo-img{position:absolute;top:4%;left:50%;transform:translate(-50%);width:46%;z-index:3;pointer-events:none}.main-logo-img img{width:100%;height:auto;display:block}.main-hero-img{position:absolute;top:45%;left:37%;transform:translate(-50%,-50%);height:40%;width:auto;z-index:2;pointer-events:none;animation:fadeUp .9s .5s ease both;filter:drop-shadow(0 0 30px rgba(200,160,60,.4))}.main-hero-img img{height:100%;width:auto;max-width:none;display:block;object-fit:contain}.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:640px;padding:0 20px;margin-top:calc(var(--nav-h) * .5);gap:0;animation:fadeUp .85s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.play-area{margin-bottom:12px}.play-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;animation:pulsePop 2.5s ease-in-out infinite}.play-btn img{width:72px;height:72px;filter:drop-shadow(0 0 22px rgba(201,168,76,.85))}.play-fallback{display:none;width:72px;height:72px;background:#c9a84c33;border:2px solid var(--gold);border-radius:50%;align-items:center;justify-content:center;color:var(--gold-light);font-size:26px}.play-btn:hover{transform:scale(1.11);transition:transform .2s}@keyframes pulsePop{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hero-title{width:clamp(300px,50vw,600px);margin-bottom:10px;animation:fadeUp .9s .2s ease both}.hero-title img{width:100%;height:auto}.title-fallback{display:none}.title-en{font-family:Cinzel,serif;font-size:clamp(28px,4.5vw,56px);font-weight:900;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.9),0 0 40px rgba(201,168,76,.4);letter-spacing:2px;line-height:1.1}.title-th{font-size:clamp(20px,3.2vw,40px);font-weight:900;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.9);line-height:1.15}.hero-subtitle{color:#ffffffe6;font-size:clamp(12px,1.2vw,15px);font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.95);margin-bottom:16px;letter-spacing:.4px;animation:fadeUp .9s .38s ease both}.register-box{display:flex;flex-direction:column;align-items:center;gap:10px;animation:fadeUp .9s .52s ease both}.register-count-wrap{position:relative;width:clamp(280px,35vw,420px)}.register-count-wrap .count-bg{width:100%;height:auto;display:block}.register-count-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(201,168,76,.45);border-radius:6px;pointer-events:none}.register-count-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding-bottom:4px}.register-label{color:#ffffffe0;font-size:clamp(11px,1.05vw,13px);font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.95);letter-spacing:.3px}.register-number{color:#fff;font-size:clamp(26px,3.6vw,44px);font-weight:900;font-family:Cinzel,serif;letter-spacing:2px;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 28px rgba(201,168,76,.3)}.register-number .unit{font-size:.5em;color:var(--gold-light);font-weight:700;letter-spacing:1px}.register-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;width:clamp(200px,23vw,280px);transition:transform .2s,filter .2s;display:block}.register-btn-img{width:100%;height:auto;display:block}.register-btn-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#3b1800;font-size:clamp(13px,1.3vw,15px);font-weight:700;pointer-events:none;padding-bottom:5px;text-shadow:none}.register-btn:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.1)}.register-btn:active{transform:scale(.97)}.content-section{position:relative;width:100%;aspect-ratio:16 / 9;background-size:100% 100%;background-position:top center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:-2px}.section-2{background-image:url(/bg2.jpg)}.section-3{background-image:url(/bg3.jpg)}.section-seam{width:100%;height:20px;margin-top:-20px;position:relative;z-index:10;pointer-events:none}.seam-1-2,.seam-2-3,.section-overlay{display:none}.float-sidebar{position:fixed;right:0;bottom:calc(var(--dl-h) + 20px);z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sidebar-widget{display:flex;align-items:center;cursor:pointer;animation:sway 3.2s ease-in-out infinite;transform-origin:bottom right}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.sidebar-widget:hover{animation-play-state:paused}.sidebar-bubble{position:relative;background:linear-gradient(135deg,#36c46e,#1e9a5c);color:#fff;font-size:11px;font-weight:700;line-height:1.4;padding:7px 12px;border-radius:10px;white-space:nowrap;text-align:center;box-shadow:0 4px 14px #00000059;margin-right:4px}.sidebar-bubble:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left-color:#1e9a5c}.sidebar-mascot-img{width:70px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}.sidebar-socials{display:flex;flex-direction:column;gap:5px;padding-right:6px}.social-btn{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:transform .18s}.social-btn svg{width:21px;height:21px}.social-btn:hover{transform:scale(1.18) translate(-4px)}.social-btn.line{background:#06c755;color:#fff;box-shadow:0 3px 10px #06c75573}.social-btn.discord{background:#5865f2;color:#fff;box-shadow:0 3px 10px #5865f273}.social-btn.facebook{background:#1877f2;color:#fff;box-shadow:0 3px 10px #1877f273}.download-bar{position:fixed;bottom:0;left:0;width:100%;height:var(--dl-h);z-index:100;overflow:hidden;background-image:url(/images/download/pre-download-footer.webp);background-repeat:no-repeat;background-position:center}.dl-content{position:relative;z-index:2;height:100%;max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:18px}.dl-mascot{width:68px;flex-shrink:0;margin-top:-8px}.dl-mascot img{width:100%;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.dl-text{flex:1}.dl-title{color:var(--gold-light);font-size:clamp(13px,1.4vw,17px);font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.85);white-space:nowrap}.dl-sub{color:#e6d7b9e6;font-size:clamp(11px,1vw,13px);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.dl-btns{display:flex;gap:12px;align-items:center;flex-shrink:0}.dl-btn{display:block;transition:transform .2s,filter .2s}.dl-btn img{height:40px;width:auto}.dl-btn:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.12)}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.video-modal.open{opacity:1;pointer-events:all}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000de;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;z-index:2;background:#0c0a06;border:2px solid var(--gold);border-radius:14px;width:min(820px,92vw);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px #c9a84c38,0 24px 80px #000000b3}.modal-close{position:absolute;top:-44px;right:0;background:none;border:none;color:#ffffffbf;font-size:26px;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--gold-light)}.video-placeholder{color:#ffffff4d;font-size:22px;text-align:center}.footer{width:100%;aspect-ratio:16 / 4.5;background-image:url(/footer.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:top center;padding:0 20px 18px;display:flex;justify-content:center;align-items:flex-end}.footer-content{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-links{font-size:11px;display:flex;gap:8px;align-items:center}.footer-links a{color:#1e3a5f;text-decoration:none;font-weight:600;text-shadow:0 1px 3px rgba(255,255,255,.8);transition:color .2s}.footer-links a:hover{color:#1a7bc4}.footer-links .divider{color:#7a9bb5}.footer-logos{margin:4px 0;display:flex;align-items:center;justify-content:center;gap:12px}.nova-brand{display:flex;flex-direction:column;align-items:center;gap:4px}.nova-brand img{height:42px;width:auto;filter:drop-shadow(0 0 10px rgba(100,180,255,.4))}.club-brand img{height:52px;width:auto;filter:drop-shadow(0 0 10px rgba(100,180,255,.35))}.footer-socials{display:flex;gap:15px;margin-top:5px}.social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.social-btn img{width:20px;height:20px;flex-shrink:0;display:block;object-fit:contain}.social-btn.facebook-group,.social-btn.facebook{background:#1877f21a;color:#1263c9;border-color:#1877f233}.social-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #1a7bc426}.social-btn.facebook-group:hover,.social-btn.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}@media (max-width: 1366px){:root{--nav-h: 64px}.nav-inner{padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-logo{flex-shrink:0}.nav-logo img{height:48px;margin-top:0}.nav-right{margin-left:auto;flex-shrink:0}.nav-item>a{padding:8px 16px}.nav-menu,.hamburger{display:none}.nav-menu{display:flex;position:fixed;top:0;left:0;right:0;flex-direction:column;background:#ebf8ffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(160,210,255,.2);box-shadow:0 15px 45px #5082c833;padding:var(--nav-h) 0 35px;gap:0;transform:translateY(-20px);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);white-space:normal;z-index:190}.navbar.menu-open .nav-menu{opacity:1;transform:translateY(0);pointer-events:all}.nav-item>a{padding:18px 32px;border-radius:0;flex-direction:row;gap:12px;justify-content:flex-start;border-bottom:1px solid rgba(160,210,255,.1);background:transparent!important}.nav-item:last-child>a{border-bottom:none}.nav-item .th{font-size:16px;color:#1a2a3a;font-weight:700}.nav-item .en{display:block;font-size:12px;color:#5a90b8;font-family:Cinzel,serif}.nav-item.active .th,.nav-item.active .en{color:#1a7bc4}.navbar.menu-open .hamburger span{background:#1a2a3a!important}.login-container{position:relative;display:flex;align-items:center;padding-right:36px;margin-right:-36px;transform:none}.login-btn{font-size:12px;padding:7px 40px 7px 18px;letter-spacing:1.2px}.login-penguin{height:56px;right:-8px}.char-left{width:clamp(250px,40vw,460px)}.char-right{width:clamp(220px,32vw,380px)}.hero-content{max-width:92vw;padding:0 10px;margin-top:calc(var(--nav-h) * .3)}}@media (max-width: 768px){:root{--nav-h: 56px}.nav-inner{padding:0 12px}.nav-logo img{height:36px}.login-container{padding-right:28px;margin-right:-28px}.login-btn{font-size:11px;padding:6px 36px 6px 14px;letter-spacing:1px;border-width:1.5px}.login-penguin{height:44px;right:-10px}}@media (max-width: 480px){:root{--nav-h: 50px}.nav-inner{padding:0 10px}.nav-logo img{height:28px}.login-container{padding-right:22px;margin-right:-22px}.login-btn{font-size:9px;padding:5px 30px 5px 12px;letter-spacing:.8px;border-width:1.5px;border-radius:20px}.login-penguin{height:38px;right:-8px}}@media (max-width: 1226px) and (min-width: 768px){.download-bar{background-size:auto 100%;background-repeat:repeat-x;background-position:center}}@media (max-width: 767px){.download-bar{background-image:linear-gradient(90deg,#1e1005,#2e1a07 30%,#3a2208,#2e1a07 70%,#1e1005)!important;border-top:1px solid rgba(180,130,40,.4)}}.news-main-container{position:relative;z-index:5;width:min(900px,94vw);background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:40px;box-shadow:0 20px 50px #00000026,inset 0 0 0 1px #ffffff80;display:flex;flex-direction:column;gap:30px;margin:40px auto;animation:fadeUp 1s ease both;overflow:hidden}.news-main-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.4) 50%,transparent 55%);transform:rotate(-25deg);animation:glassShimmer 8s infinite linear;pointer-events:none;z-index:0}@keyframes glassShimmer{0%{transform:translate(-30%,-30%) rotate(-25deg)}to{transform:translate(30%,30%) rotate(-25deg)}}.news-header{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;z-index:1}.news-header:before{content:"LATEST UPDATES";font-family:Outfit,sans-serif;font-size:10px;font-weight:900;letter-spacing:3px;color:#1a7bc4;opacity:.6;margin-bottom:-15px}.news-title{font-family:Outfit,sans-serif;font-size:42px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#1e3a5f,#1a7bc4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;animation:floatTitle 3s ease-in-out infinite}@keyframes floatTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.news-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3cc3d4,#b2d235);border-radius:2px}.news-tabs{display:flex;gap:10px;background:#1e3a5f0d;padding:6px;border-radius:14px;border:1px solid rgba(30,58,95,.1)}.news-tab{padding:10px 24px;border:none;background:transparent;color:#5a90b8;font-family:Prompt,sans-serif;font-weight:600;font-size:14px;cursor:pointer;border-radius:10px;transition:all .3s ease}.news-tab:hover{color:#1e3a5f;background:#ffffff80}.news-tab.active{background:#fff;color:#1e3a5f;box-shadow:0 4px 12px #00000014}.news-content{min-height:300px;position:relative;z-index:1}.news-list{display:flex;flex-direction:column;gap:12px}.news-item{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;padding:16px 20px;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:16px;transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;gap:15px;position:relative}.news-item:hover{transform:translate(8px) translateY(-2px);background:#fff;border-color:#1a7bc4;box-shadow:0 10px 25px #1a7bc41a}.news-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(90deg,transparent,#1a7bc4,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);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}.news-item:hover:after{opacity:1}.news-badge{display:inline-block;padding:4px 12px;font-size:10px;font-weight:800;font-family:Outfit,sans-serif;border-radius:6px;text-align:center;width:100%;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.news-badge:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:badgeShimmer 3s infinite}@keyframes badgeShimmer{0%{left:-100%}30%{left:200%}to{left:200%}}.badge-notice{background:#1e3a5f1a;color:#1e3a5f}.badge-event{background:#b2d23526;color:#728c00}.badge-update{background:#3cc3d426;color:#008799}.badge-promotion{background:#9333ea26;color:#7e22ce}.news-item-title{font-size:15px;font-weight:500;color:#1e3a5f;transition:color .3s}.news-item:hover .news-item-title{color:#1a7bc4}.news-item-right{display:flex;justify-content:flex-end}.news-item-date{background:#1e3a5f0a;padding:4px 10px;border-radius:8px;font-family:Outfit,sans-serif;font-size:11px;text-transform:uppercase;font-weight:700;color:#5a90b8;letter-spacing:.5px;border:1px solid rgba(30,58,95,.08)}.news-footer{display:flex;justify-content:center;position:relative;z-index:1}.view-all-btn{padding:12px 32px;background:transparent;border:2px solid #1a7bc4;color:#1a7bc4;font-weight:700;font-size:14px;border-radius:30px;transition:all .3s;text-decoration:none}.view-all-btn:hover{background:#1a7bc4;color:#fff;box-shadow:0 8px 20px #1a7bc44d;transform:translateY(-2px)}@media (max-width: 768px){.news-main-container{padding:6px 8px;gap:3px;max-height:96%;margin:2px auto;border-radius:10px;overflow:hidden}.news-header{flex-direction:row;align-items:center;justify-content:center;gap:6px}.news-header:before{display:none}.news-title{font-size:15px;margin-bottom:0;letter-spacing:1px}.news-title:after{display:none}.news-tabs{width:100%;overflow-x:auto;justify-content:flex-start;padding:2px;gap:2px;border:none;background:#1e3a5f08;margin-bottom:1px}.news-tab{padding:2px 6px;font-size:8px}.news-content{min-height:auto;max-height:100%;overflow-y:auto;padding-right:2px;flex:1}.news-list{gap:2px}.news-content::-webkit-scrollbar{width:2px}.news-content::-webkit-scrollbar-thumb{background:#1a7bc433;border-radius:10px}.news-item{grid-template-columns:max-content 1fr;padding:3px 6px;gap:6px;border-radius:4px;border-width:.5px;align-items:center}.news-item-title{font-size:10px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.news-badge{padding:2px 4px;font-size:7px;letter-spacing:.5px;width:max-content;min-width:44px}.news-item-right{display:none}.news-footer{display:flex;justify-content:center;margin-top:2px}.view-all-btn{padding:3px 12px;font-size:9px;border-width:1px}}.char-main-container{position:relative;z-index:5;width:min(1100px,94vw);background:#ffffffbf;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.4);border-radius:32px;padding:50px;box-shadow:0 30px 60px #0003;margin:0 auto;animation:fadeUp 1.2s ease both;overflow:hidden}.char-header{text-align:center;margin-bottom:40px}.char-section-title{font-family:Outfit,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:950;letter-spacing:6px;background:linear-gradient(135deg,#1e3a5f,#1a7bc4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.char-section-subtitle{font-size:14px;color:#5a90b8;font-weight:600;letter-spacing:1px}.char-slider-wrapper{position:relative;width:100%}.char-slides{position:relative;width:100%;min-height:420px}.char-slide{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.23,1,.32,1);transform:translate(30px)}.char-slide.active{opacity:1;pointer-events:all;transform:translate(0);position:relative}.char-content{display:flex;align-items:center;gap:40px}.char-info{flex:1}.char-class-tag{font-family:Outfit,sans-serif;font-size:12px;font-weight:900;color:#1a7bc4;letter-spacing:2px;margin-bottom:12px;display:block}.char-name{font-family:Outfit,sans-serif;font-size:56px;font-weight:900;color:#1e3a5f;margin-bottom:16px;line-height:1}.char-desc{font-size:15px;color:#4a6b8a;line-height:1.6;margin-bottom:30px;max-width:480px}.char-stats{display:flex;flex-direction:column;gap:15px}.stat-item{display:flex;align-items:center;gap:15px}.stat-item .label{width:60px;font-size:11px;font-weight:800;color:#1e3a5f;font-family:Outfit,sans-serif}.stat-bar{flex:1;height:6px;background:#1e3a5f1a;border-radius:10px;overflow:hidden}.stat-bar .fill{height:100%;background:linear-gradient(90deg,#3cc3d4,#1a7bc4);border-radius:10px;transition:width 1s ease-out}.stat-bar.glow .fill{box-shadow:0 0 10px #3cc3d499;background:linear-gradient(90deg,#3cc3d4,#b2d235)}.char-visual{flex:1;display:flex;justify-content:center;position:relative;padding:20px}.portrait-wrapper{position:relative;display:flex;justify-content:center;align-items:center;z-index:2;animation:floatPortrait 4s ease-in-out infinite}.char-portrait{max-width:100%;max-height:520px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2))}.char-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;border-radius:50%;filter:blur(80px);opacity:.3;z-index:1;animation:pulseAura 3s infinite alternate}.char-vfx-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;pointer-events:none;display:flex;justify-content:center;align-items:center;mix-blend-mode:screen;z-index:1}.vfx-layer{position:absolute;max-width:none;object-fit:contain;opacity:0;transition:opacity 1s ease;width:280px;filter:brightness(1.8) contrast(1.4)}.char-slide.active .vfx-layer{opacity:1}.vfx-1{transform:translate(-70px,-50px) rotate(10deg);animation:vfx-float-slow 22s linear infinite;width:260px;filter:blur(2px) brightness(1.5)}.vfx-2{transform:translate(60px,-30px) rotate(-15deg);animation:vfx-float-reverse 18s linear infinite;width:220px}.vfx-3{transform:translate(-30px,70px) rotate(30deg);animation:vfx-float-fast 14s linear infinite;width:200px;filter:blur(1.5px) brightness(1.5)}.vfx-4{transform:translate(80px,50px) rotate(90deg);animation:vfx-flicker .15s infinite alternate;width:230px;z-index:3!important}@media (max-width: 768px){.char-vfx-container{transform:translate(-50%,-50%) scale(.65)}}@media (max-width: 480px){.char-vfx-container{transform:translate(-50%,-50%) scale(.45)}}.vfx-red .vfx-layer{filter:drop-shadow(0 0 5px #ff4d4d) drop-shadow(0 0 15px #ff4d4d) drop-shadow(0 0 40px #ff4d4d)}.vfx-blue .vfx-layer{filter:drop-shadow(0 0 5px #00d2ff) drop-shadow(0 0 15px #00d2ff) drop-shadow(0 0 40px #00d2ff)}.vfx-purple .vfx-layer{filter:drop-shadow(0 0 5px #a55eea) drop-shadow(0 0 15px #a55eea) drop-shadow(0 0 40px #a55eea)}.vfx-orange .vfx-layer{filter:drop-shadow(0 0 5px #ff9f43) drop-shadow(0 0 15px #ff9f43) drop-shadow(0 0 40px #ff9f43)}@keyframes vfx-float-slow{0%{transform:translate(var(--tx, 0),var(--ty, 0)) rotate(0) scale(1)}to{transform:translate(var(--tx, 0),var(--ty, 0)) rotate(360deg) scale(1)}}@keyframes vfx-float-reverse{0%{transform:translate(var(--tx, 0),var(--ty, 0)) rotate(360deg) scale(.95)}to{transform:translate(var(--tx, 0),var(--ty, 0)) rotate(0) scale(.95)}}@keyframes vfx-float-fast{0%{transform:translate(var(--tx, 0),var(--ty, 0)) rotate(0) scale(1.05)}to{transform:translate(var(--tx, 0),var(--ty, 0)) rotate(360deg) scale(1.05)}}@keyframes vfx-flicker{0%{opacity:.4;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}to{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.02)}}@keyframes floatPortrait{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.aura-red{background:#ff4d4d}.aura-blue{background:#00d2ff}.aura-purple{background:#a55eea}.aura-orange{background:#ff9f43}@keyframes pulseAura{0%{opacity:.2;transform:translate(-50%,-50%) scale(.9)}to{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid rgba(30,58,95,.1);color:#1a7bc4;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 15px #0000001a}.slider-btn.prev{left:-70px}.slider-btn.next{right:-70px}.char-pagination{display:flex;justify-content:center;gap:12px;margin-top:30px}.dot{width:10px;height:10px;border-radius:50%;background:#1a7bc433;cursor:pointer;transition:all .3s}.dot.active{width:30px;border-radius:10px;background:#1a7bc4}@media (max-width: 1100px){.char-main-container{padding:30px}}@media (max-width: 768px){.char-main-container{padding:18px 12px 10px;border-radius:20px;max-height:92%;margin:5px auto;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.char-header{margin-bottom:6px}.char-section-title{font-size:14px;letter-spacing:2px;margin-bottom:2px}.char-section-subtitle{font-size:8px;opacity:.8}.char-slides{min-height:155px}.char-content{flex-direction:row;align-items:center;gap:15px;text-align:left}.char-info{flex:1.2}.char-visual{flex:1;padding:0;display:flex;justify-content:center;align-items:center}.char-class-tag{font-size:7px;margin-bottom:2px}.char-name{font-size:16px;margin-bottom:4px;line-height:1;letter-spacing:1px}.char-desc{font-size:9px;line-height:1.25;margin-bottom:8px;-webkit-line-clamp:2;line-clamp:2}.char-stats{gap:4px}.stat-item{gap:6px}.stat-item .label{width:32px;font-size:7px}.stat-bar{height:3.5px;background:#1e3a5f14}.slider-btn{width:32px;height:32px;font-size:10px;background:#ffffffe6;box-shadow:0 4px 10px #00000026;border:1px solid rgba(26,123,196,.1)}.slider-btn.prev{left:4px}.slider-btn.next{right:4px}.char-portrait{max-height:150px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}.char-aura{width:110px;height:110px;filter:blur(35px)}.char-pagination{margin-top:8px;gap:8px}.dot{width:5px;height:5px}.dot.active{width:16px}}.hero-news-title{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;color:#fff}.hero-news-title h1{font-family:Outfit,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:900;letter-spacing:4px;text-shadow:0 4px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#a2d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.hero-news-title p{font-size:16px;font-weight:600;color:#a2d5ff;letter-spacing:2px}.news-article-container{position:relative;z-index:5;width:min(860px,94vw);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:40px;box-shadow:0 30px 60px #0003;margin:30px auto 10px}.news-article-head{border-bottom:2px solid rgba(26,123,196,.1);padding-bottom:30px;margin-bottom:40px}.news-article-head .badge{display:inline-block;padding:6px 16px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:800;font-size:12px;margin-bottom:20px}.news-article-head h1{font-size:32px;color:#1e3a5f;line-height:1.4;font-weight:700;margin-bottom:20px}.news-article-meta{display:flex;gap:20px;font-family:Outfit,sans-serif;font-size:14px;color:#666;font-weight:500}.news-article-meta span{display:flex;align-items:center;gap:8px}.news-article-cover{width:100%;border-radius:12px;overflow:hidden;margin-bottom:40px;box-shadow:0 10px 30px #0000001a}.news-article-cover img{width:100%;height:auto;display:block}.news-article-body{color:#333;font-size:16px;line-height:1.8}.news-article-body p{margin-bottom:24px}.news-article-body h3{font-size:22px;color:#1a7bc4;margin:40px 0 20px;font-weight:700}.news-article-body ul{margin-bottom:24px;padding-left:24px}.news-article-body li{margin-bottom:10px}.news-article-body img{max-width:100%;border-radius:8px;margin:20px 0}.related-news-wrapper{position:relative;z-index:5;width:min(1200px,94vw);margin:60px auto}.related-news-title{text-align:center;color:#fff;font-family:Outfit,sans-serif;font-size:36px;font-weight:800;margin-bottom:40px;letter-spacing:2px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.related-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.related-card{background:#101924b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s;text-decoration:none;display:block}.related-card:hover{background:#1a7bc466;transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 10px 30px #00000080}.related-card-badge{margin-bottom:12px}.related-card h4{color:#fff;font-size:16px;font-weight:500;line-height:1.4;margin-bottom:16px}.related-card-date{font-family:Outfit,sans-serif;font-size:12px;color:#a2d5ff}@media (max-width: 768px){.news-article-container{padding:24px 16px;margin:0 auto;border-radius:16px}.news-article-head h1{font-size:20px;line-height:1.3}.news-article-body{font-size:14px;line-height:1.6}}.news-page-section{min-height:auto;padding-top:110px;padding-bottom:20px;background:linear-gradient(135deg,#d3e9f6,#e8f4fb,#d3ebf7)!important;background-attachment:fixed!important;position:relative;z-index:1}@media (max-width: 768px){.news-page-section{padding-top:90px;padding-bottom:40px}}.news-page-section .news-article-container,.news-page-section .all-news-container{background:#fff;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(0,0,0,.05);box-shadow:0 15px 50px #0000000a}.news-theme-footer{background:linear-gradient(135deg,#d3e9f6,#e8f4fb,#d3ebf7)!important;background-attachment:fixed!important;border-top:none;aspect-ratio:auto;padding:40px 20px;align-items:center}.news-theme-footer .footer-links a,.news-theme-footer .footer-links .divider{color:#4a6b8a;text-shadow:none}.news-theme-footer .footer-links a:hover{color:#1a7bc4}.article-back-btn{display:inline-flex;align-items:center;gap:8px;font-family:Outfit,Prompt,sans-serif;font-size:14px;font-weight:600;color:#4a6b8a;text-decoration:none;margin-bottom:24px;transition:all .3s;background:#f8fafc;padding:8px 18px;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.article-back-btn:hover{background:#1a7bc4;color:#fff;box-shadow:0 4px 12px #1a7bc433;border-color:#1a7bc4}