@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";:root{--primary-deep: #6B2FA0;--primary-purple: #9D4EDD;--primary-light: #C77DFF;--primary-pale: #E0B0FF;--primary-glow: #B388FF;--gold-star: #FFD700;--gold-warm: #FFC94D;--gold-pale: #FFE88D;--gold-glow: rgba(255, 215, 0, .5);--accent-pink: #FF6B9D;--accent-cyan: #7DFAFF;--dark-bg: #0A0514;--dark-surface: #140E24;--dark-card: #1C1432;--dark-card-hover: #251C40;--text-primary: #F0E6FF;--text-secondary: #B8A3D6;--text-muted: #7B6B9A;--accent-gradient: linear-gradient(135deg, #9D4EDD 0%, #C77DFF 50%, #E0B0FF 100%);--gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFC94D 50%, #FFE88D 100%);--glass-gradient: linear-gradient(135deg, rgba(157, 78, 221, .1) 0%, rgba(199, 125, 255, .05) 100%);--shimmer-gradient: linear-gradient(90deg, transparent 0%, rgba(199, 125, 255, .15) 50%, transparent 100%);--glow-purple: rgba(157, 78, 221, .5);--glow-light: rgba(199, 125, 255, .4);--glow-pale: rgba(224, 176, 255, .3);--font-cn: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-en: "Montserrat", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-cn);background:var(--dark-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-purple),var(--primary-light));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light),var(--primary-pale))}::selection{background:#9d4edd66;color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}.snap-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:2}.snap-track{width:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}.snap-section{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.snap-section-dark{background:var(--dark-bg)}.snap-section-inner{width:100%;max-width:1400px;margin:0 auto;padding:60px 48px}.snap-nav-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:16px;align-items:flex-end}.snap-dot{width:10px;height:10px;border-radius:50%;background:#c77dff40;border:1px solid rgba(199,125,255,.3);transition:all .4s ease;position:relative;cursor:pointer}.snap-dot:hover{background:#c77dff80;transform:scale(1.3)}.snap-dot.active{background:var(--gold-star);border-color:var(--gold-star);box-shadow:0 0 12px var(--gold-glow),0 0 24px #ffd70033;transform:scale(1.4)}.snap-dot-label{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-muted);white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none}.snap-dot:hover .snap-dot-label,.snap-dot.active .snap-dot-label{opacity:1;right:20px;color:var(--text-primary)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;z-index:10;color:var(--text-muted)}.scroll-indicator span{font-size:11px;letter-spacing:3px;text-transform:uppercase}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 48px;height:72px;display:flex;align-items:center;justify-content:space-between;background:#0a0514b3;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(157,78,221,.08);transition:all .5s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{background:#0a0514eb;box-shadow:0 4px 40px #9d4edd1f;border-bottom-color:#9d4edd26}.navbar-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-en);font-weight:700;font-size:20px;letter-spacing:1px;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.03)}.navbar-logo img{height:36px;width:auto;filter:drop-shadow(0 0 8px rgba(157,78,221,.3))}.navbar-logo .logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{display:flex;gap:4px;list-style:none}.navbar-nav a{display:block;padding:8px 18px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.navbar-nav a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shimmer-gradient);transform:translate(-100%);transition:transform .6s ease}.navbar-nav a:hover:before{transform:translate(100%)}.navbar-nav a:hover,.navbar-nav a.active{color:var(--text-primary);background:#9d4edd1f}.navbar-nav a.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--accent-gradient);border-radius:1px;box-shadow:0 0 10px #c77dff80}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{width:24px;height:2px;background:var(--text-primary);border-radius:2px}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(10,5,20,.2) 0%,rgba(10,5,20,.4) 40%,rgba(10,5,20,.85) 80%,var(--dark-bg) 100%)}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(157,78,221,.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(199,125,255,.1) 0%,transparent 50%);z-index:1;animation:heroAmbient 8s ease-in-out infinite alternate}@keyframes heroAmbient{0%{opacity:.7}to{opacity:1}}.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px}.hero-title{font-family:var(--font-en);font-size:clamp(40px,7vw,80px);font-weight:900;letter-spacing:6px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(157,78,221,.3));animation:titleFloat 6s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 30px rgba(157,78,221,.3))}50%{transform:translateY(-8px);filter:drop-shadow(0 0 50px rgba(199,125,255,.4))}}.hero-subtitle{font-size:clamp(15px,2vw,20px);color:var(--text-secondary);font-weight:300;letter-spacing:8px;opacity:.85}.section{padding:100px 48px;max-width:1400px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--primary-light);margin-bottom:18px;padding:8px 24px;border:1px solid rgba(199,125,255,.2);border-radius:24px;background:#9d4edd0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-tag-gold{color:var(--gold-star);border-color:#ffd70040;background:#ffd7000f}.section-title{font-size:clamp(28px,3.5vw,44px);font-weight:800;margin-bottom:18px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(157,78,221,.15))}.section-desc{font-size:16px;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.9}.dream-gates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dream-gate-card{background:linear-gradient(145deg,#1c1432e6,#140e24f2);border-radius:var(--radius-md);border:1px solid rgba(157,78,221,.08);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;height:100%;display:flex;flex-direction:column}.dream-gate-card:hover{border-color:#c77dff40;box-shadow:0 20px 60px #9d4edd2e,0 0 100px #9d4edd0d}.dream-gate-image-wrap{position:relative;width:100%;height:200px;overflow:hidden}.dream-gate-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.dream-gate-card:hover .dream-gate-image{transform:scale(1.08)}.dream-gate-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d4edd33,#c77dff1a)}.dream-gate-placeholder-icon{font-size:48px;filter:drop-shadow(0 0 20px rgba(157,78,221,.3))}.dream-gate-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(10,5,20,.8) 100%)}.dream-gate-body{padding:24px 20px;flex:1;display:flex;flex-direction:column}.dream-gate-tag{font-size:11px;color:var(--primary-light);font-weight:700;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.dream-gate-title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.dream-gate-subtitle{font-size:13px;color:var(--primary-light);margin-bottom:12px;font-weight:500}.dream-gate-desc{font-size:13px;color:var(--text-secondary);line-height:1.8;flex:1}.timeline-carousel-section{width:100%;max-width:1400px;margin:0 auto;padding:60px 48px}.timeline-carousel{position:relative}.timeline-carousel-stage{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden}.timeline-carousel-slide{width:100%}.timeline-slide-image-wrap{position:relative;width:100%;height:55vh;min-height:350px;max-height:550px;border-radius:var(--radius-lg);overflow:hidden}.timeline-slide-image{width:100%;height:100%;object-fit:cover}.timeline-slide-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d4edd33,#c77dff1a)}.timeline-slide-placeholder-text{font-size:64px;color:var(--primary-light);opacity:.4}.timeline-slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:60px 48px 40px;background:linear-gradient(0deg,rgba(10,5,20,.95) 0%,rgba(10,5,20,.6) 60%,transparent 100%)}.timeline-slide-date{font-family:var(--font-en);font-size:14px;color:var(--gold-star);font-weight:700;margin-bottom:8px;letter-spacing:2px}.timeline-slide-title{font-size:clamp(24px,3vw,36px);font-weight:800;margin-bottom:12px;color:var(--text-primary)}.timeline-slide-desc{font-size:15px;color:var(--text-secondary);max-width:700px;line-height:1.8}.timeline-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#0a051499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(199,125,255,.2);color:var(--text-primary);display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;cursor:pointer}.timeline-arrow:hover{background:#9d4edd4d;border-color:#c77dff66;transform:translateY(-50%) scale(1.1)}.timeline-arrow-left{left:16px}.timeline-arrow-right{right:16px}.timeline-indicators{display:flex;gap:4px;justify-content:center;margin-top:24px;flex-wrap:wrap}.timeline-indicator{padding:10px 18px;border-radius:24px;background:#1c143299;border:1px solid rgba(157,78,221,.08);cursor:pointer;transition:all .4s ease;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:100px}.timeline-indicator:hover{border-color:#c77dff4d;background:#9d4edd1a}.timeline-indicator.active{border-color:var(--gold-star);background:#ffd70014;box-shadow:0 0 20px #ffd7001a}.timeline-indicator-date{font-family:var(--font-en);font-size:11px;color:var(--text-muted);font-weight:600}.timeline-indicator.active .timeline-indicator-date{color:var(--gold-star)}.timeline-indicator-title{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.timeline-indicator.active .timeline-indicator-title{color:var(--text-primary)}.coop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.coop-card{background:linear-gradient(145deg,#1c1432cc,#140e24e6);border-radius:var(--radius-md);padding:40px 32px;border:1px solid rgba(157,78,221,.08);transition:all .5s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coop-card:hover{border-color:#c77dff40;transform:translateY(-6px);box-shadow:0 20px 50px #9d4edd1f}.coop-card-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d4edd26,#c77dff1a);border-radius:var(--radius-md);font-size:28px;border:1px solid rgba(157,78,221,.1)}.coop-card-title{font-size:20px;font-weight:700;margin-bottom:8px}.coop-card-subtitle{font-size:14px;color:var(--primary-light);margin-bottom:16px}.coop-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.8}.cta-fullscreen{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.cta-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a051499,#0a0514e6)}.cta-content{position:relative;z-index:1;text-align:center;padding:0 24px}.cta-title{font-size:clamp(28px,3vw,42px);font-weight:800;margin-bottom:20px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-desc{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.9}.cta-button{display:inline-block;padding:16px 52px;background:var(--accent-gradient);color:#fff;font-size:15px;font-weight:600;border-radius:50px;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:3px;position:relative;overflow:hidden;box-shadow:0 4px 20px #9d4edd4d}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #9d4edd66;letter-spacing:4px}.home-footer-inline{position:absolute;bottom:24px;left:0;right:0;text-align:center;z-index:1}.home-footer-inline p{font-size:13px;color:var(--text-muted);letter-spacing:1px}.home-footer-inline a{color:var(--text-secondary);transition:color .3s ease}.home-footer-inline a:hover{color:var(--primary-light)}.footer{padding:48px;text-align:center;border-top:1px solid rgba(157,78,221,.08);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:var(--accent-gradient);box-shadow:0 0 20px #9d4edd4d}.footer-text{font-size:13px;color:var(--text-muted);letter-spacing:1px}.footer-text a{color:var(--text-secondary);transition:all .3s ease}.footer-text a:hover{color:var(--primary-light)}.universe-sub-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.universe-sub-card{border-radius:var(--radius-lg);padding:48px 36px;border:1px solid rgba(157,78,221,.1);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.universe-sub-card:hover{border-color:#c77dff4d;box-shadow:0 24px 60px #9d4edd33}.universe-sub-icon{font-size:56px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(157,78,221,.3))}.universe-sub-title{font-size:26px;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.universe-sub-subtitle{font-size:14px;color:var(--primary-light);margin-bottom:16px;font-weight:500}.universe-sub-desc{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px;max-width:280px}.universe-sub-count{font-family:var(--font-en);font-size:13px;color:var(--gold-star);font-weight:600;letter-spacing:1px;margin-bottom:16px}.universe-sub-arrow{color:var(--primary-light);opacity:0;transition:all .4s ease;transform:translate(-10px)}.universe-sub-card:hover .universe-sub-arrow{opacity:1;transform:translate(0)}.universe-event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:28px}.universe-event-card{background:linear-gradient(145deg,#1c1432cc,#140e24e6);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(157,78,221,.08);transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.universe-event-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #9d4edd2e;border-color:#c77dff40}.universe-event-image{width:100%;height:200px;object-fit:cover;transition:transform .6s ease}.universe-event-card:hover .universe-event-image{transform:scale(1.08)}.universe-event-body{padding:24px}.universe-event-type{display:inline-block;font-size:11px;padding:5px 14px;border-radius:14px;background:#9d4edd26;color:var(--primary-light);font-weight:600;margin-bottom:10px;border:1px solid rgba(157,78,221,.1)}.universe-event-title{font-size:20px;font-weight:700;margin-bottom:8px}.universe-event-date{font-family:var(--font-en);font-size:13px;color:var(--text-muted)}.universe-event-desc{font-size:14px;color:var(--text-secondary);margin-top:8px;line-height:1.7}.event-status-badge{display:inline-block;font-size:11px;padding:3px 12px;border-radius:12px;margin-left:8px;font-weight:600}.event-status-badge.upcoming{background:#7dc8ff1f;color:#7dc8ff;border:1px solid rgba(125,200,255,.15)}.event-status-badge.ongoing{background:#7dffb41f;color:#7dffb4;border:1px solid rgba(125,255,180,.15)}.event-status-badge.ended{background:#a0a0a01f;color:#999;border:1px solid rgba(160,160,160,.1)}.event-hero{width:100%;height:50vh;min-height:400px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.event-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--dark-bg) 0%,rgba(10,5,20,.6) 40%,transparent 70%)}.event-hero-content{position:relative;z-index:2;padding:48px;width:100%}.event-hero-title{font-size:clamp(32px,4vw,52px);font-weight:800}.event-hero-subtitle{font-size:18px;color:var(--primary-light);margin-top:8px}.event-nav{display:flex;gap:8px;padding:16px 48px;background:#0a0514d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(157,78,221,.08);position:sticky;top:72px;z-index:100;overflow-x:auto}.event-nav a{padding:8px 20px;font-size:14px;color:var(--text-secondary);border-radius:24px;white-space:nowrap;transition:all .4s ease;border:1px solid transparent}.event-nav a:hover,.event-nav a.active{background:#9d4edd1f;color:var(--text-primary);border-color:#9d4edd26}.guest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.guest-card{background:linear-gradient(145deg,#1c1432cc,#140e24e6);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(157,78,221,.08);transition:all .5s ease}.guest-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px #9d4edd26;border-color:#c77dff33}.guest-avatar{width:100%;height:280px;object-fit:cover;transition:transform .6s ease}.guest-card:hover .guest-avatar{transform:scale(1.05)}.guest-info{padding:20px}.guest-name{font-size:18px;font-weight:700;margin-bottom:4px}.guest-title{font-size:13px;color:var(--primary-light)}.mascot-profile-section{background:var(--dark-bg);display:flex;align-items:center;justify-content:center}.mascot-profile-layout{position:relative;width:100%;height:100vh;max-width:1400px;margin:0 auto}.mascot-center-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.mascot-art-image{max-height:70vh;max-width:40vw;object-fit:contain;filter:drop-shadow(0 0 40px rgba(157,78,221,.2)) drop-shadow(0 0 80px rgba(199,125,255,.1))}.mascot-art-placeholder{width:300px;height:500px;display:flex;align-items:center;justify-content:center;font-size:80px;background:radial-gradient(circle,rgba(157,78,221,.1) 0%,transparent 70%);border-radius:var(--radius-xl)}.mascot-float-info{position:absolute;z-index:3;background:linear-gradient(135deg,#1c1432d9,#140e24e6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(199,125,255,.15);border-radius:var(--radius-md);padding:18px 24px;min-width:140px;transition:all .4s ease}.mascot-float-info:hover{border-color:#ffd7004d;box-shadow:0 8px 30px #9d4edd26;transform:scale(1.05)}.mascot-float-label{font-size:10px;color:var(--gold-star);font-weight:700;letter-spacing:2px;margin-bottom:6px;text-transform:uppercase}.mascot-float-value{font-size:15px;color:var(--text-primary);font-weight:500}.mascot-float-top-left{top:10%;left:18%}.mascot-float-top-right{top:8%;right:18%}.mascot-float-mid-left{top:42%;left:8%}.mascot-float-mid-right{top:45%;right:8%}.mascot-float-bottom-center{bottom:18%;left:50%;transform:translate(-50%)}.mascot-appearance-items{position:absolute;bottom:5%;left:5%;right:5%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;z-index:3}.mascot-appearance-tag{background:#1c1432b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(157,78,221,.1);border-radius:20px;padding:8px 16px;display:flex;gap:8px;align-items:center;transition:all .3s ease}.mascot-appearance-tag:hover{border-color:#c77dff4d;background:#9d4edd1a}.mascot-appearance-tag-label{font-size:11px;color:var(--primary-light);font-weight:600}.mascot-appearance-tag-desc{font-size:11px;color:var(--text-secondary)}.mascot-traits-layout{display:flex;flex-direction:column}.mascot-traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.mascot-trait-group{background:linear-gradient(145deg,#1c1432cc,#140e24e6);border-radius:var(--radius-md);padding:32px;border:1px solid rgba(157,78,221,.08)}.mascot-trait-category{font-size:18px;font-weight:700;color:var(--gold-star);margin-bottom:20px;padding-left:16px;border-left:3px solid var(--gold-star)}.mascot-trait-item{padding:14px 0;border-bottom:1px solid rgba(157,78,221,.06);transition:all .3s ease;cursor:default}.mascot-trait-item:last-child{border-bottom:none}.mascot-trait-label{font-size:14px;font-weight:600;margin-bottom:4px}.mascot-trait-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.mascot-story-layout{display:flex;flex-direction:column;align-items:center;gap:32px}.mascot-story-cards-center{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1200px}.mascot-story-card{background:linear-gradient(145deg,#1c1432b3,#140e24cc);padding:28px;border-radius:var(--radius-md);border:1px solid rgba(157,78,221,.06);transition:all .4s ease;flex:1 1 300px;max-width:380px;min-width:280px}.mascot-story-card:hover{border-color:#c77dff26;box-shadow:0 8px 30px #9d4edd14}.mascot-story-title{font-size:16px;font-weight:700;color:var(--primary-light);margin-bottom:10px}.mascot-story-text{font-size:14px;color:var(--text-secondary);line-height:1.9}.mascot-story-image{width:100%;border-radius:var(--radius-md);position:sticky;top:100px}.mascot-abilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.mascot-ability-card{background:linear-gradient(145deg,#1c1432cc,#140e24e6);border-radius:var(--radius-md);padding:32px;border:1px solid rgba(157,78,221,.08);transition:all .4s ease}.mascot-ability-card:hover{border-color:#c77dff33;box-shadow:0 16px 40px #9d4edd1a}.mascot-ability-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.mascot-ability-icon{font-size:18px;color:var(--gold-star)}.mascot-ability-title{font-size:18px;font-weight:700;color:var(--primary-light)}.mascot-ability-skill{padding:12px 0;border-bottom:1px solid rgba(157,78,221,.04)}.mascot-ability-skill:last-child{border-bottom:none}.mascot-ability-skill-name{font-size:15px;font-weight:600;margin-bottom:4px}.mascot-ability-skill-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.mascot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:32px}.mascot-gallery-img{width:100%;height:200px;object-fit:cover;border-radius:12px;transition:all .4s ease}.mascot-gallery-img:hover{transform:scale(1.03);box-shadow:0 8px 30px #9d4edd26}.constellation-symbol{display:inline-block;font-size:1.5em;color:var(--gold-star);vertical-align:middle;margin-right:4px}.mascot-float-constellation{border-color:#ffd70033!important;box-shadow:0 0 20px #ffd70014,inset 0 0 20px #ffd70008}.mascot-float-constellation .mascot-float-value{color:var(--gold-warm)}.mascot-footer-symbol{font-size:64px;color:var(--gold-star);margin-bottom:24px;line-height:1}.coming-soon{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;position:relative}.coming-soon-title{font-size:clamp(36px,5vw,56px);font-weight:800;margin-bottom:16px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-desc{font-size:18px;color:var(--text-secondary);letter-spacing:2px}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1.5px 1.5px at 15% 25%,rgba(199,125,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 35% 65%,rgba(157,78,221,.25) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 15%,rgba(224,176,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 75% 55%,rgba(157,78,221,.2) 0%,transparent 100%),radial-gradient(1px 1px at 90% 35%,rgba(255,215,0,.2) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 85%,rgba(255,215,0,.15) 0%,transparent 100%)}.gold-accent-bar{width:100%;height:3px;background:var(--gold-gradient);box-shadow:0 0 20px #ffd7004d,0 0 60px #ffd7001a}.gold-glow-section{position:relative}.gold-glow-section:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-star),transparent);box-shadow:0 0 30px #ffd70033}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dream-gates-grid{grid-template-columns:repeat(2,1fr)}.universe-sub-pages{grid-template-columns:1fr;gap:20px}.universe-sub-card{min-height:240px;padding:36px 28px}}@media (max-width: 768px){.navbar{padding:0 20px}.navbar-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#0a0514fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:16px;gap:4px;border-bottom:1px solid rgba(157,78,221,.12)}.navbar-nav.open{display:flex;animation:fadeInUp .3s ease}.mobile-menu-btn{display:flex}.section,.snap-section-inner{padding:60px 20px}.hero-section{min-height:80vh}.dream-gates-grid,.coop-grid,.universe-event-list{grid-template-columns:1fr}.timeline-carousel-section{padding:60px 20px}.timeline-slide-image-wrap{height:40vh;min-height:250px}.timeline-slide-overlay{padding:40px 24px 24px}.timeline-indicators{gap:4px}.timeline-indicator{min-width:80px;padding:8px 12px}.mascot-profile-layout{height:auto;min-height:100vh;padding:80px 20px 40px}.mascot-center-art{position:relative;left:auto;top:auto;transform:none;text-align:center;margin-bottom:24px}.mascot-art-image{max-height:50vh;max-width:80vw;margin:0 auto}.mascot-float-info{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important}.mascot-appearance-items{position:relative;bottom:auto;left:auto;right:auto;margin-top:16px}.mascot-profile-section{flex-direction:column}.mascot-profile-layout{display:flex;flex-direction:column;align-items:center;gap:12px}.mascot-float-top-left,.mascot-float-top-right,.mascot-float-mid-left,.mascot-float-mid-right,.mascot-float-bottom-center{position:relative!important}.mascot-traits-grid{grid-template-columns:1fr}.mascot-story-layout{flex-direction:column}.mascot-story-cards-center{flex-direction:column;align-items:center}.mascot-abilities-grid{grid-template-columns:1fr}.snap-nav-dots{right:12px}.snap-dot-label{display:none}.event-hero-content{padding:24px}.event-nav{padding:12px 20px}.footer{padding:30px 20px}.cta-fullscreen{min-height:80vh}}@media (max-width: 480px){.hero-title{letter-spacing:2px}.hero-subtitle{letter-spacing:4px;font-size:13px}.section-title{font-size:24px}.dream-gate-image-wrap{height:150px}}.navbar-user-area{display:flex;align-items:center;margin-left:16px;flex-shrink:0}.navbar-login-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;border:1px solid rgba(157,78,221,.35);border-radius:999px;background:#9d4edd1a;color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.navbar-login-btn:hover{background:#9d4edd38;border-color:#c77dff80;box-shadow:0 0 20px #9d4edd33;transform:translateY(-1px)}.login-btn-icon{font-size:14px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-btn-text{font-family:var(--font-cn)}.navbar-user{position:relative}.navbar-avatar-btn{width:38px;height:38px;border-radius:50%;border:2px solid rgba(157,78,221,.35);background:#9d4edd1f;cursor:pointer;overflow:hidden;transition:all .3s ease;padding:0}.navbar-avatar-btn:hover{border-color:#c77dff99;box-shadow:0 0 16px #9d4edd4d;transform:scale(1.06)}.navbar-avatar-img{width:100%;height:100%;object-fit:cover}.navbar-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-user-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:200px;background:#120a23f5;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(157,78,221,.18);border-radius:16px;padding:8px;box-shadow:0 12px 48px #0009,0 0 0 1px #9d4edd0f;z-index:2000}.dropdown-user-info{padding:12px 14px 8px;display:flex;flex-direction:column;gap:4px}.dropdown-nickname{font-size:14px;font-weight:600;color:var(--text-primary)}.dropdown-uid{font-size:12px;color:var(--text-muted, rgba(255,255,255,.4));font-family:var(--font-en)}.dropdown-divider{height:1px;background:#9d4edd1f;margin:4px 8px}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-size:14px;border-radius:10px;cursor:pointer;transition:all .25s ease;text-align:left}.dropdown-item:hover{background:#9d4edd1f;color:var(--text-primary)}.dropdown-logout:hover{background:#ef44441f;color:#f87171}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px}.login-modal{position:relative;width:100%;max-width:420px;background:#100820f7;border:1px solid rgba(157,78,221,.18);border-radius:24px;padding:36px 32px 28px;box-shadow:0 24px 80px #000000b3,0 0 0 1px #9d4edd0f,inset 0 1px #ffffff08;overflow-y:auto;max-height:90vh}.login-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-muted, rgba(255,255,255,.4));font-size:14px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.login-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.login-modal-header{text-align:center;margin-bottom:28px}.login-modal-logo{font-family:var(--font-en);font-size:22px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-modal-subtitle{font-size:13px;color:var(--text-muted, rgba(255,255,255,.4));letter-spacing:1px}.login-tabs{display:flex;gap:4px;background:#ffffff08;border-radius:14px;padding:4px;margin-bottom:24px}.login-tab{flex:1;padding:10px 8px;border:none;border-radius:11px;background:none;color:var(--text-muted, rgba(255,255,255,.4));font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px}.login-tab:hover{color:var(--text-secondary);background:#9d4edd0f}.login-tab.active{background:#9d4edd29;color:var(--text-primary);box-shadow:0 2px 12px #9d4edd26}.login-tab-icon{font-size:12px}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:13px;margin-bottom:16px;animation:fadeInUp .3s ease}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.login-field-header{display:flex;justify-content:space-between;align-items:center}.login-forgot{font-size:12px;color:#c77dffb3;transition:color .25s ease}.login-forgot:hover{color:#c77dff}.login-field input{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(157,78,221,.15);border-radius:12px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease;box-sizing:border-box}.login-field input::placeholder{color:#fff3}.login-field input:focus{border-color:#9d4edd73;background:#9d4edd0f;box-shadow:0 0 0 3px #9d4edd14}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:44px}.login-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted, rgba(255,255,255,.4));font-size:16px;cursor:pointer;padding:4px;line-height:1}.login-code-wrap{display:flex;gap:10px}.login-code-wrap input{flex:1}.login-send-code{flex-shrink:0;padding:12px 18px;background:#9d4edd24;border:1px solid rgba(157,78,221,.25);border-radius:12px;color:#c77dffe6;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.login-send-code:hover:not(:disabled){background:#9d4edd38;border-color:#c77dff66}.login-send-code:disabled{opacity:.5;cursor:not-allowed}.login-submit{width:100%;padding:13px;margin-top:4px;border:none;border-radius:14px;background:var(--accent-gradient);color:#fff;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shimmer-gradient);transform:translate(-100%);transition:transform .6s ease}.login-submit:hover:before{transform:translate(100%)}.login-submit:hover{box-shadow:0 4px 24px #9d4edd59;transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-hint{text-align:center;font-size:12px;color:var(--text-muted, rgba(255,255,255,.35));margin-top:-4px}.login-footer{margin-top:24px;padding-top:18px;border-top:1px solid rgba(157,78,221,.08);text-align:center;font-size:13px;color:var(--text-muted, rgba(255,255,255,.4))}.login-footer a{color:#c77dffd9;margin-left:6px;font-weight:600;transition:color .25s ease}.login-footer a:hover{color:#c77dff}.profile-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.profile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.profile-spinner{width:40px;height:40px;border:3px solid rgba(157,78,221,.15);border-top-color:#9d4edd;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-card{width:100%;max-width:480px;background:#100820d9;border:1px solid rgba(157,78,221,.14);border-radius:28px;overflow:hidden;box-shadow:0 16px 64px #00000080,inset 0 1px #ffffff08}.profile-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(180deg,rgba(157,78,221,.08) 0%,transparent 100%);position:relative}.profile-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(157,78,221,.12) 0%,transparent 70%);pointer-events:none}.profile-avatar-wrap{width:96px;height:96px;margin:0 auto 20px;border-radius:50%;border:3px solid rgba(157,78,221,.3);overflow:hidden;position:relative;z-index:1;box-shadow:0 8px 32px #9d4edd33}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-color:#9d4edd14}.profile-nickname{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:6px;position:relative;z-index:1}.profile-uid{font-size:14px;color:#c77dffa6;font-family:var(--font-en);letter-spacing:1px;position:relative;z-index:1}.profile-info-list{padding:8px 32px 24px}.profile-info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(157,78,221,.06)}.profile-info-item:last-child{border-bottom:none}.profile-info-label{font-size:14px;color:var(--text-muted, rgba(255,255,255,.4))}.profile-info-value{font-size:14px;color:var(--text-primary);font-weight:500}.profile-actions{padding:0 32px 32px;display:flex;flex-direction:column;gap:12px}.profile-btn{display:block;width:100%;padding:13px;border-radius:14px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:none;letter-spacing:1px}.profile-btn-edit{background:var(--accent-gradient);color:#fff}.profile-btn-edit:hover{box-shadow:0 4px 24px #9d4edd59;transform:translateY(-1px)}.profile-btn-logout{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}.profile-btn-logout:hover{background:#ef44441a;border-color:#ef444440;color:#f87171}@media (max-width: 768px){.navbar-user-area{margin-left:8px}.navbar-login-btn{padding:7px 14px;font-size:12px}.login-btn-text{display:none}.navbar-login-btn{padding:7px 10px;min-width:34px;justify-content:center}.login-modal{padding:28px 20px 22px;border-radius:20px}.login-modal-logo{font-size:19px}.profile-card{border-radius:20px}.profile-header{padding:36px 24px 24px}.profile-info-list{padding:8px 24px 20px}.profile-actions{padding:0 24px 24px}}