*{box-sizing:border-box}
html,body{margin:0;min-width:100%;min-height:100%;background:#06111a;color:#f3e8d6;font-family:Inter,Arial,Helvetica,sans-serif}
body{overflow:hidden}
body.html-reader-open{overflow:hidden}
button,a{font:inherit}
.page-transition{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:auto;opacity:1;visibility:visible;background:#000;isolation:isolate}
.page-transition.is-idle{pointer-events:none!important;opacity:0!important;visibility:hidden!important}
.page-transition-black{position:absolute;inset:0;z-index:1;background:#000}
.page-transition-name{position:absolute;left:50%;top:50%;z-index:3;width:clamp(120px,18vw,300px);opacity:0;transform:translate(-50%,-50%) scale(.08);transform-origin:center;will-change:transform,opacity}
.page-transition-logo{display:block;width:100%;height:auto;filter:none}
html.page-transition-lock,body.page-transition-lock{overscroll-behavior:none}
body.page-transition-lock{touch-action:none}
.reading-room{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#102634 0%,#06111a 64%,#03090e 100%)}
.library-stage{
  position:relative;
  width:min(100vw,calc(100vh * 7088 / 3987));
  aspect-ratio:7088/3987;
  overflow:hidden;
  isolation:isolate;
  background:url("https://assets.wenhaozhang.cn/loneeast/Home/book/BOOK.png") center/100% 100% no-repeat;
  box-shadow:0 0 80px rgba(0,0,0,.56);
  opacity:0;
  transform:scale(.994);
  animation:roomIn .72s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes roomIn{to{opacity:1;transform:scale(1)}}
.library-back-hotspot{
  position:absolute;
  z-index:80;
  left:2.35%;top:26.65%;width:16.2%;height:9.8%;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f4d49d;
  text-decoration:none;
  font-family:Georgia,"STSong","Songti SC",serif;
  font-size:clamp(14px,1.2vw,24px);
  letter-spacing:.12em;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  outline:none;
  cursor:pointer;
  transition:background .28s ease,border-color .28s ease,box-shadow .32s ease,transform .32s cubic-bezier(.16,1,.3,1);
}
.library-back-hotspot:hover,.library-back-hotspot:focus-visible{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  color:#fff0cf;
  transform:translateY(-1px);
}
.library-back-hotspot span{transform:translateY(1px)}
.shelf-book,.shelf-decoration{
  position:absolute;
  z-index:12;
  left:var(--cx);
  top:var(--top);
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  transform:translateX(-50%) translateZ(0);
  transform-origin:50% 100%;
}
.shelf-book{cursor:pointer;outline:none;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .42s ease,z-index 0s linear .25s}
.shelf-book-front{height:var(--h);aspect-ratio:941/1436}
.shelf-book-vertical,.fake-spine{height:var(--h);aspect-ratio:105/850}
.shelf-book-horizontal{width:var(--w);aspect-ratio:850/105;transform-origin:50% 75%}
.shelf-book img,.shelf-decoration img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.shelf-book::after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:-2.4%;height:8%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 68%);
  opacity:.42;
  filter:blur(5px);
  transform:scaleX(.88);
  transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.shelf-book:hover,.shelf-book:focus-visible{
  z-index:55;
  transform:translateX(-50%) translateY(-7.5%) scale(1.055);
  filter:brightness(1.08) saturate(1.04) drop-shadow(0 18px 14px rgba(0,0,0,.34)) drop-shadow(0 0 12px rgba(232,182,103,.09));
  transition-delay:0s;
}
.shelf-book-horizontal:hover,.shelf-book-horizontal:focus-visible{transform:translateX(-50%) translateY(-42%) scale(1.065)}
.shelf-book:hover::after,.shelf-book:focus-visible::after{opacity:.68;transform:scaleX(1.04)}
.shelf-book:active{transform:translateX(-50%) translateY(-5%) scale(1.035)}
.shelf-book-horizontal:active{transform:translateX(-50%) translateY(-34%) scale(1.04)}
.fake-book{z-index:9;pointer-events:none;filter:brightness(.95)}
.book-detail-panel{
  --panel-x:50%;--panel-y:50%;
  position:absolute;
  z-index:100;
  left:var(--panel-x);
  top:var(--panel-y);
  width:clamp(270px,18vw,420px);
  padding:22px 24px 24px;
  border:1px solid rgba(224,174,99,.32);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(8,22,31,.94),rgba(4,13,20,.91));
  box-shadow:0 18px 44px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,226,174,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translate(12px,16px) scale(.96);
  transform-origin:0 0;
  transition:opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility .22s linear;
}
.book-detail-panel.is-visible{opacity:1;visibility:visible;transform:translate(18px,12px) scale(1)}
.book-detail-panel small,.book-detail-panel span{display:none}
.book-detail-panel strong{display:block;color:#f4ead9;font-family:Georgia,"Times New Roman","STSong","Songti SC",serif;font-size:clamp(25px,1.8vw,40px);font-weight:400;line-height:1.15}
.html-reader-overlay{
  position:fixed;
  inset:0;
  z-index:9000;
  display:none;
  padding:clamp(16px,2.8vw,34px);
  background:rgba(0,0,0,.76);
}
.html-reader-overlay.is-active{display:block}
.html-reader-backdrop{position:absolute;inset:0}
.html-reader-shell{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  border:1px solid rgba(224,174,99,.30);
  border-radius:8px;
  background:#f7f3e9;
  box-shadow:0 22px 60px rgba(0,0,0,.48);
}
.html-reader-toolbar{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:8px 12px 8px 18px;
  border-bottom:1px solid rgba(43,31,18,.18);
  background:#111b21;
  color:#f4ead9;
}
.html-reader-toolbar h1{
  min-width:0;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:Georgia,"STSong","Songti SC",serif;
  font-size:16px;
  font-weight:400;
}
.html-reader-close{
  appearance:none;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.html-reader-close:hover,.html-reader-close:focus-visible{background:rgba(255,255,255,.18);outline:none}
.html-reader-frame{width:100%;height:100%;border:0;background:#fff}
.library-stage.is-leaving{animation:roomOut .36s ease forwards}
@keyframes roomOut{to{opacity:0;transform:scale(1.008)}}
@media(max-aspect-ratio:4/3){
  body{overflow:auto}
  .reading-room{min-width:1180px;min-height:664px;overflow:auto;place-items:start center}
  .library-stage{width:1180px;min-width:1180px}
}
@media(prefers-reduced-motion:reduce){
  .library-stage{opacity:1;transform:none;animation:none}
  .shelf-book,.book-detail-panel{transition:none}
}