*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline:none;font-family:Noto Serif SC,SimSun,serif}:root{--bg-color:#f6f6f6;--text-main:#2c2c2c;--border-color:#d1d1d1}body{background-color:var(--bg-color);-webkit-font-smoothing:antialiased;margin:0;font-family:STSongti-SC-Light,STSongti-SC-Regular,STSong,Songti SC,SimSun,Noto Serif SC,serif}[x-apple-data-detectors],a,button{color:inherit!important;-webkit-text-fill-color:initial!important;text-decoration:none!important}.container{max-width:700px;color:var(--text-main);min-height:100vh;margin:0 auto;padding:60px 25px;position:relative;overflow-x:hidden}.star-fall-field{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.falling-star{filter:blur(.4px);opacity:.6;background-color:#5a5a5ae6;border-radius:50%;width:1.5px;height:1.5px;animation:4s cubic-bezier(.25,.46,.45,.94) forwards dropAndStay;position:absolute;top:-20px;box-shadow:0 0 4px 1px #96969666,0 0 12px 4px #50505066,0 8px 20px 2px #3c3c3c4d}@keyframes dropAndStay{0%{opacity:0;top:-20px;transform:scale(.5)}20%{opacity:var(--star-opacity);transform:scale(1)}50%{opacity:calc(var(--star-opacity) * .7)}80%{opacity:var(--star-opacity)}to{opacity:var(--star-opacity);top:calc(100vh - 60px)}}.all-lit .falling-star{filter:drop-shadow(0 0 8px #64646466);background-color:#888;transition:all 4s ease-in-out;box-shadow:0 0 6px 2px #78787880,0 0 25px 12px #50505066,0 0 50px 25px #3c3c3c33;opacity:.8!important}.welcome-screen{opacity:0;transition:opacity 1.5s,transform 1.5s;transform:translateY(10px)}.welcome-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px 0;display:flex}.welcome-screen[v-if],.welcome-screen{opacity:1;transform:translateY(0)}.welcome-header{justify-content:center;align-items:center;gap:30px;display:flex;position:relative}.deco-line-left,.deco-line-right{background:linear-gradient(90deg,#0000,#aaa9);width:140px;height:1px}.deco-line-right{background:linear-gradient(270deg,#0000,#aaa9)}@media (width<=480px){.deco-line-left,.deco-line-right{width:60px}.welcome-header{gap:15px}}.dot-line{background:var(--text-main);opacity:.3;width:40px;height:1px}.welcome-box h1{letter-spacing:12px;margin:0;font-size:2.2rem;font-weight:600}.en-subtitle{letter-spacing:6px;opacity:.6;margin:10px 0 40px;font-size:.75rem}.intro-card{color:#555;margin:0 auto 50px;font-size:.9rem;line-height:1.8;background:#fff6!important;border:1px solid #fff9!important;border-radius:4px!important;max-width:310px!important;padding:15px 25px!important;box-shadow:0 4px 20px #00000005!important}.card-inner p{margin:5px 0}.start-btn{text-indent:10px;margin-top:20px;color:var(--theme-color)!important;border:1px solid var(--theme-color)!important;letter-spacing:10px!important;background:0 0!important;border-radius:100px!important;padding:15px 80px!important;font-weight:300!important;transition:all .5s cubic-bezier(.2,1,.3,1)!important}.start-btn:hover{transform:translateY(-2px);background:var(--theme-color)!important;color:#fff!important;box-shadow:0 10px 25px -5px var(--theme-color)!important}.quiz-progress-bar{background:#eee;width:100%;height:1px;margin-bottom:60px}.quiz-progress-fill{background:var(--theme-color);height:100%;transition:all .5s}.question-text{text-align:center;color:var(--text-main);margin-bottom:50px;font-size:1.4rem;font-weight:400;line-height:1.6}.question-text.long-text{text-align:justify;text-indent:2em;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;border-radius:15px;margin-bottom:40px;padding:20px;font-size:1.1rem;line-height:1.8}.options button{border:1px solid var(--border-color);cursor:pointer;width:100%;color:var(--text-main);background:#fff;border-radius:12px;margin-bottom:15px;padding:22px;font-family:inherit;font-size:1.15rem;transition:all .2s}.options button.opt-small{padding:18px;font-size:1rem}.options button:hover{border-color:var(--theme-color);color:var(--theme-color)}.prev-btn{color:#aaa;cursor:pointer;background:0 0;border:none;width:100%;margin-top:30px;font-family:inherit;font-size:.9rem;display:block}.result-screen{animation:2s forwards fadeInResult}@keyframes fadeInResult{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.result-box{z-index:1;text-align:center;position:relative}@media (width<=768px){.center-tag{letter-spacing:.4rem;background-size:6px 6px;font-size:clamp(1.8rem,8vw,3rem)}}.result-title{color:var(--text-main);margin:20px 0 40px;font-size:2.2rem;font-weight:400}.main-desc{text-align:justify;text-indent:2em;-webkit-backdrop-filter:blur(6px);box-shadow:none;background:#ffffff26;border:.5px solid #fff3;border-radius:12px;padding:25px;line-height:2}.star-map-wrapper{z-index:2;flex-direction:column;align-items:center;margin:40px 0;display:flex;position:relative}.star-map-container{-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #fff9;border-radius:50%;padding:10px;position:relative;box-shadow:0 8px 32px #0000001a}.star-map-container svg{z-index:2;filter:drop-shadow(0 0 2px #fff3);position:relative}.star-map-bg{fill:url(#nebulaGradient);opacity:.8;pointer-events:none;animation:10s ease-in-out infinite nebulaPulse}.star-map-container:before{content:"";opacity:.25;z-index:1;pointer-events:none;background-image:radial-gradient(.7px .7px at 12% 18%,#0003 100%,#0000 0),radial-gradient(.5px .5px at 30% 60%,#00000026 100%,#0000 0),radial-gradient(.8px .8px at 70% 25%,#0003 100%,#0000 0),radial-gradient(.6px .6px at 85% 80%,#0000001a 100%,#0000 0);background-repeat:repeat;background-size:100px 100px;animation:8s ease-in-out infinite alternate dustBreathe;position:absolute;inset:0}@keyframes dustBreathe{0%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(1.05)}}.orbit-ring{fill:none;stroke:#eee;stroke-width:1px}.axes-group line{stroke:#ddd;stroke-width:.5px;stroke-dasharray:3 3}.axis-labels text{fill:#bbb;font-size:10px}.star-chain-line{fill:none;stroke:var(--theme-color);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1 10;filter:drop-shadow(0 0 3px var(--theme-color));animation:20s linear infinite starFlow}@keyframes starFlow{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.star-node{fill:#fff;stroke:var(--theme-color);stroke-width:1px;r:5;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px var(--theme-color)) drop-shadow(0 0 15px var(--theme-color));transition:all .4s}.star-node:hover{r:7;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px var(--theme-color)) drop-shadow(0 0 25px var(--theme-color))}.mentor-card{text-align:left;background:#fff;border:.5px solid #eee;border-radius:8px;margin-bottom:20px;padding:25px}.mentor-name{border-bottom:2px solid var(--theme-color);color:var(--text-main);font-size:1.2rem}.mentor-quote-box{background:#fafafa;margin-top:15px;padding:15px;font-family:STKaiti,serif}.click-hint{color:var(--theme-color);letter-spacing:2px;opacity:.8;margin-top:25px;font-size:13px;font-style:italic}.star-node-interactive{fill:#fff;stroke:var(--theme-color);stroke-width:2.5px;cursor:pointer;filter:drop-shadow(0 0 5px var(--theme-color));transition:r .3s}.star-node-interactive:hover{r:12}.dim-tooltip-box{-webkit-backdrop-filter:blur(12px);border:1px solid var(--theme-color);text-align:left;z-index:100;background:#fffffff2;border-radius:18px;width:220px;max-width:calc(100vw - 40px);padding:18px;position:absolute;top:calc(50% - 80px);left:calc(50% + 60px);transform:translate(0);box-shadow:0 10px 30px #00000026}@media (width<=768px){.dim-tooltip-box{width:200px;top:calc(50% - 100px);left:50%;transform:translate(-50%)}}.tooltip-header{justify-content:space-between;margin-bottom:8px;display:flex}.tooltip-label{color:var(--theme-color);font-weight:700}.tooltip-percent{color:#666;font-family:serif;font-size:.85rem}.tooltip-desc{color:#555;margin:0;font-size:.8rem;line-height:1.5}.tooltip-close{cursor:pointer;color:#ccc;position:absolute;top:5px;right:10px}.result-subtitle{color:var(--theme-color);letter-spacing:3px;opacity:.8;margin-top:-30px;margin-bottom:40px;font-size:1.1rem}.mentor-story-box{color:#666;border-top:1px dashed #ddd;margin-top:10px;padding-top:8px;font-size:.9rem}.quote-text{white-space:pre-line}@media (width<=768px){.result-watermark{font-size:2.5rem}.result-title{font-size:1.8rem}.star-map-wrapper{transform:scale(.85)}.container{padding:40px 20px}.prev-btn{background:#fff;border:.5px solid #ccc;border-radius:20px;width:140px;margin:30px auto;padding:8px}.star-map-container:before{background-size:100px 100px}.star-map-container{transform:scale(.9)}}@keyframes nebulaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.reveal{opacity:0;animation:1.1s cubic-bezier(.25,.46,.45,.94) forwards reveal;transform:translateY(20px)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.delay-0{animation-delay:.1s}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.6s}.delay-3{animation-delay:.9s}.delay-4{animation-delay:1.2s}.slide-fade-enter-active{transition:all .6s ease-out}.slide-fade-leave-active{transition:all .4s ease-in}.slide-fade-enter-from{opacity:0;transform:translateY(20px)}.slide-fade-leave-to{opacity:0;transform:translateY(-15px)}.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter-from,.fade-leave-to{opacity:0}.contact-reward-section{text-align:center;margin-top:50px;padding-bottom:80px}.contact-box{-webkit-backdrop-filter:blur(20px);text-align:left;background:#ffffffbf;border:1px solid #ffffff80;border-radius:24px;max-width:420px;margin:25px auto 0;padding:32px;animation:.6s cubic-bezier(.23,1,.32,1) forwards fadeUp;box-shadow:0 20px 40px #00000014}.contact-item,.reward-item{margin-bottom:24px}.contact-item label,.reward-item label{color:var(--text-main);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.contact-item p{color:#555;background:#00000008;border-radius:8px;padding:10px;font-size:14px;line-height:1.6}.reward-item p{color:#666;margin-bottom:15px;font-size:13.5px;line-height:1.7}.reward-images{justify-content:center;gap:20px;margin-top:15px;display:flex}.reward-images img{border:3px solid #fff;border-radius:12px;width:125px;transition:all .3s;box-shadow:0 8px 20px #0000001f}.reward-images img:hover{transform:translateY(-8px)scale(1.05);box-shadow:0 12px 25px #0000002e}@keyframes fadeUp{0%{opacity:0;filter:blur(5px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.blink-text{border-radius:2px;padding:5px 20px;box-shadow:0 0 15px #0000004d;color:#fff!important;letter-spacing:4px!important;background:#1e1e1ecc!important;margin-bottom:0!important;font-family:Courier New,monospace!important;font-size:1.1rem!important;animation:2s ease-in-out infinite alternate neonBlink!important}.panic-sub{color:#666;letter-spacing:1px;margin-top:12px;font-size:.85rem}@keyframes neonBlink{0%{opacity:.6;text-shadow:0 0 2px #fff;transform:scale(.98)}50%{opacity:.85;text-shadow:0 0 5px #fff,0 0 10px #ffffff80}to{opacity:1;text-shadow:0 0 8px #fff,0 0 15px #fffc,0 0 25px #ffffff4d;transform:scale(1)}}.intro-card{max-width:340px!important;padding:20px!important}.watermark-center-container{z-index:0!important;pointer-events:none!important;transform-origin:0 0!important;opacity:.12!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:1vh!important;width:100vh!important;height:100vw!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:rotate(90deg)translateY(-100vw)!important}.center-tag{text-shadow:1px 1px #ffffff80;text-transform:uppercase!important;color:var(--theme-color)!important;letter-spacing:.8rem!important;white-space:nowrap!important;margin-left:0!important;font-family:Courier New,monospace!important;font-size:clamp(2.5rem,8vw,6rem)!important;font-weight:900!important;line-height:1!important}@media (width<=768px){.watermark-center-container{gap:2vh!important;transform:rotate(90deg)translateY(-100vw)!important}.center-tag{letter-spacing:.4rem!important;margin-left:20px!important;font-size:clamp(2rem,12vw,4rem)!important}}.result-btn-group{gap:15px;margin-top:50px;padding:0 10px;display:flex}.result-btn-group button{cursor:pointer;letter-spacing:2px;flex:1;justify-content:center;align-items:center;height:52px;font-size:.95rem;display:flex;border-radius:14px!important;transition:all .5s cubic-bezier(.2,1,.3,1)!important}.retry-btn{-webkit-backdrop-filter:blur(10px);font-weight:500;box-shadow:inset 0 0 10px #fff3;background:rgba(var(--theme-rgb,120, 120, 120), .15)!important;color:var(--theme-color)!important;border:1px solid var(--theme-color)!important}.retry-btn:hover{transform:translateY(-3px);background:var(--theme-color)!important;color:#fff!important;box-shadow:0 10px 20px -5px var(--theme-color)66!important}.contact-btn{-webkit-backdrop-filter:blur(8px);font-weight:400;color:#777!important;background:#fff6!important;border:1px solid #00000014!important}.contact-btn:hover{transform:translateY(-3px);border-color:var(--theme-color)!important;color:var(--theme-color)!important;background:#fffc!important;box-shadow:0 8px 15px #0000000d!important}@media (width<=768px){.result-btn-group button:active{transition:all .1s;transform:scale(.96)}}.welcome-box{padding-bottom:150px;position:relative}.welcome-bottom-deco{z-index:0;pointer-events:none;opacity:.5;width:300%;height:auto;position:absolute;bottom:0;left:0}.welcome-bottom-deco img{object-fit:cover;width:300%;height:auto;-webkit-mask-image:linear-gradient(#0000 20%,#000);mask-image:linear-gradient(#0000 20%,#000)}.bold-text{color:var(--theme-color)!important;font-weight:900!important}
