/* =====================================================================
   tech-icon-fx.css — 全站功能图标「科技动态」增强（1:1 参考站质感）
   纯增强：不改布局，只在 hover / 激活时给图标微光、流动、微旋、脉冲
   ===================================================================== */

/* 统一图标过渡，让动效顺滑 */
.sb-nav-item .sb-nav-ico svg,
.tb-tip-btn svg, .tb-grid-app, .tb-biz svg,
.mode-buttons button svg,
.cp-tool svg, .upload-btn svg, .stack-btn svg,
.send-btn svg, .ai-writer-open,
.composer-bottom button svg,
.cp-side .cp-tool svg {
  transition: transform .28s cubic-bezier(.34,1.56,.64,1), filter .25s ease;
}

/* —— 左侧主导航：图标 hover 上浮微旋 + 青色科技辉光 —— */
.sb-nav-item{transition:color .2s,background .2s;}
.sb-nav-item .sb-nav-ico{position:relative;transition:box-shadow .25s,background .25s,transform .25s;}
.sb-nav-item:hover .sb-nav-ico{transform:translateY(-2px) rotate(-6deg);
  box-shadow:0 0 0 1px rgba(34,211,238,.35),0 6px 16px -4px rgba(34,211,238,.45);}
.sb-nav-item:hover .sb-nav-ico svg{transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(34,211,238,.65));}
.sb-nav-item.active .sb-nav-ico{animation:sbIcoPulse 2.6s ease-in-out infinite;}
@keyframes sbIcoPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,.35);}50%{box-shadow:0 0 0 5px rgba(34,211,238,0);}}

/* —— 顶部工具图标：hover 科技光晕 + 图标微抬 —— */
.tb-tip-btn{transition:all .22s ease;}
.tb-tip-btn:hover{color:#22d3ee;border-color:rgba(34,211,238,.45);
  box-shadow:0 0 14px -2px rgba(34,211,238,.5),inset 0 0 10px -6px rgba(34,211,238,.6);}
.tb-tip-btn:hover svg{transform:translateY(-1px) scale(1.14);filter:drop-shadow(0 0 5px rgba(34,211,238,.7));}
/* 九宫格应用中心：hover 整体轻旋、点亮 */
.tb-grid-app{transition:all .3s cubic-bezier(.34,1.56,.64,1);}
.tb-grid-app:hover{transform:rotate(90deg);border-color:rgba(34,211,238,.5);
  box-shadow:0 0 16px -2px rgba(99,102,241,.6);}
.tb-grid-app:hover span{background:#22d3ee!important;box-shadow:0 0 6px rgba(34,211,238,.8);}

/* —— 输入框功能键（综合最优/高级设置/长期记忆/技能广场）：图标动起来 —— */
.mode-buttons button{transition:all .22s ease;}
.mode-buttons button:hover svg{transform:scale(1.18) rotate(8deg);filter:drop-shadow(0 0 5px currentColor);}
.mode-buttons button[data-mode-panel="advanced"]:hover svg{transform:rotate(120deg) scale(1.12);}
.mode-buttons button[data-mode-panel="memory"]:hover svg{transform:scale(1.16);filter:drop-shadow(0 0 6px rgba(168,132,252,.8));}
.mode-buttons button:active{transform:scale(.95);}

/* —— 右侧工具列圆形钮：hover 青色光环 + 图标微旋 —— */
.cp-tool{transition:all .22s ease;}
.cp-tool:hover{border-color:rgba(34,211,238,.5);color:#22d3ee;
  box-shadow:0 0 14px -3px rgba(34,211,238,.55),inset 0 0 9px -5px rgba(34,211,238,.7);}
.cp-tool:hover svg{transform:scale(1.15) rotate(-8deg);}
.cp-tool:active{transform:scale(.9);}

/* —— 上传 / 高级（堆叠）小钮 —— */
.upload-btn:hover svg,.stack-btn:hover svg{transform:scale(1.15) rotate(-6deg);filter:drop-shadow(0 0 5px rgba(34,211,238,.6));}
.upload-btn,.stack-btn{transition:all .2s ease;}

/* —— 发送按钮：青色渐变流动 + 呼吸辉光 + hover 放大 —— */
.send-btn{background-size:220% 220%;animation:sendFlow 4s ease infinite;}
@keyframes sendFlow{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.send-btn:hover{transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 22px -4px rgba(34,211,238,.7),0 0 0 4px rgba(34,211,238,.12);}
.send-btn:hover svg{transform:translateY(-1px) scale(1.15);}
.send-btn:active{transform:scale(.92);}

/* —— AI 帮写：渐变流光扫过 —— */
.ai-writer-open{position:relative;overflow:hidden;background-size:200% 200%;animation:sendFlow 5s ease infinite;transition:transform .2s,box-shadow .25s;}
.ai-writer-open::after{content:"";position:absolute;inset:0;left:-60%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);transition:left .6s ease;}
.ai-writer-open:hover{transform:scale(1.08);box-shadow:0 0 16px -2px rgba(168,132,252,.7);}
.ai-writer-open:hover::after{left:130%;}

/* —— 钻石/充值类按钮 hover 金光流动 —— */
.sp-gem-btn,.recharge-btn,#rechargeBtn{transition:all .22s ease;}
.sp-gem-btn:hover,#rechargeBtn:hover{transform:translateY(-1px);box-shadow:0 6px 18px -4px rgba(240,198,110,.7);}

/* —— 模型/智能体列表项图标 hover 轻微漂浮 —— */
.model-item:hover .mi-ico svg,.agent-item:hover .ai-ico svg{transform:scale(1.1) rotate(-5deg);}
.model-item .mi-ico svg,.agent-item .ai-ico svg{transition:transform .28s cubic-bezier(.34,1.56,.64,1);}

/* 浅色主题下辉光收敛，避免过曝 */
html[data-theme=light] .sb-nav-item:hover .sb-nav-ico,
html[data-theme=light] .tb-tip-btn:hover,
html[data-theme=light] .cp-tool:hover{box-shadow:0 4px 14px -6px rgba(14,158,192,.4);}

/* 尊重系统「减少动态效果」设置 */
@media (prefers-reduced-motion: reduce){
  .sb-nav-item.active .sb-nav-ico,.send-btn,.ai-writer-open{animation:none;}
  .sb-nav-item .sb-nav-ico svg,.tb-tip-btn svg,.mode-buttons button svg,.cp-tool svg,
  .send-btn svg,.ai-writer-open,.tb-grid-app{transition:none;}
  .sb-nav-item:hover .sb-nav-ico,.tb-grid-app:hover,.send-btn:hover,.mode-buttons button:hover svg{transform:none;}
}