:root{--teal: #2f8f7d;--teal-dark: #257264;--teal-50: #e6f3ef;--rose: #cf7892;--rose-soft: #f6cdd6;--rose-50: #fbeef1;--amber: #f4a23b;--amber-dark: #d9851d;--ink: #3a2e35;--ink-soft: #6b5d63;--muted: #9c9098;--line: #ece3e6;--bg: #fffdfb;--bg-soft: #f7f1ec;--radius: 18px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(80, 50, 60, .04), 0 10px 30px rgba(120, 70, 85, .07);--shadow-sm: 0 1px 3px rgba(80, 50, 60, .08);--wrap: 1060px;--serif: "Lora", Georgia, "Times New Roman", serif;--sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.7;color:var(--ink);background:var(--bg)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--serif);line-height:1.25;color:var(--ink);font-weight:600}h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:0 0 .5em;letter-spacing:-.01em}h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:1.9em 0 .6em}h3{font-size:1.22rem;margin:1.5em 0 .4em;font-weight:700}.site-main{min-height:60vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:#fff;font-weight:700;font-size:1rem;padding:13px 26px;border:none;border-radius:999px;cursor:pointer;transition:background .15s,transform .05s;font-family:inherit}.btn:hover{background:var(--teal-dark);text-decoration:none}.btn:active{transform:translateY(1px)}.btn--amber{background:var(--amber);color:#4a2f08}.btn--amber:hover{background:var(--amber-dark)}.btn--ghost{background:transparent;color:var(--teal-dark);border:1.5px solid var(--line)}.btn--ghost:hover{background:var(--teal-50);border-color:var(--teal-50)}.site-header{position:sticky;top:0;z-index:50;background:#fffdfbeb;backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:16px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;color:var(--ink);font-family:var(--serif)}.brand:hover{text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;flex:none}.brand-mark svg{width:100%;height:100%}.brand-name{letter-spacing:-.01em}.site-nav{display:flex;gap:4px;margin-left:auto}.nav-link{color:var(--ink-soft);font-weight:600;font-size:.97rem;padding:8px 14px;border-radius:999px}.nav-link:hover{background:var(--bg-soft);text-decoration:none}.nav-link.active{color:var(--teal-dark);background:var(--teal-50)}.nav-toggle{display:none;margin-left:auto;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ink);padding:4px 8px}@media(max-width:760px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:2px;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 20px 16px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-link{padding:11px 14px}}.hero{padding:56px 0 24px;background:radial-gradient(1200px 380px at 80% -10%,var(--rose-50),transparent 60%),radial-gradient(900px 360px at 0% 0%,var(--teal-50),transparent 55%)}.hero h1{max-width:18ch}.hero .lead{font-size:1.2rem;color:var(--ink-soft);max-width:58ch;margin:0 0 18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.eyebrow{display:inline-block;font-family:var(--sans);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rose);margin-bottom:12px}.tool-grid{display:grid;gap:16px;margin:28px 0;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tool-card{display:block;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 20px;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s,border-color .12s}.tool-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--rose-soft)}.tool-card .ico{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--teal-50);border-radius:15px}.tool-card h3{margin:14px 0 4px;font-family:var(--serif)}.tool-card p{margin:0;color:var(--ink-soft);font-size:.97rem}.tool-card .badge{display:inline-block;margin-top:12px;font-size:.82rem;font-weight:700;color:var(--teal-dark)}.tool-card.is-soon .badge{color:var(--muted)}.prose{max-width:740px;margin:0 auto;padding:36px 0 56px}.prose p{margin:0 0 1em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.name-hero{display:flex;align-items:center;gap:18px;margin:4px 0 14px}.monogram{flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:24px;font-family:var(--serif);font-size:2.6rem;font-weight:700;background:var(--teal-50);color:var(--teal-dark)}.monogram.zh{background:var(--rose-50);color:var(--rose)}.name-hero h1{margin:0 0 4px}.name-hero .name-sub{margin:0;color:var(--muted);font-size:.96rem}@media(max-width:480px){.monogram{width:64px;height:64px;font-size:2rem;border-radius:18px}}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--ink-soft)}.callout{background:var(--teal-50);border-left:4px solid var(--teal);border-radius:var(--radius-sm);padding:14px 18px;margin:0 0 22px}.callout b{color:var(--teal-dark)}.disclaimer{display:flex;gap:10px;align-items:flex-start;background:var(--bg-soft);border:1px dashed var(--rose-soft);border-radius:var(--radius-sm);padding:12px 16px;margin:20px 0;font-size:.92rem;color:var(--ink-soft)}.disclaimer .ico{color:var(--rose);flex:none;display:inline-flex;margin-top:2px}.facts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:24px 0}.facts .row{display:grid;grid-template-columns:200px 1fr;background:var(--bg)}.facts .row>dt{padding:13px 18px;font-weight:700;color:var(--ink-soft);background:var(--bg-soft)}.facts .row>dd{padding:13px 18px;margin:0}@media(max-width:560px){.facts .row{grid-template-columns:1fr}.facts .row>dt{padding-bottom:2px;background:var(--bg)}}.cases{width:100%;border-collapse:collapse;margin:18px 0 8px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.cases th,.cases td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line)}.cases thead th{background:var(--teal-50);color:var(--teal-dark);font-weight:700}.cases tbody tr:last-child td{border-bottom:none}.cases td.q{color:var(--muted);font-size:.92rem}.cases td.form{font-weight:700;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.chip{display:inline-block;background:var(--rose-50);color:var(--rose);border:1px solid var(--rose-soft);border-radius:999px;padding:5px 13px;font-size:.93rem;font-weight:700}.cta-box{background:linear-gradient(135deg,var(--teal-50),var(--rose-50));border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:32px 0;text-align:center}.cta-box p{margin:0 0 14px;font-size:1.08rem;color:var(--ink)}.related{margin-top:36px;border-top:1px solid var(--line);padding-top:20px}.related ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.related li a{display:inline-block;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:7px 16px;color:var(--ink);font-weight:600}.related li a:hover{text-decoration:none;border-color:var(--teal);color:var(--teal-dark)}.faq{margin-top:32px}.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 18px;margin-bottom:10px;background:var(--bg)}.faq summary{cursor:pointer;font-weight:700;padding:12px 0;font-family:var(--serif)}.faq details[open] summary{color:var(--teal-dark)}.name-index{padding:36px 0 56px}.alpha-nav{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 30px}.alpha-nav a{display:inline-grid;place-items:center;min-width:36px;height:36px;background:var(--bg-soft);border:1px solid var(--line);border-radius:9px;font-weight:700;color:var(--ink-soft)}.alpha-nav a:hover{text-decoration:none;background:var(--teal-50);color:var(--teal-dark)}.name-group{margin:28px 0}.name-group h2{margin:0 0 12px}.name-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.name-list a{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;color:var(--ink)}.name-list a:hover{text-decoration:none;border-color:var(--rose-soft);background:var(--rose-50)}.name-list .nm{font-weight:700}.name-list .mn{color:var(--muted);font-size:.86rem}.gender-tag{font-size:.78rem;font-weight:800;padding:1px 8px;border-radius:999px}.gender-tag.zh{background:var(--rose-50);color:var(--rose)}.gender-tag.m{background:var(--teal-50);color:var(--teal-dark)}.weeksize{background:linear-gradient(135deg,var(--teal-50),var(--rose-50));border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin:22px 0}.weeksize-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ws-label{display:block;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--rose)}.ws-fruit{display:block;font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--ink);margin-top:2px}.ws-metrics{display:flex;gap:16px}.ws-metrics span{color:var(--ink-soft);font-size:.95rem}.ws-metrics b{font-size:1.5rem;font-family:var(--serif);color:var(--teal-dark)}.ws-ruler{width:100%;height:56px;margin-top:16px;display:block}.ws-note{margin:14px 0 0;color:var(--ink-soft)}.weeks-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin:16px 0 8px}.week-card{display:block;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px}.week-card:hover{text-decoration:none;border-color:var(--rose-soft);background:var(--rose-50)}.week-card .wn{font-weight:800;color:var(--ink)}.week-card .wf{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}.week-nav{display:flex;justify-content:space-between;gap:12px;margin:28px 0 8px}.week-nav a{flex:1}.week-nav .nv{display:block;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 16px;color:var(--ink)}.week-nav .nv:hover{text-decoration:none;border-color:var(--teal)}.week-nav .nv.next{text-align:right}.week-nav .nv small{display:block;color:var(--muted);font-size:.8rem}.rank-cols{display:grid;gap:28px;grid-template-columns:1fr 1fr;margin:22px 0}@media(max-width:640px){.rank-cols{grid-template-columns:1fr}}.rank-col h3{display:flex;align-items:center;gap:8px;margin:0 0 12px}.rank-chart{display:grid;gap:10px}.rank-row{display:flex;align-items:center;gap:11px}.rank-num{flex:none;width:22px;text-align:right;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.rank-body{flex:1;min-width:0}.rank-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:4px}.rank-head a,.rank-head .nm{font-weight:700;color:var(--ink)}.rank-head a:hover{color:var(--teal-dark)}.rank-head .cnt{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.rank-track{height:9px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.rank-fill{height:100%;border-radius:999px}.rank-fill.m{background:linear-gradient(90deg,var(--teal),#57b89f)}.rank-fill.zh{background:linear-gradient(90deg,var(--rose),var(--rose-soft))}.rank-row.top .rank-num{color:var(--amber-dark)}.rank-badge{display:inline-flex;align-items:center;gap:7px;margin:2px 0 0;background:var(--amber);color:#4a2f08;font-weight:800;font-size:.9rem;padding:5px 13px;border-radius:999px;text-decoration:none}.rank-badge:hover{text-decoration:none;filter:brightness(.97)}.rank-badge .star{font-size:.95rem}.cyc-months{display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:8px}@media(max-width:560px){.cyc-months{grid-template-columns:1fr}}.cyc-month h4{margin:0 0 8px;text-align:center;font-family:var(--serif);text-transform:capitalize}.cyc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cyc-grid .wd{font-size:.72rem;color:var(--muted);text-align:center;padding:2px 0}.cyc-day{aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:9px;font-size:.86rem;color:var(--ink);background:var(--bg-soft)}.cyc-day.blank{background:transparent}.cyc-day.period{background:var(--rose);color:#fff}.cyc-day.fertile{background:var(--teal-50);color:var(--teal-dark)}.cyc-day.ovul{background:var(--teal);color:#fff;font-weight:800}.cyc-day.today{outline:2px solid var(--amber);outline-offset:-2px}.cyc-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;color:var(--ink-soft);margin-top:14px}.cyc-legend span{display:inline-flex;align-items:center;gap:6px}.cyc-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}.cyc-legend i.period{background:var(--rose)}.cyc-legend i.fertile{background:var(--teal-50)}.cyc-legend i.ovul{background:var(--teal)}.growth-block{margin-top:18px}.growth-block h3{margin:0 0 8px}.growth-chart{width:100%;height:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.growth-chart .band{fill:var(--teal-50)}.growth-chart .median{fill:none;stroke:var(--teal);stroke-width:2}.growth-chart .edge{fill:none;stroke:var(--rose-soft);stroke-width:1.4;stroke-dasharray:4 3}.growth-chart .axis{stroke:var(--line);stroke-width:1}.growth-chart .tick{fill:var(--muted);font-size:9px}.growth-chart .pt{fill:var(--rose);stroke:#fff;stroke-width:2}.growth-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.84rem;color:var(--ink-soft);margin-top:8px}.growth-legend span{display:inline-flex;align-items:center;gap:6px}.growth-legend i{width:16px;height:3px;border-radius:2px;display:inline-block}.growth-legend i.med{background:var(--teal)}.growth-legend i.bnd{background:var(--teal-50);height:10px}.growth-legend i.dot{width:10px;height:10px;border-radius:50%;background:var(--rose)}.assess-band{display:inline-block;font-weight:800;font-size:.8rem;padding:2px 10px;border-radius:999px;margin-top:4px}.assess-band.norm{background:var(--teal-50);color:var(--teal-dark)}.assess-band.below,.assess-band.above{background:#fdeecf;color:#8a5a12}.calc{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin:24px 0}.calc-methods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.method-btn{flex:1 1 auto;background:var(--bg-soft);border:1.5px solid var(--line);color:var(--ink-soft);font-family:inherit;font-weight:700;font-size:.95rem;padding:10px 12px;border-radius:999px;cursor:pointer;transition:all .12s}.method-btn:hover{border-color:var(--teal)}.method-btn.is-active{background:var(--teal-50);border-color:var(--teal);color:var(--teal-dark)}.calc-fields{display:grid;gap:14px;grid-template-columns:1fr 1fr}.calc-field{display:flex;flex-direction:column;gap:6px}.calc-field.full{grid-column:1 / -1}.calc-field>span{font-weight:700;font-size:.92rem;color:var(--ink-soft)}.calc-field input{font-family:inherit;font-size:1.05rem;color:var(--ink);padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.calc-field input:focus{outline:none;border-color:var(--teal)}.scan-inputs{display:flex;align-items:center;gap:8px;color:var(--ink-soft)}.scan-inputs input{width:88px}@media(max-width:520px){.calc-fields{grid-template-columns:1fr}}.calc-empty{color:var(--muted);text-align:center;padding:18px 0 4px;margin:0}.calc-result{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.result-main{text-align:center;background:linear-gradient(135deg,var(--teal-50),var(--rose-50));border-radius:var(--radius);padding:20px;margin-bottom:18px}.result-main .result-label{display:block;font-size:.9rem;color:var(--ink-soft);font-weight:700}.result-main .result-date{display:block;font-family:var(--serif);font-size:clamp(1.5rem,5vw,2.1rem);font-weight:700;color:var(--teal-dark);margin:4px 0 2px}.result-main .result-sub{font-size:.92rem;color:var(--muted)}.result-term{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin-bottom:16px}.result-term>div{background:var(--bg-soft);border-radius:var(--radius-sm);padding:12px 8px}.result-term b{display:block;font-size:1.15rem;color:var(--ink);font-family:var(--serif)}.result-term span{font-size:.82rem;color:var(--muted)}.progress{height:10px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin-bottom:18px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--teal),var(--rose));border-radius:999px;transition:width .3s}.milestones{list-style:none;padding:0;margin:0 0 4px}.milestones li{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--line)}.milestones li:last-child{border-bottom:none}.milestones .ms-label{color:var(--ink-soft)}.milestones .ms-date{font-weight:700;color:var(--ink);white-space:nowrap}.milestones li.is-past .ms-label,.milestones li.is-past .ms-date{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}.result-note{font-size:.9rem;color:var(--ink-soft);background:var(--rose-50);border-radius:var(--radius-sm);padding:10px 14px;margin:14px 0 0}.site-footer{margin-top:60px;background:var(--bg-soft);border-top:1px solid var(--line);padding:40px 0 28px}.footer-inner{display:grid;gap:26px;grid-template-columns:1.4fr 1fr 1.4fr}@media(max-width:760px){.footer-inner{grid-template-columns:1fr}}.brand--footer{font-size:1.15rem}.footer-tagline{color:var(--ink-soft);font-size:.95rem;margin:10px 0 0;max-width:34ch}.footer-nav{display:flex;flex-direction:column;gap:8px}.footer-nav a{color:var(--ink-soft);font-weight:600}.footer-legal{font-size:.88rem;color:var(--muted)}.footer-legal a{display:inline-block;margin-right:14px;color:var(--ink-soft)}.footer-disclaimer{margin:14px 0 6px;line-height:1.55}.footer-copy{margin:6px 0 0}.sources{font-size:.88rem;color:var(--muted);margin-top:28px;border-top:1px solid var(--line);padding-top:14px}.sources b{color:var(--ink-soft)}