*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #165DFF;--primary-dark: #0E42C1;--primary-light: #E8F3FF;--secondary: #00B42A;--accent: #FF7D00;--dark: #1D2129;--gray-800: #303643;--gray-600: #6E7681;--gray-400: #9CA3AF;--gray-200: #E5E7EB;--gray-100: #F7F8FA;--white: #FFFFFF;--color-primary: #165DFF;--color-primary-dark: #0E42C1;--color-secondary: #00B42A;--color-accent: #FF7D00;--color-success: #00B42A;--color-warning: #FF7D00;--color-error: #F53F3F;--color-text-primary: #1D2129;--color-text-secondary: #303643;--color-text-muted: #6E7681;--color-text-light: #FFFFFF;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F7F8FA;--color-bg-tertiary: #F7F8FA;--color-bg-card: rgba(255, 255, 255, .8);--color-bg-glass: rgba(255, 255, 255, .9);--color-border: #E5E7EB;--color-border-hover: #165DFF;--color-border-base: #E5E7EB;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, #165DFF 0%, #0E42C1 100%);--gradient-tech: linear-gradient(135deg, #165DFF 0%, #00B42A 100%);--gradient-light: linear-gradient(135deg, #F7F8FA 0%, #FFFFFF 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%)}[data-theme=dark]{--color-text-primary: #F7F8FA;--color-text-secondary: #E5E7EB;--color-text-muted: #9CA3AF;--color-text-light: #FFFFFF;--color-bg-primary: #1D2129;--color-bg-secondary: #303643;--color-bg-tertiary: #303643;--color-bg-card: rgba(48, 54, 67, .8);--color-bg-glass: rgba(48, 54, 67, .9);--color-border: #303643;--color-border-hover: #165DFF;--color-border-base: #303643;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--gradient-light: linear-gradient(135deg, #303643 0%, #1D2129 100%);--gradient-glass: linear-gradient(135deg, rgba(48, 54, 67, .9) 0%, rgba(48, 54, 67, .7) 100%)}body{font-family:PingFang SC,Microsoft YaHei,Source Han Sans CN,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.6;position:relative;transition:background .3s ease,color .3s ease;font-size:16px;overflow-x:hidden;width:100%;max-width:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(22,93,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,93,255,.08) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1;transition:opacity .3s ease}body[data-theme=dark]:before{background-image:linear-gradient(rgba(22,93,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(22,93,255,.12) 1px,transparent 1px)}@keyframes glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bannerGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scenariosGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bannerGridMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes bannerFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-up-delay-1{transition-delay:.1s}.fade-in-up-delay-2{transition-delay:.2s}.fade-in-up-delay-3{transition-delay:.3s}.fade-in-up-delay-4{transition-delay:.4s}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.glass-effect{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2);box-shadow:0 8px 32px #00d4ff1a}.tech-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:16px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000d;cursor:pointer}.tech-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.08),transparent);transition:left .5s}.tech-card:hover:before{left:100%}.tech-card:hover{border-color:#00d4ff66;box-shadow:0 12px 32px #00d4ff26;transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.tech-card,.tech-card:before{transition:none;animation:none}.tech-card:hover{transform:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.banner-container{width:100%;display:flex;flex-direction:row;align-items:stretch}.banner-left-panel{align-items:center!important;justify-content:flex-start!important}@media (min-width: 1025px){.banner-content{text-align:left!important}}.banner-right-panel{padding-right:0!important;padding-bottom:0!important;overflow:hidden;align-items:flex-end!important;justify-content:flex-end!important}@media (max-width: 1024px){.banner-container{min-height:500px!important;flex-direction:column!important}.banner-left-panel{flex:1 1 auto!important;width:100%!important;padding:60px 40px!important;align-items:flex-start!important;order:1!important}.banner-content{max-width:100%!important}.banner-right-panel{flex:1 1 auto!important;width:100%!important;padding:0 40px 40px!important;align-items:center!important;justify-content:center!important;order:2!important}.banner-image{height:auto!important;max-height:400px!important;width:100%!important}.banner-title{font-size:36px!important}.banner-description{font-size:16px!important}}@media (max-width: 768px){body,html{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.ant-layout-header{padding:0 16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}.ant-layout-header>div:first-child{margin-right:16px!important;flex-shrink:0!important}.ant-layout-header .ant-menu{display:none!important}.ant-layout-header .ant-space{flex-shrink:0!important;margin-left:auto!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.ant-layout-header .ant-btn-primary{min-width:auto!important;white-space:nowrap!important}.ant-layout-header .ant-btn-text{padding:4px 8px!important;font-size:20px!important;min-width:auto!important}.ant-drawer-body .ant-menu{border-right:none!important}.ant-drawer-body .ant-menu-submenu-title,.ant-drawer-body .ant-menu-item{padding-left:24px!important;height:48px!important;line-height:48px!important}.ant-drawer-body .ant-menu-submenu .ant-menu-item{padding-left:48px!important}.ant-layout{width:100%!important;max-width:100%!important;overflow-x:hidden!important;position:relative!important}.ant-layout-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;width:100%!important}.banner-container{min-height:auto!important;flex-direction:column!important;width:100%!important;max-width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important}.banner-left-panel{flex:0 0 auto!important;width:100%!important;max-width:100%!important;padding:40px 16px 24px!important;order:1!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.banner-content{text-align:center;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.banner-badge{font-size:11px!important;padding:4px 12px!important;margin-bottom:16px!important}.banner-title{font-size:28px!important;line-height:1.3!important;margin-bottom:16px!important;text-align:center}.banner-description{font-size:14px!important;line-height:1.6!important;margin-bottom:24px!important;text-align:center}.banner-button{width:100%!important;height:44px!important;padding-left:24px!important;padding-right:24px!important;font-size:14px!important;box-sizing:border-box!important}.banner-right-panel{flex:0 0 auto!important;width:100%!important;max-width:100%!important;padding:0 0 32px!important;order:2!important;margin-top:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow:hidden!important}.banner-image{height:auto!important;max-height:300px!important;width:100%!important;max-width:100%!important;display:block!important;margin:0 auto!important;box-sizing:border-box!important}}.ant-layout-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;width:100%!important}@media (max-width: 480px){.banner-container{flex-direction:column!important}.banner-left-panel{flex:0 0 auto!important;width:100%!important;padding:32px 16px 20px!important;order:1!important}.banner-title{font-size:24px!important;margin-bottom:12px!important}.banner-description{font-size:13px!important;margin-bottom:20px!important}.banner-button{height:40px!important;font-size:13px!important}.banner-right-panel{flex:0 0 auto!important;width:100%!important;padding:0 16px 24px!important;order:2!important}.banner-image{max-height:250px!important}}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:#40a9ff}a:focus{outline:none}*:focus{outline:none!important}button:focus,[role=button]:focus,[role=link]:focus,.ant-btn:focus,.ant-menu-item:focus,.ant-menu-item-active:focus,.ant-menu-item-selected:focus{outline:none!important;box-shadow:none!important}.ant-btn:focus,.ant-btn:focus-visible{outline:none!important;box-shadow:none!important}.ant-menu-item:focus,.ant-menu-item:focus-visible,.ant-menu-item-active:focus,.ant-menu-item-active:focus-visible{outline:none!important}.ant-menu-horizontal .ant-menu-item:focus,.ant-menu-horizontal .ant-menu-item:focus-visible{outline:none!important}button,[role=button],a,input[type=checkbox],input[type=radio],select{cursor:pointer}button:disabled,[role=button][aria-disabled=true],input:disabled{cursor:not-allowed;opacity:.6}.container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}@media (max-width: 768px){.hidden-mobile{display:none}}@media (min-width: 769px){.hidden-desktop{display:none}}.dark-select-dropdown{background:#1e293b!important;border-color:#475569!important}.dark-select-dropdown .ant-select-item{color:#f1f5f9!important}.dark-select-dropdown .ant-select-item:hover{background:#334155!important}.dark-select-dropdown .ant-select-item-option-selected{background:#334155!important;color:#165dff!important}.ant-input::placeholder,.ant-input-affix-wrapper .ant-input::placeholder,.ant-input-number-input::placeholder,.ant-select .ant-select-selector .ant-select-selection-placeholder,textarea.ant-input::placeholder{font-size:14px!important}.ant-carousel .slick-dots li button{background:#00000040!important;opacity:1!important}.ant-carousel .slick-dots li:not(.slick-active) button,.ant-carousel .slick-dots li:not(.slick-active) button:before,.ant-carousel .slick-dots li:not(.slick-active) button:after,.ant-carousel .slick-dots li:not(.slick-active):after{background:#00000040!important;background-color:#00000040!important}.ant-carousel .slick-dots li.slick-active button,.ant-carousel .slick-dots li.slick-active button:before,.ant-carousel .slick-dots li.slick-active button:after,.ant-carousel .slick-dots li.slick-active:after,:where(.css-dev-only-do-not-override-rmhp01).ant-carousel .slick-dots li.slick-active:after,.ant-carousel .slick-dots-bottom .slick-dots li.slick-active button,.ant-carousel .slick-dots-bottom .slick-dots li.slick-active button:before,.ant-carousel .slick-dots-bottom .slick-dots li.slick-active button:after,.ant-carousel .slick-dots-bottom .slick-dots li.slick-active:after,.ant-carousel .slick-dots li.slick-active>button{background:#165dff!important;background-color:#165dff!important;border-color:#165dff!important;opacity:1!important;color:#165dff!important}[data-theme=dark] .ant-carousel .slick-dots li button{background:#fff6!important;opacity:1!important}[data-theme=dark] .ant-carousel .slick-dots li:not(.slick-active) button,[data-theme=dark] .ant-carousel .slick-dots li:not(.slick-active) button:before,[data-theme=dark] .ant-carousel .slick-dots li:not(.slick-active) button:after,[data-theme=dark] .ant-carousel .slick-dots li:not(.slick-active):after{background:#fff6!important;background-color:#fff6!important}[data-theme=dark] .ant-carousel .slick-dots li.slick-active button,[data-theme=dark] .ant-carousel .slick-dots li.slick-active button:before,[data-theme=dark] .ant-carousel .slick-dots li.slick-active button:after,[data-theme=dark] .ant-carousel .slick-dots li.slick-active:after,[data-theme=dark] :where(.css-dev-only-do-not-override-rmhp01).ant-carousel .slick-dots li.slick-active:after,[data-theme=dark] .ant-carousel .slick-dots-bottom .slick-dots li.slick-active button,[data-theme=dark] .ant-carousel .slick-dots-bottom .slick-dots li.slick-active button:before,[data-theme=dark] .ant-carousel .slick-dots-bottom .slick-dots li.slick-active button:after,[data-theme=dark] .ant-carousel .slick-dots-bottom .slick-dots li.slick-active:after,[data-theme=dark] .ant-carousel .slick-dots li.slick-active>button{background:#165dff!important;background-color:#165dff!important;border-color:#165dff!important;opacity:1!important;color:#165dff!important}.ant-carousel .slick-dots li.slick-active button[style],[data-theme=dark] .ant-carousel .slick-dots li.slick-active button[style]{background:#165dff!important;background-color:#165dff!important}@media (max-width: 768px){.ant-carousel .slick-dots{bottom:16px!important}.ant-carousel .slick-dots li{width:8px!important;height:8px!important;margin:0 4px!important}.ant-carousel .slick-dots li button{width:8px!important;height:8px!important}}@media (max-width: 768px){.product-scenarios-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width: 480px){.product-scenarios-grid{gap:12px!important}}@media (max-width: 768px){.product-banner-container{height:400px!important;min-height:400px!important}.product-banner-title{font-size:32px!important;line-height:1.3!important;margin-bottom:16px!important;padding:0 16px!important}.product-banner-description{font-size:16px!important;line-height:1.6!important;padding:0 16px!important;margin-bottom:24px!important}.product-banner-tags{padding:0 16px!important;gap:8px!important}.product-banner-tag{padding:6px 16px!important;font-size:12px!important}.product-banner-orb{transform:scale(.6)!important}}@media (max-width: 480px){.product-banner-container{height:350px!important;min-height:350px!important}.product-banner-title{font-size:28px!important;margin-bottom:12px!important}.product-banner-description{font-size:14px!important;margin-bottom:20px!important}.product-banner-tag{padding:5px 12px!important;font-size:11px!important}}
