#book{width:100%}#book .page{overflow:hidden;border-radius:3px;width:100%}#book .content{display:flex;align-items:center;width:100%;margin:0;justify-content:space-between;flex-wrap:wrap;padding:16px;text-align:justify}@media screen and (max-width:877px){#book .page .content{flex-direction:column;align-items:center}}#book{width:100%}#book .page{overflow:hidden;border-radius:3px;width:100%}#book .content{display:flex;align-items:center;width:100%;margin:0;justify-content:space-between;flex-wrap:wrap;padding:16px;text-align:justify}@media screen and (max-width:877px){#book .page .content{flex-direction:column;align-items:center}}#book .content li{width:380px;list-style:none;margin-bottom:16px;border-radius:8px;transition:all .3s ease 0s,transform .6s cubic-bezier(.6, .2, .1, 1) 0s}#book .content li .info{border-radius:8px;display:flex;justify-content:flex-start;padding:16px 12px;line-height:1.7;list-style:none}.book-container{display:flex;align-items:center;justify-content:center;perspective:600px}.book{position:relative;width:100px;height:150px;transform-style:preserve-3d;transform:rotateY(-30deg);transition:1s ease;list-style:none}.book:before{content:" ";position:absolute;left:0;top:2px;width:23px;height:146px;transform:translateX(84.5px) rotateY(90deg);background:linear-gradient(90deg,#fff,#f9f9f9 5%,#fff 10%,#f9f9f9 15%,#fff 20%,#f9f9f9 25%,#fff 30%,#f9f9f9 35%,#fff 40%,#f9f9f9 45%,#fff 50%,#f9f9f9 55%,#fff 60%,#f9f9f9 65%,#fff 70%,#f9f9f9 75%,#fff 80%,#f9f9f9 85%,#fff 90%,#f9f9f9 95%,#fff)}.book>:first-child{position:absolute;top:0;left:0;width:100px;height:150px;transform:translateZ(12.5px);border-radius:0 2px 2px 0;box-shadow:5px 5px 20px #666}.book:after{content:" ";position:absolute;top:0;left:0;width:100px;height:150px;transform:translateZ(-12.5px);background-color:#555;border-radius:0 2px 2px 0}#book .content li .info>div{margin-left:26px}#book .content li .info h3{font-size:16px;position:unset;background:0 0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#book .content li .info h3:before{display:none}#book .content li .info p{font-size:14px;line-height:1.7}#book .content li:hover .book{transform:rotateY(0)}#book .info .info-card{position:relative;width:250px;overflow:hidden;transition:.3s}#book .info .info-card .hidden-content{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;left:50%;height:0%;transform:translate(-50%,-50%);filter:blur(12px);opacity:0;background:#fff;width:100%;transition:.5s}#book .info .info-card .hidden-content .text{height:80%;width:80%;padding:5px;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#676767;float:left;clear:both;text-align:justify}#book .info .info-card .hidden-content .text::first-letter{font-size:20px;float:left;margin:0 .2em 0 0}#book .info a:hover+.info-card .hidden-content{opacity:1;height:100%;width:100%;filter:unset}#book .content li .info a[target="_blank"]:hover{color:#0056b3;text-decoration:underline}#book .content li .info .pwd-text{font-size:16px;color:#666;margin-top:3px}.book-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background:rgba(255,255,255,.1);border-radius:8px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.search-container{display:flex;align-items:center;gap:10px}.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;width:200px;outline:0;transition:all .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.search-btn{padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background .3s ease}.search-btn:hover{background:#0056b3}.book-stats{display:flex;align-items:center;gap:15px;font-size:14px;color:#666}.book-stats span{padding:4px 8px;background:rgba(255,255,255,.8);border-radius:12px;font-weight:500}.book-pagination-container{display:flex;justify-content:center;margin:30px 0}.book-pagination{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);padding:12px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.book-page-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;font-weight:500}.book-page-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.book-page-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.book-page-numbers{display:flex;align-items:center;gap:4px;margin:0 10px}.book-page-number{padding:6px 10px;background:rgba(255,255,255,.8);color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;min-width:36px;text-align:center}.book-page-number:hover{background:#007bff;color:#fff;border-color:#007bff;transform:translateY(-1px)}.book-page-number.active{background:#007bff;color:#fff;border-color:#007bff;font-weight:700}.book-page-ellipsis{color:#666;font-size:14px;padding:0 5px}@media screen and (max-width:768px){.book-controls{flex-direction:column;gap:15px;text-align:center}.search-container{width:100%;justify-content:center}.search-input{width:250px;max-width:100%}.book-stats{flex-direction:column;gap:8px}.book-pagination{flex-wrap:wrap;gap:4px;padding:8px}.book-page-btn{padding:6px 12px;font-size:12px}.book-page-number{padding:4px 8px;min-width:30px;font-size:12px}}@media (prefers-color-scheme:dark){.book-controls{background:rgba(33,33,33,.9);border-color:rgba(255,255,255,.1)}.search-input{background:#333;color:#fff;border-color:#555}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.book-stats span{background:rgba(255,255,255,.1);color:#ccc}}[data-user-color-scheme=dark] .book-controls{background:rgba(33,33,33,.9);border-color:rgba(255,255,255,.1)}[data-user-color-scheme=dark] .search-input{background:#333;color:#fff;border-color:#555}[data-user-color-scheme=dark] .search-input:focus{border-color:#007bff}[data-user-color-scheme=dark] .book-stats span{background:rgba(255,255,255,.1);color:#ccc}[data-user-color-scheme=dark] .book-pagination{background:rgba(33,33,33,.9);border-color:rgba(255,255,255,.1)}[data-user-color-scheme=dark] .book-page-number{background:rgba(255,255,255,.1);color:#ccc;border-color:#555}[data-user-color-scheme=dark] .book-page-number:hover{background:#007bff;color:#fff}