/* AURA 站点前端组件（2026-10-08）——只做增量修饰，不改版式骨架 */
:root{--ui-accent:#c2502b;--ui-ink:#1c1b19}

/* ① 滚动进度条 */
#ui-progress{position:fixed;left:0;top:0;height:2px;width:0;z-index:99;
  background:linear-gradient(90deg,var(--ui-accent),#e0a458);transition:width .08s linear}

/* ② 卡片/图墙悬停抬升 */
.grid a,.card,.grid-card,.pack,figure.mag-fig{transition:transform .22s ease,box-shadow .22s ease}
.grid a:hover,.card:hover,.grid-card:hover,.pack:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.14)}
figure.mag-fig:hover img{transform:scale(1.015)}
figure.mag-fig img{transition:transform .3s ease}

/* ③ 回顶按钮 */
#ui-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.92);color:var(--ui-ink);
  font-size:18px;line-height:40px;text-align:center;cursor:pointer;z-index:98;
  box-shadow:0 6px 18px rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:opacity .25s ease}
#ui-top.on{opacity:1;pointer-events:auto}
#ui-top:hover{background:var(--ui-accent);color:#fff;border-color:var(--ui-accent)}

/* ④ 进入视口淡入 */
.ui-fade{opacity:0;transform:translateY(10px)}
.ui-fade.ui-in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}

/* 无动画偏好 / 打印时不加深饰 */
@media (prefers-reduced-motion:reduce){.ui-fade{opacity:1;transform:none}#ui-progress{display:none}}
@media print{#ui-top,#ui-progress{display:none}}