@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#23352d;background:#f6f4ef;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#f6f4ef}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;overflow:hidden}.topbar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:min(1160px,calc(100% - 32px));min-height:72px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;color:#244d3d;background:transparent;font-family:"Noto Serif SC",serif;font-size:21px;font-weight:700}.brand span{display:grid;width:28px;height:28px;place-items:center;border-radius:10px;color:#fff;background:#3b8a64;font-size:16px}.brand em{color:#769084;font-family:Noto Sans SC,sans-serif;font-size:9px;font-style:normal;letter-spacing:.15em}.topbar-note{display:none;color:#76857d;font-size:13px}.quiet-button,.back-link{border:0;color:#687870;background:transparent;font-size:13px}.quiet-button{margin-left:auto;padding:8px 0}.quiet-button:hover,.back-link:hover{color:#2e6f50}.page{position:relative;width:min(920px,calc(100% - 32px));margin:0 auto;padding:52px 0 64px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:#20392f;font-family:"Noto Serif SC",serif}h2{margin-bottom:14px;font-size:clamp(29px,7vw,45px);line-height:1.3}h2 i,h1 i{color:#3b8a64;font-style:normal}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#51816a;font-size:13px;font-weight:600;letter-spacing:.08em}.icon{display:inline-grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#3b8a64;background:#dcece1;font-style:normal}.page-intro,.hero-copy{color:#6a786f;font-size:15px;line-height:1.9}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 19px;border:1px solid #337c59;border-radius:14px;color:#fff;background:#347c58;box-shadow:0 10px 20px #20563a2b;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.primary-button:hover{background:#286b49;box-shadow:0 13px 24px #20563a3d;transform:translateY(-1px)}.primary-button.large{min-height:54px;padding:13px 25px;font-size:16px}.primary-button.full{width:100%}.primary-button .icon{width:21px;height:21px;color:inherit;background:#ffffff29}.welcome-page{min-height:calc(100vh - 72px);padding-top:clamp(70px,13vh,138px);text-align:center}.welcome-page .eyebrow{justify-content:center}.welcome-page h1{position:relative;z-index:1;margin-bottom:20px;font-size:clamp(39px,10vw,70px);line-height:1.24;letter-spacing:-.04em}.welcome-page .hero-copy{position:relative;z-index:1;margin-bottom:30px}.welcome-stats{display:flex;position:relative;z-index:1;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:40px;color:#75847c;font-size:13px}.welcome-stats b{margin-right:3px;color:#2d7452;font-family:"Noto Serif SC",serif;font-size:21px}.disclaimer{position:relative;z-index:1;margin:35px auto 0;color:#8a948d;font-size:12px;line-height:1.7}.orb{position:absolute;z-index:0;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{top:8%;left:-30%;width:290px;height:290px;background:radial-gradient(circle,#9ecdb37f,#9ecdb300 70%)}.orb-two{right:-28%;bottom:5%;width:320px;height:320px;background:radial-gradient(circle,#e8c88b75,#e8c88b00 70%)}.form-page,.profile-page{max-width:700px;text-align:center}.form-card,.profile-card,.result-card,.result-hero,.alternative-grid article{border:1px solid rgb(79 109 90 / 13%);border-radius:22px;background:#ffffffc7;box-shadow:0 14px 36px #243f300f}.form-card{margin-top:30px;padding:24px;text-align:left}.card-heading{display:flex;align-items:flex-start;gap:12px;padding-bottom:20px;border-bottom:1px solid #e4e9e2}.card-heading .icon{flex:0 0 auto;width:32px;height:32px;font-size:17px}.card-heading b,.card-heading span{display:block}.card-heading b{margin-bottom:4px;color:#2a493a}.card-heading span{color:#829087;font-size:12px;line-height:1.6}.date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 14px}.date-grid-single{grid-template-columns:1fr}.date-grid label{color:#6f7c74;font-size:12px;font-weight:600}.date-grid input{display:block;width:100%;min-width:0;margin-top:7px;padding:12px 9px;border:1px solid #dce4dd;border-radius:12px;outline:none;color:#294536;background:#fff;font-size:16px}.date-grid input[type=date]{min-height:48px;cursor:pointer}.date-grid input:focus{border-color:#5d9b78;box-shadow:0 0 0 3px #56987024}.error-message{margin:-4px 0 14px;color:#af503d;font-size:13px}.form-page .back-link{margin-top:21px}.profile-card{display:grid;align-items:center;gap:20px;margin:32px 0 20px;padding:23px;text-align:left}.profile-mark{display:grid;width:96px;height:96px;place-items:center;border-radius:26px;color:#fff;background:var(--accent);box-shadow:inset 0 0 0 8px #ffffff29;font-family:"Noto Serif SC",serif;font-size:42px}.profile-copy span{color:#72917f;font-size:12px}.profile-copy h3{margin:7px 0;font-size:23px}.profile-copy p{margin:0;color:#6c7a72;font-size:14px;line-height:1.75}.weight-note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:24px auto 28px;color:#78857d;font-size:12px}.weight-note b{color:#367d5a;font-family:"Noto Serif SC",serif;font-size:22px}.weight-note span{align-self:center;margin-right:5px}.element-bars{display:grid;gap:12px}.element-row{display:grid;grid-template-columns:64px 1fr 40px;align-items:center;gap:9px;font-size:12px}.element-label{display:flex;align-items:center;gap:6px;color:#627168}.element-label i{width:8px;height:8px;border-radius:50%}.bar-track{height:8px;overflow:hidden;border-radius:10px;background:#e8eee9}.bar-track span{display:block;height:100%;min-width:4px;border-radius:inherit;transition:width .25s ease}.element-row strong{color:#506159;font-size:12px;text-align:right}.element-bars.compact{margin-top:19px}.element-bars.compact .element-row{grid-template-columns:48px 1fr 34px;gap:7px}.quiz-page{max-width:720px;padding-top:38px}.quiz-top{display:flex;align-items:center;justify-content:space-between;color:#52685b;font-size:14px}.quiz-top .back-link{padding:5px 0}.quiz-top span{color:#2c6047;font-family:"Noto Serif SC",serif;font-size:20px}.quiz-top span i{color:#9aa69f;font-family:Noto Sans SC,sans-serif;font-size:13px;font-style:normal}.progress-line{height:5px;overflow:hidden;margin:19px 0 45px;border-radius:8px;background:#e2e9e2}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6eaa82,#32805a);transition:width .25s ease}.quiz-page h2{max-width:650px;margin-bottom:8px;font-size:clamp(28px,6vw,40px)}.question-note{margin-bottom:28px;color:#7b8980;font-size:14px}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid #e1e8e2;border-radius:17px;color:#415b4d;background:#ffffffb3;text-align:left;transition:border .16s ease,background .16s ease,transform .16s ease}.option:hover,.option.selected{border-color:#6aa183;background:#f1f8f2;transform:translateY(-1px)}.option span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#69917a;background:#e9f1eb;font-size:12px}.option.selected span{color:#fff;background:#3b8a64}.option b{font-size:14px;font-weight:600;line-height:1.55}.option i{color:#7ba18a;font-size:18px;font-style:normal}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px;color:#75847b;font-size:13px}.result-page{max-width:1000px;padding-top:36px}.result-kicker{margin-bottom:4px;color:#789184;font-size:14px}.city-name{margin-bottom:5px;font-size:clamp(49px,11vw,78px);line-height:1.05}.city-province{margin-bottom:28px;color:#728178;font-size:14px}.result-hero{display:grid;gap:18px;margin-bottom:18px;padding:24px;background:linear-gradient(135deg,#eaf4ec,#f8f4e9)}.result-quote{display:grid;grid-template-columns:30px 1fr;gap:10px}.result-quote .icon{width:28px;height:28px}.result-quote p{margin-bottom:9px;color:#3a5849;font-family:"Noto Serif SC",serif;font-size:19px;line-height:1.75}.result-quote span{color:#708078;font-size:13px;line-height:1.7}.result-tags{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px}.result-tags b{padding:7px 11px;border-radius:999px;color:#3a7154;background:#ffffffb3;font-size:12px}.result-grid{display:grid;gap:16px;margin:16px 0 44px}.result-card{padding:20px}.card-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:19px}.card-title span{color:#2d4e3e;font-family:"Noto Serif SC",serif;font-size:18px;font-weight:700}.card-title small{color:#8c9890;font-size:11px}.alternatives{margin:14px 0 23px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-title p{margin-bottom:4px;color:#6c987d;font-size:12px;font-weight:700;letter-spacing:.09em}.section-title h3{margin:0;font-size:26px}.section-title>span{max-width:200px;color:#8a968f;font-size:12px;line-height:1.6;text-align:right}.alternative-grid{display:grid;gap:12px}.alternative-grid article{padding:18px}.alternative-grid article>span{color:#8aa692;font-family:"Noto Serif SC",serif;font-size:13px}.alternative-grid h4{margin:7px 0 8px;font-size:22px}.alternative-grid p{min-height:43px;margin-bottom:13px;color:#728078;font-size:13px;line-height:1.65}.alternative-grid b{color:#397f5c;font-size:13px}.caution-card{margin:23px 0;border-color:#eadcc0;background:#fffaf0}.caution-card p{margin:0;color:#796b52;font-size:14px;line-height:1.8}.result-actions{padding:30px 0 10px;text-align:center}.result-actions p{max-width:540px;margin:18px auto 0;color:#849088;font-size:12px;line-height:1.7}@media(min-width:640px){.topbar{min-height:80px}.topbar-note{display:block}.profile-card{grid-template-columns:110px 1fr;padding:29px}.result-hero{grid-template-columns:1fr 185px;align-items:center;padding:30px}.result-grid{grid-template-columns:1fr 1fr}.alternative-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.page{padding-top:68px}.welcome-page{padding-top:clamp(104px,16vh,168px)}.form-card{padding:30px}}@media(max-width:420px){.topbar{width:min(100% - 24px,1160px)}.page{width:min(100% - 24px,920px)}.date-grid{gap:7px}.date-grid input{padding:11px 6px}.element-row{grid-template-columns:56px 1fr 34px;gap:7px}.section-title{align-items:flex-start;flex-direction:column}.section-title>span{text-align:left}}.welcome-promise{display:grid;position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:640px;margin:35px auto 0;text-align:left}.welcome-promise article{min-height:116px;padding:16px;border:1px solid rgb(77 116 91 / 13%);border-radius:18px;background:#ffffff8a;box-shadow:0 12px 24px #243f300a}.welcome-promise b,.welcome-promise span{display:block}.welcome-promise b{margin-bottom:8px;color:#337654;font-family:"Noto Serif SC",serif;font-size:17px}.welcome-promise span{color:#728078;font-size:12px;line-height:1.75}.form-helper{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;border-radius:12px;color:#697970;background:#f5f8f3;font-size:12px;line-height:1.6}.form-helper .icon{width:20px;height:20px;flex:0 0 auto;font-size:12px}.quiz-position{display:flex;align-items:flex-end;gap:9px}.quiz-position small{color:#8a978f;font-size:11px;white-space:nowrap}.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;color:#5f8c73;font-size:13px;font-weight:600;letter-spacing:.04em}.quiz-meta b{color:#3c7c5b;font-size:12px}.match-insights{margin:0 0 23px}.insight-grid{display:grid;gap:12px}.insight-grid article{min-height:164px;padding:20px;border:1px solid rgb(79 109 90 / 13%);border-radius:20px;background:#ffffffb3}.insight-grid span{display:block;margin-bottom:7px;color:#789181;font-size:12px;font-weight:600;letter-spacing:.06em}.insight-grid b{display:block;margin-bottom:8px;color:#2c6e4b;font-family:"Noto Serif SC",serif;font-size:39px;line-height:1}.insight-grid b small{margin-left:2px;font-family:Noto Sans SC,sans-serif;font-size:16px}.insight-grid strong{display:block;min-height:39px;color:#315a45;font-family:"Noto Serif SC",serif;font-size:20px;line-height:1.45}.insight-grid p{margin:0;color:#748279;font-size:12px;line-height:1.75}.result-copy{display:flex;align-items:center;flex-direction:column;gap:10px;margin:27px 0 38px;text-align:center}.copy-button{min-height:42px;padding:9px 18px;border:1px solid #8fb49d;border-radius:13px;color:#317451;background:#f1f8f2;font-weight:700;transition:background .18s ease,transform .18s ease}.copy-button:hover{background:#e3f0e5;transform:translateY(-1px)}.result-copy span{color:#89958e;font-size:12px;line-height:1.6}@media(min-width:640px){.insight-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:420px){.welcome-promise{grid-template-columns:1fr}.welcome-promise article{min-height:auto}.quiz-position{gap:5px}.quiz-position small{font-size:10px}}