.reader-scroll{touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;background:#16161a;padding:28px 0 72px;transition:left .18s;position:absolute;inset:56px 0 0;overflow:auto}.reader-scroll::-webkit-scrollbar{width:11px}.reader-scroll::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:3px solid #0000;border-radius:999px}.reader-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff3d padding-box content-box}.reader-scroll.with-contents{left:264px}.reader-contents{background:#141418;border-right:1px solid #ffffff12;flex-direction:column;width:264px;display:flex;position:absolute;inset:56px auto 0 0}.reader-contents-head{border-bottom:1px solid #ffffff0e;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 12px 10px 18px;display:flex}.reader-contents-heading{letter-spacing:.15em;text-transform:uppercase;color:#94a3b899;font-size:11px;font-weight:600}.reader-contents-head button{color:#94a3b88c;border-radius:6px;width:24px;height:24px;font-size:16px;line-height:1;transition:background-color .15s,color .15s}.reader-contents-head button:hover{color:#fff;background:#ffffff0f}.reader-contents ul{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;margin:0;padding:8px 8px 40px;list-style:none;overflow:auto}.reader-contents li>button{text-align:left;color:#cbd5e1;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background-color .15s,color .15s;display:grid;position:relative}.reader-contents li>button:hover{color:#fff;background:#ffffff0d}.reader-contents .num{font-variant-numeric:tabular-nums;text-align:right;color:#94a3b880;font-size:11px}.reader-contents .label{flex-direction:column;gap:1px;min-width:0;display:flex}.reader-contents .english{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;overflow:hidden}.reader-contents .chinese{color:#94a3b88c;font-size:11px;line-height:1.25}.reader-contents .page{text-align:right;font-variant-numeric:tabular-nums;color:#94a3b873;min-width:52px;font-size:11px}.reader-contents li>button.here{color:#fff;background:#ff6b4717}.reader-contents li>button.here:before{content:"";background:#ff6b47;border-radius:0 2px 2px 0;width:2px;position:absolute;top:7px;bottom:7px;left:0}.reader-contents li>button.here .num,.reader-contents li>button.here .page{color:#ff6b47}.reader-contents li>button.here .chinese{color:#ffffff80}.reader-contents li+li{margin-top:1px}@media (max-width:720px){.reader-scroll.with-contents{left:0}.reader-contents{z-index:15;box-shadow:0 8px 40px #0009}}.page-slot{margin:0 auto 28px;position:relative}.page{transform-origin:0 0;background:#fff;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000008c,0 1px 2px #00000073,0 12px 32px -8px #0009}.page-image{-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute;top:0;left:0}.text-layer{width:100%;height:100%;position:absolute;top:0;left:0}.text-layer span{color:#0000;white-space:pre;cursor:text;font-family:Noto Sans CJK SC,Microsoft YaHei,PingFang SC,Heiti SC,sans-serif;position:absolute;overflow:hidden}.text-layer ::selection{background:#ff6b4759}.page-number{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#94a3b873;-webkit-user-select:none;user-select:none;margin-top:9px;font-size:11px}.page-number .reading{color:#ff6b47;opacity:.75}