@font-face{font-family:IntroText;src:url(../introtext.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:思源宋体;src:url(../siyuansong.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:思源黑体;src:url(../siyanheiti.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:思源宋体大字;src:url(../lagetitle.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:yinwen;src:url(../sentence.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:bookname;src:url(../bookname.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:edition;src:url(../edition.woff2) format("woff2");font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:楷体,KaiTi,Songti SC,SimSun,serif;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#f6f1d8}#root{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;outline:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.explain{font-size:1.1rem;line-height:2.2;color:#333;font-family:IntroText;text-align:justify;text-indent:2em}.book,.edition{color:#8b4513;text-align:center;line-height:1.6}.book{font-family:bookname;font-size:.9rem;font-weight:500;margin-top:1rem}.edition{font-family:edition;font-size:.8rem}.sentence{color:#8b4513;font-family:yinwen;font-size:1.2rem;line-height:2;font-weight:600;text-indent:1.8em}.source{font-family:思源黑体;font-size:1rem;text-align:right}.vertical-title-large{writing-mode:vertical-rl;font-size:1.6rem;font-weight:700;font-family:思源宋体大字;color:#fff;text-combine-upright:none}.colorGold{color:#8b4513}.app{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#f6f1d8}.pages-container{position:absolute;top:0;left:0;width:100%;height:100vh}.exhibition-page{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f6f1d8;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.exhibition-page.active{opacity:1;pointer-events:auto}.image-container{position:relative;display:inline-block;max-width:90%;max-height:90vh}.exhibition-image{max-width:100%;max-height:90vh;width:auto;height:auto;display:block;object-fit:contain}.exhibition-page:nth-child(1) .exhibition-image,.exhibition-page:nth-child(2) .exhibition-image{max-width:73%}.magnify-icon{position:absolute;top:10px;right:60px;width:30px;height:30px;background-image:url(images/icon/enlarge-icon.svg);background-size:cover;cursor:pointer;opacity:.7;transition:opacity .3s ease,transform .3s ease;z-index:10}.magnify-icon:hover{opacity:1;transform:scale(1.1)}@media (max-width: 768px){.magnify-icon{right:20px;width:40px;height:40px}}.custom-content{width:100%;height:100%;position:relative}.exhibition-page.active img:first-of-type{opacity:0;animation:fadeIn 1.5s ease-out .3s forwards}.exhibition-page.active img:nth-of-type(2){opacity:0;animation:fadeIn 1.5s ease-out .8s forwards}.exhibition-page.active .enter-button{opacity:0;animation:fadeIn 1.5s ease-out 1.3s forwards}.exhibition-page.active .custom-content img:first-of-type{opacity:0;animation:fadeIn 1.5s ease-out .3s forwards}.exhibition-page.active .custom-content img:last-of-type{opacity:0;animation:fadeIn 1.5s ease-out .8s forwards}.navigation{position:fixed;right:0;top:10vh;display:flex;flex-direction:column;padding-right:.25rem;z-index:101}.back-button-container{display:flex;justify-content:flex-end;margin-right:.2rem;margin-bottom:.5rem;transform:scale(.8)}.back-icon{width:2.4rem;height:auto;cursor:pointer;transition:transform .3s ease}.back-icon:hover{transform:scale(1.1)}.navigation-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.navigation-menu li{display:flex;justify-content:center}.nav-section{background:url(../images/icon/button.png) no-repeat center;background-size:100% 100%;text-align:center;font-size:1.2rem;color:#2c2c2c;font-weight:700;font-family:楷体,KaiTi,serif;padding:.5rem .3rem;cursor:pointer;width:9.3rem;min-height:2.6rem;display:flex;align-items:center;justify-content:center;line-height:1.4;border:none;transition:all .3s ease;white-space:pre-line}.nav-section:has(br){min-height:4.8rem;line-height:1.2rem}.nav-section:hover{transform:scale(1.05)}.nav-section.active{filter:brightness(1.1)}@media (max-width: 768px){.navigation{top:5vh;padding-right:.1rem}.navigation-menu{gap:.4rem}.nav-section{font-size:1rem;width:7.5rem;min-height:2.2rem}.nav-section:has(br){min-height:4rem}}.navigation-buttons{position:fixed;bottom:2vh;left:0;right:0;width:100%;z-index:998;pointer-events:none}.nav-btn{position:absolute;bottom:0;padding:0;cursor:pointer;background-color:transparent;border:none;width:5.6vw;height:5.6vw;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;pointer-events:auto}.nav-btn img{height:65%;width:65%;max-width:100%;max-height:100%;object-fit:contain;display:block}.prev-btn{left:2.5%}.next-btn{right:2.5%}.nav-btn:hover{transform:scale(1.1)}.nav-btn:active{transform:scale(.95)}@media (max-width: 768px){.navigation-buttons{bottom:2vh}.nav-btn{width:12vw;height:12vw}.nav-btn img{width:70%;height:70%}.prev-btn{left:1rem}.next-btn{right:1rem}}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f6f1d8;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.enlarged-image{max-width:100vw;max-height:100vh;object-fit:contain;cursor:zoom-out;animation:zoomIn .3s ease-in-out}.close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;z-index:1001}.close-button:hover{background-color:#000000b3;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.close-button{width:50px;height:50px;font-size:28px}}.scroll-hint{position:fixed;left:1.25rem;top:0;width:40px;height:100vh;display:flex;flex-direction:column;align-items:center;z-index:100;animation:pulse 1s infinite,fadeOut .5s ease-in-out 4.5s forwards}.scroll-top{height:5.625rem;width:auto}.scroll-middle{flex:1;width:100%;object-fit:fill}.scroll-bottom{height:5.625rem;width:auto;transform:rotate(180deg)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.scroll-hint{left:.5rem;width:30px}.scroll-top,.scroll-bottom{height:4rem}}.alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px 40px;border-radius:5px;font-size:1.2rem;z-index:2000;animation:alertFadeIn .3s ease-in-out,alertFadeOut .3s ease-in-out 1.7s forwards}@keyframes alertFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes alertFadeOut{0%{opacity:1}to{opacity:0}}