/* ============================================================
   KonaCloud · 全站公共骨架（吸顶导航 + 页脚） · 企业云 UI
   ============================================================ */
:root{
  --kc-primary:#2563eb; --kc-primary-d:#1d4ed8; --kc-primary-l:#3b82f6;
  --kc-ink:#0f172a; --kc-text:#334155; --kc-muted:#64748b;
  --kc-line:#eef2f7; --kc-border:#e6ebf2; --kc-bg-soft:#f7f9fc;
  /* ── 流体布局 token ──
     --kc-max：内容容器最大宽度，常规桌面保持 1200，2K/4K 渐进放宽（见底部大屏断点）
     --kc-gutter：区块左右安全边距，随屏幕平滑收放（小屏不挤、大屏不贴边） */
  --kc-max:1200px;
  --kc-gutter:clamp(16px, 3.2vw, 40px);
}

/* ---------- 吸顶白底导航 ---------- */
#support .head,#download .head,#home .head,#partner .head,#product .head,#shreg .head{
  position:sticky; top:0; z-index:100;
  width:100%; height:64px; margin:0;
  padding:0 max(var(--kc-gutter),calc((100% - var(--kc-max)) / 2));
  box-sizing:border-box; display:flex; align-items:center;
  background:rgba(255,255,255,0.82);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--kc-line);
  box-shadow:0 1px 2px rgba(15,23,42,0.05);
}
#support .head .left,#download .head .left,#home .head .left,#partner .head .left,#product .head .left,#shreg .head .left{
  flex:0 0 auto; display:flex; align-items:center;
}
/* 中部菜单：自适应占位、居中 */
#support .head .right.x-flex-1,#download .head .right.x-flex-1,#home .head .right.x-flex-1,#partner .head .right.x-flex-1,#product .head .right.x-flex-1,#shreg .head .right.x-flex-1{
  display:flex; align-items:center;
}
#support .head .el-menu,#download .head .el-menu,#home .head .el-menu,#partner .head .el-menu,#product .head .el-menu,#shreg .head .el-menu{
  background-color:transparent !important; border:none !important; height:64px;
}
#support .head .el-menu.el-menu--horizontal,#download .head .el-menu.el-menu--horizontal,#home .head .el-menu.el-menu--horizontal,#partner .head .el-menu.el-menu--horizontal,#product .head .el-menu.el-menu--horizontal,#shreg .head .el-menu.el-menu--horizontal{
  border:none !important;
}
#support .head .el-menu-item,#download .head .el-menu-item,#home .head .el-menu-item,#partner .head .el-menu-item,#product .head .el-menu-item,#shreg .head .el-menu-item{
  height:64px !important; line-height:64px !important;
  background-color:transparent !important; border-bottom:none !important;
  padding:0 22px !important;
}
#support .head .el-menu-item span,#download .head .el-menu-item span,#home .head .el-menu-item span,#partner .head .el-menu-item span,#product .head .el-menu-item span,#shreg .head .el-menu-item span{
  color:var(--kc-text) !important; font-size:15px; font-weight:500;
  transition:color .2s ease; position:relative;
}
#support .head .el-menu-item:hover span,#download .head .el-menu-item:hover span,#home .head .el-menu-item:hover span,#partner .head .el-menu-item:hover span,#product .head .el-menu-item:hover span,#shreg .head .el-menu-item:hover span{
  color:var(--kc-primary) !important;
}
#support .head .el-menu-item.is-active span,#download .head .el-menu-item.is-active span,#home .head .el-menu-item.is-active span,#partner .head .el-menu-item.is-active span,#product .head .el-menu-item.is-active span,#shreg .head .el-menu-item.is-active span{
  color:var(--kc-ink) !important; font-weight:600;
}
/* 选中态下划线指示器 */
#support .head .el-menu-item.is-active span::after,#download .head .el-menu-item.is-active span::after,#home .head .el-menu-item.is-active span::after,#partner .head .el-menu-item.is-active span::after,#product .head .el-menu-item.is-active span::after,#shreg .head .el-menu-item.is-active span::after{
  content:''; position:absolute; left:50%; transform:translateX(-50%);
  bottom:-21px; width:24px; height:3px; border-radius:3px;
  background:var(--kc-primary);
}

/* ---------- 右侧操作按钮 ---------- */
#support .head .right.x-row-between,#download .head .right.x-row-between,#home .head .right.x-row-between,#partner .head .right.x-row-between,#product .head .right.x-row-between,#shreg .head .right.x-row-between{
  flex:0 0 auto; display:flex; align-items:center; gap:10px; justify-content:flex-end;
}
#support .head .right .login-btn,#download .head .right .login-btn,#home .head .right .login-btn,#partner .head .right .login-btn,#product .head .right .login-btn,#shreg .head .right .login-btn{
  flex:0 0 auto !important; min-width:0 !important;
  height:38px; padding:0 16px; margin:0;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; font-size:14px; font-weight:500; cursor:pointer;
  border:1px solid var(--kc-border); background:#fff; color:var(--kc-text) !important;
  transition:all .22s ease; white-space:nowrap;
}
#support .head .right .login-btn .c-f,#download .head .right .login-btn .c-f,#home .head .right .login-btn .c-f,#partner .head .right .login-btn .c-f,#product .head .right .login-btn .c-f,#shreg .head .right .login-btn .c-f{
  color:var(--kc-text) !important;
}
#support .head .right .login-btn:hover,#download .head .right .login-btn:hover,#home .head .right .login-btn:hover,#partner .head .right .login-btn:hover,#product .head .right .login-btn:hover,#shreg .head .right .login-btn:hover{
  border-color:#bcd0f7; color:var(--kc-primary) !important; background:#f5f8ff;
  transform:translateY(-1px); box-shadow:0 4px 12px rgba(37,99,235,0.10);
}
#support .head .right .login-btn:hover .c-f,#download .head .right .login-btn:hover .c-f,#home .head .right .login-btn:hover .c-f,#partner .head .right .login-btn:hover .c-f,#product .head .right .login-btn:hover .c-f,#shreg .head .right .login-btn:hover .c-f{
  color:var(--kc-primary) !important;
}
/* 主按钮（免费注册）—— 内联 background-color 用 .head 作用域覆盖 */
#support .head .right .login-btn.btn-cta,#download .head .right .login-btn.btn-cta,#home .head .right .login-btn.btn-cta,#partner .head .right .login-btn.btn-cta,#product .head .right .login-btn.btn-cta,#shreg .head .right .login-btn.btn-cta{
  background:linear-gradient(135deg,var(--kc-primary),var(--kc-primary-l)) !important;
  border-color:transparent !important; color:#fff !important;
  box-shadow:0 6px 16px rgba(37,99,235,0.28);
}
#support .head .right .login-btn.btn-cta span,#download .head .right .login-btn.btn-cta span,#home .head .right .login-btn.btn-cta span,#partner .head .right .login-btn.btn-cta span,#product .head .right .login-btn.btn-cta span,#shreg .head .right .login-btn.btn-cta span{
  color:#fff !important;
}
#support .head .right .login-btn.btn-cta:hover,#download .head .right .login-btn.btn-cta:hover,#home .head .right .login-btn.btn-cta:hover,#partner .head .right .login-btn.btn-cta:hover,#product .head .right .login-btn.btn-cta:hover,#shreg .head .right .login-btn.btn-cta:hover{
  transform:translateY(-1px); box-shadow:0 10px 22px rgba(37,99,235,0.36);
  background:linear-gradient(135deg,var(--kc-primary-d),var(--kc-primary)) !important;
}
/* 导航图标随白底反色 */
#support .head .top-icon,#download .head .top-icon,#home .head .top-icon,#partner .head .top-icon,#product .head .top-icon,#shreg .head .top-icon{
  opacity:.8;
  /* 矢量图标流体缩放（导航处保持克制：14→18px） */
  height:clamp(14px,1.2vw,18px); width:auto;
}
/* 导航 Logo 流体缩放（28→36px，覆盖各页内联 .logo-ref 固定值） */
#support .head .left img.logo-ref,#download .head .left img.logo-ref,#home .head .left img.logo-ref,#partner .head .left img.logo-ref,#product .head .left img.logo-ref,#shreg .head .left img.logo-ref{
  height:clamp(26px,2.2vw,36px); width:auto;
}

/* ============================================================
   页脚（深色，全站共用）
   ============================================================ */
#support .footer,#download .footer,#home .footer,#partner .footer,#product .footer,#shreg .footer{
  width:100%; min-width:0; background:#0b1220; color:#fff;
  position:relative; overflow:hidden; border-top:1px solid rgba(255,255,255,0.06);
}
#support .footer::before,#download .footer::before,#home .footer::before,#partner .footer::before,#product .footer::before,#shreg .footer::before{
  content:''; position:absolute; top:-30%; left:50%; transform:translateX(-50%);
  width:900px; height:480px; pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(37,99,235,0.16), transparent 65%);
}
#support .footer > *,#download .footer > *,#home .footer > *,#partner .footer > *,#product .footer > *,#shreg .footer > *{
  position:relative; z-index:1;
}
#support .footer-inner,#download .footer-inner,#home .footer-inner,#partner .footer-inner,#product .footer-inner,#shreg .footer-inner{
  max-width:var(--kc-max); margin:0 auto;
  padding:clamp(40px,5vw,72px) var(--kc-gutter) clamp(28px,3vw,44px);
  display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr 0.9fr; gap:clamp(24px,2.6vw,40px);
}
#support .footer-logo,#download .footer-logo,#home .footer-logo,#partner .footer-logo,#product .footer-logo,#shreg .footer-logo{ margin-bottom:16px; }
#support .footer-logo img,#download .footer-logo img,#home .footer-logo img,#partner .footer-logo img,#product .footer-logo img,#shreg .footer-logo img{ filter:brightness(0) invert(1); opacity:.96; }
#support .footer-desc,#download .footer-desc,#home .footer-desc,#partner .footer-desc,#product .footer-desc,#shreg .footer-desc{
  font-size:13px; color:rgba(255,255,255,0.55); line-height:1.85; margin-bottom:20px; max-width:300px;
}
#support .footer-social,#download .footer-social,#home .footer-social,#partner .footer-social,#product .footer-social,#shreg .footer-social{ display:flex; flex-direction:column; gap:8px; }
#support .footer-social-link,#download .footer-social-link,#home .footer-social-link,#partner .footer-social-link,#product .footer-social-link,#shreg .footer-social-link{
  font-size:13px !important; line-height:1.7 !important; color:rgba(255,255,255,0.72) !important;
}
#support .footer-social-link:hover,#download .footer-social-link:hover,#home .footer-social-link:hover,#partner .footer-social-link:hover,#product .footer-social-link:hover,#shreg .footer-social-link:hover{ color:#93c5fd !important; }
#support .footer-col h4,#download .footer-col h4,#home .footer-col h4,#partner .footer-col h4,#product .footer-col h4,#shreg .footer-col h4{
  font-size:14px; font-weight:600; color:#fff; margin-bottom:18px; letter-spacing:.5px;
}
#support .footer-col a,#download .footer-col a,#home .footer-col a,#partner .footer-col a,#product .footer-col a,#shreg .footer-col a{
  display:block; color:rgba(255,255,255,0.58); font-size:13.5px; line-height:2.3; text-decoration:none; transition:color .2s, transform .2s;
}
#support .footer-col a:hover,#download .footer-col a:hover,#home .footer-col a:hover,#partner .footer-col a:hover,#product .footer-col a:hover,#shreg .footer-col a:hover{ color:#93c5fd; transform:translateX(2px); }
#support .footer-svc-item,#download .footer-svc-item,#home .footer-svc-item,#partner .footer-svc-item,#product .footer-svc-item,#shreg .footer-svc-item{
  font-size:13px; color:rgba(255,255,255,0.58); line-height:2.3; display:flex; align-items:center; gap:8px;
}
#support .svc-dot,#download .svc-dot,#home .svc-dot,#partner .svc-dot,#product .svc-dot,#shreg .svc-dot{
  width:5px; height:5px; border-radius:50%; background:var(--kc-primary-l); display:inline-block; flex-shrink:0; box-shadow:0 0 6px rgba(59,130,246,0.6);
}
#support .footer-bottom,#download .footer-bottom,#home .footer-bottom,#partner .footer-bottom,#product .footer-bottom,#shreg .footer-bottom{
  border-top:1px solid rgba(255,255,255,0.08); max-width:var(--kc-max); margin:0 auto;
  padding:22px var(--kc-gutter); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-size:13px; color:rgba(255,255,255,0.42);
}
#support .footer-bottom a,#download .footer-bottom a,#home .footer-bottom a,#partner .footer-bottom a,#product .footer-bottom a,#shreg .footer-bottom a{ color:rgba(255,255,255,0.5); text-decoration:none; }
#support .footer-bottom a:hover,#download .footer-bottom a:hover,#home .footer-bottom a:hover,#partner .footer-bottom a:hover,#product .footer-bottom a:hover,#shreg .footer-bottom a:hover{ color:#93c5fd; }

/* ============================================================
   响应式
   ============================================================ */
/* 汉堡菜单按钮（桌面端隐藏） */
#support .hamburger-toggle,#download .hamburger-toggle,#home .hamburger-toggle,#partner .hamburger-toggle,#product .hamburger-toggle,#shreg .hamburger-toggle{
  display:none; background:none; border:none; cursor:pointer; padding:8px;
  font-size:22px; color:var(--kc-text); line-height:1;
  border-radius:8px; transition:background .2s;
}
#support .hamburger-toggle:hover,#download .hamburger-toggle:hover,#home .hamburger-toggle:hover,#partner .hamburger-toggle:hover,#product .hamburger-toggle:hover,#shreg .hamburger-toggle:hover{
  background:var(--kc-bg-soft);
}
/* 移动端下拉导航面板 */
.mobile-nav-panel{
  display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99;
  background:rgba(15,23,42,0.5);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.mobile-nav-panel.open{display:block;}
.mobile-nav-panel .mobile-nav-inner{
  position:absolute; top:0; left:0; right:0;
  background:#fff; border-radius:0 0 18px 18px;
  box-shadow:0 20px 50px rgba(15,23,42,0.25);
  padding:16px 16px 24px; animation:slideDown .25s ease;
}
@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}
.mobile-nav-panel .mobile-nav-close{
  display:flex; justify-content:flex-end; margin-bottom:8px;
}
.mobile-nav-panel .mobile-nav-close button{
  background:none; border:none; font-size:22px; cursor:pointer; color:var(--kc-muted);
  padding:4px 8px; border-radius:6px; line-height:1;
}
.mobile-nav-panel .mobile-nav-close button:hover{background:var(--kc-bg-soft);}
.mobile-nav-panel a{
  display:flex; align-items:center; padding:12px 16px; border-radius:10px;
  font-size:16px; font-weight:500; color:var(--kc-text); text-decoration:none;
  transition:background .2s; margin-bottom:2px;
}
.mobile-nav-panel a:hover,.mobile-nav-panel a.active{background:var(--kc-bg-soft);color:var(--kc-primary);font-weight:600;}

@media (max-width:991px){
  #support .head,#download .head,#home .head,#partner .head,#product .head,#shreg .head{
    height:auto; flex-wrap:wrap; row-gap:8px; padding:10px 16px;
  }
  #support .head .left,#download .head .left,#home .head .left,#partner .head .left,#product .head .left,#shreg .head .left{ order:1; }
  #support .head .right.x-row-between,#download .head .right.x-row-between,#home .head .right.x-row-between,#partner .head .right.x-row-between,#product .head .right.x-row-between,#shreg .head .right.x-row-between{ order:2; margin-left:auto; }
  #support .head .right.x-flex-1,#download .head .right.x-flex-1,#home .head .right.x-flex-1,#partner .head .right.x-flex-1,#product .head .right.x-flex-1,#shreg .head .right.x-flex-1{ order:3; width:100%; flex:1 1 100% !important; overflow-x:auto; }
  #support .head .el-menu-item,#download .head .el-menu-item,#home .head .el-menu-item,#partner .head .el-menu-item,#product .head .el-menu-item,#shreg .head .el-menu-item{ height:46px !important; line-height:46px !important; padding:0 14px !important; }
  #support .head .el-menu,#download .head .el-menu,#home .head .el-menu,#partner .head .el-menu,#product .head .el-menu,#shreg .head .el-menu{ height:46px; }
  #support .head .el-menu-item.is-active span::after,#download .head .el-menu-item.is-active span::after,#home .head .el-menu-item.is-active span::after,#partner .head .el-menu-item.is-active span::after,#product .head .el-menu-item.is-active span::after,#shreg .head .el-menu-item.is-active span::after{ bottom:-14px; }
  #support .head .right .login-btn,#download .head .right .login-btn,#home .head .right .login-btn,#partner .head .right .login-btn,#product .head .right .login-btn,#shreg .head .right .login-btn{ height:34px; padding:0 12px; font-size:13px; }
  #support .footer-inner,#download .footer-inner,#home .footer-inner,#partner .footer-inner,#product .footer-inner,#shreg .footer-inner{ grid-template-columns:1fr 1fr; gap:28px; padding:48px 20px 32px; }
}
@media (max-width:767px){
  /* 移动端：显示汉堡菜单，隐藏横向导航 */
  #support .hamburger-toggle,#download .hamburger-toggle,#home .hamburger-toggle,#partner .hamburger-toggle,#product .hamburger-toggle,#shreg .hamburger-toggle{
    display:flex; align-items:center; justify-content:center;
  }
  #support .head .right.x-flex-1,#download .head .right.x-flex-1,#home .head .right.x-flex-1,#partner .head .right.x-flex-1,#product .head .right.x-flex-1,#shreg .head .right.x-flex-1{ display:none !important; }
  /* 调整 header 布局为一行：logo + 按钮 + 汉堡 */
  #support .head,#download .head,#home .head,#partner .head,#product .head,#shreg .head{
    flex-wrap:nowrap !important; row-gap:0; padding:8px 12px; height:52px;
    justify-content:flex-start; gap:8px;
  }
  #support .head .left,#download .head .left,#home .head .left,#partner .head .left,#product .head .left,#shreg .head .left{ order:1; flex:0 0 auto; }
  #support .head .left img.logo-ref,#download .head .left img.logo-ref,#home .head .left img.logo-ref,#partner .head .left img.logo-ref,#product .head .left img.logo-ref,#shreg .head .left img.logo-ref{ height:26px; }
  #support .head .right.x-row-between,#download .head .right.x-row-between,#home .head .right.x-row-between,#partner .head .right.x-row-between,#product .head .right.x-row-between,#shreg .head .right.x-row-between{
    order:2; margin-left:auto; flex:1 1 auto !important; justify-content:flex-end; gap:6px;
  }
  #support .head .right .login-btn,#download .head .right .login-btn,#home .head .right .login-btn,#partner .head .right .login-btn,#product .head .right .login-btn,#shreg .head .right .login-btn{
    height:30px; padding:0 10px; font-size:11px; border-radius:6px;
  }
  #support .head .right .login-btn span,#download .head .right .login-btn span,#home .head .right .login-btn span,#partner .head .right .login-btn span,#product .head .right .login-btn span,#shreg .head .right .login-btn span{ font-size:11px; }
  #support .head .right .login-btn .top-icon,#download .head .right .login-btn .top-icon,#home .head .right .login-btn .top-icon,#partner .head .right .login-btn .top-icon,#product .head .right .login-btn .top-icon,#shreg .head .right .login-btn .top-icon{ height:13px; margin-right:3px; }
  #support .head .right .login-btn.btn-cta,#download .head .right .login-btn.btn-cta,#home .head .right .login-btn.btn-cta,#partner .head .right .login-btn.btn-cta,#product .head .right .login-btn.btn-cta,#shreg .head .right .login-btn.btn-cta{ padding:0 12px; }
  #support .footer-inner,#download .footer-inner,#home .footer-inner,#partner .footer-inner,#product .footer-inner,#shreg .footer-inner{ grid-template-columns:1fr; gap:24px; padding:40px 16px 28px; }
  #support .footer-bottom,#download .footer-bottom,#home .footer-bottom,#partner .footer-bottom,#product .footer-bottom,#shreg .footer-bottom{ flex-direction:column; gap:6px; text-align:center; justify-content:center; padding:18px 16px; }
}
@media (max-width:480px){
  /* 极小屏：进一步缩小按钮，隐藏合作伙伴登录文字 */
  #support .head,#download .head,#home .head,#partner .head,#product .head,#shreg .head{ padding:6px 10px; height:46px; gap:4px; }
  #support .head .left img.logo-ref,#download .head .left img.logo-ref,#home .head .left img.logo-ref,#partner .head .left img.logo-ref,#product .head .left img.logo-ref,#shreg .head .left img.logo-ref{ height:22px; }
  #support .head .right.x-row-between,#download .head .right.x-row-between,#home .head .right.x-row-between,#partner .head .right.x-row-between,#product .head .right.x-row-between,#shreg .head .right.x-row-between{ gap:4px; }
  #support .head .right .login-btn,#download .head .right .login-btn,#home .head .right .login-btn,#partner .head .right .login-btn,#product .head .right .login-btn,#shreg .head .right .login-btn{
    height:28px; padding:0 8px; font-size:10px; border-radius:5px;
  }
  #support .head .right .login-btn span,#download .head .right .login-btn span,#home .head .right .login-btn span,#partner .head .right .login-btn span,#product .head .right .login-btn span,#shreg .head .right .login-btn span{ font-size:10px; }
  #support .head .right .login-btn.btn-cta,#download .head .right .login-btn.btn-cta,#home .head .right .login-btn.btn-cta,#partner .head .right .login-btn.btn-cta,#product .head .right .login-btn.btn-cta,#shreg .head .right .login-btn.btn-cta{ padding:0 10px; }
  /* 隐藏合作伙伴登录的文字，仅保留图标 */
  #support .head .right .login-btn:first-child span,#download .head .right .login-btn:first-child span,#home .head .right .login-btn:first-child span,#partner .head .right .login-btn:first-child span,#product .head .right .login-btn:first-child span,#shreg .head .right .login-btn:first-child span{ display:none; }
  #support .head .right .login-btn:first-child .top-icon,#download .head .right .login-btn:first-child .top-icon,#home .head .right .login-btn:first-child .top-icon,#partner .head .right .login-btn:first-child .top-icon,#product .head .right .login-btn:first-child .top-icon,#shreg .head .right .login-btn:first-child .top-icon{ margin-right:0; height:15px; }
  #support .head .right .login-btn:first-child,#download .head .right .login-btn:first-child,#home .head .right .login-btn:first-child,#partner .head .right .login-btn:first-child,#product .head .right .login-btn:first-child,#shreg .head .right .login-btn:first-child{ min-width:0 !important; padding:0 8px; }
}

/* ============================================================
   大屏适配（2K / 4K）：放宽内容容器，避免大显示器上内容挤在中央 1200px 小岛
   仅调整容器宽度与导航字号，不改版式结构
   ============================================================ */
/* 常规笔记本 / 桌面小屏（1200–1919）保持设计稿 1200，下面逐级放宽 */
@media (min-width:1920px){
  :root{ --kc-max:1480px; }
  #support .head .el-menu-item span,#download .head .el-menu-item span,#home .head .el-menu-item span,#partner .head .el-menu-item span,#product .head .el-menu-item span,#shreg .head .el-menu-item span{ font-size:16px; }
  #support .head .right .login-btn,#download .head .right .login-btn,#home .head .right .login-btn,#partner .head .right .login-btn,#product .head .right .login-btn,#shreg .head .right .login-btn{ height:42px; font-size:15px; }
}
@media (min-width:2560px){
  :root{ --kc-max:1760px; }
}
@media (min-width:3440px){
  :root{ --kc-max:2200px; }
}