:root{--content-width:1200px;--content-padding:20px;--card-width:376px;--card-animation-duration:1.2s;--card-animation-delay:50ms;--root-h2-font-weight:700;--root-h2-font-size:2.5rem;--root-h2-font-line-height:3rem;--root-h2-font-letter-spacing:-.025em}html{background:#000}html.dark body{color:#fff;background:#000}html.light body{color:#333;background:#fafafa}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{color:#333;background:#fafafa;padding-bottom:0}@media (max-width:768px){body{padding-bottom:72px}}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}main{padding-top:60px;display:block}html.light main{background-color:#f5f5f7}a{text-decoration:none}.DarkModule{-webkit-font-smoothing:antialiased;color:#fff;background:#0a0a0a;padding:60px 0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}.ModuleWrapper{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.ModuleLabel{letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;margin-bottom:12px;font-size:11px;font-weight:700}.ModuleHeader{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.ModuleTitle{color:#fff;font-weight:710;font-size:var(--root-h2-font-size,2rem);line-height:var(--root-h2-font-line-height,3rem);letter-spacing:var(--root-h2-font-letter-spacing,-.025em)}.TabRow{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.TabButton{cursor:pointer;color:#ffffff73;background:0 0;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:8px;padding:5px 20px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.TabButton:hover{color:#fffc;border-color:#ffffff4d}.TabButton.active{color:#000;background:#fff;border-color:#fff}.ScrollWrapper{position:relative;overflow:hidden}.ScrollTrack{scroll-behavior:smooth;scrollbar-width:none;cursor:grab;gap:16px;padding:4px calc(50vw - 580px) 16px;display:flex;overflow-x:auto}.ScrollTrack::-webkit-scrollbar{display:none}.ScrollTrack:active{cursor:grabbing}.ModuleCard{width:var(--card-width,278px);cursor:pointer;background:#111;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex-shrink:0;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.ModuleCard:hover{border-color:#fff3;transform:translateY(-2px)}.ModuleCardBody{flex-direction:column;flex:1;padding:22px;display:flex}.ModuleCardFooter{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.CardBrand{color:#ffffff4d;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:11px}.CardName{color:#fff;margin-bottom:2px;font-size:15px;font-weight:600;line-height:1.3}.CardCount{color:#ffffff4d;font-size:12px}.CardLink{color:#4a9eff;font-size:12px;font-weight:600}.ArrowButton{color:#fff6;cursor:pointer;background:#111;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .15s;display:flex}.ArrowButton:hover{color:#fff;background:#1a1a1a;border-color:#ffffff4d}.ArrowButton.disabled{opacity:.3;cursor:default}.ScrollArrows{justify-content:flex-start;gap:8px;margin-top:8px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.ModuleLink{color:#ffffff80;cursor:pointer;white-space:nowrap;border:1px solid #ffffff1f;border-radius:40px;padding:8px 18px;font-size:13px;text-decoration:none;transition:all .2s}.ModuleLink:hover{color:#fff;border-color:#ffffff4d}
@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/kJEPBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzBwG-RpA6RzaxHMPdY40KH8nGzv3fzfVJO1Q.0o01kg_4ht3w2.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}
.theme-toggle{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.theme-toggle:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.theme-toggle:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.theme-toggle-icon{justify-content:center;align-items:center;font-size:16px;line-height:1;transition:transform .2s;display:flex}.theme-toggle:hover .theme-toggle-icon{transform:scale(1.1)}.theme-toggle-label{font-size:13px;line-height:1}@media (max-width:768px){.theme-toggle{gap:0;padding:6px 10px}.theme-toggle-label{display:none}.theme-toggle-icon{font-size:18px}}
.navbar{z-index:200;align-items:center;gap:0;width:100%;max-width:1200px;height:60px;margin:0 auto;display:flex;position:sticky;top:0}.navbar-container{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010101fa;width:100%;position:fixed}.nav-logo{letter-spacing:-.04em;color:#fff;flex-shrink:0;margin-right:40px;font-size:18px;font-weight:800;text-decoration:none}.nav-logo em{color:#4a9eff99;font-style:normal}.nav-links{flex:1;justify-content:center;align-items:stretch;height:60px;display:flex}.nav-link{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:5px;height:60px;padding:0 16px;font-size:13px;font-weight:500;transition:color .2s,border-color .2s;display:flex;position:relative}.nav-link:hover,.nav-link.on{color:#fff;border-bottom-color:#fff}.nav-link:hover .dropdown,.nav-link:focus .dropdown{display:block}.nav-link svg{opacity:.5;transition:opacity .2s}.nav-link:hover svg,.nav-link.on svg{opacity:1}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.navbar-container .search-box{background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;height:32px;padding:0 14px;transition:all .2s;display:flex}.navbar-container .search-box:hover{background:0 0;border-color:#ffffff6c}.navbar-container .search-box input{color:#fff;background:0 0;border:none;outline:none;width:110px;font-size:12px}.navbar-container .search-box input::placeholder{color:#ffffff4d}.overlay{z-index:190;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#e5e1d252;transition:opacity .3s,visibility 0s linear .3s;position:fixed;inset:60px 0 0}.dark .overlay{background:#00000059}.overlay.show{opacity:1;visibility:visible;transition:opacity .3s,visibility linear}.dropdown{z-index:195;opacity:0;visibility:hidden;background:#fff6;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;max-height:calc(100vh - 60px);transition:opacity .3s,transform .3s,visibility 0s linear .3s;position:fixed;top:60px;left:0;right:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 20px 60px #000c}.dropdown.show{opacity:1;visibility:visible;min-height:230px;transition:opacity .3s,transform .3s,visibility linear;transform:translateY(0)}.dropdown-inner{gap:32px 40px;max-width:1200px;margin:0 auto;padding:32px 0 56px;display:grid}.dark .dropdown{background:#0009}.layout-2col{grid-template-columns:210px 1fr}.layout-3col{grid-template-columns:200px 1fr 1fr}.main-cats{border-right:1px solid #0000001a;flex-direction:column;gap:2px;min-height:230px;padding-right:32px;display:flex}.dark .main-cats{border-right:1px solid #ffffff1a}.main-cat{color:#00000080;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.dark .main-cat{color:#ffffff52}.main-cat:hover,.main-cat.on{color:#fff;background:#00000050}.dark .main-cat:hover,.dark .main-cat.on{color:#fff;background:#ffffff14}.dark .main-cat.on{background:#ffffff14}.main-cat-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.main-cat-label{flex:1;width:auto}.main-cat-count,.main-cat-arrow{font-size:11px}.sub-area{min-width:0}.sub-group{margin-bottom:24px}.sub-group:last-child{margin-bottom:0}.sub-group-title{letter-spacing:.12em;text-transform:uppercase;color:#000000d1;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.dark .sub-group-title{color:#ffffff73}.sub-group-title:after{content:"";background:#00000042;flex:1;height:1px}.dark .sub-group-title:after{background:#ffffff28}.sub-items{flex-wrap:wrap;gap:6px;display:flex}.sub-item{color:#0000008c;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #00000042;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.dark .sub-item{color:#ffffff82;border-color:#ffffff42}.sub-item:hover{color:#181818;background:#ffffff31;border-color:#181818ba}.dark .sub-item:hover{color:#fff;background:#ffffff31;border-color:#fff}.sub-item.hot{color:#4a9eff;background:#4a9eff14;border-color:#4a9eff2e}.sub-item.hot:hover{background:#4a9eff29}.sub-item-count{opacity:.5;font-size:10px;font-weight:400}.more-grid{grid-template-columns:repeat(3,1fr);gap:20px 32px;display:grid}.more-group-title{letter-spacing:.1em;text-transform:uppercase;color:#00000069;margin-bottom:8px;font-size:10px;font-weight:700}.dark .more-group-title{color:#ffffff69}.more-links{flex-direction:column;gap:0;display:flex}.more-link{color:#00000080;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.dark .more-link{color:#ffffff8b}.more-link:hover{color:#fff;background:#0000000d}.dark .more-link:hover{color:#fff;background:#ffffff14}.more-link-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}
.site-footer{background:#000c;border-top:1px solid #ffffff14;padding:60px 0 32px}.footer-content{max-width:1200px;margin:0 auto;padding:0 40px}.footer-main{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-column{flex-direction:column;gap:16px;display:flex}.footer-title{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}.footer-desc{color:#ffffff80;margin:0;font-size:13px;line-height:1.6}.footer-social{gap:12px;margin-top:8px;display:flex}.social-link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.footer-links{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#ffffff80;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.footer-links li a:hover{color:#4a9eff}.footer-contact{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-contact li{color:#ffffff80;align-items:center;gap:10px;font-size:13px;display:flex}.contact-icon{text-align:center;width:20px;font-size:16px}.footer-divider{background:#ffffff14;height:1px;margin:0 0 32px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-bottom-left{flex-direction:column;gap:8px;display:flex}.footer-copyright{color:#fff6;margin:0;font-size:12px}.footer-legal{align-items:center;gap:12px;font-size:12px;display:flex}.footer-legal a{color:#fff6;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:#4a9eff}.footer-legal .separator{color:#fff3}.footer-bottom-right{align-items:center;gap:16px;display:flex}.footer-beian{color:#fff6;font-size:12px;text-decoration:none;transition:color .2s}.footer-beian:hover{color:#4a9eff}html.light .site-footer{background:#fdfdff;border-top-color:#00000014}html.light .footer-title{color:#1a1a1a}html.light .footer-desc{color:#1a1a1a99}html.light .social-link{background:#00000008;border-color:#00000014}html.light .social-link:hover{background:#0000000f;border-color:#00000026}html.light .footer-links li a{color:#1a1a1a99}html.light .footer-links li a:hover{color:#4a9eff}html.light .footer-contact li{color:#1a1a1a99}html.light .footer-divider{background:#00000014}html.light .footer-copyright,html.light .footer-legal a,html.light .footer-beian{color:#1a1a1a80}html.light .footer-legal a:hover,html.light .footer-beian:hover{color:#4a9eff}html.light .footer-legal .separator{color:#1a1a1a33}@media (max-width:1024px){.footer-main{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){.site-footer{margin-top:60px;padding:48px 0 24px}.footer-content{padding:0 20px}.footer-main{grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-bottom-left,.footer-bottom-right{width:100%}.site-footer{margin-bottom:72px}}