@charset "UTF-8";
:root{--bg:#092d28;--gold:#edcf8b;--cream:#faf3df;--muted:#a4bbb1;--line:#dbd7ac26;font-family:"Microsoft JhengHei","PingFang TC",sans-serif;color:var(--cream);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 82% 25%,#31534777,transparent 48%),radial-gradient(ellipse at 5% 90%,#34504255,transparent 50%);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe4a1;outline-offset:5px}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#ffe0a6 1px,transparent 1px);background-size:91px 113px;mask-image:linear-gradient(transparent,#000);z-index:-1}header{max-width:1320px;margin:auto;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-family:serif;font-size:21px}.seal{border:1px solid #ddc07d88;border-radius:12px;padding:12px 6px;color:var(--gold);font-size:19px}.brand small{display:block;font:8px sans-serif;letter-spacing:2.5px;margin-top:6px;color:var(--muted)}.edition{font-size:12px;letter-spacing:2px;color:var(--muted)}.edition i{font-style:normal;font-size:10px;margin-left:20px;color:var(--gold)}main{max-width:1236px;margin:auto;padding:0 36px;min-height:72vh}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;gap:20px}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:4px;margin:0 0 30px}h1{font-family:"Noto Serif TC","PMingLiU",serif;font-weight:500;font-size:clamp(42px,5.3vw,72px);line-height:1.35;margin:0 0 22px;letter-spacing:3px}h1 span{color:var(--gold)}.lead{font-size:21px;letter-spacing:2px;margin:0 0 17px}.description{color:var(--muted);font-size:15px;line-height:2.1;margin-bottom:29px}.primary{border:1px solid #f3d69a;background:linear-gradient(110deg,#efdaa8,#d8b571);color:#15392e;min-height:56px;padding:16px 26px;border-radius:100px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:0 7px 32px #eed28a15;transition:transform .2s}.primary:hover{transform:translateY(-3px)}.primary:disabled{opacity:.4;cursor:default;transform:none}.micro{font-size:11px;color:var(--muted);margin-top:18px;letter-spacing:1px}.micro b{padding:0 9px;font-weight:400}.universe{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e7d49d22;border-radius:50%;width:94%;height:94%;transform:rotate(-20deg)}.o2{width:76%;height:76%;border-style:dashed;animation:spin 110s linear infinite}.o3{width:58%;height:58%;box-shadow:0 0 90px #eacf6b13}.o1:before,.o2:before{content:"";position:absolute;top:20%;left:8%;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 20px 5px #eacf6b55}.sun{width:43%;height:43%;border-radius:50%;border:1px solid #e8d39a77;background:radial-gradient(circle at 35% 28%,#a4ad7344,#d5bd6633 30%,#294537 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 80px #e5ce6030,inset 0 0 35px #e4cf8b19;animation:breathe 7s ease-in-out infinite}.sun>span{font-family:serif;font-size:clamp(64px,8vw,106px);color:#efdda4;text-shadow:0 0 28px #ffe4a633}.sun small{font-size:10px;letter-spacing:3px;color:#ddcca2;margin-top:8px}.thought{position:absolute;background:#d8e4cb0d;backdrop-filter:blur(12px);border:1px solid #e5e5bd30;box-shadow:0 12px 22px #00171130;border-radius:12px;padding:16px 20px;font-size:13px;color:#d4d9c8;animation:float 8s ease-in-out infinite}.thought b{background:#c48265;border-radius:10px;padding:3px 6px;margin-left:8px;font-size:10px;color:white}.t1{left:0;top:21%;transform:rotate(-8deg)}.t2{right:-1%;top:36%;animation-delay:-2s}.t3{left:4%;bottom:20%;animation-delay:-4s}.t4{right:4%;bottom:19%;animation-delay:-6s}.universe-caption{position:absolute;bottom:-10px;letter-spacing:5px;font-size:13px;color:var(--gold)}.intro-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:12px;letter-spacing:1px}.intro-bottom p{margin:0}.spark{font-size:28px;color:var(--gold)}.mobile{display:none}footer{text-align:center;font-size:10px;color:#91a99c;padding:28px 18px;line-height:1.8;letter-spacing:1px}footer span{padding:0 12px;color:var(--gold)}.quiz{max-width:820px;margin:42px auto;animation:appear .4s ease both}.journey{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:13px}.journey strong{color:var(--gold);font-size:15px}.track{height:3px;background:#ffffff13;border-radius:3px;margin-bottom:30px}.track span{display:block;background:var(--gold);height:100%;transition:width .5s;box-shadow:0 0 15px #f3d79b66}.scene{display:flex;align-items:center;gap:24px;margin-bottom:28px}.scene-icon{flex:0 0 82px;height:82px;display:grid;place-items:center;border:1px solid #d5c38940;background:radial-gradient(#dbc97822,transparent);border-radius:24px;font-size:40px;transform:rotate(-4deg)}.scene .eyebrow{margin-bottom:10px;font-size:10px}.scene h2{font-family:serif;font-weight:500;font-size:29px;line-height:1.5;margin:0;letter-spacing:1px}.context{font-size:15px;color:#bdcdc2;line-height:1.9;margin:0 0 25px}.options{display:grid;gap:12px}.option{width:100%;text-align:left;display:flex;align-items:center;gap:17px;padding:19px 22px;border:1px solid #dfdfbf29;border-radius:15px;color:var(--cream);background:linear-gradient(110deg,#d4e4cc0a,#d4e4cc04);font-size:15px;line-height:1.7;transition:.2s}.option:hover{background:#e3d8ab12;border-color:#e5d29570;transform:translateX(3px)}.option .letter{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #c8d5bd40;border-radius:50%;font:12px Georgia;color:var(--gold)}.option.selected{border-color:var(--gold);background:#e4c88918}.option.selected .letter{background:var(--gold);color:#163e30}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.text-button{border:0;background:none;color:var(--muted);padding:12px 0;font-size:13px}.text-button:disabled{opacity:.3;cursor:default}.quiet-hint{text-align:center;font-size:11px;color:var(--muted);margin:25px 0 0;letter-spacing:2px}.result{max-width:960px;margin:40px auto;animation:appear .7s both}.result-top{text-align:center}.result-top .eyebrow{margin-bottom:15px}.score-ring{width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d9c49066;margin:25px auto;background:radial-gradient(#d8c7771a,transparent);box-shadow:0 0 40px #d7c47014}.score-ring strong{font:52px Georgia;color:var(--gold)}.score-ring small{font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:7px}.result h1{font-size:44px;margin:15px 0}.result-sub{font-size:18px;line-height:1.8;color:#e0d8bd}.result-body{max-width:620px;margin:22px auto;color:#b9c9bd;font-size:15px;line-height:2}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.glass{border:1px solid #e4d9af29;border-radius:20px;padding:25px;background:#dbe9d007}.glass label{color:var(--gold);font-size:11px;letter-spacing:3px}.glass p{font-size:14px;line-height:1.9;color:#c3cec0;margin-bottom:0}.action-card{grid-column:1/-1;background:linear-gradient(120deg,#cdb16e18,#dfdfa005)}.action-card h3{font-family:serif;font-size:23px;font-weight:400;color:#efdbac}.quote{text-align:center;font-family:serif;font-size:25px;letter-spacing:2px;padding:25px 0;color:var(--gold)}.dimension{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:17px;color:#bdcbbb}.dimension>span{min-width:65px}.bar{height:5px;background:#fff1;flex:1;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:#d8c188}.dimension small{width:25px;text-align:right}.course{margin-top:25px;padding:30px;border:1px solid #d5c18a66;border-radius:20px;background:linear-gradient(120deg,#d3c48e20,#214936);display:flex;gap:30px;align-items:center;justify-content:space-between}.course h3{font-family:serif;font-size:27px;font-weight:400;margin:10px 0}.course p{font-size:13px;color:var(--muted);line-height:1.9;max-width:530px}.course .primary{white-space:nowrap;font-size:13px;gap:15px}.result-actions{text-align:center;margin-top:22px;display:flex;justify-content:center;gap:28px}.disclaimer{font-size:10px;color:#90a799;line-height:1.9;max-width:650px;text-align:center;margin:25px auto}dialog{max-width:460px;width:calc(100% - 32px);border:1px solid #d9c08866;border-radius:24px;background:#123c32;color:var(--cream);padding:32px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#02160dde;backdrop-filter:blur(6px)}dialog p{color:#bbcdbf;line-height:1.9;font-size:14px}dialog .primary{width:100%;font-size:14px}dialog h2{font-family:serif;font-weight:400}.dialog-close{display:block;margin:15px auto 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;border:1px solid #d5c18a;border-radius:30px;background:#244e3f;color:var(--cream);font-size:13px;z-index:10;max-width:90%;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 110px #e5ce6040,inset 0 0 35px #e4cf8b19}}@keyframes float{50%{translate:0 -12px}}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:1500px){.intro{min-height:720px}}@media(max-width:700px){header{padding:18px 22px}.brand{font-size:17px}.brand small{font-size:6px}.seal{font-size:16px;padding:10px 5px}.edition{font-size:10px}.edition i{display:none}main{padding:0 23px}.intro{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:38px}.intro-copy{width:100%}.eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:3px}h1{font-size:46px}.lead{font-size:18px}.description{font-size:13px;line-height:1.9;margin-bottom:23px}.intro .primary{width:100%}.micro{text-align:center}.universe{width:87%;max-width:370px;margin:15px auto 35px}.sun>span{font-size:66px}.sun small{font-size:8px;letter-spacing:1px}.thought{font-size:10px;padding:11px 12px}.t1{left:-5%}.t2{right:-6%}.universe-caption{font-size:10px;bottom:-5px}.intro-bottom{font-size:10px;gap:12px}.intro-bottom>span:first-child{max-width:95px;line-height:1.8}.mobile{display:block}footer{font-size:9px;padding:20px 17px}footer span{padding:0 5px}.quiz{margin:27px auto}.scene{gap:14px;margin-bottom:20px}.scene-icon{flex-basis:58px;height:58px;font-size:29px;border-radius:17px}.scene h2{font-size:22px}.scene .eyebrow{font-size:9px;letter-spacing:2px}.context{font-size:13px}.option{padding:15px 14px;font-size:13px;gap:12px;min-height:75px}.quiz-nav .primary{font-size:13px;gap:25px;padding:13px 22px;min-height:49px}.result{margin:30px auto}.result h1{font-size:34px}.result-sub{font-size:16px}.result-body{font-size:13px;text-align:left}.result-grid{grid-template-columns:1fr}.glass{padding:21px}.glass p{font-size:13px}.quote{font-size:21px}.course{display:block;padding:23px}.course .primary{width:100%;margin-top:12px}.result-actions{gap:22px}.score-ring{width:125px;height:125px}.score-ring strong{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mini-sky{height:70px;position:relative;width:100px;margin:-18px auto 18px}.mini-sky b{position:absolute;left:42px;top:24px;font:19px serif;color:var(--gold);font-weight:400}.mini-sky i{position:absolute;left:48px;top:34px;width:3px;height:3px;border-radius:50%;background:#a5bcb1;transform:rotate(calc(var(--i)*30deg)) translateX(var(--r));transition:transform .8s,background .8s,box-shadow .8s}.mini-sky i.lit{background:#ffe3a2;box-shadow:0 0 10px 2px #ead18c66}.result-top h1{color:var(--gold)}@media(max-width:700px){.mini-sky{height:60px;margin:-17px auto 16px}.result-actions{gap:15px}.result-actions button{font-size:11px}}