.particles-bg[data-v-cd34ec84]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#app{height:100%;position:relative;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:#f7f7f7;word-wrap:break-word;overflow:hidden}.app-shell{width:10rem;position:relative;margin:0 auto;height:100%;background:var(--grad-page);overflow:hidden;-webkit-transition:background .4s ease;transition:background .4s ease}.app-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (min-width:800px){html{font-size:50px!important}}@media screen and (max-width:799px){html{font-size:10vw!important}}:root,:root[data-theme=night]{--bg-deep: #0b1035;--bg-deeper: #070b26;--grad-page: linear-gradient(180deg, #0b1035 0%, #171248 55%, #241448 100%);--bg-card: rgba(255, 255, 255, .06);--bg-card-strong: rgba(255, 255, 255, .1);--border-card: rgba(255, 255, 255, .12);--header-bg: linear-gradient(180deg, rgba(7, 11, 38, .92), rgba(7, 11, 38, .6));--bar-bg: linear-gradient(0deg, rgba(7, 11, 38, .95) 55%, transparent);--overlay-bg: rgba(4, 6, 22, .78);--chip-bg: rgba(7, 11, 38, .55);--img-mask: linear-gradient(180deg, transparent 30%, rgba(7, 11, 38, .88) 92%);--modal-bg: linear-gradient(170deg, #231a52, #120d33);--stage-bg: rgba(255, 255, 255, .03);--stage-glow: rgba(90, 169, 255, .1);--kapok: #ff4d5e;--kapok-soft: #ff7a88;--gold: #ffd666;--gold-deep: #f0b429;--neon: #4de8d0;--neon-blue: #5aa9ff;--violet: #9d7bff;--text-main: #f4f6ff;--text-sub: rgba(244, 246, 255, .72);--text-dim: rgba(244, 246, 255, .45);--grad-gold: linear-gradient(135deg, #ffe9a8 0%, #ffd666 45%, #f0a52b 100%);--grad-kapok: linear-gradient(135deg, #ff7a88 0%, #ff4d5e 55%, #d92638 100%);--grad-neon: linear-gradient(135deg, #4de8d0 0%, #5aa9ff 100%);--glow-gold: 0 0 .11111rem rgba(255, 214, 102, .55), 0 0 .2963rem rgba(255, 214, 102, .25);--glow-kapok: 0 0 .11111rem rgba(255, 77, 94, .55), 0 0 .2963rem rgba(255, 77, 94, .25);--glow-neon: 0 0 .11111rem rgba(77, 232, 208, .5), 0 0 .2963rem rgba(77, 232, 208, .22);--node-bg: radial-gradient(circle at 35% 30%, #1f7a6d, #0d4a4a);--node-text: #dffcf6;--track-bg: rgba(255, 255, 255, .12);--btn-text: #3a2403}:root[data-theme=jade]{--bg-deep: #eef7f1;--bg-deeper: #e6f3ec;--grad-page: linear-gradient(180deg, #ddede2 0%, #def0e4 55%, #d0ecd9 100%);--bg-card: rgba(255, 255, 255, .72);--bg-card-strong: rgba(255, 255, 255, .9);--border-card: rgba(20, 90, 55, .14);--header-bg: linear-gradient(180deg, rgba(244, 251, 246, .95), rgba(244, 251, 246, .7));--bar-bg: linear-gradient(0deg, rgba(240, 249, 243, .96) 55%, transparent);--overlay-bg: rgba(18, 48, 34, .45);--chip-bg: rgba(255, 255, 255, .75);--img-mask: linear-gradient(180deg, transparent 30%, rgba(16, 52, 36, .82) 92%);--modal-bg: linear-gradient(170deg, #ffffff, #eef7f1);--stage-bg: rgba(255, 255, 255, .55);--stage-glow: rgba(34, 160, 95, .12);--kapok: #ff4d5e;--kapok-soft: #ff7a88;--gold: #c99416;--gold-deep: #a67c0b;--neon: #149a5c;--neon-blue: #3a7bd5;--violet: #7a5fc0;--text-main: #153528;--text-sub: rgba(21, 53, 40, .72);--text-dim: rgba(21, 53, 40, .48);--grad-gold: linear-gradient(135deg, #0d6e4f 0%, #15a15f 45%, #0f7431 100%);--grad-kapok: linear-gradient(135deg, #ff7a88 0%, #ff4d5e 55%, #d92638 100%);--grad-neon: linear-gradient(135deg, #17b26a 0%, #0e8a70 100%);--glow-gold: 0 0 .09259rem rgba(201, 148, 22, .3), 0 0 .22222rem rgba(201, 148, 22, .14);--glow-kapok: 0 0 .09259rem rgba(255, 77, 94, .3), 0 0 .22222rem rgba(255, 77, 94, .14);--glow-neon: 0 0 .09259rem rgba(23, 178, 106, .32), 0 0 .22222rem rgba(23, 178, 106, .15);--node-bg: radial-gradient(circle at 35% 30%, #ffffff, #d8efe1);--node-text: #0d6e4f;--track-bg: rgba(21, 53, 40, .12);--btn-text: #3a2403}:root[data-theme=kapok]{--bg-deep: #fdf3ec;--bg-deeper: #fbece2;--grad-page: linear-gradient(180deg, #fff8f2 0%, #fdeee4 55%, #f9e2d4 100%);--bg-card: rgba(255, 255, 255, .72);--bg-card-strong: rgba(255, 255, 255, .92);--border-card: rgba(160, 40, 40, .14);--header-bg: linear-gradient(180deg, rgba(255, 248, 242, .95), rgba(255, 248, 242, .7));--bar-bg: linear-gradient(0deg, rgba(253, 244, 238, .96) 55%, transparent);--overlay-bg: rgba(70, 18, 22, .45);--chip-bg: rgba(255, 255, 255, .78);--img-mask: linear-gradient(180deg, transparent 30%, rgba(74, 20, 22, .82) 92%);--modal-bg: linear-gradient(170deg, #fffdfb, #fdeee4);--stage-bg: rgba(255, 255, 255, .55);--stage-glow: rgba(230, 60, 78, .1);--kapok: #e63c4e;--kapok-soft: #f06a72;--gold: #c99416;--gold-deep: #a67c0b;--neon: #d9480f;--neon-blue: #3a7bd5;--violet: #7a5fc0;--text-main: #4a1620;--text-sub: rgba(74, 22, 32, .72);--text-dim: rgba(74, 22, 32, .48);--grad-gold: linear-gradient(135deg, #d92638 0%, #e8563f 45%, #c99416 100%);--grad-kapok: linear-gradient(135deg, #f06a72 0%, #e63c4e 55%, #b91c2e 100%);--grad-neon: linear-gradient(135deg, #e8590c 0%, #d9480f 100%);--glow-gold: 0 0 .09259rem rgba(201, 148, 22, .32), 0 0 .22222rem rgba(201, 148, 22, .15);--glow-kapok: 0 0 .09259rem rgba(230, 60, 78, .32), 0 0 .22222rem rgba(230, 60, 78, .15);--glow-neon: 0 0 .09259rem rgba(217, 72, 15, .3), 0 0 .22222rem rgba(217, 72, 15, .14);--node-bg: radial-gradient(circle at 35% 30%, #ffffff, #fadfd8);--node-text: #b91c2e;--track-bg: rgba(74, 22, 32, .12);--btn-text: #3a2403}:root{--radius-lg: .18519rem;--radius-md: .12963rem;--radius-sm: .09259rem;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Source Han Sans SC,Microsoft YaHei,sans-serif;color:var(--text-main);background:var(--bg-deeper);font-size:.13889rem;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .4s ease,color .4s ease;transition:background .4s ease,color .4s ease}img{display:block;max-width:100%;-webkit-user-drag:none}a{color:inherit;text-decoration:none}button{border:none;background:none;font:inherit;color:inherit;cursor:pointer}.glass-card{background:var(--bg-card);border:.00926rem solid var(--border-card);border-radius:var(--radius-lg);backdrop-filter:blur(.12963rem);-webkit-backdrop-filter:blur(.12963rem);-webkit-transition:background .4s ease,border-color .4s ease;transition:background .4s ease,border-color .4s ease}.gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-glow{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.07407rem;padding:.22222rem .31481rem;border-radius:9.25rem;font-size:.37037rem;font-weight:600;letter-spacing:.01852rem;color:var(--btn-text);background:var(--grad-gold);-webkit-box-shadow:var(--glow-gold),inset 0 .00926rem 0 rgba(255,255,255,.6);box-shadow:var(--glow-gold),inset 0 .00926rem #fff9;overflow:hidden;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.btn-glow:active{-webkit-transform:scale(.95);transform:scale(.95)}.btn-glow:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:-webkit-linear-gradient(345deg,transparent,rgba(255,255,255,.65),transparent);background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent);-webkit-animation:btn-shine 2.6s ease-in-out infinite;animation:btn-shine 2.6s ease-in-out infinite}@-webkit-keyframes btn-shine{0%,55%{left:-80%}to{left:130%}}@keyframes btn-shine{0%,55%{left:-80%}to{left:130%}}.btn-ghost{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.07407rem;padding:.22222rem .31481rem;border-radius:9.25rem;font-size:.37037rem;letter-spacing:.00926rem;color:var(--neon);border:.00926rem solid color-mix(in srgb,var(--neon) 55%,transparent);-webkit-box-shadow:var(--glow-neon),inset 0 0 .16667rem color-mix(in srgb,var(--neon) 8%,transparent);box-shadow:var(--glow-neon),inset 0 0 .16667rem color-mix(in srgb,var(--neon) 8%,transparent);-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.btn-ghost:active{-webkit-transform:scale(.95);transform:scale(.95)}.page-enter-active,.page-leave-active{-webkit-transition:opacity .28s ease,-webkit-transform .28s ease;transition:opacity .28s ease,-webkit-transform .28s ease;transition:opacity .28s ease,transform .28s ease;transition:opacity .28s ease,transform .28s ease,-webkit-transform .28s ease}.page-enter-from{opacity:0;-webkit-transform:translateX(.22222rem);transform:translate(.22222rem)}.page-leave-to{opacity:0;-webkit-transform:translateX(-.22222rem);transform:translate(-.22222rem)}@-webkit-keyframes float-y{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-.09259rem);transform:translateY(-.09259rem)}}@keyframes float-y{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-.09259rem);transform:translateY(-.09259rem)}}@-webkit-keyframes breath-glow{0%,to{opacity:.65;-webkit-filter:brightness(1);filter:brightness(1)}50%{opacity:1;-webkit-filter:brightness(1.25);filter:brightness(1.25)}}@keyframes breath-glow{0%,to{opacity:.65;-webkit-filter:brightness(1);filter:brightness(1)}50%{opacity:1;-webkit-filter:brightness(1.25);filter:brightness(1.25)}}@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}70%{-webkit-transform:scale(1.08);transform:scale(1.08)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}70%{-webkit-transform:scale(1.08);transform:scale(1.08)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake-x{0%,to{-webkit-transform:translateX(0);transform:translate(0)}20%,60%{-webkit-transform:translateX(-.07407rem);transform:translate(-.07407rem)}40%,80%{-webkit-transform:translateX(.07407rem);transform:translate(.07407rem)}}@keyframes shake-x{0%,to{-webkit-transform:translateX(0);transform:translate(0)}20%,60%{-webkit-transform:translateX(-.07407rem);transform:translate(-.07407rem)}40%,80%{-webkit-transform:translateX(.07407rem);transform:translate(.07407rem)}}.anim-pop{-webkit-animation:pop-in .45s cubic-bezier(.22,1.4,.36,1) both;animation:pop-in .45s cubic-bezier(.22,1.4,.36,1) both}.anim-shake{-webkit-animation:shake-x .45s ease;animation:shake-x .45s ease}.anim-float{-webkit-animation:float-y 3.2s ease-in-out infinite;animation:float-y 3.2s ease-in-out infinite}.anim-breath{-webkit-animation:breath-glow 2.8s ease-in-out infinite;animation:breath-glow 2.8s ease-in-out infinite}::-webkit-scrollbar{width:0;height:0}.music-btn{width:.74074rem;height:.74074rem;background:url(../img/btn_music_open.CQ_XUJwT.png) no-repeat center top;background-size:100%;position:absolute;right:.27778rem;top:.32407rem;z-index:66;border-radius:100%}.music-btn.curre{background:url(../img/btn_music_open.CQ_XUJwT.png) no-repeat center top;background-size:100%;-webkit-animation:rotateSelf 2s linear infinite;animation:rotateSelf 2s linear infinite}.audio-playera{display:none}@-webkit-keyframes rotateSelf{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSelf{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.delay1{-webkit-animation-delay:.3s;animation-delay:.3s}.delay2{-webkit-animation-delay:.6s;animation-delay:.6s}.delay3{-webkit-animation-delay:.9s;animation-delay:.9s}.delay4{-webkit-animation-delay:1.2s;animation-delay:1.2s}.delay5{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay6{-webkit-animation-delay:1.8s;animation-delay:1.8s}.delay7{-webkit-animation-delay:2.1s;animation-delay:2.1s}.delay8{-webkit-animation-delay:2.4s;animation-delay:2.4s}.delay9{-webkit-animation-delay:2.7s;animation-delay:2.7s}.delay10{-webkit-animation-delay:3s;animation-delay:3s}.delay11{-webkit-animation-delay:3.3s;animation-delay:3.3s}.delay12{-webkit-animation-delay:3.6s;animation-delay:3.6s}.delay13{-webkit-animation-delay:3.9s;animation-delay:3.9s}.delay14{-webkit-animation-delay:4.2s;animation-delay:4.2s}.delay15{-webkit-animation-delay:4.5s;animation-delay:4.5s}.delay16{-webkit-animation-delay:4.8s;animation-delay:4.8s}.delay17{-webkit-animation-delay:5.1s;animation-delay:5.1s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}}