.chart-container[data-v-ae1ed4af]{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-darker);border-radius:16px;box-shadow:0 4px 12px #0000001a;height:350px;margin:30px 0;padding:20px;position:relative;width:100%}.chart-header[data-v-ae1ed4af]{position:absolute;right:20px;top:20px;z-index:10}.total-info[data-v-ae1ed4af]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid var(--el-border-color-lighter);border-radius:20px;display:flex;gap:8px;padding:8px 16px}.total-info .label[data-v-ae1ed4af]{color:var(--el-text-color-secondary);font-size:14px}.total-info .number[data-v-ae1ed4af]{color:var(--el-color-primary);font-family:DIN Alternate,sans-serif;font-size:20px;font-weight:700}.chart[data-v-ae1ed4af]{height:100%;width:100%}[data-v-8f62738d]:root{--el-color-primary:#8a2be2}[data-v-8f62738d]:root,html.dark[data-v-8f62738d]{--el-bg-color:#0f0f13;--el-text-color-primary:#fff;--el-text-color-regular:#b0b0b0;--el-text-color-secondary:#a3a6ad;--el-bg-color-overlay:#1d1e1f;--el-border-color:#4c4d4f;--el-fill-color-blank:#0f0f13;--el-bg-color-page:#0a0a0a;--el-bg-color-block:#141414}body[data-v-8f62738d]{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;margin:0;transition:background-color .3s,color .3s}.dark-mode[data-v-8f62738d]{background:#0f0f13;color:#fff}.stockapi-banner[data-v-8f62738d]{margin-bottom:20px}.stockapi-banner .banner-content[data-v-8f62738d]{align-items:center;display:flex;font-size:14px;gap:8px}.stockapi-banner .banner-content .stockapi-link[data-v-8f62738d]{align-items:center;color:var(--el-color-primary);display:inline-flex;font-weight:700;gap:4px;text-decoration:none}.stockapi-banner .banner-content .stockapi-link[data-v-8f62738d]:hover{text-decoration:underline}.home-page[data-v-8f62738d]{background-color:var(--el-bg-color-page)}.main-content[data-v-8f62738d]{overflow-x:hidden;padding:0}.hero[data-v-8f62738d]{background-image:linear-gradient(#00000080,#00000080),url(./hero-bg.KDlK0Zdc.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;overflow:hidden;padding:100px 40px 10px;position:relative;text-align:center}@media(max-width:768px){.hero[data-v-8f62738d]{padding:80px 16px 20px}}.hero .hero-content[data-v-8f62738d]{margin:0 auto;max-width:800px;position:relative;z-index:10}.hero .hero-title[data-v-8f62738d]{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px}@media(max-width:768px){.hero .hero-title[data-v-8f62738d]{font-size:32px;margin-bottom:16px}}.hero .hero-title .gradient-text[data-v-8f62738d]{background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .hero-description-group[data-v-8f62738d]{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:800px}@media(max-width:768px){.hero .hero-description-group[data-v-8f62738d]{gap:12px;margin-bottom:32px}}.hero .hero-description-group .desc-primary[data-v-8f62738d]{color:#fff;font-size:20px;font-weight:500}@media(max-width:768px){.hero .hero-description-group .desc-primary[data-v-8f62738d]{font-size:16px}}.hero .hero-description-group .desc-primary strong[data-v-8f62738d]{color:#a855f7;font-weight:700}.hero .hero-description-group .desc-secondary[data-v-8f62738d]{color:#fffc;font-size:16px}@media(max-width:768px){.hero .hero-description-group .desc-secondary[data-v-8f62738d]{font-size:14px}}.hero .hero-description-group .desc-features[data-v-8f62738d]{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:12px;justify-content:center}@media(max-width:768px){.hero .hero-description-group .desc-features[data-v-8f62738d]{flex-wrap:wrap;font-size:13px;gap:8px}}.hero .hero-description-group .desc-features .divider[data-v-8f62738d]{color:#ffffff4d}.hero .platform-tags[data-v-8f62738d]{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:12px;justify-content:center;margin-bottom:64px}@media(max-width:768px){.hero .platform-tags[data-v-8f62738d]{flex-direction:column;gap:8px;margin-bottom:32px}}.hero .platform-tags .tags[data-v-8f62738d]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero .platform-tags .platform-tag[data-v-8f62738d]{background:#a855f71a;border-radius:16px;color:#a855f7;font-size:12px;font-weight:500;padding:4px 12px}.hero .hero-stats[data-v-8f62738d]{display:flex;gap:64px;justify-content:center}@media(max-width:768px){.hero .hero-stats[data-v-8f62738d]{flex-wrap:wrap;gap:24px}}.hero .hero-stats .stat-item[data-v-8f62738d]{display:flex;flex-direction:column}.hero .hero-stats .stat-item .stat-num[data-v-8f62738d]{color:#fff;font-size:32px;font-weight:700}@media(max-width:768px){.hero .hero-stats .stat-item .stat-num[data-v-8f62738d]{font-size:24px}}.hero .hero-stats .stat-item .stat-label[data-v-8f62738d]{color:#fff9;font-size:14px;margin-top:4px}.hero .hero-chart-wrapper[data-v-8f62738d]{margin-left:auto;margin-right:auto;margin-top:80px;max-width:900px;width:100%}@media(max-width:768px){.hero .hero-chart-wrapper[data-v-8f62738d]{margin-left:-20px;margin-top:40px}}.section[data-v-8f62738d]{padding:60px 40px}@media(max-width:768px){.section[data-v-8f62738d]{padding:30px 0}}.section[data-v-8f62738d]{margin:0 auto;max-width:1200px}.section.hot-skills[data-v-8f62738d]{padding-top:10px}.section .section-title[data-v-8f62738d]{color:var(--el-text-color-primary);font-size:32px;font-weight:700;margin-bottom:16px;text-align:center}.section .section-desc[data-v-8f62738d]{color:var(--el-text-color-regular);font-size:16px;margin-bottom:64px;text-align:center}.section .section-header[data-v-8f62738d]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.section .section-header .section-title[data-v-8f62738d]{margin-bottom:0;text-align:left}.section .section-header .view-more[data-v-8f62738d]{align-items:center;color:var(--el-color-primary);display:flex;font-size:14px;gap:4px;text-decoration:none}.section .section-header .view-more[data-v-8f62738d]:hover{text-decoration:underline}.skills-grid[data-v-8f62738d]{display:grid;gap:55px 24px;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.skills-grid[data-v-8f62738d]{gap:40px;grid-template-columns:1fr}}.developer-cta[data-v-8f62738d]{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;margin-top:80px;padding:100px 40px;text-align:center}@media(max-width:768px){.developer-cta[data-v-8f62738d]{margin-top:40px;padding:60px 20px}}.developer-cta .cta-content[data-v-8f62738d]{margin:0 auto;max-width:800px}.developer-cta .cta-content h2[data-v-8f62738d]{font-size:48px;font-weight:800;margin-bottom:16px}@media(max-width:768px){.developer-cta .cta-content h2[data-v-8f62738d]{font-size:32px}}.developer-cta .cta-content p[data-v-8f62738d]{font-size:18px;margin-bottom:48px;opacity:.9}.developer-cta .cta-stats[data-v-8f62738d]{display:flex;gap:48px;justify-content:center;margin-bottom:48px}@media(max-width:768px){.developer-cta .cta-stats[data-v-8f62738d]{align-items:center;flex-direction:column;gap:16px}}.developer-cta .cta-stats .cta-stat[data-v-8f62738d]{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:12px;padding:12px 24px}.developer-cta .cta-stats .cta-stat .el-icon[data-v-8f62738d]{font-size:24px}.developer-cta .cta-stats .cta-stat div[data-v-8f62738d]{display:flex;flex-direction:column;text-align:left}.developer-cta .cta-stats .cta-stat div strong[data-v-8f62738d]{font-size:20px}.developer-cta .cta-stats .cta-stat div span[data-v-8f62738d]{font-size:12px;opacity:.8}.developer-cta .cta-actions[data-v-8f62738d]{align-items:center;display:flex;gap:24px;justify-content:center}@media(max-width:768px){.developer-cta .cta-actions[data-v-8f62738d]{flex-direction:column;gap:16px;width:100%}.developer-cta .cta-actions .join-btn[data-v-8f62738d]{justify-content:center;max-width:300px;width:100%}}.developer-cta .cta-actions .join-btn[data-v-8f62738d]{background:#fff;border:none;color:#7c3aed;font-weight:600;height:auto;padding:12px 32px}.developer-cta .cta-actions .join-btn[data-v-8f62738d]:hover{transform:scale(1.05)}.developer-cta .cta-actions .learn-more[data-v-8f62738d]{color:#fff;font-weight:500;text-decoration:none}.developer-cta .cta-actions .learn-more[data-v-8f62738d]:hover{text-decoration:underline}.main-container[data-v-8f62738d]{display:flex;gap:32px;margin:0 auto;max-width:1400px;min-height:600px;padding:40px}@media(max-width:768px){.main-container[data-v-8f62738d]{display:block;padding:0 8px}}.sidebar[data-v-8f62738d]{display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 40px);position:sticky;top:20px;width:220px}@media(max-width:768px){.sidebar[data-v-8f62738d]{display:none}}.sidebar-header[data-v-8f62738d]{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:16px;padding-bottom:16px}.sidebar-header h3[data-v-8f62738d]{align-items:center;color:var(--el-text-color-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.vertical-menu[data-v-8f62738d]{display:flex;flex:1;flex-direction:column;gap:4px;overflow-y:auto;padding-right:4px}.vertical-menu[data-v-8f62738d]::-webkit-scrollbar{width:4px}.vertical-menu[data-v-8f62738d]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:4px}.vertical-menu[data-v-8f62738d]::-webkit-scrollbar-track{background:transparent}.menu-group[data-v-8f62738d]{display:flex;flex-direction:column}.menu-item[data-v-8f62738d]{align-items:center;border-radius:8px;color:var(--el-text-color-regular);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:all .2s}.menu-item[data-v-8f62738d]:hover{background-color:var(--el-fill-color-light);color:var(--el-color-primary)}.menu-item.active[data-v-8f62738d]{background-color:var(--el-color-primary);color:#fff}.menu-item.active .arrow-icon[data-v-8f62738d]{color:#fff}.menu-item .menu-title-content[data-v-8f62738d]{align-items:center;display:flex;font-size:15px;font-weight:500;gap:10px}.menu-item .arrow-icon[data-v-8f62738d]{color:var(--el-text-color-secondary);font-size:14px}.submenu-list[data-v-8f62738d]{display:flex;flex-direction:column;padding:4px 0 4px 12px;position:relative}.submenu-list[data-v-8f62738d]:before{background-color:var(--el-border-color-lighter);bottom:0;content:"";left:24px;position:absolute;top:0;width:1px}.submenu-item[data-v-8f62738d]{align-items:center;border-radius:6px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:14px;padding:10px 16px 10px 24px;position:relative;text-decoration:none;transition:all .2s}.submenu-item[data-v-8f62738d]:hover{background-color:var(--el-fill-color-lighter);color:var(--el-color-primary)}.submenu-item.active[data-v-8f62738d]{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:500}.submenu-item.active[data-v-8f62738d]:before{background-color:var(--el-color-primary);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.mobile-category-bar[data-v-8f62738d]{background-color:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:8px;box-shadow:0 1px 4px #0000000d;display:none;margin-bottom:16px}@media(max-width:768px){.mobile-category-bar[data-v-8f62738d]{display:block;margin-top:20px}}.mobile-category-bar .category-toggle-btn[data-v-8f62738d]{align-items:center;color:var(--el-text-color-primary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .3s}.mobile-category-bar .category-toggle-btn .left[data-v-8f62738d]{align-items:center;display:flex;font-size:15px;gap:8px}.mobile-category-bar .category-toggle-btn .left .current-cat[data-v-8f62738d]{font-weight:600}.mobile-category-bar .category-toggle-btn .arrow-icon[data-v-8f62738d]{color:var(--el-text-color-secondary);font-size:14px;transition:transform .3s}.mobile-category-bar .category-toggle-btn .arrow-icon.is-active[data-v-8f62738d]{transform:rotate(180deg)}.mobile-category-bar .category-toggle-btn.active[data-v-8f62738d]{background-color:var(--el-fill-color-light)}.mobile-category-bar .mobile-category-dropdown[data-v-8f62738d]{animation:slideDown-8f62738d .3s ease-out;border-top:1px solid var(--el-border-color-lighter);padding:0 16px 16px}.mobile-category-bar .mobile-category-dropdown .mobile-cat-grid[data-v-8f62738d]{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding-top:16px}.mobile-category-bar .mobile-category-dropdown .mobile-cat-item[data-v-8f62738d]{background-color:var(--el-fill-color-light);border:1px solid transparent;border-radius:6px;color:var(--el-text-color-regular);cursor:pointer;font-size:13px;padding:8px 4px;text-align:center;text-decoration:none;transition:all .2s}.mobile-category-bar .mobile-category-dropdown .mobile-cat-item[data-v-8f62738d]:hover{color:var(--el-color-primary)}.mobile-category-bar .mobile-category-dropdown .mobile-cat-item.active[data-v-8f62738d]{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5);color:var(--el-color-primary);font-weight:500}.mobile-category-bar .mobile-category-dropdown .mobile-sub-cat-grid[data-v-8f62738d]{border-top:1px dashed var(--el-border-color-lighter);display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.mobile-category-bar .mobile-category-dropdown .mobile-sub-cat-item[data-v-8f62738d]{background-color:var(--el-fill-color-lighter);border:1px solid transparent;border-radius:12px;color:var(--el-text-color-regular);cursor:pointer;font-size:12px;padding:4px 12px;text-decoration:none}.mobile-category-bar .mobile-category-dropdown .mobile-sub-cat-item.active[data-v-8f62738d]{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5);color:var(--el-color-primary)}@keyframes slideDown-8f62738d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-area[data-v-8f62738d]{flex:1;min-width:0}.search-container[data-v-8f62738d]{align-items:center;display:flex;gap:16px;margin-bottom:32px}@media(max-width:768px){.search-container[data-v-8f62738d]{gap:8px;margin-bottom:20px;margin-top:20px}}.search-container[data-v-8f62738d] .el-input__wrapper{background:var(--el-bg-color-block);border:1px solid var(--el-border-color);border-radius:12px;box-shadow:none;height:48px;padding:8px 16px;transition:all .3s}.search-container[data-v-8f62738d] .el-input__wrapper.is-focus,.search-container[data-v-8f62738d] .el-input__wrapper:hover{background:var(--el-bg-color-overlay);border-color:var(--el-color-primary)}.search-container[data-v-8f62738d] .el-input__wrapper .el-input__inner{color:var(--el-text-color-primary);font-size:16px;height:100%}.search-container[data-v-8f62738d] .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.search-container[data-v-8f62738d] .el-input__wrapper .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.search-container[data-v-8f62738d] .el-input__wrapper .search-icon{color:var(--el-text-color-secondary);font-size:20px;margin-right:8px}.search-container .search-btn[data-v-8f62738d]{background:var(--el-color-primary);border:none;border-radius:12px;font-size:16px;font-weight:600;height:48px;padding:0 32px}@media(max-width:768px){.search-container .search-btn[data-v-8f62738d]{min-width:80px;padding:0 16px}}.search-container .search-btn[data-v-8f62738d]:hover{opacity:.9;transform:translateY(-1px)}.search-container .search-btn[data-v-8f62738d]:active{transform:translateY(0)}.hot-search-tags[data-v-8f62738d]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:0 4px}@media(max-width:768px){.hot-search-tags[data-v-8f62738d]{gap:8px;margin-bottom:20px}}.hot-search-tags .hot-label[data-v-8f62738d]{align-items:center;color:var(--el-text-color-secondary);display:flex;font-size:14px;font-weight:500;gap:4px}.hot-search-tags .hot-tag[data-v-8f62738d]{background-color:var(--el-fill-color-light);border:1px solid transparent;border-radius:16px;color:var(--el-text-color-regular);cursor:pointer;font-size:13px;padding:4px 12px;text-decoration:none;transition:all .2s}.hot-search-tags .hot-tag[data-v-8f62738d]:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5);color:var(--el-color-primary);transform:translateY(-1px)}.skill-list-section .section-header[data-v-8f62738d]{margin-bottom:24px}.skill-list-section .section-header .section-title[data-v-8f62738d]{color:var(--el-text-color-primary);font-size:24px;font-weight:600;margin-bottom:0;padding-left:16px;position:relative;text-align:left}.skill-list-section .section-header .section-title[data-v-8f62738d]:before{background:var(--el-color-primary);border-radius:2px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.loading-container[data-v-8f62738d]{padding:20px 0}.empty-state[data-v-8f62738d]{padding:60px 0}.empty-state[data-v-8f62738d],.pagination-container[data-v-8f62738d]{display:flex;justify-content:center}.pagination-container[data-v-8f62738d]{background-color:transparent;flex-wrap:wrap;margin-top:80px}@media(max-width:768px){.pagination-container[data-v-8f62738d]{margin-top:40px}}.pagination-container[data-v-8f62738d] .el-pagination.is-background .el-pager li:not(.is-active){background-color:#1d1e1f;color:#fff}.pagination-container[data-v-8f62738d] .el-pagination.is-background .btn-next,.pagination-container[data-v-8f62738d] .el-pagination.is-background .btn-prev{background-color:#1d1e1f;color:#fff}.pagination-container[data-v-8f62738d] .el-pagination.is-background .el-pager li:not(.is-active):hover{color:var(--el-color-primary)}.footer[data-v-8f62738d]{background:#050505;border-top:1px solid #30363d;color:#8b949e;padding:60px 0;text-align:center}.footer .footer-content[data-v-8f62738d]{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:0 40px}.footer .footer-logo[data-v-8f62738d]{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;color:#fff;font-size:24px;font-weight:700;-webkit-text-fill-color:transparent}.footer .footer-links[data-v-8f62738d]{display:flex;gap:32px}@media(max-width:768px){.footer .footer-links[data-v-8f62738d]{flex-direction:column;gap:16px}}.footer .footer-links a[data-v-8f62738d]{color:#8b949e;font-size:14px;text-decoration:none;transition:color .2s}.footer .footer-links a[data-v-8f62738d]:hover{color:#58a6ff}.footer .footer-copyright[data-v-8f62738d]{color:#484f58;font-size:13px}