:root{--bg:#f6f5ef;--paper:#fdfcf8;--ink:#313c32;--green:#576653;--sub:#81857a;--line:#dfe1d6;--accent:#b77960;--serif:'Noto Serif SC','Songti SC','STSong',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button{border:0;background:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b77960;outline-offset:5px}main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.55}h3{font-weight:500}p{line-height:1.9}small{font-size:12px}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.header{height:96px;border-bottom:1px solid var(--line)}.header-inner{max-width:1160px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;line-height:1.3}.brand>span{font-family:var(--serif);font-size:23px;letter-spacing:3px}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:3.3px;margin-top:3px}.header nav{display:flex;gap:36px;align-items:center;color:#61685e;font-size:13px}.header nav button{padding:8px 0}.header nav span{margin-left:6px}.header-start{border-bottom:1px solid var(--ink);font-size:13px;padding:6px 0;display:flex;gap:22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#76806c;font-weight:500}.dot{display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:9px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-top:65px;padding-bottom:46px}.hero-copy{padding-top:17px}.hero h1{font-size:59px;letter-spacing:1px;line-height:1.53;margin:22px 0}.accent{color:var(--accent)}.hero-desc{color:#84877d;font-size:15px;line-height:2.1}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 28px;border-radius:3px;font-size:13px;line-height:1.6;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#42513e}.secondary{border:1px solid #c6cdbf;background:transparent}.text-button{display:inline-flex;align-items:center;gap:10px;padding:7px 0;font-size:12px;color:#66705e}.text-button:hover{color:#a36b52}.privacy-line{margin-top:14px;color:#94978b;font-size:10px;letter-spacing:.5px}.hero-metrics{margin-top:43px;border-top:1px solid var(--line);padding-top:25px;display:flex;gap:44px}.hero-metrics>div{display:flex;flex-direction:column;gap:5px}.hero-metrics strong{font-family:Georgia,serif;font-size:31px;line-height:1;font-weight:400}.hero-metrics em{font-family:var(--sans);font-style:normal;font-size:11px;margin-left:7px;color:#7a8270}.hero-metrics span{color:#96998e;font-size:10px}.art{height:490px;background:#e8ebe0;border-radius:48% 48% 4px 4px;position:relative;overflow:hidden;margin-top:5px}.art:before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23818a74' opacity='.12' filter='url(%23n)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.6}.art-label{position:absolute;left:42px;top:72px;font-size:10px;line-height:1.8;letter-spacing:2px;color:#8b947e}.sun{position:absolute;width:120px;height:120px;border-radius:50%;background:#d8ab8c;left:60px;top:156px}.art-circle{width:430px;height:200px;background:#d1d8c5;border-radius:50%;position:absolute;left:-60px;bottom:-97px}.botanical{position:absolute;right:5px;bottom:-20px;height:450px;max-width:100%}.art-note{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#5e6a54;font-size:11px;letter-spacing:1px}.art-note span{margin-right:8px}.demo-note{display:flex;gap:13px;align-items:center;background:#eeeee5;border:1px solid #e5e5d9;border-radius:3px;padding:15px 22px;margin:0 auto;font-size:11px;color:#7b806f;max-width:1104px}.demo-note strong{font-weight:500;color:#5c6553}.note-icon{border:1px solid #a4ab95;border-radius:50%;width:16px;height:16px;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia}.demo-note p{flex:1;line-height:1.7}.demo-note button{white-space:nowrap;font-size:10px;color:#6b765c}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-top:95px;padding-bottom:100px}.section-intro h2{font-size:30px;margin:18px 0}.section-intro p{font-size:12px;color:#8a8e81}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:5px}.feature-number{font-family:Georgia;font-size:22px;font-style:italic;color:#9fa68f}.features h3{font-size:15px;margin:24px 0 12px;letter-spacing:1px}.features p{font-size:12px;color:#93968a;line-height:2}.dimension-section{background:#eceee5;padding:74px 0 72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-heading h2{font-size:30px;margin-top:15px;line-height:1.6}.section-heading p{color:#8b9180;font-size:11px;line-height:2}.dimension-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d6dbcd;border-left:1px solid #d6dbcd}.dimension{padding:20px 19px 27px;border-right:1px solid #d6dbcd;border-bottom:1px solid #d6dbcd}.dimension>span{font-family:Georgia;font-size:11px;color:#9ba78b}.dimension h3{font-size:13px;margin:10px 0}.dimension p{font-size:10px;color:#879078;line-height:1.9}.last-cta{text-align:center;padding-top:80px;padding-bottom:85px}.last-cta h2{font-size:29px;margin:17px 0 28px}.last-cta small{display:block;margin-top:15px;font-size:10px;color:#a1a594}footer{border-top:1px solid var(--line);padding:27px 0;color:#7f8773}.footer-inner{max-width:1160px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-en{font-size:8px;letter-spacing:1.2px;margin-left:15px}.footer-inner>div{display:flex;gap:24px}.footer-inner button,.footer-inner>small{font-size:10px;padding:0}.muted{color:#a4a997}.quiz{padding-top:35px;padding-bottom:80px;min-height:calc(100vh - 177px)}.quiz-top{display:flex;justify-content:space-between;margin-bottom:35px}.quiz-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.quiz-aside{padding-top:45px}.quiz-aside h2{font-size:33px;line-height:1.8;margin:20px 0}.quiz-aside>p{font-size:12px;color:#8c9280;line-height:2.1}.save-note{display:flex;gap:13px;align-items:center;margin:45px 0 20px;color:#7f8a71}.save-note>span{font-size:24px}.save-note p{font-size:12px}.save-note small{display:block;color:#a0a694;font-size:10px}.quiz-aside>.text-button{display:flex;width:fit-content;margin-top:12px}.question-card{background:var(--paper);border:1px solid #e1e3d8;border-radius:8px;padding:30px 38px 20px}.question-progress{display:flex;justify-content:space-between;font-size:11px;color:#909884}.progress-track{height:3px;background:#e6e9df;border-radius:5px;margin:13px 0 32px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#778966;transition:width .25s}.question-label{font-family:Georgia;font-size:11px;letter-spacing:1.5px;color:#839575}.question-label>span{color:#b1b7a6;font-size:10px}.question-title{font-family:var(--serif);font-size:25px;line-height:1.8;margin:13px 0 10px;min-height:90px}.question-help{font-size:11px;color:#a0a695;margin-bottom:22px}.choices{display:grid;gap:9px}.choice{padding:13px 17px;border:1px solid #e2e6da;border-radius:4px;display:flex;align-items:center;gap:15px;text-align:left;background:#fdfcf8;transition:border-color .15s,background .15s}.choice:hover{background:#f1f3eb;border-color:#a0ad92}.choice.selected{background:#eaf0e3;border-color:#7c9068}.choice-number{border:1px solid #d5dccb;color:#9ca890;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:Georgia;font-size:12px}.selected .choice-number{background:#657a55;border-color:#657a55;color:white}.choice-text{font-size:13px;line-height:1.4;flex:1}.choice-text small{display:inline;font-size:10px;color:#a2aa96;margin-left:15px}.choice-check{width:15px;font-size:13px;color:#647953}.question-controls{border-top:1px solid #e5e8de;margin-top:24px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.question-controls .button{padding:11px 19px;gap:25px;font-size:12px}.keyboard-hint{font-size:10px;color:#b0b7a5}.quiz-disclaimer{text-align:center;font-size:9px;color:#b2b7a8;margin-top:20px}.report{padding-top:24px;padding-bottom:55px;max-width:1080px}.report-bar{display:flex;align-items:center;justify-content:space-between;gap:15px}.report-bar>span{font-size:10px;color:#949c85}.report-heading{text-align:center;padding-top:40px;padding-bottom:27px}.report-heading h1{font-size:33px;margin:15px 0 10px}.report-heading p{font-size:12px;color:#909784}.report-alert{background:#efeee3;border:1px solid #e4e1cd;border-radius:3px;padding:10px 20px;font-size:10px;color:#9a906b;text-align:center;margin-bottom:25px}.report-overview{display:grid;grid-template-columns:1fr 1fr;gap:22px}.score-card,.radar-card{border:1px solid #e0e4d7;background:var(--paper);border-radius:7px;padding:32px 30px;text-align:center}.score-card h2,.radar-card h2{font-size:21px;margin-top:10px}.total-score{font-family:Georgia;font-size:80px;line-height:1.1;margin:23px 0 17px;letter-spacing:-3px}.total-score small{font-family:var(--sans);font-size:12px;letter-spacing:0;color:#a6ab9a;margin-left:10px}.badge{display:inline-block;border-radius:20px;font-size:10px;padding:3px 12px;line-height:1.8;white-space:nowrap;background:#eff2e8}.badge.low{background:#edf1e6;color:#60755a}.badge.mild{background:#f4efdd;color:#a5873f}.badge.moderate{background:#f7ebde;color:#b7713f}.badge.high{background:#f7e6e2;color:#b0544e}.score-caption{font-size:9px;color:#a9ae9e;margin-top:7px}.score-range{display:flex;align-items:center;gap:10px;margin:22px 0 20px;color:#b1b7a5;font-size:9px}.score-range>div{height:5px;background:linear-gradient(to right,#b2c3a4,#d2c98e,#d49d73,#bd7467);flex:1;border-radius:5px;position:relative}.score-range i{position:absolute;width:10px;height:10px;background:var(--paper);border:2px solid #7d866f;border-radius:50%;top:-3px;transform:translateX(-50%)}.summary-text{background:#f0f2e9;font-size:11px;color:#889179;line-height:2;text-align:left;padding:15px 18px;border-radius:4px}.summary-text strong{color:#647453;font-weight:500}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px}.mini-metrics>div{border-right:1px solid #e8ebe1;display:flex;flex-direction:column}.mini-metrics>div:last-child{border-right:0}.mini-metrics strong{font-family:Georgia;font-size:24px;color:#7e8a6c;font-weight:400}.mini-metrics span{font-size:9px;color:#a2a992;margin-top:4px}.radar-card>p{color:#9ba58c;font-size:10px;margin-top:7px}.radar{width:100%;height:auto;margin-top:-2px;display:block}.radar-legend{display:flex;gap:22px;justify-content:center;color:#9ca58d;font-size:9px;margin-top:-15px}.radar-legend i{display:inline-block;width:8px;height:8px;background:#697e59;margin-right:6px;border-radius:50%}.radar-legend i.dashed{width:15px;height:0;border-top:1px dashed #b5aa86;border-radius:0;vertical-align:middle}.radar-card>small{display:block;color:#b0b6a3;font-size:9px;margin-top:13px}.factor-section,.detail-section{margin-top:60px}.factor-section .section-heading,.detail-section .section-heading{margin-bottom:25px}.factor-section h2,.detail-section h2{font-size:25px}.bands{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;color:#9ca38e;margin:0 0 16px}.bands i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.bands .low{background:#60755a}.bands .mild{background:#a5873f}.bands .moderate{background:#b7713f}.bands .high{background:#b0544e}.table-scroll{overflow-x:auto;border:1px solid #e2e5da;border-radius:5px;background:var(--paper)}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}thead{font-size:10px;color:#909a80;background:#eef1e7}th,td{padding:16px 20px;border-bottom:1px solid #e9ebe2}tbody th{font-weight:400;color:#68725b}tbody td{color:#9ba58b}tbody td strong{font-family:Georgia;font-size:17px;font-weight:400}tbody tr:last-child>*{border-bottom:0}.table-meter{display:inline-block;width:60px;height:3px;vertical-align:middle;margin-left:13px;border-radius:3px;background:#edf0e7;overflow:hidden}.table-meter i{display:block;height:100%}.factor-detail{background:var(--paper);border:1px solid #e1e5d7;margin-bottom:12px;border-radius:5px;overflow:hidden}.factor-detail summary{list-style:none;padding:22px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer}.factor-detail summary::-webkit-details-marker{display:none}.factor-detail summary>div{display:flex;align-items:center;gap:17px}.factor-detail h3{font-size:14px;color:#69765e}.factor-detail h3 small{display:block;font-size:10px;font-weight:400;color:#a0aa93;margin-top:4px}.factor-dot{height:6px;width:6px;border-radius:50%;flex-shrink:0}.factor-detail strong{font-family:Georgia;font-size:24px;font-weight:400}.expand{font-size:19px;color:#a4ad97;margin-left:5px;transition:transform .2s}details[open] .expand{transform:rotate(45deg)}.detail-body{border-top:1px solid #e9ece1;padding:20px 25px 26px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-kicker{font-size:9px;letter-spacing:1px;color:#95a184}.detail-body p{font-size:11px;color:#8b967b;line-height:2.1;margin-top:10px}.support-card{margin-top:35px;display:flex;gap:24px;background:#e8ede0;padding:30px;border-radius:5px}.support-card>span{font-size:38px;color:#8b9b79}.support-card h2{font-size:20px;margin-bottom:10px}.support-card p{font-size:11px;color:#889877;line-height:2}.support-card button{margin-top:9px;font-size:10px}.report-end{text-align:center;padding-top:40px}.report-end>p{font-family:var(--serif);font-size:17px;color:#939e85}.report-end>div{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px}.report-end>small{display:block;font-size:9px;color:#acb49f;margin-top:22px}dialog{width:min(640px,calc(100% - 32px));max-height:85vh;border:1px solid #dfe4d5;border-radius:9px;padding:0;color:var(--ink);background:var(--paper);box-shadow:0 20px 90px #34402d25}dialog::backdrop{background:#2c352964;backdrop-filter:blur(4px)}.dialog-inner{padding:35px 38px;position:relative}.close{position:absolute;right:15px;top:9px;font-size:25px;color:#929d83;padding:4px 8px}.dialog-inner h2{font-size:27px;margin:12px 0 18px}.dialog-inner h3{font-size:14px;margin:20px 0 8px}.dialog-inner p,.dialog-inner li{font-size:12px;color:#7c8971;line-height:2}.dialog-inner p+p{margin-top:13px}.dialog-inner ul{padding-left:18px}.dialog-inner strong{font-weight:500;color:#53694b}.consent-info{background:#eff3e8;padding:16px 20px;border-radius:5px;margin:20px 0}.checkbox{display:flex;align-items:center;gap:10px;font-size:12px;color:#859276;margin:20px 0}.checkbox input{width:16px;height:16px;accent-color:var(--green)}.full{width:100%}.dialog-inner .small{font-size:10px;margin-top:18px;color:#a3ad96}.dialog-actions{display:flex;gap:15px;margin-top:20px}.sources a{display:block;color:#637b50;font-size:11px;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.help-important{background:#f5eae1;padding:3px 19px 18px;border-radius:5px;margin-top:18px}.review-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:20px 0}.review-grid button{font-size:10px;padding:8px 1px;border-radius:3px;border:1px solid #e2e5d8;background:#f4f3ea}.review-grid .answered{background:#e3edd9;color:#6d8857;border-color:#c9d9b8}.review-grid .current{outline:2px solid var(--green)}.review-legend{font-size:10px;color:#9daa8d}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:12px 23px;border-radius:4px;background:#526349;color:white;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:90vw;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:absolute;top:-100px;left:15px;background:var(--green);color:white;padding:9px;z-index:30}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1440px){.hero{padding-top:85px;padding-bottom:65px}.art{height:525px}.hero h1{font-size:65px}.hero-metrics{margin-top:50px}.botanical{height:480px}}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:47px}.hero-actions{gap:18px;flex-wrap:wrap}.art{height:450px}.hero-metrics{gap:30px;margin-top:30px}.about{gap:45px;grid-template-columns:1fr 1.7fr}.features{gap:18px}.dimension-grid{grid-template-columns:repeat(5,1fr)}.quiz-layout{gap:35px;grid-template-columns:1fr 1.7fr}.question-card{padding:25px}.question-title{font-size:22px}.report-overview{gap:15px}.score-card,.radar-card{padding:25px 20px}}
@media(max-width:720px){.wrap,.header-inner{padding-left:22px;padding-right:22px}.header{height:76px}.header nav{gap:20px}.header nav a,.header nav button:last-child{display:none}.brand{gap:8px}.brand>span{font-size:20px}.brand img{width:29px;height:29px}.brand small{font-size:7px}.header-start{font-size:11px;gap:13px}.header nav button{font-size:11px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:25px}.hero-copy{padding-top:5px}.hero h1{font-size:45px;margin:18px 0}.hero-desc{font-size:13px}.hero-actions{margin-top:25px;gap:20px}.button{padding:14px 23px;font-size:12px}.hero-metrics{justify-content:space-between;gap:20px;margin-top:28px;padding-top:23px}.hero-metrics strong{font-size:28px}.hero-metrics span{font-size:10px}.art{height:340px;border-radius:45% 45% 4px 4px;margin-top:0}.art-label{top:57px;left:35px;font-size:9px}.sun{width:94px;height:94px;left:40px;top:113px}.botanical{height:330px;right:0;bottom:-20px}.art-note{bottom:17px;font-size:10px}.art-circle{width:350px;bottom:-123px}.demo-note{margin:0 22px;padding:13px 14px;align-items:flex-start;font-size:10px}.note-icon{margin-top:2px}.demo-note button{display:none}.about{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:60px}.section-intro h2{font-size:28px;margin:12px 0}.features{gap:22px;grid-template-columns:1fr}.features article{display:grid;grid-template-columns:40px 1fr;column-gap:12px;border-top:1px solid var(--line);padding-top:18px}.feature-number{grid-row:span 2;font-size:21px}.features h3{margin:0 0 8px;font-size:14px}.features p{font-size:11px;line-height:1.95}.dimension-section{padding:48px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:25px}.section-heading h2{font-size:27px;margin-top:12px}.dimension-grid{grid-template-columns:repeat(2,1fr)}.dimension{padding:18px}.dimension h3{font-size:12px}.last-cta{padding-top:55px;padding-bottom:60px}.last-cta h2{font-size:24px}.footer-inner{padding:0 22px;flex-wrap:wrap;gap:15px}.footer-en{font-size:7px;margin-left:10px}.footer-inner>div{gap:17px}.footer-inner>small{width:100%;font-size:9px}.quiz{padding-top:20px;padding-bottom:40px}.quiz-top{margin-bottom:15px}.quiz-layout{display:block}.quiz-aside{padding:0 0 22px}.quiz-aside>.eyebrow{display:none}.quiz-aside h2{font-size:22px;line-height:1.5;margin:8px 0}.quiz-aside h2 br{display:none}.quiz-aside>p{font-size:11px}.save-note{display:none}.quiz-aside>.text-button{display:inline-flex;margin-right:25px;font-size:11px;margin-top:8px}.question-card{padding:23px 20px 18px}.question-title{font-size:22px;min-height:80px}.choice{padding:14px 13px}.choice-text{font-size:13px}.choice-text small{font-size:10px;margin-left:10px}.question-help{font-size:10px}.keyboard-hint{display:none}.question-controls{gap:15px}.question-controls .button{padding:12px 20px}.question-controls .text-button{font-size:11px}.report{padding-top:18px}.report-bar{gap:8px;flex-wrap:wrap}.report-bar>span{font-size:9px}.report-bar .text-button{font-size:10px}.report-heading{padding-top:30px}.report-heading h1{font-size:26px}.report-heading .eyebrow{font-size:9px}.report-alert{padding:10px 12px;text-align:left;font-size:9px}.report-overview{grid-template-columns:1fr}.score-card,.radar-card{padding:28px 22px}.total-score{font-size:75px}.radar{max-width:420px;margin:auto}.radar-legend{margin-top:-15px}.factor-section,.detail-section{margin-top:40px}.factor-section h2,.detail-section h2{font-size:23px}.bands{gap:10px 17px;font-size:9px}th,td{padding:12px 13px;font-size:10px}.table-meter{width:30px;margin-left:5px}tbody td strong{font-size:16px}.badge{font-size:9px;padding:3px 8px}.factor-detail summary{padding:18px 16px;gap:10px;align-items:flex-start}.factor-detail summary>div{gap:9px}.factor-detail summary>div:last-child{flex-wrap:wrap;justify-content:flex-end;min-width:75px;max-width:120px;row-gap:3px}.factor-detail strong{font-size:21px}.factor-detail h3{font-size:13px}.factor-detail h3 small{font-size:9px;max-width:175px;line-height:1.8}.factor-detail .expand{font-size:14px}.detail-body{padding:17px;grid-template-columns:1fr;gap:18px}.support-card{padding:23px 18px;gap:14px}.support-card>span{font-size:27px}.support-card h2{font-size:19px}.support-card p{font-size:10px}.report-end>p{font-size:15px}.report-end>div{flex-wrap:wrap;gap:12px}.report-end .button{font-size:11px;padding:12px 18px}.dialog-inner{padding:28px 22px}.dialog-inner h2{font-size:23px}.dialog-inner p,.dialog-inner li{font-size:11px}.checkbox{font-size:11px}.review-grid{grid-template-columns:repeat(9,1fr)}.review-grid button{padding:9px 0}#toast{font-size:11px;white-space:normal;text-align:center;min-width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{body{background:white;color:#333}.header,footer,.report-bar,.report-end>div,.report-end>small,.skip-link,dialog,#toast,.section-heading>button{display:none!important}.wrap{max-width:none;padding:0}.report{padding:0}.report-heading{padding:0 0 15px}.report-heading h1{font-size:24px}.report-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px}.score-card,.radar-card{padding:20px 15px;break-inside:avoid}.report-alert{padding:8px;font-size:10px}.factor-section,.detail-section{margin-top:25px}.factor-detail{break-inside:avoid}.factor-detail .detail-body{display:grid!important;grid-template-columns:1fr 1fr}.factor-detail>summary{padding:12px 15px}.detail-body{padding:15px;gap:20px}.expand{display:none}.support-card{break-inside:avoid}.report-end{padding-top:20px}.total-score{font-size:55px}th,td{padding:10px 14px}.table-scroll{overflow:visible}svg{max-height:330px}a{text-decoration:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:14mm}}

.auto-next-hint{font-size:10px;color:#7c8971}.safety-note{padding:18px 22px;background:#f6eae3;border:1px solid #e8cbbd;border-radius:5px;margin-bottom:22px;color:#80594b}.safety-note p{font-size:12px;line-height:1.9;margin-top:5px}.question-title:focus{outline:none}@media(max-width:720px){.auto-next-hint{font-size:9px}.choice-text small{display:block;margin:4px 0 0;line-height:1.6}.question-title{min-height:65px}}

/* Compact layouts share the same information hierarchy on phones and desktop. */
.compact-home{max-width:1000px;padding-top:50px;padding-bottom:55px;gap:40px;align-items:center}.compact-home .hero-copy{padding-top:0}.compact-home .hero-metrics{margin-top:25px;padding-top:20px;gap:30px}.compact-home .hero-actions{margin-top:28px}.compact-home .art{height:420px}.compact-home h1{font-size:52px}.home-note{font-size:12px;color:#74836a;margin-top:20px}.resume-note{display:flex;gap:15px;align-items:center;flex-wrap:wrap;color:#7e8c73;font-size:11px;margin-top:20px}.resume-note button{padding:5px 0;border-bottom:1px solid #cdd7c4;color:#56694c}.compact-quiz{max-width:610px;min-height:0;padding-top:20px;padding-bottom:25px}.compact-quiz .quiz-top{margin-bottom:15px}.compact-quiz .question-title{min-height:65px;margin-top:10px;font-size:26px}.compact-quiz .progress-track{margin:10px 0 18px}.compact-quiz .question-card{padding:25px 30px 20px}.progress-button{font-size:11px;color:#697c59;min-height:32px;padding:0}.question-period{font-size:11px;color:#86967a}.quiz-footnote{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#88977c;margin-top:13px}.quiz-footnote button{padding:6px;color:#667b56}.compact-quiz .choice-text small{color:#78896b;font-size:11px}.compact-quiz .choices{gap:8px}.compact-quiz .question-controls{margin-top:20px;padding-top:15px}.compact-report{max-width:740px;padding-top:18px;padding-bottom:25px}.compact-report .report-heading{padding:18px 0}.compact-report .report-heading h1{font-size:27px;margin:0 0 5px}.report-tabs{display:flex;gap:5px;padding:5px;background:#e8ecdf;border-radius:6px;position:sticky;top:8px;z-index:3}.report-tabs button{flex:1;padding:10px;font-size:13px;min-height:42px;border-radius:4px;color:#75856a}.report-tabs button[aria-current]{background:var(--paper);color:#4d6841;box-shadow:0 1px 4px #52634813}.report-notice{font-size:10px;color:#7e8c72;text-align:center;margin:12px 0 16px}.report-panel[hidden]{display:none}.compact-report .score-card{padding:24px;text-align:center}.compact-report .score-card h2{font-size:19px;margin:0}.compact-report .total-score{font-size:70px;margin:14px 0 12px}.compact-report .mini-metrics{margin:20px 0 16px}.compact-report .summary-text{text-align:center;font-size:12px;color:#738666;padding:13px;margin:0;line-height:1.8}.compact-report .mini-metrics span{font-size:11px;color:#899b78}.compact-report .mini-metrics strong{font-size:25px;color:#657b53}.focus-card{margin-top:18px}.focus-card h2{font-family:var(--sans);font-size:13px;margin-bottom:10px}.focus-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.focus-chips button{font-size:12px;text-align:left;padding:12px;border:1px solid #dce4d3;border-radius:5px;background:var(--paper);line-height:1.7;color:#647c53}.focus-chips span{display:block;color:#879a73;font-family:Georgia;font-size:14px;margin-top:3px}.compact-report th,.compact-report td{padding:14px 18px;font-size:12px}.compact-report table{white-space:normal}.compact-report th:nth-child(2),.compact-report td:nth-child(2){text-align:center}.compact-report th:last-child,.compact-report td:last-child{text-align:right}.compact-report tbody td strong{font-size:20px;margin-right:8px}.compact-report tbody th{width:43%}.factor-link{padding:0;min-height:28px;font-size:12px;text-align:left;line-height:1.6}.factor-link>span{font-size:10px;color:#a4b392;margin-left:4px}.radar-disclosure,.report-tools{border:1px solid #dce3d3;border-radius:5px;background:var(--paper);margin-top:16px}.radar-disclosure>summary,.report-tools>summary{list-style:none;cursor:pointer;font-size:12px;color:#6f8660;padding:13px 17px;display:flex;justify-content:space-between;gap:20px}.radar-disclosure summary::-webkit-details-marker,.report-tools summary::-webkit-details-marker{display:none}.radar-disclosure .radar-card{border:0;padding:0 15px 20px;background:transparent}.radar-disclosure .radar{max-width:460px;margin:auto}.radar-disclosure p{font-size:10px;color:#839574}.panel-next{margin-top:18px}.care-selector{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#7b8f6e}.care-selector select{width:100%;border:1px solid #cfdac4;border-radius:5px;background:var(--paper);padding:13px 15px;color:#546f43;font:inherit;font-size:14px;min-height:48px}.care-selector select:focus-visible{outline:3px solid #b77960;outline-offset:3px}.care-card{border:1px solid #dce4d3;background:var(--paper);border-radius:6px;padding:23px;margin-top:16px}.care-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.care-heading h2{font-size:20px}.care-state{font-size:13px;color:#768b66;margin:12px 0 24px;line-height:1.9}.care-card h3{font-size:14px;color:#5b764b;margin-bottom:12px}.care-steps{margin:0;padding-left:23px;font-size:13px;color:#718760;line-height:1.95}.care-steps li{padding-left:3px}.care-steps li+li{margin-top:12px}.care-steps li::marker{color:#a4b292}.care-card .small{margin-top:14px;color:#7e9271;font-size:11px}.care-note{font-size:10px;color:#829773;margin:12px 0 16px;line-height:1.8}.report-tools>div{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border-top:1px solid #e4e9dc}.report-tools button{padding:13px 10px;font-size:12px;color:#677f55;min-height:44px}.report-tools button:hover{background:#edf2e5}.compact-report .safety-note{padding:15px;margin-top:0}.compact-report .safety-note p{font-size:11px}.compact-report .button{min-height:45px}.header nav button:last-child{display:inline-block}body[data-route="quiz"] .header-start,body[data-route="report"] .header-start{display:none}
@media(max-width:720px){.header{height:64px}.header-inner{padding:0 18px}.header nav{gap:18px}.header nav button{font-size:11px;min-height:44px}.header-start{display:none}.header nav button:last-child{display:inline-block}.compact-home{padding:28px 23px 40px;display:block}.compact-home h1{font-size:40px;margin:16px 0}.compact-home .hero-desc{font-size:13px}.compact-home .art{display:none}.compact-home .hero-metrics{justify-content:space-between;margin-top:24px}.compact-home .hero-actions{margin-top:27px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.compact-home .hero-actions .text-button{justify-content:center;min-height:42px}.compact-home .hero-actions .button{min-height:51px;font-size:14px}.compact-home .privacy-line{text-align:center;font-size:10px;margin-top:8px}.home-note{text-align:center;font-size:11px;margin-top:15px}.resume-note{justify-content:center;gap:14px;margin-top:12px}.resume-note button{min-height:36px}.compact-quiz{padding:12px 18px 20px}.compact-quiz .quiz-top{margin:0 0 8px}.compact-quiz .quiz-top button{min-height:34px;padding:0;font-size:11px}.compact-quiz .question-card{padding:17px 18px 13px}.compact-quiz .question-title{font-size:23px;min-height:60px;margin:10px 0 17px;line-height:1.7}.compact-quiz .question-title br{display:none}.compact-quiz .choice{padding:12px;min-height:56px;gap:12px}.compact-quiz .choice-text{font-size:14px}.compact-quiz .choice-text small{display:inline;margin-left:10px;font-size:10px;line-height:1.5}.compact-quiz .choice-number{width:25px;height:25px;font-size:11px}.compact-quiz .question-controls{margin-top:17px;padding-top:12px}.compact-quiz .question-controls .text-button{min-height:34px;padding:0}.compact-quiz .auto-next-hint{font-size:10px;color:#839773}.quiz-footnote{margin-top:6px;font-size:10px}.quiz-footnote button{min-height:35px}body[data-route="quiz"] footer{display:none}body[data-route="quiz"] .header nav button:first-child{display:none}.compact-report{padding:12px 18px 24px}.compact-report .report-heading{padding:14px 0 16px}.compact-report .report-heading h1{font-size:25px}.compact-report .report-heading p{font-size:11px}.compact-report .report-bar{flex-wrap:nowrap;gap:8px}.compact-report .report-bar>span{font-size:9px}.compact-report .report-bar button{min-height:32px;padding:0;font-size:11px}.report-tabs{top:8px}.report-tabs button{font-size:13px;min-height:42px;padding:7px}.report-notice{font-size:9px;margin:10px 0 12px}.compact-report .score-card{padding:21px 18px}.compact-report .score-card h2{font-size:18px}.compact-report .total-score{font-size:66px;margin:12px 0 9px}.compact-report .summary-text{font-size:11px;padding:12px}.compact-report .mini-metrics strong{font-size:24px}.compact-report .mini-metrics span{font-size:9px}.compact-report .mini-metrics{margin:17px 0 14px}.focus-chips button{padding:10px;font-size:11px}.focus-chips span{font-size:14px}.focus-chips{gap:7px}.compact-report th,.compact-report td{padding:10px 12px;font-size:11px}.compact-report tbody th{width:42%}.compact-report tbody td strong{font-size:18px;display:block;margin:0 0 2px}.compact-report .badge{font-size:9px;padding:2px 8px}.factor-link{font-size:11px;min-height:31px}.care-card{padding:19px}.care-heading h2{font-size:19px}.care-state{font-size:12px;margin:10px 0 20px}.care-card h3{font-size:13px}.care-steps{font-size:12px;line-height:1.9}.care-note{font-size:9px}.footer-inner{justify-content:center;gap:8px}.footer-inner>span,.footer-inner>small{display:none}.footer-inner>div{gap:25px}footer{padding:12px 0}.footer-inner button{min-height:32px;font-size:10px}.dialog-inner{padding:23px}.dialog-inner h2{font-size:23px;margin-top:5px}.dialog-inner p{font-size:12px}.checkbox{font-size:12px;line-height:1.8;align-items:flex-start}.checkbox input{flex-shrink:0;margin-top:3px}.dialog-actions{gap:9px}.dialog-actions .button{flex:1;gap:8px;padding:12px 10px;font-size:12px}.review-grid{gap:5px;grid-template-columns:repeat(9,1fr)}.review-grid button{min-height:35px}.dialog-inner .small{font-size:10px}.dialog-inner .full{margin-top:7px}}
@media(max-width:360px){.header nav{gap:10px}.compact-quiz{padding:9px 13px 17px}.compact-quiz .question-card{padding:15px}.compact-quiz .choice-text small{display:block;margin-left:0;margin-top:3px}.compact-quiz .choice{min-height:59px}.compact-report{padding:10px 13px 20px}.compact-report th,.compact-report td{padding-left:10px;padding-right:10px}}
@media print{.report-panel[hidden]{display:block!important}.report-tabs,.report-notice,.report-tools,.focus-card,.care-selector,.care-note,.panel-next,.report-panel>.button{display:none!important}.compact-report .report-heading{padding-top:0}.compact-report .score-card{max-width:500px;margin:0 auto 20px}.compact-report .table-scroll{margin:20px 0}.compact-report td strong{display:inline!important}.radar-disclosure>div{display:block!important}.radar-disclosure{break-inside:avoid}.care-card{break-inside:avoid}.care-card:before{content:'分维度关怀建议';font-size:14px}.compact-report .total-score{font-size:55px}}
/* Short, practical everyday care cards. */
.care-permission{font-size:12px;color:var(--sub);margin:5px 0 16px;line-height:1.8}.care-steps{list-style:none;padding:0;counter-reset:care-step}.care-steps li{position:relative;border:1px solid var(--line);background:#f8f8f3;border-radius:9px;padding:15px 16px 15px 46px;margin:0 0 12px;counter-increment:care-step}.care-steps li:before{content:counter(care-step,decimal-leading-zero);position:absolute;left:15px;top:16px;font-size:12px;color:var(--green)}.care-steps strong{display:block;font-size:14px;color:var(--ink);font-weight:600}.care-steps p{font-size:13px;line-height:1.9;margin:6px 0 0;color:var(--sub)}.care-support{border-top:1px solid var(--line);padding-top:13px;margin-top:6px}.care-support summary{font-size:12px;color:var(--green);cursor:pointer;min-height:32px}.care-support p{font-size:12px;line-height:1.9;color:var(--sub);margin:7px 0 0}
@media(max-width:720px){.care-card .care-state{margin-bottom:16px;line-height:1.9;font-size:13px}.care-card h3{font-size:15px;margin-bottom:3px}.care-permission{font-size:11px;margin-bottom:13px}.care-steps li{padding:13px 12px 13px 37px;margin-bottom:10px}.care-steps li:before{left:11px;top:15px;font-size:10px}.care-steps strong{font-size:13px}.care-steps p{font-size:13px;margin-top:5px;line-height:1.85}.care-support p{font-size:12px}}
@media print{.care-support>p{display:block!important}.care-permission{display:none}.care-steps li{break-inside:avoid}}