:root{--paper:#f7f5ee;--ink:#2d392e;--green:#3a4b3c;--muted:#818277;--gold:#b5965d;--orange:#ae603e;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:18px;font-size:15px;letter-spacing:1px}.brand-mark{font-family:Georgia,serif;font-style:italic;font-size:48px;letter-spacing:-5px;line-height:1;padding-right:8px;color:var(--orange)}.brand-mark>span{font-size:15px;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:var(--muted)}.edition{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1.5px;color:var(--muted)}.edition i{height:16px;border-left:1px solid #bdc0b1}.outline{background:none;border:1px solid #a7ae9c;border-radius:3px;padding:11px 17px;font-size:13px;letter-spacing:1px}.intro{min-height:650px;max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:78px 50px 64px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--muted)}h1{font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(40px,4.4vw,66px);font-weight:500;letter-spacing:5px;margin:25px 0 23px;white-space:nowrap}h1 span{display:block;color:var(--orange);font-size:1.28em;margin-top:4px}.verse{font-family:"PMingLiU",serif;letter-spacing:5px;line-height:2;font-size:18px}.line{width:34px;border-top:2px solid var(--gold);margin:26px 0}.description{font-size:13px;line-height:2.1;color:#777d70;letter-spacing:.6px}.primary{display:inline-flex;gap:40px;align-items:center;background:var(--green);color:#fff;border:none;border-radius:3px;padding:16px 22px;margin-top:20px;font-size:13px;letter-spacing:1.5px}.primary:hover{background:#53664b}.primary span{font-size:22px}.text-button{background:none;border:0;border-bottom:1px solid var(--gold);padding:10px 0;margin-left:15px;font-size:12px}.intro-foot{margin-top:34px;font-size:8px;letter-spacing:1.7px;color:#909280}.intro-foot span{padding:0 8px}.cover-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px 0}.cover-scene:before{content:"";position:absolute;width:400px;height:400px;background:#e9e9d9;border-radius:50%;z-index:-1}.anniversary{position:absolute;right:0;top:-28px;font:italic 110px Georgia,serif;color:#dedfcf;z-index:-1;line-height:1}.anniversary span{display:block;font:10px system-ui;letter-spacing:5px;text-align:right;color:#a6aa94}.cover-book{width:min(100%,305px);padding:0;background:#f2f2e8;border:0;position:relative;transform:rotate(-5deg);box-shadow:6px 4px 0 #f1eee5,8px 5px 0 #bec1ad,12px 20px 30px #344a3333;transition:transform .4s}.cover-book:hover{transform:rotate(-1deg) translateY(-5px)}.cover-book img{display:block;width:100%}.cover-spine{position:absolute;inset:0 auto 0 0;width:13px;background:linear-gradient(90deg,#0003,transparent,#fff3,transparent)}.cover-caption{margin-top:37px;font-family:serif;font-size:11px;letter-spacing:2px}.cover-caption span{display:block;text-align:center;font:8px system-ui;letter-spacing:1px;color:var(--muted);margin-top:10px}.reader{margin:15px 5% 0;background:#eaece2;border:1px solid #e0e2d6;border-radius:8px;scroll-margin-top:18px;overflow:hidden}.reader:fullscreen{background:#eaece2;overflow:auto;border:0}.reader-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #d8ddcf;gap:15px}.reader-bar h2{font:500 20px "PMingLiU",serif;letter-spacing:2px;margin:8px 0 0}.reader-actions{display:flex;gap:7px}.reader-actions button,.zoom-bar button{border:1px solid #c7cfbd;background:#f9faf5;padding:9px 12px;border-radius:4px;font-size:12px;min-height:38px}.stage{position:relative;min-height:420px;padding:32px 66px 24px;display:flex;align-items:center;justify-content:center;perspective:1600px;touch-action:pan-y}.book{position:relative;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 12px 15px #33452e26);max-width:100%}.book.spread:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:25px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#00000014,#fff2,transparent);pointer-events:none}.book img{display:block;background:#fff;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-drag:none;flex-shrink:0}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:39px;height:52px;border:1px solid #c9cfbf;border-radius:30px;color:var(--green);background:#f7f8f0;font:32px Georgia;z-index:3}.prev{left:15px}.next{right:15px}.arrow:hover{background:var(--green);color:white}.turn-sheet{position:absolute;top:0;z-index:4;pointer-events:none;backface-visibility:hidden;background:white;box-shadow:0 3px 15px #0002;transform-style:preserve-3d}.turn-sheet.forward{right:0;transform-origin:left center;animation:flip-forward .55s ease-in-out forwards}.turn-sheet.backward{left:0;transform-origin:right center;animation:flip-backward .55s ease-in-out forwards}@keyframes flip-forward{from{transform:perspective(1600px) rotateY(0);opacity:1}to{transform:perspective(1600px) rotateY(-175deg);opacity:0}}@keyframes flip-backward{from{transform:perspective(1600px) rotateY(0);opacity:1}to{transform:perspective(1600px) rotateY(175deg);opacity:0}}.loading{position:absolute;bottom:0;font-size:12px;padding:7px 15px;background:#f7f5eeed;border-radius:5px;color:#5e6d56}.reader-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 28px 2px;gap:15px;font-size:11px;color:#626e59}.reader-bottom form{display:flex;align-items:center;gap:6px}.reader-bottom input{width:52px;border:1px solid #c4cbba;border-radius:3px;background:#fff9;padding:6px;text-align:center;color:var(--ink)}.reader-bottom button{border:0;background:none;font-size:11px;border-bottom:1px solid #a5af98;padding:5px}.progress{display:block;width:calc(100% - 56px);height:3px;margin:20px 28px 0;accent-color:var(--green);cursor:pointer}.reader-hint{text-align:center;font-size:10px;color:#88917e;margin:18px 0 20px;letter-spacing:.8px}.reader-hint span{padding:0 10px}.error{color:#923d2d;text-align:center;font-size:13px;padding:12px}.chapters-section{padding:76px 5% 70px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{font:400 25px "PMingLiU",serif;letter-spacing:2px;margin:12px 0 0}.section-heading>span{font-size:11px;color:var(--muted)}.chapter-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chapter-card{text-align:left;background:#fdfcf8;border:1px solid var(--line);padding:22px 20px;position:relative;min-height:150px;transition:border-color .2s,transform .2s}.chapter-card:hover{border-color:var(--gold);transform:translateY(-3px)}.chapter-card .num{font:22px serif;color:var(--gold)}.chapter-card h3{font:500 18px "PMingLiU",serif;margin:16px 0 9px;letter-spacing:1px}.chapter-card p{font-size:10px;color:var(--muted);margin:0}.chapter-card .card-arrow{position:absolute;right:20px;top:23px;color:#8a947e}.chapter-card .pages{display:block;font:9px system-ui;margin-top:18px;color:#929782;letter-spacing:1px}footer{padding:32px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-title{font:16px "PMingLiU",serif;letter-spacing:2px;color:var(--green)}footer a{font-size:11px}.scrim{position:fixed;inset:0;background:#16241877;z-index:10}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,94vw);background:#f7f5ee;z-index:11;padding:30px;overflow:auto;transform:translateX(101%);transition:transform .3s}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font:28px serif;letter-spacing:3px}.drawer-head button{background:none;border:0;font-size:23px}.search-label{display:block;font-size:11px;color:var(--muted);margin:15px 0 8px}#search{width:100%;padding:13px;border:1px solid #d0d5c6;border-radius:4px;background:#fff;margin-bottom:20px}.toc-item{display:flex;align-items:center;width:100%;gap:15px;padding:14px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:none}.toc-item img{width:38px;height:53px;object-fit:cover}.toc-item strong{font-size:14px;font-weight:500;display:block}.toc-item small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.toc-item>span:last-child{margin-left:auto;color:var(--gold);font:20px serif}.drawer-note{color:var(--muted);font-size:11px;line-height:1.8}.search-result{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;font-size:12px;line-height:1.7}.search-result small{display:block;color:var(--muted)}#searchResults>p{font-size:12px;color:var(--muted)}dialog{border:0;border-radius:6px;width:min(96vw,1500px);padding:12px;background:var(--paper);max-height:95vh}dialog::backdrop{background:#142318e8}.zoom-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;padding:3px 0 12px}.zoom-bar>div{display:flex;gap:7px}.zoom-scroll{overflow:auto;max-height:81vh}#zoomImage{display:block;margin:auto;max-width:none;background:white}
@media(min-width:1500px){.reader{max-width:1400px;margin-left:auto;margin-right:auto}.chapters-section{max-width:1540px;margin:auto}}@media(max-width:900px){.edition{display:none}.intro{padding:55px 32px;gap:20px}.cover-book{width:240px}.cover-scene:before{width:270px;height:270px}.anniversary{font-size:85px}.intro-foot{font-size:7px}.chapter-cards{grid-template-columns:repeat(2,1fr)}.reader-actions button{padding:8px}.section-heading>span{display:none}}@media(max-width:600px){header{height:78px;margin:0 5%;gap:8px}.brand{font-size:12px;gap:10px}.brand-mark{font-size:37px}.brand small{font-size:6px;letter-spacing:1px}.outline{padding:9px;font-size:11px}.intro{padding:40px 7% 40px;grid-template-columns:1fr;gap:45px;min-height:auto}.intro-copy{position:relative}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:40px;margin:20px 0}h1 span{display:inline;margin-left:8px;font-size:1.08em}.verse{font-size:15px;letter-spacing:4px;margin-bottom:15px}.line{margin:20px 0}.description{font-size:12px}.primary{margin-top:12px}.intro-foot{margin-top:24px}.cover-scene{padding:0 15px 15px}.cover-book{width:205px;transform:rotate(-4deg)}.anniversary{right:8%;top:-10px}.cover-caption{margin-top:26px}.reader{margin:10px 3% 0}.reader-bar{padding:16px 14px}.reader-bar .eyebrow{display:none}.reader-bar h2{font-size:16px;letter-spacing:1px;margin:0}.reader-actions{gap:4px}.reader-actions button{padding:7px;font-size:10px;min-height:34px}.stage{padding:20px 30px;min-height:300px}.arrow{width:25px;height:42px;font-size:25px}.prev{left:2px}.next{right:2px}.reader-bottom{padding:14px 12px 2px;font-size:10px;gap:5px}#chapterInfo{max-width:32%;line-height:1.8}.reader-bottom form{gap:3px}.reader-bottom input{width:43px}.progress{width:calc(100% - 28px);margin:18px 14px 0}.reader-hint{font-size:9px;letter-spacing:0}.reader-hint span{padding:0 5px}.chapters-section{padding:48px 5%}.section-heading h2{font-size:20px;line-height:1.6}.chapter-card{padding:18px 14px}.chapter-card h3{font-size:16px}.chapter-card p{font-size:9px}.chapter-cards{gap:10px}footer{flex-direction:column;align-items:flex-start;gap:16px;padding:26px 6%}.zoom-bar{font-size:11px}.zoom-bar button{font-size:11px;padding:8px}.drawer{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}