.pfs{--pfs-bg:#eaf5fd;--pfs-ink:#12365a;--pfs-ac:#3aa0e6;--pfs-line:#a9d3f1;position:relative;height:var(--pfs-h,700px);background:linear-gradient(180deg,#fff 0%,var(--pfs-bg) 100%);border:1px solid #d6e9f7;color:var(--pfs-ink);font-family:Helvetica,Arial,sans-serif;overflow:hidden;outline:0;box-sizing:border-box;user-select:none}
.pfs *{box-sizing:border-box}
.pfs .pfs-book{display:none}
.pfs-top{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;letter-spacing:.08em}
.pfs-back{color:var(--pfs-ink);border:1px solid var(--pfs-ink);padding:3px 8px;text-decoration:none;text-transform:uppercase}
.pfs-back:hover{background:var(--pfs-ink);color:#fff}
.pfs-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.pfs-logo b{background:var(--pfs-ac);color:#fff;padding:3px 6px;font-size:12px}
.pfs-right{color:#4d6f8f;text-transform:uppercase}
.pfs-tabs{position:absolute;top:66px;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;padding:0 10px}
.pfs-tab{background:#fff;border:1px solid var(--pfs-line);color:var(--pfs-ink);font-size:9px;padding:3px 8px;margin-left:-1px;cursor:pointer;letter-spacing:.06em;text-transform:uppercase}
.pfs-tab:hover{background:#e3f1fc}
.pfs-tab.on{background:var(--pfs-ac);color:#fff;border-color:var(--pfs-ac)}
.pfs-stage{position:absolute;left:0;right:0;top:100px;bottom:150px;overflow:hidden;cursor:grab}
.pfs-item{position:absolute;left:50%;top:50%;width:0;height:0;transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.pfs-spine{position:absolute;left:0;top:0;width:var(--sw);height:var(--sh);transform:translate(-50%,-50%) translateY(var(--ty,0px)) rotate(var(--rz,0deg)) scale(var(--sc,1));transition:opacity .35s,transform .25s ease-out;overflow:hidden;cursor:pointer;border-radius:2px;box-shadow:0 8px 16px rgba(30,90,150,.28);will-change:transform}
.pfs-spine.w{border:1px solid var(--pfs-line)}
.pfs-spine::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),linear-gradient(90deg,rgba(0,40,90,.22),transparent 22%,transparent 78%,rgba(0,40,90,.22))}
.pfs-spine .l{position:absolute;top:7px;left:5px;right:5px;height:16px;background:rgba(255,255,255,.92)}
.pfs-spine .m{position:absolute;bottom:9px;left:5px;width:55%;height:9px;background:rgba(255,255,255,.7)}
.pfs-spine.w .l{background:var(--pfs-ac)}.pfs-spine.w .m{background:rgba(58,160,230,.55)}
.pfs-spine span{position:absolute;inset:30px 0 26px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:12px;letter-spacing:.08em;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 3px rgba(0,50,100,.5)}
.pfs-spine.w span{color:var(--pfs-ink);text-shadow:none}
.pfs-cover{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s ease-out;will-change:transform}
.pfs-cover i{position:absolute;inset:0;transform-origin:bottom left;transition:transform .35s ease-out;box-shadow:0 8px 18px rgba(30,90,150,.2)}
.pfs-cover i:nth-child(1){background:var(--pfs-ac);transform:translate(calc(32px - var(--px,0px)*.9),-6px) rotate(4.5deg)}
.pfs-cover i:nth-child(2){background:#fff;border:1px solid var(--pfs-line);transform:translate(calc(17px - var(--px,0px)*.5),-3px) rotate(2.2deg)}
.pfs-face{position:absolute;inset:0;background:#cfe8f9;box-shadow:0 20px 40px rgba(30,90,150,.38);overflow:hidden;cursor:pointer}
.pfs-face::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at var(--mx,50%) var(--my,25%),rgba(255,255,255,.35),transparent 55%)}
.pfs-face img,.pfs-face canvas{width:100%;height:100%;object-fit:cover;display:block}
.pfs-item.on .pfs-spine{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6)}
.pfs-item.on .pfs-cover{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1)}
.pfs-info{position:absolute;left:0;right:0;bottom:50px;text-align:center;padding:0 70px}
.pfs-info h3{margin:0 0 6px;font:400 22px Georgia,"Times New Roman",serif;color:var(--pfs-ink)}
.pfs-sub{color:var(--pfs-ac);font-size:10px;letter-spacing:.14em;text-transform:uppercase;min-height:12px;font-weight:700}
.pfs-year{font-size:10px;margin-top:6px;color:#4d6f8f;letter-spacing:.08em}
.pfs-open{margin-top:10px;background:var(--pfs-ac);border:1px solid var(--pfs-ac);color:#fff;font-size:10px;letter-spacing:.16em;padding:6px 16px;cursor:pointer}
.pfs-open:hover{background:var(--pfs-ink);border-color:var(--pfs-ink)}
.pfs-arrow{position:absolute;bottom:62px;background:none;border:0;color:var(--pfs-ink);font-size:20px;cursor:pointer;padding:6px 10px}
.pfs-arrow:hover{color:var(--pfs-ac)}
.pfs-arrow.l{left:20px}.pfs-arrow.r{right:20px}
.pfs-foot{position:absolute;left:0;right:0;bottom:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#4d6f8f}
.pfs-foot a{color:#4d6f8f;text-decoration:none}.pfs-foot a:hover{color:var(--pfs-ac)}
.pfs-modal{position:fixed;inset:0;background:rgba(18,54,90,.88);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.pfs-modal .pfb{height:min(88vh,900px);max-width:1300px}
.pfs-x{position:absolute;top:10px;right:18px;background:none;border:0;color:#fff;font-size:36px;line-height:1;cursor:pointer;z-index:2}
@media(max-width:640px){.pfs-right{display:none}.pfs-info{padding:0 48px}}
.pfs-loading{display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.pfs-loading::before{content:"Loading books..."}