:root{--paper:#f7f7f2;--ink:#272b25;--quiet:#777c72;--line:#cfd2c7;--fold:25px}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:1px solid #7d392a;outline-offset:7px}button{-webkit-tap-highlight-color:transparent}button svg{width:24px;height:24px}::selection{background:#dbe0d2}.archive{max-width:1700px;margin:auto;padding:0 5.5vw 70px}.masthead{display:flex;align-items:center;gap:37px;height:150px;border-bottom:1px solid #555d51}.wordmark{font-family:'Songti SC',SimSun,serif;font-size:42px;line-height:1;margin:0;font-weight:600}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:4px;margin-top:13px}.archive-label{padding-left:29px;border-left:1px solid var(--line);font-size:14px;letter-spacing:3px;line-height:1.7}.archive-label span{display:block;font-size:10px;letter-spacing:1.5px}.date-range{margin-left:auto;font:14px Georgia,serif;letter-spacing:2px}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 42px;padding-top:62px}.map-card{min-width:0}.map-mount{height:clamp(220px,21vw,330px);width:100%;display:flex;align-items:center;justify-content:center;perspective:1500px}.paper{position:relative;transform-style:preserve-3d;--fold:25px;filter:drop-shadow(0 3px 4px #363f2928);transition:filter .3s}.paper:hover{filter:drop-shadow(0 8px 10px #363f2925)}.open-map{width:100%;height:100%;display:block;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--fold)),calc(100% - var(--fold)) 100%,0 100%);transition:clip-path .3s}.open-map img{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}.open-map:focus-visible{outline-offset:-5px;outline-width:2px}.page-corner{position:absolute;right:0;bottom:0;width:49px;height:49px;z-index:2}.page-corner:before{content:'';position:absolute;right:0;bottom:0;width:var(--fold);height:var(--fold);clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#9b9e8e 0%,#d8dbca 12%,#fffff6 43%,#e4e6d9 100%);filter:drop-shadow(-2px -2px 2px #343a2944);transition:width .3s,height .3s}.page-corner:after{content:'';position:absolute;bottom:0;right:0;width:var(--fold);height:var(--fold);clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(45deg,#aab09b55,transparent 75%);transform:rotate(180deg);transition:width .3s,height .3s}.paper:has(.page-corner:hover),.paper:has(.page-corner:focus-visible){--fold:41px}.map-year{font:normal 30px Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:22px 0 0;text-align:center}.paper.is-turning{pointer-events:none}.viewer{position:fixed!important;inset:0!important;margin:0!important;padding:0!important;border:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;transform:none!important;translate:none!important;overflow:hidden;background:var(--paper);color:var(--ink);opacity:0;transition:opacity .24s ease}.viewer[open]{display:block}.viewer.is-visible{opacity:1}.viewer::backdrop{background:var(--paper)}.viewer-year{position:absolute;left:30px;top:25px;z-index:2;font:23px Georgia,serif;letter-spacing:-.7px}.close-viewer{position:absolute;right:19px;top:14px;width:48px;height:48px;display:grid;place-items:center;z-index:3;border-radius:50%;transition:background .2s}.close-viewer:hover{background:#e7eade}.map-stage{position:absolute;inset:72px 24px 28px;overflow:hidden;outline:none;cursor:grab;touch-action:none;user-select:none}.map-stage:active{cursor:grabbing}.map-sheet{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;box-shadow:0 5px 22px #2b34231b}#viewer-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;user-select:none}#tiles{position:absolute;inset:0}#tiles img{position:absolute;max-width:none;user-select:none}.load-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:15px 24px;font-size:14px}.load-error[hidden]{display:none}.ink{position:fixed;inset:0;z-index:10000;pointer-events:none;display:none;overflow:hidden}.ink.active{display:block}.ink svg{display:block;width:100%;height:100%;overflow:visible}.viewer .ink{z-index:10}
@media(min-width:1700px){.archive{padding-left:95px;padding-right:95px}.map-grid{gap:64px 65px;padding-top:72px}.masthead{height:165px}}
@media(max-width:950px){.archive{padding:0 30px 55px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;padding-top:42px}.map-mount{height:29vw}.masthead{height:130px}.map-year{font-size:28px}}
@media(max-width:560px){.archive{padding:0 22px 45px}.masthead{height:109px;gap:22px}.wordmark{font-size:33px}.wordmark span{font-size:9px;letter-spacing:2.5px;margin-top:11px}.archive-label{font-size:12px;padding-left:20px;letter-spacing:2px}.archive-label span{font-size:9px;letter-spacing:1px}.date-range{display:none}.map-grid{grid-template-columns:1fr;gap:39px;padding-top:36px}.map-mount{height:66vw;max-height:340px}.map-year{font-size:27px;margin-top:17px}.map-stage{inset:68px 14px 18px}.viewer-year{left:20px;top:24px;font-size:21px}.close-viewer{right:9px;top:11px}.paper{--fold:27px}}
.viewer{opacity:1;background:transparent;transition:background .24s ease}.viewer::backdrop{background:transparent}.viewer.is-visible{background:var(--paper)}.viewer .map-stage,.viewer .viewer-year,.viewer .close-viewer{opacity:0;transition:opacity .24s ease}.viewer.is-visible .map-stage,.viewer.is-visible .viewer-year,.viewer.is-visible .close-viewer{opacity:1}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}