dialog.reader-mode{box-sizing:border-box;width:min(98vw,1250px);max-width:1250px;height:96svh;max-height:96svh;padding:16px 22px;background:#eff9fd;font-family:"Hannotate SC","Kaiti SC",system-ui,sans-serif}dialog.reader-mode .close{position:sticky;top:0;z-index:5;background:white;margin:0 0 8px 12px}.reader-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reader-head h2{margin:4px 0;font-size:25px}.reader-head button{margin:0;background:white}.book-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.book-shelf button{margin:0;padding:10px;background:white;border:2px solid #c4dfeb;border-radius:18px;text-align:center;font-size:18px}.book-shelf img{width:100%;height:155px;object-fit:contain;display:block;margin-bottom:8px}.reader-stage{height:min(65svh,690px);display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;margin:10px 0;background:#dceff7;border-radius:16px}.book-leaf{position:relative;aspect-ratio:var(--page-ratio);height:100%;max-width:49.5%;flex:none;overflow:hidden;background:white}.book-leaf.single{max-width:100%}.book-leaf>img{width:100%;height:100%;object-fit:fill;display:block}.book-hotspot{position:absolute!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:5px!important;cursor:pointer;z-index:2}.book-hotspot:hover,.book-hotspot:focus-visible{background:#ffdc4540!important;outline:2px solid #d6a400}.book-hotspot.reading{background:#ffdc4540!important;box-shadow:inset 0 -3px #e0b300}.reader-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.reader-controls button{margin:0;min-height:48px;background:white;padding:10px 18px}.reader-controls .reader-main{background:#ffdf55}.reader-message{min-height:25px;text-align:center;margin:8px 0;font-size:16px;line-height:1.5}.reader-help{color:#4b6475;font-size:14px;margin:8px 0}.reader-shelf-title{font-size:23px;margin-bottom:4px}.reader-series{display:flex;gap:8px;flex-wrap:wrap}.reader-series button{margin:0;background:white}.reader-series button[aria-pressed=true]{background:#ffdf55}@media(max-width:850px){.book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.book-shelf img{height:125px}.book-leaf{height:auto;width:49.5%;max-height:100%}.book-leaf.single{width:auto;height:100%}.reader-head h2{font-size:21px}}@media(max-width:500px){dialog.reader-mode{padding:12px}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-stage{height:53svh}.reader-controls button{padding:9px 12px;font-size:15px}}