:root{--ink:#30263e;--muted:#908798;--purple:#7654b3;--purple-dark:#604094;--lavender:#ede6f7;--cream:#f8f6f1;--green:#536f60;--line:#e8e3ed;--shadow:0 16px 50px #4735500c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Microsoft Yahei',sans-serif;font-size:15px;line-height:1.7}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bda9dc;outline-offset:4px}.site-head{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 48px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:1px;font-size:23px;line-height:1.15}.brand small{display:block;font-size:9px;letter-spacing:3.1px;margin-top:3px}.brand-icon{background:var(--purple);color:white;width:43px;height:43px;border-radius:15px;display:grid;place-items:center;font-size:34px;line-height:1;transform:rotate(-7deg)}.head-tag{font-size:11px;letter-spacing:1px;color:var(--green);display:flex;gap:8px;align-items:center}.head-tag i{width:6px;height:6px;border-radius:50%;background:#80a989;box-shadow:0 0 0 4px #80a98913}.site-foot{max-width:1224px;padding:28px 0;margin:0 auto;display:flex;justify-content:space-between;color:#a39ba8;font-size:10px;letter-spacing:.6px}.site-foot a:hover{color:var(--purple)}.landing{max-width:1224px;margin:20px auto 28px;display:grid;grid-template-columns:1fr 510px;gap:80px;align-items:center;min-height:670px}.editorial{position:relative;padding:20px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--green);display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';height:1px;width:25px;background:var(--green)}h1{font-size:54px;line-height:1.4;letter-spacing:-2px;font-weight:800;margin:25px 0 22px}.marked{position:relative;white-space:nowrap}.marked:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:11px;background:#dcd0ef;z-index:-1;border-radius:50%}.editorial p{color:#8b8293;line-height:2;font-size:14px;margin:0}.editorial .star{position:absolute;right:25px;top:16px;color:#bda4d8;font-size:45px;transform:rotate(13deg)}.intro-steps{display:flex;gap:26px;margin-top:48px}.intro-steps div{display:flex;align-items:center;gap:8px;font-size:11px;color:#827a8b}.intro-steps b{font-size:10px;border:1px solid #ded7e4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--purple)}.mini-note{margin-top:54px;border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;gap:12px;font-size:10px;color:#a299a9}.mini-note span{font-size:24px;color:#a4b29f}.enroll-card{background:#fff;border:1px solid #e8e1ee;border-radius:30px;box-shadow:var(--shadow);padding:12px;position:relative}.card-top{padding:10px 14px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#9a90a6}.card-top strong{font-size:11px;color:var(--purple);letter-spacing:1px}.scene{position:relative;aspect-ratio:768/716;border-radius:20px;overflow:hidden;background:#e6e3dc}.scene video{width:100%;height:100%;display:block;object-fit:contain}.scene-bubble{position:absolute;top:48%;right:3%;width:46%;background:#fffdf8f5;padding:17px 14px;border:2px solid #624584;border-radius:20px 20px 20px 5px;box-shadow:3px 4px 0 #62458426;transform:rotate(2deg);font-size:16px;line-height:1.65;font-weight:700;animation:pop .35s ease-out}.scene-bubble:before{content:'迪西 DIXI';display:block;color:var(--purple);font-size:9px;letter-spacing:2px;margin-bottom:4px}.scene-bubble:after{content:'';position:absolute;left:-10px;bottom:17px;width:13px;height:13px;transform:rotate(45deg);background:#fffdf8;border-left:2px solid #624584;border-bottom:2px solid #624584}.scene-bubble[hidden]{display:none}.sound-btn,.replay-btn{position:absolute;border:1px solid #ffffff80;background:#ffffffdd;bottom:12px;font-size:10px;border-radius:20px;padding:5px 10px;color:#625475;backdrop-filter:blur(5px)}.replay-btn{left:12px}.sound-btn{right:12px}.card-bottom{padding:21px 17px 15px}.card-bottom .caption{font-size:11px;text-align:center;color:#a195ac;margin:0 0 14px}.primary,.secondary{border:0;border-radius:13px;padding:15px 20px;font-weight:600;font-size:14px;transition:background .2s,transform .2s;min-height:52px}.primary{background:var(--purple);color:#fff;box-shadow:0 4px 0 #5b3b90}.primary:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1px)}.primary .arrow{float:right;font-size:20px;line-height:24px}.secondary{background:#f3f0f7;color:#8b7c9d;box-shadow:0 3px 0 #e7e1ee}.wide{width:100%}.button-row{display:flex;gap:12px}.button-row>*{flex:1}.privacy{display:flex;justify-content:center;gap:6px;font-size:9px;color:#aba2b2;margin-top:15px}.page-head{display:flex;justify-content:space-between;align-items:center}.text-btn{border:0;background:transparent;color:#94899e;font-size:11px;padding:9px}.text-btn:hover{color:var(--purple)}.quiz-wrap{width:min(620px,calc(100% - 40px));margin:28px auto 50px}.quiz-topline{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:700}.progress-labels{display:flex;justify-content:space-between;font-size:11px;color:#a396af;margin:24px 0 10px}.progress-labels strong{color:var(--purple);font-weight:500}.progress-track{height:16px;background:#eae3f1;border:2px solid #d6c5e5;border-radius:20px;padding:2px;position:relative}.progress-fill{height:100%;border-radius:10px;background:repeating-linear-gradient(135deg,#9d7bc8 0,#9d7bc8 9px,#af91d3 9px,#af91d3 17px);transition:width .5s;position:relative;min-width:16px}.progress-fill:after{content:'★';position:absolute;right:-10px;top:-16px;color:#c69a4e;font-size:29px;filter:drop-shadow(0 1px 0 white)}.milestones{display:flex;justify-content:space-between;margin:9px 0 22px;color:#b7a6c5;font-size:9px}.question-stage{display:flex;align-items:center;min-height:193px;gap:12px;margin:7px 0 20px}.mascot{width:168px;height:168px;flex-shrink:0;position:relative}.mascot canvas{width:100%;height:100%;object-fit:contain}.mascot-label{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);font-size:9px;color:#9a83b6;background:#eee6f6;border-radius:20px;padding:0 10px;white-space:nowrap}.question-bubble{flex:1;background:#fff;border:1.5px solid #e3d7ed;border-radius:21px 21px 21px 4px;padding:22px 23px;box-shadow:0 5px 0 #eee7f4;position:relative}.question-bubble .kicker{font-size:9px;letter-spacing:2px;color:#a28ab8;margin-bottom:9px}.question-bubble h2{font-size:21px;line-height:1.65;margin:0;font-weight:700;letter-spacing:-.5px}.question-bubble p{font-size:10px;color:#aaa0b2;margin:10px 0 0}.options{display:flex;flex-direction:column;gap:12px}.option{width:100%;text-align:left;display:flex;align-items:center;gap:15px;border:1.5px solid #e6e0eb;background:#fff;padding:15px 19px;border-radius:15px;min-height:65px;color:#72667f;font-size:13px;transition:all .2s}.option .letter{width:30px;height:30px;background:#f5f2f8;display:grid;place-items:center;border-radius:9px;font-family:Georgia,serif;font-size:15px;color:#aa9ab9;flex-shrink:0}.option .radio{margin-left:auto;width:19px;height:19px;border:1.5px solid #ddd3e5;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.option[aria-pressed=true]{border-color:#9671c3;background:#f0e9f8;box-shadow:0 3px 0 #e0d2ef;color:#664390}.option[aria-pressed=true] .letter{background:#9a78c0;color:white}.option[aria-pressed=true] .radio{background:#8d65ba;border-color:#8d65ba;color:white}.option:hover:not(:disabled){border-color:#b196cd}.quiz-actions{display:flex;gap:16px;margin-top:26px;align-items:center}.quiz-actions .primary{flex:1}.quiz-actions .secondary{font-size:12px}.quiz-hint{text-align:center;color:#b2a6bc;font-size:10px;margin-top:20px;letter-spacing:.5px}.error{color:#b24d62;font-size:12px;padding:8px 0}.end-wrap{max-width:520px;margin:30px auto 60px;text-align:center;background:white;border:1px solid var(--line);border-radius:28px;padding:28px 42px 34px;box-shadow:var(--shadow)}.end-wrap .eyebrow{justify-content:center}.end-wrap h1{font-size:27px;letter-spacing:-.8px;margin:15px 0}.end-wrap p{color:#9a8da5;font-size:12px;line-height:2}.end-portrait{display:block;width:260px;height:260px;object-fit:contain;margin:10px auto}.end-wrap .primary{margin-top:28px}.badge{display:inline-block;font-size:10px;color:#8b6ca9;border:1px solid #e2d5ec;border-radius:20px;padding:4px 15px}.enrollment-number{border:1px dashed #d5c1e6;background:#faf7fe;padding:15px;border-radius:14px;margin-top:22px;color:#8e74a6;font-size:10px;letter-spacing:2px}.enrollment-number strong{display:block;color:#6c4797;font-size:21px;letter-spacing:3px}.loading{text-align:center;padding:150px 20px;color:#9784ac}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#49345e;color:#fff;padding:12px 24px;border-radius:12px;font-size:12px;z-index:100}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade{animation:pop .3s ease-out}@media(min-width:1500px){.landing{margin-top:48px;margin-bottom:50px}}@media(max-width:1100px){.landing{margin:15px 40px;gap:40px;grid-template-columns:1fr 460px}.editorial h1{font-size:41px}.intro-steps{gap:12px}.site-foot{margin:0 40px}.editorial .star{right:0}}@media(max-width:800px){.site-head{padding:22px 22px}.brand{font-size:20px}.brand-icon{width:36px;height:36px;font-size:28px;border-radius:12px}.head-tag{font-size:9px;letter-spacing:0}.landing{display:block;margin:4px auto 28px;max-width:510px;min-height:0;padding:0 16px}.editorial{padding:2px 5px 21px}.editorial .eyebrow{font-size:8px;letter-spacing:2px}.editorial h1{font-size:26px;line-height:1.5;letter-spacing:-.6px;margin:12px 0 0}.editorial h1 br{display:none}.editorial p,.intro-steps,.mini-note,.editorial .star{display:none}.enroll-card{border-radius:24px;padding:8px}.card-top{padding:9px 11px 13px;font-size:8px}.scene{border-radius:17px}.scene-bubble{font-size:13px;padding:13px 11px;border-radius:16px 16px 16px 4px}.card-bottom{padding:18px 11px 13px}.site-foot{padding:16px 22px;margin:0;gap:12px;font-size:8px}.quiz-wrap{margin-top:16px;width:calc(100% - 38px);max-width:540px}.question-stage{gap:2px;min-height:171px;margin-bottom:20px}.mascot{width:136px;height:155px;margin-left:-9px}.question-bubble{padding:17px 16px}.question-bubble h2{font-size:17px}.question-bubble p{font-size:9px}.option{min-height:62px;padding:13px 15px;font-size:12px;gap:12px}.quiz-actions{margin-top:24px}.progress-labels{margin-top:18px}.end-wrap{margin:16px 18px 35px;padding:25px 26px}.end-portrait{width:240px;height:240px}.end-wrap h1{font-size:25px}}@media(max-width:360px){.scene-bubble{font-size:11px;padding:10px}.question-bubble h2{font-size:15px}.mascot{width:112px;height:140px}.option{padding:11px 13px;min-height:57px}.question-stage{min-height:158px}.site-head{padding:18px}.head-tag{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.site-head{min-height:90px}.brand.logo-brand{display:block;line-height:0}.brand.logo-brand img{display:block;width:132px;height:58px;object-fit:contain;object-position:left center}.required-star{color:#da5267;font-size:19px;margin-left:6px;font-weight:700;vertical-align:top}.dixi-motion{position:relative;width:100%;height:100%;contain:layout paint;isolation:isolate}.dixi-motion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;backface-visibility:hidden;transform:translateZ(0);will-change:opacity}.motion-idle{opacity:1}.motion-record{opacity:0}.is-writing .motion-idle{opacity:0}.is-writing .motion-record{opacity:1}.field-card{background:white;border:1.5px solid #e5d9ee;border-radius:18px;padding:22px;box-shadow:0 4px 0 #eee7f4}.field-card input,.field-card textarea{width:100%;font:inherit;font-size:16px;line-height:1.8;padding:14px;border:1px solid #eee6f5;border-radius:11px;background:#fcfaff;color:#4c355f;resize:vertical;min-height:60px;outline:none}.field-card input:focus,.field-card textarea:focus{border-color:#ac8bcd;box-shadow:0 0 0 3px #a98cca13}.field-card input::placeholder,.field-card textarea::placeholder{color:#b7a7c4;font-size:13px}.field-card textarea{min-height:174px}.field-count{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#b2a2bd;font-size:10px}.field-count b{font-weight:400}.field-count #field-feedback{color:#bd7f8e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.crying-portrait{filter:saturate(.62) brightness(1.05)}.particle-heading{position:relative;height:114px;width:100%;margin:4px 0 8px;touch-action:pan-y}.particle-heading h1{margin:0!important;padding-top:18px;line-height:1.7!important;font-size:25px!important}.particle-heading canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}.particle-heading.ready h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);padding:0}.question-bubble h2{overflow-wrap:anywhere}@media(max-width:800px){.site-head{min-height:81px;padding:15px 22px}.brand.logo-brand img{width:111px;height:47px}.field-card{padding:17px}.field-card textarea{min-height:160px}.quiz-wrap .question-stage{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.dixi-motion img{will-change:auto}.particle-heading h1{position:static!important;clip:auto!important;width:auto!important;height:auto!important}}
.particle-heading h1,.particle-heading.ready h1{position:relative!important;inset:auto!important;clip:auto!important;overflow:visible!important;width:100%!important;height:100%!important;padding:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:25px!important;line-height:1.7!important;letter-spacing:0;color:#806398;opacity:1;transition:opacity .3s ease;pointer-events:none}.particle-heading canvas{opacity:0;transition:opacity .3s ease;pointer-events:none}.particle-heading.is-scattering h1{opacity:.08}.particle-heading.is-scattering canvas{opacity:1}.brand.logo-brand img{width:105.6px;height:46.4px}@media(max-width:800px){.brand.logo-brand img{width:88.8px;height:37.6px}}@media(prefers-reduced-motion:reduce){.particle-heading h1{opacity:1!important}.particle-heading canvas{display:none}}
.zipline-track{position:relative;height:100px;margin:4px 0 0;isolation:isolate}.zipline-cable{position:absolute;width:100%;height:100%;inset:0;overflow:visible;fill:none}.zipline-cable path{vector-effect:non-scaling-stroke;stroke-linecap:round}.cable-under{stroke:#eae1f1;stroke-width:7}.cable-main{stroke:#b39bc8;stroke-width:2}.cable-done{stroke:#8e6bb3;stroke-width:2.5}.cable-pole{stroke:#c5b1d6;stroke-width:4}.zipline-cable circle{fill:#f8f6f1;stroke:#a68cbd;stroke-width:2}.zipline-rider{position:absolute;width:48px;height:60px;left:var(--ride-x);top:var(--ride-y);transform:translateX(-50%);animation:zip-ride .65s cubic-bezier(.25,.65,.3,1) both;z-index:1;pointer-events:none}.zipline-rider img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.82);transform-origin:50% 8%;animation:zip-swing 2.4s ease-in-out infinite}.zipline-track+.milestones{margin:0 0 10px}.progress-labels{margin-bottom:2px}@keyframes zip-ride{from{left:var(--ride-from-x);top:var(--ride-from-y)}to{left:var(--ride-x);top:var(--ride-y)}}@keyframes zip-swing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.zipline-rider{animation:none}.zipline-rider img{animation:none}}
.zipline-track{height:70px;margin:2px 0 0}.zipline-cable{height:70px}.zipline-rider{width:40px;height:50px}.quiz-wrap .question-stage{margin-top:0}
.landing{display:block;max-width:680px;min-height:0;margin:8px auto 18px;padding:0 16px}.landing .scene{aspect-ratio:660/620}.site-foot{justify-content:flex-end;padding-top:12px;padding-bottom:16px}.landing .enroll-card{width:100%}@media(min-width:801px){.landing{max-width:min(700px,calc((100svh - 240px)*1.065))}}@media(max-width:800px){.landing{margin-top:0;max-width:530px;padding:0 14px}.landing .card-top{padding-top:6px}.site-head{min-height:72px;padding-top:12px;padding-bottom:12px}.site-foot{padding-top:4px}}
/* The visible title stays entirely on the particle canvas. Text is accessibility
   content and an initial/WebGL-unavailable fallback, never an effect end state. */
.particle-heading.particle-live h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;opacity:0!important;transition:none!important}.particle-heading canvas{opacity:1!important;transition:none!important}.particle-heading.particle-live canvas{opacity:1!important}.particle-heading:not(.particle-live) canvas{visibility:hidden}.particle-heading:not(.particle-live) h1{opacity:1!important}
.particle-heading.particle-loading h1{opacity:0!important}