:root{--paper:#f6f2e9;--ink:#282c28;--muted:#76796f;--line:#d6d2c5;--red:#a44735;--teal:#32675e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans TC',sans-serif;font-size:15px;line-height:1.7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.035' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,select{font:inherit}button,summary,select{cursor:pointer}button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 15px}button:hover{background:#e8e5d9}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.book{max-width:1440px;margin:auto;padding:0 64px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--ink);height:102px}.brand{text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:23px;font-weight:700;letter-spacing:3px}.brand span,footer span{font-size:10px;letter-spacing:2px;display:block}.edition{margin-left:auto;font-size:12px;letter-spacing:3px}.seal{border:2px solid var(--red);color:var(--red);line-height:1.2;padding:5px;font-family:serif;font-weight:700}.hero{display:grid;grid-template-columns:1.4fr 1fr;padding:63px 0 42px;gap:48px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--red);font-weight:700;margin:0 0 20px}h1,h2,h3{font-family:Georgia,'Noto Serif TC','Songti TC',serif}h1{font-size:68px;line-height:1.15;margin:0;letter-spacing:5px;font-weight:500}h1 span{display:block;font-size:25px;letter-spacing:4px;margin-top:21px}.intro{color:var(--muted);margin-top:30px;line-height:1.9}.hero-bottom{display:flex;gap:30px;align-items:center;margin-top:31px;font-size:12px;color:var(--muted)}.name{font-size:15px;color:var(--ink)}.name i{font-family:Georgia;margin-left:9px}.hero-art{position:relative;border-left:1px solid var(--line);min-height:310px;overflow:hidden}.volume{position:absolute;left:42px;top:0;font-family:Georgia;font-size:16px;color:var(--red);letter-spacing:3px}.volume b{display:block;font-size:160px;line-height:1.1;font-weight:400;color:#d9d5c8;letter-spacing:-14px}.orbit{position:absolute;width:260px;height:260px;border:1px solid #a7b4a7;border-radius:50%;left:60px;top:42px;transform:rotate(-22deg)}.orbit:before{content:'';position:absolute;inset:17px;border:1px solid #c4c9ba;border-radius:50%}.orbit:after{content:'';position:absolute;width:330px;height:1px;background:var(--teal);top:130px;left:-35px;transform:rotate(-36deg)}.art-caption{position:absolute;bottom:5px;left:42px;font-size:11px;color:var(--teal);letter-spacing:2px}.vertical{writing-mode:vertical-rl;position:absolute;right:5px;top:15px;letter-spacing:5px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:3px double var(--ink);padding:26px 0;margin-bottom:47px}.stats div{border-right:1px solid var(--line);display:flex;align-items:baseline;gap:15px;justify-content:center}.stats div:last-child{border:0}.stats strong{font-family:Georgia;font-size:40px;font-weight:400;line-height:1}.stats span{font-size:12px;color:var(--muted)}.catalog{display:grid;grid-template-columns:235px minmax(0,1fr);gap:48px}.filters{border-right:1px solid var(--line);padding-right:28px}.filters h2{font-size:21px;font-weight:500;margin:0 0 25px}label{display:block;font-size:12px;margin-bottom:16px}input,select{display:block;width:100%;border:1px solid var(--line);border-radius:0;background:#faf8f2;padding:9px;color:var(--ink);margin-top:5px;min-width:0}input[type=range]{padding:0;accent-color:var(--teal)}.text-button{font-size:12px;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:5px}.filter-note{color:var(--muted);font-size:12px;margin:30px 0;border-top:1px solid var(--line);padding-top:20px}.import{font-size:12px;color:var(--muted)}.import p{font-size:11px}.file-label input{font-size:11px}.view-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.tabs{display:flex}.tabs button{border:0;border-bottom:3px solid transparent;padding:0 20px 15px}.tabs button[aria-selected=true]{border-color:var(--red);color:var(--red);font-weight:700}#result-label{font-size:12px;color:var(--muted)}.data-status{padding:10px 0;font-size:12px;color:var(--teal)}.error{color:var(--red);font-size:12px}.empty{padding:65px 20px;text-align:center;border:1px solid var(--line);background:#f0eee4;margin:18px 0 40px}.empty .empty-icon{font-family:Georgia;font-size:48px;color:#b1b5a6}.empty h2{font-size:25px;font-weight:400}.empty p{color:var(--muted);font-size:13px}.year-section{display:grid;grid-template-columns:90px minmax(0,1fr);gap:26px;margin-top:23px}.year-heading{font-size:32px;color:var(--red);font-family:Georgia;font-weight:400;margin:5px 0}.year-events{border-left:1px solid var(--line);padding-left:25px}.event{position:relative;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:23px}.event:before{content:'';width:7px;height:7px;border:1px solid var(--red);background:var(--paper);border-radius:50%;position:absolute;left:-30px;top:12px}.event summary{list-style:none}.event summary::-webkit-details-marker{display:none}.event-meta{font-size:11px;color:var(--muted);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.event h3{font-size:20px;line-height:1.5;font-weight:500;margin:10px 0}.event-bottom{font-size:12px;color:var(--muted)}.expand{float:right;color:var(--red)}.event[open] .expand{transform:rotate(45deg)}.event-description{font-size:13px;border-top:1px dashed var(--line);margin-top:17px;padding-top:14px}.badge{border:1px solid var(--line);padding:0 6px;display:inline-flex;align-items:center;gap:5px}.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;border:1px solid var(--line)}.map-canvas{background:#e9ede3;position:relative;min-width:0}.map-title{position:absolute;top:18px;left:18px;font-family:serif;font-size:18px;z-index:1}.map-title small{display:block;font-family:Arial;font-size:8px;letter-spacing:1px;color:var(--teal)}#map{display:block;width:100%;height:auto}.map-credit{position:absolute;bottom:6px;left:12px;font-size:8px;color:var(--muted)}.land{fill:#f7f4e9;stroke:#88998a;stroke-width:1}.north{font:15px Georgia;fill:var(--teal)}.sea{font:13px serif;fill:#93a89d;writing-mode:vertical-rl;letter-spacing:5px}.route{fill:none;stroke:var(--red);stroke-width:1.5;stroke-dasharray:5 4;opacity:.6}.marker{cursor:pointer}.marker circle{fill:var(--teal);stroke:var(--paper);stroke-width:2}.marker.active circle{fill:var(--red);stroke-width:4}.marker text{font:10px sans-serif;fill:var(--ink)}.marker .icon{color:white}.playback{padding:20px 16px;border-left:1px solid var(--line)}.playback h3{font-weight:400;font-size:24px;margin:0 0 10px}.playback p{font-size:12px;color:var(--muted)}.player-buttons{display:flex;gap:5px;margin:24px 0 20px;flex-wrap:wrap}.player-buttons button{padding:6px 9px;font-size:12px}#play{background:var(--teal);color:white;border-color:var(--teal)}#current{border-top:1px solid var(--line);padding-top:15px;font-size:13px;margin-top:18px}#current strong{font-family:Georgia;color:var(--red)}#unmapped{font-size:11px;color:var(--muted);margin-top:30px}.map-disclaimer{font-size:11px;color:var(--muted);line-height:1.8;margin:15px 0 28px}footer{margin-top:70px;padding:25px 0 35px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;font-family:Georgia;letter-spacing:2px}footer p{font-size:11px;letter-spacing:1px;color:var(--muted);font-family:Arial}main{min-width:0}[hidden]{display:none!important}@media(max-width:1000px){.book{padding:0 30px}.catalog{gap:25px;grid-template-columns:205px minmax(0,1fr)}.hero{gap:20px}h1{font-size:56px}.map-layout{grid-template-columns:1fr}.playback{border-left:0;border-top:1px solid var(--line)}.map-canvas{max-height:550px}.map-canvas svg{max-height:550px}.year-section{grid-template-columns:65px 1fr;gap:15px}.stats div{display:block;text-align:center}.stats span{display:block;margin-top:10px}}@media(max-width:650px){.book{padding:0 20px}header{height:80px}.brand{font-size:19px}.edition{font-size:9px;letter-spacing:1px}.hero{grid-template-columns:1fr;padding:35px 0 30px}.hero-art{display:none}h1{font-size:52px}h1 span{font-size:21px;letter-spacing:2px}.hero-bottom{gap:20px}.stats{margin-bottom:28px;padding:22px 0}.stats strong{font-size:32px}.stats span{font-size:10px}.catalog{display:block}.filters{border-right:0;padding:0;margin-bottom:30px}.filters h2{margin-bottom:14px}#filters{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#filters label:first-child{grid-column:1/-1}.dates{display:contents}.filter-note{display:none}.import{margin-top:10px}.view-bar{align-items:flex-start}.tabs button{padding:0 12px 13px;font-size:14px}#result-label{font-size:11px}.year-section{grid-template-columns:1fr;gap:6px}.year-events{margin-left:8px}.year-heading{font-size:34px}.event h3{font-size:19px}.empty{padding:38px 12px}footer{gap:20px;margin-top:45px}.map-canvas{max-height:none}.map-canvas svg{max-height:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0;accent-color:var(--teal)}.marker.scheduled circle{fill:var(--paper);stroke:var(--red);stroke-dasharray:3 2}.marker.scheduled g{stroke:var(--red)}.route{stroke-dasharray:none}.route.scheduled{stroke-dasharray:5 4}