*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}:root{--paper: #FDF5E6;--paper-dim: #F5E6D3;--card: #EDE0D4;--ink: #2C1810;--brown: #5C4033;--muted: #8B7355;--faint: #A6927A;--line: #D2B48C;--line-soft: #E8DCC8;--seal: #8B2500;--seal-dark: #6B1C00;--serif: "Noto Serif TC", serif;--sans: "Noto Sans TC", sans-serif;--shadow-card: 0 8px 30px rgba(47, 27, 14, .1);--shadow-dialog: 0 20px 60px rgba(47, 27, 14, .25)}body{font-family:var(--sans);background-color:var(--paper);color:var(--ink);line-height:1.5}.font-serif-cn{font-family:var(--serif)}.fw-bold{font-weight:700}.fw-medium{font-weight:500}.page{min-height:100vh}.paper-texture{background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(139,115,85,.03) 1px,rgba(139,115,85,.03) 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(139,115,85,.02) 1px,rgba(139,115,85,.02) 2px)}.ink-wash-bg{background:radial-gradient(ellipse at 70% 20%,rgba(139,37,0,.05) 0%,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(47,27,14,.03) 0%,transparent 50%)}.container{width:100%;margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.container--wide{max-width:80rem}.container--mid{max-width:64rem}.container--narrow{max-width:48rem}.section{padding-block:clamp(3rem,6vw,5rem)}.section--tint{background:#f5e6d366}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.row--center{justify-content:center}.col{display:flex;flex-direction:column}.grow{flex:1 1 0;min-width:0}.wrap-x{flex-wrap:wrap}.center{text-align:center}.block{display:block}.stack>*+*{margin-top:1rem}.stack-sm>*+*{margin-top:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-8{padding-inline:2rem}.hide-on-mobile{display:none}@media(min-width:640px){.hide-on-mobile{display:block}}.only-mobile{display:block}@media(min-width:640px){.only-mobile{display:none}}.t-xs{font-size:.75rem}.t-sm{font-size:.875rem}.t-base{font-size:1rem}.t-lg{font-size:1.125rem}.c-ink{color:var(--ink)}.c-brown{color:var(--brown)}.c-muted{color:var(--muted)}.c-faint{color:var(--faint)}.c-seal{color:var(--seal)}.hover-seal{transition:color .2s}.hover-seal:hover,.link-seal{color:var(--seal)}.link-seal:hover{text-decoration:underline}.seal-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;border:2px solid var(--seal);color:var(--seal);font-family:var(--serif);font-weight:700;transform:rotate(-3deg);line-height:1}.ink-divider{height:1px;background:linear-gradient(90deg,transparent,var(--muted),transparent)}.rule-h{height:1px;background:var(--seal);width:1.5rem}.kicker{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.kicker .line{height:1px;background:var(--seal)}.kicker .txt{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:500}.kicker--left{justify-content:flex-start}.section-title{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:clamp(1.4rem,3vw,1.8rem);text-align:center}.section-sub{color:var(--brown);max-width:36rem;margin:.75rem auto 0;text-align:center;font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;font-size:.875rem;white-space:nowrap;transition:all .2s}.btn--primary{background:var(--seal);color:var(--paper);padding:.75rem 2rem}.btn--primary:hover{background:var(--seal-dark)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{border:1px solid var(--line);color:var(--brown);padding:.625rem 1.5rem}.btn--ghost:hover{border-color:var(--seal);color:var(--seal);background:#8b25000d}.btn--block{width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#fdf5e6e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(210,180,140,.4)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:4.5rem}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo .seal-mark{width:2.5rem;height:2.5rem;font-size:.875rem}.navbar-title{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--ink);line-height:1.2}.navbar-sub{font-size:.75rem;color:var(--muted)}.navbar-links{display:none;gap:2rem;align-items:center}@media(min-width:768px){.navbar-links{display:flex}.navbar-logo .seal-mark{width:3rem;height:3rem}.navbar-title{font-size:1.25rem}}.navbar-links a{font-size:.875rem;color:var(--ink);transition:color .2s}.navbar-links a:hover,.navbar-links a.router-link-active{color:var(--seal)}.navbar-act{display:flex;align-items:center;gap:.75rem}.navbar-act a{font-size:.875rem;cursor:pointer}.btn-register{border:1px solid var(--seal);color:var(--seal);padding:.375rem 1rem}.btn-register:hover{background:var(--seal);color:var(--paper)}.btn-hamburger{display:none;padding:.5rem}@media(max-width:767px){.btn-hamburger{display:block}}.mobile-menu{display:none}.mobile-menu.open{display:block;border-top:1px solid rgba(210,180,140,.4)}.mobile-menu a{display:block;padding:.5rem 0;font-size:.875rem}.mobile-menu .sep{border-top:1px solid rgba(210,180,140,.2);margin-top:.5rem;padding-top:.5rem}.hero{position:relative;padding:clamp(7rem,12vw,10rem) 0 clamp(4rem,8vw,5rem);text-align:center}.kicker-center{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.kicker-center .line{height:1px;width:2rem;background:var(--seal)}.kicker-center .txt{font-size:.75rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.kicker-center .line.animate{animation:inkReveal 1s ease-out .3s forwards;width:0}.hero-title{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:clamp(2rem,5vw,3.75rem);line-height:1.15;letter-spacing:-.02em}.hero-title .seal-word{display:block;color:var(--seal);margin-top:.5rem}.hero-lead{color:var(--brown);max-width:36rem;margin:1.25rem auto 0}.search-card{margin-top:2.5rem;max-width:48rem;margin-inline:auto;background:var(--paper);border:1px solid rgba(210,180,140,.5);box-shadow:0 1px 3px #2f1b0e0d}.search-card .body{padding:1.25rem 1.5rem}.search-form{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.search-form{flex-direction:row}}.search-field{position:relative;flex:1}.search-ico{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted)}.search-field .search-input{padding-left:2.5rem;padding-block:.875rem;font-size:.875rem}.search-input{width:100%;padding:.6rem .75rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);outline:none;transition:border-color .2s;font-size:.875rem}.search-input:focus{border-color:var(--seal)}.search-input::placeholder{color:var(--faint)}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);outline:none;font-size:.875rem;padding:.6rem 2rem .6rem .75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B7355' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.hotline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted)}.hotline a{cursor:pointer;transition:color .2s}.hotline a:hover{color:var(--seal)}.hotline .adv{margin-left:auto;font-weight:500}.stat-band{border-block:1px solid rgba(210,180,140,.4)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-block:1.5rem 2rem}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{text-align:center}.stat-num{font-family:var(--serif);font-weight:700;color:var(--seal);font-size:clamp(1.5rem,3vw,1.9rem)}.stat-label{font-size:.75rem;color:var(--muted);margin-top:.125rem}.grid-4{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.cat-card{display:block;background:var(--paper-dim);border:1px solid rgba(210,180,140,.4);padding:1.5rem;text-align:center;cursor:pointer}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.cat-card h4{font-family:var(--serif);font-size:1.125rem;color:var(--ink);transition:color .2s}.cat-card:hover h4{color:var(--seal)}.cat-card p{font-size:.75rem;color:var(--muted);margin-top:.5rem}.book-grid{display:grid;gap:1.25rem}@media(min-width:640px){.book-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.book-grid{grid-template-columns:repeat(3,1fr)}}.book-card{background:var(--paper);border:1px solid rgba(210,180,140,.4);overflow:hidden;cursor:pointer}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.book-cover{aspect-ratio:16/10;background:var(--card);position:relative;overflow:hidden}.book-cover .glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:3rem;color:#2c18101a;-webkit-user-select:none;user-select:none}.chip{position:absolute;top:.75rem;left:.75rem;font-size:.625rem;letter-spacing:.05em;padding:.125rem .5rem;background:#8b25001a;color:var(--seal);border:1px solid rgba(139,37,0,.2)}.book-card .info{padding:1.25rem}.book-card h4{font-family:var(--serif);color:var(--ink);font-weight:700;transition:color .2s}.book-card:hover h4{color:var(--seal)}.book-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.75rem;color:var(--muted)}.vsep{width:1px;height:.75rem;background:var(--line)}.book-desc{font-size:.75rem;color:var(--muted);margin-top:.5rem;line-height:1.5}.site-footer{border-top:1px solid rgba(210,180,140,.4);padding-block:2.5rem}.site-footer .brand{display:flex;align-items:center;gap:2rem;padding-bottom:1.5rem;flex-wrap:wrap;justify-content:space-between}.site-footer .brand .name{display:flex;align-items:center;gap:.5rem}.site-footer .links{display:flex;gap:1.5rem;font-size:.75rem;color:var(--muted)}.site-footer .meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:1.5rem;font-size:.75rem;color:var(--muted)}.page-head{padding-top:5rem}.crumbs{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--muted)}.crumbs a:hover{color:var(--seal)}.crumbs .sep{display:inline-flex;align-items:center}.crumbs .here{color:var(--ink)}.searchbar-wrap{border-bottom:1px solid rgba(210,180,140,.4);background:#f5e6d34d}.searchbar{padding-block:1rem}.searchbar-form{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.searchbar-form{flex-direction:row}}.searchbar-group{display:flex;gap:.5rem;flex:1}.searchbar-group .search-input{flex:1}.col-cond{flex:none;width:7rem}.col-key2{flex:none;width:8rem}@media(max-width:639px){.col-key2{display:none}}.adv-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(210,180,140,.3)}.field-grid{display:grid;gap:.75rem;margin-bottom:.75rem}@media(min-width:640px){.field-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.field-grid{grid-template-columns:repeat(4,1fr)}}.field label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.field .search-input{font-size:.875rem}.listinfo{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted);padding-block:.75rem;flex-wrap:wrap;gap:.5rem}.listinfo strong{color:var(--ink)}.listinfo strong.c-seal{color:var(--seal)}.listinfo .need-login{color:var(--seal);margin-left:.5rem;cursor:pointer;text-decoration:underline dotted}.perpage{display:flex;align-items:center;gap:.75rem}.perpage select{font-size:.75rem;background:transparent;border:1px solid var(--line);padding:.25rem .5rem;cursor:pointer;outline:none}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.table-header{background:var(--paper-dim);font-family:var(--serif);font-size:.8125rem;font-weight:600;color:var(--ink);padding:.75rem 1rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table-cell{padding:.75rem 1rem;font-size:.8125rem;color:var(--brown);border-bottom:1px solid var(--line-soft)}.result-row{cursor:pointer;transition:background-color .2s}.result-row:hover{background:var(--paper-dim)}.table-cell .mono{font-family:ui-monospace,monospace}.td-title a{color:var(--seal);font-weight:500}.td-title a:hover{text-decoration:underline}.cell-chip{font-size:11px;padding:.125rem .5rem;background:#8b25001a;color:var(--seal);border:1px solid rgba(139,37,0,.2);display:inline-block}.td-view a{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--seal)}.td-view a:hover{text-decoration:underline}.excerpt em{font-style:normal;color:var(--seal);font-weight:600}.empty-row{text-align:center;color:var(--muted)}.pager-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(210,180,140,.3);padding-top:1.5rem;margin-top:1.5rem;flex-wrap:wrap;gap:1rem}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding-inline:.25rem;font-size:.8125rem;color:var(--brown);border:1px solid var(--line);transition:all .2s;cursor:pointer;position:relative}.page-link:hover{border-color:var(--seal);color:var(--seal)}.page-link.active{background:var(--seal);color:var(--paper);border-color:var(--seal)}.page-link:disabled{opacity:.4;cursor:not-allowed}.page-link .lock{position:absolute;top:-2px;right:-2px;font-size:.625rem}.reader-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--paper-dim)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;height:3.5rem;background:var(--paper);border-bottom:1px solid var(--line);padding-inline:clamp(1rem,3vw,2rem)}.tool-left{display:flex;align-items:center;gap:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--brown);transition:color .2s}.back-btn:hover{color:var(--seal)}.tool-divider{width:1px;height:1.25rem;background:#d2b48c99}.tool-book{display:flex;align-items:center;gap:.5rem}.tool-book .seal-mark{width:1.5rem;height:1.5rem;font-size:9px}.tool-book-name{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:.875rem}.tool-book-meta{font-size:.75rem;color:var(--muted)}.tool-actions{display:flex;gap:.5rem}.btn-icon{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;color:var(--brown);border:1px solid var(--line);transition:all .2s;cursor:pointer}.btn-icon:hover{border-color:var(--seal);color:var(--seal);background:#8b25000a}.btn-icon.active{background:var(--seal);color:var(--paper);border-color:var(--seal)}.btn-outline{border:1px solid var(--line);color:var(--brown);transition:all .2s;cursor:pointer}.btn-outline:hover{border-color:var(--seal);color:var(--seal);background:#8b25000d}.tool-text-only{display:none}@media(min-width:640px){.tool-text-only{display:inline-flex}}.icon-text-lg{display:none}@media(min-width:1024px){.icon-text-lg{display:inline}}.reader-tabs{background:var(--paper);border-bottom:1px solid rgba(210,180,140,.4);padding-inline:clamp(1rem,3vw,2rem)}.reader-tabs .inner{display:flex}.reader-tab{padding:.625rem 1.25rem;font-size:.8125rem;color:var(--muted);border:1px solid transparent;cursor:pointer;transition:all .2s;font-family:var(--serif);margin-bottom:-1px}.reader-tab:hover{color:var(--ink);background:#8b25000a}.reader-tab.active{color:var(--seal);border-color:var(--line);border-bottom-color:var(--paper);background:var(--paper)}.reader-tab.right{margin-left:auto}.reader-body{flex:1;display:flex;min-height:0;position:relative}.sidebar{flex:none;width:18rem;background:var(--paper);border-right:1px solid rgba(210,180,140,.4);overflow-y:auto;padding:1rem}@media(max-width:1023px){.sidebar{position:fixed;inset-block:0;left:0;z-index:40;width:18rem;transform:translate(-100%);transition:transform .3s;padding-top:3.5rem}.sidebar.open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#2c181033}}.sidebar h3{font-family:var(--serif);font-size:.875rem;font-weight:700;color:var(--ink);margin-bottom:1rem}.toc a{display:block;font-size:.75rem;padding:.5rem .75rem;color:var(--brown);border-left:2px solid transparent;transition:all .2s;cursor:pointer}.toc a:hover{background:var(--paper-dim);color:var(--seal)}.toc a.active{background:var(--paper-dim);color:var(--seal);font-weight:500;border-left-color:var(--seal)}.toc a .cnt{color:var(--muted)}.side-sec{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(210,180,140,.3)}.side-sec h4{font-size:.75rem;color:var(--muted);font-weight:500;margin-bottom:.5rem;letter-spacing:.05em}.jump-row{display:flex;gap:.5rem}.jump-input{width:5rem;padding:.375rem .5rem;font-size:.75rem;border:1px solid var(--line);background:var(--paper);outline:none}.jump-input:focus{border-color:var(--seal)}.btn-mini{background:var(--seal);color:var(--paper);padding:.375rem .75rem;font-size:.75rem}.btn-mini:hover{background:var(--seal-dark)}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.5rem}.thumb{aspect-ratio:3/4;cursor:pointer;font-size:.625rem;position:relative;transition:all .2s;display:flex;align-items:center;justify-content:center}.thumb.idle{background:var(--card);border:1px solid rgba(210,180,140,.4);color:var(--muted)}.thumb.idle:hover{border-color:var(--seal)}.thumb.cur{background:#8b25001a;border:2px solid var(--seal);color:var(--seal);font-weight:500}.thumb .lock{position:absolute;top:2px;right:2px;font-size:9px;opacity:.7}.guest-hint{font-size:.625rem;color:var(--faint);margin-top:.5rem;line-height:1.4}.reader-main{flex:1;display:flex;flex-direction:column;min-width:0}.pane-2col{flex:1;display:flex;flex-direction:column}@media(min-width:1024px){.pane-2col{flex-direction:row}}.pane-image{background:var(--paper-dim);border-bottom:1px solid rgba(210,180,140,.4);display:flex;align-items:flex-start;justify-content:center;padding:1rem}.reader-main>.pane-image{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.img-frame{width:100%;max-width:28rem}.img-border{border:1px solid rgba(210,180,140,.5);position:relative}.img-wrap img{width:100%}.img-overlay-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--card);font-size:.75rem;color:var(--muted)}.img-overlay-err{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card);gap:.5rem;font-size:.75rem;color:var(--muted)}.img-overlay-err a{color:var(--seal);cursor:pointer}.img-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem}.flat-btn{font-size:.75rem;color:var(--muted);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;transition:color .2s}.flat-btn:hover{color:var(--seal)}.pane-text{background:var(--paper);overflow-y:auto;padding:1.5rem}@media(min-width:1024px){.pane-text{width:50%}}.text-card{max-width:32rem;margin-inline:auto}.text-head{text-align:center;margin-bottom:1.5rem;font-size:.75rem;color:var(--muted);font-family:var(--serif)}.reading-text-horizontal{font-family:var(--serif);line-height:2;font-size:1rem;color:var(--ink);text-indent:2em}.rec-line{font-family:var(--serif);line-height:2.2;font-size:1.0625rem;color:var(--ink);writing-mode:vertical-rl;text-orientation:upright}.plain-body{font-family:var(--serif);line-height:2.2;font-size:1rem;color:var(--ink)}.text-full{flex:1;overflow-y:auto;background:var(--paper);padding:2rem 3rem}.text-full .head{text-align:center;margin-bottom:2rem}.text-full .head h2{font-family:var(--serif);color:var(--ink);font-size:1.25rem}.text-full .head p{font-size:.75rem;color:var(--muted);margin-top:.25rem}.text-full .ink-divider{max-width:5rem;margin:2.5rem auto}.text-full .tail{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(210,180,140,.3);text-align:center}.reader-footer{background:var(--paper);border-top:1px solid rgba(210,180,140,.4);padding:.5rem clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted)}.reading-text-horizontal p,.plain-body p{margin-bottom:.75rem;text-indent:2em}.reading-text-horizontal table{border-collapse:collapse;margin:1rem auto}.reading-text-horizontal td{border:1px solid var(--line-soft);padding:.25rem .75rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c181066;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{position:relative;width:100%;max-width:24rem;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-dialog)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}.modal-title{display:flex;align-items:center;gap:.5rem}.modal-title .seal-mark{width:1.75rem;height:1.75rem;font-size:10px}.modal-title h3{font-family:var(--serif);font-size:1.125rem;color:var(--ink)}.modal-close{color:var(--muted);font-size:1.25rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--seal)}.modal-head+.ink-divider{margin:.75rem 1.5rem 0}.form{padding:1.25rem 1.5rem}.form .stack{gap:1rem}.field label{margin-bottom:.375rem;letter-spacing:.05em}.hint{font-size:.75rem;color:var(--faint);line-height:1.6}.msg-ok{font-size:.75rem;color:#15803d}.msg-err{font-size:.75rem;color:var(--seal)}.form-switch{text-align:center;font-size:.75rem;color:var(--muted);margin-top:1rem}.form-switch a{color:var(--seal);cursor:pointer}.form-switch a:hover{text-decoration:underline}.code-row{display:flex;gap:.5rem;align-items:stretch}.code-row .search-input{min-width:0;flex:1}.code-button{flex:none;padding-inline:.75rem;font-size:.75rem}.captcha-img{flex:none;align-self:stretch;width:auto;object-fit:fill;border:1px solid var(--line);border-radius:.25rem;cursor:pointer;background:#fff3f5f8}.captcha-img:hover{border-color:var(--seal)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes inkReveal{0%{width:0}to{width:2rem}}.animate-fade-in-up{animation:fadeInUp .7s ease-out forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.25s;opacity:0}@media(prefers-reduced-motion:reduce){.animate-fade-in-up,.delay-1,.delay-2{animation:none;opacity:1}html{scroll-behavior:auto}}.ocr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.ocr-line{position:absolute;display:flex;align-items:center;justify-content:center;font-family:var(--serif);color:#1a1a1a;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden}.ocr-line.vertical{writing-mode:vertical-rl}.no-drag{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img.no-drag{pointer-events:none}.reader-compare{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--paper-dim)}@media(min-width:1024px){.reader-compare{flex-direction:row}}.reader-compare .pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;flex:1 1 50%}.reader-compare .pane-origin{border-bottom:1px solid rgba(210,180,140,.4)}@media(min-width:1024px){.reader-compare .pane-origin{border-bottom:0;border-right:1px solid rgba(210,180,140,.4)}}.pane-label{position:absolute;top:.5rem;left:.5rem;z-index:3;font-size:.6875rem;letter-spacing:.08em;color:var(--muted);background:#faf6f0db;border:1px solid rgba(210,180,140,.5);padding:.125rem .375rem;pointer-events:none}.pane-viewport{position:relative;flex:1;min-height:clamp(18rem,46vh,34rem);overflow:hidden;cursor:grab;touch-action:none}.reader-compare.is-panning .pane-viewport{cursor:grabbing}.pane-stage{position:absolute;top:0;left:0;will-change:transform}.pane-base{position:relative}.pane-origin .pane-base{background:var(--card)}.origin-inner{position:absolute;top:0;right:0;bottom:0;left:0}.origin-img{display:block;width:100%;height:100%;object-fit:fill}.origin-highlight{position:absolute;pointer-events:none;z-index:2;background:#8b25002e;box-shadow:inset 0 0 0 2px #8b2500d9,0 0 0 1px #ffffff80}.pane-note{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--card);font-size:.75rem;color:var(--muted)}.pane-note-err a{color:var(--seal);cursor:pointer}.pane-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted)}.pane-footer{flex:none;border-top:1px solid rgba(210,180,140,.4);background:var(--paper);padding:.375rem .75rem}.pane-footer .img-nav{margin-top:0}.fabric-host{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f0e8;overflow:hidden}.fabric-host .canvas-container{width:100%!important;height:100%!important}.fabric-host canvas{display:block}.fabric-host .lower-canvas{-webkit-user-select:none;user-select:none}.reader-compare-tools{position:absolute;right:.75rem;bottom:.75rem;z-index:4;display:flex;align-items:center;gap:.375rem;background:#faf6f0f0;border:1px solid var(--line);padding:.25rem .5rem;box-shadow:var(--shadow-dialog);flex-wrap:wrap;max-width:calc(100% - 1.5rem)}.tool-chip{font-size:.75rem;color:var(--brown);padding:.125rem .375rem;border:1px solid transparent;transition:all .2s;cursor:pointer}.tool-chip:hover{color:var(--seal);border-color:var(--line)}.tool-scale{font-size:.6875rem;color:var(--muted);min-width:2.5rem;text-align:center}.tool-hint{display:none;font-size:.625rem;color:var(--faint)}@media(min-width:768px){.tool-hint{display:inline}}.txt-drawer{--drawer-w: min(24rem, 88vw);position:fixed;top:0;right:0;bottom:0;z-index:60;pointer-events:none}.txt-drawer>*{pointer-events:auto}.txt-drawer-tab{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.375rem;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--serif);font-size:.75rem;letter-spacing:.12em;color:var(--paper);background:var(--seal);padding:.875rem .5rem;cursor:pointer;box-shadow:0 0 8px #2c181033;transition:background .2s,right .3s ease}.txt-drawer-tab:hover{background:var(--seal-dark)}.txt-drawer.open .txt-drawer-tab{right:var(--drawer-w)}.txt-drawer-tab .txt-drawer-count{writing-mode:horizontal-tb;font-size:.625rem;opacity:.85;border-top:1px solid rgba(250,246,240,.5);padding-top:.25rem}.txt-drawer-tab .txt-drawer-arrow{writing-mode:horizontal-tb;font-size:.875rem;line-height:1}.txt-drawer-tab .txt-drawer-tab-label{white-space:nowrap}.txt-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:var(--drawer-w);background:var(--paper);border-left:1px solid var(--line);box-shadow:-2px 0 12px #2c181024;display:flex;flex-direction:column;padding:1.25rem 1.5rem;overflow:hidden}.txt-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.txt-drawer-title{display:flex;flex-direction:column;gap:.125rem;min-width:0}.txt-drawer-title strong{font-family:var(--serif);font-size:.875rem;color:var(--ink)}.txt-drawer-title span{font-size:.6875rem;color:var(--muted)}.txt-drawer-head-actions{display:flex;gap:.5rem;flex:none}.txt-drawer-body{flex:1;overflow-y:auto;margin-top:.5rem;padding-right:.25rem}.txt-drawer-slide-enter-active,.txt-drawer-slide-leave-active{transition:transform .3s ease,opacity .3s ease}.txt-drawer-slide-enter-from,.txt-drawer-slide-leave-to{transform:translate(100%);opacity:.4}@media(max-width:1023px){.txt-drawer{--drawer-w: min(22rem, 100vw)}.txt-drawer-tab{writing-mode:horizontal-tb;text-orientation:mixed;flex-direction:row;transform:none;top:auto;bottom:4.25rem;padding:.5rem .75rem;border-radius:.25rem 0 0 .25rem;gap:.375rem;z-index:2}.txt-drawer.open .txt-drawer-tab{right:calc(var(--drawer-w) - 5.5rem);border-radius:0 .25rem .25rem 0}.txt-drawer-tab .txt-drawer-count{border-top:0;border-left:1px solid rgba(250,246,240,.5);padding-top:0;padding-left:.375rem}}.fallback-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fallback-line{position:absolute;font-family:var(--serif);color:#1a1a1a;line-height:1;display:flex;align-items:center;justify-content:center;overflow:hidden}