/* ===== 智惠主题 · TRAE 面板（黑白极简 + 参考页动效体系） ===== */
html,body{
  font-family:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  -webkit-font-smoothing:antialiased;letter-spacing:-.01em;
}
body{color:#0f0f10}
h1,h2,h3{letter-spacing:-.02em!important;color:#0f0f10!important}
/* 页面进场：参考页 enter 150ms */
@keyframes zh-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
main,.animate-fade-in{animation:zh-fade .18s cubic-bezier(.4,0,.2,1) both!important}
/* 侧栏导航 */
nav button{
  border-radius:10px!important;
  transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)!important;
}
nav button:hover{background:#f5f5f6!important;color:#0f0f10!important}
nav button:active{transform:scale(.98)}
nav button.bg-zinc-900{
  background:#111113!important;color:#fff!important;
  box-shadow:0 1px 2px rgba(15,15,16,.12)!important;
}
/* 卡片：细边 + 极轻阴影 + 悬浮微抬升 */
.card{
  border-radius:16px!important;border-color:#e8e8ea!important;
  box-shadow:0 1px 2px rgba(15,15,16,.04)!important;
  transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),border-color .2s!important;
}
.card:hover{box-shadow:0 8px 24px rgba(15,15,16,.06)!important;transform:translateY(-1px);border-color:#dcdcdf!important}
/* 按钮统一胶囊 */
.btn-primary,.btn-outline,.btn-ghost{
  border-radius:999px!important;
  transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s,border-color .18s,transform .18s,box-shadow .18s!important;
}
.btn-primary{background:#111113!important;color:#fff!important;border-color:#111113!important;box-shadow:none!important}
.btn-primary:hover{background:#000!important}
.btn-primary:active,.btn-outline:active,.btn-ghost:active{transform:scale(.98)}
.btn-outline{background:#fff!important;border:1px solid #e8e8ea!important;color:#0f0f10!important}
.btn-outline:hover{background:#f5f5f6!important;border-color:#d7d7da!important}
/* 表单 */
input,select,textarea{
  border-radius:12px!important;border-color:#e8e8ea!important;background:#fff!important;color:#0f0f10!important;
  transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:#111113!important;box-shadow:0 0 0 3px #f2f2f3!important;
}
/* 中性化 AI 味强调色（保留 emerald/amber/rose 的语义色） */
.bg-indigo-400,.bg-indigo-50,.bg-sky-100,.bg-sky-50,.bg-sky-500,.bg-violet-100,.bg-violet-500{
  background-color:#f2f2f3!important;color:#0f0f10!important;
}
.text-indigo-500,.text-sky-500,.text-sky-600,.text-sky-700,.text-sky-800,.text-violet-500,.text-violet-600,.text-violet-700{
  color:#0f0f10!important;
}
.border-indigo-400,.border-sky-200,.border-sky-300{border-color:#e8e8ea!important}
.bg-gradient-to-br{background-image:none!important;background-color:#f2f2f3!important}
/* 深色主题 */
.dark body{background:#0b0b0c!important;color:#f4f4f5!important}
.dark h1,.dark h2,.dark h3{color:#f4f4f5!important}
.dark .card{background:#141416!important;border-color:#2a2a2e!important;box-shadow:0 1px 2px rgba(0,0,0,.5)!important}
.dark .card:hover{box-shadow:0 8px 24px rgba(0,0,0,.55)!important;border-color:#3a3a3f!important}
.dark nav button:hover{background:#242427!important;color:#f4f4f5!important}
.dark nav button.bg-zinc-900{background:#f4f4f5!important;color:#0b0b0c!important}
.dark .btn-outline{background:#141416!important;border-color:#2a2a2e!important;color:#f4f4f5!important}
.dark .btn-outline:hover{background:#242427!important;border-color:#3a3a3f!important}
.dark input,.dark select,.dark textarea{background:#141416!important;border-color:#2a2a2e!important;color:#f4f4f5!important}
.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:#f4f4f5!important;box-shadow:0 0 0 3px #242427!important}
.dark .bg-indigo-400,.dark .bg-sky-50,.dark .bg-sky-100,.dark .bg-violet-100,.dark .bg-violet-500,.dark .bg-indigo-50{
  background-color:#242427!important;color:#f4f4f5!important;
}
.dark .text-indigo-500,.dark .text-sky-500,.dark .text-sky-600,.dark .text-sky-700,.dark .text-sky-800,.dark .text-violet-500,.dark .text-violet-600,.dark .text-violet-700{color:#f4f4f5!important}
.dark .border-indigo-400,.dark .border-sky-200,.dark .border-sky-300{border-color:#2a2a2e!important}
/* 无障碍：尊重减弱动效 */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
/* ===== 留白与层级微调（参考页尺度） ===== */
aside{width:232px!important}
aside nav{padding:14px!important;gap:2px!important}
nav button{padding:9px 12px!important;font-size:13.5px!important}
main{padding:28px 32px!important}
main>div{max-width:1120px}
h1{font-size:23px!important;line-height:1.25!important}
h1+p{font-size:13px!important;color:#6b6b70!important}
.card{padding:20px!important}
.card h3{font-size:14px!important;letter-spacing:-.01em}
.dark h1+p{color:#a1a1a8!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#d9d9dc;border-radius:999px;border:2px solid #fff}
::-webkit-scrollbar-thumb:hover{background:#c4c4c8}
.dark ::-webkit-scrollbar-thumb{background:#3a3a3f;border-color:#0b0b0c}
/* 对齐参考看板：20px 卡片、-0.03em 标题、11px 标签 */
.card{border-radius:20px!important}
h1{letter-spacing:-.03em!important}
.text-\[11px\],.text-xs{letter-spacing:.01em}
.tabular-nums{font-variant-numeric:tabular-nums}
/* ===== 布局重塑 v2：主区居中限宽 + 更舒展的栅格 ===== */
main{padding:32px 36px!important}
main>div{max-width:1200px;margin:0 auto}
aside nav{padding:16px 14px!important}
nav button{gap:10px!important}
main .grid{gap:16px!important}
h3{font-size:14px!important;letter-spacing:-.01em!important}
/* ===== 动效细节：模态弹性进场 + 卡片错峰浮现 ===== */
html{scroll-behavior:smooth}
@keyframes zh-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes zh-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main .grid>.card{animation:zh-rise .28s cubic-bezier(.22,1,.36,1) both}
main .grid>.card:nth-child(1){animation-delay:.02s}
main .grid>.card:nth-child(2){animation-delay:.05s}
main .grid>.card:nth-child(3){animation-delay:.08s}
main .grid>.card:nth-child(4){animation-delay:.11s}
main .grid>.card:nth-child(5){animation-delay:.14s}
main .grid>.card:nth-child(6){animation-delay:.17s}
.modal,[role="dialog"]{animation:zh-pop .22s cubic-bezier(.22,1,.36,1) both}