body{padding:0;margin:0!important;cursor:url(https://blog-static.cnblogs.com/files/laoguantongxiegogo/pointer_24px_1231389_easyicon.net.ico),auto;font-family:Microsoft YaHei,sans-serif;line-height:1.6;background-color:#f5f7fa;color:#333;font-size:16px}html{font-size:12px;background-color:#f5f5f5;//overflow:hidden}::-webkit-scrollbar{display:none}.top[data-v-17ae0cb2]{position:fixed;width:100%;top:0}.header[data-v-17ae0cb2]{height:80px;justify-content:space-between;background-image:linear-gradient(90deg,#1966e5,#923fe4)}.header[data-v-17ae0cb2],.nav[data-v-17ae0cb2]{width:100%;display:flex;align-items:center;color:#fff}.nav[data-v-17ae0cb2]{justify-content:center;height:40px;line-height:40px;text-align:center;font-size:1rem;background-image:linear-gradient(90deg,#3585f1,#a65df3)}.tit_header[data-v-17ae0cb2]{width:100%;text-align:center;font-size:2rem}.search[data-v-17ae0cb2]{margin-left:2px}.navbar[data-v-17ae0cb2]{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.logo h1[data-v-17ae0cb2]{color:#2c3e50;font-size:1.8rem}.nav-links a[data-v-17ae0cb2]{color:#34495e;text-decoration:none;margin-left:1rem;font-weight:500;transition:color .3s}.nav-links a[data-v-17ae0cb2]:hover{color:#3498db}body[data-v-17ae0cb2]{font-family:Microsoft YaHei,sans-serif;line-height:1.6;background-color:#f5f7fa;color:#333}[data-v-17ae0cb2]:root{--primary-color:#7c4dff;--secondary-color:#00e5ff;--dark-color:#2b2d42;--light-color:#f8f9fa;--accent-color:#ff4081;--gradient-start:#7c4dff;--gradient-end:#00e5ff;--code-font:"Fira Code",monospace}footer[data-v-0ed0e96f]{background-color:#2c3e50;color:#fff;padding:.5rem 20% .5rem;width:100%;box-sizing:border-box}.footer-content[data-v-0ed0e96f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section[data-v-0ed0e96f]{text-align:center}.footer-section h4[data-v-0ed0e96f]{margin-bottom:1rem;font-size:1.2rem}.footer-section a[data-v-0ed0e96f]{color:#fff;text-decoration:none}.social-links a[data-v-0ed0e96f]{color:#fff;text-decoration:none;margin-right:1rem}.social-links a[data-v-0ed0e96f]:hover{color:#3498db}.copyright[data-v-0ed0e96f]{text-align:center;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.smfont[data-v-f23ecda2]{margin:10px 0;font-size:16px;font-weight:700}.banner[data-v-f23ecda2]{width:1280px;height:100%;display:flex;justify-content:center;margin:30px auto 0}.contant[data-v-f23ecda2]{width:100%;height:100%;overflow:scroll;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.item[data-v-f23ecda2]{background-color:#fff;border-radius:10px;padding:10px;height:250px}.item[data-v-f23ecda2]:hover{animation:shadow-animation-f23ecda2 .5s forwards}@keyframes shadow-animation-f23ecda2{0%{box-shadow:0 0 0 transparent}to{box-shadow:0 0 10px rgba(0,0,0,.5)}}.detail[data-v-f23ecda2]{width:100%;margin-top:30px;font-size:16px}@media (max-width:768px){.contant[data-v-f23ecda2]{grid-template-columns:repeat(1,1fr)}}[data-v-f23ecda2]{margin:0;padding:0;box-sizing:border-box}[data-v-f23ecda2]:root{--primary-color:#7c4dff;--secondary-color:#00e5ff;--dark-color:#2b2d42;--light-color:#f8f9fa;--accent-color:#ff4081;--gradient-start:#7c4dff;--gradient-end:#00e5ff;--code-font:"Fira Code",monospace}.categories[data-v-f23ecda2]{padding:4rem 5%}.categories h2[data-v-f23ecda2]{text-align:center;margin-bottom:2rem;color:#2c3e50}.category-grid[data-v-f23ecda2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.category-card[data-v-f23ecda2]{background:#fff;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.category-card[data-v-f23ecda2]:hover{border-color:#7c4dff;transform:translateY(-8px);box-shadow:0 10px 20px rgba(124,77,255,.15)}.category-card img[data-v-f23ecda2]{width:64px;height:64px;margin-bottom:1rem;animation:float-f23ecda2 3s ease-in-out infinite}.category-card h3[data-v-f23ecda2]{color:#2c3e50}.category-card p[data-v-f23ecda2]{color:#666;margin-top:.5rem}.category-card[data-v-f23ecda2]:before{content:"";position:absolute;top:0;left:5px;right:5px;height:4px;background:#7c4dff;transform:scaleX(0);transition:transform .3s}.category-card[data-v-f23ecda2]:hover:before{transform:scaleX(1)}.project-meta span i[data-v-f23ecda2]{color:var(--primary-color)}.download-btn[data-v-f23ecda2]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}.download-list[data-v-f23ecda2]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.code-preview[data-v-f23ecda2]{background-color:#1e1e1e;border-radius:5px;padding:1rem;font-family:var(--code-font);color:#e6e6e6;margin:1rem 0}footer[data-v-f23ecda2]{background-color:#2c3e50;color:#fff;padding:4rem 5% 2rem}.footer-content[data-v-f23ecda2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4[data-v-f23ecda2]{margin-bottom:1rem;font-size:1.2rem}.social-links a[data-v-f23ecda2]{color:#fff;text-decoration:none;margin-right:1rem}.social-links a[data-v-f23ecda2]:hover{color:#3498db}.copyright[data-v-f23ecda2]{text-align:center;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}@keyframes float-f23ecda2{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width:768px){.navbar[data-v-f23ecda2]{flex-direction:column;text-align:center}.nav-links[data-v-f23ecda2]{margin-top:1rem}.nav-links a[data-v-f23ecda2]{margin:0 1rem}.search-container[data-v-f23ecda2]{flex-direction:column}.search-container button[data-v-f23ecda2]{width:100%}.search-section h2[data-v-f23ecda2]{font-size:2.2rem}.search-container[data-v-f23ecda2]{gap:.8rem}.language-select[data-v-f23ecda2]{width:100%}.project-meta[data-v-f23ecda2]{flex-wrap:wrap}.download-list[data-v-f23ecda2]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.project-main-image[data-v-f23ecda2]{width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.popular-downloads[data-v-f23ecda2]{padding:4rem 5%;border-radius:16px}.popular-downloads h2[data-v-f23ecda2]{text-align:center;margin-bottom:2rem;color:#2c3e50}.download-list[data-v-f23ecda2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;padding:0 1rem}@media (max-width:1200px){.download-list[data-v-f23ecda2]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:968px){.download-list[data-v-f23ecda2]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.download-list[data-v-f23ecda2]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:576px){.download-list[data-v-f23ecda2]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.download-item[data-v-f23ecda2]{text-decoration:none;color:inherit;background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #eee;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.download-item[data-v-f23ecda2]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(124,77,255,.12)}.item-info[data-v-f23ecda2]{display:flex;flex-direction:column;flex:1}.project-header[data-v-f23ecda2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h3[data-v-f23ecda2]{margin:0;color:var(--dark-color);font-size:1.2rem}.language-tag[data-v-f23ecda2]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.project-desc[data-v-f23ecda2]{color:#666;margin-bottom:1rem;font-size:.95rem}.project-meta[data-v-f23ecda2]{display:flex;gap:1.5rem;padding:.8rem 0;border-top:1px solid #eee;margin-top:auto}.project-meta span[data-v-f23ecda2]{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.project-meta span i[data-v-f23ecda2]{color:#7c4dff}.download-btn[data-v-f23ecda2]{background:linear-gradient(135deg,#7c4dff,#00e5ff);color:#fff;padding:.8rem 2rem;border-radius:25px;font-weight:600;font-size:.9rem;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.download-btn[data-v-f23ecda2]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(124,77,255,.3)}.search-section[data-v-f23ecda2]{background:linear-gradient(135deg,#7c4dff,#00e5ff);color:#fff;padding:4rem 5%;border-radius:16px;text-align:center}.search-section h2[data-v-f23ecda2]{font-size:2.5rem;margin-bottom:1rem}.search-section .subtitle[data-v-f23ecda2]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.search-container[data-v-f23ecda2]{display:flex;justify-content:center;align-items:center;gap:1rem}.search-input[data-v-f23ecda2]{width:300px}.language-select[data-v-f23ecda2],.search-input[data-v-f23ecda2]{padding:1rem;border:none;border-radius:8px;font-size:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.search-btn[data-v-f23ecda2]{padding:1rem 2rem;border:none;border-radius:8px;background:#ff4081;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s}.search-btn[data-v-f23ecda2]:hover{background:#d5006d}.lists[data-v-5a8b1882]{margin:4rem 2rem}.lists a[data-v-5a8b1882]{text-decoration:none;color:#7c4dff;font-size:16px;font-weight:700}[data-v-5a8b1882]:root{--primary-color:#7c4dff;--secondary-color:#00e5ff;--dark-color:#2b2d42;--light-color:#f8f9fa;--accent-color:#ff4081;--gradient-start:#7c4dff;--gradient-end:#00e5ff;--code-font:"Fira Code",monospace}.banner[data-v-5a8b1882]{width:1280px;height:100%;display:flex;justify-content:center;margin:130px auto 0;padding-bottom:100px;font-size:16px}.contant[data-v-5a8b1882]{box-sizing:border-box}.el-carousel__item h3[data-v-5a8b1882]{display:flex;color:#475669;opacity:.75;line-height:300px;margin:0}.el-carousel__item[data-v-5a8b1882]:nth-child(2n){background-color:#99a9bf}.el-carousel__item[data-v-5a8b1882]:nth-child(odd){background-color:#d3dce6}.project-detail-container[data-v-5a8b1882]{max-width:1200px;margin:2rem auto;padding:0 2rem;min-height:80vh}.project-header-section[data-v-5a8b1882]{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 10px rgba(0,0,0,.05)}.project-basic-info h1[data-v-5a8b1882]{font-size:2.2rem;color:var(--dark-color);margin-bottom:1rem}.project-tags[data-v-5a8b1882]{display:flex;gap:.8rem;margin-bottom:1.5rem}.framework-tag[data-v-5a8b1882]{background:#e9ecef;color:#495057;padding:.3rem 1rem;border-radius:20px;font-size:.85rem}.project-stats[data-v-5a8b1882]{display:flex;gap:1.5rem;color:#666}.project-stats span[data-v-5a8b1882]{display:flex;align-items:center;gap:.5rem}.download-btn.large[data-v-5a8b1882]{padding:1rem 3rem;font-size:1.1rem}.project-content[data-v-5a8b1882]{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.preview-section[data-v-5a8b1882]{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem}.preview-tabs[data-v-5a8b1882]{display:flex;gap:1rem;margin-bottom:1.5rem}.tab-btn[data-v-5a8b1882]{padding:.8rem 1.5rem;border:none;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab-btn.active[data-v-5a8b1882]{background:#7c4dff;color:#fff}.preview-content[data-v-5a8b1882]{border-radius:12px;overflow:hidden}.demo-video[data-v-5a8b1882]{width:100%;height:336px;border-radius:12px}.screenshot-gallery[data-v-5a8b1882]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.screenshot-gallery img[data-v-5a8b1882]{width:100%;border-radius:8px;transition:transform .3s ease}.screenshot-gallery img[data-v-5a8b1882]:hover{transform:scale(1.05)}.description-section[data-v-5a8b1882]{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem}.description-content ul[data-v-5a8b1882]{margin-top:1rem;padding-left:1.5rem}.description-content li[data-v-5a8b1882]{margin-bottom:.5rem;color:#495057}.tech-stack-grid[data-v-5a8b1882]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;margin-top:1.5rem}.tech-item[data-v-5a8b1882]{text-align:center;padding:1rem;background:#f8f9fa;border-radius:12px;transition:transform .3s ease}.tech-item[data-v-5a8b1882]:hover{transform:translateY(-5px)}.tech-item img[data-v-5a8b1882]{width:48px;height:48px;margin-bottom:.5rem}.sidebar>div[data-v-5a8b1882]{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.author-profile[data-v-5a8b1882]{display:flex;align-items:center;gap:1rem;margin-top:1rem}.author-profile img[data-v-5a8b1882]{width:60px;height:60px;border-radius:50%}.project-meta-info ul[data-v-5a8b1882]{list-style:none;margin-top:1rem}.project-meta-info li[data-v-5a8b1882]{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;color:#495057}@media(max-width:968px){.project-content[data-v-5a8b1882]{grid-template-columns:1fr}.project-header-section[data-v-5a8b1882]{flex-direction:column;gap:1.5rem}.download-btn.large[data-v-5a8b1882]{width:100%}.project-stats[data-v-5a8b1882]{flex-wrap:wrap;gap:1rem}}@media(max-width:576px){.project-detail-container[data-v-5a8b1882]{padding:0 1rem}.project-basic-info h1[data-v-5a8b1882]{font-size:1.8rem}.project-tags[data-v-5a8b1882]{flex-wrap:wrap}}.download-btn[data-v-5a8b1882]{background:linear-gradient(135deg,#7c4dff,#00e5ff);color:#fff;padding:.8rem 2rem;border-radius:25px;font-weight:600;font-size:.9rem;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem;width:300px}.download-btn[data-v-5a8b1882]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(124,77,255,.3)}[data-v-77ca6272]{margin:0;padding:0;box-sizing:border-box}body[data-v-77ca6272]{font-family:Microsoft YaHei,sans-serif;line-height:1.6;background-color:#f5f7fa;color:#333}[data-v-77ca6272]:root{--primary-color:#7c4dff;--secondary-color:#00e5ff;--dark-color:#2b2d42;--light-color:#f8f9fa;--accent-color:#ff4081;--gradient-start:#7c4dff;--gradient-end:#00e5ff;--code-font:"Fira Code",monospace}.navbar[data-v-77ca6272]{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.logo h1[data-v-77ca6272]{color:#2c3e50;font-size:1.8rem}.nav-links a[data-v-77ca6272]{color:#34495e;text-decoration:none;margin-left:2rem;font-weight:500;transition:color .3s}.nav-links a[data-v-77ca6272]:hover{color:#3498db}.search-section[data-v-77ca6272]{background:linear-gradient(135deg,#7c4dff,#00e5ff);color:#fff;padding:4rem 5%;border-radius:16px;text-align:center}.search-section h2[data-v-77ca6272]{font-size:2.5rem;margin-bottom:1rem}.search-section .subtitle[data-v-77ca6272]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.search-container[data-v-77ca6272]{display:flex;justify-content:center;align-items:center;gap:1rem}.search-input[data-v-77ca6272]{width:300px}.language-select[data-v-77ca6272],.search-input[data-v-77ca6272]{padding:1rem;border:none;border-radius:8px;font-size:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.search-btn[data-v-77ca6272]{padding:1rem 2rem;border:none;border-radius:8px;background:#ff4081;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s}.search-btn[data-v-77ca6272]:hover{background:#d5006d}.categories[data-v-77ca6272]{padding:4rem 5%;background-color:#fff;position:relative}.categories h2[data-v-77ca6272]{text-align:center;margin-bottom:2rem;color:#2c3e50;font-size:2rem}.category-grid[data-v-77ca6272]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category-grid a.category-card[data-v-77ca6272]{text-decoration:none;color:inherit;display:block;cursor:pointer}.category-grid a.category-card[data-v-77ca6272]:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 10px 20px rgba(124,77,255,.15)}.category-card[data-v-77ca6272]{background:#fff;border-radius:16px;padding:2rem;text-align:center;transition:transform .3s;box-shadow:0 4px 6px rgba(0,0,0,.1);border:none}.category-card[data-v-77ca6272]:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 10px 20px rgba(124,77,255,.15)}.category-card img[data-v-77ca6272]{width:64px;height:64px;margin-bottom:1rem;animation:float-77ca6272 3s ease-in-out infinite}.category-card h3[data-v-77ca6272]{color:#2c3e50}.category-card p[data-v-77ca6272]{color:#666;margin-top:.5rem}.category-card[data-v-77ca6272]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s}.category-card[data-v-77ca6272]:hover:before{transform:scaleX(1)}.download-item[data-v-77ca6272]{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #eee;transition:all .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.download-item[data-v-77ca6272]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(124,77,255,.12)}.project-header[data-v-77ca6272]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h3[data-v-77ca6272]{margin:0;color:var(--dark-color);font-size:1.2rem}.language-tag[data-v-77ca6272]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.project-desc[data-v-77ca6272]{color:#666;margin-bottom:1rem;font-size:.95rem}.project-meta span i[data-v-77ca6272]{color:var(--primary-color)}.download-btn[data-v-77ca6272]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.8rem 2rem;border-radius:25px;font-weight:600;font-size:.9rem;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.download-btn[data-v-77ca6272]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(124,77,255,.3)}.download-list[data-v-77ca6272]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.item-info[data-v-77ca6272]{display:flex;flex-direction:column;flex:1}.code-preview[data-v-77ca6272]{background-color:#1e1e1e;border-radius:5px;padding:1rem;font-family:var(--code-font);color:#e6e6e6;margin:1rem 0}footer[data-v-77ca6272]{background-color:#2c3e50;color:#fff;padding:4rem 5% 2rem}.footer-content[data-v-77ca6272]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4[data-v-77ca6272]{margin-bottom:1rem;font-size:1.2rem}.footer-section p[data-v-77ca6272]{font-size:1rem;line-height:1.5}.social-links a[data-v-77ca6272]{color:#fff;text-decoration:none;margin-right:1rem;font-size:1.2rem}.social-links a[data-v-77ca6272]:hover{color:#3498db}.footer-bottom[data-v-77ca6272]{text-align:center;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);font-size:.9rem}@keyframes float-77ca6272{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width:768px){.navbar[data-v-77ca6272]{flex-direction:column;text-align:center}.nav-links[data-v-77ca6272]{margin-top:1rem}.nav-links a[data-v-77ca6272]{margin:0 1rem}.search-container[data-v-77ca6272]{flex-direction:column}.search-container button[data-v-77ca6272]{width:100%}.search-section h2[data-v-77ca6272]{font-size:2.2rem}.search-container[data-v-77ca6272]{gap:.8rem}.language-select[data-v-77ca6272]{width:100%}.project-meta[data-v-77ca6272]{flex-wrap:wrap}.download-list[data-v-77ca6272]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.project-main-image[data-v-77ca6272]{width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.popular-downloads[data-v-77ca6272]{padding:4rem 5%;background-color:#fff}.popular-downloads h2[data-v-77ca6272]{text-align:center;margin-bottom:2rem;color:#2c3e50;font-size:2rem}.project-list-section[data-v-77ca6272]{padding:4rem 5%;background-color:#f8f9fa;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.project-list-section h2[data-v-77ca6272]{text-align:center;margin-bottom:2rem;color:#2c3e50}.project-list[data-v-77ca6272]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-item[data-v-77ca6272]{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #eee;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.project-item[data-v-77ca6272]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(124,77,255,.12)}.project-info[data-v-77ca6272]{display:flex;flex-direction:column;flex:1}.project-info h3[data-v-77ca6272]{margin:0;color:var(--dark-color);font-size:1.2rem}.project-info p[data-v-77ca6272]{color:#666;margin-bottom:1rem;font-size:.95rem}.project-meta[data-v-77ca6272]{display:flex;gap:1.5rem;padding:.8rem 0;border-top:1px solid #eee;margin-top:auto}.project-meta span[data-v-77ca6272]{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.view-details-btn[data-v-77ca6272]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.8rem 2rem;border-radius:25px;font-weight:600;font-size:.9rem;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;text-align:center;margin-top:1rem;text-decoration:none}.view-details-btn[data-v-77ca6272]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(124,77,255,.3)}.list-header[data-v-77ca6272]{text-align:center;margin-bottom:2rem;color:#2c3e50}.list-header h2[data-v-77ca6272]{font-size:2.5rem;margin-bottom:.5rem}.list-header p[data-v-77ca6272]{font-size:1.2rem;color:#666}.categories+.popular-downloads[data-v-77ca6272]{padding-top:0}.category-header[data-v-77ca6272]{background:linear-gradient(135deg,#7c4dff,#00e5ff);color:#fff;padding:3rem 5%;text-align:center}.category-info[data-v-77ca6272]{margin-bottom:2rem}.category-icon[data-v-77ca6272]{width:80px;height:80px;margin-bottom:1rem}.category-info h1[data-v-77ca6272]{font-size:2.5rem;margin-bottom:.5rem}.category-info p[data-v-77ca6272]{font-size:1.2rem;opacity:.9}.category-filters[data-v-77ca6272]{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.filter-select[data-v-77ca6272],.framework-select[data-v-77ca6272]{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.category-projects[data-v-77ca6272]{padding:4rem 5%;background-color:#f8f9fa}.project-grid[data-v-77ca6272]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.project-card[data-v-77ca6272]{background:#fff;border-radius:16px;overflow:hidden;transition:transform .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.project-card[data-v-77ca6272]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(124,77,255,.12)}.project-image[data-v-77ca6272]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.project-content[data-v-77ca6272]{padding:1.5rem}.framework-badge[data-v-77ca6272]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.85rem}.project-stats[data-v-77ca6272]{display:flex;gap:1.5rem;margin:1rem 0;color:#666}.view-project-btn[data-v-77ca6272]{display:block;background:linear-gradient(135deg,#7c4dff,#00e5ff);color:#fff;text-decoration:none;padding:.8rem;border-radius:8px;text-align:center;font-weight:500;transition:transform .3s ease}.view-project-btn[data-v-77ca6272]:hover{transform:translateY(-2px)}.pagination[data-v-77ca6272]{display:flex;justify-content:center;gap:.5rem;margin-top:3rem}.page-btn[data-v-77ca6272]{width:40px;height:40px;border:none;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease}.page-btn.active[data-v-77ca6272]{background:var(--primary-color);color:#fff}.page-btn[data-v-77ca6272]:hover:not(.active){background:#f0f0f0}@media (max-width:768px){.category-filters[data-v-77ca6272]{flex-direction:column}.filter-select[data-v-77ca6272],.framework-select[data-v-77ca6272]{width:100%}.category-info h1[data-v-77ca6272]{font-size:2rem}}.login-wrapper[data-v-93cb3338]{min-height:93.5vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.login-container[data-v-93cb3338]{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:40px;padding-right:80px;box-shadow:0 15px 35px rgba(0,0,0,.1)}.form-header[data-v-93cb3338]{text-align:center;margin-bottom:40px}.form-header h2[data-v-93cb3338]{color:#2c3e50;font-size:32px;margin-bottom:10px;font-weight:700}.form-header p[data-v-93cb3338]{color:#95a5a6;font-size:16px}.floating-form .input-group[data-v-93cb3338]{position:relative;margin-bottom:30px}.input-group input[data-v-93cb3338]{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s ease;background:transparent}.input-group label[data-v-93cb3338]{position:absolute;left:15px;top:50%;transform:translateY(-50%);background:#fff;padding:0 5px;color:#95a5a6;font-size:16px;transition:all .3s ease;pointer-events:none}.input-group input[data-v-93cb3338]:focus,.input-group input[data-v-93cb3338]:valid{border-color:#3498db}.input-group input:focus+label[data-v-93cb3338],.input-group input:valid+label[data-v-93cb3338]{top:0;font-size:14px;color:#3498db}.submit-btn[data-v-93cb3338]{width:100%;padding:15px;margin-left:15px;background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn[data-v-93cb3338]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,.3)}.arrow-icon[data-v-93cb3338]{border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg)}.form-footer[data-v-93cb3338]{text-align:center;margin-top:20px;color:#95a5a6}.form-footer a[data-v-93cb3338]{color:#3498db;text-decoration:none;margin-left:5px;font-weight:600}.form-footer a[data-v-93cb3338]:hover{text-decoration:underline}.error-message[data-v-93cb3338]{color:#f56c6c;font-size:14px;text-align:center;margin-bottom:20px}@media (max-width:480px){.login-container[data-v-93cb3338]{padding:20px}.form-header h2[data-v-93cb3338]{font-size:24px}.input-group input[data-v-93cb3338]{padding:12px}}@media (max-width:768px){.login-container[data-v-93cb3338]{max-width:400px;padding:30px}.form-header h2[data-v-93cb3338]{font-size:28px}.form-header p[data-v-93cb3338]{font-size:14px}}@media (max-width:480px){.login-container[data-v-93cb3338]{padding:20px;margin:10px;max-width:100%}.form-header h2[data-v-93cb3338]{font-size:24px}.form-header p[data-v-93cb3338]{font-size:14px}.input-group input[data-v-93cb3338]{padding:12px;font-size:14px}.input-group label[data-v-93cb3338]{font-size:14px}.submit-btn[data-v-93cb3338]{padding:12px;font-size:16px}}@media (max-width:320px){.login-container[data-v-93cb3338]{padding:15px}.form-header h2[data-v-93cb3338]{font-size:20px}.input-group[data-v-93cb3338]{margin-bottom:20px}}.login-wrapper[data-v-e3200e80]{min-height:93.5vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.login-container[data-v-e3200e80]{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:40px;padding-right:80px;box-shadow:0 15px 35px rgba(0,0,0,.1)}.form-header[data-v-e3200e80]{text-align:center;margin-bottom:40px}.form-header h2[data-v-e3200e80]{color:#2c3e50;font-size:32px;margin-bottom:10px;font-weight:700}.form-header p[data-v-e3200e80]{color:#95a5a6;font-size:16px}.floating-form .input-group[data-v-e3200e80]{position:relative;margin-bottom:30px}.input-group input[data-v-e3200e80]{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s ease;background:transparent}.input-group label[data-v-e3200e80]{position:absolute;left:15px;top:50%;transform:translateY(-50%);background:#fff;padding:0 5px;color:#95a5a6;font-size:16px;transition:all .3s ease;pointer-events:none}.input-group input[data-v-e3200e80]:focus,.input-group input[data-v-e3200e80]:valid{border-color:#3498db}.input-group input:focus+label[data-v-e3200e80],.input-group input:valid+label[data-v-e3200e80]{top:0;font-size:14px;color:#3498db}.submit-btn[data-v-e3200e80]{width:100%;padding:15px;margin-left:15px;background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn[data-v-e3200e80]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,.3)}.arrow-icon[data-v-e3200e80]{border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg)}.form-footer[data-v-e3200e80]{text-align:center;margin-top:20px;color:#95a5a6}.form-footer a[data-v-e3200e80]{color:#3498db;text-decoration:none;margin-left:5px;font-weight:600}.form-footer a[data-v-e3200e80]:hover{text-decoration:underline}.error-message[data-v-e3200e80]{color:#f56c6c;font-size:14px;text-align:center;margin-bottom:20px}@media (max-width:480px){.login-container[data-v-e3200e80]{padding:20px}.form-header h2[data-v-e3200e80]{font-size:24px}.input-group input[data-v-e3200e80]{padding:12px}}@media (max-width:768px){.login-container[data-v-e3200e80]{max-width:400px;padding:30px}.form-header h2[data-v-e3200e80]{font-size:28px}.form-header p[data-v-e3200e80]{font-size:14px}}@media (max-width:480px){.login-container[data-v-e3200e80]{padding:20px;margin:10px;max-width:100%}.form-header h2[data-v-e3200e80]{font-size:24px}.form-header p[data-v-e3200e80]{font-size:14px}.input-group input[data-v-e3200e80]{padding:12px;font-size:14px}.input-group label[data-v-e3200e80]{font-size:14px}.submit-btn[data-v-e3200e80]{padding:12px;font-size:16px}}@media (max-width:320px){.login-container[data-v-e3200e80]{padding:15px}.form-header h2[data-v-e3200e80]{font-size:20px}.input-group[data-v-e3200e80]{margin-bottom:20px}}.upload-file-uploader[data-v-0b1e6343]{margin-bottom:5px}.upload-file-list .el-upload-list__item[data-v-0b1e6343]{padding:20px 0;border:1px solid #e4e7ed;line-height:2;margin-bottom:10px;position:relative}.upload-file-list .ele-upload-list__item-content[data-v-0b1e6343]{display:flex;justify-content:space-between;align-items:center;color:inherit;padding:2px 12px}.ele-upload-list__item-content-action .el-link[data-v-0b1e6343]{margin-left:16px}.pagination[data-v-4d625cda]{padding:20px;width:100%;box-sizing:border-box;display:flex;justify-content:end}.navs[data-v-3b1ccb1a]{height:80px;line-height:80px;text-align:center;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important}.navs>div[data-v-3b1ccb1a]:first-child{font-size:24px;font-weight:700;display:flex;background-image:linear-gradient(120deg,#54b6d0 16%,#3f8bdb,#2c77f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;align-items:center}.leftnav[data-v-3b1ccb1a]{height:100vh;background:#545c64;color:#fff}.app-container[data-v-3b1ccb1a]{padding:20px;box-sizing:border-box}.el-dropdown[data-v-3b1ccb1a]{height:80px;line-height:80px}