@font-face{font-family:Shan;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}/* fonts resolved one directory higher below */
@font-face{font-family:QfTitle;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}
:root{--gold:#d2b780;--cream:#f5ead3;--ink:#263e38;--red:#81372f;--muted:#d0c4aa;--line:#ad8652}
*{box-sizing:border-box}body{margin:0;background:#152621;color:var(--cream);font-family:'Songti SC','STSong',serif;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid #b2956299;background:#163b32d9;padding:13px 22px;font-size:22px;transition:background .2s,transform .2s,box-shadow .2s}button:hover{background:#85503b;box-shadow:0 0 0 2px #c6a56b55}button:active{transform:translateY(2px)}button:disabled{cursor:default;opacity:.4;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f6d897;outline-offset:5px}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3{margin:0;font-weight:400}#stage{width:1920px;height:1080px;position:absolute;transform-origin:0 0;overflow:hidden;background:linear-gradient(90deg,#132d29ed 0%,#17352cc9 32%,#28362844 75%),linear-gradient(0deg,#172922e8,transparent 48%),url('../../assets/backgrounds/3-1.png') center/cover}#stage:before{content:'';position:absolute;inset:25px;border:1px solid #bd9c6260;pointer-events:none}#stage:after{content:'';position:absolute;bottom:0;left:40%;width:65%;height:60%;background:radial-gradient(ellipse at bottom,#802d254d,transparent 72%);pointer-events:none;z-index:0}.grain{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(10deg,transparent 0 3px,#f8e3b60d 4px);pointer-events:none}#app{position:relative;z-index:1}header{height:116px;display:flex;align-items:center;justify-content:space-between;margin:0 70px;border-bottom:1px solid #c4a56c66}.museum{font-size:26px;letter-spacing:4px}.museum span{color:#b0996a;margin:0 18px}.top-actions{display:flex;gap:15px;align-items:center}.top-actions button{font-size:20px;background:#19352c99}.search{display:flex;align-items:center;background:#142e28a6;border-bottom:1px solid #c4a56c90;padding:9px 16px;gap:14px}.search span{font:36px serif}.search input{color:#f4e5cb;background:none;border:0;outline:0;width:280px;font-size:21px}.search input::placeholder{color:#d4cbb7}main{height:884px;position:relative}footer{height:80px;margin:0 70px;border-top:1px solid #c4a56c66;display:flex;align-items:center;justify-content:space-between;font-size:18px;letter-spacing:2px;color:#d6c6a4}.seal{color:#e7bd91;border:1px solid #ab7553;padding:6px 12px}.intro{position:absolute;left:90px;top:105px;width:390px}.eyebrow{color:#dfc28e;font-size:20px;letter-spacing:6px}.intro h1{font-family:QfTitle,'STKaiti',serif;font-size:142px;line-height:1.06;letter-spacing:8px;margin:25px 0;color:#f4e0b7;text-shadow:4px 6px #482e28}.intro h2{font-size:28px;letter-spacing:4px;border-top:1px solid #bca16c;border-bottom:1px solid #bca16c;padding:19px 0;margin:20px 0 25px}.intro p{font-size:25px;line-height:1.9;color:#e0d4ba;text-align:justify}.intro .bottom-mark{margin-top:32px;display:flex;align-items:center;gap:20px;font-size:18px;color:#cfb680}.bottom-mark:before{content:'✦';font-size:31px}.arc-field{position:absolute;left:566px;top:126px;width:1250px;height:688px}.arc-heading{position:absolute;top:0;left:220px;width:810px;text-align:center;letter-spacing:6px;color:#ead3a1;font-size:23px}.arc-line{position:absolute;left:-60px;top:205px;width:1350px;height:380px;overflow:visible;opacity:.6;pointer-events:none}.note{position:absolute;width:272px;height:358px;text-align:left;padding:29px 27px;background:linear-gradient(135deg,#6a3931,#442b27);border:5px solid #b79a63;outline:1px solid #dcc28e;outline-offset:6px;box-shadow:12px 19px 0 #12221ee0,0 24px 45px #0008;transform:rotate(var(--angle));transition:transform .45s,background .4s;animation:note-in .8s both;animation-delay:var(--delay)}.note:before{content:'';position:absolute;inset:10px;border:1px solid #c3a36e8c;pointer-events:none}.note:after{content:'';position:absolute;top:-17px;left:calc(50% - 8px);width:16px;height:16px;background:#a74435;border:3px solid #d3b478;border-radius:50%;box-shadow:0 3px 8px #0008}.note:hover,.note:focus-visible{transform:translateY(-16px) rotate(0);background:linear-gradient(135deg,#8c4a38,#503c2c);z-index:2;box-shadow:12px 30px 0 #12221e99}.note small{font-size:18px;letter-spacing:3px;color:#d9bd87}.note .emblem{display:block;font-size:47px;margin:22px 0;color:#e0bc79;text-shadow:0 3px #381d18}.note h3{font-family:QfTitle,'STKaiti',serif;font-size:47px;letter-spacing:3px;margin:14px 0}.note p{font-size:20px;line-height:1.7;color:#eadbc0}.note .enter{display:block;margin-top:18px;border-top:1px solid #b1946280;padding-top:14px;font-size:17px;letter-spacing:2px}.arc-caption{position:absolute;bottom:0;left:90px;right:90px;text-align:center;display:flex;justify-content:center;gap:36px;border-top:1px solid #b3956555;padding-top:27px;color:#e9d6af;font-size:20px}.embers{position:absolute;bottom:100px;left:650px;pointer-events:none}.embers i{position:absolute;width:4px;height:4px;background:#f3c384;border-radius:50%;animation:ember 9s linear infinite;box-shadow:0 0 9px #eaa653}.embers i:nth-child(2){left:520px;animation-delay:-3s}.embers i:nth-child(3){left:910px;animation-delay:-5s}@keyframes ember{from{transform:translateY(0);opacity:0}30%{opacity:.6}to{transform:translate(35px,-500px);opacity:0}}@keyframes note-in{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}.paused *{animation-play-state:paused!important}.chapter-head{height:230px;margin:0 70px;display:grid;grid-template-columns:1fr 355px;gap:48px;align-items:center}.chapter-heading{display:flex;align-items:center;gap:25px}.chapter-heading h1{font-family:QfTitle,'STKaiti',serif;font-size:61px;letter-spacing:6px}.chapter-heading .period{border-left:1px solid #ae915e;padding-left:25px;font-size:25px;color:#d9bb7d}.chapter-head p{font-size:23px;line-height:1.6;color:#eadfc8;margin-top:12px;max-width:1190px}.chapter-nav{display:flex;gap:12px;margin-top:17px}.chapter-nav button{padding:9px 21px;font-size:20px;background:#122b26a3}.chapter-nav button.active{background:#865038;border-color:#dbc28d}.film{height:190px;background:#10251fe0;border:1px solid #aa8a57;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.film video{width:100%;height:100%;object-fit:contain}.film-empty{text-align:center}.film-empty span{font-size:35px;color:#90714b;display:block;margin-bottom:9px}.film-empty b{font-size:22px;font-weight:400}.film-empty small{display:block;color:#c6b491;font-size:17px;margin-top:10px}.film-status{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:#000b;font-size:17px}.timeline-wrap{position:relative;margin:0 68px;height:578px;border:1px solid #b698633d;background:linear-gradient(90deg,#15372bb8,#32332591);box-shadow:inset 0 0 75px #0005}.timeline-viewport{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-y}.timeline-viewport::-webkit-scrollbar{display:none}.timeline-viewport.dragging{cursor:grabbing}.timeline-track{position:relative;height:570px;padding:0 40px}.spine{position:absolute;left:0;right:0;top:280px;height:17px;background:linear-gradient(#f5d69a,#ac7b3e 35%,#663d27 48%,#bc914f 70%,#ead59e);border-top:1px solid #f7e8b5;border-bottom:3px solid #423329;box-shadow:0 6px 0 #15231c,0 10px 20px #0006}.event{position:absolute;width:356px;height:204px;padding:23px;text-align:left;background:linear-gradient(125deg,#f4e5c5,#cab286);color:#2c3730;border:3px solid #b49b69;box-shadow:8px 9px #172820b8;transition:box-shadow .2s,background .2s}.event:hover{background:#fff0cc;box-shadow:8px 9px #65382d}.event.even{top:32px}.event.odd{top:339px}.event:before{content:'';position:absolute;height:46px;width:2px;background:#d4b378;left:38px}.event.even:before{top:201px}.event.odd:before{bottom:201px}.event:after{content:'★';position:absolute;left:25px;color:#e1be79;text-shadow:1px 2px #502d22;font-size:27px}.event.even:after{top:231px}.event.odd:after{bottom:230px}.event strong{display:block;font-size:27px;font-weight:600;line-height:1.4;margin:0 0 12px}.event .event-date{position:absolute;white-space:nowrap;color:#f3d69e;font:22px 'Songti SC',serif;left:77px}.event.even .event-date{top:239px}.event.odd .event-date{bottom:240px}.event .event-summary{font-size:21px;line-height:1.7;display:block}.event .read-label{position:absolute;bottom:13px;right:20px;font-size:17px;color:#713c2f}.timeline-tools{height:76px;display:flex;gap:24px;align-items:center;margin:0 70px;color:#d6c098}.timeline-tools button{padding:8px 22px}.timeline-tools input{flex:1;accent-color:#c9a56b;height:28px}.timeline-tools span{font-size:20px}.catalog{height:574px;overflow-y:auto;margin:0 70px;padding:10px 10px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-content:start;scrollbar-color:#b79960 #20372e}.document-card{background:linear-gradient(125deg,#e8dcc3,#bfb495);border:3px solid #b79c6f;color:#273b32;display:grid;grid-template-columns:112px 1fr;gap:22px;text-align:left;padding:22px;min-height:188px;box-shadow:6px 7px #16271eaa}.document-card:hover{background:#f0dfb9}.document-card img{width:112px;height:126px;object-fit:cover;filter:sepia(.15);border:5px solid #f3e9d4}.document-card h3{font-size:28px;font-weight:600;margin-bottom:12px}.document-card p{font-size:20px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-card small{color:#81533b;display:block;margin-top:12px;font-size:17px}.people{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:5px 70px;height:567px}.dossier{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:36px;background:linear-gradient(120deg,#eadbc0,#beaa85);color:#263b32;border:5px solid #b69860;outline:1px solid #e3ca9c;box-shadow:12px 13px #10261e99;align-content:start}.dossier img{width:205px;height:280px;object-fit:cover;filter:sepia(.2);border:10px solid #f7ebd4;box-shadow:5px 6px #846b4e}.dossier h2{font-family:QfTitle,serif;font-size:60px;margin:12px 0 20px}.dossier p{font-size:25px;line-height:1.65}.dossier button{background:#3e5240;color:#f5e8cb;font-size:22px;margin-top:22px}.person-chapters{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #80653a88;padding-top:10px;margin-top:8px}.person-chapters button{font-size:21px;padding:12px 19px;margin:0;background:#7b4938}.search-heading{margin:55px 80px 30px;font-size:32px}.search-heading small{font-size:21px;color:#cfbb90;margin-left:25px}.search-results{height:680px}.empty{padding:70px;font-size:26px;grid-column:1/-1;text-align:center}dialog{border:3px solid #b89b64;color:#293d32;background:linear-gradient(125deg,#f3e7cd,#ddca9e);padding:0;box-shadow:0 20px 120px #000b;position:absolute;margin:auto;width:1690px;height:892px;max-width:none;max-height:none;inset:0;overflow:hidden}dialog::backdrop{background:#061a13d4;backdrop-filter:blur(7px)}.dialog-head{height:134px;border-bottom:2px solid #b49a6c;margin:0 40px;display:flex;justify-content:space-between;align-items:center;gap:30px}.dialog-head small{color:#8e5c40;font-size:18px;letter-spacing:4px}.dialog-head h2{font-family:QfTitle,'STKaiti',serif;font-size:52px;margin-top:6px}.dialog-head button{color:#efe3c8;background:#713d2e}.reader-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:44px;padding:28px 40px;height:676px}#reader-text{overflow-y:auto;padding:10px 22px 30px 10px;font-size:27px;line-height:1.95;scrollbar-color:#947b4d #d3c09c}#reader-text p{margin:0 0 24px;text-align:justify}aside{min-width:0}#gallery-image{height:352px;width:100%;padding:10px;background:#25392e;border:1px solid #8d713f;display:block}#gallery-image:hover{background:#3d4937}#reader-image{width:100%;height:100%;object-fit:contain}#caption{font-size:20px;height:35px;padding-top:8px;text-align:center}.gallery-tools{display:flex;gap:14px;align-items:center;justify-content:center;margin:10px 0}.gallery-tools button{font-size:20px;background:#455a43;padding:8px 18px;color:#f4e8d1}.gallery-tools span{font-size:20px}#thumbs{display:flex;gap:12px;justify-content:center;height:58px}#thumbs button{height:53px;width:73px;padding:3px;background:#ae986c;border-color:#927c57}#thumbs button.active{outline:3px solid #8c3d2c}#thumbs img{width:100%;height:100%;object-fit:cover}.related{margin-top:14px;border-top:1px solid #a18757;padding-top:12px}.related small{font-size:17px;color:#695335}#related-links{display:flex;gap:10px;margin-top:8px}#related-links button{font-size:19px;padding:7px 12px;background:#ebe0c6;color:#614736}.reader-bottom{display:flex;align-items:center;justify-content:space-between;height:80px;border-top:1px solid #b49a6c;margin:0 40px;font-size:20px}.reader-bottom button{padding:9px 20px;background:#2c4839;color:#efe1c3}#lightbox{width:1780px;height:960px;background:#10271f;color:#f1dfbd}#image-space{height:776px;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;background:#102019;cursor:grab}#light-image{max-width:95%;max-height:95%;object-fit:contain;user-select:none;pointer-events:none;transform-origin:center}.light-head{height:92px;padding:20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.light-head p{font-size:24px;max-width:960px}.light-head div{display:flex;gap:12px;align-items:center}.light-head output{width:64px;text-align:center;font-size:21px}.light-bottom{height:86px;display:flex;justify-content:space-between;align-items:center;padding:18px 35px;font-size:22px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.note{padding:23px}.note small{font-size:17px;line-height:1.2}.note .emblem{font-size:34px;line-height:1;margin:14px 0}.note h3{font-size:43px;line-height:1.2;margin:12px 0}.note p{font-size:20px;line-height:1.5}.note .enter{font-size:16px;letter-spacing:0;margin-top:17px;padding-top:13px;white-space:nowrap}.event .event-date{background:#24372b;padding:4px 11px;border:1px solid #b79863;box-shadow:0 3px 4px #0005}.event.even .event-date{top:231px}.event.odd .event-date{bottom:231px}

.inline-film{margin:24px 0}.inline-film .film{height:330px}.inline-film .film-empty{color:#f3e3c1}#light-image{width:100%;height:100%}