@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-latin-800-normal.J50vIsBe.woff2) format("woff2"),url(/_astro/bricolage-grotesque-latin-800-normal.Br4b-5gk.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2) format("woff2"),url(/_astro/atkinson-hyperlegible-latin-400-normal.BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2) format("woff2"),url(/_astro/atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff) format("woff")}:root{--bg: #f2f4f1;--surface: #ffffff;--well: #eaeeeb;--ink: #17201c;--ink-2: #2a3631;--ink-soft: #3e4a45;--muted: #55625c;--line: #dce2de;--line-strong: #b9c4be;--seal: #c2321c;--jade: #1f6b57;--jade-ink: #134537;--jade-soft: #cfe5dc;--on-ink: #f2f4f1;--on-ink-soft: #cbd5d0;--on-ink-muted: #aebbb4;--link-on-ink: #9fd9c4;--harm-soft: #f3d5cf;--harm-ink: #7a1e11;--today: #f6edeb;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-han: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;--gutter-l: max(20px, env(safe-area-inset-left, 0px));--gutter-r: max(20px, env(safe-area-inset-right, 0px))}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6}a{color:var(--jade)}a:hover{color:var(--jade-ink)}:focus-visible{outline:3px solid var(--jade);outline-offset:2px}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.han{font-family:var(--font-han);font-weight:700}.wrap{max-width:1120px;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;text-wrap:balance}h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.02em}h2{margin:0;font-size:clamp(26px,3.2vw,32px);line-height:1.15}h3{margin:0;font-size:21px;line-height:1.2}p{margin:0}.seal{flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--seal);color:#fff;border-radius:6px;font-family:var(--font-han);font-weight:700;box-shadow:inset 0 0 0 2px #ffffff59}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:19px}.logo:hover{color:var(--ink)}.logo .seal{width:36px;height:36px;font-size:20px}.site-nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:15px}.site-nav a{text-decoration:none;color:var(--ink-soft);padding-block:8px}.site-nav a[aria-current=page]{color:var(--ink);font-weight:700}.site-footer{margin-top:64px;background:var(--ink);color:var(--on-ink-soft);font-size:14px}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px;padding-block:36px 16px}.site-footer nav{display:flex;flex-direction:column;gap:6px}.site-footer a{color:var(--on-ink)}.site-footer button{background:none;border:0;padding:0;color:var(--on-ink);text-decoration:underline;text-align:left}.footer-heading{margin:0;font-weight:700;color:var(--on-ink-muted)}.footer-note{max-width:340px;display:flex;flex-direction:column;gap:6px}.copyright{padding-block:0 24px!important;color:var(--on-ink-muted);font-size:13px}.section{padding-block:48px 8px;display:flex;flex-direction:column;gap:16px}.section>p,.lede{max-width:46em;color:var(--ink-soft)}.lede{font-size:18px}.breadcrumb{padding-top:32px;font-size:14px;color:var(--muted)}.page-head{padding-block:12px 8px;display:flex;flex-direction:column;gap:12px;max-width:46em}.split,.section.split{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;align-items:flex-start}.split>*{flex:1 1 420px;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}.hero{padding-block:48px 32px;display:flex;flex-wrap:wrap;gap:32px;align-items:stretch}.hero-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px}.pill-note{align-self:flex-start;display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.pill-note .han{color:var(--seal)}.finder{padding:20px;display:flex;flex-direction:column;gap:16px}.finder fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.finder legend{padding:0;margin-bottom:8px;font-weight:700;font-size:15px}.field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink-soft)}.field-month{flex:2 1 150px}.field-day{flex:1 1 80px}.field-year{flex:1 1 100px}.field select,.field input{display:block;width:100%;height:50px;margin:0;border:1px solid var(--line-strong);border-radius:10px;padding:0 14px;font-family:var(--font-body);font-size:17px;line-height:1.2;color:var(--ink);background-color:var(--surface);font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none}.field select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2355625c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.field input[type=number]{-moz-appearance:textfield}.field input::-webkit-outer-spin-button,.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field select:hover,.field input:hover{border-color:var(--muted)}.btn-primary{min-height:52px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;font-size:17px}.btn-primary:hover{background:var(--ink-2)}.fine{font-size:13px;color:var(--muted)}.result{flex:1 1 380px;min-width:0;background:var(--ink);color:var(--on-ink);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:18px}.result-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--on-ink-muted)}.result-tag{letter-spacing:.08em;text-transform:uppercase}.result-sign{display:flex;align-items:center;gap:20px}.art-tile{flex:none;position:relative;width:128px;height:128px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center}.art-tile img{width:112px;height:112px;object-fit:contain}.art-tile .seal{position:absolute;right:-8px;bottom:-8px;width:36px;height:36px;font-size:20px;box-shadow:0 0 0 3px var(--ink)}.result-name{display:flex;flex-direction:column;gap:2px;min-width:0}.result-name .small{font-size:15px;color:var(--on-ink-muted)}.result-name .big{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1.05}.result-name .sub{font-size:15px;color:var(--on-ink-soft)}.edge{background:var(--ink-2);border-radius:10px;padding:12px 14px;font-size:15px}.facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.facts dt{font-size:13px;color:var(--on-ink-muted)}.facts dd{margin:0;font-weight:700}.result .trait{font-size:15px;color:var(--on-ink-soft)}.result-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:15px}.result a{color:var(--link-on-ink)}.result-error .big{font-family:var(--font-display);font-weight:800;font-size:26px}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.btn-share{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--on-ink-muted);background:transparent;color:var(--on-ink);font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:8px}.btn-share:hover{background:var(--ink-2)}.btn-share:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 8l5-5 5 5M5 13v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 8l5-5 5 5M5 13v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6'/%3E%3C/svg%3E") center / contain no-repeat}.share-status{flex:1 1 220px;min-width:0;font-size:14px;color:var(--link-on-ink)}.share-fallback{width:min(100%,360px);height:40px;border-radius:8px;border:1px solid var(--on-ink-muted);background:var(--ink-2);color:var(--on-ink);padding:0 10px;font-size:14px}.signs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.sign-card{padding:16px;display:flex;flex-direction:column;gap:8px}.sign-card.is-next{border-color:var(--seal)}.sign-card-top{display:flex;justify-content:space-between;align-items:flex-start}.sign-card img{width:96px;height:96px;object-fit:contain}.sign-card .order{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.sign-card .order .han{color:var(--seal);margin-right:6px}.sign-card .sign-name{font-family:var(--font-display);font-weight:800;font-size:21px;line-height:1.2}.sign-card .years{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.sign-card .trait{font-size:14px;color:var(--muted)}.timeline{margin:0;padding:22px;display:flex;flex-direction:column;gap:16px}.timeline figcaption{font-weight:700}.timeline-bar{display:flex;border-radius:10px;overflow:hidden;font-size:14px}.timeline-bar>div{min-width:0;padding:12px;display:flex;flex-direction:column;gap:4px}.timeline-old{flex:47 1 0;background:#dce7e1}.timeline-new{flex:53 1 0;background:var(--seal);color:#fff}.timeline-bar b{font-weight:700}.table-box{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}.table caption{text-align:left;padding:14px 16px 0;font-size:14px;color:var(--muted)}.table th,.table td{padding:10px 16px;border-bottom:1px solid #eef1ef;text-align:left;vertical-align:middle}.table thead th{color:var(--muted);font-size:14px;font-weight:500;border-bottom-color:var(--line)}.table tbody th{font-weight:700}.table .soft{color:var(--ink-soft)}.table tr.is-now{background:var(--today)}.table .seal{width:30px;height:30px;font-size:17px}.sign-cell{display:inline-flex;align-items:center;gap:10px}.badge{margin-left:8px;font-size:12px;font-weight:700;color:#fff;background:var(--seal);border-radius:999px;padding:2px 8px}.elements-table{min-width:560px}.years-table{min-width:680px}.filters{padding:16px;display:flex;flex-direction:column;gap:12px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-row>span{font-size:14px;color:var(--muted);margin-right:4px}.filter{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #c9d2cd;background:var(--surface);font-size:15px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.jump{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--muted)}.count{font-size:15px;color:var(--ink-soft)}.pickers{flex:1 1 360px;min-width:0;padding:20px;display:flex;flex-direction:column;gap:16px}.pair{flex:2 1 480px}.pair-seals{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pair-seals .art-tile{width:96px;height:96px}.pair-seals .art-tile img{width:84px;height:84px}.pair-seals .plus{font-size:22px;color:var(--on-ink-muted)}.rel-chip{align-self:flex-start;display:inline-flex;gap:8px;align-items:center;font-size:14px;border-radius:999px;padding:4px 12px;background:var(--ink-2)}.legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--ink-soft)}.legend li{display:inline-flex;align-items:center;gap:8px}.mark{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid var(--line)}.chart-box{overflow-x:auto;padding:12px}.chart{display:grid;grid-template-columns:96px repeat(12,minmax(48px,1fr));gap:4px;min-width:740px}.chart-head{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:11px}.chart-head .han{font-size:16px}.chart-row{display:flex;align-items:center;gap:8px;padding:0 8px;min-height:44px;border-radius:8px;font-size:14px}.chart-head.is-on,.chart-row.is-on{background:var(--ink);color:#fff}.chart-cell{min-height:44px;border-radius:8px;border:1px solid var(--line);font-size:18px;font-weight:700;padding:0}.chart-cell[aria-pressed=true]{border:3px solid var(--ink)}.r-six-harmony{background:var(--jade);color:#fff}.r-three-harmony{background:var(--jade-soft);color:var(--jade-ink)}.r-same{background:#e3e8e5;color:var(--ink)}.r-neutral{background:var(--surface);color:var(--muted)}.r-harm{background:var(--harm-soft);color:var(--harm-ink)}.r-clash{background:var(--seal);color:#fff}.kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.kind{padding:18px;display:flex;flex-direction:column;gap:8px}.kind h3{font-size:20px}.kind h3 .han{color:var(--seal);margin-right:8px}.kind p{font-size:15px;color:var(--ink-soft)}.kind .pairs{font-size:14px;color:var(--muted)}.faq{display:flex;flex-direction:column;gap:12px}.faq details{padding:16px 18px}.faq summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted)}.faq details[open] summary:after{content:"–"}.faq details p{margin-top:10px;color:var(--ink-soft)}.disclaimer{font-size:14px;color:var(--muted)}.faq-row,.section.faq-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;align-items:flex-start}.faq-row>.faq-main{flex:999 1 560px;min-width:0}.legal{padding-block:40px;max-width:760px}.legal h1{font-size:clamp(30px,4vw,40px);margin-bottom:20px}.legal-body{display:flex;flex-direction:column;gap:14px;color:var(--ink-soft)}.legal-body h2{font-size:22px;margin-top:12px;color:var(--ink)}.legal-body ul{margin:0;padding-left:1.2em}.screen{padding-block:80px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.screen .btn-primary{display:inline-flex;align-items:center;padding:0 24px;text-decoration:none}@media(max-width:560px){.result{padding:22px}.result-name .big{font-size:32px}.art-tile{width:104px;height:104px}.art-tile img{width:92px;height:92px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}