:root{--bg:#f7f6ef;--ink:#193e36;--muted:#747c70;--line:#dce0d4;--pink:#edb0a4;--lime:#dce9ad;--cream:#eeedde;--serif:Georgia,'Songti SC','STSong','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.75}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c37460;outline-offset:5px}::selection{background:var(--pink);color:var(--ink)}.header{height:96px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--bg)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3.3px;margin-top:5px}.brand-symbol{font-size:45px;font-weight:400;line-height:1}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.header nav a:hover{opacity:.6}.nav-cta{border:1px solid var(--ink);background:transparent;border-radius:30px;padding:11px 22px}.nav-cta span{margin-left:18px}.wrap{max-width:1250px;padding:0 48px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;display:flex;gap:12px;align-items:center;font-weight:600}.eyebrow:before{content:'';width:7px;height:7px;border-radius:100%;background:currentColor}.hero{min-height:660px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;padding-top:65px;padding-bottom:78px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5vw,76px);line-height:1.26;letter-spacing:-2px;margin:26px 0}.hero h1 em{font-style:normal;position:relative;white-space:nowrap}.hero h1 em:after{content:'';height:12px;background:var(--pink);position:absolute;bottom:7px;left:0;right:0;z-index:-1;transform:rotate(-2deg)}.hero .lead{max-width:385px;font-size:15px;color:var(--muted);margin:0 0 29px;line-height:2}.primary{background:var(--ink);color:#fff;border-radius:40px;padding:16px 30px;display:inline-flex;align-items:center;justify-content:center;gap:36px;font-size:14px;transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-3px);box-shadow:0 9px 20px #193e3620}.primary .arrow{font-size:21px;line-height:1}.secondary{border:1px solid var(--line);background:transparent;border-radius:40px;padding:14px 24px;transition:background .2s}.secondary:hover{background:var(--cream)}.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.continue{font-size:12px;text-decoration:underline;background:transparent}.micro{font-size:11px;color:var(--muted);letter-spacing:.5px;margin-top:17px}.art{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;width:390px;height:390px;max-width:100%;border-radius:50%;background-image:linear-gradient(#193e3607 1px,transparent 1px),linear-gradient(90deg,#193e3607 1px,transparent 1px);background-size:27px 27px;border:1px solid #193e3610}.orbit{width:395px;height:395px;max-width:100%;border:1px dashed #bfc9b5;border-radius:50%;position:absolute;animation:orbit 65s linear infinite}.orbit:after{content:'';width:10px;height:10px;background:var(--pink);position:absolute;top:52px;left:52px;border-radius:50%}.blob{position:absolute;width:205px;height:265px;border-radius:46% 46% 42% 42%;display:flex;align-items:center;justify-content:center;box-shadow:inset -12px -15px 30px #193e3607;animation:float 7s ease-in-out infinite;transform-origin:center bottom}.blob.green{background:#b9ca96;left:calc(50% - 158px);top:103px;rotate:-13deg}.blob.pink{background:var(--pink);left:calc(50% - 13px);top:72px;rotate:14deg;animation-delay:-3s}.face{position:relative;width:70px;height:40px;margin-top:15px}.face:before,.face:after{content:'';position:absolute;top:6px;height:9px;width:5px;border-radius:50%;background:var(--ink)}.face:before{left:15px}.face:after{right:15px}.smile{position:absolute;width:17px;height:9px;border-bottom:2px solid var(--ink);border-radius:0 0 100% 100%;top:23px;left:27px}.blush{position:absolute;top:18px;width:11px;height:5px;border-radius:50%;background:#f3c9ba;left:4px}.art-heart{font-family:var(--serif);position:absolute;font-size:35px;top:94px;left:calc(50% - 33px);rotate:15deg;animation:heartbeat 3s infinite}.art-note{position:absolute;background:#fffdf7;border:1px solid var(--line);padding:11px 17px;border-radius:10px;box-shadow:0 10px 20px #193e3606;font-size:12px;z-index:3}.note-a{left:0;top:73px;rotate:-7deg;animation:float 8s ease-in-out infinite}.note-b{bottom:20px;right:0;rotate:5deg;animation:float 8s -4s ease-in-out infinite}.art-caption{position:absolute;bottom:-5px;font-family:var(--serif);font-size:14px;font-style:italic;color:#8a9581}.star{position:absolute;font-size:30px;right:13px;top:75px;animation:twinkle 5s infinite}.hero-index{position:absolute;right:0;bottom:84px;font-size:10px;writing-mode:vertical-rl;letter-spacing:2px;color:var(--muted)}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:17px 0;white-space:nowrap;font-size:11px;letter-spacing:2px}.ribbon-track{display:flex;width:max-content;animation:marquee 42s linear infinite;gap:40px}.ribbon span{padding:0 10px}.ribbon b{font-size:17px;font-weight:400;color:#9ca98d}.section{padding:92px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,44px);font-weight:400;margin:12px 0 0;line-height:1.4}.section-head p{color:var(--muted);font-size:13px;max-width:320px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.type-card{border:1px solid var(--line);padding:26px 22px 22px;border-radius:7px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s;min-height:330px;background:#f1f2e7}.type-card:nth-child(2){background:#f6e9df}.type-card:nth-child(3){background:#e7eceb}.type-card:nth-child(4){background:#eae7f0}.type-card:hover{transform:translateY(-8px);box-shadow:0 14px 25px #193e3608}.type-code{font-size:10px;letter-spacing:2px;color:#657367;display:flex;justify-content:space-between}.mini-art{height:120px;display:grid;place-items:center}.mini-art .shape{width:76px;height:84px;background:#c1d39e;border-radius:42px 42px 30px 30px;position:relative;display:grid;place-items:center;animation:breathe 6s infinite}.type-card:nth-child(2) .shape{background:#edb0a4;border-radius:50% 50% 15% 50%;rotate:-12deg}.type-card:nth-child(3) .shape{background:#a9bfc2;border-radius:25px}.type-card:nth-child(4) .shape{background:#c6bbd6;border-radius:50% 25% 50% 25%;rotate:10deg}.shape .face{scale:.7;margin:0}.type-card h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:4px 0}.type-card p{font-size:12px;color:#687569;margin:9px 0 22px;line-height:1.9}.card-link{border-top:1px solid #193e3614;display:flex;justify-content:space-between;padding-top:12px;font-size:11px}.quote-block{display:grid;grid-template-columns:.7fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:65px}.quote-block blockquote{font-family:var(--serif);font-size:30px;line-height:1.8;margin:0}.quote-block p{color:var(--muted);font-size:14px;line-height:2}.dark-section{background:var(--ink);color:var(--bg);padding:70px 0}.dark-section .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.dark-section h2{font-family:var(--serif);font-size:35px;font-weight:400;margin:0 0 12px}.dark-section p{font-size:13px;color:#c0cbb8}.dark-section .primary{background:var(--lime);color:var(--ink);white-space:nowrap}footer{max-width:1250px;margin:auto;padding:45px 48px 30px;color:var(--muted);font-size:11px}.footer-brand{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:2px}.footer-brand span{font-size:11px;margin-left:12px;letter-spacing:1px}footer>div{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;flex-wrap:wrap}footer>div>span{margin-left:auto}.text-button{border:0;background:transparent;padding:0;font-size:inherit;color:inherit;text-decoration:underline}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.page-enter{animation:pageIn .65s ease both}.reading-progress{position:fixed;top:0;height:3px;background:var(--pink);width:0;z-index:20}#toast{position:fixed;bottom:28px;left:50%;translate:-50% 0;background:var(--ink);color:white;padding:13px 24px;border-radius:30px;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s;max-width:90vw;white-space:nowrap;font-size:12px}#toast.show{opacity:1}.quiz-shell{max-width:800px;min-height:75vh;margin:0 auto;padding:52px 30px 80px}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}.quiz-top button{background:none;text-decoration:underline;font-size:12px;letter-spacing:0}.progress-track{height:4px;background:#e4e6da;margin:20px 0 44px;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--ink);transition:width .55s ease;border-radius:10px}.question-meta{font-size:11px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:15px}.question-meta .num{font-family:var(--serif);font-size:43px;color:#a8b495;letter-spacing:-2px}.question-card h1{font-family:var(--serif);font-weight:400;font-size:clamp(25px,3.2vw,35px);line-height:1.7;margin:18px 0 10px;min-height:110px}.question-hint{color:var(--muted);font-size:12px;margin:0 0 28px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:17px;text-align:left;border:1px solid var(--line);background:#fbfaf5;padding:15px 20px;border-radius:9px;transition:background .2s,border-color .2s,transform .2s;font-size:14px}.option:hover{transform:translateX(4px);border-color:#a7b69d}.option .radio{width:22px;height:22px;border:1px solid #bec7b7;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.option.selected{background:var(--ink);color:white;border-color:var(--ink)}.option.selected .radio{background:var(--lime);border-color:var(--lime);color:var(--ink)}.option small{margin-left:auto;opacity:.5;font-size:10px}.quiz-controls{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.quiz-foot{color:var(--muted);font-size:11px;text-align:center;margin-top:35px}.question-anim{animation:questionIn .35s ease both}.finish-screen{text-align:center;padding:90px 0}.spinner-art{width:120px;height:120px;border:1px solid #aebd9d;border-radius:50%;margin:0 auto 30px;position:relative;animation:orbit 3s linear infinite}.spinner-art:before,.spinner-art:after{content:'';position:absolute;width:60px;height:80px;border-radius:50%;background:var(--pink);top:20px;left:13px}.spinner-art:after{background:#bdcf9e;left:48px;mix-blend-mode:multiply}.finish-screen h1{font-family:var(--serif);font-weight:400;font-size:31px}.finish-screen p{color:var(--muted);font-size:13px}.results{padding:55px 0 80px}.result-kicker{text-align:center;font-size:11px;letter-spacing:3px;color:var(--muted)}.result-hero{text-align:center;padding:25px 0 45px}.result-hero h1{font-family:var(--serif);font-size:clamp(40px,6vw,64px);font-weight:400;margin:10px 0}.result-hero .result-en{font-size:10px;letter-spacing:4px;color:var(--muted)}.result-hero .result-quote{font-family:var(--serif);font-size:20px;margin:20px 0;color:#698064}.tag-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tag{padding:5px 12px;border:1px solid var(--line);font-size:11px;border-radius:20px}.result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:10px;padding:30px;background:#fbfaf5}.panel h2{font-size:19px;font-family:var(--serif);font-weight:400;margin:0 0 8px}.panel .caption{font-size:11px;color:var(--muted);margin:0 0 22px}.map-shell{position:relative;padding:20px 0 25px 30px;margin:0 auto;max-width:420px}.map{position:relative;aspect-ratio:1.2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:1px solid #d4dacd;border-radius:10px;overflow:hidden}.quadrant{padding:20px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e5ebdf;color:#657c5e}.quadrant small{font-size:9px;opacity:.7}.quadrant:nth-child(2){background:#ece4ef;color:#8c789b}.quadrant:nth-child(3){background:#edf1da;color:#7c8d55}.quadrant:nth-child(4){background:#f4e2d9;color:#b27b6a}.map:before{content:'';height:100%;width:1px;background:#ffffffd0;left:50%;position:absolute}.map:after{content:'';height:1px;width:100%;background:#ffffffd0;top:50%;position:absolute}.point{width:17px;height:17px;border:4px solid #fff;background:var(--ink);border-radius:50%;position:absolute;translate:-50% -50%;z-index:2;box-shadow:0 0 0 6px #193e3619;animation:pointIn 1s ease both,pulse 3s 1s infinite}.axis-x{text-align:center;font-size:10px;color:var(--muted);margin-top:10px}.axis-y{position:absolute;left:-9px;top:45%;writing-mode:vertical-rl;font-size:10px;color:var(--muted);transform:rotate(180deg)}.chart-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:15px}.score-block{padding:22px 0;border-bottom:1px solid var(--line)}.score-block:first-of-type{padding-top:8px}.score-label{display:flex;align-items:center;justify-content:space-between;font-size:13px}.score-label strong{font-family:var(--serif);font-size:34px;font-weight:400}.score-label strong small{font-family:Arial;font-size:12px;color:var(--muted)}.score-bar{height:8px;border-radius:10px;background:#e6e8dc;margin:10px 0 12px;overflow:hidden}.score-bar span{display:block;height:100%;width:var(--score);border-radius:10px;background:#b0c88c;animation:barIn 1.3s ease both}.score-block:nth-of-type(2) .score-bar span{background:var(--pink)}.score-block p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.border-note{background:#efefdf;border-radius:8px;padding:16px 20px;font-size:12px;margin-top:22px;color:#68745a}.analysis-section{padding-top:55px}.analysis-section h2{font-family:var(--serif);font-size:30px;font-weight:400;margin-bottom:24px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight{padding:28px;border:1px solid var(--line);border-radius:10px}.insight .insight-num{font-family:var(--serif);font-size:29px;color:#a2b18d}.insight h3{font-size:16px;font-weight:500;margin:12px 0}.insight p{font-size:13px;color:var(--muted);line-height:2}.script-card{background:var(--ink);color:#f5f4ed;padding:32px;border-radius:10px;margin-top:25px;display:grid;grid-template-columns:.45fr 1fr;gap:30px;align-items:center}.script-card small{font-size:10px;letter-spacing:2px;color:#c2cdb7}.script-card h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:10px 0}.script-card blockquote{font-family:var(--serif);font-size:20px;line-height:1.9;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:1px solid var(--line);padding:20px 10px 0 0}.step small{font-size:10px;letter-spacing:2px;color:var(--muted)}.step h3{font-size:15px;font-weight:500}.step p{font-size:12px;color:var(--muted);line-height:1.9}.pair-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pair-item{background:#eeeee3;padding:22px;border-radius:8px}.pair-item h3{font-size:14px;margin:0 0 8px}.pair-item p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:44px 0 15px}.fine-print{color:var(--muted);font-size:11px;line-height:1.9;text-align:center;max-width:730px;margin:20px auto}.detail-wrap{max-width:900px;margin:auto;padding:60px 30px 80px}.detail-wrap>h1{font-family:var(--serif);font-size:43px;font-weight:400;margin:18px 0}.detail-wrap .intro{font-size:15px;color:var(--muted);line-height:2}.type-detail{padding:35px;border:1px solid var(--line);border-radius:10px;margin:25px 0;background:#faf9f3;scroll-margin-top:30px}.type-detail h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:10px 0}.type-detail h3{font-size:14px;font-weight:600;margin-top:24px}.type-detail p{font-size:13px;color:var(--muted);line-height:2}.type-detail .detail-quote{font-family:var(--serif);color:var(--ink);font-size:19px}.guide details{border-bottom:1px solid var(--line);padding:22px 0}.guide summary{cursor:pointer;font-size:16px}.guide details p,.guide li{color:var(--muted);font-size:13px;line-height:2}.guide a{text-decoration:underline}.guide table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.guide td,.guide th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.empty{text-align:center;padding:100px 20px}.empty h1{font-family:var(--serif);font-weight:400}.loading-mask{position:fixed;inset:0;background:var(--bg);z-index:15;display:grid;place-items:center}.loading-mask[hidden]{display:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes heartbeat{0%,65%,100%{scale:1}75%{scale:1.12}85%{scale:1}}@keyframes breathe{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes twinkle{50%{opacity:.4;rotate:40deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes questionIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes pointIn{from{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes pulse{50%{box-shadow:0 0 0 12px #193e3606}}@keyframes barIn{from{width:0}to{width:var(--score)}}@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:900px){.wrap{padding:0 28px}.hero{gap:0;grid-template-columns:1fr 1fr;min-height:610px}.hero h1{font-size:49px}.blob{width:160px;height:220px}.blob.green{left:calc(50% - 130px);top:128px}.blob.pink{left:calc(50% - 10px);top:101px}.art-grid,.orbit{width:300px;height:300px}.note-a{left:0;top:88px;font-size:10px}.note-b{bottom:50px;font-size:10px}.art-heart{top:120px}.type-grid{grid-template-columns:repeat(2,1fr)}.type-card{min-height:300px}.quote-block{gap:35px}.result-grid{grid-template-columns:1fr 1fr}.panel{padding:22px}.quadrant{padding:12px}.insight-grid{gap:12px}.insight{padding:20px}}@media(max-width:650px){body{font-size:14px}.header{height:79px;padding:0 22px}.brand{font-size:16px;gap:8px;letter-spacing:1px}.brand-symbol{font-size:34px}.brand small{font-size:8px;letter-spacing:2px}.header nav{gap:12px}.header nav>a{display:none}.nav-cta{font-size:11px;padding:9px 13px}.nav-cta span{margin-left:8px}.wrap{padding:0 22px}.hero{padding-top:40px;padding-bottom:25px;grid-template-columns:1fr;gap:0;min-height:auto}.hero h1{font-size:48px;margin:22px 0;line-height:1.25}.hero .lead{font-size:13px;max-width:320px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px}.primary{padding:15px 25px;font-size:13px}.hero .micro{font-size:10px}.art{height:355px;margin-top:14px}.art-grid,.orbit{width:290px;height:290px}.blob{width:155px;height:205px}.blob.green{top:94px;left:calc(50% - 125px)}.blob.pink{top:66px}.art-heart{top:72px;left:calc(50% - 25px)}.note-a{top:38px;left:6px}.note-b{bottom:18px;right:0}.art-caption{bottom:3px;font-size:12px}.hero-index{bottom:58px;font-size:8px}.ribbon{padding:12px 0;font-size:9px}.section{padding:56px 0}.section-head{display:block;margin-bottom:25px}.section h2{font-size:30px}.section-head p{font-size:12px;margin-top:14px}.type-grid{gap:10px}.type-card{padding:17px 14px;min-height:280px}.type-card h3{font-size:21px}.type-card p{font-size:11px;margin-bottom:16px}.type-code{font-size:8px;letter-spacing:1px}.mini-art{height:105px}.mini-art .shape{scale:.87}.card-link{font-size:10px}.quote-block{grid-template-columns:1fr;gap:15px;padding-top:35px}.quote-block blockquote{font-size:27px}.quote-block p{font-size:12px}.dark-section{padding:45px 0}.dark-section .wrap{display:block}.dark-section h2{font-size:27px}.dark-section .primary{margin-top:15px}footer{padding:35px 22px 25px}footer>div{gap:16px}footer>div>span{margin-left:0;width:100%;font-size:10px}.quiz-shell{padding:32px 22px 45px}.progress-track{margin:18px 0 25px}.question-card h1{font-size:25px;min-height:126px;margin-top:12px}.question-hint{font-size:11px}.option{padding:14px 16px;font-size:13px}.option small{display:none}.quiz-controls{margin-top:24px}.quiz-foot{font-size:10px}.results{padding:35px 0 55px}.result-hero{padding:18px 0 30px}.result-hero .result-quote{font-size:17px}.result-grid,.insight-grid,.steps,.pair-grid{grid-template-columns:1fr}.panel{padding:23px 20px}.map-shell{max-width:360px}.insight{padding:23px}.insight h3{margin:6px 0}.insight-num{float:right}.insight p{margin-bottom:0}.script-card{grid-template-columns:1fr;gap:8px;padding:25px}.script-card blockquote{font-size:17px}.script-card h3{margin:7px 0}.analysis-section{padding-top:35px}.analysis-section h2{font-size:26px}.detail-wrap{padding:38px 22px 55px}.detail-wrap>h1{font-size:34px}.type-detail{padding:24px}.result-actions .primary,.result-actions .secondary{font-size:12px}.result-actions{gap:10px}.finish-screen{padding:65px 0}.guide table{font-size:11px}.guide td,.guide th{padding:9px 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}