:root{color:#f9f7f0;background:#000;font-family:Cinzel,Inter,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}button{font:inherit}.cosmic-gate{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;cursor:default}.cosmos,.star-canvas,.nebula-field,.galaxy,.portal,.particle-canvas,.flash,.gate-wrap{position:fixed;top:0;right:0;bottom:0;left:0}.cosmos{z-index:0;background:radial-gradient(ellipse 120% 80% at 50% 60%,#0d0528,#04021a 45%,#000)}.star-canvas{z-index:1}.nebula-field{z-index:2;pointer-events:none}.neb{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}.n1{width:90vw;height:70vh;top:-10vh;left:5vw;background:radial-gradient(ellipse,rgba(80,20,160,.5) 0%,transparent 65%);animation:nebula-breathe 18s ease-in-out infinite alternate}.n2{width:80vw;height:60vh;right:0;bottom:-10vh;background:radial-gradient(ellipse,rgba(0,50,150,.4) 0%,transparent 65%);animation:nebula-breathe 22s ease-in-out infinite alternate-reverse}.n3{width:60vw;height:50vh;top:20vh;left:20vw;background:radial-gradient(ellipse,rgba(0,120,200,.18) 0%,transparent 60%);animation:nebula-breathe 14s ease-in-out infinite alternate}.n4{width:40vw;height:35vh;top:35vh;left:30vw;background:radial-gradient(ellipse,rgba(160,40,255,.12) 0%,transparent 60%);animation:nebula-breathe 9s ease-in-out infinite alternate-reverse}@keyframes nebula-breathe{0%{transform:scale(1) translate(0)}to{transform:scale(1.25) translate(2vw,2vh)}}.galaxy{top:50%;left:50%;z-index:3;width:min(70vw,700px);height:min(70vw,700px);border-radius:50%;background:radial-gradient(ellipse 30% 30% at 50% 50%,rgba(255,220,120,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 50% 50%,rgba(80,20,160,.12) 0%,transparent 70%),radial-gradient(ellipse 90% 90% at 50% 50%,transparent 40%,rgba(0,80,200,.08) 60%,transparent 70%);opacity:0;transform:translate(-50%,-50%);transition:opacity 3.4s ease 6.3s;animation:galaxy-rotate 90s linear infinite}.cosmic-gate.go .galaxy{opacity:1}.legal-links{position:fixed;top:clamp(18px,3.2vh,34px);right:clamp(20px,3.2vw,52px);z-index:45;display:flex;gap:clamp(18px,2.5vw,34px);align-items:center;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(14px,1.28vw,19px);font-weight:650;line-height:1.15;letter-spacing:0}.legal-links a{color:#ffffff85;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-shadow:0 0 14px rgba(8,6,18,.58);transition:color .25s ease,text-shadow .25s ease}.legal-links a:hover{color:#f6e2a0d1;text-shadow:0 0 12px rgba(201,168,76,.28),0 0 18px rgba(8,6,18,.8)}.hero-mantra{position:fixed;top:clamp(34px,7vh,76px);left:50%;z-index:35;width:min(88vw,760px);margin:0;color:#f2da8e9e;font-family:Cinzel,Songti SC,STSong,PingFang SC,serif;font-size:clamp(24px,3.1vw,46px);font-weight:400;line-height:1.2;letter-spacing:.18em;text-align:center;text-shadow:0 0 10px rgba(201,168,76,.2),0 0 28px rgba(120,92,220,.16);opacity:0;pointer-events:none;transform:translate(-50%) translateY(-10px);transition:opacity 2.7s ease 6.4s,transform 2.7s ease 6.4s}.cosmic-gate.go .hero-mantra{opacity:1;transform:translate(-50%) translateY(0)}@keyframes galaxy-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.portal{top:50%;left:50%;z-index:4;width:clamp(120px,18vw,220px);height:clamp(120px,18vw,220px);border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity 2.5s ease 6s}.cosmic-gate.go .portal{opacity:1}.portal-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgb(255,240,200) 0%,rgba(100,200,255,.8) 20%,rgba(80,20,200,.4) 50%,transparent 75%);box-shadow:0 0 60px 20px #64b4ff80,0 0 120px 50px #5014c84d,0 0 200px 80px #28007833;animation:portal-core 4s ease-in-out infinite}@keyframes portal-core{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.portal-ring{position:absolute;border-style:solid;border-radius:50%;animation:portal-ring linear infinite}.r1{top:-30px;right:-30px;bottom:-30px;left:-30px;border-width:1px;border-color:#00c8ff4d;animation-duration:25s}.r2{top:-60px;right:-60px;bottom:-60px;left:-60px;border-width:1px;border-color:#783cff33;animation-direction:reverse;animation-duration:18s}.r3{top:-95px;right:-95px;bottom:-95px;left:-95px;border-width:1px;border-color:#c8a03c26;animation-duration:35s}.r4{top:-140px;right:-140px;bottom:-140px;left:-140px;border-width:1px;border-color:#0096ff1a;animation-direction:reverse;animation-duration:50s}@keyframes portal-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particle-canvas{z-index:5;opacity:0;transition:opacity 3.4s ease 6.8s;pointer-events:none}.cosmic-gate.go .particle-canvas{opacity:1}.flash{z-index:18;background:radial-gradient(ellipse,rgba(255,240,200,.6) 0%,rgba(100,50,255,.15) 40%,transparent 70%);opacity:0;pointer-events:none}.cosmic-gate.go .flash{animation:flash-in .8s ease-out 2.2s forwards}@keyframes flash-in{0%{opacity:0}40%{opacity:1}to{opacity:0}}.gate-wrap{z-index:20;display:flex;pointer-events:none}.gate-panel{position:relative;width:50%;height:100%;overflow:hidden;transition:transform 6.4s cubic-bezier(.42,0,.18,1) .25s,opacity 2.2s ease 5.7s;will-change:transform,opacity}.gate-panel.left{background:linear-gradient(105deg,#0e0718,#1a0c30,#150920 60%,#0a0515)}.gate-panel.right{background:linear-gradient(255deg,#0e0718,#1a0c30,#150920 60%,#0a0515)}.cosmic-gate.go .gate-panel.left{opacity:0;transform:translate(-100%)}.cosmic-gate.go .gate-panel.right{opacity:0;transform:translate(100%)}.gate-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent 0%,rgba(201,168,76,.04) 30%,rgba(201,168,76,.08) 50%,rgba(201,168,76,.04) 70%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(201,168,76,.04) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(201,168,76,.04) 80px)}.gate-panel:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-top:1px solid rgba(201,168,76,.5);border-bottom:1px solid rgba(201,168,76,.5)}.gate-panel.left:after{border-right:1px solid rgba(201,168,76,.25)}.gate-panel.right:after{border-left:1px solid rgba(201,168,76,.25)}.gate-inner{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(201,168,76,.2);pointer-events:none}.gate-inner:before{position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:"";border:1px solid rgba(201,168,76,.1)}.gate-centerpiece{--lion-size: clamp(101px, 13.2vw, 180px);--button-size: clamp(118px, 15vw, 168px);--ornament-gap: clamp(48px, 6.2vw, 108px);position:fixed;top:50%;left:50%;z-index:46;display:grid;grid-template-columns:var(--lion-size) var(--button-size) var(--lion-size);column-gap:var(--ornament-gap);align-items:center;justify-items:center;pointer-events:none;transform:translate(-50%,-50%)}.gate-lion{width:var(--lion-size);height:auto;pointer-events:none;filter:drop-shadow(0 0 10px rgba(201,168,76,.26)) drop-shadow(0 12px 24px rgba(0,0,0,.38));opacity:.9;transition:opacity 2.2s ease 5.7s,transform 6.4s cubic-bezier(.42,0,.18,1) .25s}.gate-lion-left,.gate-lion-right{transform:translate(0)}.cosmic-gate.go .gate-lion-left{opacity:0;transform:translate(-100vw)}.cosmic-gate.go .gate-lion-right{opacity:0;transform:translate(100vw)}.gate-play-button{display:flex;align-items:center;justify-content:center;width:var(--button-size);height:var(--button-size);padding:0;cursor:pointer;background:transparent;border:0;border-radius:50%;opacity:1;pointer-events:auto;transform:scale(1);transition:opacity .9s ease,transform .9s ease,visibility 0s linear 0s}.gate-play-button:hover .gate-play-ring{border-color:#fffffffa;box-shadow:0 0 22px #ffffff3d,0 0 44px #c9a84c2e}.gate-play-button:hover .gate-play-pulse{border-color:#ffffff47}.cosmic-gate.go .gate-play-button{visibility:hidden;opacity:0;pointer-events:none;transform:scale(1.18);transition:opacity .9s ease,transform .9s ease,visibility 0s linear .9s}.gate-play-pulse{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border:clamp(14px,1.8vw,22px) solid rgba(255,255,255,.14);border-radius:50%;animation:gate-play-breathe 2.8s ease-in-out infinite}.gate-play-ring{position:relative;display:flex;align-items:center;justify-content:center;width:72%;height:72%;background:#ffffff0a;border:clamp(8px,1vw,12px) solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 0 18px #ffffff29,0 0 36px #08061259;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:border-color .25s ease,box-shadow .25s ease}.gate-play-icon{width:0;height:0;margin-left:8%;border-top:clamp(22px,2.8vw,32px) solid transparent;border-bottom:clamp(22px,2.8vw,32px) solid transparent;border-left:clamp(34px,4.2vw,48px) solid rgba(255,255,255,.95);filter:drop-shadow(0 0 12px rgba(255,255,255,.24))}@keyframes gate-play-breathe{0%,to{opacity:.42;transform:scale(.92)}50%{opacity:.18;transform:scale(1.08)}}.audio-btn{position:fixed;right:clamp(20px,2.5vw,36px);bottom:clamp(20px,3vh,36px);z-index:40;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#c9a84c80;font-size:15px;cursor:pointer;background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.audio-btn:hover{color:#c9a84ce6;background:#c9a84c2e;border-color:#c9a84c66}.background-audio{display:none}@media (max-width: 640px){.legal-links{top:16px;right:16px;gap:14px;font-size:13px}.legal-links a{text-decoration-thickness:1.5px;text-underline-offset:3px}.hero-mantra{top:clamp(28px,6vh,48px);font-size:clamp(20px,6.2vw,28px);letter-spacing:.12em}.gate-centerpiece{--lion-size: clamp(84px, 26.4vw, 119px);--button-size: clamp(112px, 36vw, 148px);--ornament-gap: clamp(20px, 5vw, 40px)}}.shoot{position:fixed;z-index:6;width:1px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),rgba(200,220,255,.3),transparent);border-radius:1px;animation:shoot-anim linear forwards}@keyframes shoot-anim{0%{opacity:0;transform:translateY(0) translate(0)}8%{opacity:1}85%{opacity:.5}to{opacity:0;transform:translateY(320px) translate(-220px)}}@media (prefers-reduced-motion: reduce){.neb,.galaxy,.portal-glow,.portal-ring,.flash,.shoot{animation:none}.gate-panel,.portal,.particle-canvas{transition-duration:.01ms}}