:root{color:#243e34;font-synthesis:none;--forest:#173d32;--forest-2:#245445;--paper:#f4ecd9;--paper-deep:#e8d9b9;--gold:#d4a942;--red:#a6463e;--ink-muted:#6f6a59;--line:#30433733;background:#e9dfc7;font-family:Source Han Serif SC,Noto Serif CJK SC,Songti SC,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#e9dfc7;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d6aa45a6}body:before{content:"";pointer-events:none;z-index:100;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}.app{background:radial-gradient(circle at 13% 7%, #e2b84b3d, transparent 27rem), linear-gradient(100deg, #2454450a 1px, transparent 1px), var(--paper);background-size:auto,48px 48px,auto;min-height:100vh}.masthead{color:#f6efd9;border-bottom:5px solid var(--gold);background:linear-gradient(90deg,#0a2820fc 0%,#10392ded 42%,#10392d7a 75%,#10392d47),url(../assets/official-08.jpg) 50% 38%/cover;min-height:230px;padding:32px clamp(22px,6vw,88px) 38px;position:relative;overflow:hidden}.masthead:before,.masthead:after{content:"";border:1px solid #f2d68f2b;border-radius:50%;position:absolute}.masthead:before{width:430px;height:430px;top:-245px;right:-130px;box-shadow:0 0 0 48px #f2d68f06,0 0 0 96px #f2d68f06}.masthead:after{width:250px;height:250px;bottom:-230px;left:42%;box-shadow:0 0 0 36px #f2d68f08}.brand-mark{letter-spacing:.28em;color:#ddc98e;align-items:center;gap:9px;font-size:11px;display:flex}.masthead h1{z-index:1;letter-spacing:.03em;text-shadow:0 6px 25px #0000004d;margin:18px 0 3px;font-family:FZKai-Z03,STKaiti,KaiTi,cursive;font-size:clamp(58px,9vw,104px);font-weight:400;line-height:.9;position:relative}.masthead p{color:#f7f0dbc2;letter-spacing:.18em;margin:17px 0 0 5px;font-size:13px}.yellow-flowers i{background:#e8bf4f;border-radius:80% 20% 70% 30%;width:9px;height:13px;animation:8s ease-in-out infinite drift;display:block;position:absolute;box-shadow:0 0 15px #e8bf4f99}.yellow-flowers i:first-child{top:22%;right:16%}.yellow-flowers i:nth-child(2){animation-delay:-2s;top:63%;right:24%;transform:rotate(80deg)}.yellow-flowers i:nth-child(3){animation-delay:-4s;top:55%;right:7%}.yellow-flowers i:nth-child(4){animation-delay:-5s;top:18%;right:36%}.yellow-flowers i:nth-child(5){animation-delay:-3s;top:30%;left:43%}@keyframes drift{0%,to{translate:0;rotate:0deg}50%{translate:16px 18px;rotate:110deg}}.view-tabs{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#f4ecd9eb;align-items:stretch;min-height:58px;padding:0 clamp(16px,5vw,70px);display:flex;position:sticky;top:0;box-shadow:0 8px 25px #2a392f0f}.view-tabs button{cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;display:flex}.view-tabs button.active{border-color:var(--red);color:var(--red)}.view-tabs .spoiler-toggle{color:var(--ink-muted);margin-left:auto;font-size:12px}.view-tabs .spoiler-toggle.unlocked{color:var(--red)}main{max-width:1600px;margin:auto;padding:22px clamp(14px,3vw,42px) 42px}.control-deck{grid-template-columns:minmax(240px,1.2fr) minmax(135px,.4fr) minmax(150px,.4fr) minmax(250px,1fr);align-items:end;gap:12px;margin-bottom:16px;display:grid}.control-deck label,.timeline-scrubber{background:#fffaeda3;border:1px solid #2d443729;min-height:62px;padding:9px 12px;box-shadow:inset 0 1px #ffffffb3}.control-deck label>span,.timeline-scrubber>span{color:var(--ink-muted);letter-spacing:.16em;margin-bottom:5px;font-size:10px;display:block}.control-deck select{width:100%;color:var(--forest);cursor:pointer;background:0 0;border:0;font-weight:600}.search-box{align-items:center;gap:10px;display:flex}.search-box input{width:100%;color:var(--forest);background:0 0;border:0;outline:0}.timeline-scrubber input{width:100%;accent-color:var(--red)}.timeline-scrubber b{color:var(--red)}.graph-layout{background:#f0e5cb73;border:1px solid #2a43343b;grid-template-columns:235px minmax(0,1fr);height:min(720px,100vh - 190px);min-height:560px;display:grid;overflow:hidden;box-shadow:0 20px 60px #2034291f}.path-panel{z-index:2;color:#f1e8d2;background:linear-gradient(175deg,#173d32fa,#1f4839f2);padding:25px 18px;position:relative;overflow-y:auto;box-shadow:12px 0 35px #152d2421}.eyebrow{color:#bd9d52;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.path-panel h2{margin:9px 0 23px;font-size:21px;font-weight:500}.tree-note{color:#f1e8d29e;margin:-14px 0 18px;font-size:9px;line-height:1.7}.path-panel select{color:#f2ead7;background:#264f42;border:1px solid #efe3c240;width:100%;padding:11px 9px;font-size:12px}.path-thread{background:var(--gold);width:1px;height:25px;margin-left:15px}.path-result{background:#ffffff12;margin:17px 0;padding:12px;font-size:11px;line-height:1.8}.path-result span{display:inline}.path-result b{color:var(--gold);padding:0 4px}.legend{color:#f1e8d2bf;border-top:1px solid #ffffff1f;gap:9px;margin-top:29px;padding-top:19px;font-size:10px;display:grid}.legend span{align-items:center;gap:8px;display:flex}.legend i,.relation-list i{background:#aaa;border-radius:3px;width:23px;height:3px;display:inline-block}.legend-parent{background:#b8873a!important}.legend-marriage{background:#a23e48!important}.legend-love{background:#d27562!important}.legend-affair{background:#8e5d84!important}.legend-adoptive{background:#6f8d71!important}.legend-friend{background:#4f7f89!important}.legend-political{background:#5f6260!important}.graph-shell{background:linear-gradient(#3f59470b 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#3f59470b 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle,#fffcf2f2,#e3d3b0ab);min-width:0;position:relative}.graph-shell:before{content:"族谱不是一棵树，而是一场回声";z-index:1;color:#384a3c3d;pointer-events:none;font-family:FZKai-Z03,STKaiti,KaiTi,cursive;font-size:20px;position:absolute;top:18px;right:24px}.graph-canvas{position:absolute;inset:0}.graph-tools{z-index:4;display:flex;position:absolute;bottom:16px;left:15px;box-shadow:0 7px 22px #1d322726}.graph-tools button{cursor:pointer;background:#faf5e6ed;border:1px solid #2c47372e;border-right:0;min-width:40px;height:38px}.graph-tools button:last-child{border-right:1px solid #2c47372e;font-size:11px}.graph-note{color:#2b40348f;font-size:10px;position:absolute;bottom:17px;right:15px}.detail-drawer{z-index:80;background:#f5ecd7;border-left:1px solid #37453738;width:min(410px,94vw);height:100vh;padding:34px 30px 38px;animation:.35s cubic-bezier(.2,.8,.2,1) slide-in;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-24px 0 70px #13292047}@keyframes slide-in{0%{transform:translate(100%)}}.drawer-close{cursor:pointer;background:0 0;border:0;position:absolute;top:17px;right:17px}.portrait-placeholder{color:#ead8ad;background:radial-gradient(circle at 50% 34%,#577666,#173d32 72%);place-items:center;width:126px;height:152px;margin-bottom:23px;display:grid;position:relative;overflow:visible;box-shadow:9px 10px #d6bd7e}.portrait-placeholder span{opacity:.88;font-family:FZKai-Z03,STKaiti,KaiTi,cursive;font-size:62px}.portrait-placeholder img{object-fit:cover;filter:sepia(.1)saturate(.86);width:100%;height:100%}.portrait-placeholder.has-image{width:190px;height:135px}.portrait-placeholder.generic-avatar{border-radius:50%;width:126px;height:126px;box-shadow:8px 8px #d6bd7e}.portrait-placeholder.generic-avatar img{filter:none;border-radius:50%}.portrait-placeholder i{background:var(--red);color:#fff6e1;letter-spacing:.1em;width:max-content;padding:5px 9px;font-size:9px;font-style:normal;position:absolute;bottom:-9px;left:94px}.detail-drawer h2{color:var(--forest);margin:7px 0 6px;font-size:29px;line-height:1.25}.actor{color:var(--ink-muted);margin:0 0 18px;font-size:11px}.bio{font-size:14px;line-height:1.9}.spoiler-seal{color:#835f36;border:1px dashed #aa8351;align-items:center;gap:7px;width:fit-content;padding:6px 9px;font-size:10px;display:flex}.detail-drawer h3{border-bottom:1px solid var(--line);letter-spacing:.15em;margin:27px 0 10px;padding-bottom:7px;font-size:12px}.relation-list{gap:6px;display:grid}.relation-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #28423326;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 4px;display:grid}.relation-list span{font-size:12px}.relation-list small{color:var(--ink-muted);font-size:9px}.event-chips{flex-wrap:wrap;gap:6px;display:flex}.event-chips button{cursor:pointer;background:#ffffff5c;border:1px solid #2e483933;padding:6px 8px;font-size:10px}.story-atlas{border:1px solid var(--line);background:#fffcf373;grid-template-columns:215px minmax(0,1fr);gap:0;display:grid;box-shadow:0 20px 60px #2034291a}.era-rail{color:#ecdfc0;background:linear-gradient(165deg,#173d32,#245445);align-self:start;max-height:calc(100vh - 102px);padding:25px 14px 28px;position:sticky;top:80px;overflow-y:auto}.rail-label{color:#d1b86e;letter-spacing:.15em;border-bottom:1px solid #ffffff24;margin:0 10px 18px;padding-bottom:15px;font-size:10px}.era-rail a{color:#efe4ca99;border-left:2px solid #0000;grid-template-columns:28px 1fr;align-items:center;gap:5px;padding:10px 8px;text-decoration:none;transition:all .2s;display:grid}.era-rail a:hover,.era-rail a.active{color:#fff5dc;border-left-color:var(--gold);background:#ffffff0f}.era-rail a[aria-disabled=true]{opacity:.2;pointer-events:none}.era-rail b{color:var(--gold);font-size:9px}.era-rail span{font-size:11px}.timeline-main{min-width:0;padding:0 clamp(15px,3vw,46px) 55px}.timeline-filters{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f4ecd9f2;grid-template-columns:auto 1fr 180px;align-items:center;gap:15px;min-height:68px;margin:0 calc(-1*clamp(15px,3vw,46px)) 10px;padding:10px clamp(15px,3vw,46px);display:grid;position:sticky;top:58px}.timeline-filters>span{color:var(--ink-muted);letter-spacing:.1em;align-items:center;gap:6px;font-size:10px;display:flex}.category-pills{flex-wrap:wrap;gap:5px;display:flex}.category-pills button{cursor:pointer;background:0 0;border:1px solid #2e493929;padding:6px 9px;font-size:10px}.category-pills button.active{color:#fff5df;border-color:var(--forest-2);background:var(--forest-2)}.timeline-filters select{border:1px solid var(--line);background:#fffcf4cc;width:100%;padding:7px;font-size:11px}.era-section{padding:40px 0 12px;scroll-margin-top:135px}.era-section>header{grid-template-columns:58px 1fr;align-items:end;gap:14px;margin-bottom:22px;display:grid}.era-section>header>span{color:#9d703157;font-family:FZKai-Z03,STKaiti,KaiTi,cursive;font-size:48px;line-height:1}.era-section h2{color:var(--forest);margin:0;font-size:clamp(25px,3vw,37px);font-weight:700}.era-section header p{color:var(--ink-muted);letter-spacing:.1em;margin:5px 0 0;font-size:11px}.event-stream{gap:12px;padding-left:27px;display:grid;position:relative}.event-stream:before{content:"";background:linear-gradient(var(--gold), #ad843a1f);width:1px;position:absolute;top:10px;bottom:10px;left:6px}.event-card{cursor:pointer;background:#fffcf2a3;border:1px solid #30453626;grid-template-columns:48px 1fr;gap:15px;padding:20px 22px 20px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.event-card:before{content:"";background:var(--gold);border:3px solid #f0e4c9;border-radius:50%;width:9px;height:9px;position:absolute;top:30px;left:-26px;box-shadow:0 0 0 1px #b68b3e}.event-card:hover{border-color:#a4713480;transform:translate(4px);box-shadow:0 12px 30px #363c2c14}.event-card.active{border-color:var(--red);box-shadow:5px 7px #a6463e1f}.event-card.active:before{background:var(--red);box-shadow:0 0 0 4px #a6463e29}.event-card.locked{background:repeating-linear-gradient(-45deg,#fffcf2a6,#fffcf2a6 10px,#e8dcc16b 10px 11px)}.event-index{color:#9f6d2f73;font-family:FZKai-Z03,STKaiti,KaiTi,cursive;font-size:30px}.event-meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.event-meta span{color:#6f5b3a;letter-spacing:.1em;background:#e9d8af;padding:3px 6px;font-size:8px}.event-meta em{color:#8a765e;align-items:center;gap:4px;margin-left:auto;font-size:9px;font-style:normal;display:flex}.event-card h3{color:var(--forest);margin:8px 0 5px;font-size:18px}.event-card p{color:#4f584d;margin:0;font-size:12px;line-height:1.85}.consequence{border-top:1px dotted var(--line);color:#7d6a4d;align-items:flex-start;gap:7px;margin-top:10px;padding-top:9px;font-size:10px;line-height:1.6;display:flex}.consequence svg{color:var(--red);flex:none;margin-top:1px}.event-people{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px;display:flex}.event-people button{color:var(--forest-2);cursor:pointer;background:#f0ead8b3;border:1px solid #2d463629;padding:4px 7px;font-size:9px}.event-people button:hover{color:#fff8e8;background:var(--forest-2)}.empty-timeline{text-align:center;color:var(--ink-muted);padding:70px 20px}footer{color:#f2ead8a6;background:var(--forest);letter-spacing:.08em;justify-content:space-between;gap:20px;padding:25px clamp(20px,5vw,70px);font-size:10px;display:flex}@media (width<=980px){.control-deck{grid-template-columns:1fr 1fr}.graph-layout{grid-template-columns:190px minmax(0,1fr)}.masthead{min-height:210px}}@media (width<=680px){.masthead{min-height:190px;padding-top:25px}.masthead p{max-width:300px;line-height:1.8}.view-tabs{padding:0 8px}.view-tabs button{padding:0 10px;font-size:12px}.spoiler-toggle{font-size:0!important}.spoiler-toggle svg{width:18px}main{padding:12px 9px 25px}.control-deck{grid-template-columns:1fr 1fr;gap:7px}.search-box,.timeline-scrubber{grid-column:1/-1}.graph-layout{flex-direction:column;height:790px;display:flex}.path-panel{flex:none;grid-template-columns:1fr 18px 1fr;align-items:center;gap:7px;padding:14px;display:grid}.path-panel .eyebrow,.path-panel h2,.path-panel .tree-note,.path-panel .legend{display:none}.path-thread{width:18px;height:1px;margin:0}.path-result{grid-column:1/-1;margin:3px 0 0}.graph-shell{flex:1}.graph-note{display:none}.story-atlas{display:block}.era-rail{gap:3px;max-height:none;padding:9px;display:flex;position:static;overflow-x:auto}.rail-label{display:none}.era-rail a{border-bottom:2px solid #0000;border-left:0;flex:none;padding:8px 10px;display:block}.era-rail a span{display:none}.timeline-main{padding:0 11px 35px}.timeline-filters{grid-template-columns:1fr;gap:7px;margin:0 -11px 5px;padding:9px 11px;top:58px}.timeline-filters>span,.timeline-filters select{display:none}.category-pills{flex-wrap:nowrap;overflow-x:auto}.category-pills button{flex:none}.era-section{padding-top:28px}.era-section>header{grid-template-columns:39px 1fr;gap:8px}.era-section>header>span{font-size:36px}.event-stream{padding-left:15px}.event-stream:before{left:2px}.event-card{grid-template-columns:34px 1fr;gap:8px;padding:15px 12px 15px 8px}.event-card:before{left:-16px}.event-index{font-size:23px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}