.page-view[data-v-02eb2cd6]{width:100%;min-height:100vh}.banner-section[data-v-02eb2cd6]{position:relative;height:360px;width:100%;margin:0;padding:0;overflow:hidden}.banner-container[data-v-02eb2cd6]{position:relative;width:100%;height:100%;margin:0;padding:0}.banner-image[data-v-02eb2cd6]{width:100%;height:100%;position:absolute;top:0;left:0;margin:0;padding:0}.banner-image img[data-v-02eb2cd6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.title-sidebar[data-v-02eb2cd6]{position:absolute;left:0;bottom:0;width:716px;height:82px;background:#d3474c;display:flex;align-items:center;clip-path:polygon(0 0,90% 0,100% 100%,0 100%);z-index:10}.title-content[data-v-02eb2cd6]{padding-left:252.5px;color:#fff;width:100%;text-align:left}.current-page-title[data-v-02eb2cd6]{font-size:28px;font-weight:600;margin:0;color:#fff}.current-page-title .current-page-subtitle[data-v-02eb2cd6]{margin:0 100px 0 30px}.page-title-section[data-v-02eb2cd6]{display:flex;gap:20px;margin-bottom:30px;justify-content:center}.page-btn[data-v-02eb2cd6]{padding:12px 30px;border:2px solid #e1e8ed;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;color:#666}.page-btn[data-v-02eb2cd6]:hover{border-color:#4f8cff;color:#4f8cff}.page-btn.active[data-v-02eb2cd6]{background:linear-gradient(135deg,#4f8cff,#667eea);border-color:#4f8cff;color:#fff}.main-content[data-v-02eb2cd6]{background:#f8f9fa;margin-top:0}.content-wrapper[data-v-02eb2cd6]{position:relative;top:-45px;max-width:1400px;margin:0 auto}.content-card[data-v-02eb2cd6]{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;margin-bottom:30px;padding:70px 40px 30px 55px}.main-content[data-v-02eb2cd6]{padding-bottom:30px}.card-content[data-v-02eb2cd6]{padding:30px 0}.resources-container[data-v-02eb2cd6]{max-width:none;margin:0;padding:0}.tab-container[data-v-02eb2cd6]{margin-bottom:30px}.about-tabs[data-v-02eb2cd6]{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.about-tab[data-v-02eb2cd6]{flex:1;padding:15px 30px;text-align:center;cursor:pointer;transition:background-color .3s ease;font-weight:500}.about-tab[data-v-02eb2cd6]:hover{background-color:#f5f5f5}.about-tab.active[data-v-02eb2cd6]{background:linear-gradient(135deg,#4f8cff,#667eea);color:#fff}.tab-content[data-v-02eb2cd6]{display:none;background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:20px}.tab-content.active[data-v-02eb2cd6]{display:block}.login-prompt[data-v-02eb2cd6]{text-align:center;padding:60px 20px}.prompt-content i[data-v-02eb2cd6]{font-size:4rem;color:#ccc;margin-bottom:20px}.prompt-content h3[data-v-02eb2cd6]{font-size:1.5rem;color:#666;margin-bottom:10px}.prompt-content p[data-v-02eb2cd6]{color:#999;margin-bottom:30px}.login-btn[data-v-02eb2cd6]{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#4f8cff,#667eea);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:transform .3s ease}.login-btn[data-v-02eb2cd6]:hover{transform:translateY(-2px)}.file-types-section[data-v-02eb2cd6]{width:100%;overflow:hidden;padding:0 15px;box-sizing:border-box}.types-grid[data-v-02eb2cd6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-top:10px;gap:24px;width:100%;max-width:100%;box-sizing:border-box}@media (max-width:768px){.file-types-section[data-v-02eb2cd6]{padding:0 10px}.types-grid[data-v-02eb2cd6]{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}.type-card[data-v-02eb2cd6]{padding:24px;gap:16px;width:100%;box-sizing:border-box}.type-icon[data-v-02eb2cd6]{font-size:32px!important;width:56px!important;height:56px!important}}@media (max-width:480px){.file-types-section[data-v-02eb2cd6]{padding:0 8px}.types-grid[data-v-02eb2cd6]{grid-template-columns:1fr;gap:12px}.type-card[data-v-02eb2cd6]{padding:20px;gap:12px;width:100%;box-sizing:border-box}.type-icon[data-v-02eb2cd6]{font-size:28px!important;width:48px!important;height:48px!important}.type-info h4[data-v-02eb2cd6]{font-size:1.2rem}.type-info p[data-v-02eb2cd6]{font-size:.85rem}}.type-card[data-v-02eb2cd6]{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.type-card[data-v-02eb2cd6]:hover{border-color:#1890ff;box-shadow:0 6px 16px rgba(24,144,255,.12);transform:translateY(-3px)}.type-icon[data-v-02eb2cd6]{font-size:36px;color:#1890ff;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:rgba(24,144,255,.08);border-radius:10px;flex-shrink:0}.type-info[data-v-02eb2cd6]{flex:1}.type-info h4[data-v-02eb2cd6]{font-size:1.35rem;font-weight:600;color:#1f2329;margin-bottom:10px;line-height:1.3}.type-info p[data-v-02eb2cd6]{color:#586069;font-size:.95rem;margin-bottom:16px;line-height:1.5}.type-stats[data-v-02eb2cd6]{display:flex;align-items:center;gap:16px}.file-count[data-v-02eb2cd6]{font-size:.85rem;color:#6a737d;background:#f6f8fa;padding:6px 16px;border-radius:16px;border:1px solid #e4e7ed}.filter-section[data-v-02eb2cd6]{margin-bottom:36px;padding:24px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.filter-row[data-v-02eb2cd6]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.filter-row[data-v-02eb2cd6]:last-child{margin-bottom:0}.search-container[data-v-02eb2cd6]{width:100%;display:flex;gap:12px;align-items:center;justify-content:center}.el-search-input[data-v-02eb2cd6]{width:300px}.el-search-input[data-v-02eb2cd6] :deep(.el-input__inner){border-radius:8px 0 0 8px;border-color:#d0d7de;background:#f6f8fa}.el-search-input[data-v-02eb2cd6] :deep(.el-input__inner):focus{border-color:#1890ff;box-shadow:0 0 0 3px rgba(24,144,255,.1);background:#fff}.el-search-input[data-v-02eb2cd6] :deep(.el-button){border-radius:0 8px 8px 0;background:#1890ff;border-color:#1890ff}.el-search-input[data-v-02eb2cd6] :deep(.el-button):hover{background:#40a9ff;border-color:#40a9ff}.type-filter[data-v-02eb2cd6]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-label[data-v-02eb2cd6]{font-size:1rem;color:#24292f;font-weight:600;white-space:nowrap}.filter-options[data-v-02eb2cd6]{display:flex;gap:12px;flex-wrap:wrap}.filter-option[data-v-02eb2cd6]{padding:8px 16px;border:1px solid #d0d7de;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease;background:#fff;color:#24292f}.filter-option[data-v-02eb2cd6]:hover{border-color:#1890ff;color:#1890ff;background:#f0f8ff}.filter-option.selected[data-v-02eb2cd6]{background:#1890ff;border-color:#1890ff;color:#fff;box-shadow:0 2px 8px rgba(24,144,255,.2)}.resource-files-grid[data-v-02eb2cd6]{margin-bottom:48px;min-height:200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.resource-card[data-v-02eb2cd6]{width:100%;height:280px;transition:all .3s ease;overflow:hidden;border-radius:8px;display:flex;flex-direction:column}.resource-card[data-v-02eb2cd6]:hover{border-color:#1890ff}.resource-preview-area[data-v-02eb2cd6]{width:100%;height:224px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.resource-preview-area.empty[data-v-02eb2cd6]{background:#f8f9fa;color:#6c757d;text-align:center;flex-direction:column;gap:8px}.no-preview-text[data-v-02eb2cd6]{font-size:.9rem;color:#999}.preview-image[data-v-02eb2cd6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.preview-video[data-v-02eb2cd6]{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.preview-audio[data-v-02eb2cd6]{width:90%;display:block}.preview-document[data-v-02eb2cd6]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}.preview-document i[data-v-02eb2cd6]{font-size:2.5rem;color:#1890ff;opacity:.6}.preview-document .file-name[data-v-02eb2cd6]{font-size:.85rem;color:#586069;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.resource-info-compact[data-v-02eb2cd6]{height:56px;min-height:56px;max-height:56px;padding:6px 10px;background:#fff;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;overflow:hidden;box-sizing:border-box}.resource-name-compact[data-v-02eb2cd6]{font-size:.8rem;font-weight:600;color:#1f2329;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.resource-date-compact[data-v-02eb2cd6]{font-size:.65rem;color:#8c8c8c;white-space:nowrap}.text-right[data-v-02eb2cd6]{text-align:right}.meta-row[data-v-02eb2cd6]{margin-top:2px;max-height:20px;overflow:hidden}.resource-tags-compact[data-v-02eb2cd6]{display:flex;gap:3px;flex-wrap:nowrap;overflow:hidden}.resource-tags-compact .el-tag[data-v-02eb2cd6]{height:18px;line-height:16px;padding:0 5px;font-size:.65rem;flex-shrink:0}.meta-text[data-v-02eb2cd6]{font-size:.65rem;color:#8c8c8c;margin-left:4px;white-space:nowrap}.resource-info-compact[data-v-02eb2cd6] :deep(.el-row){max-height:24px;overflow:hidden}.resource-info-compact[data-v-02eb2cd6] :deep(.el-col){overflow:hidden}.resource-actions[data-v-02eb2cd6]{display:none}.top-bar[data-v-02eb2cd6]{display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;position:relative;gap:12px;flex-wrap:wrap}.top-bar .back-btn[data-v-02eb2cd6]{position:absolute;left:0;top:50%;transform:translateY(-70%)}.top-bar .search-container[data-v-02eb2cd6]{max-width:300px;width:100%}.top-bar .tags-select-container[data-v-02eb2cd6]{min-width:200px}.top-bar .tags-select[data-v-02eb2cd6]{width:100%}.tags-dropdown[data-v-02eb2cd6]{position:absolute;top:100%;left:90px;right:0;margin-top:8px;background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:1000;overflow:hidden}.tags-dropdown-header[data-v-02eb2cd6]{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:1px solid #e4e7ed;background:#f5f7fa}.tags-dropdown-header span[data-v-02eb2cd6]{font-weight:600;color:#303133}.close-btn[data-v-02eb2cd6]{background:none;border:none;color:#909399;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-02eb2cd6]:hover{background:#ecf5ff;color:#1890ff}.tags-dropdown-content[data-v-02eb2cd6]{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto}.tags-dropdown-content .filter-option[data-v-02eb2cd6]{padding:6px 12px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.tags-dropdown-content .filter-option[data-v-02eb2cd6]:hover{background:#ecf5ff;color:#1890ff;transform:translateY(-1px)}.tags-dropdown-content .filter-option.selected[data-v-02eb2cd6]{background:#1890ff;color:#fff}.empty-state[data-v-02eb2cd6]{text-align:center;color:#6a737d;padding:80px 40px;background:#f6f8fa;border:1px solid #e4e7ed;border-radius:12px;width:100%;max-width:600px}.empty-state i[data-v-02eb2cd6]{font-size:4rem;margin-bottom:24px;display:block;color:#1890ff;opacity:.6}.empty-state h4[data-v-02eb2cd6]{font-size:1.35rem;margin-bottom:12px;color:#24292f;font-weight:600}.empty-state p[data-v-02eb2cd6]{font-size:1rem;line-height:1.5}.pagination-container[data-v-02eb2cd6]{display:flex;justify-content:center;align-items:center;margin-top:40px;padding:16px;background:#fff;border:1px solid #f0f0f0;border-radius:12px}.el-pagination-center[data-v-02eb2cd6]{display:flex;justify-content:center;align-items:center;width:100%}.pagination-container[data-v-02eb2cd6] :deep(.el-pagination){display:flex;justify-content:center;align-items:center;gap:8px}.pagination-container[data-v-02eb2cd6] :deep(.el-pagination__jump),.pagination-container[data-v-02eb2cd6] :deep(.el-pagination__sizes){margin-left:16px}.pagination-container[data-v-02eb2cd6] :deep(.el-pagination__button:hover){color:#1890ff}.pagination-container[data-v-02eb2cd6] :deep(.el-pagination__button--active){background-color:#1890ff;border-color:#1890ff}.pagination-container[data-v-02eb2cd6] :deep(.el-pagination__editor){border:1px solid #f0f0f0;border-radius:4px}.features[data-v-02eb2cd6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}.feature-item[data-v-02eb2cd6]{text-align:center;padding:30px 20px;background:rgba(79,140,255,.05);border-radius:12px;transition:transform .3s ease}.feature-item[data-v-02eb2cd6]:hover{transform:translateY(-5px)}.feature-item i[data-v-02eb2cd6]{font-size:2.5rem;color:#4f8cff;margin-bottom:15px}.feature-item h4[data-v-02eb2cd6]{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:10px}.feature-item p[data-v-02eb2cd6]{color:#666;line-height:1.5}@media screen and (max-width:1200px){.content-wrapper[data-v-02eb2cd6]{max-width:1000px}.title-sidebar[data-v-02eb2cd6]{width:500px}}@media screen and (max-width:768px){.banner-section[data-v-02eb2cd6]{height:250px}.title-sidebar[data-v-02eb2cd6]{width:100%;height:60px;clip-path:none;position:relative;background:#d3474c}.title-content[data-v-02eb2cd6]{padding:0 20px;text-align:center}.current-page-title[data-v-02eb2cd6]{font-size:24px}.main-content[data-v-02eb2cd6]{padding:21px 0 0 0}.content-wrapper[data-v-02eb2cd6]{padding:0 15px}.card-content[data-v-02eb2cd6]{padding:20px}}@media (max-width:768px){.resources-container[data-v-02eb2cd6]{padding:0 15px}.tab-content[data-v-02eb2cd6]{padding:20px}.about-tab[data-v-02eb2cd6]{padding:12px 20px;font-size:.9rem}.filter-row[data-v-02eb2cd6]{flex-direction:column;align-items:stretch;gap:15px}.search-container[data-v-02eb2cd6]{max-width:none}.tag-filter[data-v-02eb2cd6]{justify-content:center}.pagination-container[data-v-02eb2cd6]{flex-direction:column;gap:15px}.features[data-v-02eb2cd6]{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.tab-content[data-v-02eb2cd6]{padding:15px}.filter-options[data-v-02eb2cd6]{justify-content:center}.feature-item[data-v-02eb2cd6]{padding:20px 15px}}