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