/* =========================================================
   海多客合规问答 AI 悬浮入口 (haiduoke_ai_widget)
   品牌主色 #FC4C02。欢迎卡片 / 呼吸光晕悬浮球 / 章鱼吉祥物。
   ========================================================= */
.hdkw-launcher{
  --hdkw-brand:#FC4C02;
  --hdkw-brand-deep:#E03D00;
  --hdkw-brand-light:#FF7A45;
  --hdkw-ink:#1f1f1f;
  --hdkw-ink-soft:#5b5b5b;
  --hdkw-shadow:0 12px 32px rgba(252,76,2,.22), 0 4px 12px rgba(0,0,0,.08);

  position:fixed; right:28px; bottom:34px; z-index:9000;
  display:flex; flex-direction:column; align-items:flex-end; gap:14px;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hdkw-launcher *{box-sizing:border-box;}

/* 永远隐藏 PandaWiki 自带球，保证只有一个可见入口（官方自定义按钮模式下本就无球，隐藏无害） */
.widget-bot-button{opacity:0 !important; pointer-events:none !important;}

/* 隐藏代理触发元素（PandaWiki btn_trigger 绑定到它） */
.hdkw-pw-trigger{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); border:0;
}

/* ---------- 章鱼通用 ---------- */
.hdkw-octo{display:block; width:42px; height:42px;}
.hdkw-eye{transform-origin:center; animation:hdkw-blink 5s infinite;}
.hdkw-arm{transform-origin:top center; animation:hdkw-wiggle 2.8s ease-in-out infinite;}
.hdkw-arm.a2{animation-delay:.4s;}
.hdkw-arm.a3{animation-delay:.8s;}
@keyframes hdkw-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes hdkw-wiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}

/* ================= 悬浮球（默认/收起态） ================= */
.hdkw-orb-wrap{position:relative; width:64px; height:64px;}
.hdkw-halo{
  position:absolute; inset:0; border-radius:50%;
  background:var(--hdkw-brand); opacity:.45;
  animation:hdkw-halo 2.4s ease-out infinite;
}
.hdkw-halo.b{animation-delay:1.2s;}
@keyframes hdkw-halo{
  0%{transform:scale(1);opacity:.5}
  70%{opacity:0}
  100%{transform:scale(2.1);opacity:0}
}
.hdkw-orb{
  position:relative; width:64px; height:64px; border-radius:50%; cursor:pointer; border:none;
  background:linear-gradient(145deg,var(--hdkw-brand-light),var(--hdkw-brand) 60%,var(--hdkw-brand-deep));
  box-shadow:var(--hdkw-shadow);
  display:flex; align-items:center; justify-content:center;
  animation:hdkw-float 3.4s ease-in-out infinite;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1);
}
.hdkw-orb:hover{transform:scale(1.08) rotate(-3deg);}
.hdkw-orb .hdkw-octo{width:42px; height:42px;}
@keyframes hdkw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.hdkw-badge{
  position:absolute; top:-4px; right:-4px;
  background:#fff; color:var(--hdkw-brand); font-size:9px; font-weight:800;
  padding:2px 5px; border-radius:6px; letter-spacing:.5px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* ================= 欢迎卡片（展开态） ================= */
.hdkw-card{
  display:none; background:#fff; border-radius:20px; box-shadow:var(--hdkw-shadow);
  width:280px; max-width:calc(100vw - 32px); overflow:hidden; transform-origin:bottom right;
}
.hdkw-card-head{
  background:linear-gradient(135deg,var(--hdkw-brand-light),var(--hdkw-brand-deep));
  padding:16px 18px; color:#fff; display:flex; align-items:center; gap:12px; position:relative;
}
.hdkw-ava{
  width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.2); flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.hdkw-ava .hdkw-octo{width:30px; height:30px;}
.hdkw-card-head-tt h4{font-size:15px; margin:0; font-weight:600; line-height:1.3;}
.hdkw-card-head-tt p{font-size:11.5px; opacity:.9; margin:2px 0 0;}
.hdkw-x{
  position:absolute; top:8px; right:10px; cursor:pointer; opacity:.85;
  font-size:20px; line-height:1; background:transparent; border:none; color:#fff; padding:2px 6px;
}
.hdkw-x:hover{opacity:1;}
.hdkw-card-body{padding:14px 16px 16px;}
.hdkw-lead{font-size:13px; color:var(--hdkw-ink-soft); margin-bottom:10px;}
.hdkw-q{
  display:block; width:100%; text-align:left; border:1px solid #ffe2d4; background:#fff8f5;
  color:var(--hdkw-ink); border-radius:10px; padding:9px 12px; font-size:13px; cursor:pointer;
  margin-bottom:8px; font-family:inherit; transition:.18s; line-height:1.4;
}
.hdkw-q:hover{background:#fff1ea; border-color:var(--hdkw-brand);}
.hdkw-q::before{content:"\1F4AC  ";}
.hdkw-cta{
  width:100%; border:none; background:var(--hdkw-brand); color:#fff; font-weight:700;
  border-radius:10px; padding:11px; font-size:14px; cursor:pointer; font-family:inherit; margin-top:4px;
}
.hdkw-cta:hover{background:var(--hdkw-brand-deep);}

/* ---------- 展开/收起态切换 ---------- */
.hdkw-launcher.hdkw-style-card .hdkw-card{
  display:block; animation:hdkw-pop .45s cubic-bezier(.34,1.56,.64,1);
}
.hdkw-launcher.hdkw-style-card .hdkw-orb-wrap{display:none;}
.hdkw-launcher.hdkw-style-orb .hdkw-card{display:none;}
.hdkw-launcher.hdkw-style-orb .hdkw-orb-wrap{display:block;}
@keyframes hdkw-pop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}

/* ================= 移动端 ================= */
@media(max-width:600px){
  .hdkw-launcher{right:16px; bottom:18px;}
  .hdkw-card{width:calc(100vw - 32px);}
}

/* ================= 尊重减少动画 ================= */
@media(prefers-reduced-motion:reduce){
  .hdkw-launcher *,
  .hdkw-halo,.hdkw-orb,.hdkw-arm,.hdkw-eye{animation:none !important;}
  .hdkw-orb:hover{transform:none;}
}