:root{color:#2d251c;background:#eee3ce;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{position:relative;margin:0;min-width:320px;min-height:100vh;background:linear-gradient(118deg,rgba(255,255,255,.36) 0 10%,transparent 10% 18%,rgba(255,248,219,.34) 18% 28%,transparent 28% 42%),linear-gradient(242deg,rgba(255,255,255,.3) 0 9%,transparent 9% 21%,rgba(235,197,101,.2) 21% 33%,transparent 33% 46%),linear-gradient(180deg,#fffaf0,#efe0ba 46%,#cfb37a)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,.34) 48% 52%,transparent 52% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 94px),repeating-linear-gradient(0deg,rgba(101,75,42,.035) 0 1px,transparent 1px 18px);opacity:.72;pointer-events:none}button{font:inherit}.app{position:relative;min-height:100vh;padding:0}.app-header{position:fixed;z-index:12;top:18px;left:clamp(16px,3vw,34px);max-width:min(330px,calc(100vw - 420px));pointer-events:auto}.language-switch{position:fixed;z-index:18;top:18px;right:24px;display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(115,79,39,.18);border-radius:8px;background:#fffaeee0;box-shadow:0 10px 26px #3d2b171a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-switch__button{height:30px;padding:0 10px;border:0;border-radius:7px;color:#604b36;background:transparent;font-size:12px;font-weight:800;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.language-switch__button:hover,.language-switch__button--active{color:#4a2b12;background:#ffe8b8db;box-shadow:inset 0 0 0 1px #9d5c1f1f}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7a4e25;font-size:15px;font-weight:700}h1{margin:6px 0 4px;color:#2b2117;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.8vw,24px);line-height:1.18;letter-spacing:0}.app-header p{max-width:300px;margin:0;color:#65523e;font-size:12px;line-height:1.45}.header-copy{overflow:hidden;max-height:76px;animation:headerCopySettle .7s ease 3.2s forwards}.app-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;width:min(282px,calc(100vw - 32px));height:36px;margin-top:10px;padding:0 6px 0 10px;border:1px solid rgba(118,78,35,.18);border-radius:8px;color:#714c25;background:#fffaeed1;box-shadow:0 8px 22px #402a1214;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-search input{width:100%;min-width:0;border:0;outline:0;color:#332417;background:transparent;font-size:13px}.app-search input::placeholder{color:#5d432a9e}.app-search button{height:26px;padding:0 9px;border:1px solid rgba(118,78,35,.18);border-radius:7px;color:#5c3b1d;background:#fff1d5b8;font-size:12px;font-weight:800;cursor:pointer}@keyframes headerCopySettle{to{max-height:0;opacity:0;transform:translateY(-4px)}}.workspace{min-height:100vh}.graph-shell{position:relative;overflow:hidden;min-height:100vh;border:0;border-radius:0;background:linear-gradient(180deg,#fffdf5e6,#f4e5c2c2),linear-gradient(112deg,rgba(255,255,255,.44) 0 12%,transparent 12% 28%,rgba(232,186,74,.14) 28% 34%,transparent 34% 100%),repeating-linear-gradient(90deg,rgba(119,83,42,.035),rgba(119,83,42,.035) 1px,transparent 1px,transparent 26px);box-shadow:0 26px 80px #4630182e,inset 0 1px #ffffffb8}.graph-toolbar{position:absolute;z-index:5;top:64px;right:24px;left:390px;display:flex;justify-content:flex-end;align-items:center;gap:12px;pointer-events:auto}.graph-shell--panel-open .graph-toolbar{right:372px}.graph-toolbar div{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid rgba(115,79,39,.2);border-radius:8px;background:#fffaeee6;box-shadow:0 10px 26px #3d2b171a}.graph-toolbar .zoom-controls{gap:6px;padding:4px}.graph-toolbar span{color:#80644a;font-size:13px}.graph-toolbar strong{color:#2f2418}.graph-toolbar button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(95,59,24,.2);border-radius:8px;color:#3b2c1d;background:#fff7e7;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.graph-toolbar button{width:34px;height:34px;padding:0;pointer-events:auto}.graph-toolbar button:hover,.book-controls button:hover,.book-toggle:hover,.legend-toggle:hover,.icon-button:hover{transform:translateY(-1px);background:#fff1d5;box-shadow:0 10px 26px #48311821}.graph-toolbar button.is-active{border-color:#9d5c1f8a;color:#6a3b15;background:#ffe6b0;box-shadow:inset 0 0 0 1px #9d5c1f26,0 10px 26px #48311821}.book-toggle{display:none;position:absolute;z-index:7;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 12px;border:1px solid rgba(115,79,39,.2);border-radius:8px;color:#4b3420;background:#fffaeeeb;box-shadow:0 8px 18px #3d2b171f;font-size:13px;font-weight:800;cursor:pointer}.legend-toggle{position:absolute;z-index:7;left:28px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 12px;border:1px solid rgba(115,79,39,.18);border-radius:8px;color:#4b3420;background:#fffaeed1;box-shadow:0 8px 18px #3d2b171a;font-size:13px;font-weight:800;cursor:pointer}.book-controls{position:absolute;z-index:6;top:146px;left:28px;display:grid;gap:5px;width:148px;padding:6px 0;pointer-events:auto}.book-controls:before{content:"";position:absolute;top:13px;bottom:13px;left:17px;width:2px;border-radius:999px;background:linear-gradient(180deg,#9d5c1f14,#9d5c1f47,#9d5c1f14)}.book-controls button{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;position:relative;width:148px;height:30px;padding:0 8px;border:0;border-radius:8px;color:#4b3420;background:transparent;box-shadow:none;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.book-controls button:before{content:"";position:relative;z-index:1;flex:0 0 auto;width:10px;height:10px;margin:0;border:2px solid rgba(255,250,238,.9);border-radius:999px;background:#9669347a;box-shadow:0 0 0 1px #9669342e}.book-controls button span{position:relative;z-index:2;min-width:0;padding:4px 8px;border:1px solid rgba(115,79,39,.16);border-radius:7px;color:#4b3420;background:#fffaeeeb;box-shadow:0 6px 14px #3d2b1714;opacity:1;pointer-events:none;transform:none;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;white-space:nowrap}.book-controls .book-control--active{color:#6a3b15;background:#ffe6b070}.book-controls .book-control--active:before{background:#9d5c1f;box-shadow:0 0 0 5px #daa8433d}.book-controls button:hover span,.book-controls .book-control--active span{border-color:#9d5c1f3d;color:#6a3b15;background:#fff6e2f5;box-shadow:0 8px 18px #3d2b171a}.graph-location{position:absolute;z-index:5;top:82px;left:390px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:5px 8px;min-width:224px;padding:10px 12px;border:1px solid rgba(115,79,39,.18);border-radius:8px;color:#604b36;background:#fffaeee6;box-shadow:0 10px 26px #3d2b171a;font-size:12px;pointer-events:none}.graph-location strong{color:#2f2418;font-size:13px}.graph-location small{grid-column:2 / span 2;color:#7a5a35;font-size:12px}.relationship-graph{display:block;width:100%;height:100vh;min-height:100vh;touch-action:none}.book-bands text{fill:#4a30172e;font-family:Georgia,Times New Roman,serif;font-size:82px;font-weight:800}.book-bands path{fill:none;stroke:#b88b3438;stroke-width:4}.book-bands .book-separator{stroke:#7252272e;stroke-width:3;stroke-dasharray:18 16}.book-map-link{fill:none;stroke:#9d5c1f38;stroke-width:3;stroke-dasharray:10 12}.book-map-node{cursor:pointer;outline:none}.book-map-node rect{fill:#fff9e8db;stroke:#77502638;stroke-width:1.4;filter:none;transition:fill .18s ease,stroke .18s ease,filter .18s ease}.book-map-node:hover rect,.book-map-node--active rect{fill:#ffefc9f2;stroke:#9d5c1f94;filter:url(#softShadow)}.book-map-node text{pointer-events:none}.book-map-index{fill:#7a522694;font-size:14px;font-weight:900}.book-map-title{fill:#302317;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:800}.book-map-count{fill:#76583a;font-size:12px;font-weight:700}.overview-book-band{cursor:pointer;outline:none}.overview-book-band rect{fill:#fffaee57;stroke:#8056262e;stroke-width:1.5;stroke-dasharray:10 12;transition:fill .18s ease,stroke .18s ease}.overview-book-band:hover rect,.overview-book-band--active rect{fill:#fff4da8a;stroke:#9d5c1f61}.overview-book-band text{pointer-events:none}.overview-book-index{fill:#7a522680;font-size:16px;font-weight:900}.overview-book-title{fill:#302317c2;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:800}.overview-book-count{fill:#6f5234b8;font-size:13px;font-weight:700}.era-bands text{fill:#684723b8;font-size:24px;font-weight:700;font-family:Georgia,Times New Roman,serif}.era-bands path{fill:none;stroke:#b3832b73;stroke-width:2}.relation{fill:none;stroke-width:1.9;opacity:.34;transition:opacity .18s ease,stroke-width .18s ease}.relation--parent{stroke:#8f642e;stroke-width:2.4;opacity:.5}.relation--divine{stroke:#b98b25;stroke-width:2.6;opacity:.48}.relation--spouse{stroke:#9f5f57;stroke-dasharray:6 8;opacity:.28}.relation--sibling{stroke:#6f7d56;stroke-dasharray:3 8;opacity:.24}.relation--story{stroke:#57708b;stroke-dasharray:10 8;stroke-width:1.5;opacity:.18}.relation--muted{opacity:.06}.graph-shell--overview .relation--muted{opacity:.035}.relation--active{opacity:1;stroke-width:4.4;filter:drop-shadow(0 0 5px rgba(176,129,39,.28))}.graph-shell--overview .relation{opacity:.16;stroke-width:1.25}.graph-shell--overview .relation--parent{opacity:.32;stroke-width:1.9}.graph-shell--overview .relation--divine{opacity:.22}.graph-shell--overview .relation--story{opacity:.1}.person-node{cursor:pointer;outline:none;transition:opacity .18s ease}.person-node .node-card{fill:url(#parchmentPattern);stroke:#573b1f2e;stroke-width:1;filter:none;transition:stroke .18s ease,stroke-width .18s ease,filter .18s ease}.person-node .portrait-frame{fill:none;stroke:#8356276b;stroke-width:1.6;filter:none;pointer-events:none}.person-node text{fill:#322417;font-size:17px;font-weight:800;dominant-baseline:middle}.person-node .name-text--compact{font-size:14px;line-height:1.2}.person-node--muted{opacity:.18}.person-node--active{opacity:1}.person-node:hover .node-card,.person-node--related .node-card{filter:url(#softShadow);stroke:#c08a2e;stroke-width:2.4}.person-node--related .portrait-frame{stroke:#c08a2e;stroke-width:2}.person-node--selected .node-card{filter:url(#softShadow);stroke:#9d5c1f;stroke-width:3}.person-node--selected .portrait-frame{stroke:#9d5c1f;stroke-width:2.6}.portrait-placeholder{fill:#dcc28f7a;stroke:#8356272e;stroke-width:1.2}.hover-card{position:fixed;z-index:20;width:min(360px,calc(100vw - 34px));max-height:min(430px,calc(100vh - 34px));overflow:auto;padding:18px;border:1px solid rgba(122,83,36,.24);border-radius:8px;background:linear-gradient(145deg,#fffdf3fa,#eed8aef0),repeating-linear-gradient(0deg,rgba(110,73,34,.045),rgba(110,73,34,.045) 1px,transparent 1px,transparent 8px);box-shadow:0 24px 68px #34231147,inset 0 1px #ffffffb8;pointer-events:none}.hover-card--pinned{pointer-events:auto}.detail-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(95,59,24,.2);border-radius:8px;background:#fff7e5e6;cursor:pointer}.hover-card strong{display:block;margin:0 34px 8px 0;color:#2c2116;font-family:Georgia,Times New Roman,serif;font-size:28px}.hover-card p{margin:0 0 12px;color:#604b36;font-size:14px;line-height:1.75}.hover-card span,.hover-card small{display:block;color:#7a5a35;font-size:12px}.person-panel{position:fixed;z-index:16;top:66px;right:18px;bottom:18px;width:336px;overflow:auto;padding:20px;border:1px solid rgba(121,83,38,.18);border-radius:8px;background:linear-gradient(150deg,#fffdf4e6,#eed8acb8),linear-gradient(115deg,rgba(255,255,255,.22) 0 18%,transparent 18% 42%),repeating-linear-gradient(0deg,rgba(110,73,34,.035),rgba(110,73,34,.035) 1px,transparent 1px,transparent 9px);box-shadow:0 18px 52px #3d2b1726,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translate(calc(100% + 28px));transition:opacity .18s ease,transform .18s ease}.person-panel--open{opacity:1;pointer-events:auto;transform:translate(0)}.panel-close{position:absolute;top:16px;right:16px;width:36px;height:36px}.panel-kicker{color:#7a4e25;font-size:13px;font-weight:800}.person-panel h2{margin:8px 42px 10px 0;color:#2d2117;font-family:Georgia,Times New Roman,serif;font-size:30px;letter-spacing:0}.panel-summary,.person-panel section p{color:#584532;line-height:1.72}.person-panel section{margin-top:22px;padding-top:18px;border-top:1px solid rgba(101,68,33,.15)}.person-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#3a2b1d;font-size:16px}.panel-empty{display:grid;align-content:center;min-height:100%}.panel-empty h2{font-size:24px}.panel-empty p{color:#6a5138;max-width:250px;line-height:1.55}.graph-legend{position:absolute;left:clamp(18px,3vw,42px);bottom:66px;display:none;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid rgba(115,79,39,.18);border-radius:8px;background:#fffaeee6}.graph-legend--open{display:flex}.graph-legend span{display:inline-flex;align-items:center;gap:6px;color:#604b36;font-size:12px}.graph-legend i{display:inline-block;width:22px;height:3px;border-radius:999px}.legend-parent{background:#8f642e}.legend-divine{background:#b98b25}.legend-spouse{background:repeating-linear-gradient(90deg,#9f5f57 0 5px,transparent 5px 9px)}.legend-story{background:repeating-linear-gradient(90deg,#57708b 0 8px,transparent 8px 12px)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tag-row span,.reference-list span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid rgba(114,77,37,.18);border-radius:999px;color:#6a4826;background:#fff6e2bd;font-size:12px;font-weight:700}.reference-list{display:flex;flex-wrap:wrap;gap:8px}.relation-list{display:grid;gap:10px}.relation-item{width:100%;text-align:left;padding:12px;border:1px solid rgba(114,77,37,.16);border-radius:8px;color:inherit;background:#fff8eaa3;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.relation-item:hover{transform:translateY(-1px);border-color:#9d5c1f57;background:#fff1d5db}.relation-item:disabled{cursor:default;opacity:.7}.relation-list strong,.relation-list span,.relation-list small{display:block}.relation-list strong{color:#2d2117}.relation-list span{margin-top:4px;color:#6a5138;font-size:13px}.relation-list small{margin-top:6px;color:#8a6c49}@media(max-width:1080px){.app{padding:0}.app-header{grid-template-columns:1fr;max-width:min(330px,calc(100vw - 36px))}.header-card{min-height:auto}.graph-shell,.relationship-graph{min-height:100vh}.graph-toolbar{top:64px;right:18px;left:18px;max-width:calc(100vw - 36px);flex-wrap:wrap;justify-content:flex-end}.graph-location{left:auto;right:18px;top:78px}.person-panel{top:auto;left:14px;right:14px;bottom:14px;width:auto;max-height:46vh;padding:20px}}@media(max-width:720px){.language-switch{top:12px;right:12px}.language-switch__button{height:28px;padding:0 8px;font-size:12px}.app-header{top:12px;left:12px;max-width:min(220px,calc(100vw - 150px))}.eyebrow{font-size:13px}h1{font-size:16px}.app-header p{display:none}.header-copy{max-height:28px}.app-search{width:min(242px,calc(100vw - 24px));height:34px;margin-top:7px}.graph-shell,.relationship-graph{min-height:100vh}.graph-toolbar{top:auto;right:14px;left:14px;bottom:26px;justify-content:flex-end;align-items:flex-end;pointer-events:auto}.graph-toolbar div{pointer-events:auto;height:auto;min-height:40px;flex-direction:column;flex-wrap:nowrap}.graph-toolbar .zoom-controls{min-height:40px;flex-direction:row;gap:3px;padding:4px}.book-toggle{top:92px;left:14px;display:inline-flex}.book-controls{top:132px;left:14px;right:auto;display:none;width:154px;max-width:calc(100vw - 28px);max-height:min(58vh,470px);gap:5px;padding:8px;overflow-y:auto;border:1px solid rgba(115,79,39,.16);border-radius:8px;background:#fffaeee6;box-shadow:0 14px 34px #3d2b1724}.book-controls:before{display:none}.book-controls--open{display:grid}.book-controls button{width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid rgba(115,79,39,.18);border-radius:8px;background:#fffaeee0}.book-controls button:before{width:7px;height:7px;margin-right:6px;border:0}.book-controls button span{position:static;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;opacity:1;transform:none}.book-controls button:hover span,.book-controls .book-control--active span{transform:none}.legend-toggle{right:auto;bottom:26px;left:14px;display:inline-flex}.graph-legend{left:16px;right:auto;bottom:68px;display:none;width:min(260px,calc(100vw - 32px))}.graph-legend--open{display:flex}.graph-location{left:auto;top:92px;right:12px;min-width:178px;padding:8px 10px}.person-panel:not(.person-panel--open){display:none}.person-panel{max-height:42vh}.person-node,.person-node .node-card,.relation,.overview-book-band rect{transition:none}.person-node:hover .node-card,.person-node--related .node-card,.person-node--selected .node-card,.relation--active{filter:none}.graph-shell--overview .relation{opacity:.2}}