:root{color-scheme:light;--red:#d81c1c;--red-dark:#b41414;--ink:#222221;--muted:#73767b;--line:#e5e6e8;--paper:#fff;--shadow:0 22px 50px #20242a12;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:#f5f6f7;color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d81c1c80;outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg{width:20px;height:20px}.brand-header{height:104px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;line-height:0}.brand-logo{width:272px;height:auto;display:block}.header-label{display:flex;align-items:center;gap:17px;font-size:12px;letter-spacing:.17em;color:#55585e;font-weight:600}.header-rule{display:block;width:34px;height:2px;background:var(--red)}.library{max-width:1480px;margin:auto;padding:55px 5vw 0}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.15em;color:var(--red);font-weight:700;margin:0 0 15px;line-height:1.7}.eyebrow:before{content:'';height:1px;width:22px;background:var(--red)}.library h1{font-size:clamp(34px,3.7vw,54px);letter-spacing:-.04em;line-height:1.12;margin:0;font-weight:600}.title-dot{color:var(--red)}.library-overview{text-align:right;padding-bottom:4px}.library-overview p{font-size:15px;line-height:1.5;margin:0 0 8px;color:#555a62}.library-total{font-size:13px;white-space:nowrap;color:var(--muted)}.library-total span{padding:0 8px;color:#b3b6bc}.catalogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.catalogue-card{display:grid;grid-template-columns:47% 53%;background:#fff;border:1px solid #e4e5e7;border-radius:10px;overflow:hidden;min-width:0;box-shadow:0 5px 18px #20242a05;transition:box-shadow .2s,border-color .2s}.catalogue-card:hover{box-shadow:var(--shadow);border-color:#d4d5d8}.cover-link{position:relative;background:linear-gradient(135deg,#eff0f2,#e2e5e9);padding:37px 25px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:405px}.cover-link:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 57%,#ffffff40 57%,#ffffff00 85%)}.cover-link img{position:relative;z-index:1;width:100%;height:auto;display:block;box-shadow:-2px 2px 0 #cbd0d5,-4px 4px 0 #fff,-6px 6px 0 #d5d7db,0 18px 30px #2a2d3433;transition:transform .3s}.cover-link:hover img{transform:translateY(-5px)}.catalogue-info{padding:31px 26px;display:flex;flex-direction:column;justify-content:center;align-items:start}.series-tag{font-size:12px;letter-spacing:.045em;color:var(--muted);display:flex;gap:8px;align-items:center;line-height:1.5}.series-number{display:inline-flex;justify-content:center;align-items:center;width:29px;height:29px;border:1px solid #d81c1c25;color:var(--red);background:#fff4f4;font-size:12px;font-weight:700;letter-spacing:0;flex-shrink:0}.catalogue-info h2{font-size:clamp(24px,2.15vw,31px);line-height:1.16;letter-spacing:-.03em;margin:22px 0 11px;font-weight:600}.series-chinese{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.series-range{font-size:14px;color:#555a62;line-height:1.65;margin:22px 0 12px}.book-meta{font-size:12px;color:var(--muted);margin-bottom:23px}.open-button{display:inline-flex;align-items:center;gap:9px;background:var(--red);color:#fff;padding:13px 16px;font-size:14px;font-weight:600;border:1px solid var(--red);border-radius:4px;transition:background .2s;min-height:46px;white-space:nowrap}.open-button svg{width:19px;height:19px}.open-button:hover{background:var(--red-dark)}.library-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:38px;border-top:1px solid #dee1e4;padding:27px 0;color:var(--muted);font-size:12px;line-height:1.7}.library-footer img{display:block;width:242px;height:auto}.is-reading{overflow:hidden}.is-reading .brand-header{height:68px;padding:0 26px}.is-reading .brand-logo{width:204px}.is-reading .header-label{font-size:11px;gap:12px}.is-reading .header-rule{width:24px}.reader{height:calc(100dvh - 68px);display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;gap:20px;padding:13px 23px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.library-back{font-size:13px;color:#65696f;display:flex;align-items:center;gap:7px;white-space:nowrap;border-right:1px solid var(--line);padding:3px 19px 3px 0;min-height:35px}.library-back svg{width:17px;height:17px}.library-back:hover{color:var(--red)}.reader-name{flex:1;min-width:0}.reader-name h1{font-size:15px;margin:0;line-height:1.45;font-weight:600}.reader-name>span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.view-switch{display:flex;align-items:center;background:#f1f2f4;border:1px solid #e5e6e8;padding:3px;border-radius:6px;flex-shrink:0;gap:3px}.view-option{display:flex;align-items:center;justify-content:center;gap:6px;border:0;min-height:40px;font-size:14px;white-space:nowrap;padding:8px 11px;background:transparent;border-radius:4px;color:#646970;transition:background .2s,color .2s}.view-option svg{width:18px;height:18px}.view-option.selected{color:var(--red);background:#fff;box-shadow:0 1px 4px #22222116;font-weight:600}.view-option:hover{color:var(--red)}.toolbar-actions{display:flex;align-items:center;gap:4px;padding-left:13px;border-left:1px solid var(--line)}.tool-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid transparent;border-radius:4px;padding:9px 10px;font-size:14px;white-space:nowrap;min-height:40px}.tool-button svg{width:18px;height:18px}.tool-button:hover{background:#f3f4f5;border-color:#e4e5e7}.reading-area{flex:1;position:relative;min-height:0;padding:20px 74px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#edeff2,#d7dbe1)}.spread{display:flex;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;perspective:1500px}.page{border:0;padding:0;background:#fff;position:relative;box-shadow:0 12px 30px #2429322a;max-width:calc(50% - 1px);height:100%;aspect-ratio:595.276/807.874;cursor:zoom-in;display:flex;align-items:center;justify-content:center;flex:0 1 auto;overflow:hidden}.page img{display:block;width:100%;height:100%;object-fit:contain}.spread.single .page{max-width:100%}.page:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #0000000b}.spread.two .page:first-child:after{background:linear-gradient(to left,#00000010,transparent 6%)}.spread.two .page:last-child:after{background:linear-gradient(to right,#00000010,transparent 6%)}.spread.forward{animation:turn-forward .25s ease-out}.spread.backward{animation:turn-back .25s ease-out}@keyframes turn-forward{from{opacity:.5;transform:rotateY(-5deg) translateX(8px)}to{opacity:1;transform:none}}@keyframes turn-back{from{opacity:.5;transform:rotateY(5deg) translateX(-8px)}to{opacity:1;transform:none}}.turn-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:43px;height:56px;border:1px solid #cbd0d6;background:#ffffffeb;border-radius:5px;display:grid;place-items:center;box-shadow:0 4px 12px #22222106}.turn-button svg{width:23px;height:23px}.turn-button:hover:enabled{background:#fff;border-color:var(--red);color:var(--red)}.previous{left:17px}.next{right:17px}.reader-footer{background:#fff;padding:13px 24px;flex-shrink:0;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);min-height:66px}.page-controls{display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap}.page-controls form{display:flex;align-items:center;gap:5px}.page-controls input{width:59px;padding:7px;border:1px solid #d5d8dd;border-radius:4px;font-size:14px;-moz-appearance:textfield;text-align:center}.page-controls input::-webkit-inner-spin-button{-webkit-appearance:none}.go-button{border:0;background:#f0f1f3;border-radius:4px;font-size:13px;padding:9px 10px}.range-label{color:var(--muted);font-size:12px;margin-left:9px}#progress{accent-color:var(--red);flex:1;min-width:60px;cursor:pointer;height:18px}.reader-hint{margin:0;color:var(--muted);font-size:12px;white-space:nowrap}.panel-backdrop{position:fixed;inset:0;background:#15191f7a;backdrop-filter:blur(2px);z-index:10}.navigation-panel{position:fixed;right:0;top:0;bottom:0;width:370px;max-width:91vw;background:#fff;box-shadow:-10px 0 50px #0003;z-index:11;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:18px;margin:0}.close-button{border:0;background:none;font-size:28px;min-width:40px;min-height:40px;color:#646970}.panel-tabs{display:flex;padding:0 22px;border-bottom:1px solid var(--line)}.panel-tab{flex:1;border:0;background:#fff;padding:16px;font-size:14px;border-bottom:2px solid transparent}.panel-tab.selected{color:var(--red);border-bottom-color:var(--red);font-weight:600}.chapters{overflow:auto;padding:12px 0;flex:1}.chapter{display:flex;width:100%;text-align:left;align-items:center;gap:12px;background:#fff;border:0;padding:13px 22px;font-size:14px;line-height:1.5}.chapter:hover{background:#f4f5f6}.chapter.selected{background:#fff1f1;color:var(--red);border-left:3px solid var(--red);padding-left:19px}.chapter span{flex:1}.chapter small{font-size:12px;color:var(--muted)}.thumbnails{overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;flex:1;align-content:start}.thumbnail{border:1px solid var(--line);border-radius:4px;padding:5px;background:#f7f8f9;min-width:0}.thumbnail img{width:100%;height:auto;aspect-ratio:595.276/807.874;display:block}.thumbnail span{font-size:12px;display:block;padding:6px 0 1px}.thumbnail.selected{border:2px solid var(--red);padding:4px;color:var(--red)}.zoom-dialog{padding:0;border:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#343941;color:#fff;overflow:hidden}.zoom-dialog::backdrop{background:#14171d}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#22262d;border-bottom:1px solid #444;min-height:63px;font-size:14px}.zoom-toolbar>div{display:flex;align-items:center;gap:8px}.zoom-toolbar button{color:#fff;border:1px solid #626872;background:#343941;border-radius:4px;padding:9px;min-width:36px}.zoom-toolbar button:last-child{font-size:23px;line-height:1;padding:7px 13px}.zoom-scroll{height:calc(100dvh - 67px);overflow:auto;overscroll-behavior:contain;padding:18px;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{display:block;height:auto;max-width:none;background:#fff;margin:0 auto}.toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#22262d;color:#fff;box-shadow:0 3px 12px #0004;padding:13px 21px;border-radius:5px;z-index:20;font-size:14px;max-width:90vw}.page-error{position:absolute;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;font-size:14px;color:var(--muted)}.noscript{padding:25px;background:#fff}.reader:fullscreen{background:#ddd;height:100dvh}
@media(max-width:1250px){.reader-toolbar{flex-wrap:wrap;gap:12px 16px;padding:11px 22px}.reader-name{flex-basis:calc(100% - 160px)}.view-switch{margin-right:auto}.toolbar-actions{border:0;padding-left:0}.catalogue-info{padding:27px 21px}.series-tag{font-size:10px}.catalogue-info h2{font-size:26px}.cover-link{padding:32px 20px}.range-label{display:none}.library{padding-top:44px}}
@media(max-width:900px){.brand-header{height:88px;padding:0 28px}.brand-logo{width:242px}.library{padding:36px 28px 0}.library-heading{gap:20px;margin-bottom:30px}.library h1{font-size:40px}.library-overview p{font-size:14px}.catalogue-grid{gap:20px}.catalogue-card{grid-template-columns:1fr}.cover-link{padding:30px 48px;min-height:0}.cover-link img{max-width:245px}.catalogue-info{padding:25px 27px;position:relative}.catalogue-info h2{font-size:27px}.series-range{margin-top:16px}.library-footer img{width:220px}.reading-area{padding:17px 52px}.turn-button{width:34px;height:49px}.previous{left:9px}.next{right:9px}.reader-footer{padding:12px 18px;gap:14px}.reader-hint{display:none}}
@media(max-width:600px){.brand-header{height:84px;padding:0 20px}.brand-logo{width:225px}.header-label{display:none}.library{padding:29px 20px 0}.library-heading{display:block;margin-bottom:26px}.eyebrow{font-size:11px;margin-bottom:13px}.library h1{font-size:36px}.library-overview{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:0}.library-overview p{font-size:12px;margin:0;line-height:1.6}.library-total{font-size:12px}.library-total span{padding:0 3px}.catalogue-grid{grid-template-columns:1fr;gap:20px}.catalogue-card{grid-template-columns:42% 58%;border-radius:7px}.cover-link{padding:22px 14px;min-height:0}.cover-link img{max-width:none}.catalogue-info{padding:22px 17px}.series-tag{font-size:10px;gap:7px}.series-number{width:23px;height:23px;font-size:11px}.catalogue-info h2{font-size:24px;line-height:1.17;margin:15px 0 7px}.series-chinese{font-size:12px}.series-range{font-size:12px;margin:14px 0 7px;line-height:1.6}.book-meta{font-size:12px;margin-bottom:16px}.open-button{font-size:12px;padding:10px 11px;gap:7px;min-height:41px}.open-button svg{width:16px;height:16px}.library-footer{margin-top:28px;display:block;padding-top:22px;font-size:12px}.library-footer img{width:220px;margin-top:21px}.is-reading .brand-header{height:59px;padding:0 15px}.is-reading .brand-logo{width:176px}.reader{height:calc(100dvh - 59px)}.reader-toolbar{padding:9px 12px;gap:8px 12px}.library-back{font-size:12px;padding-right:12px;gap:5px}.library-back svg{width:15px;height:15px}.reader-name{flex-basis:calc(100% - 145px)}.reader-name h1{font-size:13px;line-height:1.45}.reader-name>span{font-size:11px}.view-switch{flex:1;width:100%;margin:2px 0 0;padding:3px}.view-option{flex:1;min-height:40px;font-size:14px;gap:6px;padding:8px}.view-option svg{width:18px;height:18px}.toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:1px}.tool-button{font-size:12px;padding:8px 4px;gap:5px;min-height:35px;background:#fafafa;border-color:#eee;border-radius:4px}.tool-button svg{width:15px;height:15px}.reading-area{padding:12px 36px}.turn-button{width:27px;height:44px;border-radius:4px}.turn-button svg{width:20px;height:20px}.previous{left:4px}.next{right:4px}.reader-footer{gap:10px;padding:10px 12px;min-height:57px}.page-controls{font-size:12px;gap:5px}.page-controls input{padding:6px;width:44px;font-size:12px}.go-button{padding:7px;font-size:11px}.reader-footer #progress{min-width:48px;height:18px}.zoom-toolbar{flex-wrap:wrap;gap:8px;padding:9px 11px}.zoom-toolbar>span{font-size:12px}.zoom-toolbar>div{width:100%;justify-content:space-between;gap:4px}.zoom-toolbar button{font-size:12px;padding:8px;min-width:31px}.zoom-scroll{height:calc(100dvh - 96px);padding:10px}.zoom-toolbar #zoom-level{font-size:12px}.panel-heading{padding:16px 19px}}
@media(max-width:370px){.library{padding-left:15px;padding-right:15px}.catalogue-info{padding-left:13px;padding-right:13px}.catalogue-info h2{font-size:21px}.series-tag{font-size:9px}.open-button{font-size:11px;padding:10px}.tool-button{font-size:10px;gap:3px}.library h1{font-size:32px}.library-total{font-size:11px}}
@media(max-height:600px) and (min-width:601px){.is-reading .brand-header{height:49px}.is-reading .brand-logo{width:170px}.reader{height:calc(100dvh - 49px)}.reader-toolbar{padding:7px 18px;gap:7px 14px}.reader-name{flex-basis:0}.reader-name>span{display:none}.view-option span{display:none}.toolbar-actions .tool-button span{display:none}.reader-footer{min-height:47px;padding:7px 18px}.reading-area{padding-top:10px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Width fitting allows larger text, with scrolling for an enlarged page. */
.reading-area{display:block;overflow:auto;overscroll-behavior:contain}
.spread{margin:0 auto;flex-shrink:0}
.spread .page{max-width:none;flex:0 0 auto}
.catalogue-fullscreen{overflow:hidden}
.catalogue-fullscreen>.brand-header{display:none}
.reader.is-fullscreen{position:fixed;inset:0;width:100%;height:100dvh;z-index:30;background:#d7dbe1}
.is-fullscreen .reader-toolbar{flex-wrap:nowrap;justify-content:space-between;padding:5px 14px;gap:12px;min-height:52px}
.is-fullscreen .library-back,.is-fullscreen .reader-name{display:none}
.is-fullscreen .view-switch{flex:0 0 auto;width:auto;margin:0}
.is-fullscreen .toolbar-actions{display:flex;width:auto;margin:0;border:0;padding:0;gap:4px}
.is-fullscreen .reading-area{padding:6px 50px 18px}
.is-fullscreen .turn-button{position:fixed}
.is-fullscreen .reader-footer{padding:5px 14px max(5px,env(safe-area-inset-bottom));min-height:50px;gap:16px}
.is-fullscreen .reader-hint,.is-fullscreen .range-label{display:none}
.reading-size-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}
.reading-size-controls button{border:1px solid #e1e3e7;border-radius:4px;background:#f4f5f7;min-height:38px;padding:7px 10px;font-size:13px;white-space:nowrap}
.reading-size-controls button[aria-pressed="true"]{background:#fff1f1;color:var(--red);border-color:#d81c1c60}
.reading-size-controls button:hover{border-color:var(--red)}
.reading-size-controls output{min-width:42px;text-align:center;font-size:12px;color:var(--muted)}
.reading-size-controls #reading-smaller,.reading-size-controls #reading-larger{min-width:38px;font-size:19px;padding:3px 8px}
.toast{z-index:60}
.zoom-dialog[open]{display:flex;flex-direction:column}
.zoom-toolbar{flex-shrink:0}
.zoom-scroll{height:auto;flex:1;min-height:0}
@media(max-width:900px){.is-fullscreen .reader-footer{flex-wrap:wrap;gap:6px 12px}.is-fullscreen .reader-footer #progress{min-width:80px}.is-fullscreen .reading-area{padding:6px 42px 18px}.is-fullscreen .toolbar-actions .tool-button span{display:none}}
@media(max-width:600px){
  .is-fullscreen .reader-toolbar{padding:4px 8px;gap:6px;min-height:52px}
  .is-fullscreen .view-switch{gap:0;padding:2px}
  .is-fullscreen .view-option{font-size:12px;min-height:44px;padding:5px 7px;gap:4px}
  .is-fullscreen .view-option svg{width:15px;height:15px}
  .is-fullscreen .toolbar-actions{gap:1px}
  .is-fullscreen .tool-button{min-width:36px;min-height:44px;padding:7px;background:#fff}
  .is-fullscreen #copy-link{display:none}
  .is-fullscreen .reading-area{padding:6px 8px 18px}
  .is-fullscreen .reader-footer{padding:4px 10px max(4px,env(safe-area-inset-bottom));gap:4px 10px}
  .is-fullscreen .reading-size-controls{order:3;width:100%;justify-content:center}
  .reading-size-controls button{min-height:44px}
  .reading-size-controls #reading-smaller,.reading-size-controls #reading-larger{min-width:44px}
}