@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--ink:#26372f;--muted:#7d8b7e;--green:#315a45;--lime:#dce79a;--paper:#f7f7f0;--line:#e0e5da}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}main{max-width:1600px;margin:auto}.header{border-bottom:1px solid #e4e8dd;justify-content:space-between;align-items:center;height:84px;padding:0 6.4%;display:flex}.brand{color:var(--ink);letter-spacing:2px;align-items:center;gap:10px;font-family:Noto Serif SC,serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.brand small{letter-spacing:2px;margin-top:2px;font:600 8px DM Sans,sans-serif;display:block}.header-note{color:#7f8d80;letter-spacing:1px;font-size:12px}.dot{background:#a7bc79;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.layout{grid-template-columns:46% 54%;min-height:calc(100vh - 84px);display:grid}.intro{background:#e7ecdc;flex-direction:column;min-width:0;padding:62px 14% 34px;display:flex}.intro-top,.section-kicker{justify-content:space-between;align-items:center;display:flex}.eyebrow,.section-kicker,.result-head{letter-spacing:2px;color:#8a9b83;font-size:10px;font-weight:700}.eyebrow span{color:#b5c0ab}.seal{color:#758d72;border:1px solid #91a58a;padding:5px;font-family:serif;font-size:11px;line-height:1.2}.intro h1{letter-spacing:2px;margin:43px 0 22px;font:500 clamp(29px,3vw,44px)/1.55 Noto Serif SC,serif}.intro h1 em{color:#6e8970;font-style:normal}.intro-copy{color:#7e9080;font-size:13px;line-height:2}.art{border-top:1px solid #c8d4bf;border-bottom:1px solid #c8d4bf;height:230px;margin-top:35px;position:relative;overflow:hidden}.art-sun{background:#d3dfbb;border-radius:50%;width:130px;height:130px;position:absolute;top:35px;right:17%}.art-line{border:1px solid #9fb49a;border-radius:50%;width:160%;height:160px;position:absolute;bottom:-98px;left:-25%;transform:rotate(-8deg)}.art-line.two{border-color:#b0c3a9;bottom:-112px;transform:rotate(3deg)}.art-line.three{border-color:#b0c3a9;bottom:-125px;transform:rotate(-2deg)}.art-text{color:#7b9179;letter-spacing:3px;font:14px/2 Noto Serif SC,serif;position:absolute;top:36px;left:4px}.art-index{letter-spacing:2px;color:#99aa94;font-size:8px;position:absolute;bottom:14px;right:0}.intro-bottom{color:#91a28c;letter-spacing:1px;margin-top:auto;padding-top:25px;font-size:11px}.intro-bottom span{float:right;font-size:18px}.workspace{flex-direction:column;min-width:0;padding:45px 14% 0;display:flex}.stepper{color:#aab4a6;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex}.step{align-items:center;gap:8px;display:flex}.step>span{border:1px solid #d8dfd3;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.step.active{color:var(--green);font-weight:700}.step.active>span,.step.done>span{background:var(--green);color:#fff;border-color:var(--green)}.step i{background:#dfe5da;width:32px;height:1px;margin-left:4px;display:block}.content{width:100%;max-width:510px;margin:65px auto 70px}.section-kicker{color:#93a58c}.content h2{letter-spacing:1px;margin:18px 0 12px;font:600 30px Noto Serif SC,serif}.content h2 span{color:#9aaf83}.subtitle{color:#96a195;margin:0 0 36px;font-size:13px;line-height:1.8}label{margin-bottom:23px;font-size:12px;font-weight:600;display:block}label b{color:#9aaf83}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe6da;border-radius:3px;outline:none;height:47px;margin-top:10px;padding:0 14px;display:block}input:focus,textarea:focus{border-color:#78987b;box-shadow:0 0 0 3px #dfead9}input::placeholder,textarea::placeholder{color:#c1cac0}label small{color:#a6b1a4;margin-top:8px;font-size:10px;font-weight:400;display:block}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-icon{position:relative}.input-icon svg{color:#a4b3a1;pointer-events:none;position:absolute;top:15px;right:14px}.input-icon input{padding-right:40px}.input-icon input[type=time]::-webkit-calendar-picker-indicator{z-index:1;opacity:0;position:relative}.primary{background:var(--green);color:#fff;text-align:left;border:0;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 18px;font-weight:600;transition:background .2s;display:flex}.primary:hover{background:#264b38}.privacy{color:#9ba99a;gap:12px;margin-top:24px;font-size:11px;line-height:1.8;display:flex}.privacy>span{color:#95ae83;font-size:17px}.privacy p{margin:0}.privacy strong{color:#829581;font-weight:600}.workspace footer{color:#a3afa1;border-top:1px solid #e2e8df;justify-content:space-between;margin-top:auto;padding:21px 0;font-size:10px;display:flex}.demo-notice{color:#71826d;text-align:center;background:#eef1e4;padding:11px 20px;font-size:11px;line-height:1.6}.direction-list{gap:10px;margin-bottom:28px;display:grid}.direction{text-align:left;width:100%;color:var(--ink);background:#fff;border:1px solid #e0e7dc;align-items:flex-start;gap:16px;padding:19px;display:flex}.direction:hover,.direction.selected{background:#f4f8ef;border-color:#779777}.dir-num{color:#a4b5a0;margin-top:4px;font-size:10px}.dir-text{flex:1}.dir-text strong{font:600 17px Noto Serif SC,serif;display:block}.dir-text small{color:#95a293;margin:8px 0;font-size:11px;line-height:1.7;display:block}.dir-text em{color:#789575;letter-spacing:1px;font-size:10px;font-style:normal}.radio{color:#fff;border:1px solid #bdcbbb;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.selected .radio{background:var(--green);border-color:var(--green)}.pref span{color:#a5b0a3;margin-left:5px;font-weight:400}.pref textarea{resize:vertical;height:75px;padding:13px}.back{color:#819281;background:0 0;border:0;align-items:center;gap:7px;padding:16px 0;font-size:12px;display:flex}.error{color:#a74c40;font-size:12px}.result-head{border-bottom:1px solid #dfe6db;justify-content:space-between;padding-bottom:13px;display:flex}.name-list{margin-bottom:28px}.name-list article{border-bottom:1px solid #e5ebe1;align-items:flex-start;gap:18px;padding:18px 0;display:flex}.name-num{color:#a7b6a2;padding-top:5px;font-size:10px}.name-list article>div{flex:1}.name-list h3{letter-spacing:2px;margin:0 0 7px;font:600 20px Noto Serif SC,serif}.name-list p{color:#89998a;margin:0;font-size:12px;line-height:1.6}.name-list svg{color:#b3c3a8;margin-top:5px}@media (max-width:850px){.header{height:68px;padding:0 6%}.layout{display:block}.intro{padding:38px 7% 30px}.intro h1{margin:25px 0 12px;font-size:31px;line-height:1.5}.intro-copy{margin:0}.art{height:130px;margin-top:24px}.art-sun{width:85px;height:85px;top:18px}.art-line{bottom:-120px}.art-line.two{bottom:-133px}.art-line.three{bottom:-145px}.art-text{top:16px}.intro-bottom{display:none}.workspace{padding:30px 7% 0}.content{margin:45px auto 50px}.workspace footer{gap:15px}.header-note{font-size:11px}}@media (max-width:390px){.stepper{gap:6px;font-size:10px}.step{gap:5px}.step i{width:15px}.row{gap:9px}.content h2{font-size:26px}.workspace footer{font-size:9px}}.gender-field{border:0;margin:0 0 23px;padding:0}.gender-field legend{font-size:12px;font-weight:600}.gender-field legend b{color:#9aaf83}.gender-options{gap:12px;margin-top:10px;display:flex}.gender-options label{cursor:pointer;background:#fff;border:1px solid #dfe6da;border-radius:3px;flex:1;align-items:center;gap:9px;margin:0;padding:13px 14px;display:flex}.gender-options label:has(input:checked){background:#f4f8ef;border-color:#78987b}.gender-options input{accent-color:#315a45;width:16px;height:16px;margin:0}