:root{
  --bg:#eef2f5;
  --ink:#183247;
  --blue:#075d9d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
.topbar{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #dce4e9;
  backdrop-filter:blur(10px);
}
.topbar-inner{
  max-width:980px;
  margin:auto;
  padding:11px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.title{
  color:var(--blue);
  font-weight:700;
  font-size:15px;
}
.counter{
  color:#718594;
  font-size:13px;
}
.reader{
  max-width:980px;
  margin:0 auto;
  padding:14px 8px 34px;
}
.page{
  margin:0 0 12px;
}
.page img{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
  box-shadow:0 2px 12px rgba(0,0,0,.09);
}
@media(max-width:600px){
  .reader{padding-left:0;padding-right:0;padding-top:8px}
  .page{margin-bottom:7px}
  .page img{box-shadow:none}
}