@charset "UTF-8";
:root{--ink:#344247;--muted:#8a9697;--blue:#7899a3;--blue-dark:#496f7c;--pale:#dce8ea;--paper:#fff;--bg:#f4f5f1;--line:#dce1dc;--flip-duration:640ms;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 48% 40%,#e9edeb22,transparent 60%);overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:default}a{color:inherit}button,input,a{outline-offset:5px}:focus-visible{outline:2px solid var(--blue-dark)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:92px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:13px;letter-spacing:.12em;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:.2em;font-weight:400;margin-top:7px;color:var(--muted)}.brand-mark{position:relative;display:grid;place-items:center;border:1px solid #a7babc;border-radius:48% 52% 44% 56%;width:41px;height:43px;font-family:Georgia,serif;font-size:30px;font-weight:400;transform:rotate(-8deg);color:#547581}.brand-mark span{position:absolute;font-size:14px;right:2px;bottom:-4px;background:var(--bg);line-height:1}.header-actions{display:flex;align-items:center;gap:25px}.text-button{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 0;transition:color .2s}.text-button svg{width:16px;height:16px}.text-button:hover{color:var(--blue)}.nav-divider{width:1px;height:18px;background:var(--line)}.language-button{display:flex;align-items:center;gap:10px;border:1px solid #cdd8d8;padding:9px 14px;border-radius:7px;font-size:12px;transition:background .2s,transform .2s}.language-button:hover{background:#e6eeed;transform:translateY(-1px)}.language-button>span:first-child{font-size:15px}.latin-a{font-family:Georgia,serif;font-size:10px;margin-left:-2px}.soon-dot{height:5px;width:5px;background:#8aabb7;border-radius:50%}.introduction{text-align:center;padding:26px 16px 22px;transition:padding .3s}.eyebrow{font-size:9px;letter-spacing:.24em;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow>span{width:18px;height:1px;background:#abbdbf}h1{position:relative;display:inline-block;font-family:"DFKai-SB","BiauKai","KaiTi","Noto Serif TC",serif;font-size:36px;font-weight:400;letter-spacing:.13em;margin:12px 0 9px;color:#2b4146;line-height:1.3}.title-note{position:absolute;right:-40px;top:-3px;font-family:Georgia,serif;color:#94adb4;font-size:31px;transform:rotate(13deg)}.introduction p{font-size:10px;color:#8b9694;letter-spacing:.12em;margin:0}.introduction p>span{margin:0 11px;color:#b6c4c2}.reader{width:min(900px,calc((100svh - 310px)*1.40806));min-width:500px;margin:auto;position:relative}.book-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px;font-size:8px;color:#8c999a;letter-spacing:.13em}.edition-label i{font-style:normal;padding:0 8px;color:#b4c4c4}.reading-hint{font-size:9px;letter-spacing:.05em;color:#9ba7a7}.book-stage{position:relative;perspective:2200px}.book{position:relative;width:100%;aspect-ratio:4158/2953;background:#fff;border-radius:2px;box-shadow:0 2px 2px #40535212,0 5px 0 -2px #edf0e9,0 7px 1px -2px #d7dcd5,0 10px 0 -4px #e6e9e2,0 13px 2px -5px #c8d0ca,0 22px 35px -12px #455a5e32;isolation:isolate;transform-style:preserve-3d;touch-action:pan-y;transition:box-shadow .25s}.book-pages{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:2px}.page{position:relative;flex:0 0 50%;height:100%;background:var(--paper);overflow:hidden;user-select:none}.page img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none}.page.left:after,.page.right:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2}.page.left:after{background:linear-gradient(to right,#b1b5ae0a,transparent 4%,transparent 91%,#81847b0b 97%,#747f8212)}.page.right:after{background:linear-gradient(to right,#747f8218,#81847b08 3%,transparent 8%,transparent 97%,#b1b5ae08)}.page-number{position:absolute;bottom:1.25%;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#a4b5ba;font-size:clamp(9px,1vw,13px);line-height:1;z-index:4;opacity:.8}.page.left .page-number{left:3%}.page.right .page-number{right:3%}.book-spine{position:absolute;z-index:8;top:0;bottom:0;left:50%;width:1px;background:#9ba4a21e;pointer-events:none;box-shadow:-2px 0 5px 1px #657b8010}.zoom-page{position:absolute;z-index:5;top:10px;right:10px;display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#f7faf8e8;color:#7d989f;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;box-shadow:0 1px 8px #526a7010}.zoom-page svg{width:15px;height:15px}.page:hover .zoom-page,.zoom-page:focus-visible{opacity:1;transform:none}.page-link{position:absolute;z-index:7;background:#bedbe934;border:1px solid #a2c4d67a;border-radius:4px;box-shadow:inset 1px 2px 1px #ffffffce,inset -1px -2px 2px #8babb84d,2px 4px 7px #7291a64a;transition:transform .24s ease,background .24s,box-shadow .24s;transform:rotate(-.4deg);cursor:pointer}.page-link:hover,.page-link:focus-visible{transform:rotate(-.4deg) scale(1.035) translateY(-2px);background:#b5dced55;box-shadow:inset 1px 2px 1px #fff,3px 7px 12px #607f9955}.external-mark{position:absolute;right:3px;top:1px;color:#587d93;font-size:10px;opacity:.8}.turn-button{position:absolute;top:50%;margin-top:-21px;width:42px;height:42px;display:grid;place-items:center;background:#fff9;border:1px solid #d8e1df;border-radius:50%;color:#67828b;transition:transform .2s,background .2s,opacity .2s}.turn-button:hover:enabled{background:#fff;transform:scale(1.08)}.turn-button:disabled{opacity:.28}.turn-button.previous{left:-75px}.previous svg{transform:rotate(180deg)}.turn-button.next{right:-75px}.turn-button svg{width:18px;height:18px}.turning-sheet{position:absolute;top:0;width:50%;height:100%;display:none;transform-style:preserve-3d;z-index:10;will-change:transform;pointer-events:none}.turning-sheet .sheet-front,.turning-sheet .sheet-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:white;overflow:hidden}.turning-sheet .sheet-back{transform:rotateY(180deg)}.turning-sheet .page{width:100%;height:100%}.turning-sheet .zoom-page{display:none}.turning-sheet.forward{display:block;left:50%;transform-origin:left center;animation:flip-forward var(--flip-duration) cubic-bezier(.33,.03,.26,1) both}.turning-sheet.backward{display:block;left:0;transform-origin:right center;animation:flip-backward var(--flip-duration) cubic-bezier(.33,.03,.26,1) both}.turning-sheet:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#293e4b00,#293e4b26);backface-visibility:hidden;animation:paper-shade var(--flip-duration) ease both;pointer-events:none}.turning-sheet.forward .sheet-front{box-shadow:10px 2px 25px -12px #1f303c55}.turning-sheet.backward .sheet-front{box-shadow:-10px 2px 25px -12px #1f303c55}@keyframes flip-forward{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-backward{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes paper-shade{0%,100%{opacity:0}45%{opacity:1}}.reading-controls{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.small-button{font-size:10px;color:#8a9797;padding:5px 0;transition:color .2s}.small-button:hover{color:var(--blue-dark)}.small-button span{margin-left:4px}.page-progress{display:flex;align-items:center;gap:18px;width:42%;max-width:300px}input[type=range]{--progress:0%;appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(to right,#8aa5ae var(--progress),#dce3df var(--progress));border-radius:10px;cursor:pointer;margin:6px 0;min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#74949e;box-shadow:0 0 0 3px #f5f6f2;transition:box-shadow .2s}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#74949e}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #dbe6e9}input[type=range]:disabled{cursor:wait;opacity:.6}#spread-range{width:100%}#page-counter{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#536a70;min-width:58px}#page-counter span{color:#a8b3b2;font-size:10px;margin-left:4px}.music-dock{display:flex;flex-direction:column;align-items:center;margin:21px auto 0;position:relative;z-index:20;width:min(380px,calc(100% - 40px))}.music-player{width:324px;max-width:100%;padding:13px 16px;background:#fafcf9e8;border:1px solid #d4dfdd;border-radius:17px;box-shadow:0 7px 18px -8px #526b7030,inset 0 1px 0 #fff;transition:width .35s ease,box-shadow .3s,background .3s}.music-player.expanded{width:374px;background:#fafcfb;box-shadow:0 12px 35px -12px #526b7045}.player-top{display:flex;align-items:center;gap:14px;height:35px}.play-button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e4eded;color:#54727e;transition:transform .2s,background .2s}.play-button:hover{transform:scale(1.08);background:#d3e2e6}.play-shape{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #567581;margin-left:2px}.playing .play-shape{width:8px;height:10px;border:0;border-left:3px solid #567581;border-right:3px solid #567581;margin:0}.track-info{flex:1;min-width:0}.track-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.06em;color:#687e83;margin-bottom:3px}.track-timeline{display:flex;align-items:center;gap:11px}.track-timeline input{width:100%;height:2px}.track-timeline input::-webkit-slider-thumb{height:6px;width:6px;box-shadow:none}#audio-time{font-size:9px;font-variant-numeric:tabular-nums;color:#99a9a9;width:27px;flex-shrink:0}.sound-wave{display:flex;align-items:center;gap:2px;height:12px;opacity:.55}.sound-wave i{display:block;width:2px;background:#8ea9af;height:3px;border-radius:3px}.playing .sound-wave i{animation:wave 1s ease-in-out infinite}.playing .sound-wave i:nth-child(2){animation-delay:-.25s}.playing .sound-wave i:nth-child(3){animation-delay:-.7s}.playing .sound-wave i:nth-child(4){animation-delay:-.45s}@keyframes wave{0%,100%{height:3px}50%{height:11px}}.player-details-button{font-size:21px;line-height:1;color:#829b9f;padding:7px 0 7px 6px;letter-spacing:1px}.player-details{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .35s,opacity .25s,visibility .35s}.expanded .player-details{grid-template-rows:1fr;visibility:visible;opacity:1}.player-details-inner{overflow:hidden}.volume-row{display:flex;gap:12px;align-items:center;padding:20px 1px 16px;margin-top:12px;border-top:1px solid #e2e9e4;font-size:10px;color:#7c9297}.volume-row label{display:flex;align-items:center;gap:7px;flex-shrink:0}.volume-row svg{width:14px;height:14px}.volume-row input{width:100%}.volume-row output{width:28px;flex-shrink:0;font-size:9px;font-variant-numeric:tabular-nums}.music-intro{background:#edf2ef;border:1px solid #e5ece8;border-radius:8px;padding:12px 14px}.intro-label{display:flex;align-items:center;gap:5px;color:#67828a;font-size:10px;letter-spacing:.06em}.intro-label svg{width:13px;height:13px}.music-intro p{font-size:11px;line-height:1.95;color:#7d8e8d;margin:9px 0 0}.loop-label{display:block;text-align:center;font-size:8px;color:#9baaa7;letter-spacing:.08em;margin:13px 0 1px}.music-status{font-size:9px;letter-spacing:.1em;color:#a4afac;text-align:center;margin:10px 0 0;min-height:14px;line-height:1.5}.site-footer{display:flex;justify-content:space-between;gap:16px;margin:21px 4.2% 0;padding:16px 0 20px;border-top:1px solid #dfe4dd;color:#a0aba6;font-size:9px;letter-spacing:.08em}.site-footer>span:first-child{font-family:"DFKai-SB","BiauKai",serif;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;background:#364e54ee;color:#fff;border-radius:8px;padding:12px 20px;font-size:12px;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;text-align:center;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dde5e1;border-radius:14px;background:#f8faf6;color:var(--ink);padding:30px;box-shadow:0 30px 100px #233c4433;max-width:calc(100% - 32px)}dialog::backdrop{background:#293f4766;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e5eeea}.icon-button svg{width:18px;height:18px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading .eyebrow{justify-content:flex-start}h2{font-family:"DFKai-SB","KaiTi",serif;font-size:24px;font-weight:400;margin:10px 0}dialog p{font-size:12px;color:#879591;line-height:1.9}.dialog-heading p{margin:0}.contents-dialog{width:850px;max-height:85svh}.page-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px 14px}.page-thumbnail{padding:0;text-align:center;position:relative;border-radius:3px}.page-thumbnail img{display:block;width:100%;aspect-ratio:2079/2953;object-fit:contain;background:#fff;box-shadow:0 2px 8px #526a7014;border:2px solid transparent;transition:transform .2s,border-color .2s}.page-thumbnail:hover img{transform:translateY(-3px)}.page-thumbnail[aria-current=true] img{border-color:#97b4be}.page-thumbnail span{display:block;font-size:10px;color:#8c9d9d;margin-top:7px}.translation-dialog{width:385px;text-align:center;padding:40px 30px}.translation-dialog>.close-dialog:first-child{position:absolute;top:12px;right:12px}.translation-symbol{display:block;color:#94afb7;font-family:serif;font-size:42px;padding-bottom:20px}.translation-symbol span{font-size:25px;position:relative;top:10px;margin-left:-5px}.translation-dialog h2{font-size:23px;margin-top:17px}.translation-dialog p{margin:15px 0 22px}.language-current{display:block;color:#94a6a6;font-size:10px;margin-bottom:22px}.primary-button{border:1px solid #bfcdcd;background:#e7eeeb;color:#5c7880;border-radius:6px;padding:10px 28px;font-size:12px}.primary-button:hover{background:#dce8e5}.zoom-dialog{width:calc(100vw - 32px);height:calc(100svh - 32px);max-width:1400px;max-height:none;padding:0;overflow:hidden}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 20px;border-bottom:1px solid #dbe2dd;font-size:12px}.zoom-toolbar>div{display:flex;align-items:center;gap:10px}.zoom-control{width:28px;height:28px;border:1px solid #d5e0dc;border-radius:5px;background:#fff}#zoom-value{font-size:11px;min-width:40px;text-align:center;color:#84999b}.zoom-scroll{height:calc(100% - 60px);overflow:auto;overscroll-behavior:contain}.zoom-canvas{width:100%;min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.zoom-canvas img{display:block;max-width:100%;height:auto;width:auto;max-height:calc(100svh - 136px);box-shadow:0 4px 15px #394f5422}.zoom-canvas.is-zoomed{display:block}.zoom-canvas.is-zoomed img{max-width:none;max-height:none;width:100%;margin:0 auto}.focus-mode .site-header{height:64px}.focus-mode .introduction{display:none}.focus-mode .reader{width:min(1100px,calc((100svh - 225px)*1.40806));margin-top:20px}.focus-mode .site-footer{display:none}.focus-mode .music-dock{margin-top:17px}.focus-mode .book-heading{margin-bottom:9px}
@media(min-width:1500px){.site-header{margin:0 6%}.site-footer{margin-left:6%;margin-right:6%}.introduction{padding-top:30px;padding-bottom:24px}}
@media(max-width:950px){.reader{max-width:calc(100% - 130px);min-width:0}.turn-button.previous{left:-54px}.turn-button.next{right:-54px}.header-actions{gap:18px}.site-header{height:80px}.reader{width:min(900px,calc((100svh - 290px)*1.40806))}.focus-mode .reader{max-width:calc(100% - 130px)}.edition-label{font-size:7px}.reading-hint{font-size:8px}}
@media(max-width:600px){.site-header{height:72px;margin:0 20px;gap:12px}.brand{font-size:10px;gap:9px;letter-spacing:.05em}.brand small{font-size:6px;letter-spacing:.1em;margin-top:5px}.brand-mark{width:30px;height:33px;font-size:23px}.brand-mark span{font-size:11px}.header-actions{gap:13px}.text-button>span{display:none}.text-button svg{width:17px;height:17px}.nav-divider{display:none}.language-button{padding:7px 8px;gap:4px;font-size:10px}.language-button>span:first-child{font-size:12px}.soon-dot{height:4px;width:4px;margin-left:2px}.introduction{padding:32px 15px 28px}.eyebrow{font-size:8px}h1{font-size:29px;margin-top:13px}.title-note{font-size:24px;right:-28px}.introduction p{font-size:9px}.reader,.focus-mode .reader{max-width:none;width:calc(100% - 32px);min-width:0}.book-heading{margin-bottom:10px}.edition-label{font-size:6px;letter-spacing:.08em}.edition-label i{padding:0 4px}.reading-hint{font-size:7px;letter-spacing:0}.turn-button{top:calc(100% + 17px);width:30px;height:30px;margin:0;z-index:2}.turn-button.previous{left:calc(50% - 38px)}.turn-button.next{right:calc(50% - 38px)}.turn-button svg{width:15px;height:15px}.reading-controls{margin-top:68px;gap:14px}.small-button{font-size:9px}.page-progress{width:46%;gap:10px}#page-counter{font-size:10px;min-width:52px}#page-counter span{font-size:9px}.music-dock{margin-top:32px}.music-player{width:300px}.site-footer{margin:30px 20px 0;padding-bottom:20px;gap:10px;font-size:7px;letter-spacing:.02em}.site-footer>span:first-child{font-size:10px}.page-grid{grid-template-columns:repeat(4,1fr);gap:16px 10px}dialog{padding:22px}.dialog-heading h2{font-size:21px}.dialog-heading p{font-size:11px}.zoom-page{width:24px;height:24px;top:5px;right:5px}.zoom-page svg{width:13px;height:13px}.zoom-toolbar{padding:0 10px;font-size:10px;gap:8px}.zoom-toolbar>div{gap:5px}.zoom-canvas{padding:10px}.focus-mode .site-header{height:58px}.focus-mode .reader{margin-top:26px}.focus-mode .music-dock{margin-top:25px}.external-mark{font-size:8px}.page-link{border-radius:2px}}
@media(max-width:370px){.brand small{display:none}.header-actions{gap:9px}.site-header{margin:0 14px}.brand{font-size:9px}.language-button{font-size:9px}.reader{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sound-wave i{animation:none!important}}
/* Keep the soundtrack controls below the book inside a typical desktop viewport. */
.page-thumbnail .thumbnail-blank{display:block;width:100%;aspect-ratio:2079/2953;margin-top:0;background:#fff;box-shadow:0 2px 8px #526a7014;border:2px solid transparent;transition:transform .2s,border-color .2s}
.page-thumbnail:hover .thumbnail-blank{transform:translateY(-3px)}
.page-thumbnail[aria-current=true] .thumbnail-blank{border-color:#97b4be}
@media(min-width:601px){.reader{width:min(900px,calc((100svh - 430px)*1.40806))}.focus-mode .reader{width:min(1100px,calc((100svh - 290px)*1.40806))}}