/* ══════ SoDebug 主按钮：// 尾巴 + 扫光（2026-10-08 第十三批）══════
   右端按 logo 的 20° 切一刀，再留一道 3px 透明缝，两道斜线合起来是 //。
   --sd-cut = 按钮高 × tan20°：44px 高 → 16px，47/48px 高 → 17px。
   必须排在 page.css / single.css / home-v6.css 后面加载。 */

.sd-cta-btn,
.sdh-btn,
.fluentform .ff-btn-submit,
#sd-search-form button,
body.page-id-1266 #sib-form button[type="submit"]{
  --sd-cut:16px; --sd-tail:5px; --sd-gap:3px;
  position:relative; overflow:hidden;
  clip-path:polygon(
    0 0,
    calc(100% - var(--sd-tail) - var(--sd-gap)) 0,
    calc(100% - var(--sd-tail) - var(--sd-gap) - var(--sd-cut)) 100%,
    calc(100% - var(--sd-tail) - var(--sd-cut)) 100%,
    calc(100% - var(--sd-tail)) 0,
    100% 0,
    calc(100% - var(--sd-cut)) 100%,
    0 100%);
  border-radius:0!important;
  font-family:var(--mono)!important; font-size:14px!important; font-weight:600!important;
  transition:background .15s,color .15s!important;
}

/* 单独的按钮：统一 44px 高。右内边距 = 左 24 + 尾巴 5 + 缝 3 + 切口一半 8，文字在橙色主体里居中 */
.sd-cta-btn,
.sdh-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 40px 0 24px; line-height:1;
}
.fluentform .ff-btn-submit{
  display:inline-flex!important; align-items:center; justify-content:center;
  height:44px!important; padding:0 40px 0 24px!important; line-height:1!important;
}

/* 挨着输入框的按钮：高度仍跟输入框（47/48px），只加右内边距。
   搜索页模板里有一段内嵌 <style> 全是 !important，所以这里用 id 选择器 #sd-search-form 提高优先级 */
#sd-search-form button{--sd-cut:17px; padding-right:37px!important}
body.page-id-1266 #sib-form button[type="submit"]{--sd-cut:17px; padding-right:39px!important}

/* 悬停：统一深橙 + 白字（联系页原来是变半透明） */
.sd-cta-btn:hover,
.sdh-btn:hover,
.fluentform .ff-btn-submit:hover,
#sd-search-form button:hover,
body.page-id-1266 #sib-form button[type="submit"]:hover{
  background:var(--accent-hover)!important; color:#fff!important; opacity:1!important;
}

/* 键盘焦点：切口会裁掉按钮外面的焦点框，改成按钮里面的一圈白线 */
.sd-cta-btn:focus-visible,
.sdh-btn:focus-visible,
.fluentform .ff-btn-submit:focus-visible,
#sd-search-form button:focus-visible,
body.page-id-1266 #sib-form button[type="submit"]:focus-visible{
  outline:none!important;
  background:var(--accent-hover)!important; color:#fff!important;
  box-shadow:inset 0 0 0 2px var(--text-bright)!important;
}

/* 扫光：悬停时一道光沿 20° 从左扫到右。
   用 ::before（Fluent Forms 提交中的进度条占用了 ::after）。
   只在有鼠标的设备上、且系统没开「减少动画」时出现。 */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .sd-cta-btn::before,
  .sdh-btn::before,
  .fluentform .ff-btn-submit::before,
  #sd-search-form button::before,
  body.page-id-1266 #sib-form button[type="submit"]::before{
    content:""; position:absolute; top:0; bottom:0; left:-40%; width:24%;
    background:linear-gradient(90deg,transparent,rgba(255,236,220,.5),transparent);
    transform:skewX(calc(-1 * var(--slant)));
    pointer-events:none;
  }
  .sd-cta-btn:hover::before,
  .sdh-btn:hover::before,
  .fluentform .ff-btn-submit:hover::before,
  #sd-search-form button:hover::before,
  body.page-id-1266 #sib-form button[type="submit"]:hover::before{
    left:120%; transition:left .5s ease;
  }
}

/* 页脚 logo 的 //：画出来的两道斜条，和页头 logo、网站图标同一形状 */
.sd-f-slash{
  display:inline-block; width:.935em; height:.96em;
  margin-right:.23em; vertical-align:-.083em;
  fill:var(--accent);
}