/* 右侧固定客服栏，样式对齐云大哥 clouddage.com 的 wk-kf。 */
.wk-kf{--kf-navy:#141C2B;--kf-rust:#B4421A;--kf-rust-d:#9A3713;--kf-muted:#6B655A;--kf-line:#E4DED2;--kf-border:#CFC8BA;--kf-ease:cubic-bezier(.22,1,.36,1);position:fixed;right:20px;top:58%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:inherit}
.wk-kf svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wk-kf-rail{width:70px;background:var(--kf-navy);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px -14px rgba(20,28,43,.55)}
.wk-kf-it{position:relative}
.wk-kf-b,.wk-kf-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:10px 0 9px;border:0;border-radius:9px;background:transparent;color:#fff;font:inherit;font-size:12px;line-height:1.2;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .25s var(--kf-ease)}
.wk-kf-b:hover,.wk-kf-it.open .wk-kf-b{background:rgba(255,255,255,.08)}
.wk-kf-b.is-hot,.wk-kf-it.open .wk-kf-b.is-hot{background:var(--kf-rust)}
.wk-kf-b.is-hot:hover{background:var(--kf-rust-d)}
.wk-kf-top{width:70px;background:var(--kf-navy);border-radius:12px;box-shadow:0 12px 30px -14px rgba(20,28,43,.55);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .35s var(--kf-ease),transform .35s var(--kf-ease),background .25s}
.wk-kf-top.on{opacity:1;pointer-events:auto;transform:none}
.wk-kf-top:hover{background:#1F2A3D}
.wk-kf-b:focus-visible,.wk-kf-top:focus-visible,.wk-kf-p:focus-visible,.wk-kf-o:focus-visible{outline:2px solid var(--kf-rust);outline-offset:2px}
.wk-kf-pop{position:absolute;right:calc(100% + 18px);top:50%;width:208px;background:#fff;border:1px solid var(--kf-line);border-radius:10px;padding:16px 16px 14px;box-shadow:0 16px 40px -18px rgba(20,28,43,.35);opacity:0;visibility:hidden;pointer-events:none;transform:translate(6px,-50%);transition:opacity .25s var(--kf-ease),transform .3s var(--kf-ease),visibility 0s .3s}
.wk-kf-pop::after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;background:#fff;border-right:1px solid var(--kf-line);border-top:1px solid var(--kf-line);transform:translateY(-50%) rotate(45deg)}
.wk-kf-pop::before{content:"";position:absolute;left:100%;top:0;bottom:0;width:20px}
.wk-kf-it.open .wk-kf-pop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);transition:opacity .25s var(--kf-ease),transform .3s var(--kf-ease),visibility 0s}
.wk-kf-t{display:block;font-size:14px;font-weight:600;color:var(--kf-navy)}
.wk-kf-v{display:block;margin:6px 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:600;color:var(--kf-rust);background:none;padding:0;word-break:break-all}
.wk-kf-acts{display:flex;gap:8px}
.wk-kf-p,.wk-kf-o{flex:1;display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:4px;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.wk-kf-p{background:var(--kf-rust);color:#fff;border:1px solid var(--kf-rust)}
.wk-kf-p:hover{background:var(--kf-rust-d);border-color:var(--kf-rust-d);color:#fff}
.wk-kf-o{background:#fff;color:var(--kf-navy);border:1px solid var(--kf-border)}
.wk-kf-o:hover{border-color:var(--kf-rust);color:var(--kf-rust)}
.wk-kf-o.ok{border-color:#2f7d4a;color:#2f7d4a}
.wk-kf-n{display:block;margin-top:10px;font-size:12px;color:var(--kf-muted)}
.floating-contact{display:none!important}
@media (max-width:720px){
.wk-kf{right:10px;top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:none;gap:6px}
.wk-kf-rail{width:48px;padding:4px;border-radius:12px}
.wk-kf-b{padding:9px 0}
.wk-kf-b span,.wk-kf-top span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wk-kf svg{width:20px;height:20px}
.wk-kf-top{width:48px;height:40px;padding:0;order:-1}
.wk-kf-pop{position:fixed;right:68px;left:auto;top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(240px,calc(100vw - 88px));transform:translateX(6px)}
.wk-kf-it.open .wk-kf-pop{transform:none}
.wk-kf-pop::after{display:none}
}
@media print{.wk-kf{display:none}}
@media (prefers-reduced-motion:reduce){.wk-kf,.wk-kf *{transition:none!important}}