@charset "UTF-8";
:root{--green:#216653;--green-dark:#164a3d;--navy:#192d43;--muted:#536661;--aqua:#87ccda;--sage:#edf3e8;--cream:#fbfaf5;--line:#d4dfd5;--yellow:#f4d84f;--body-size:20px;--shadow:0 18px 65px rgba(27,62,48,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",system-ui,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:var(--green);text-underline-offset:5px}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #193e86;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4}button{color:inherit}svg{flex:none}button svg{pointer-events:none}.sch-app{font-size:var(--body-size)}.sch-app[data-font=large]{--body-size:24px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;padding:12px 20px}.skip-link:focus{top:12px}.site-header{max-width:1240px;margin:auto;min-height:122px;display:flex;align-items:center;justify-content:space-between;padding:22px 36px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--navy)}.brand-logo{background:var(--aqua);border-radius:16px;width:174px;height:72px;display:grid;place-items:center;padding:6px 12px}.brand-logo img{display:block;width:100%;height:auto}.brand-title{font-size:1.2em;font-weight:800;letter-spacing:.08em}.brand-title>span{display:block;font-size:.58em;font-weight:500;letter-spacing:.12em;margin-top:1px;color:var(--muted)}.reading-tools{display:flex;align-items:center;gap:7px;font-size:.8em;white-space:nowrap}.reading-label{margin-right:4px;color:var(--muted)}.reading-tools button{min-height:46px;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:white;font-weight:700}.reading-tools button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}#main{min-height:calc(100vh - 260px);outline:none}.page{max-width:1168px;margin:auto;padding:60px 24px 70px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.08em;color:var(--green);font-size:.85em;font-weight:800;margin-bottom:24px}.eyebrow:before{content:"";width:9px;height:9px;background:var(--green);border-radius:100%}.hero h1{font-size:clamp(2.5em,4.6vw,3.25em);font-weight:800;letter-spacing:-.055em;line-height:1.3;margin:0 0 24px}.hero h1 .accent{color:var(--green)}.hero-description{font-size:1.08em;max-width:510px;color:var(--muted);margin-bottom:28px}.meta-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}.meta-tag{display:flex;align-items:center;gap:8px;font-size:.78em;color:var(--muted)}.meta-tag svg{width:20px;height:20px}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:460px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;min-height:62px;padding:14px 24px;text-decoration:none;border:2px solid transparent;font-weight:750;line-height:1.5;transition:background .15s,box-shadow .15s}.button svg{width:22px;height:22px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:white;border-color:var(--line);color:var(--green-dark)}.button.secondary:hover{background:var(--sage);border-color:var(--green)}.button.soft{background:var(--sage);color:var(--green-dark)}.button:disabled{background:#e3e8e2;color:#647168;border-color:#e3e8e2}.privacy-note{font-size:.73em;color:var(--muted);margin:15px 0 0;display:flex;align-items:flex-start;gap:7px}.privacy-note svg{width:16px;height:20px;margin-top:2px}.wellbeing-art{position:relative;min-height:445px;display:grid;place-items:center;background:#eef3e8;border-radius:46% 46% 42% 42%;isolation:isolate}.orbit{position:absolute;width:310px;height:310px;border:1px solid #c8d7bf;border-radius:100%}.orbit:before{content:"";position:absolute;inset:28px;border:1px dashed #d0ddc8;border-radius:50%}.art-centre{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;z-index:1}.art-centre .sprout{width:95px;height:95px;color:var(--green)}.art-centre strong{font-size:1.25em;letter-spacing:.08em}.art-centre span{font-size:.7em;color:var(--muted);letter-spacing:.12em}.art-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 18px;background:white;border-radius:15px;box-shadow:0 8px 30px rgba(28,65,49,.06);font-weight:700;font-size:.86em;z-index:2;white-space:nowrap}.art-card .icon-box{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef4ee;color:var(--green)}.art-card svg{width:24px;height:24px}.art-card.one{top:40px;left:13px}.art-card.two{top:132px;right:-11px}.art-card.three{bottom:67px;left:-16px}.art-card.four{bottom:5px;right:28px}.art-card.two .icon-box{background:#e8f5f8;color:#245d77}.art-card.three .icon-box{background:#fbf3d5;color:#79631a}.art-card.four .icon-box{background:#f6ece3;color:#855f42}.sun-dot{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--yellow);right:56px;top:45px}.art-foot{position:absolute;left:0;right:0;bottom:-47px;font-size:.71em;color:var(--muted);text-align:center}.intro-bottom{margin-top:96px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:32px;gap:28px}.intro-step{display:flex;gap:13px;align-items:flex-start}.step-number{display:grid;place-items:center;flex:none;background:#e9f0e4;color:var(--green);width:34px;height:34px;border-radius:50%;font-size:.72em;font-weight:800;margin-top:4px}.intro-step h2{font-size:.95em;margin:0 0 6px}.intro-step p{font-size:.77em;color:var(--muted);margin:0}.fine-print{font-size:.7em;line-height:1.8;color:var(--muted);margin:28px 0 0}.site-footer{max-width:1168px;margin:0 auto;padding:27px 24px;border-top:1px solid var(--line);font-size:.68em;color:var(--muted);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.site-footer p{margin:0}.site-footer div{display:flex;flex-wrap:wrap;gap:22px}.site-footer button{font:inherit;color:var(--green);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:5px}.route-page{max-width:870px;padding-top:42px}.back-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:8px 0;min-height:46px;color:var(--muted);font-size:.84em;text-decoration:none;margin-bottom:24px}.back-link svg{width:18px;height:18px}.route-page h1{font-size:2em;margin-bottom:18px}.route-cards{display:grid;gap:18px;margin:30px 0}.route-card{display:flex;text-align:left;gap:20px;border:2px solid var(--line);background:white;border-radius:18px;padding:25px;align-items:center}.route-card:hover{border-color:var(--green);background:#f7faf3}.route-card>.icon-box{color:var(--green);background:var(--sage);border-radius:14px;padding:13px;display:flex}.route-card h2{margin:0 0 6px;font-size:1.13em}.route-card p{margin:0;color:var(--muted);font-size:.86em}.route-card>.arrow{margin-left:auto;flex:none}.callout{padding:20px 24px;background:#eaf2e4;border-left:4px solid var(--green);border-radius:0 12px 12px 0;font-size:.84em;color:var(--green-dark);line-height:1.8}.callout p:last-child{margin-bottom:0}.quiz-page{max-width:1040px;padding-top:35px}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;font-size:.81em;color:var(--muted)}.quiz-top .back-link{margin:0}.progress-track{height:8px;background:#dfe8db;border-radius:20px;overflow:hidden;margin-bottom:26px}.progress-fill{height:100%;background:var(--green);border-radius:20px;transition:width .2s}.quiz-layout{display:grid;grid-template-columns:175px 1fr;gap:30px}.domain-rail{display:flex;flex-direction:column;gap:9px;padding-top:24px}.rail-item{font-size:.77em;display:flex;gap:10px;align-items:center;padding:12px;color:var(--muted);border-radius:10px}.rail-item.active{background:#e6efdf;color:var(--green-dark);font-weight:800}.rail-item svg{width:23px;height:23px}.question-card{background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);padding:33px 38px 28px}.question-kicker{display:flex;gap:10px;align-items:center;color:var(--green);font-size:.76em;font-weight:800;margin-bottom:16px}.question-kicker .tag{padding:3px 10px;border-radius:7px;background:var(--sage)}.question-card h1{font-size:1.56em;letter-spacing:-.025em;margin:0 0 12px;outline:none}.question-help{font-size:.82em;color:var(--muted);margin-bottom:22px;line-height:1.8}.answers{display:grid;gap:12px;margin:0;padding:0;border:0;min-width:0}.answer-card{display:flex;align-items:center;gap:15px;border:2px solid #dce4da;border-radius:14px;padding:15px 18px;min-height:76px;cursor:pointer;position:relative;line-height:1.5;background:#fdfefb}.answer-card:hover{border-color:#87ad96;background:#f6faf2}.answer-card:has(input:checked){border-color:var(--green);background:#edf5e6}.answer-card:has(input:focus-visible){outline:3px solid #193e86;outline-offset:4px}.answer-card input{position:absolute;opacity:0;width:1px;height:1px;left:24px;top:24px}.answer-letter{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:50%;background:#edf0e9;color:#53685a;font-size:.8em;font-weight:800}.answer-card:has(input:checked) .answer-letter{background:var(--green);color:white}.answer-label{font-weight:650;font-size:.98em}.answer-check{width:23px;height:23px;flex:none;margin-left:auto;color:var(--green);opacity:0}.answer-card:has(input:checked) .answer-check{opacity:1}.question-nav{display:flex;gap:12px;margin-top:25px}.question-nav .button.primary{flex:1}.question-nav .button.secondary{min-width:115px}.skip-row{text-align:center;margin-top:13px}.text-button{border:0;background:none;padding:9px 12px;color:var(--muted);font-size:.78em;text-decoration:underline;text-underline-offset:5px;min-height:44px}.quiz-note{font-size:.7em;color:var(--muted);text-align:center;margin:17px 0 0}.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}.results-page{max-width:1030px;padding-top:38px}.results-header{text-align:center;max-width:760px;margin:0 auto 35px}.results-header .eyebrow{margin-bottom:12px}.results-header h1{font-size:2.1em;margin-bottom:13px;outline:none}.results-header p{color:var(--muted);font-size:.95em}.result-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.score-panel{background:var(--green);border-radius:23px;padding:30px 24px;color:white;display:flex;flex-direction:column;align-items:center;text-align:center}.score-label{font-size:.89em;margin:0 0 22px}.score-ring{width:196px;height:196px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) var(--score-angle,0deg),rgba(255,255,255,.2) 0);position:relative}.score-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--green)}.score-number{position:relative;font-size:3.3em;font-weight:750;line-height:1.1}.score-number span{display:block;font-size:.23em;margin-top:7px;font-weight:400}.score-panel .score-caption{font-size:.76em;margin:21px 0 0;opacity:.95}.score-panel .score-small{font-size:.65em;margin:15px 0 0;opacity:.88}.score-panel .big-icon{width:86px;height:86px;margin:16px}.domain-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.domain-result{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.domain-result h2{font-size:.91em;margin:0 0 12px;display:flex;gap:9px;align-items:center}.domain-result h2 svg{width:23px;height:23px;color:var(--green)}.domain-result .domain-score{font-size:1.6em;font-weight:800;color:var(--green)}.domain-result .domain-score span{font-size:.42em;color:var(--muted);font-weight:500}.domain-result p{font-size:.71em;color:var(--muted);margin:8px 0 0}.mini-bar{height:6px;background:#e6ece2;border-radius:20px;margin-top:12px;overflow:hidden}.mini-bar span{display:block;height:100%;background:var(--green);border-radius:20px}.next-step{margin-top:26px;border:1px solid var(--line);background:white;border-radius:23px;padding:30px}.section-eyebrow{color:var(--green);font-size:.75em;font-weight:800;letter-spacing:.08em;margin-bottom:10px}.next-step h2{font-size:1.35em;margin-bottom:13px}.next-step p{color:var(--muted);font-size:.91em}.tip-list{padding-left:1.4em;font-size:.92em;line-height:1.9}.tip-list li+li{margin-top:7px}.chosen-goal{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chosen-goal span{font-size:.73em;background:var(--sage);color:var(--green-dark);padding:7px 12px;border-radius:8px}.program-box{background:#eaf3e6;border:1px solid #d2e1ca;border-radius:20px;padding:29px;margin-top:23px}.program-box h2{font-size:1.25em;margin:0 0 12px}.program-box p{font-size:.87em;color:var(--muted);margin:0 0 20px}.program-points{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:.74em;color:var(--green-dark);margin-bottom:23px}.program-points span{display:flex;gap:6px;align-items:center}.program-points svg{width:18px;height:18px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.cta-row .button{font-size:.9em;flex:1}.result-actions{display:flex;justify-content:center;gap:13px 24px;flex-wrap:wrap;margin:25px 0 0}.result-actions button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:.8em;color:var(--green);padding:8px;min-height:44px}.answers-details{margin-top:24px;border:1px solid var(--line);background:white;border-radius:16px;padding:16px 22px;font-size:.8em}.answers-details summary{cursor:pointer;font-weight:700;padding:5px}.answers-details dl{margin:15px 0}.answers-details dt{font-weight:700;margin-top:15px}.answers-details dd{margin:4px 0;color:var(--muted)}.contact-page{max-width:820px}.contact-page h1{font-size:1.7em}.contact-box{border:1px solid var(--line);border-radius:22px;padding:30px;background:white}.consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:22px 0;font-size:.88em}.consent-label input{width:23px;height:23px;margin-top:4px;accent-color:var(--green);flex:none}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sage);padding:20px;border-radius:12px;font:inherit;font-size:.81em;line-height:1.8}.message-label{font-size:.76em;color:var(--muted);font-weight:700}.status-message{font-size:.8em;color:var(--green);text-align:center;margin:15px 0;min-height:1.4em}.warning-note{background:#fff5dc;border-left:4px solid #b78921;border-radius:0 12px 12px 0;padding:17px 20px;margin-top:22px;font-size:.83em;color:#59471d}.route-badge{font-size:.73em;color:var(--muted);text-align:center;margin:0 0 24px}dialog{border:1px solid var(--line);border-radius:22px;padding:0;max-width:680px;width:calc(100% - 30px);color:var(--navy);background:#fff;font-size:20px;line-height:1.8}dialog::backdrop{background:rgba(18,38,32,.5)}.dialog-inner{padding:30px}.dialog-inner h2{font-size:1.4em}.dialog-inner p{font-size:.85em}.dialog-inner .button{width:100%}.noscript{padding:30px;text-align:center}.restart-actions{display:flex;gap:12px;margin-top:24px}.restart-actions .button{flex:1}
@media(min-width:1400px){.page{padding-top:74px}.quiz-page,.results-page{padding-top:40px}}
@media(max-width:960px){.hero{gap:28px}.brand-title{display:none}.art-card{font-size:.77em;padding:12px}.wellbeing-art{min-height:410px}.orbit{width:270px;height:270px}.hero h1{font-size:2.6em}.quiz-layout{grid-template-columns:1fr;gap:0}.domain-rail{flex-direction:row;flex-wrap:wrap;gap:5px;padding:0;margin-bottom:20px}.rail-item{padding:7px 10px;font-size:.71em}.question-card{max-width:750px;width:100%;margin:auto}.result-grid{grid-template-columns:260px 1fr}.score-ring{width:170px;height:170px}}
@media(max-width:800px){.site-header{min-height:95px;padding:15px 19px;gap:10px}.brand-logo{width:136px;height:59px;border-radius:12px}.reading-tools{font-size:.72em;gap:5px}.reading-label{display:none}.reading-tools button{padding:7px 10px;min-height:44px}.page{padding:34px 21px 43px}.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:2.45em;letter-spacing:-.055em;margin-bottom:19px}.eyebrow{font-size:.77em;margin-bottom:18px}.hero-description{font-size:.99em;margin-bottom:23px}.hero-actions{max-width:none}.meta-tags{margin-bottom:23px;gap:9px 15px}.meta-tag{font-size:.72em}.wellbeing-art{min-height:290px;border-radius:100px;margin:9px 17px 35px;order:2}.orbit{width:210px;height:210px}.art-centre .sprout{width:65px;height:65px}.art-centre strong{font-size:1em}.art-centre span{font-size:.62em}.art-card{font-size:.66em;gap:7px;padding:9px 10px;border-radius:11px}.art-card .icon-box{width:30px;height:30px;border-radius:8px}.art-card svg{width:19px;height:19px}.art-card.one{top:10px;left:-12px}.art-card.two{top:75px;right:-17px}.art-card.three{bottom:47px;left:-15px}.art-card.four{bottom:1px;right:-6px}.sun-dot{width:23px;height:23px;right:49px;top:15px}.art-foot{bottom:-36px;font-size:.63em}.intro-bottom{margin-top:13px;padding-top:26px;grid-template-columns:1fr;gap:21px}.intro-step p{font-size:.78em}.fine-print{font-size:.68em}.site-footer{margin:0 20px;padding:24px 0;flex-direction:column;gap:13px;font-size:.69em}.route-page h1{font-size:1.65em}.route-card{padding:21px 17px;gap:12px}.route-card>.icon-box{padding:9px}.route-card>.icon-box svg{width:23px;height:23px}.route-card h2{font-size:1.03em}.route-card p{font-size:.79em}.route-card>.arrow{width:18px}.question-card{padding:24px 18px 19px;border-radius:20px}.quiz-page{padding:19px 14px 36px}.quiz-top{font-size:.73em;margin-bottom:10px}.progress-track{margin-bottom:16px}.domain-rail{gap:4px;margin-bottom:17px}.rail-item{padding:6px 8px;font-size:.59em;gap:5px}.rail-item svg{width:18px;height:18px}.question-card h1{font-size:1.4em;margin-bottom:12px}.question-kicker{font-size:.72em;margin-bottom:14px}.question-help{font-size:.79em;margin-bottom:19px}.answer-card{padding:14px 12px;gap:11px;min-height:76px;border-radius:13px}.answer-letter{width:33px;height:33px;font-size:.8em}.answer-label{font-size:.94em}.answer-check{width:20px;height:20px}.question-nav{margin-top:21px;gap:10px}.question-nav .button{font-size:.9em;padding:12px;min-height:60px}.question-nav .button.secondary{min-width:96px}.quiz-note{font-size:.63em}.results-header h1{font-size:1.65em}.results-header p{font-size:.86em}.result-grid{grid-template-columns:1fr;gap:16px}.score-panel{padding:25px}.score-ring{width:170px;height:170px}.score-label{margin-bottom:16px}.score-panel .score-caption{margin-top:17px}.domain-results{gap:10px}.domain-result{padding:16px 14px}.domain-result h2{font-size:.82em;gap:6px}.domain-result h2 svg{width:20px;height:20px}.domain-result p{font-size:.68em}.next-step{padding:23px 20px}.next-step h2{font-size:1.16em}.next-step p{font-size:.84em}.tip-list{font-size:.83em}.program-box{padding:24px 20px}.program-box h2{font-size:1.13em}.cta-row{flex-direction:column}.contact-page h1{font-size:1.5em}.contact-box{padding:22px 19px}.dialog-inner{padding:25px 22px}.sch-app[data-font=large] .brand-logo{width:122px}.sch-app[data-font=large] .reading-tools{font-size:16px}.sch-app[data-font=large] .domain-results{grid-template-columns:1fr}.sch-app[data-font=large] .wellbeing-art{margin-left:8px;margin-right:8px}.sch-app[data-font=large] .art-card{font-size:15px}.sch-app[data-font=large] .hero h1{font-size:2em}}
@media(max-width:360px){.site-header{padding-left:12px;padding-right:12px}.brand-logo{width:119px}.reading-tools button{padding:7px 8px}.page{padding-left:16px;padding-right:16px}.hero h1{font-size:2.2em}.quiz-page{padding-left:10px;padding-right:10px}.question-card{padding-left:14px;padding-right:14px}.answer-check{display:none}.domain-rail{gap:2px}.rail-item{font-size:.57em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:#fff}.site-header,.site-footer,.result-actions,.cta-row,.reading-tools,.back-link,.skip-link,.answers-details,.program-box,.fine-print,.privacy-note{display:none!important}.page{padding:10px!important;max-width:none}.results-header{margin-bottom:18px}.result-grid{grid-template-columns:230px 1fr}.score-panel{background:#eee!important;color:#172c24!important;print-color-adjust:exact}.score-ring:before{background:#eee}.score-panel,.domain-result,.next-step{break-inside:avoid;box-shadow:none}.sch-app{font-size:16px}.next-step{margin-top:18px;padding:18px}}