/* 官网按钮统一悬浮反馈：独立 scale 与页面原有 transform 可以叠加。 */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  :is(button, .btn, a[role="button"], a[class*="-button"], a[class*="-action"], a.kb-price-private-primary, a.kb-price-private-sub, input[type="button"], input[type="submit"], input[type="reset"]):not(:disabled):not(.disabled):not([aria-disabled="true"]):not(.kb-event-modal-backdrop):not(.kb-modal-select-trigger):not(.kb-float-action):not(.kb-float-top) {
    transform-origin:center center;
    scale:1;
    transition:scale 200ms ease-out, background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out, box-shadow 200ms ease-out, transform 200ms ease-out;
  }
  :is(button, .btn, a[role="button"], a[class*="-button"], a[class*="-action"], a.kb-price-private-primary, a.kb-price-private-sub, input[type="button"], input[type="submit"], input[type="reset"]):not(:disabled):not(.disabled):not([aria-disabled="true"]):not(.kb-event-modal-backdrop):not(.kb-modal-select-trigger):not(.kb-float-action):not(.kb-float-top):hover {
    scale:1.03;
  }
}

/* 公共主操作：按钮与链接共用颜色、阴影和放大反馈。 */
.kb-primary-action{display:inline-flex;align-items:center;justify-content:center;background:var(--kb-primary);color:#fff;text-decoration:none}
.kb-primary-action:hover,.kb-primary-action:focus-visible{background:color-mix(in srgb,var(--kb-primary) 86%,#000);color:#fff;text-decoration:none;box-shadow:0 6px 16px rgba(40,96,240,.20)}
.kb-primary-action:active{background:color-mix(in srgb,var(--kb-primary) 78%,#000)}


/* 全站文字型操作按钮统一胶囊圆角；图标控件与内容卡片各用自己的形状。 */
:root { --kb-action-radius:999px; }
:is(
  .kb-site-action,
  .kb-hero-button,
  .kb-record-button,
  .kb-home-plan-button,
  .kb-contact-button,
  .kb-contact-cta-actions > button,
  .kb-price-button,
  .kb-price-private-primary,
  .kb-price-private-sub,
  .kb-event-button,
  #kb-hardware-page .btn,
  #kb-product-page .btn,
  .kb-home-modal button[type="submit"],
  main button[data-kb-modal]
) {
  border-radius:var(--kb-action-radius)!important;
}

/* 全站营销操作按钮共用悬浮色与文字翻滚。 */
.kb-hover-roll{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.kb-hover-roll .kb-action-roll{display:inline-flex;height:1.4em;overflow:hidden;line-height:1.4;white-space:pre}
.kb-hover-roll .kb-action-letter{position:relative;display:inline-block;height:1.4em;line-height:1.4;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.kb-hover-roll .kb-action-letter::after{content:attr(data-letter);position:absolute;top:100%;left:0;color:inherit}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .kb-hover-primary:not(:disabled):hover{background:#255ed6!important;border-color:#255ed6!important;color:#fff!important;filter:none!important;box-shadow:0 6px 16px rgba(40,96,240,.20)!important;text-decoration:none!important}
 .kb-hover-outline:not(:disabled):hover{background:#f3f7ff!important;border-color:var(--kb-primary)!important;color:var(--kb-primary)!important;filter:none!important;box-shadow:0 6px 16px rgba(47,100,190,.10)!important;text-decoration:none!important}
 .kb-hover-inverse:hover{background:#edf4ff!important;border-color:#edf4ff!important;color:var(--kb-primary)!important;filter:none!important;text-decoration:none!important}
 .kb-hover-inverse-outline:hover{background:rgba(255,255,255,.14)!important;border-color:#fff!important;color:#fff!important;filter:none!important;text-decoration:none!important}
 .kb-hover-roll:not(:disabled):hover .kb-action-letter{transform:translateY(-100%)}
}
@media(prefers-reduced-motion:reduce){.kb-hover-roll .kb-action-letter{transition:none!important}}