@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-base:#050a15;--bg-surface:#0d1526;--bg-card:rgba(13,21,42,.7);--bg-sidebar:rgba(10,17,35,.85);--border-subtle:hsla(0,0%,100%,.08);--border-glow:rgba(59,130,246,.4);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--blue:#3b82f6;--blue-dark:#2563eb;--indigo:#6366f1;--purple:#a855f7;--cyan:#06b6d4;--grad-title:linear-gradient(135deg,#60a5fa,#a855f7);--grad-btn:linear-gradient(135deg,#2563eb,#6366f1);--grad-accent:linear-gradient(135deg,#06b6d4,#3b82f6);--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--blur:backdrop-filter:blur(12px);--shadow-card:0 8px 32px rgba(0,0,0,.45);--shadow-glow:0 0 24px rgba(59,130,246,.3);--shadow-hover:0 16px 48px rgba(59,130,246,.4);--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}#particle-canvas{inset:0}#particle-canvas,body:after,body:before{position:fixed;z-index:0;pointer-events:none}body:after,body:before{content:"";border-radius:50%}body:before{width:700px;height:700px;top:-200px;left:-150px;background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%);animation:ambientPulse 8s ease-in-out infinite}body:after{width:600px;height:600px;bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%);animation:ambientPulse 10s ease-in-out infinite reverse}@keyframes ambientPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.container{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:100px 20px 24px 260px}.header{justify-content:center;padding:0 40px;height:80px;border-bottom:1px solid var(--border-subtle);position:fixed;top:0;left:0;right:0;width:100%;background:rgba(5,10,21,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2000}.header,.headerLeft{display:flex;align-items:center}.headerLeft{position:absolute;left:40px;gap:12px}.headerCenter{width:100%;max-width:500px;display:flex;justify-content:center}.headerRight{position:absolute;right:40px;display:flex;align-items:center;gap:12px}.logoLink{transition:opacity .2s}.logoLink:hover{opacity:.8}.heroSection{text-align:center;padding:40px 20px 50px;margin-bottom:20px;position:relative;z-index:5}.heroTitle{font-size:36px;font-weight:800;letter-spacing:-.01em;background:var(--grad-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;animation:fadeInDown .8s ease-out}.heroSubtitle{font-size:16px;color:var(--text-secondary);font-weight:400;letter-spacing:.05em;margin-bottom:0;animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{font-size:26px;font-weight:700;line-height:1.2;display:flex;align-items:center;gap:12px;background:var(--grad-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.logo{height:40px;width:auto;vertical-align:middle;border-radius:var(--radius-sm);flex-shrink:0}.searchInput{flex:1 1;max-width:360px;height:42px;padding:0 16px 0 42px;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zm-5.242 1.156a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px}.searchInput::placeholder{color:var(--text-muted)}.searchInput:focus{border-color:var(--blue);background:rgba(59,130,246,.06);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.langBtn{height:42px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:hsla(0,0%,100%,.05);color:var(--text-primary);cursor:pointer;font-size:13px;font-family:inherit;font-weight:500;white-space:nowrap;transition:all var(--transition)}.langBtn:hover{background:rgba(59,130,246,.15);border-color:var(--blue);color:#60a5fa}.layout{display:block;gap:0}.sidebar{position:fixed;left:calc(50% - 650px);top:80px;bottom:0;width:240px;overflow-y:auto;background:var(--bg-sidebar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-subtle);padding:20px 16px;z-index:1500;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.05) transparent}@media (max-width:1300px){.sidebar{left:0}}@media (max-width:768px){.container{padding-left:20px;padding-top:80px}.sidebar{display:none}.headerLeft{position:relative;left:0;flex:1 1}.headerCenter{display:none}.headerRight{position:relative;right:0}}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.05);border-radius:10px}.sidebarTitle{margin:0 4px 12px;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.filterList{display:flex;flex-direction:column;gap:2px}.filterBtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text-secondary);font-size:13px;font-family:inherit;text-align:left;transition:all var(--transition)}.filterBtn:hover{background:rgba(59,130,246,.1);color:var(--text-primary);border-color:rgba(59,130,246,.2)}.filterBtnMain{font-weight:600;color:var(--text-primary)}.categoryRow{padding:0!important;gap:0!important;overflow:hidden}.arrowBtn,.categoryRow{display:flex;align-items:center}.arrowBtn{background:transparent;border:none;color:var(--text-muted);width:32px;height:38px;justify-content:center;cursor:pointer;transition:color var(--transition);flex-shrink:0}.arrowBtn:hover{color:var(--blue)}.categoryLink{flex:1 1;display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 4px;color:var(--text-primary);transition:all var(--transition)}.categoryLink:hover{color:var(--blue)}.filterBtnSub{font-size:12px;padding-left:32px;color:var(--text-secondary)}.filterBtnActive{background:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.3)}.filterCount{font-size:11px;min-width:24px;text-align:center;padding:1px 6px;border-radius:999px;background:hsla(0,0%,100%,.07);color:var(--text-muted);flex-shrink:0}.filterBtn.collapsible{background:none;border:1px solid transparent;display:flex;align-items:center;gap:6px;transition:all var(--transition)}.filterBtn.collapsible:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.arrow{font-size:10px;color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.subcategories{margin-top:2px;margin-bottom:2px}.content{min-width:0}.sectionList{display:flex;flex-direction:column;gap:32px;margin-top:16px}.section{background:rgba(13,21,42,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-card);transition:border-color var(--transition)}.section:hover{border-color:rgba(59,130,246,.2)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sectionTitleRow{display:flex;align-items:baseline;gap:10px;min-width:0}.sectionTitle{font-size:15px;font-weight:600;color:var(--text-primary);background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sectionCount{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:28px;padding:0 8px;border-radius:999px;background:rgba(59,130,246,.15);color:#60a5fa;font-size:11px;font-weight:600;border:1px solid rgba(59,130,246,.25)}.sectionLink{font-size:12px;color:#60a5fa;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);background:rgba(59,130,246,.08);transition:all var(--transition);white-space:nowrap;flex-shrink:0}.sectionLink:hover{background:rgba(59,130,246,.2);border-color:var(--blue);box-shadow:var(--shadow-glow)}.sectionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.toolCard{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden;animation:fadeInCard .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toolCard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-accent);opacity:0;transition:opacity var(--transition)}.toolCard:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-hover);border-color:rgba(59,130,246,.35);z-index:10}.toolCard:hover:before{opacity:1}.toolLogo{border-radius:var(--radius-sm);background:hsla(0,0%,100%,.08);flex-shrink:0;object-fit:contain}.toolContent{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1}.toolTopRow{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.toolName{font-weight:600;font-size:14px;color:var(--text-primary);transition:color var(--transition)}.toolName:hover{color:#60a5fa}.toolDesc{color:var(--text-secondary);font-size:13px;line-height:1.5;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;border:1px solid rgba(6,182,212,.3);background:rgba(6,182,212,.1);color:#67e8f9;font-size:11px;font-weight:500;transition:all var(--transition)}.pill:hover{background:rgba(6,182,212,.2);border-color:var(--cyan)}.toolBottomRow{gap:8px;align-items:center}.tagRow,.toolBottomRow{display:flex;flex-wrap:wrap}.tagRow{gap:6px}.tag{color:var(--blue);font-size:12px;transition:color var(--transition)}.tag:hover{color:#93c5fd}.visitLink{margin-left:auto;font-size:12px;font-weight:500;color:#60a5fa;border:1px solid rgba(59,130,246,.3);background:rgba(59,130,246,.1);border-radius:var(--radius-sm);padding:5px 12px;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.visitLink:hover{background:rgba(59,130,246,.25);border-color:var(--blue);box-shadow:0 0 12px rgba(59,130,246,.3)}.toolHero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;margin-bottom:20px;background:rgba(13,21,42,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.toolHeroLeft{min-width:0;flex:1 1}.toolHeroTop{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}.toolHeroTitleBlock{min-width:0}.toolHeroMeta{margin-top:8px}.toolHeroRight{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex:0 0 auto}.primaryBtn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:var(--radius-md);border:none;background:var(--grad-btn);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 15px rgba(37,99,235,.4);white-space:nowrap}.primaryBtn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(37,99,235,.55);filter:brightness(1.1)}.secondaryBtn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:hsla(0,0%,100%,.05);color:var(--text-secondary);font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition);white-space:nowrap}.secondaryBtn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary);border-color:hsla(0,0%,100%,.15)}.infoBar{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--text-muted);font-size:13px}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;border-radius:var(--radius-lg)}.header{flex-wrap:wrap;gap:12px}.searchInput{max-width:100%;width:100%}.toolHero{flex-direction:column}.toolHeroRight{width:100%;flex-direction:row;flex-wrap:wrap}}@media (max-width:600px){.container{padding:16px 12px}.grid,.sectionGrid{grid-template-columns:1fr}}.toolLogoPlaceholder{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));flex-shrink:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.toolDescFull{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-top:10px}