html,body{background:#2b2b2b;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#fb *{box-sizing:border-box}#fb{color:#fff;user-select:none;background:#2b2b2b;flex-direction:column;font-family:Arial,sans-serif;display:flex;position:fixed;inset:0}#fb-back{z-index:100;color:#333;background:linear-gradient(#fff,#eaeaea);border:1px solid #b9b9b9;border-radius:5px;padding:5px 10px 5px 14px;font-size:12px;font-weight:700;text-decoration:none;position:absolute;top:12px;left:12px;box-shadow:0 0 2px 2px #bebebe}#fb-back:hover{background:linear-gradient(#f4f4f4,#ddd)}#fb-stage{flex:1;justify-content:center;align-items:center;padding:12px 0;display:flex;position:relative;overflow:hidden}.fb-arrow{cursor:pointer;color:#fff;z-index:20;background:#ffffff1f;border:none;border-radius:6px;justify-content:center;align-items:center;width:46px;height:110px;transition:background .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fb-arrow:hover{background:#ffffff47}.fb-arrow svg{width:30px;height:30px}#fb-prev{left:8px}#fb-next{right:8px}#fb-book-wrap{flex-shrink:0;position:relative}#fb-perspective{perspective:3000px;perspective-origin:50%;width:1100px;height:715px;position:absolute;top:50%;left:50%}#fb-book{width:1100px;height:715px;transform-style:preserve-3d;position:relative;box-shadow:0 12px 45px #0000008c}#fb-left,#fb-right{background:#fff;width:550px;height:715px;position:absolute;top:0;overflow:hidden}#fb-left{border-radius:6px 0 0 6px;left:0}#fb-right{border-radius:0 6px 6px 0;left:550px}#fb-left:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(270deg,#0000002e,#0000);width:22px;height:100%;position:absolute;top:0;right:0}#fb-right:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000002e,#0000);width:22px;height:100%;position:absolute;top:0;left:0}#fb-about,#fb-left-pg,#fb-right-pg,#fb-end{position:absolute;inset:0}#fb-about{background:#323232;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}#fb-end{color:#888;background:#323232;justify-content:center;align-items:center;font-size:16px;display:flex}#fb-left-pg img,#fb-right-pg img{object-fit:fill;width:100%;height:100%;display:block}#fb-spine{z-index:3;pointer-events:none;background:linear-gradient(90deg,#00000038 0%,#0000000a 35%,#0000 50%,#0000000a 65%,#00000038 100%);width:28px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}#fb-flip{width:550px;height:715px;transform-style:preserve-3d;z-index:10;position:absolute;top:0}#fb-flip.fp-fwd{transform-origin:0%;left:550px;transform:rotateY(0)}#fb-flip.fp-fwd.fp-go{transition:transform .65s cubic-bezier(.5,0,.5,1);transform:rotateY(-180deg)}#fb-flip.fp-bwd{transform-origin:100%;left:0;transform:rotateY(0)}#fb-flip.fp-bwd.fp-go{transition:transform .65s cubic-bezier(.5,0,.5,1);transform:rotateY(180deg)}.fb-face{backface-visibility:hidden;background:#fff;position:absolute;inset:0;overflow:hidden}.fb-face img{object-fit:fill;width:100%;height:100%;display:block}.fb-back{transform:rotateY(180deg)}.fb-front:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000029,#0000);width:18px;height:100%;position:absolute;top:0;left:0}#fb-toolbar{background:linear-gradient(#fff,#e8e8e8);border-top:1px solid #ccc;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 10px;display:flex;box-shadow:0 -2px 6px #0000001f}#fb-tb-left,#fb-tb-right{align-items:center;gap:6px;display:flex}#fb-tb-center{align-items:center;gap:3px;display:flex}.tb-btn{cursor:pointer;color:#555;background:0 0;border:1px solid #d0d0d0;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;text-decoration:none;transition:background .14s;display:flex}.tb-btn:hover{background:#e0e0e0}.tb-btn:active{background:#c8c8c8}#fb-page-label{color:#666;white-space:nowrap;text-align:right;min-width:80px;font-size:12px}#fb-page-input{color:#444;text-align:center;border:1px solid #bbb;border-radius:4px;width:52px;height:28px;padding:0 5px;font-size:12px}#fb-page-input:focus{border-color:#64c8d3;outline:none;box-shadow:0 0 4px #64c8d373}#fb-thumbs{z-index:50;background:#000000c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#fb-thumbs-box{background:#111;border-radius:8px;max-width:min(90vw,660px);max-height:80vh;padding:44px 20px 20px;position:relative;overflow-y:auto;box-shadow:0 0 40px #64c8d340}#fb-thumbs-box h3{color:#aaa;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0 0 14px;font-size:14px}#fb-thumbs-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:absolute;top:8px;right:10px}#fb-thumbs-close:hover{background:#ffffff40}#fb-thumbs-grid{grid-template-columns:repeat(5,100px);gap:8px;display:grid}@media (width<=580px){#fb-thumbs-grid{grid-template-columns:repeat(3,90px)}}.fbt-item{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:4px;transition:border-color .14s;overflow:hidden}.fbt-item:hover,.fbt-item.fbt-active{border-color:#64c8d3}.fbt-item img{aspect-ratio:550/715;object-fit:cover;width:100%;display:block}.fbt-item span{color:#aaa;background:#1e1e1e;padding:2px 0;font-size:10px;display:block}@media (width<=768px){#fb-back{display:none}.fb-arrow{width:36px}#fb-tb-left,#fb-page-label{display:none}}