:root{--paper:#f6f3eb;--ink:#173c49;--muted:#647270;--gold:#ab8b4e;--line:#d9d6c9;--serif:'Songti SC','STSong','SimSun','Noto Serif CJK SC',serif;font-size:18px}*{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,'Microsoft YaHei',sans-serif;line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:2.6rem;line-height:1.5;letter-spacing:.09em;margin-bottom:22px}h3{font-size:1.6rem;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{background:transparent;border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}button[aria-pressed=true]{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:rgba(246,243,235,.96);position:relative;z-index:10}.brand{display:flex;gap:14px;align-items:center;font-family:var(--serif);font-size:1.25rem;letter-spacing:.15em;line-height:1.3}.seal{background:var(--ink);color:var(--paper);width:42px;height:47px;text-align:center;font-size:1.8rem;line-height:47px}.brand-line{font-size:.7rem;display:block;letter-spacing:.3em;margin-top:5px}.header nav{display:flex;gap:38px;font-size:.9rem}.header nav a{padding:12px 0}.preferences{display:flex;gap:5px}.preferences button{font-size:.78rem;min-height:44px;padding:8px 11px;border:1px solid transparent}.hero{position:relative;min-height:min(820px,calc(100svh - 92px));isolation:isolate;overflow:hidden}.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2;animation:landscapeIn 2.5s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,243,235,.96) 0%,rgba(246,243,235,.78) 32%,transparent 76%);z-index:-1}.hero-content{padding:88px 8% 145px}.eyebrow,.chapter-label{font-size:.8rem;letter-spacing:.23em;color:var(--muted)}.hero-title{display:flex;align-items:center;gap:30px;margin:25px 0 24px}.hero h1{font-size:7.8rem;line-height:1.2;letter-spacing:.04em;margin:0}.vertical-title{writing-mode:vertical-rl;font:1.55rem/1.4 var(--serif);letter-spacing:.23em;border-left:1px solid var(--gold);padding-left:17px}.red-seal{font:16px/1.2 var(--serif);color:#a44737;border:1px solid #a44737;padding:5px;align-self:flex-end;margin-bottom:22px}.gold-rule{display:block;width:48px;height:1px;background:var(--gold);margin:30px 0}.hero-poem{font:1.35rem/1.7 var(--serif);letter-spacing:.12em;margin-bottom:10px}.hero-desc{color:#506064;line-height:1.9;font-size:1rem}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;padding:12px 26px;border:1px solid var(--ink);font-size:.9rem;border-radius:2px;transition:background .3s,transform .3s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.outline{background:transparent}.text-link{font-size:.88rem;display:inline-block;min-height:44px;padding:9px 0;border-bottom:1px solid #a7afa6}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.12em}.hero-foot a{display:flex;align-items:center;gap:25px;min-height:44px}.skip{position:absolute;right:4%;top:20px;font-size:.75rem;padding:8px 12px;background:#f6f3ebaa}.mobile-only{display:none}.chapter{max-width:1120px;margin:auto;padding:110px 40px}.section-intro{margin-bottom:50px}.section-intro>p:not(.chapter-label){color:var(--muted)}.chapter-label{color:#90794e;margin-bottom:20px}.route-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 35px;margin-bottom:60px}.route-label{font-size:.85rem;margin-bottom:24px}.route-label span{color:var(--muted);font-size:.75rem;margin-left:16px}.route{display:flex;flex-wrap:wrap;gap:10px 0}.route-stop{display:flex;align-items:center;font-family:var(--serif);font-size:1.1rem}.route-stop:not(:last-child):after{content:'—';color:var(--gold);margin:0 15px}.route-stop:last-child{font-weight:bold}.chronicle-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px}.big-char{font:5rem/1 var(--serif);color:#b3b9ac}.side-note>p{font-family:var(--serif);margin-top:25px}.side-note .muted{font: .85rem/1.9 sans-serif;max-width:220px}.muted,.hint{color:var(--muted)}.hint{font-size:.78rem;margin-top:20px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:20px 35px 20px 0;position:relative;min-height:54px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:8px;top:20px;color:var(--gold)}details[open]>summary:after{content:'−'}details>p,details>.detail-body{padding-bottom:18px;font-size:1rem}.chronicles summary{display:flex;gap:18px;align-items:center}.chronicles summary small{font-size:.75rem;color:var(--gold)}.chronicles summary span{font-family:var(--serif);font-size:1.15rem}.source-tag{display:inline-block;font-size:.75rem;color:#80663b;border:1px solid #c7b997;padding:2px 9px;margin-bottom:12px}.callout{border-left:2px solid var(--gold);background:#a88b5010;padding:15px 18px;font-size:.9rem}.settle{background:linear-gradient(90deg,rgba(23,60,73,.96),rgba(23,60,73,.82)),url('assets/landscape.webp') center/cover;color:#f6f3eb}.settle-inner{max-width:1120px}.settle .chapter-label{color:#c8b07e}.settle p{color:#d1d9d6}.place-line{display:flex;align-items:center;flex-wrap:wrap;gap:25px;color:#d9c79f;margin:30px 0}.ancestor-pair{display:flex;align-items:center;margin:35px 0 25px}.ancestor-pair button{font:1.8rem/1.7 var(--serif);border:1px solid #8c9d9b;padding:15px 30px;min-width:140px}.ancestor-pair small{font:.7rem/1.5 sans-serif;display:block;letter-spacing:.15em;color:#c4cecb}.ancestor-connector{width:80px;height:1px;background:#c4ae7d}.settle details{border-color:#527079;max-width:700px}.tree-panel{padding:30px 36px;background:#eceee7;border:1px solid #d6dcd2}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:26px;border-bottom:1px solid #cbd4c9;font-size:1rem}.panel-heading small{display:inline-block;font-size:.75rem;margin-left:10px;color:var(--muted)}.panel-heading button{font-size:.8rem;border:1px solid #a4b3aa;padding:7px 12px;min-height:44px}.tree-center{display:flex;flex-direction:column;align-items:center;padding:24px 0 14px}.node{border:1px solid #bac8bd;background:var(--paper);padding:10px 19px;min-height:54px;min-width:100px;text-align:center;font:1.1rem/1.5 var(--serif);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .4s,background .4s}.node small{font:.72rem/1.6 sans-serif;color:var(--muted)}.node:hover,.node.highlight{border-color:var(--gold);background:#ede5cf}.tree-stem{height:28px;width:1px;background:var(--gold)}.branches{display:grid;grid-template-columns:1fr 1fr;gap:28px}.branch{border-top:1px solid var(--gold)}.branch>summary{text-align:center;padding:20px 28px}.branch>summary strong{font:1.15rem var(--serif)}.branch>summary span{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.branch-chain{display:flex;flex-direction:column;align-items:center}.children-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;position:relative;padding:25px 0}.children-row:before{content:'';position:absolute;top:0;height:20px;width:1px;background:var(--gold)}.branch .node{font-size:1rem;min-width:85px;padding:9px 14px}.minor-branch{margin-top:24px;font-size:.9rem}.minor-content{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding-bottom:20px}.list-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:.9rem}.list-row button{min-height:44px;border-bottom:1px solid var(--gold)}.list-row small{color:var(--muted)}.find-section{background:#e9ede6}.find-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.find-layout h2{font-size:2.2rem}.search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #748c84;padding:8px 0;margin-top:35px}.search-field>span{font-size:1.8rem}.search-field input{width:100%;min-width:0;background:transparent;border:0;outline:none;min-height:48px;color:var(--ink);font-size:.95rem}.name-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.name-options button{border:1px solid #b9c6ba;padding:6px 12px;min-height:44px;background:#ffffff40;font-size:.85rem}.name-options button small{font-size:.72rem;display:block;color:#80663b}.root-card{background:#f9f6ee;border:1px solid #d5d7c9;padding:32px;position:relative;box-shadow:0 18px 35px #183d4909}.root-card:before{content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid #d6c7a1}.unselected{padding:30px 0;text-align:center}.small-seal{display:inline-block;border:1px solid var(--gold);font:1.1rem var(--serif);padding:6px;margin-bottom:32px;color:#8c7040}.unselected h3{font-size:2rem;margin:25px 0}.unselected>p:not(.chapter-label){font-size:.9rem;color:var(--muted)}.unselected button{margin-top:20px}.person-title{text-align:center;padding:15px 0 20px;border-bottom:1px solid var(--line)}.person-title h3{font-size:2.5rem;margin:12px 0}.person-title p{font-size:.85rem;margin-bottom:0}.person-path{display:flex;flex-direction:column;align-items:center;gap:0;padding:25px 0}.path-item{display:flex;align-items:center;justify-content:center;gap:18px;min-height:45px;position:relative;font-family:var(--serif);font-size:1.1rem}.path-item small{font:.72rem sans-serif;color:var(--muted);min-width:55px}.path-item:not(:last-child):after{content:'';position:absolute;bottom:-8px;left:62%;width:1px;height:10px;background:var(--gold)}.path-item:last-child{background:#e4e8dc;padding:4px 22px;margin-top:8px}.root-card .button{width:100%}.relation-row{font-size:.9rem;padding:10px 0;border-bottom:1px solid var(--line)}.relation-row>span{color:var(--muted);margin-right:12px}.relation-row button{min-height:44px;text-decoration:underline;text-underline-offset:5px;margin-right:8px}.record-notes{font-size:.85rem;padding-top:15px}.work summary{font-size:.9rem}.work p{font-size:.9rem}.houses-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.house summary{padding:27px 35px 27px 0}.house summary span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:8px}.house summary strong{font:1.6rem var(--serif)}.house-child{padding:20px 0;border-top:1px solid var(--line)}.house-child>button{font:1.15rem var(--serif);min-height:44px;padding:0}.house-child p{font-size:.85rem;color:var(--muted);margin:8px 0}.descendant-links{display:flex;flex-wrap:wrap;gap:8px}.descendant-links button{min-height:44px;font-size:.9rem;border-bottom:1px solid #abb4a8}.legacy{background:var(--ink);color:var(--paper);text-align:center}.legacy .chapter-label{color:#c7b07e}.legacy h2{margin-bottom:55px}.generation-group{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:20px 0;font:1.65rem/1.5 var(--serif)}.generation-group span{min-width:36px;padding:7px 4px}.generation-group .current{background:#d4be8a;color:var(--ink);padding:7px 13px}.legacy-caption{font-size:.85rem;line-height:1.9;color:#bbc9c9;margin:35px 0 0}.legacy-end{font:1.2rem/2 var(--serif);letter-spacing:.1em;margin-top:65px;color:#e3d7bb}.closing{text-align:center;padding-top:95px;padding-bottom:70px}.closing-seal{display:inline-block;border:1px solid #a04739;color:#a04739;font:1.7rem var(--serif);padding:6px 9px;margin:15px 0 35px}.closing h2{font-size:2.4rem}.closing>p:not(.chapter-label){color:var(--muted);letter-spacing:.12em}.closing-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:35px 0 20px}.closing-links{display:flex;justify-content:center;gap:30px;font-size:.85rem}.closing-links a{padding:12px 0}.notes{padding-top:0;padding-bottom:40px}.notes details>summary{border-top:1px solid var(--line)}.notes .button{display:block;margin-top:20px}.check-item{font-size:.9rem;margin:25px 0}.check-item h3{font-size:1.1rem;margin-bottom:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:30px 5%;font-size:.75rem;color:var(--muted)}.reading-progress{height:3px;position:fixed;top:0;left:0;width:100%;z-index:40;background:transparent}.reading-progress span{display:block;height:100%;width:0;background:var(--gold)}.floating-find{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;z-index:8;border:1px solid #a8b4aa;background:#f6f3ebee;box-shadow:0 4px 20px #123b4910;min-height:48px;min-width:48px;padding:10px;font-size:.8rem;text-align:center}dialog{border:1px solid #d6c7a1;color:var(--ink);background:var(--paper);width:min(540px,calc(100% - 28px));max-height:88svh;padding:25px;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#132e37aa;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:25px;font-size:.9rem}.close-dialog{min-width:44px;min-height:44px;font-size:1.7rem}#card-image{display:block;width:100%;height:auto}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 24px;z-index:99;max-width:90%;font-size:.9rem}.reveal.entered{animation:inkIn .7s ease-out both}.branch[open] .node{animation:inkIn .5s both}.hero-content{animation:inkIn 1.2s ease-out both}@keyframes inkIn{from{opacity:.15;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes landscapeIn{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}html.large{font-size:21px}html.simple{scroll-behavior:auto}.simple *{animation:none!important;transition:none!important}.simple .skip{display:none}body.modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(min-width:1400px){.hero-content{padding-left:calc((100vw - 1120px)/2)}.hero{min-height:780px}}@media(max-width:760px){:root{font-size:18px}.header{height:74px;padding:0 20px;gap:10px}.brand{font-size:1.1rem;gap:10px}.brand-line{font-size:12px}.seal{width:34px;height:40px;line-height:40px;font-size:1.5rem}.header nav{display:none}.preferences button{padding:8px;font-size:14px}.hero{min-height:calc(100svh - 74px);min-height:max(760px,calc(100svh - 74px))}.hero-landscape{object-position:58% 75%;height:78%;top:22%}.hero:after{background:linear-gradient(180deg,rgba(246,243,235,1) 3%,rgba(246,243,235,.93) 24%,rgba(246,243,235,.45) 49%,rgba(246,243,235,0) 76%,rgba(246,243,235,.2))}.hero-content{padding:64px 26px 255px;position:relative}.eyebrow{font-size:.75rem;letter-spacing:.1em;max-width:90%}.hero-title{gap:21px;margin:28px 0 20px}.hero h1{font-size:5.1rem}.vertical-title{font-size:1.23rem;padding-left:12px}.red-seal{font-size:13px;margin-bottom:10px;padding:4px}.gold-rule{margin:25px 0}.hero-poem{font-size:1.18rem;letter-spacing:.08em}.hero-desc{font-size:.95rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px}.hero-actions .button{padding:12px 28px;gap:40px}.hero-actions .text-link{background:#f6f3eb66}.hero-foot{bottom:16px;left:24px;right:24px;font-size:12px;letter-spacing:0}.hero-foot a{gap:10px}.skip{top:12px;right:15px;font-size:12px}.chapter{padding:75px 25px}h2,.closing h2{font-size:1.95rem;letter-spacing:.035em}.section-intro{margin-bottom:36px}.chapter-label{font-size:.78rem}.route-label{font-size:.85rem}.route-label span{display:block;margin-left:0;margin-top:6px}.route-stop{font-size:1rem}.route-stop:not(:last-child):after{margin:0 10px}.chronicle-layout{grid-template-columns:1fr;gap:15px}.side-note{display:none}.chronicles summary{gap:14px}.chronicles summary span{font-size:1.1rem}.ancestor-pair button{min-width:110px;padding:15px 20px}.ancestor-connector{width:45px}.place-line{gap:15px;font-size:.9rem}.tree-panel{padding:20px 16px;margin:0 -7px}.panel-heading{flex-wrap:wrap;padding-bottom:18px;font-size:.9rem}.panel-heading small{margin-left:4px}.branches{gap:14px}.branch>summary{padding:20px 19px 20px 0}.branch>summary strong{font-size:1rem}.branch>summary span{font-size:.72rem}.branch .node{padding:9px 12px;min-width:85px}.children-row{gap:10px}.find-layout{grid-template-columns:1fr;gap:15px}.find-layout h2{font-size:1.9rem}.root-card{padding:25px}.name-options{gap:9px}.name-options button{padding:7px 12px}.houses-grid{grid-template-columns:1fr}.generation-group{gap:8px;font-size:1.38rem}.generation-group span{min-width:27px}.generation-group .current{padding:7px 10px}.legacy-end{font-size:1.07rem;letter-spacing:.02em}.closing{padding-bottom:55px}.closing-actions{flex-direction:column}.closing-actions .button{width:100%}.notes{padding-top:0;padding-bottom:35px}.notes .text-link{margin-top:15px}footer{padding:25px;display:block;font-size:.75rem}footer span{display:block;margin-top:5px}.floating-find{right:13px;bottom:calc(15px + env(safe-area-inset-bottom))}html.large .hero h1{font-size:4.4rem}html.large .hero-title{gap:14px}html.large .branches{grid-template-columns:1fr}html.large .hero-content{padding-left:22px;padding-right:22px}html.large .eyebrow{font-size:.75rem}html.large .chapter{padding-left:22px;padding-right:22px}html.large .header{padding:0 13px}html.large .brand-line{font-size:12px}html.large .hero-foot>span{max-width:53%}html.large .generation-group{gap:6px}}
.child-expander{width:100%;max-width:100%;border-bottom:0}.child-expander>summary{font-size:.78rem;text-align:center;padding:16px 23px 12px 4px;overflow-wrap:anywhere;line-height:1.8}.child-expander>summary:after{top:17px;right:7px}.children-row>.branch-chain{min-width:0;max-width:100%;flex:1 1 100px}.children-row .children-row{flex-direction:column;align-items:center;padding-top:16px}.children-row .child-expander>summary{font-size:.75rem}.branches .branch-chain{min-width:0}.person-path .path-item{max-width:100%;overflow-wrap:anywhere}.root-card{scroll-margin-top:25px}.chronicles p{overflow-wrap:anywhere}@media(max-width:760px){.branches>.branch:nth-child(2)>.branch-chain>.children-row{flex-direction:column;align-items:stretch;width:100%}.children-row>.branch-chain{flex:auto}.branch>summary:after{right:0}.generation-group{row-gap:5px}html.large .hero h1{font-size:clamp(64px,23vw,100px)}html.large .hero-title{flex-wrap:wrap}}
.entered .route-stop{animation:inkIn .6s both}.entered .route-stop:nth-child(2){animation-delay:.08s}.entered .route-stop:nth-child(3){animation-delay:.16s}.entered .route-stop:nth-child(4){animation-delay:.24s}.entered .route-stop:nth-child(5){animation-delay:.32s}.entered .route-stop:nth-child(6){animation-delay:.4s}.entered .route-stop:nth-child(7){animation-delay:.48s}.entered .route-stop:nth-child(8){animation-delay:.56s}.entered .route-stop:nth-child(9){animation-delay:.64s}.entered .route-stop:nth-child(10){animation-delay:.72s}.entered .tree-stem,.branch[open] .tree-stem{transform-origin:top;animation:lineGrow .6s ease-out both}@keyframes lineGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}.legacy .entered .generation-group{animation:inkIn .7s both}.legacy .entered .generation-group:nth-child(2){animation-delay:.15s}.legacy .entered .generation-group:nth-child(3){animation-delay:.3s}.hint,.legacy-caption{font-size:.89rem}.record-notes{font-size:.9rem}.simple .route-stop,.simple .tree-stem{animation:none!important}@media(prefers-reduced-motion:reduce){.route-stop,.tree-stem,.generation-group{animation:none!important}}