:root{--text-1:#1d2129;--text-2:#4e5969;--text-3:#86909c;--text-white:#fff;--bg:#fff;--fill-1:#f7f8fa;--fill-3:#e5e6eb;--line-2:#e5e6eb;--line-3:#c9cdd4;--footer-line:#f0f1f6;--red1-0:#ffebeb;--red1-3:#fe8888;--red1-5:#fe3838;--btn-download:#ff4d4d;--tag-dev-bg:#f9f0ff;--tag-dev-border:#722ed1;--tag-e-commerce-bg:#fffbe5;--tag-e-commerce-border:#d48806;--tag-ai-bg:#e6f4ff;--tag-ai-border:#2f54eb;--tag-data-bg:#feffe6;--tag-data-border:#ad8b00;--tag-content-bg:#e6fffb;--tag-content-border:#08979c;--development-bg:#f9f0ff;--tag-development-border:#722ed1;--tag-science-bg:#f6ffed;--tag-science-border:#389e0d;--tag-daily-bg:#fff0f6;--tag-daily-border:#f5222d;--tag-general-bg:#e6f4ff;--tag-general-border:#2f54eb;--tag-finance-bg:#feffe6;--tag-finance-border:#ad8b00;--tag-info-bg:#f6ffed;--tag-info-border:#389e0d;--tag-vertical-bg:#fff0f6;--tag-vertical-border:#f5222d;--sans:"PingFang SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-card:0px 1px 2px 0px #0000000d;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-1);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;margin:0}#root{background:var(--bg);flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}ul,ol{list-style:none}.page{flex-direction:column;width:100%;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--line-2);z-index:100;background:#fff;width:100%;height:72px;position:sticky;top:0}.navbar-inner{align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 80px;display:flex}@media (width>=1920px){.navbar-inner{max-width:1920px;padding:0 360px}}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar-logo-icon{background:linear-gradient(135deg,#fe3838 0%,#ff4d4d 100%);border-radius:9px;flex-shrink:0;width:32px;height:32px}.navbar-logo-text{color:var(--text-1);white-space:nowrap;font-size:14px;font-weight:500}.navbar-group{flex:1;justify-content:flex-end;align-items:center;gap:24px;display:flex}.navbar-menu{align-items:center;gap:0;display:flex}.navbar-tab{color:var(--text-1);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:22px 16px;font-size:14px;font-weight:400;line-height:20px;transition:color .2s;display:flex}.navbar-tab:hover,.navbar-tab.active{color:var(--red1-5)}.navbar-tab svg{color:var(--text-1)}.navbar-download{background:var(--btn-download);color:#fff;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;transition:background .2s;display:flex}.navbar-download:hover{background:#e64343}.cover{flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.cover-bg{z-index:0;background:linear-gradient(270deg,#a9d0ff 0%,#ffe0e0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.cover-bg-decoration{opacity:.15;border-radius:50%;position:absolute}.cover-bg-decoration-1{background:radial-gradient(circle,#fe38384d 0%,#0000 70%);width:400px;height:400px;top:-80px;right:-100px}.cover-bg-decoration-2{background:radial-gradient(circle,#a9d0ff66 0%,#0000 70%);width:300px;height:300px;bottom:-60px;left:-50px}.cover-bg-decoration-3{background:radial-gradient(circle,#ffe0e080 0%,#0000 70%);width:200px;height:200px;top:40px;right:200px}.cover-inner{z-index:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1920px;padding:64px 80px 80px;display:flex;position:relative}@media (width>=1920px){.cover-inner{padding:64px 400px 80px}}.cover-tag{border:1px solid var(--red1-3);background:var(--red1-0);border-radius:100px;align-items:center;gap:4px;padding:10px 16px;display:inline-flex}.cover-tag svg{color:var(--red1-5)}.cover-tag span{color:var(--red1-5);white-space:nowrap;font-size:14px;font-weight:400;line-height:20px}.cover-text{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:800px;display:flex}.cover-title{text-align:center;color:var(--text-1);letter-spacing:-.5px;font-size:48px;font-weight:600;line-height:67px}.cover-desc{text-align:center;color:var(--text-1);font-size:16px;font-weight:400;line-height:24px}.cover-badges{align-items:center;gap:24px;display:flex}.cover-badge{align-items:center;gap:8px;display:flex}.cover-badge svg{color:var(--red1-5)}.cover-badge span{color:var(--red1-5);white-space:nowrap;font-size:14px;font-weight:400;line-height:20px}.section-container{width:100%;max-width:1200px;margin:0 auto}@media (width>=1920px){.section-container{max-width:1920px;padding:0 400px}}.section-top10{background:var(--fill-1);flex-direction:column;align-items:center;padding:48px 80px;display:flex}@media (width>=1920px){.section-top10{padding:48px 0}}.section-category{background:#fff;flex-direction:column;align-items:center;padding:48px 80px;display:flex}@media (width>=1920px){.section-category{padding:48px 0}}.section-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.section-title{text-align:center;color:var(--text-1);font-size:32px;font-weight:600;line-height:45px}.section-subtitle{text-align:center;color:var(--text-3);font-size:14px;font-weight:400;line-height:20px}.card-list{flex-direction:column;gap:16px;display:flex}.card{border:1px solid var(--line-2);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.card:hover{box-shadow:0 4px 12px #00000014}.card-rank{background:var(--red1-5);color:#fff;text-align:center;border-radius:100px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:16px;font-weight:500;line-height:40px;display:flex}.card-rank.off{background:var(--fill-3);color:var(--text-1)}.card-body{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-title{color:var(--text-1);white-space:nowrap;font-size:18px;font-weight:600;line-height:24px}.card-tag{white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;gap:2px;padding:4px 8px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.card-tag.dev{background:var(--tag-dev-bg);border-color:var(--tag-dev-border);color:var(--tag-dev-border)}.card-tag.search{background:var(--tag-search-bg);border-color:var(--tag-search-border);color:var(--tag-search-border)}.card-tag.e-commerce{background:var(--tag-e-commerce-bg);border-color:var(--tag-e-commerce-border);color:var(--tag-e-commerce-border)}.card-tag.ai{background:var(--tag-ai-bg);border-color:var(--tag-ai-border);color:var(--tag-ai-border)}.card-tag.data{background:var(--tag-data-bg);border-color:var(--tag-data-border);color:var(--tag-data-border)}.content{background:var(--tag-content-bg);border-color:var(--tag-content-border);color:var(--tag-content-border)}.science{background:var(--tag-science-bg);border-color:var(--tag-science-border);color:var(--tag-science-border)}.daily{background:var(--tag-daily-bg);border-color:var(--tag-daily-border);color:var(--tag-daily-border)}.general{background:var(--tag-general-bg);border-color:var(--tag-general-border);color:var(--tag-general-border)}.e-commerce{background:var(--tag-content-bg);border-color:var(--tag-content-border);color:var(--tag-content-border)}.development{background:var(--development-bg);border-color:var(--tag-development-border);color:var(--tag-development-border)}.finance{background:var(--tag-finance-bg);border-color:var(--tag-finance-border);color:var(--tag-finance-border)}.info{background:var(--tag-info-bg);border-color:var(--tag-info-border);color:var(--tag-info-border)}.vertical{background:var(--tag-vertical-bg);border-color:var(--tag-vertical-border);color:var(--tag-vertical-border)}.card-desc{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.card-stats{flex-shrink:0;align-items:center;gap:16px;display:flex}.card-stat{color:var(--text-3);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:20px;display:flex}.category-tabs{align-items:center;gap:12px;width:100%;margin-bottom:32px;display:flex}.category-tab{cursor:pointer;background:var(--fill-1);border:1px solid var(--line-2);white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:max-content;padding:16px;transition:all .2s;display:flex}.category-tab:hover{background:#00000008}.category-tab.active{background:var(--red1-5);border-color:var(--red1-5)}.category-tab span{color:var(--text-1);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:20px;display:inline-flex}.category-tab.active span{color:#fff}.category-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.category-card{border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:12px;padding:16px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.category-card:hover{box-shadow:0 4px 12px #0000001a}.category-card-header{align-items:flex-start;gap:12px;display:flex}.category-card-icon{color:#fff;background:var(--red1-5);border-radius:8px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:20px;font-weight:600;line-height:40px;display:flex}.category-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.category-card-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.category-card-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}.category-card-divider{border-top:.5px solid var(--line-2);height:0}.category-card-footer{justify-content:space-between;align-items:center;display:flex}.category-card-stats{align-items:center;gap:12px;display:flex}.load-more-wrap{justify-content:center;margin-top:32px;display:flex}.load-more-btn{border:1px solid var(--line-3);color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:10px 20px;font-size:14px;font-weight:600;line-height:20px;transition:all .2s;display:flex}.load-more-btn:hover{border-color:var(--red1-5);color:var(--red1-5)}.section-detail{background:#f7f8fa;min-height:100vh;padding-bottom:40px}.detail-container{max-width:1200px;margin:0 auto;padding:32px 80px 0}@media (width>=1920px){.detail-container{max-width:1920px;padding:32px 360px 0}}.detail-breadcrumb{align-items:center;gap:4px;margin-bottom:32px;display:flex}.detail-breadcrumb svg{flex-shrink:0}.detail-breadcrumb svg:first-child{color:#86909c}.detail-breadcrumb span{color:#86909c;cursor:pointer;font-size:14px;transition:color .2s}.detail-breadcrumb span:hover{color:var(--red1-5)}.detail-breadcrumb .breadcrumb-current{color:#1d2129;cursor:default}.detail-breadcrumb .breadcrumb-current:hover{color:#1d2129}.detail-skill-card{background:#fff;border:1px solid #e5e6eb;border-radius:8px;margin-bottom:48px;padding:32px;box-shadow:0 1px 3px #0000000f}.detail-skill-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.detail-skill-icon{color:#fff;background:#fe3838;border-radius:12px;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;font-family:PingFang SC,sans-serif;font-size:28px;font-weight:600;line-height:1;display:flex}.detail-skill-title-group{flex-direction:column;flex:none;gap:0;min-width:0;display:flex}.detail-skill-title-row{align-items:center;gap:8px;margin-bottom:0;display:flex}.detail-skill-title{color:#1d2129;white-space:nowrap;margin:0;font-size:28px;font-weight:600;line-height:39px}.detail-tag-category{color:#d48806;white-space:nowrap;background:#fffae5;border:1px solid #d48806;border-radius:100px;flex-shrink:0;align-items:center;gap:2px;padding:4px 8px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.detail-tag-category svg{flex-shrink:0}.detail-skill-subtitle{color:#86909c;margin:0;font-family:inherit;font-size:14px;font-weight:400;line-height:20px}.detail-install-area{flex-direction:column;flex:1;align-items:flex-end;gap:4px;display:flex}.detail-install-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ff4d4f;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:36px;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;transition:background .2s;display:flex}.detail-install-btn:hover{background:#e64343}.detail-install-btn svg{flex-shrink:0}.detail-install-hint{color:#4e5969;text-align:right;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px}.detail-tags-row{align-items:center;gap:8px;margin-bottom:20px;display:flex}.detail-tag{color:#d48806;background:#fffae5;border:1px solid #d48806;border-radius:100px;align-items:center;gap:2px;padding:4px 8px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.detail-tag-accel{gap:2px}.detail-skill-description{color:#4e5969;margin:0 0 20px;font-size:14px;font-weight:400;line-height:24px}.detail-stats{gap:16px;display:flex}.detail-stat-box{background:0 0;border:1px solid #f2f3f5;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.detail-stat-box svg{color:#86909c;margin-bottom:0}.detail-stat-value{color:#1d2129;font-size:20px;font-weight:500;line-height:27px}.detail-stat-label{color:#86909c;font-size:14px;font-weight:400;line-height:20px}.detail-section-heading{color:#1d2129;margin:0 0 20px;font-size:24px;font-weight:600;line-height:34px}.detail-features-section{margin-bottom:48px}.detail-features-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.detail-features-grid{grid-template-columns:1fr}}.detail-feature-card{background:#fff;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:20px;display:flex}.detail-feature-num{color:#fe3838;background:#ffebeb;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-top:2px;font-size:16px;font-weight:600;display:flex}.detail-feature-text{color:#4e5969;margin:0;font-size:14px;line-height:20px}.detail-scenarios-section{margin-bottom:48px}.detail-scenario-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.detail-scenario-row{color:#4e5969;background:#fff;border-radius:8px;align-items:flex-start;gap:8px;padding:16px 20px;font-size:14px;line-height:24px;display:flex}.detail-scenario-row svg{flex-shrink:0;margin-top:2px}.detail-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.detail-info-grid{grid-template-columns:1fr}}.detail-info-card{background:#fff;border-radius:8px;padding:20px}.detail-info-card-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.detail-info-card-title svg{flex-shrink:0}.detail-info-card-title span{color:#1d2129;font-size:16px;font-weight:600}.detail-info-text{color:#4e5969;margin:0;font-size:14px;line-height:22px}.detail-recommendations-section{margin-bottom:48px}.detail-recommendations-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.detail-recommendations-grid{grid-template-columns:1fr}}.detail-rec-card{cursor:pointer;background:#fff;border-radius:8px;padding:20px;transition:box-shadow .2s}.detail-rec-card:hover{box-shadow:0 2px 8px #00000014}.detail-rec-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.detail-rec-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:20px;font-weight:600;display:flex}.detail-rec-text{min-width:0}.detail-rec-title{color:#1d2129;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;line-height:24px;display:block;overflow:hidden}.detail-rec-desc{color:#4e5969;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.detail-rec-divider{border-top:.5px solid #e5e6eb;height:0;margin-bottom:10px}.detail-rec-footer{justify-content:space-between;align-items:center;display:flex}.detail-rec-stats{gap:12px;display:flex}.detail-rec-stats span{color:#86909c;align-items:center;gap:4px;font-size:14px;display:flex}.detail-rec-tag{border:1px solid;border-radius:100px;align-items:center;gap:2px;padding:0 10px;font-size:12px;display:inline-flex}.detail-rec-tag.dev,.detail-rec-tag.search{color:#2f54eb;background:#e6f4ff}.detail-back-btn-wrap{justify-content:center;margin:40px 0 0;display:flex}.detail-back-btn{color:#4e5969;cursor:pointer;background:#fff;border:1px solid #e5e6eb;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 36px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.detail-back-btn:hover{border-color:var(--red1-5);color:var(--red1-5)}.detail-active .cover{display:none!important}