:root{
  color-scheme:light;
  --ink:#122039;
  --muted:#64748b;
  --blue:#147df5;
  --line:rgba(91,123,160,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#191a1b;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reading-progress{position:fixed;z-index:100;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#087cf0,#25b9ed);box-shadow:0 0 12px rgba(20,125,245,.45)}
.reader-header{position:sticky;z-index:50;top:0;height:72px;color:var(--ink);border-bottom:1px solid rgba(151,174,202,.24);background:rgba(255,255,255,.88);box-shadow:0 8px 28px rgba(0,0,0,.14);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.reader-bar{display:flex;align-items:center;width:min(100% - 40px,1180px);height:100%;margin:auto}
.back-link{padding-right:16px;color:#53657b;border-right:1px solid rgba(83,101,123,.2);font-size:14px;transition:color .2s ease}.back-link span{margin-right:6px}.back-link:hover{color:var(--blue)}
.reader-brand{display:flex;align-items:center;gap:12px}.reader-brand img{width:112px;height:auto}.reader-brand>span{display:flex;align-items:center;min-height:34px;padding-left:12px;border-left:1px solid #d9e3ef}.reader-brand strong{color:var(--ink);font-size:15px;line-height:1.35}
.reader-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.page-counter{min-width:58px;color:#65758a;font-variant-numeric:tabular-nums;font-size:13px;text-align:center}.download-link{padding:9px 15px;color:#fff;background:linear-gradient(135deg,#147df5,#1d9dea);border-radius:9px;box-shadow:0 8px 18px rgba(20,125,245,.2);font-size:13px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.download-link:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(20,125,245,.28)}
.reader-main{width:min(100% - 36px,920px);margin:0 auto;padding:34px 0 80px}
.guide-pages{display:grid;gap:28px}
.guide-page{position:relative;margin:0;overflow:hidden;background:#fff;border:1px solid #20242b;border-radius:8px;box-shadow:0 18px 48px rgba(0,0,0,.42)}
.guide-page img{display:block;width:100%;height:auto;aspect-ratio:2/3;background:#fff}
.guide-page figcaption{position:absolute;right:12px;bottom:10px;padding:4px 8px;color:#728197;background:rgba(255,255,255,.76);border:1px solid rgba(135,158,186,.16);border-radius:999px;backdrop-filter:blur(8px);font-size:10px;opacity:0;transition:opacity .2s ease}.guide-page:hover figcaption{opacity:1}
.back-top{position:fixed;z-index:40;right:26px;bottom:26px;width:44px;height:44px;color:#1b6fd1;background:rgba(255,255,255,.92);border:1px solid rgba(30,112,210,.16);border-radius:50%;box-shadow:0 12px 30px rgba(30,62,105,.18);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.24s ease}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.back-top:hover{color:#fff;background:var(--blue)}
@media (max-width:700px){
  .reader-header{height:62px}.reader-bar{width:calc(100% - 24px)}.reader-brand img{width:91px}.reader-brand>span{display:none}.reader-actions{gap:8px}.back-link{padding-right:8px;font-size:0}.back-link span{display:grid;place-items:center;width:32px;height:32px;margin:0;color:#53657b;background:#edf4fd;border-radius:50%;font-size:18px}.page-counter{min-width:48px;font-size:12px}.download-link{padding:8px 10px;font-size:12px}.reader-main{width:100%;padding:14px 0 60px}.guide-pages{gap:12px}.guide-page{border-right:0;border-left:0;border-radius:0;box-shadow:0 7px 22px rgba(0,0,0,.35)}.guide-page figcaption{display:none}.back-top{right:14px;bottom:16px;width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-link,.back-top{transition:none}}