/* ===== 手感和动效（Claude 2026-10-15 第四轮，和 motion.js 配套） =====
   按下时的“缩一下、弹回来”在 motion.js 里统一做，这里只放：
   1. 弹簧曲线（和 motion.js 用同一组参数算出来的）：底栏的选中块、图标、开关圆点都用它，不再用会冲过头一大截的曲线。
   2. 手机上不要系统自带的灰色点按高亮、长按菜单，免得和我们的按下效果打架。
   3. 弹层：滚到头不带着后面的页面一起动。
   手机上的“悬停”效果已经都包进了 @media(hover:hover)：以前在 iPhone 上点完卡片，卡片会一直歪着/浮着，直到点别处。 */
:root { --spring:cubic-bezier(.32,.72,0,1); --spring-d:.42s; --knob:cubic-bezier(.32,.72,0,1); --knob-d:.32s; }
@supports (transition-timing-function:linear(0, 1)) {
  /* 响应 0.36 秒、阻尼 0.86：几乎不过冲，到位干脆 */
  :root { --spring:linear(0,0.023,0.081,0.161,0.251,0.344,0.435,0.521,0.6,0.67,0.732,0.785,0.831,0.868,0.9,0.925,0.945,0.961,0.974,0.983,0.991,0.996,0.999,1.002,1.004,1.005,1.005,1.005,1.005,1.005,1.004,1.004,1.003,1.003,1.002,1.002,1); --spring-d:.475s;
  /* 开关圆点：响应 0.32 秒、阻尼 0.78，到位时轻轻一顿 */
    --knob:linear(0,0.023,0.081,0.162,0.255,0.352,0.449,0.54,0.624,0.7,0.765,0.822,0.869,0.908,0.939,0.963,0.982,0.996,1.006,1.013,1.017,1.019,1.02,1.02,1.018,1.017,1.015,1.013,1.011,1.009,1.008,1.006,1.005,1.004,1.003,1.002,1); --knob-d:.417s; }
}
html { -webkit-tap-highlight-color:transparent; }
button,.chip,.tab,.pick,.tog,summary { -webkit-touch-callout:none;-webkit-user-select:none;user-select:none; }
.workspace-pill { transition:transform var(--spring-d) var(--spring),width var(--spring-d) var(--spring); }
@media(max-width:760px) {
  .tabpill { transition:transform var(--spring-d) var(--spring),width var(--spring-d) var(--spring); }
  .tabs .tab svg { transition:transform var(--spring-d) var(--spring); }
}
.tog .sw::after { transition:transform var(--knob-d) var(--knob),width .2s var(--knob); }
.workspace-dialog { overscroll-behavior:contain; }
@media(prefers-reduced-motion:reduce) { :root { --spring:cubic-bezier(.32,.72,0,1); --knob:cubic-bezier(.32,.72,0,1); } }

/* Navigation position uses the shared retargetable spring, not a second CSS clock. */
.workspace-pill,#tabpill { transition:none; }

/* 兜底（2026-10-19 全站动画）：能点的东西换状态（选中、按下去、变实心）时，颜色、描边、阴影都淡过去，不跳。
   :where() 不加任何优先级，组件自己写了 transition 的照它自己的来；这里只补那些什么都没写、一点就硬切的。 */
:where(button,[role=button],[role=tab],a,summary,label,.chip,.pick,.tog,input,select,textarea) {
  transition:background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),outline-color .28s cubic-bezier(.22,1,.36,1),fill .28s cubic-bezier(.22,1,.36,1),stroke .28s cubic-bezier(.22,1,.36,1);
}