.flipbook-container{margin-top:20px}.flipbook-container__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.flipbook-container__title{font-size:20px;font-weight:600;color:#2b2f3a}.flipbook-container__body{position:relative;height:700px;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:12px;padding:40px 20px;overflow:hidden}#flipbook-fragments{margin:0 auto;max-width:100%;max-height:100%}.flipbook-page{display:none!important}.flipbook-page img{max-width:100%;max-height:100%;object-fit:contain;display:block}.flipbook-controls{display:flex;justify-content:center;gap:15px;margin-top:20px}.flipbook-btn{background:#88368c;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.flipbook-btn:hover{background:#6d2b70;transform:translateY(-2px);box-shadow:0 4px 12px #88368c4d}.flipbook-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.flipbook-btn svg{width:20px;height:20px}.flipbook-page-info{text-align:center;margin-top:15px;font-size:14px;color:#666}.flipbook-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#88368ce6;color:#fff;padding:15px 30px;border-radius:30px;font-size:16px;font-weight:500;pointer-events:none;z-index:100;animation:flipbookHintPulse 2s ease-in-out infinite}@keyframes flipbookHintPulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 991px){.flipbook-container__body{height:650px;padding:30px 15px}}@media (max-width: 768px){.flipbook-container__body{height:600px;padding:20px 10px}.flipbook-btn{padding:10px 20px;font-size:14px}.flipbook-hint{font-size:14px;padding:12px 24px}}@media (max-width: 480px){.flipbook-container__title{font-size:18px}.flipbook-container__body{height:550px}.flipbook-controls{flex-direction:column;gap:10px}.flipbook-btn{width:100%;justify-content:center}}