.app-container[data-v-5cf0eaa8]{max-width:1440px;margin:0 auto;padding:40px 40px;background:-webkit-gradient(linear,left top,left bottom,from(#f8faff),to(#fff));background:linear-gradient(180deg,#f8faff,#fff);min-height:100vh}.hero-section[data-v-5cf0eaa8]{text-align:center;margin-bottom:40px;padding:20px 0 20px;position:relative;overflow:hidden}.hero-section .main-title[data-v-5cf0eaa8]{font-size:3.5rem;margin:0 0 20px;letter-spacing:2px;font-family:Microsoft YaHei,sans-serif}.hero-section .main-title .gradient-text[data-v-5cf0eaa8]{background:linear-gradient(135deg,#409eff 20%,#3375b9 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(64,158,255,.15)}.hero-section .sub-title[data-v-5cf0eaa8]{color:#6b7280;font-size:1.2rem;margin:0;letter-spacing:1px;font-weight:300}.filter-container[data-v-5cf0eaa8]{max-width:800px;margin:0 auto 40px;position:relative;z-index:1}.filter-container .search-input[data-v-5cf0eaa8]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.filter-container .search-input[data-v-5cf0eaa8]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.filter-container .search-input[data-v-5cf0eaa8] .el-input__inner{height:50px;border-radius:30px;padding:0 50px;font-size:16px;border:2px solid #e5e7eb;-webkit-transition:all .3s;transition:all .3s;background:hsla(0,0%,100%,.95);backdrop-filter:blur(4px)}.filter-container .search-input[data-v-5cf0eaa8] .el-input__inner:focus{border-color:#409eff;-webkit-box-shadow:0 6px 16px rgba(64,158,255,.2);box-shadow:0 6px 16px rgba(64,158,255,.2);padding-left:55px}.filter-container .search-input .search-icon[data-v-5cf0eaa8]{font-size:20px;margin-left:12px;color:#9ca3af;-webkit-transition:all .3s;transition:all .3s}.ppt-container[data-v-5cf0eaa8]{margin:0 -10px}.ppt-card[data-v-5cf0eaa8]{background:#fff;border-radius:16px;overflow:hidden;margin:10px;-webkit-transition:all .4s cubic-bezier(.23,1,.32,1);transition:all .4s cubic-bezier(.23,1,.32,1);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.05);border:1px solid #f3f4f6;position:relative}.ppt-card[data-v-5cf0eaa8]:hover{-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.preview-wrapper[data-v-5cf0eaa8]{position:relative;padding-bottom:56.25%;overflow:hidden;background:#f8fafc;border-radius:16px 16px 0 0}.preview-wrapper .preview-image[data-v-5cf0eaa8]{position:absolute;width:100%;height:100%;-webkit-transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:transform .5s cubic-bezier(.23,1,.32,1);transition:transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1);will-change:transform}.preview-wrapper .hover-mask[data-v-5cf0eaa8]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(64,158,255,.9),rgba(51,117,185,.9));opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .4s;transition:opacity .4s;pointer-events:none}.preview-wrapper .hover-mask .mask-content[data-v-5cf0eaa8]{text-align:center;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.preview-wrapper .hover-mask .preview-icon[data-v-5cf0eaa8]{color:#fff;font-size:32px;margin-bottom:12px;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.preview-wrapper .hover-mask .preview-text[data-v-5cf0eaa8]{color:#fff;margin:0;font-size:14px;letter-spacing:1px;font-weight:500}.preview-wrapper:hover .hover-mask[data-v-5cf0eaa8]{opacity:1}.preview-wrapper:hover .hover-mask .mask-content[data-v-5cf0eaa8]{-webkit-transform:translateY(0);transform:translateY(0)}.preview-wrapper:hover .preview-image[data-v-5cf0eaa8]{-webkit-transform:scale(1.08);transform:scale(1.08)}.card-footer[data-v-5cf0eaa8]{padding:20px;background:#fff;position:relative;z-index:1}.card-footer .filename[data-v-5cf0eaa8]{font-size:14px;color:#1f2937;font-weight:500;margin-bottom:15px;line-height:1.4;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-footer .download-btn[data-v-5cf0eaa8]{width:100%;height:40px;font-size:14px;letter-spacing:1px;background:linear-gradient(135deg,#409eff,#3375b9);border:none;border-radius:8px;-webkit-transition:all .4s cubic-bezier(.23,1,.32,1);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.card-footer .download-btn[data-v-5cf0eaa8]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 12px rgba(64,158,255,.25);box-shadow:0 6px 12px rgba(64,158,255,.25)}.card-footer .download-btn i[data-v-5cf0eaa8]{margin-right:8px}.pagination-container[data-v-5cf0eaa8]{margin:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-container[data-v-5cf0eaa8] .el-pagination{padding:20px 0}.pagination-container[data-v-5cf0eaa8] .el-pagination .btn-next,.pagination-container[data-v-5cf0eaa8] .el-pagination .btn-prev{border-radius:8px;padding:0 12px;-webkit-transition:all .3s;transition:all .3s}.pagination-container[data-v-5cf0eaa8] .el-pagination .btn-next:hover,.pagination-container[data-v-5cf0eaa8] .el-pagination .btn-prev:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.pagination-container[data-v-5cf0eaa8] .el-pagination .el-pager li{border-radius:8px;margin:0 4px;font-weight:400;-webkit-transition:all .3s;transition:all .3s}.pagination-container[data-v-5cf0eaa8] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#409eff,#3375b9);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.pagination-container[data-v-5cf0eaa8] .el-pagination .el-pager li:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:768px){.app-container[data-v-5cf0eaa8]{padding:30px 15px}.hero-section .main-title[data-v-5cf0eaa8]{font-size:2.2rem}.download-btn[data-v-5cf0eaa8]{font-size:13px}}