@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#100d25;--ink:#f6f2ff;--muted:#aaa3bf;--soft:#827b99;--violet:#a47bff;--violet2:#7550ed;--line:rgba(207,190,255,.13);--panel:rgba(38,32,67,.69);font-family:'DM Sans','Noto Sans SC',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 50% 30%,#28204b 0%,#171330 48%,#100d25 100%);overflow-x:hidden}button,input{font:inherit}button{color:inherit}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.18;border-radius:50%;z-index:0}.ambient-one{width:430px;height:430px;background:#704bdb;left:-260px;top:10vh}.ambient-two{width:400px;height:400px;background:#57388b;right:-280px;bottom:-20vh}.topbar{height:76px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:1}.brand{display:flex;gap:10px;align-items:center;color:#f6f2ff;text-decoration:none;font-weight:700;letter-spacing:.02em}.brand-mark{width:28px;height:28px;border:1px solid rgba(198,171,255,.65);border-radius:9px;display:grid;place-items:center;color:#c9adff;font-size:18px;font-style:italic;box-shadow:inset 0 0 12px #9c79ff24}.topbar-right{display:flex;align-items:center;gap:10px;color:#8f88a9;font-size:12px}.secure-dot{width:6px;height:6px;border-radius:50%;background:#9d85e9;box-shadow:0 0 10px #a27aff}.top-divider{height:13px;width:1px;background:#514966;margin:0 3px}.screen{position:relative;z-index:1}.hidden{display:none!important}.welcome-screen{max-width:1060px;min-height:calc(100vh - 126px);margin:0 auto;padding:65px 30px 38px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;column-gap:80px;row-gap:20px}.welcome-copy{padding-bottom:18px}.eyebrow{display:flex;gap:11px;align-items:center;color:#ad91f1;font-size:10px;letter-spacing:.22em;font-weight:700}.eyebrow-line{display:inline-block;width:25px;height:1px;background:#ad91f1}.welcome-copy h1{font-size:clamp(35px,5vw,56px);line-height:1.35;letter-spacing:.015em;margin:23px 0 20px;font-weight:700}.welcome-copy h1 span{color:#beabed}.intro{max-width:480px;color:#aaa3bd;font-size:14px;line-height:2;margin:0}.feature-row{display:flex;flex-wrap:wrap;gap:23px;margin-top:43px}.feature{display:flex;align-items:center;gap:10px}.feature-icon{font-size:18px;color:#b69aff;width:33px;height:33px;border:1px solid #b59bff36;border-radius:11px;display:grid;place-items:center}.feature strong,.feature small{display:block}.feature strong{font-size:11px;font-weight:600}.feature small{font-size:10px;color:#817b98;margin-top:5px}.glass-card{background:linear-gradient(145deg,rgba(49,42,81,.86),rgba(30,26,53,.82));border:1px solid rgba(204,184,255,.15);box-shadow:0 22px 60px #0806154d,inset 0 1px 0 #fff1;backdrop-filter:blur(18px)}.welcome-card{width:100%;max-width:355px;justify-self:end;border-radius:22px;padding:27px 30px 24px;position:relative;overflow:hidden}.welcome-card:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-105px;top:-120px;border:1px solid #c4a7ff24;box-shadow:0 0 0 20px #c4a7ff08,0 0 0 40px #c4a7ff05}.card-orbit{height:95px;width:95px;border-radius:50%;border:1px solid #ae93fb46;display:grid;place-items:center;position:relative;margin:0 auto 21px;color:#cbb6ff;font-size:13px;letter-spacing:.14em}.card-orbit:before,.card-orbit:after{content:'';position:absolute;border:1px solid #ae93fb2b;border-radius:50%;inset:11px}.card-orbit:after{inset:-10px 24px;transform:rotate(45deg)}.card-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d3b7ff;box-shadow:0 0 9px #c59dff}.card-orbit i:nth-of-type(1){top:6px;left:28px}.card-orbit i:nth-of-type(2){right:3px;bottom:29px}.card-orbit i:nth-of-type(3){left:9px;bottom:21px}.card-kicker{text-align:center;letter-spacing:.18em;font-size:8px;color:#9388b3}.welcome-card h2{text-align:center;font-size:20px;margin:9px 0}.welcome-card>p{text-align:center;color:#aaa3bd;font-size:12px;line-height:1.9;margin:0 0 24px}.welcome-card label{display:flex;justify-content:space-between;font-size:11px;color:#d3cce4;margin:0 0 8px}.welcome-card label span{color:#847d9a}.welcome-card input{width:100%;height:44px;border-radius:10px;border:1px solid #ffffff15;background:#ffffff08;color:#fff;padding:0 13px;font-size:12px;outline:none;transition:.2s}.welcome-card input:focus{border-color:#a885ff88;box-shadow:0 0 0 3px #a885ff15}.welcome-card input::placeholder{color:#726b87}.primary-button{border:0;width:100%;height:48px;border-radius:11px;background:linear-gradient(105deg,#9062ed,#7152de);box-shadow:0 8px 22px #7954e437,inset 0 1px #ffffff3b;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 12px 26px #7954e451}.primary-button:active{transform:translateY(0)}.welcome-card .primary-button{margin-top:14px}.primary-button span{font-size:17px;font-weight:400}.privacy-note{text-align:center;color:#8982a0;font-size:9px;margin-top:15px}.privacy-note span{color:#bca2ff;margin-right:4px}.disclaimer{grid-column:1/-1;text-align:center;color:#6f6884;font-size:10px;margin-top:15px}.quiz-shell{max-width:840px;min-height:calc(100vh - 125px);margin:auto;padding:25px 28px 60px}.quiz-toolbar{display:flex;justify-content:space-between;align-items:center}.text-button{background:transparent;border:0;color:#a9a2bd;font-size:12px;cursor:pointer;padding:8px 0}.text-button:hover{color:#e1d7ff}.progress-wrap{margin:90px 0 49px}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#827b99;margin-bottom:12px}.timer{display:flex;align-items:center;gap:8px}.timer-icon{font-size:15px;color:#c3adff}.question-count b{color:#d4c7fa;font-weight:600}.progress-track{width:100%;height:4px;background:#ffffff11;border-radius:10px;overflow:hidden}.progress-fill{height:100%;width:1%;border-radius:10px;background:linear-gradient(90deg,#b17bff,#7963fa);box-shadow:0 0 15px #a176ff;transition:width .35s}.question-content{max-width:680px;margin:auto}.dimension-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #b899ff30;border-radius:99px;color:#b9a5f1;font-size:11px;background:#9b78ff0c}.pill-dot{width:5px;height:5px;background:#b08cff;border-radius:50%;box-shadow:0 0 8px #b08cff}.dimension-letters{opacity:.66;border-left:1px solid #9c87cc55;padding-left:8px;margin-left:1px}.question-index{font-size:9px;letter-spacing:.2em;color:#6f6887;margin-top:26px}.question-content h1{font-size:clamp(22px,3vw,29px);line-height:1.55;margin:9px 0 3px;font-weight:600}.question-hint{color:#8c85a0;font-size:12px;margin:0 0 25px}.option-list{display:grid;gap:12px}.option-card{width:100%;text-align:left;min-height:67px;padding:17px 20px;border:1px solid rgba(205,185,255,.13);border-radius:13px;background:rgba(255,255,255,.045);font-size:14px;color:#e5dfef;cursor:pointer;display:flex;align-items:center;gap:14px;transition:.2s}.option-card:hover{border-color:#a587ef7a;background:rgba(145,111,226,.1);transform:translateY(-1px)}.option-marker{width:22px;height:22px;border:1px solid #9c8bbf72;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10px;color:#aaa0c3}.option-card:hover .option-marker{border-color:#bb9dff;color:#c6aaff}.option-card.chosen{border-color:#b192ff;background:linear-gradient(100deg,#9a76ff25,#9172e911);box-shadow:0 0 0 2px #a87dff10}.option-card.chosen .option-marker{background:#a47bff;border-color:#a47bff;color:#fff}.quiz-foot{display:flex;justify-content:space-between;color:#6f6983;font-size:10px;margin-top:28px}.paywall-screen{padding:44px 24px 60px}.result-shell{max-width:900px;margin:0 auto}.result-heading{text-align:center;margin-bottom:30px}.result-heading .eyebrow{justify-content:center}.complete-orb{width:43px;height:43px;border-radius:50%;margin:22px auto 13px;display:grid;place-items:center;color:#d0bfff;border:1px solid #b79aff55;background:#a17cff14;font-size:18px;box-shadow:0 0 24px #9a72ff22}.result-heading h1,.final-result-shell>h1{font-size:29px;margin:0 0 9px}.result-heading p{color:#9a93ae;font-size:12px;margin:0}.locked-report{border-radius:19px;display:grid;grid-template-columns:.75fr 1.25fr;overflow:hidden}.report-preview{position:relative;min-height:400px;background:radial-gradient(ellipse at 50% 28%,#514178,#2a2345 62%,#201b36);padding:27px;overflow:hidden}.report-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;color:#b3a6d4}.lock-badge{border:1px solid #fff2;border-radius:20px;padding:5px 8px;letter-spacing:0;font-size:9px}.blurred-type{font-size:75px;font-weight:700;letter-spacing:.07em;text-align:center;margin-top:54px;color:#dfd1ff;filter:blur(8px);opacity:.88}.report-lines{display:grid;gap:12px;margin:24px auto;width:74%;filter:blur(5px)}.report-lines i{height:7px;border-radius:6px;background:#c7b4ef5c}.report-lines i:nth-child(2){width:76%}.report-lines i:nth-child(3){width:88%}.report-blur{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#201a37b3);backdrop-filter:blur(2px)}.report-pitch{padding:33px 38px}.report-kicker{font-size:10px;color:#b59bf0;letter-spacing:.09em}.report-pitch h2{font-size:19px;line-height:1.75;margin:9px 0 21px}.report-pitch ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.report-pitch li{font-size:11px;color:#c3bdd0}.report-pitch li span{color:#9d82e5;font-size:9px;margin-right:9px}.price-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:19px;border-top:1px solid #fff1}.price-caption{font-size:9px;color:#9690a8}.price{font-size:30px;font-weight:700;letter-spacing:-.04em;margin-top:2px}.price small,.modal-amount small{font-size:14px;font-weight:500;letter-spacing:0;margin-right:2px}.one-time{font-size:9px;border:1px solid #b39aff38;color:#bca8ee;border-radius:20px;padding:6px 9px}.unlock-button{margin-top:11px}.payment-note{text-align:center;font-size:9px;color:#89829c;margin-top:12px}.payment-note span{margin-right:4px;color:#a996dc}.payment-disclaimer{text-align:center;color:#716a84;font-size:9px;margin:17px 0}.final-result-shell{max-width:690px;padding:45px 22px 75px}.final-result-shell>.eyebrow{justify-content:center}.final-result-shell>h1{text-align:center;margin:11px 0 25px}.type-card{border-radius:18px;text-align:center;padding:35px 24px;margin-bottom:14px;position:relative;overflow:hidden}.type-card:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #bc9eff1a;border-radius:50%;left:50%;top:-180px;transform:translateX(-50%);box-shadow:0 0 0 30px #bc9eff08,0 0 0 60px #bc9eff05}.type-overline{color:#a69bbd;font-size:10px;letter-spacing:.12em}.type-code{font-size:64px;font-weight:700;letter-spacing:.1em;color:#d6c5ff;margin:9px 0;text-shadow:0 0 28px #ae8dff5e}.type-card h2{font-size:16px;margin:0 0 8px}.type-card p{color:#aaa3bd;font-size:12px;margin:0}.dimension-results,.insight-card{border-radius:16px;padding:23px 25px;margin-bottom:14px}.dimension-results h2,.insight-card h2{font-size:14px;margin:0 0 20px}.dimension-row{display:grid;grid-template-columns:82px 1fr 82px;align-items:center;gap:12px;margin:16px 0}.dimension-side{font-size:10px;color:#a39bb5}.dimension-side strong{display:block;color:#dfd6ed;font-size:11px;margin-bottom:4px}.dimension-side.right{text-align:right}.dimension-bar{height:7px;background:#ffffff12;border-radius:8px;position:relative;overflow:hidden}.dimension-bar span{position:absolute;height:100%;background:linear-gradient(90deg,#8560de,#b18aff);border-radius:8px}.insight-card .eyebrow{font-size:8px;margin-bottom:9px}.insight-card h2{margin-bottom:10px}.insight-card p{font-size:11px;color:#aaa3bd;line-height:1.9;margin:8px 0}.result-disclaimer{text-align:center;line-height:1.8}.restart-button{display:block;margin:18px auto;color:#aa9cc9}.modal-backdrop{position:fixed;inset:0;background:#080711bb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:5}.payment-modal{width:min(100%,390px);border-radius:20px;padding:31px 30px 25px;text-align:center;position:relative}.modal-close{position:absolute;right:17px;top:12px;border:0;background:transparent;color:#aaa2ba;font-size:23px;cursor:pointer}.modal-icon{width:42px;height:42px;border-radius:13px;background:#9f7aff1c;border:1px solid #b998ff3d;color:#d4c1ff;display:grid;place-items:center;margin:0 auto 17px;font-weight:600}.payment-modal .eyebrow{justify-content:center;font-size:8px}.payment-modal h2{font-size:18px;margin:10px 0 6px}.modal-subtitle{font-size:10px;color:#958da6;margin:0}.modal-amount{font-size:40px;font-weight:700;margin:15px 0 20px}.modal-amount small{font-size:17px}.modal-footnote{font-size:9px;line-height:1.7;color:#89829c;margin:13px 0 0}.toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);z-index:6;padding:12px 17px;border:1px solid #fff2;border-radius:10px;background:#29233d;color:#eee8fa;font-size:11px;box-shadow:0 10px 30px #0005;max-width:calc(100% - 32px);text-align:center}.site-footer{height:48px;max-width:1160px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:#6f6882;font-size:9px;position:relative;z-index:1}.footer-dot{color:#a28ade;margin:0 3px}
@media(max-width:800px){.welcome-screen{column-gap:35px;padding-top:45px}.feature-row{gap:15px}.feature{gap:7px}.feature strong{font-size:10px}.feature small{font-size:9px}.welcome-card{padding:24px}.report-pitch{padding:27px}.report-preview{min-height:370px}}@media(max-width:620px){.topbar{height:62px;padding:0 20px}.topbar-right{font-size:10px}.welcome-screen{display:flex;flex-direction:column;align-items:stretch;min-height:unset;padding:54px 22px 35px;gap:36px}.welcome-copy h1{font-size:36px;margin:17px 0 14px}.intro{font-size:12px}.feature-row{gap:16px;margin-top:27px}.feature{min-width:calc(50% - 10px)}.welcome-card{justify-self:auto;max-width:none;padding:22px 25px}.card-orbit{height:77px;width:77px;margin-bottom:15px}.welcome-card>p{margin-bottom:18px}.disclaimer{margin-top:0}.quiz-shell{min-height:calc(100vh - 108px);padding:20px 20px 45px}.progress-wrap{margin:69px 0 39px}.question-content h1{font-size:23px}.option-card{font-size:13px;min-height:65px;padding:14px}.quiz-foot{font-size:9px}.paywall-screen{padding:34px 18px 48px}.result-heading h1{font-size:25px}.locked-report{grid-template-columns:1fr}.report-preview{min-height:190px;padding:19px}.blurred-type{font-size:57px;margin-top:10px}.report-lines{margin-top:4px}.report-pitch{padding:25px 23px}.report-pitch h2{font-size:17px}.result-heading{margin-bottom:22px}.final-result-shell{padding:34px 18px 60px}.dimension-results,.insight-card{padding:20px 17px}.dimension-row{grid-template-columns:70px 1fr 70px;gap:8px}.payment-modal{padding:29px 23px 23px}.site-footer{padding:0 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.wechat-icon{background:#1e9a5b1c;border-color:#55c7864a;color:#7be6a6;font-size:15px}.qr-wrap{width:190px;margin:-6px auto 18px;padding:10px;background:#fff;border-radius:13px;color:#554d68;font-size:9px}.qr-wrap img{display:block;width:170px;height:170px;image-rendering:pixelated}.qr-wrap span{display:block;padding:7px 0 1px;text-align:center}.payment-modal .primary-button:disabled{opacity:.7;cursor:wait;transform:none}