@charset "UTF-8";
:root{--ink:#273b31;--green:#355e49;--muted:#737b72;--paper:#faf9f5;--line:#e2e5dc;--sage:#eaf0e7;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",SimSun,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{cursor:not-allowed;opacity:.42}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #bd7d3e;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5}h1,h2{letter-spacing:.025em}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{height:96px;border-bottom:1px solid #e7e8df;background:var(--paper)}.header-inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:600;letter-spacing:.1em;line-height:1.15;flex-shrink:0}.brand-en{display:block;font-size:8px;font-weight:500;letter-spacing:.14em;margin-top:7px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:14px}.site-header nav a{position:relative;padding:14px 0;color:#697165}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--green)}.site-header nav a[aria-current]:after{content:"";position:absolute;bottom:2px;left:calc(50% - 3px);width:5px;height:5px;border-radius:50%;background:var(--green)}.header-cta{font-size:13px;padding:10px 17px;border:1px solid #bdc8b8;border-radius:5px;white-space:nowrap}.header-cta span{margin-left:15px}.menu-toggle{display:none}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:38px;align-items:center;padding-block:49px 55px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;color:#6c826b;margin-bottom:20px}.small-line{display:inline-block;vertical-align:middle;width:24px;height:1px;background:#7b9275;margin-right:10px}.hero h1{font-family:var(--serif);font-size:clamp(32px,3.15vw,48px);font-weight:500;line-height:1.65;letter-spacing:.075em;margin:0 0 23px}.serif-accent{color:#72906b}.hero-description{font-size:15px;line-height:2.1;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--green);background:var(--green);color:#fff;padding:13px 25px;border-radius:5px;font-size:14px;line-height:1.7;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#264b36;transform:translateY(-1px)}.button-outline{background:transparent;color:var(--green)}.button-outline:hover:not(:disabled){background:#e7ede2}.text-link{font-size:13px;color:var(--green);display:inline-flex;gap:16px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:11px;color:#7d8479;display:flex;align-items:center;gap:12px;margin-top:30px}.note-icon{color:var(--green);font-size:13px;border:1px solid #9eaf98;width:17px;height:17px;line-height:15px;text-align:center;border-radius:50%}.dot{color:#abb1a3}.hero-visual{position:relative;padding:0 0 20px}.hero-visual>img{width:100%;height:auto;border-radius:48% 48% 7px 7px}.visual-caption{position:absolute;bottom:62px;left:-23px;display:flex;align-items:center;gap:14px;padding:18px 24px;background:#fffffff0;box-shadow:0 9px 35px #3743290a;border:1px solid #fff;border-radius:6px;font-size:13px;letter-spacing:.03em}.visual-caption small{display:block;font-size:8px;letter-spacing:.12em;color:#899180;margin-top:4px}.caption-star{font-size:28px;font-weight:400;color:#78906e}.image-index{position:absolute;bottom:-3px;right:0;font-size:8px;letter-spacing:.17em;color:#8a9485}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f3eb}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:29px}.strip-grid>div{display:flex;align-items:center;gap:23px;padding-inline:31px;border-right:1px solid #dce1d4}.strip-grid>div:first-child{padding-left:0}.strip-grid>div:last-child{border:0}.strip-number{font-family:Georgia,serif;color:#91a28a;font-size:31px;font-style:italic}.strip-grid h2{font-size:14px;font-weight:500;letter-spacing:.04em;margin-bottom:4px}.strip-grid p{font-size:11px;margin:0}.section{padding-block:75px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-family:var(--serif);font-weight:500;font-size:30px;margin-bottom:9px}.section-heading p{font-size:13px;margin-bottom:0}.section-side{font-size:11px;color:#939987;padding-bottom:5px}.filter-tabs{display:flex;gap:9px;margin-bottom:28px}.filter-tab{border:1px solid transparent;padding:8px 18px;border-radius:30px;font-size:12px;color:#78816f;background:transparent}.filter-tab span{font-size:10px;margin-left:8px;opacity:.65}.filter-tab.active{background:var(--green);color:white}.filter-tab:hover:not(.active){background:#e9eee2}.test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.test-grid>div{display:flex}.test-card{border:1px solid #e4e6dc;background:#fffefb;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;width:100%;transition:box-shadow .2s,transform .2s}.test-card:hover{transform:translateY(-4px);box-shadow:0 9px 24px #3e513010}.card-art{position:relative;display:block;overflow:hidden}.card-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}.test-card:hover .card-art img{transform:scale(1.025)}.category-tag{position:absolute;top:15px;left:17px;background:#ffffffe8;color:#55664f;font-size:10px;border:1px solid #ffffff70;padding:3px 10px;border-radius:3px}.card-content{padding:21px 23px 19px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;gap:13px;color:#89907f;font-size:10px;margin-bottom:9px}.card-meta span+span:before{content:"·";margin-right:13px;color:#aeb4a4}.card-content h3{font-size:17px;font-weight:500;letter-spacing:.02em;margin-bottom:9px}.card-content h3 a:hover{color:#658458}.card-content p{font-size:12px;line-height:1.9;margin-bottom:19px;flex:1}.card-link{border-top:1px solid #e8ebdf;padding-top:13px;display:flex;justify-content:space-between;font-size:12px;color:#466840}.card-link span{font-size:19px;line-height:20px}.browse-links{display:flex;justify-content:center;gap:40px;margin-top:35px}.gentle-section{background:#edf0e6;padding-block:36px}.gentle-grid{display:grid;grid-template-columns:.9fr 1fr;gap:80px;align-items:center}.gentle-art{max-height:270px;overflow:hidden;border-radius:120px 120px 5px 5px}.gentle-art img{width:100%;height:270px;object-fit:cover}.gentle-grid h2{font-family:var(--serif);font-weight:500;font-size:27px;margin-bottom:17px;line-height:1.6}.gentle-grid .eyebrow{margin-bottom:12px}.gentle-grid p{font-size:13px;max-width:450px}.care-note{display:flex;gap:19px;align-items:center;padding-block:38px}.care-icon{font-size:33px;color:#8b9c7e}.care-note p{font-size:11px;margin:0}.care-note strong{display:inline-block;color:#53654b;font-size:13px;font-weight:500;margin-bottom:4px}.site-footer{border-top:1px solid var(--line);background:#f1f2eb}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-block:39px 30px}.footer-top .brand{font-size:24px}.footer-top p{font-size:11px;margin:14px 0 0}.footer-links{display:flex;align-items:center;gap:25px;font-size:11px;color:#6c7763}.footer-links a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce1d4;padding-block:19px 23px;font-size:10px;color:#7a8371}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#7b8771;margin-bottom:30px}.breadcrumb a:hover{color:var(--green);text-decoration:underline}.page-intro{background:#edf1e7;padding-block:30px 52px}.page-intro .eyebrow{margin-bottom:11px}.page-intro h1{font-family:var(--serif);font-size:39px;font-weight:500;margin-bottom:15px}.page-intro p{font-size:14px;line-height:2;margin-bottom:22px}.page-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#708063}.page-facts span+span{border-left:1px solid #cdd6c2;padding-left:20px}.listing-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.listing-heading h2{font-size:18px;font-weight:500;margin:0}.listing-heading h2 span{font-size:12px;color:#8b997d;margin-left:12px}.listing-note{text-align:center;font-size:12px;margin:34px 0 0}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:start}.prose h2{font-size:21px;font-weight:500;margin-block:30px 16px}.prose h2:first-child{margin-top:0}.prose p{font-size:14px;line-height:2.1}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.contact-card{padding:35px;background:#eff2e8;border:1px solid #dfe5d5;border-radius:8px}.contact-card h2{font-family:var(--serif);font-size:27px;font-weight:500}.contact-card p{font-size:13px}.contact-item{border-top:1px solid #d7dfcf;padding-block:17px}.contact-item>span{display:block;color:#7e8a73;font-size:11px;margin-bottom:8px}.contact-item a,.contact-item address{font-size:14px;font-style:normal;overflow-wrap:anywhere}.contact-card small{display:block;font-size:10px;color:#7b8771;margin-top:18px}.legal{max-width:800px;padding-block:60px}.not-found{padding-block:110px;text-align:center;min-height:60vh}.not-found h1{font-family:var(--serif);font-size:36px;font-weight:500}.not-found .button{margin-top:20px}.quiz-container{padding-block:32px 60px}.quiz-intro{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:12px;background:#fffefa;overflow:hidden}.quiz-cover{background:#e9ede0;display:flex;align-items:center}.quiz-cover img{width:100%;height:100%;object-fit:cover}.quiz-intro-content{padding:42px}.quiz-intro h1{font-family:var(--serif);font-size:30px;font-weight:500}.quiz-description{font-size:14px}.instructions{margin-block:25px}.instructions h2{font-size:15px;font-weight:500}.instructions ul{padding-left:19px;color:#707d65;font-size:12px;line-height:2}.instructions p{font-size:11px;padding:13px 16px;background:#f1f3eb;border-radius:5px}.source-note{font-size:10px;color:#8a927f;text-align:center;margin-top:30px}.source-note a{text-decoration:underline}.quiz-panel,.quiz-result{max-width:790px;margin:15px auto 0;background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:42px 50px}.quiz-topline{display:flex;justify-content:space-between;gap:15px;color:#7b896f;font-size:12px;margin-bottom:19px}progress{display:block;width:100%;height:6px;appearance:none;border:none;border-radius:9px;background:#e7ecdf;color:#7e9a6b;overflow:hidden}progress::-webkit-progress-bar{background:#e7ecdf}progress::-webkit-progress-value{background:#7e9a6b;border-radius:9px}progress::-moz-progress-bar{background:#7e9a6b;border-radius:9px}.question-index{color:#89977c;font-size:11px;letter-spacing:.16em;margin:35px 0 16px}.quiz-panel h1{font-size:25px;font-weight:500;line-height:1.6;outline:none}.question-tip{font-size:12px;margin-bottom:24px}.answer-options{border:0;padding:0;margin:0;display:grid;gap:13px}.answer-option{display:flex;gap:15px;align-items:center;border:1px solid #dce3d4;border-radius:6px;padding:15px 18px;cursor:pointer;font-size:14px;position:relative}.answer-option input{position:absolute;opacity:0;width:1px;height:1px}.answer-option:has(input:checked){border-color:#739465;background:#eff4e8}.answer-option:has(input:focus-visible){outline:3px solid #bd7d3e;outline-offset:3px}.option-letter{font-family:Georgia,serif;width:27px;height:27px;border:1px solid #cbd5c0;border-radius:50%;text-align:center;line-height:25px;color:#80916d;font-size:13px}.option-check{margin-left:auto;color:#638250;visibility:hidden}.answer-option:has(input:checked) .option-check{visibility:visible}.quiz-actions{display:flex;justify-content:space-between;margin-top:28px}.quiz-private{text-align:center;font-size:10px;margin:25px 0 0}.result-heading{text-align:center}.result-symbol{display:block;font-size:42px;color:#78936b;margin-bottom:8px}.result-heading h1{font-family:var(--serif);font-weight:500;font-size:27px;outline:none}.result-heading p{font-size:12px}.result-note{font-size:12px;color:#6d7b5f;background:#edf2e5;padding:18px;border-radius:5px;margin-block:25px}.dimension{padding-block:22px;border-bottom:1px solid #e5e9de}.dimension-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.dimension-heading h3{font-size:16px;font-weight:500;margin:0}.dimension-heading span{color:#7f8d71;font-size:11px}.dimension p{font-size:13px;margin:16px 0 0}.dimension .dimension-advice{font-size:12px;margin-top:8px}.dimension-advice strong{font-weight:500;color:#577049}.scoring-details{margin-top:25px;font-size:12px;color:#78866b}.scoring-details summary{cursor:pointer}.scoring-details p{margin-top:15px}.result-care{padding:22px;background:#f3f1e9;border-radius:5px;margin-block:28px}.result-care h2{font-size:16px;font-weight:500;margin-bottom:10px}.result-care p{font-size:12px;margin:0}.result-actions{display:flex;justify-content:center;gap:16px}.skip-link{position:fixed;top:-100px;left:15px;z-index:99;background:var(--green);color:white;padding:12px}.skip-link:focus{top:10px}.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}
@media(min-width:1500px){.container{width:min(1260px,calc(100% - 100px))}.hero-grid{padding-block:65px}.hero h1{font-size:48px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.site-header nav{gap:20px}.header-cta{display:none}.hero-grid{gap:20px}.hero h1{font-size:33px}.hero-actions{align-items:flex-start;gap:15px;flex-direction:column}.hero-note{gap:7px;font-size:10px}.visual-caption{left:-10px;padding:14px;font-size:11px}.strip-grid>div{padding-inline:20px;gap:14px}.strip-grid p{font-size:10px}.strip-grid h2{font-size:13px}.card-content{padding:19px}.test-grid{gap:20px}.section-side{display:none}.gentle-grid{gap:40px}.about-grid{gap:40px}.quiz-intro-content{padding:30px}.footer-links{gap:17px}}
@media(max-width:760px){.site-header{height:78px}.brand{font-size:24px}.brand img{width:36px;height:36px}.brand-en{font-size:7px}.header-inner{position:relative}.menu-toggle{display:block;border:1px solid #cdd5c4;color:var(--green);background:transparent;font-size:21px;width:40px;height:40px;border-radius:5px}.site-header nav{display:none;position:absolute;z-index:10;top:77px;left:-24px;right:-24px;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #213b2910}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.site-header nav a{padding:10px}.site-header nav a[aria-current]:after{left:0;top:20px}.hero-grid{grid-template-columns:1fr;padding-block:37px 38px;gap:35px}.hero-copy{padding-top:4px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:36px;line-height:1.6;letter-spacing:.06em}.hero-description{font-size:13px;line-height:2.1;margin-bottom:23px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{padding:12px 17px;font-size:12px;gap:16px}.hero-actions .text-link{font-size:11px;gap:9px}.hero-note{margin-top:23px;font-size:10px;gap:9px}.hero-visual{max-width:480px;width:100%;margin-inline:auto;padding-inline:17px}.hero-visual>img{max-height:405px;object-fit:cover;object-position:center 50%;border-radius:45% 45% 5px 5px}.visual-caption{left:0;bottom:50px;padding:14px 19px;font-size:12px}.image-index{right:17px}.strip-grid{grid-template-columns:1fr;padding-block:6px}.strip-grid>div{padding:17px 0;border-right:0;border-bottom:1px solid #dce1d4;gap:22px}.strip-number{font-size:25px}.strip-grid h2{font-size:13px}.strip-grid p{font-size:11px}.section{padding-block:44px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px}.section-heading .eyebrow{font-size:9px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.card-content{padding:15px}.card-content h3{font-size:15px}.card-content p{font-size:11px}.card-meta{gap:7px;font-size:9px}.card-meta span+span:before{margin-right:7px}.category-tag{font-size:9px;top:10px;left:10px}.filter-tabs{gap:3px}.filter-tab{padding:8px 13px;font-size:11px}.filter-tab span{font-size:9px;margin-left:5px}.browse-links{gap:16px;flex-wrap:wrap;margin-top:28px}.browse-links .text-link{font-size:12px}.gentle-grid{grid-template-columns:1fr;gap:28px}.gentle-art{max-width:360px;width:100%;margin:auto}.gentle-art img{height:210px}.gentle-grid h2{font-size:25px}.gentle-section{padding-block:28px 35px}.care-note{padding-block:28px;gap:13px}.care-note p{font-size:10px}.footer-top{flex-direction:column;padding-block:28px;gap:22px}.footer-links{flex-wrap:wrap;gap:18px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:10px 22px}.page-intro{padding-block:25px 35px}.page-intro h1{font-size:29px}.page-intro p{font-size:13px}.page-facts{gap:12px;font-size:10px}.page-facts span+span{padding-left:12px}.breadcrumb{font-size:10px;gap:9px;margin-bottom:25px}.listing-heading h2{font-size:16px}.listing-heading .text-link{font-size:11px}.about-grid{grid-template-columns:1fr;gap:25px}.contact-card{padding:27px}.legal{padding-block:35px}.quiz-container{padding-block:25px 40px}.quiz-intro{grid-template-columns:1fr}.quiz-cover{max-height:210px;overflow:hidden}.quiz-intro-content{padding:26px}.quiz-intro h1{font-size:26px}.quiz-intro .eyebrow{font-size:9px}.quiz-panel,.quiz-result{padding:25px 21px}.quiz-topline{font-size:10px}.quiz-panel h1{font-size:21px}.answer-option{padding:14px 13px;font-size:12px;gap:11px}.quiz-actions .button{padding:11px 17px;font-size:12px;gap:10px}.result-heading h1{font-size:23px}.result-actions{flex-direction:column}.dimension-heading h3{font-size:14px}.dimension-heading span{font-size:10px}.source-note{text-align:left;font-size:10px;line-height:1.9}.not-found h1{font-size:27px}.not-found{padding-block:75px}.prose p{font-size:13px}.desktop-break{display:none}}
@media(max-width:440px){.test-grid{grid-template-columns:1fr}.card-art img{aspect-ratio:2/1}.card-content{padding:20px}.card-content h3{font-size:18px}.card-content p{font-size:12px}.card-meta{font-size:10px}.category-tag{top:15px;left:17px;font-size:10px}.hero h1{font-size:32px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:10px}.container{width:calc(100% - 40px)}.site-header nav{left:-20px;right:-20px}.hero-note{font-size:9px;gap:7px}.filter-tab{padding-inline:12px}.page-facts{gap:10px}.page-facts span+span{padding-left:10px}.listing-heading{gap:12px}.listing-heading .text-link{font-size:10px}.listing-heading h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}