/* Css for , Version=1790085789 */
 .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{}:root {
      --accent: #2265f0;
      --accent-strong: #145bcc;
      --accent-soft: rgba(34, 101, 240, 0.08);
      --accent-soft-strong: rgba(34, 101, 240, 0.16);
      --ink-strong: #0c2243;
      --ink: #39485d;
      --ink-soft: #5a6d88;
      --line: rgba(220, 229, 241, 0.92);
      --line-strong: #c0c7d1;
      --panel: rgba(255, 255, 255, 0.92);
      --panel-strong: rgba(255, 255, 255, 0.98);
      --panel-tint: #f8fafd;
      --bg-top: #f6f8fa;
      --bg-mid: #f6f8fa;
      --bg-bottom: #ffffff;
      --success: #0e8b63;
      --warning: #b86a11;
      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
      --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.12);
      --radius-sm: 8px;
      --radius-md: 12px;
      --radius-lg: 16px;
      --font-sans: "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
      --font-display: "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
      --font-mono: "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
    }

    .plan-cta:focus-visible {
      outline: none;
      box-shadow: 0 0 0 4px rgba(34, 101, 240, 0.18);
    }
    .plan-cta:hover, .plan-cta:focus {
        color: #fff;
    }

    .hero {
      padding: 24px 0;
    }

    .hero-shell {
      display: grid;
      gap: 8px;
      justify-items: center;
      text-align: center;
      align-content: center;
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
    }

    .hero-copy h1 {
      margin: 0;
      margin-inline: auto;
      color: var(--ink-strong);
      font-family: var(--font-display);
      max-width: none;
      font-size: 40px;
      line-height: 54px;
      letter-spacing: -0.02em;
      font-weight: 700;
      text-wrap: balance;
    }

    .hero-note {
      margin: 8px auto 0;
      max-width: 960px;
      color: var(--ink-soft);
      font-size: 16px;
      line-height: 32px;
      font-weight: 400;
      text-align: center;
    }

    .hero-copy {
      width: min(960px, 100%);
      margin: 0 auto;
      text-align: center;
    }

    .section {
      padding: 20px 0 40px;
    }

    .section-header {
      display: grid;
      gap: 12px;
      justify-items: center;
      text-align: center;
      margin-bottom: 24px;
    }

    .section-header h2 {
      margin: 0 auto;
      color: var(--ink-strong);
      font-size: 30px;
      line-height: 42px;
      letter-spacing: -0.04em;
      font-weight: 700;
      text-wrap: balance;
    }

    .section-header p {
      margin: 0 auto;
      max-width: 960px;
      color: var(--ink-soft);
      font-size: 14px;
      line-height: 22px;
      text-align: center;
    }

    .pricing-board {
      padding: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .pricing-board-head {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-bottom: 24px;
    }

    .billing-tabs {
      display: inline-grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
      padding: 4px;
      border-radius: 999px;
      background: #eef3f9;
      border: 1px solid #e6ecf8;
    }

    .billing-tab {
      min-width: 112px;
      min-height: 40px;
      padding: 0 16px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: var(--ink-soft);
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
    }

    .billing-tab:hover {
      color: var(--ink-strong);
      transform: translateY(-1px);
    }

    .billing-tab.is-active {
      background: var(--accent);
      color: #ffffff;
      box-shadow: 0 4px 12px rgba(34, 101, 240, 0.18);
    }

    .tab-panel {
      display: none;
    }

    .tab-panel.is-active {
      display: block;
    }

    .compare-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      align-items: stretch;
      width: min(1200px, 100%);
      margin: 0 auto;
    }

    .compare-card {
      position: relative;
      display: grid;
      gap: 16px;
      grid-template-rows: auto auto auto 1fr auto auto;
      padding: 40px;
      border-radius: 16px;
      background: #ffffff;
      border: 1px solid #e6ecf8;
      box-shadow: none;
      overflow: hidden;
    }

    .compare-card::before {
      content: none;
    }

    .compare-card:hover {
      background: linear-gradient(180deg, #edf4ff 0%, #f7fbff 100%);
      border-color: #0c2243;
      box-shadow: inset 0 0 0 1px rgba(12, 34, 67, 0.14);
    }
    
    .compare-card:first-child:hover {
        border-color: var(--accent);
    }
    .compare-card:nth-child(2):hover {
        border-color: #FF7B64;
    }

    .compare-card:last-child .card-version,
    .compare-card:last-child .card-price,
    .compare-card:last-child .card-section h4,
    .compare-card:last-child .card-facts li,
    .compare-card:last-child .card-section p {
      color: var(--ink-strong);
    }

    .card-head {
      display: block;
      margin: -40px -40px 10px;
      padding: 24px 40px 22px;
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
    }

    .card-version {
      margin: 0;
    }

    .card-version-badge {
      display: inline-block;
      padding: 0;
      background: transparent;
      color: #ffffff;
      font-size: 24px;
      line-height: 36px;
      font-weight: 700;
      letter-spacing: 0.01em;
    }

    .compare-card:last-child .card-head {
      background: #0c2243;
    }

    .compare-card:last-child .card-version-badge {
      color: #ffffff;
    }

    /* 专业版 —— 暖金色主题（参考禅道旗舰版） */
    .compare-card.is-pro .card-head {
      background: #FF7B64;
    }

    .compare-card.is-pro .card-version-badge {
      color: #ffffff;
    }

    .compare-card.is-pro .card-head .card-subtle {
      color: rgba(255, 255, 255, 0.84);
    }

    .compare-card.is-pro .card-facts li::before {
      background: #FF7B64;
    }

    .compare-card.is-pro .plan-cta {
      background: #FF7B64;
      box-shadow: 0 4px 12px rgba(245, 166, 35, 0.18);
    }

    .compare-card.is-pro .plan-cta:hover {
      box-shadow: 0 8px 16px rgba(245, 166, 35, 0.26);
    }

    .card-price {
      color: var(--ink-strong);
      font-family: var(--font-display);
      font-size: 36px;
      line-height: 1;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      letter-spacing: -0.03em;
    }

    .card-price small {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
    }

    .card-subtle {
      margin-top: 8px;
      color: var(--ink-soft);
      font-size: 14px;
      line-height: 22px;
    }

    .card-head .card-subtle {
      margin-top: 8px;
      color: rgba(255, 255, 255, 0.82);
      font-size: 16px;
    }

    .compare-card:last-child .card-head .card-subtle {
      color: rgba(255, 255, 255, 0.84);
    }

    .card-section {
      display: grid;
      gap: 8px;
    }

    .card-section h4 {
      margin: 0;
      color: var(--ink-strong);
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
    }

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

    .service-price {
      font-family: var(--font-display);
      color: var(--ink-soft);
      font-size: 14px;
      line-height: 22px;
      font-weight: 400;
      font-variant-numeric: tabular-nums;
      letter-spacing: 0;
    }

    .service-price-number {
      color: var(--ink-strong);
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    .plan-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 12px;
      min-height: 48px;
      padding: 0 18px;
      border-radius: 14px;
      background: var(--accent);
      color: #ffffff;
      font-size: 14px;
      font-variant-numeric: tabular-nums;
      box-shadow: 0 4px 12px rgba(34, 101, 240, 0.18);
      transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
      width: 100%;
      text-align: center;
    }

    .plan-cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 8px 16px rgba(34, 101, 240, 0.22);
      filter: saturate(1.04);
    }

    .plan-cta:active {
      transform: translateY(1px) scale(0.99);
    }

    .compare-card:last-child .plan-cta {
      background: #0c2243;
      color: #ffffff;
      box-shadow: 0 4px 12px rgba(12, 34, 67, 0.18);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .compare-card:last-child .plan-cta:hover {
      box-shadow: 0 8px 16px rgba(12, 34, 67, 0.26);
    }

    .card-facts {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .card-facts li {
      position: relative;
      padding-left: 18px;
      color: var(--ink);
      font-size: 14px;
      line-height: 22px;
    }

    .card-facts li::before {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--accent);
    }

    .compare-card:last-child .card-facts li::before {
      background: #0c2243;
    }

    .pricing-table-shell {
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(220, 229, 241, 0.92);
      box-shadow: var(--shadow-sm);
      overflow: hidden;
    }

    .table-scroll {
      overflow-x: auto;
    }

    .pricing-table {
      width: 100%;
      min-width: 980px;
      border-collapse: separate;
      border-spacing: 0;
    }

    .pricing-table th,
    .pricing-table td {
      padding: 18px 20px;
      vertical-align: top;
      border-bottom: 1px solid var(--line);
    }

    .pricing-table thead th {
      background: rgba(248, 251, 255, 0.98);
      color: var(--ink-strong);
      font-size: 14px;
      line-height: 22px;
      font-weight: 700;
      text-align: left;
      box-shadow: inset 0 -1px 0 var(--line);
    }

    .pricing-table thead th:last-child {
      min-width: 420px;
    }

    .pricing-table tbody tr:last-child td {
      border-bottom: 0;
    }

    .group-col {
      width: 220px;
      color: var(--ink-strong);
      font-size: 14px;
      line-height: 22px;
      font-weight: 500;
      background: rgba(250, 252, 255, 0.94);
    }

    .feature-name {
      width: 260px;
      color: var(--ink-strong);
      font-size: 14px;
      line-height: 22px;
      font-weight: 500;
      background: rgba(255, 255, 255, 0.9);
    }

    .feature-value {
      color: var(--ink);
      font-size: 14px;
      line-height: 24px;
      background: rgba(255, 255, 255, 0.96);
    }

    @media (max-width: 1180px) {
      .compare-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 860px) {
      .hero {
        padding-top: 8px;
      }

      .hero-shell {
        gap: 12px;
      }

      .compare-grid {
        grid-template-columns: 1fr;
      }

    }

    @media (max-width: 640px) {
      .hero-copy h1 {
        max-width: none;
        font-size: 32px;
        line-height: 40px;
      }

      .billing-tabs {
        width: 100%;
      }

      .billing-tab {
        min-width: 0;
      }

      .hero-note {
        font-size: 15px;
        line-height: 24px;
      }

    }#block7{}#block7 .panel-heading{}