@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:14px;line-height:1.5715;color:#262626;background-color:#f0f2f5;overflow-x:hidden}body{width:100%}#app{width:100%;overflow-x:hidden}a{color:#1890ff;text-decoration:none;transition:color .2s}a:hover{color:#40a9ff}a:active{color:#096dd9}ul,ol{list-style:none}img{max-width:100%;height:auto;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#1890ff}.text-success{color:#52c41a}.text-warning{color:#faad14}.text-error{color:#f5222d}.text-secondary{color:#595959}.text-disabled{color:#bfbfbf}.m-xs{margin:4px}.mt-xs{margin-top:4px}.mr-xs{margin-right:4px}.mb-xs{margin-bottom:4px}.ml-xs{margin-left:4px}.mx-xs{margin-left:4px;margin-right:4px}.my-xs{margin-top:4px;margin-bottom:4px}.m-sm{margin:8px}.mt-sm{margin-top:8px}.mr-sm{margin-right:8px}.mb-sm{margin-bottom:8px}.ml-sm{margin-left:8px}.mx-sm{margin-left:8px;margin-right:8px}.my-sm{margin-top:8px;margin-bottom:8px}.m-md{margin:16px}.mt-md{margin-top:16px}.mr-md{margin-right:16px}.mb-md{margin-bottom:16px}.ml-md{margin-left:16px}.mx-md{margin-left:16px;margin-right:16px}.my-md{margin-top:16px;margin-bottom:16px}.m-lg{margin:24px}.mt-lg{margin-top:24px}.mr-lg{margin-right:24px}.mb-lg{margin-bottom:24px}.ml-lg{margin-left:24px}.mx-lg{margin-left:24px;margin-right:24px}.my-lg{margin-top:24px;margin-bottom:24px}.m-xl{margin:32px}.mt-xl{margin-top:32px}.mr-xl{margin-right:32px}.mb-xl{margin-bottom:32px}.ml-xl{margin-left:32px}.mx-xl{margin-left:32px;margin-right:32px}.my-xl{margin-top:32px;margin-bottom:32px}.p-xs{padding:4px}.pt-xs{padding-top:4px}.pr-xs{padding-right:4px}.pb-xs{padding-bottom:4px}.pl-xs{padding-left:4px}.px-xs{padding-left:4px;padding-right:4px}.py-xs{padding-top:4px;padding-bottom:4px}.p-sm{padding:8px}.pt-sm{padding-top:8px}.pr-sm{padding-right:8px}.pb-sm{padding-bottom:8px}.pl-sm{padding-left:8px}.px-sm{padding-left:8px;padding-right:8px}.py-sm{padding-top:8px;padding-bottom:8px}.p-md{padding:16px}.pt-md{padding-top:16px}.pr-md{padding-right:16px}.pb-md{padding-bottom:16px}.pl-md{padding-left:16px}.px-md{padding-left:16px;padding-right:16px}.py-md{padding-top:16px;padding-bottom:16px}.p-lg{padding:24px}.pt-lg{padding-top:24px}.pr-lg{padding-right:24px}.pb-lg{padding-bottom:24px}.pl-lg{padding-left:24px}.px-lg{padding-left:24px;padding-right:24px}.py-lg{padding-top:24px;padding-bottom:24px}.p-xl{padding:32px}.pt-xl{padding-top:32px}.pr-xl{padding-right:32px}.pb-xl{padding-bottom:32px}.pl-xl{padding-left:32px}.px-xl{padding-left:32px;padding-right:32px}.py-xl{padding-top:32px;padding-bottom:32px}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-1{flex:1}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}@media (max-width: 479px){.d-xs-none{display:none}.d-xs-block{display:block}}@media (min-width: 480px) and (max-width: 767px){.d-sm-none{display:none}.d-sm-block{display:block}}@media (min-width: 768px) and (max-width: 991px){.d-md-none{display:none}.d-md-block{display:block}}@media (min-width: 992px) and (max-width: 1199px){.d-lg-none{display:none}.d-lg-block{display:block}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card{background:#fff;border-radius:6px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;padding:16px}.card-sm{background:#fff;border-radius:6px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;padding:8px}.card-lg{background:#fff;border-radius:6px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;padding:24px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}@media (max-width: 479px){.container{padding:0 8px}}.container-fluid{width:100%;padding:0 16px;box-sizing:border-box}@media (max-width: 479px){.container-fluid{padding:0 8px}}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading{animation:spin 1s linear infinite;width:20px;height:20px;border:2px solid #e8e8e8;border-top-color:#1890ff;border-radius:50%}.empty-state{text-align:center;padding:32px;color:#595959}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state .empty-text{font-size:14px}.app-header{background:#fff;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;position:sticky;top:0;z-index:1020}.app-header .header-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:64px;padding:0 16px;max-width:1200px;margin:0 auto}@media (max-width: 479px){.app-header .header-content{padding:0 8px}}.app-header .header-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:100%}.app-header .header-left .site-title{font-size:20px;font-weight:700;color:#1890ff;margin-right:24px}@media (max-width: 479px){.app-header .header-left .site-title{font-size:18px;margin-right:16px}}.app-header .header-left .back-home-btn{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:14px;color:#1890ff;padding:8px 16px;border-radius:6px;transition:all .2s;margin-left:auto}.app-header .header-left .back-home-btn:hover{background-color:#fafafa;color:#096dd9}.app-header .header-left .back-home-btn .el-icon{margin-right:4px}@media (max-width: 479px){.app-header .header-left .back-home-btn{margin-left:16px;padding:4px 8px;font-size:12px}}.app-footer{background:#536573;color:#fff;margin-top:auto}.app-footer .footer-content{max-width:1200px;margin:0 auto;padding:32px 16px}@media (max-width: 479px){.app-footer .footer-content{padding:24px 8px}}.app-footer .footer-bottom{text-align:center}.app-footer .footer-bottom .copyright{color:#fff;font-size:14px;margin-bottom:16px}.app-footer .footer-bottom .footer-links-bottom{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:16px;margin-bottom:16px}.app-footer .footer-bottom .footer-links-bottom:last-child{margin-bottom:0}@media (max-width: 479px){.app-footer .footer-bottom .footer-links-bottom{flex-direction:column;gap:8px}}.app-footer .footer-bottom .footer-links-bottom .footer-link{color:#fff;font-size:14px;transition:color .2s}.app-footer .footer-bottom .footer-links-bottom .footer-link:hover{color:#fff}.app-footer .footer-bottom .footer-links-bottom .footer-link .support-link{color:#fff;text-decoration:underline;transition:color .2s}.app-footer .footer-bottom .footer-links-bottom .footer-link .support-link:hover{color:#fff}.book-card{background:#fff;border-radius:6px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;padding:16px;transition:all .2s;cursor:pointer;height:100%}.book-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.book-card .book-cover{position:relative;width:100%;aspect-ratio:1/1.4;margin-bottom:16px;border-radius:6px;overflow:hidden}.book-card .book-cover .cover-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.book-card .book-cover .cover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.book-card .book-cover .cover-overlay .play-icon{color:#fff;font-size:32px}.book-card .book-cover .book-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.book-card .book-cover .book-badge.member{background:#faad14;color:#fff}.book-card .book-cover .book-badge.free{background:#52c41a;color:#fff}.book-card .book-cover .book-badge.hot{background:#f5222d;color:#fff}.book-card .book-info .book-title{font-size:16px;font-weight:700;color:#262626;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.book-card .book-info .book-author{color:#595959;font-size:12px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card .book-info .book-description{color:#595959;font-size:12px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.book-card .book-info .book-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.book-card .book-info .book-meta .book-stats{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.book-card .book-info .book-meta .book-stats .stat-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;color:#595959;font-size:12px}.book-card .book-info .book-meta .book-stats .stat-item .stat-icon{margin-right:4px;font-size:12px}.book-card .book-info .book-meta .book-category{background:#fafafa;color:#595959;padding:2px 8px;border-radius:4px;font-size:12px}.book-card:hover .cover-overlay{opacity:1}.book-card:hover .cover-image{transform:scale(1.05)}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media (max-width: 479px){.book-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}.book-grid{display:grid;gap:24px}.book-grid.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 479px){.book-grid.grid-2{grid-template-columns:1fr}}.book-grid.grid-3{grid-template-columns:repeat(3,1fr)}@media (min-width: 768px) and (max-width: 991px){.book-grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 479px){.book-grid.grid-3{grid-template-columns:1fr}}.book-grid.grid-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 992px) and (max-width: 1199px){.book-grid.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 991px){.book-grid.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 479px){.book-grid.grid-4{grid-template-columns:1fr}}.news-card{background:#fff;border-radius:6px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;padding:16px;transition:all .2s;cursor:pointer}.news-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.news-card .news-image{width:100%;height:160px;border-radius:6px;overflow:hidden;margin-bottom:16px}.news-card .news-image .image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.news-card .news-content .news-title{font-size:16px;font-weight:700;color:#262626;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.news-card .news-content .news-summary{color:#595959;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-card .news-content .news-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.news-card .news-content .news-meta .meta-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.news-card .news-content .news-meta .meta-left .meta-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;color:#595959;font-size:12px}.news-card .news-content .news-meta .meta-left .meta-item .meta-icon{margin-right:4px;font-size:12px}.news-card .news-content .news-meta .news-date{color:#595959;font-size:12px}.news-card:hover .image{transform:scale(1.05)}.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width: 479px){.news-list{grid-template-columns:1fr;gap:16px}}.news-list.news-grid-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 992px) and (max-width: 1199px){.news-list.news-grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 991px){.news-list.news-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 479px){.news-list.news-grid-4{grid-template-columns:1fr}}.news-card-horizontal{background:#fff;border-radius:6px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;padding:16px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:16px;transition:all .2s;cursor:pointer}.news-card-horizontal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.news-card-horizontal .news-image{width:120px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0}@media (max-width: 479px){.news-card-horizontal .news-image{width:100px;height:70px}}.news-card-horizontal .news-image .image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.news-card-horizontal .news-content{flex:1;min-width:0}.news-card-horizontal .news-content .news-title{font-size:14px;font-weight:700;color:#262626;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.news-card-horizontal .news-content .news-summary{color:#595959;font-size:12px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-card-horizontal .news-content .news-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.news-card-horizontal .news-content .news-meta .meta-item{color:#595959;font-size:12px}.news-card-horizontal .news-content .news-meta .meta-item .meta-icon{margin-right:4px}.news-card-horizontal:hover .image{transform:scale(1.05)}.news-simple-list .news-simple-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:16px 0;border-bottom:1px solid #e8e8e8;cursor:pointer;transition:background-color .2s}.news-simple-list .news-simple-item:hover{background-color:#fafafa}.news-simple-list .news-simple-item:last-child{border-bottom:none}.news-simple-list .news-simple-item .news-info{flex:1;min-width:0}.news-simple-list .news-simple-item .news-info .news-title{font-size:14px;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-simple-list .news-simple-item .news-info .news-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.news-simple-list .news-simple-item .news-info .news-meta .meta-item{color:#595959;font-size:12px}.news-simple-list .news-simple-item .news-thumb{width:60px;height:40px;border-radius:4px;overflow:hidden;margin-left:16px}.news-simple-list .news-simple-item .news-thumb .thumb-image{width:100%;height:100%;object-fit:cover}.custom-pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;margin:32px 0}.custom-pagination .pagination-info{color:#595959;font-size:12px;margin-right:24px}@media (max-width: 479px){.custom-pagination .pagination-info{display:none}}.custom-pagination .el-pagination{--el-pagination-font-size: 12px;--el-pagination-bg-color: transparent;--el-pagination-text-color: #262626;--el-pagination-border-radius: 6px;--el-pagination-hover-color: #1890ff}.custom-pagination .el-pagination .el-pager li{min-width:32px;height:32px;line-height:30px;margin:0 2px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s}.custom-pagination .el-pagination .el-pager li:hover{border-color:#1890ff;color:#1890ff}.custom-pagination .el-pagination .el-pager li.is-active{background-color:#1890ff;border-color:#1890ff;color:#fff}.custom-pagination .el-pagination .btn-prev,.custom-pagination .el-pagination .btn-next{min-width:32px;height:32px;line-height:30px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s}.custom-pagination .el-pagination .btn-prev:hover,.custom-pagination .el-pagination .btn-next:hover{border-color:#1890ff;color:#1890ff}.custom-pagination .el-pagination .btn-prev:disabled,.custom-pagination .el-pagination .btn-next:disabled{border-color:#e8e8e8;color:#bfbfbf;cursor:not-allowed}.custom-pagination .el-pagination .el-pagination__jump{margin-left:16px}@media (max-width: 479px){.custom-pagination .el-pagination .el-pagination__jump{display:none}}.custom-pagination .el-pagination .el-pagination__sizes{margin-right:16px}@media (max-width: 479px){.custom-pagination .el-pagination .el-pagination__sizes{display:none}}.simple-pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;margin:24px 0;gap:16px}.simple-pagination .page-btn{display:inline-block;padding:8px 16px;background-color:#fafafa;color:#262626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.simple-pagination .page-btn:hover{background-color:#fbfbfb}.simple-pagination .page-btn:active{background-color:#eee}.simple-pagination .page-btn:disabled{background-color:#bfbfbf;cursor:not-allowed}.simple-pagination .page-btn{min-width:80px}.simple-pagination .page-btn:disabled{background-color:#fafafa;color:#bfbfbf;cursor:not-allowed}.simple-pagination .page-info{color:#595959;font-size:12px;padding:0 16px}.load-more{text-align:center;margin:32px 0}.load-more .load-more-btn{display:inline-block;padding:8px 16px;background-color:#fafafa;color:#262626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.load-more .load-more-btn:hover{background-color:#fbfbfb}.load-more .load-more-btn:active{background-color:#eee}.load-more .load-more-btn:disabled{background-color:#bfbfbf;cursor:not-allowed}.load-more .load-more-btn{min-width:120px}.load-more .load-more-btn:hover{background-color:#1890ff;color:#fff}.load-more .load-more-btn.loading{cursor:not-allowed}.load-more .load-more-btn.loading .loading-icon{animation:spin 1s linear infinite;margin-right:8px}.load-more .no-more{color:#595959;font-size:12px}.turn-book-container{position:relative;width:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;overflow:hidden}.turn-book-container .book-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:16px 24px;background:#fafafa;border-bottom:1px solid #e8e8e8}.turn-book-container .book-header .book-title{font-size:16px;font-weight:700;color:#262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-book-container .book-header .book-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:8px}.turn-book-container .book-header .book-actions .action-btn{display:inline-block;padding:8px 16px;background-color:#fafafa;color:#262626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.turn-book-container .book-header .book-actions .action-btn:hover{background-color:#fbfbfb}.turn-book-container .book-header .book-actions .action-btn:active{background-color:#eee}.turn-book-container .book-header .book-actions .action-btn:disabled{background-color:#bfbfbf;cursor:not-allowed}.turn-book-container .book-header .book-actions .action-btn{padding:6px 12px;font-size:12px}.turn-book-container .book-header .book-actions .action-btn:hover{background-color:#1890ff;color:#fff}.turn-book-container .book-content{position:relative;width:100%;height:600px;background:#f8f8f8}@media (min-width: 768px) and (max-width: 991px){.turn-book-container .book-content{height:500px}}@media (max-width: 479px){.turn-book-container .book-content{height:400px}}.turn-book-container .book-content .flipbook{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.turn-book-container .book-content .flipbook .current-page{width:100%;height:100%;background:#fff;border:1px solid #e8e8e8;box-shadow:0 2px 4px #0000001a;border-radius:6px;position:relative}.turn-book-container .book-content .flipbook .current-page .page-content{width:100%;height:calc(100% - 40px);padding:24px;overflow:auto}@media (max-width: 479px){.turn-book-container .book-content .flipbook .current-page .page-content{padding:16px}}.turn-book-container .book-content .flipbook .current-page .page-content .page-image{width:100%;height:100%;object-fit:contain}.turn-book-container .book-content .flipbook .current-page .page-content .page-text{font-size:14px;line-height:1.6;color:#262626}.turn-book-container .book-content .flipbook .current-page .page-content .page-text h1,.turn-book-container .book-content .flipbook .current-page .page-content .page-text h2,.turn-book-container .book-content .flipbook .current-page .page-content .page-text h3,.turn-book-container .book-content .flipbook .current-page .page-content .page-text h4,.turn-book-container .book-content .flipbook .current-page .page-content .page-text h5,.turn-book-container .book-content .flipbook .current-page .page-content .page-text h6{margin-bottom:16px;color:#262626}.turn-book-container .book-content .flipbook .current-page .page-content .page-text p{margin-bottom:16px}.turn-book-container .book-content .flipbook .current-page .page-content .page-text img{max-width:100%;height:auto;margin:16px 0}.turn-book-container .book-content .flipbook .current-page .page-number{position:absolute;bottom:16px;right:16px;color:#595959;font-size:12px;background:#fffc;padding:4px 8px;border-radius:4px}.turn-book-container .book-content .flipbook .no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#595959}.turn-book-container .book-content .flipbook .no-content .el-icon{font-size:48px;margin-bottom:16px;opacity:.5}.turn-book-container .book-content .flipbook .no-content p{font-size:14px;margin:0}.turn-book-container .book-content .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;z-index:10}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turn-book-container .book-content .loading-overlay .loading-spinner{animation:spin 1s linear infinite;width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#1890ff;border-radius:50%}.turn-book-container .book-content .permission-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;z-index:20}.turn-book-container .book-content .permission-overlay .permission-message{background:#fff;padding:32px;border-radius:8px;text-align:center;max-width:400px}.turn-book-container .book-content .permission-overlay .permission-message .permission-icon{font-size:48px;color:#faad14;margin-bottom:16px}.turn-book-container .book-content .permission-overlay .permission-message .permission-title{font-size:16px;font-weight:700;color:#262626;margin-bottom:16px}.turn-book-container .book-content .permission-overlay .permission-message .permission-text{color:#595959;margin-bottom:24px;line-height:1.5}.turn-book-container .book-content .permission-overlay .permission-message .permission-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:16px}.turn-book-container .book-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:16px 24px;background:#fafafa;border-top:1px solid #e8e8e8}.turn-book-container .book-controls .control-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.turn-book-container .book-controls .control-left .control-btn{display:inline-block;padding:8px 16px;background-color:#fafafa;color:#262626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.turn-book-container .book-controls .control-left .control-btn:hover{background-color:#fbfbfb}.turn-book-container .book-controls .control-left .control-btn:active{background-color:#eee}.turn-book-container .book-controls .control-left .control-btn:disabled{background-color:#bfbfbf;cursor:not-allowed}.turn-book-container .book-controls .control-left .control-btn{padding:8px 16px}.turn-book-container .book-controls .control-left .control-btn:hover{background-color:#1890ff;color:#fff}.turn-book-container .book-controls .control-left .control-btn:disabled{background-color:#fafafa;color:#bfbfbf;cursor:not-allowed}.turn-book-container .book-controls .page-info{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:8px}.turn-book-container .book-controls .page-info .page-current{font-weight:700;color:#1890ff}.turn-book-container .book-controls .page-info .page-total{color:#595959}.turn-book-container .book-controls .control-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:16px}.turn-book-container .book-controls .control-right .zoom-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:4px}.turn-book-container .book-controls .control-right .zoom-controls .zoom-btn{display:inline-block;padding:8px 16px;background-color:#fafafa;color:#262626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.turn-book-container .book-controls .control-right .zoom-controls .zoom-btn:hover{background-color:#fbfbfb}.turn-book-container .book-controls .control-right .zoom-controls .zoom-btn:active{background-color:#eee}.turn-book-container .book-controls .control-right .zoom-controls .zoom-btn:disabled{background-color:#bfbfbf;cursor:not-allowed}.turn-book-container .book-controls .control-right .zoom-controls .zoom-btn{padding:6px 8px;min-width:32px}.turn-book-container .book-controls .control-right .zoom-controls .zoom-btn:hover{background-color:#1890ff;color:#fff}.turn-book-container .book-controls .control-right .zoom-controls .zoom-level{color:#595959;font-size:12px;min-width:40px;text-align:center}.turn-book-container .book-controls .control-right .fullscreen-btn{display:inline-block;padding:8px 16px;background-color:#fafafa;color:#262626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.turn-book-container .book-controls .control-right .fullscreen-btn:hover{background-color:#fbfbfb}.turn-book-container .book-controls .control-right .fullscreen-btn:active{background-color:#eee}.turn-book-container .book-controls .control-right .fullscreen-btn:disabled{background-color:#bfbfbf;cursor:not-allowed}.turn-book-container .book-controls .control-right .fullscreen-btn{padding:8px 12px}.turn-book-container .book-controls .control-right .fullscreen-btn:hover{background-color:#1890ff;color:#fff}.turn-book-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;background:#000}.turn-book-fullscreen .turn-book-container{width:100%;height:100%;max-width:none;border-radius:0}.turn-book-fullscreen .turn-book-container .book-content{height:calc(100vh - 120px)}