/* 三页共用的交互状态(设计规范 §7):悬停提亮 / 按下 .96 / 键盘焦点 2px 白40% / 禁用 40% / 跟随系统减少动效 */
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:3px;border-radius:12px}
.btn,.btn-w,.burger,.play{transition:transform .35s cubic-bezier(.34,1.4,.5,1),filter .2s,background .2s}
.btn:hover,.btn-w:hover{filter:brightness(1.06)}
.btn:active,.btn-w:active,.burger:active,.play:active{transform:scale(.96)}
.btn[aria-disabled=true]{opacity:.4;filter:none}
.dl{transition:background .2s,border-color .2s}
.dl:hover{background:rgba(255,255,255,.07)}
.back:hover{color:#fff}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.ico{display:block;flex:none}
.chip b{display:inline-flex;align-items:center;vertical-align:middle}
.gcard h4 .up{display:inline-flex}
.prod{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-b);font-size:14px}
.prod a{padding:7px 16px;border-radius:99px;color:rgba(238,241,248,.7)}
.prod a.on{background:linear-gradient(180deg,#e2eeff,#a9ccff);color:#0a0a0c;font-weight:600}
.prod a:hover:not(.on){color:#fff}
.chipnav{margin:0 0 20px}
.sidenav{margin-bottom:28px}

/* 切换按钮:滑块在 Topo / Orbit 之间滑动 */
.chipnav{position:relative}
.chipnav a{position:relative;z-index:1;transition:color .35s ease}
.chipnav a.on{background:none}
.chipnav .pill{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:99px;background:linear-gradient(180deg,#e2eeff,#a9ccff);z-index:0}
.chipnav .pill.go{transition:transform .6s cubic-bezier(.34,1.35,.5,1),width .6s cubic-bezier(.34,1.35,.5,1)}
.chipnav a:active{transform:scale(.96)}