/* Css for , Version=1790087580 */
 .box h4.title
{
  font-size: 24px;
  background-color: #fff;
  margin: 10px 15px;
  padding: 10px;
  height: inherit;
  text-align: center;
}
.article > header > .page-title {margin-bottom: 0; margin-top: 10px; font-size: 18px;}
.article > .article-content {padding-top: 10px; padding-bottom: 10px;}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=Poppins:wght@500;600;700&display=swap');:root{--primary:#2265f0;--primary-strong:#145bcc;--brand:#635bff;--primary-rgb:34, 101, 240;--brand-rgb:99, 91, 255;--primary-soft:#eef5ff;--primary-soft-2:#f7fbff;--primary-soft-3:#eef3f9;--primary-border:#dce7f4;--primary-border-soft:#e1ebf7;--primary-line:#e6edf6;--primary-chip:#7fb4f1;--primary-fill-soft:#d9e6f4;--primary-fill-soft-2:#d8e8fb;--primary-fill-soft-3:#d8e6f6;--primary-fill-soft-4:#c6dcf6;--primary-fill-soft-5:#a7cfff;--primary-fill-soft-6:#8ac1ff;--primary-fill-soft-7:#86bfff;--primary-fill-soft-8:#58a3ff;--primary-fill-soft-9:#d2e6ff;--primary-fill-muted:#f4f7fb;--primary-fill-muted-2:#f2f6fb;--primary-fill-muted-3:#f0f5fb;--primary-fill-muted-4:#eaf2fb;--assist:#ebf2f9;--title:#0c2243;--text:#39485d;--text-soft:#5a6d88;--text-subtle:#79818d;--line:#ddd;--line-soft:#e5e5e5;--bg:#f8fafd;--bg-section:#f1f1f1;--bg-soft:#f7f7f7;--panel:#fff;--panel-blue:#f1f1f1;--dark:#0c2243;--dark-2:#39485d;--dark-3:#5a6d88;--white:#fff;--shadow-xs:0 1px 1px rgba(0,0,0,0.05);--shadow-sm:0 4px 12px rgba(15,23,42,0.08);--shadow-md:0 18px 44px rgba(21,41,84,0.1);--shadow-lg:0 6px 12px rgba(0,0,0,0.175);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--container:1170px;--font-sans:"Inter", "Segoe UI", Arial, sans-serif;--font-heading:"Poppins", "Inter", "Segoe UI", Arial, sans-serif;--font-display:"Plus Jakarta Sans", "Poppins", "Inter", "Segoe UI", Arial, sans-serif;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.57;}a{color:inherit;text-decoration:none;}a:hover{text-decoration:none;}img{display:block;max-width:100%;}.flex{display:flex;}.row{margin:0;}.row > [class*='col-'],.row > .col{padding:0;}.container,.width-wrapper{width:min(var(--container),100%);margin:0 auto;max-width:unset;}.page-container{overflow:unset;}.page-wrapper{padding-top:0;}.page-content{max-width:unset;padding:0;}#siteLogo > a{min-height:unset;}.header-wrapper{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);background:rgba(248,249,253,0.88);}#headTitle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;}.logo{height:36px;width:auto;}#navbar{background:transparent;}.nav{display:flex;align-items:center;gap:24px;font-size:16px;font-weight:400;color:var(--text);}.nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 20px;border-radius:9999px !important;transition:color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}.nav .dropdown-menu a{border-radius:0 !important;}.nav a:hover,.nav a:focus,.nav a:focus-visible{outline:none;color:var(--primary) !important;background:rgba(34,101,240,0.08) !important;}.nav a.is-active{color:var(--primary);background:rgba(34,101,240,0.1);box-shadow:inset 0 0 0 1px rgba(34,101,240,0.16);font-weight:600;}.nav-actions{display:flex;align-items:center;gap:12px;}.lang{margin-left:12px;}.lang a{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0;color:var(--text-soft);font-size:13px;font-weight:500;transition:color 0.2s ease;}.lang a:hover{color:var(--primary);}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:9999px;border:1px solid transparent;font-size:16px;transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;cursor:pointer;white-space:nowrap;}.button:hover{transform:translateY(-1px);}.button:focus-visible,.nav a:focus-visible,.lang-switch a:focus-visible,.field input:focus-visible,.field select:focus-visible,.footer-links a:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(34,101,240,0.18);}.button-primary{color:var(--white);background:linear-gradient(135deg,var(--primary) 0%,var(--brand) 100%);box-shadow:none;}.button-primary:visited{color:var(--white);}.button-primary:hover{box-shadow:var(--shadow-sm);color:var(--white);}.button-secondary{color:var(--primary);background:rgba(255,255,255,0.88);border-color:rgba(34,101,240,0.16);}.button-secondary:hover{background:#fff;}.nav-actions .button{height:40px;padding:0 16px;border-radius:9999px;font-size:14px;font-weight:400;}#rightDocker{display:none;}#footer{color:var(--text-soft);background:transparent;border-top:1px solid var(--line);}#footer > .wrapper{padding:20px 0;max-width:min(var(--container),100%);display:flex;justify-content:space-between;}.site-footer{padding-top:28px;border-top:1px solid var(--line);}.footer-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;padding:40px 0 28px;}.footer-grid:before,.footer-grid:after{display:none;}.footer-brand img{height:34px;width:auto;}.footer-brand p,.footer-col p{margin:16px 0 0;color:var(--text);font-size:14px;line-height:1.78;}.footer-col h4{margin:0;color:var(--title);font-size:15px;line-height:1.5;font-weight:600;}.footer-links{display:grid;gap:10px;margin-top:14px;font-size:14px;color:var(--text);}.footer-links a:hover{color:var(--primary);}.footer-col.is-center{justify-self:center;text-align:left;}@media (max-width: 1110px){.hero-grid,.cta-content,.footer-grid,.capability-row,.capability-row:nth-child(even){grid-template-columns:1fr;}.footer-col.is-center{justify-self:stretch;text-align:left;}}@media (max-width: 860px){.nav-shell{flex-wrap:wrap;justify-content:center;gap:12px;padding:14px 0;}.brand{width:100%;display:flex;justify-content:center;}.nav{width:100%;justify-content:center;flex-wrap:wrap;gap:10px;}.nav a{min-height:38px;padding:0 16px;border:1px solid var(--line-soft);background:rgba(255,255,255,0.82);box-shadow:var(--shadow-xs);}.nav-actions{width:100%;justify-content:center;}}@media (max-width: 640px){.container{width:min(var(--container),100%);padding-left:16px;padding-right:16px;}.nav{gap:8px;}#navbar .nav > li > a{min-height:36px;padding:0 14px;font-size:13px;box-shadow:none;padding:10px 20px;}#navbar .nav > li{width:100%;}#headTitle img{height:auto;width:120px;min-width:unset;}#navbar .navbar-header{position:static;}#headTitle.with-navbar #navbar .navbar-collapse{position:absolute;background:#fff;}.custom-middle-right{padding-right:12px;margin-left:-12px;}.custom-middle-right .button{padding:0 12px;}}.m-page .breadcrumb{display:none;}.m-page .article{border:0;margin:0;box-shadow:unset;}.m-page .article header,.m-page .article footer{display:none;}.m-page .article > .article-content{padding:0;}.m-page .article > .article-content table{margin:0;}.m-page .article > .article-content table th,.m-page .article > .article-content table td{padding:18px 20px;border-bottom:1px solid var(--line-soft);}.m-page .article > .article-content table th{background:rgba(248,251,255,0.98);}#block4{}#block4 .panel-heading{}.article {
    background:radial-gradient(circle at top left, rgba(99, 91, 255, 0.06), rgba(99, 91, 255, 0) 28%),
        linear-gradient(180deg, #f6f8fa 0%, #f8fafd 46%, #ffffff 100%);
}
.hero {
  position: relative;
  padding: 56px 0 36px;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 340px;
  background:
    radial-gradient(circle at 20% 0%, rgba(90, 145, 255, 0.1), rgba(90, 145, 255, 0) 34%),
    radial-gradient(circle at 84% 10%, rgba(20, 91, 204, 0.05), rgba(20, 91, 204, 0) 20%),
    linear-gradient(180deg, rgba(235, 242, 249, 0.6) 0%, rgba(248, 250, 253, 0) 100%);
  pointer-events: none;
}

.hero-grid {
  position: relative;
  z-index: 1;
  max-width: 960px;
  margin: 0 auto;
}

.hero-copy {
  text-align: center;
}

.hero h1 {
  margin: 0;
  color: var(--title);
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.hero-copy p {
  margin: 16px auto 0;
  max-width: 960px;
  font-size: 18px;
  line-height: 30px;
  color: var(--text);
}

.visual-frame {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #dfe8f4;
  background: linear-gradient(180deg, #f8fbff, #eef5fd);
  box-shadow: var(--shadow-xs);
}

.visual-frame svg {
  display: block;
  width: 100%;
  height: auto;
}

.section {
  padding: 96px 0;
}

.section.is-soft {
  background: linear-gradient(180deg, rgba(242, 246, 251, 0.84), rgba(255, 255, 255, 0));
}

.section-header {
  max-width: var(--content-readable);
  margin: 0 auto 48px;
  text-align: center;
}

.section-header h2 {
  margin: 0;
  color: var(--title);
  font-family: var(--font-heading);
  font-size: 30px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.section-header p {
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
}

.button-secondary {
  color: var(--primary);
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--line);
}

#background {
  padding-top: 80px;
  background: #ffffff;
}

#background .section-header {
  max-width: var(--content-readable);
  margin: 0 auto 44px;
  display: block;
  text-align: center;
}

#background .section-header h2 {
  font-size: 30px;
  line-height: 42px;
}

#background .section-header p {
  margin: 16px auto 0;
  max-width: 960px;
}

.story-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.story-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 232px;
  padding: 24px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-xs);
}

.story-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(180deg, #f2f7ff, #ebf3ff);
  color: var(--primary);
  box-shadow: inset 0 0 0 1px rgba(203, 218, 239, 0.9);
}

.story-index svg {
  width: 28px;
  height: 28px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.story-card h3 {
  margin: 0;
  color: var(--title);
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}

.story-card p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--text);
}

.module-stack {
  display: grid;
  gap: 72px;
}

.module {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(400px, 0.98fr);
  gap: 40px;
  align-items: center;
}

.module:nth-child(even) {
  grid-template-columns: minmax(400px, 0.98fr) minmax(0, 1.02fr);
}

.module:nth-child(even) .module-visual {
  order: 1;
}

.module:nth-child(even) .module-copy {
  order: 2;
}

.module-copy h3 {
  margin: 14px 0 0;
  color: var(--title);
  font-family: var(--font-heading);
  font-size: 28px;
  line-height: 1.42;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.module-copy > p {
  margin: 16px 0 0;
  max-width: 960px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--text);
}

.point-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.point-list li {
  padding: 16px 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e3ecf6;
  box-shadow: var(--shadow-xs);
}

.point-list strong {
  display: block;
  color: var(--text);
  font-size: 14px;
  line-height: 1.62;
  font-weight: 400;
}

.point-list span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.62;
  font-weight: 400;
  color: var(--text);
}

#ai-generation .point-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#workflow .point-list,
#ai-process .point-list,
#instance-management .point-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.module-visual {
  padding: 18px;
  border-radius: 12px;
  border: 1px solid rgba(220, 229, 241, 0.95);
  background:
    radial-gradient(circle at top right, rgba(var(--brand-rgb), 0.08), rgba(var(--brand-rgb), 0) 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 250, 255, 0.98));
  box-shadow: var(--shadow-sm);
}

.inline-cta {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 24px;
}

.inline-cta .button-primary {
  min-width: 172px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
}

.inline-cta .button-secondary {
  min-width: 172px;
  height: 48px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 400;
}

.cta-section {
  padding: 64px 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(var(--brand-rgb), 0.04) 18%, #f5f8ff 100%);
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.cta-band {
  position: relative;
  overflow: hidden;
  padding: 60px 40px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-md);
}

.cta-band::before {
  content: "";
  position: absolute;
  inset: auto auto -120px -90px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--brand-rgb), 0.08), rgba(var(--brand-rgb), 0));
  pointer-events: none;
}

.cta-band::after {
  content: "";
  position: absolute;
  inset: -140px -100px auto auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(66, 139, 255, 0.14), rgba(66, 139, 255, 0));
  pointer-events: none;
}

.cta-content {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 24px;
  text-align: center;
}

.cta-content h2 {
  margin: 0;
  max-width: 960px;
  color: var(--title);
  font-family: var(--font-heading);
  font-size: 32px;
  line-height: 1.38;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.cta-content p {
  margin: 0;
  max-width: 960px;
  font-size: 14px;
  line-height: 1.72;
  color: var(--text);
}

.cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.cta-buttons .button-primary {
  min-width: 184px;
  height: 52px;
  font-weight: 400;
}

.cta-buttons .button-secondary {
  height: 44px;
  border-radius: 9999px;
  align-self: center;
  font-weight: 400;
}

@media (max-width: 1120px) {
  .module,
  .module:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .module:nth-child(even) .module-visual,
  .module:nth-child(even) .module-copy {
    order: initial;
  }

  .story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #ai-generation .point-list,
  #workflow .point-list,
  #app-management .point-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 840px) {
    .hero {
        padding-top: 40px;
    }
    
    .section,
    .cta-section {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    
    .section-header p,
    .cta-content p {
        font-size: 14px;
        line-height: 22px;
    }
    
    .hero-copy p {
        font-size: 16px;
        line-height: 24px;
    }
    
    #background .section-header {
        text-align: center;
    }
}

@media (max-width: 640px) {
    .hero h1 {
        font-size: 32px;
        line-height: 40px;
    }
    
    .section-header h2,
    .cta-content h2 {
        font-size: 28px;
        line-height: 40px;
    }
    
    #background .section-header h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .hero-visual,
    .module-visual,
    .cta-band {
        padding: 14px;
    }
    
    .anchor-shell {
        padding: 14px;
    }
    
    .story-grid {
        grid-template-columns: 1fr;
    }
    
    .story-card {
        min-height: auto;
    }
    
    .module-copy h3 {
        font-size: 24px;
    }
    
    .point-list,
    #ai-generation .point-list,
    #workflow .point-list,
    #ai-process .point-list,
    #app-management .point-list,
    #instance-management .point-list {
        grid-template-columns: 1fr;
    }
}
                    .ui-title{font:600 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-small{font:500 14px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#7E8FA8}
                    .ui-value{font:500 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-light{font:600 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#FFFFFF}
                    .ui-accent{font:600 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:var(--primary)}
                  
                    .ui-title{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-small{font:500 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-value{font:500 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-light{font:500 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#FFFFFF}
                    .ui-accent{font:500 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:var(--primary)}
                  
                    .ui-title{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-small{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-value{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-light{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#FFFFFF}
                    .ui-accent{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:var(--primary)}
                    .ui-muted{font:400 14px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#7E8FA8}
                  
                    .ui-title{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-small{font:400 14px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#7E8FA8}
                    .ui-value{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-light{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#FFFFFF}
                    .ui-accent{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:var(--primary)}
                    .ui-muted{font:400 14px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#9AAAC0}
                  
                    .ui-title{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-small{font:400 14px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#7E8FA8}
                    .ui-value{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#2F3747}
                    .ui-light{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#FFFFFF}
                    .ui-accent{font:400 16px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:var(--primary)}
                    .ui-muted{font:400 14px "Source Han Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif; fill:#9AAAC0}
                  #block7{}#block7 .panel-heading{}