.dropdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:gba(239,238,236,.08);z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none;will-change:opacity}.dropdown-overlay.active{opacity:1;pointer-events:none}html.lock-scroll,body.lock-scroll{overflow:hidden!important;overscroll-behavior:none;touch-action:none}.header{position:fixed;top:0;left:0;right:0;z-index:1100;background:#efeeec14;backdrop-filter:blur(40.66500092px);-webkit-backdrop-filter:blur(20px);overflow:visible;transition:all .3s ease;display:flex;align-items:center}.header .header-nav{flex:1;height:80px;display:flex;align-items:center;position:relative}.header .header-nav .nav-content{margin:0 auto;padding:0 80px;width:100%;max-width:1920px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;position:relative;z-index:1;min-width:0;box-sizing:border-box}.header .header-nav .nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;border-radius:8px;flex-shrink:0;overflow:hidden}.header .header-nav .nav-logo:hover{transform:translateY(-1px)}.header .header-nav .nav-logo:hover .logo-icon{transform:scale(1.1) rotate(-5deg)}.header .header-nav .nav-logo .logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.header .header-nav .nav-logo .logo-icon svg{width:100%;height:100%}.header .header-nav .nav-logo .logo-text{font-size:0;background:linear-gradient(135deg,#1a202c,#4c4f6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.header .header-nav .nav-logo .logo-text:hover{background:linear-gradient(135deg,#28b894,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header .header-nav .nav-menu.desktop-menu{display:flex;align-items:center;justify-content:center;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;white-space:nowrap;min-width:0}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container{position:relative;display:inline-block}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu{position:absolute;top:100%;left:0;min-width:260px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;padding-top:20px}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-menu-container{background:#2f2f2e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:background-color .2s ease;margin:4px;color:#fff;font-family:Inter;font-size:13px;font-style:normal;font-weight:400;line-height:18px}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link:hover{background:#0000000d;color:#28b894}.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link.active{color:#28b894}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{text-decoration:none;padding:8px 16px;display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;transition:all .3s ease;border-radius:8px;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0;color:#fff;text-align:center;font-family:Alimama ShuHeiTi;font-size:16px;font-style:normal;font-weight:700}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link:hover{color:#28b894;font-weight:680}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link .dropdown-arrow{font-size:0px;transition:transform .3s ease}.header .header-nav .nav-menu.desktop-menu .nav-item.dropdown .nav-link:hover .dropdown-arrow{transform:rotate(180deg);opacity:1}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu-overlay{padding-top:20px;position:absolute;top:calc(100% + 0px);left:80px;right:80px;opacity:0;visibility:hidden;z-index:1000;transition:all .3s ease}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu{width:100%;height:100%;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:8px;box-shadow:0 8px 32px #0000001f;min-width:180px;padding:8px 0;z-index:1001}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards{padding:15px;display:flex;gap:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards:before{border-bottom:6px solid #2a2a2a}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{height:200px;padding:15px;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-between}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-card-bg{background:#f1f1f1;position:absolute;inset:0;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1)}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-icon{font-size:0;align-self:flex-end;border-radius:8px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card:hover{flex:1.1}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card:hover .product-card-bg{background:#e8e8e8}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards:hover .product-card:not(:hover){flex:.95}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card-content{position:relative;display:flex;flex-direction:column;gap:12px;max-width:340px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card-content .product-title{font-size:20px;font-weight:600;color:#1e1e1e}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card-content .product-description{font-size:15px;color:#1e1e1e;flex:1;white-space:wrap}.header .header-nav .nav-menu.desktop-menu .nav-item:hover .dropdown-menu-overlay{opacity:1;visibility:visible}.header .header-nav .nav-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.header .header-nav .nav-actions .site-dropdown-container{position:relative;display:inline-block}.header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher{background:transparent;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher:hover{background:#ffffff1a;border-color:#ffffff4d}.header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher .dropdown-arrow{display:flex;align-items:center;transition:transform .3s ease}.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu{position:absolute;top:100%;right:0;min-width:260px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;padding-top:22px}.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-menu-container{background:#2f2f2e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a}.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:background-color .2s ease;margin:4px;color:#fff;font-family:Inter;font-size:13px;font-style:normal;font-weight:400;line-height:18px}.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link:hover{background:#0000000d}.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link.active{color:#28b894}.header .header-nav .nav-actions .btn{padding:8px 36px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.header .header-nav .nav-actions .btn:hover:before{left:100%}.header .header-nav .nav-actions .btn.btn-login{background:#000;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.header .header-nav .nav-actions .btn.btn-login:hover{background:#333;transform:translateY(-1px)}.header .header-nav .nav-actions .btn.btn-login:active{transform:translateY(0)}.header .header-nav .nav-actions .btn.btn-download{background:#fff;color:#333;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.header .header-nav .nav-actions .btn.btn-download:hover{background:#f5f5f5;transform:translateY(-1px)}.header .header-nav .nav-actions .btn.btn-download:active{transform:translateY(0)}.header .header-nav .nav-actions .btn.btn-user{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(76,79,107,.2);background:#fffc;transition:all .3s ease;cursor:pointer}.header .header-nav .nav-actions .btn.btn-user .user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.header .header-nav .nav-actions .btn.btn-user .user-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.header .header-nav .nav-actions .btn.btn-user:hover{background:#fffffff2;border-color:#8b5cf64d;transform:scale(1.05)}.header .header-nav .user-dropdown-container{position:relative;display:inline-block}.header .header-nav .user-dropdown-container .user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;overflow:hidden;padding-top:20px}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-menu-container{background:#333;box-shadow:0 8px 32px #0000004d}.header .header-nav .user-dropdown-container .user-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-info-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-info-header .user-email{color:#fff;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-info-header .pro-badge{background:#28b894;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;flex-shrink:0}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-divider{height:1px;background:#444;margin:0}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items{padding:8px 0}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item{display:block;width:100%;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item:hover{background:#ffffff1a}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button{width:100%;padding:12px 16px;background:#000;border:1px solid #666666;border-radius:0;color:#fff;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button:hover{background:#111;border-color:#777}.header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button:active{transform:translateY(1px)}.header .header-nav .mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;position:relative;z-index:1002}.header .header-nav .mobile-menu-toggle:hover{background:#8b5cf61a}.header .header-nav .mobile-menu-toggle .hamburger-line{width:20px;height:2px;background:#4c4f6b;margin:2px 0;transition:all .3s ease;border-radius:1px}.header .header-nav .mobile-menu-toggle.active .hamburger-line{background:#28b894}.header .header-nav .mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .header-nav .mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.header .header-nav .mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.header .mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;transition:opacity .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;will-change:opacity}.header .mobile-menu-overlay.active{opacity:1;pointer-events:auto}.header .mobile-menu{position:fixed;top:0;right:0;width:320px;height:100dvh;max-height:100dvh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(226,232,240,.8);z-index:10000;transform:translate(100%);transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0);will-change:transform}.header .mobile-menu.open{transform:translate(0)}.header .mobile-menu.open .mobile-menu-header,.header .mobile-menu.open .mobile-nav-menu{opacity:1;transform:translateY(0)}.header .mobile-menu .mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.6);opacity:0;transform:translateY(-20px);transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;background:#000}.header .mobile-menu .mobile-menu-header .mobile-logo{display:flex;align-items:center;gap:12px}.header .mobile-menu .mobile-menu-header .mobile-logo .logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.header .mobile-menu .mobile-menu-header .mobile-logo .logo-icon svg{width:100%;height:100%}.header .mobile-menu .mobile-menu-header .mobile-logo .logo-text{font-size:0;background:linear-gradient(135deg,#1a202c,#4c4f6b);-webkit-background-clip:text;background-clip:text}.header .mobile-menu .mobile-menu-header .mobile-menu-close{width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease;color:#4c4f6b;font-size:24px;font-weight:300}.header .mobile-menu .mobile-menu-header .mobile-menu-close:hover{background:#8b5cf61a;color:#28b894}.header .mobile-menu .mobile-nav-menu{flex:1;list-style:none;margin:0;padding:20px 0;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.25,.46,.45,.94) .2s}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;color:#4c4f6b;text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease;border-bottom:1px solid rgba(226,232,240,.3)}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link:hover{background:#8b5cf60d;color:#28b894}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle{background:none;border:none;cursor:pointer;font-size:18px;color:#4c4f6b;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle:hover{background:#8b5cf61a;color:#28b894}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards{display:flex;flex-direction:column;gap:12px;padding:16px 24px;border-top:1px solid rgba(226,232,240,.3);background:#f1f1f1}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card{padding:12px;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:space-between;text-decoration:none;border-radius:8px;overflow:hidden}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-card-content{position:relative;display:flex;flex-direction:column;gap:8px;flex:1}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-card-content .mobile-product-title{font-size:16px;font-weight:600;color:#1e1e1e;margin:0;line-height:1.3}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-icon{font-size:0}.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card:hover .mobile-product-card-bg{background:#e8e8e8}.header .mobile-menu .mobile-actions{padding:20px 24px;border-top:1px solid rgba(226,232,240,.6);display:flex;flex-direction:column;gap:12px}.header .mobile-menu .mobile-actions .mobile-site-switcher{position:relative;width:100%}.header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile{width:100%;height:44px;background:#fffc;border:1px solid #4c4f6b;color:#4c4f6b;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile:hover{background:#fffffff2;border-color:#8b5cf64d;color:#28b894}.header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile .dropdown-arrow{display:flex;align-items:center;transition:transform .3s ease}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);z-index:1001;overflow:hidden}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#333;text-decoration:none;transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link:last-child{border-bottom:none}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link:hover{background:#0000000d}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link .site-name{font-weight:500;font-size:14px}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link .site-current{font-size:12px;color:#666;background:#0000001a;padding:2px 8px;border-radius:4px}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link.active{color:#28b894;background:#28b8941a}.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link.active .site-name{color:#28b894;font-weight:600}.header .mobile-menu .mobile-actions .btn{width:100%;height:44px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header .mobile-menu .mobile-actions .btn.btn-login{background:#000;color:#fff;border:none;border-radius:20px}.header .mobile-menu .mobile-actions .btn.btn-login:hover{background:#333}.header .mobile-menu .mobile-actions .btn.btn-download{background:#fff;color:#333;border:none;border-radius:20px}.header .mobile-menu .mobile-actions .btn.btn-download:hover{background:#f5f5f5}.header .mobile-menu .mobile-actions .btn.btn-logout{background:#fffc;border:1px solid #ff6b6b;color:#ff6b6b}.header .mobile-menu .mobile-actions .btn.btn-logout:hover{background:#ff6b6b1a;border-color:#ff5252;color:#ff5252}.header .mobile-menu .mobile-actions .mobile-user-info{display:flex;flex-direction:column;gap:16px}.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff80;border-radius:12px;border:1px solid rgba(76,79,107,.1)}.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-details{flex:1;min-width:0}.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-details .mobile-user-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-details .mobile-user-id{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1440px){.header .header-nav .nav-content{padding:0 60px;gap:32px;overflow:hidden}.header .header-nav .nav-menu.desktop-menu{gap:18px;flex-wrap:nowrap;overflow:hidden}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{padding:8px 14px;gap:5px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards{width:calc(100vw - 120px);max-width:1000px;min-width:700px;padding:20px;gap:16px;display:flex}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{padding:16px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-title{font-size:15px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-description{font-size:11px;-webkit-line-clamp:5;line-clamp:5}.header .header-nav .nav-actions .btn.btn-login,.header .header-nav .nav-actions .btn.btn-download{min-width:110px;max-width:150px}}@media (max-width: 1200px){.header .header-nav .nav-content{padding:0 40px;gap:24px;overflow:hidden}.header .header-nav .nav-menu.desktop-menu{gap:16px;flex-wrap:nowrap;overflow:hidden}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{padding:6px 12px;gap:4px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards{width:calc(100vw - 80px);max-width:800px;min-width:600px;padding:16px;gap:12px;display:flex}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{padding:14px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-title{font-size:14px;margin-bottom:8px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-description{font-size:10px;-webkit-line-clamp:4;line-clamp:4;margin-bottom:12px}.header .header-nav .nav-actions{gap:12px}.header .header-nav .nav-actions .btn{padding:6px 12px;font-size:13px}.header .header-nav .nav-actions .btn.btn-login,.header .header-nav .nav-actions .btn.btn-download{min-width:100px;max-width:140px}}@media (max-width: 1024px){.header .header-nav .nav-content{padding:0 40px;gap:20px;overflow:hidden}.header .header-nav .nav-menu.desktop-menu{gap:14px;flex-wrap:nowrap;overflow:hidden}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{padding:5px 10px;gap:3px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards{width:calc(100vw - 80px);max-width:400px;min-width:320px;padding:16px;display:flex;flex-direction:column;gap:12px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{padding:16px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-title{font-size:14px;margin-bottom:8px}.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-description{font-size:11px;-webkit-line-clamp:3;line-clamp:3;margin-bottom:12px}.header .header-nav .nav-actions .btn.btn-login,.header .header-nav .nav-actions .btn.btn-download{min-width:90px;max-width:130px}}@media (max-width: 900px){.header .header-nav .nav-menu.desktop-menu{gap:12px}.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{padding:4px 8px;gap:2px;font-size:12px}}@media (max-width: 768px){.header .header-nav .nav-content{padding:0 24px;grid-template-columns:1fr auto;gap:16px;overflow:hidden}.header .header-nav .nav-menu.desktop-menu,.header .header-nav .nav-actions{display:none}.header .header-nav .mobile-menu-toggle{display:flex;justify-self:end}}@media (max-width: 600px){.header .header-nav .nav-content{padding:0 16px;gap:12px;grid-template-columns:1fr auto}.header .header-nav .mobile-menu-toggle{justify-self:end}}@media (max-width: 480px){.header .header-nav{height:56px}.header .header-nav .nav-content{padding:0 16px;gap:12px;grid-template-columns:1fr auto}.header .header-nav .nav-logo .logo-icon{width:28px;height:28px}.header .header-nav .nav-logo .logo-text{font-size:0px}.header .header-nav .mobile-menu-toggle{justify-self:end}.header .mobile-menu{width:100%}}.arrow-hover{display:inline-block;cursor:pointer}.arrow-hover .arrow-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:transform .3s ease;flex-shrink:0;border-radius:4px;background:#191a23;flex:0 0 48px;position:relative;overflow:hidden}.arrow-hover .arrow-icon:before{content:"";position:absolute;bottom:4px;left:4px;width:0;height:0;background:#28b894;border-radius:50%;transition:all .3s ease;z-index:1}.arrow-hover .arrow-icon .arrow-icon-white{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;opacity:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;transform:translate(0)}.arrow-hover .arrow-icon .arrow-icon-white svg{width:24px;height:24px;filter:brightness(0) invert(1)}.arrow-hover .arrow-icon .arrow-icon-black{position:absolute;bottom:-100%;left:-100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease-in-out;z-index:3}.arrow-hover .arrow-icon .arrow-icon-black svg{width:24px;height:24px;filter:brightness(0)}.arrow-hover.default .arrow-icon{background:#191a23}.arrow-hover.default .arrow-icon:before,.arrow-hover.default .arrow-icon:after{background:#28b894}.arrow-hover.default .arrow-icon .arrow-icon-white svg{filter:brightness(0) invert(1)}.arrow-hover.default .arrow-icon .arrow-icon-black svg{filter:brightness(0)}.arrow-hover.inverted .arrow-icon{background:#28b894}.arrow-hover.inverted .arrow-icon:before,.arrow-hover.inverted .arrow-icon:after{background:#191a23}.arrow-hover.inverted .arrow-icon .arrow-icon-white svg{filter:brightness(0)}.arrow-hover.inverted .arrow-icon .arrow-icon-black svg{filter:brightness(0) invert(1)}.arrow-hover.purple .arrow-icon{background:#28b894}.arrow-hover.purple .arrow-icon:before,.arrow-hover.purple .arrow-icon:after{background:#6c4dff!important}.arrow-hover.purple .arrow-icon .arrow-icon-white svg{filter:brightness(0)}.arrow-hover.purple .arrow-icon .arrow-icon-black svg{filter:brightness(0) invert(1)}.arrow-hover.small .arrow-icon{width:32px;height:32px;flex:0 0 32px}.arrow-hover.small .arrow-icon .arrow-icon-white svg,.arrow-hover.small .arrow-icon .arrow-icon-black svg{width:16px;height:16px}.arrow-hover.large .arrow-icon{width:64px;height:64px;flex:0 0 64px}.arrow-hover.large .arrow-icon .arrow-icon-white svg,.arrow-hover.large .arrow-icon .arrow-icon-black svg{width:32px;height:32px}.arrow-hover-container:hover .arrow-hover .arrow-icon .arrow-icon-white{opacity:1;transform:translate(48px,-48px)}.arrow-hover-container:hover .arrow-hover .arrow-icon:before{width:100%;height:100%;bottom:0;left:0;border-radius:0}.arrow-hover-container:hover .arrow-hover .arrow-icon:after{width:100%;height:100%;bottom:0;left:0;border-radius:0;opacity:1}.arrow-hover-container:hover .arrow-hover .arrow-icon .arrow-icon-black{opacity:1;bottom:0;left:0}.letter-roll{position:relative;display:inline-block;overflow:hidden}.letter-roll .single-letter{position:relative;display:inline-block;transition:transform .4s cubic-bezier(.25,.46,.45,.94);text-shadow:0px 1.35em currentColor;transform:translateY(0)}.letter-up:hover .single-letter{transform:translateY(-1.35em)}.footer{background:#000;color:#e2e8f0;padding:60px 0 20px;margin-top:auto;position:relative;z-index:999}.footer .footer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;justify-content:center}.footer .footer-header .footer-logo{display:flex;align-items:center;gap:12px}.footer .footer-header .footer-logo .logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.footer .footer-header .footer-logo .logo-icon svg{width:100%;height:100%}.footer .footer-header .footer-logo .logo-text{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px}.footer .footer-header .footer-logo .logo-text:after{content:">";font-weight:900;color:#3b82f6}.footer .footer-header .footer-actions{display:flex;gap:12px}.footer .footer-header .footer-actions .action-button{width:80px;height:32px;border:2px solid;border-radius:4px;cursor:pointer;transition:all .2s ease}.footer .footer-header .footer-actions .action-button.action-purple{border-color:#6c4dff;background:transparent}.footer .footer-header .footer-actions .action-button.action-purple:hover{background:#6c4dff1a}.footer .footer-header .footer-actions .action-button.action-green{border-color:#28b894;background:transparent}.footer .footer-header .footer-actions .action-button.action-green:hover{background:#28b8941a}.footer .footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:30px 0;border-radius:8px}.footer .footer-content .footer-column{border-radius:8px;border:1px solid #4c4f6b;display:flex;padding:17px;flex-direction:column;align-items:flex-start;gap:20px;flex-shrink:0}.footer .footer-content .footer-column .column-title{width:100%;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#4c4f6b;font-family:Alimama FangYuanTi VF;font-size:14px;font-style:normal;font-weight:700;line-height:22px;display:flex;align-items:center;gap:8px}.footer .footer-content .footer-column .column-title .title-indicator{width:5px;height:7px;background:#4c4f6b;flex-shrink:0}.footer .footer-content .footer-column .column-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.footer .footer-content .footer-column .column-links li a{text-decoration:none;transition:color .2s ease;color:#d2d3e0;font-family:Alimama FangYuanTi VF;font-size:14px;font-style:normal;font-weight:480;line-height:22px}.footer .footer-content .footer-column .column-links li a:hover{color:#fff}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:24px}.footer .footer-bottom .copyright{color:#a0aec0;font-size:14px}.footer .footer-bottom .filing-info{color:#a0aec0;font-size:14px;text-align:right}.footer .footer-logo{display:flex;align-items:center;justify-content:space-between;padding:30px 0 60px;gap:2rem}.footer .footer-logo .footer-logo-icon{width:clamp(60px,8vw,161px);height:clamp(60px,8vw,161px);flex-shrink:0;aspect-ratio:1/1}.footer .footer-logo .footer-logo-codebuddy{width:clamp(300px,70vw,1342px);height:auto;flex-shrink:0;max-width:100%}.footer .footer-brand{display:flex;align-items:center;justify-content:space-between;padding:30px 0 60px}.footer .footer-brand .footer-brand-logo{width:161px;height:161px;flex-shrink:0;aspect-ratio:1/1}.footer .footer-brand .footer-brand-wordmark{width:1342.051px;height:153.983px;flex-shrink:0}.footer .footer-brand-logo,.footer .footer-brand-wordmark svg{opacity:0;transform:translate(36px)}.footer .footer-brand-wordmark.in-view svg,.footer .footer-brand-logo.in-view{animation:footer-slide-in .5s ease-out forwards;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes footer-slide-in{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.footer .footer-brand-logo,.footer .footer-brand-wordmark svg{opacity:1!important;transform:none!important;animation:none!important}}.footer .qr-codes{position:absolute;top:-120px;right:100px;display:flex;gap:16px;z-index:20;pointer-events:auto}.footer .qr-codes .qr-code-item{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.footer .qr-codes .qr-code-item:hover{transform:translateY(-2px)}.footer .qr-codes .qr-code-item .qr-code-image{width:116px;height:116px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 4px 12px #0000004d;padding:8px}.footer .qr-codes .qr-code-item .qr-code-image:hover{border-color:#ffffff4d;box-shadow:0 8px 24px #0006}.footer .qr-codes .qr-code-item .qr-label{font-family:PingFang SC;font-size:12px;font-weight:500;color:#fff;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5);background:#0009;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 1440px){.footer .footer-content{gap:32px;padding:28px 0}}@media (max-width: 1200px){.footer .footer-content{gap:28px;padding:24px 0}.footer .qr-codes{bottom:30px;right:30px}.footer .qr-codes .qr-code-item .qr-code-image{width:100px;height:100px;padding:6px}.footer .qr-codes .qr-code-item .qr-label{font-size:11px}}@media (max-width: 1024px){.footer .footer-content{grid-template-columns:repeat(2,1fr);gap:24px;padding:20px 0}.footer .footer-logo{flex-direction:column;gap:1.5rem;text-align:center}.footer .footer-bottom{flex-direction:column;text-align:center;gap:12px}.footer .footer-bottom .copyright,.footer .footer-bottom .filing-info{text-align:center}}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer .footer-header{margin-bottom:32px}.footer .footer-header .footer-logo .logo-text{font-size:20px}.footer .footer-header .footer-actions .action-button{width:60px;height:28px}.footer .footer-logo{flex-direction:column;gap:1rem;text-align:center;padding:20px 0 40px}.footer .footer-content{grid-template-columns:1fr;gap:20px;margin-bottom:32px;padding:16px 0}.footer .footer-content .footer-column .column-title{margin-bottom:16px;padding-bottom:8px}.footer .footer-content .footer-column .column-links li{margin-bottom:8px}.footer .qr-codes{position:static;display:flex;justify-content:center;margin:32px 0;gap:12px}.footer .qr-codes .qr-code-item .qr-code-image{width:90px;height:90px;padding:5px}.footer .qr-codes .qr-code-item .qr-label{font-size:10px}}@media (max-width: 480px){.footer{padding:32px 0 16px}.footer .footer-header{margin-bottom:24px}.footer .footer-header .footer-logo .logo-icon{width:28px;height:28px}.footer .footer-header .footer-logo .logo-text{font-size:18px}.footer .footer-header .footer-actions .action-button{width:50px;height:24px}.footer .footer-logo{flex-direction:column;gap:.75rem;text-align:center;padding:16px 0 32px}.footer .footer-content{gap:16px;margin-bottom:24px;padding:12px 0}.footer .footer-content .footer-column .column-title{font-size:15px;margin-bottom:12px;padding-bottom:6px}.footer .footer-content .footer-column .column-links li{margin-bottom:6px}.footer .footer-content .footer-column .column-links li a{font-size:13px}.footer .footer-bottom{gap:8px}.footer .footer-bottom .copyright,.footer .footer-bottom .filing-info{font-size:13px}.footer .qr-codes{position:static;display:flex;justify-content:center;margin:24px 0;gap:10px}.footer .qr-codes .qr-code-item .qr-code-image{width:80px;height:80px;padding:4px}.footer .qr-codes .qr-code-item .qr-label{font-size:9px}}.special-button{display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:clamp(12px,1.5vw,14px);position:relative;overflow:hidden;gap:12px;flex-shrink:0;border-radius:clamp(3px,.5vw,4px);background:#28b894}.special-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.special-button:hover:before{left:100%}.special-button:active{transform:translateY(0);box-shadow:0 4px 12px #6c4dff4d}.special-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.special-button.disabled:hover{transform:none;box-shadow:none}.special-button.secondary{background:#ffffff1a;border:1px solid rgba(108,77,255,.3);color:#6c4dff}.special-button.secondary:hover{background:#6c4dff1a;border-color:#6c4dff80}.special-button.small{padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,12px);font-size:clamp(10px,1.2vw,12px);min-width:clamp(120px,20vw,160px);height:clamp(32px,5vw,40px)}.special-button.small .button-content{gap:clamp(4px,.8vw,6px)}.special-button.small .arrow-icon{width:clamp(12px,2vw,16px);height:clamp(12px,2vw,16px)}.special-button.large{padding:clamp(12px,2vw,16px) clamp(16px,2.5vw,20px);font-size:clamp(14px,2vw,16px);min-width:clamp(180px,30vw,240px);height:clamp(56px,8vw,64px)}.special-button.large .button-content{gap:clamp(8px,1.5vw,10px)}.special-button.large .arrow-icon{width:clamp(16px,2.5vw,20px);height:clamp(16px,2.5vw,20px)}.special-button .prefix-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:1px;height:clamp(20px,3vw,24px)}.special-button .button-content{display:flex;align-items:center;gap:clamp(6px,1vw,8px);flex:1}.special-button .button-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-family:Alimama ShuHeiTi;font-size:clamp(14px,2.5vw,18px);font-style:normal;font-weight:700;line-height:clamp(28px,5vw,36px);letter-spacing:clamp(.8px,.15vw,1.08px)}@media (max-width: 768px){.special-button{font-size:clamp(11px,2vw,13px);border-radius:clamp(2px,.6vw,3px)}.special-button.small{height:clamp(28px,6vw,32px);padding:clamp(4px,1.2vw,6px) clamp(6px,2vw,8px);font-size:clamp(9px,1.8vw,11px);min-width:clamp(100px,25vw,140px)}.special-button.large{height:clamp(48px,10vw,56px);padding:clamp(8px,2.5vw,12px) clamp(12px,3vw,16px);font-size:clamp(13px,2.5vw,15px);min-width:clamp(160px,35vw,200px)}.special-button .prefix-container{height:clamp(16px,4vw,20px)}.special-button .button-content{gap:clamp(4px,1.5vw,6px)}.special-button .button-text{font-size:clamp(12px,2.2vw,16px);line-height:clamp(24px,4.4vw,32px);letter-spacing:clamp(.6px,.12vw,.9px)}}@media (max-width: 480px){.special-button{font-size:clamp(10px,2.5vw,12px)}.special-button.small{height:clamp(24px,8vw,28px);padding:clamp(3px,1.5vw,4px) clamp(4px,2.5vw,6px);font-size:clamp(8px,2.2vw,10px);min-width:clamp(80px,30vw,120px)}.special-button.large{height:clamp(40px,12vw,48px);padding:clamp(6px,3vw,8px) clamp(8px,4vw,12px);font-size:clamp(12px,3vw,14px);min-width:clamp(140px,40vw,180px)}.special-button .prefix-container{height:clamp(14px,5vw,18px)}.special-button .button-content{gap:clamp(3px,2vw,5px)}.special-button .button-text{font-size:clamp(10px,2.8vw,14px);line-height:clamp(20px,5.6vw,28px);letter-spacing:clamp(.4px,.1vw,.7px)}}
