/* ZHQN v2 · 体验增强层（四个页面最后引入，覆盖各页同名规则）
   参照苹果 HIG：即时按下反馈、可见焦点、44px 命中区、模态连续过渡、动效更快更轻。 */
:root{--t-press:.08s;--t-fast:.18s;--t-base:.3s;--t-slow:.6s}

/* 1. 按下反馈：点下去的瞬间就有回应（<100ms） */
.btn:active,.cat:active,.chip:active,.lang-btn:active,.ft-top:active,.role button:active,.btn-login:active,.code-btn:not(:disabled):active,.mini:active,.modal-box .x:active{
  transform:scale(.97);transition-duration:var(--t-press)}
.ft-qr:active,.faq summary:active{transform:scale(.99);transition-duration:var(--t-press)}

/* 2. 触屏设备不保留悬停位移（否则点一下会「黏住」） */
@media(hover:none){
  .btn-gold:hover,.ft-qr:hover{transform:none}
  .btn:hover .arr{transform:none}
  .glass:hover::after{opacity:0}
}

/* 3. 键盘焦点：只在键盘操作时显示青柠焦点环 */
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
:focus:not(:focus-visible){outline:none}
.field:focus-visible,.modal-box input:focus-visible,.modal-box textarea:focus-visible,.input-row input:focus-visible{outline:none}
.faq summary:focus-visible{outline-offset:-2px;border-radius:14px}
.nav-links a:focus-visible,.ft-legal a:focus-visible,.topbar .home:focus-visible,.bottom a:focus-visible,.forgot a:focus-visible{border-radius:6px;outline-offset:5px}

/* 4. 命中区 ≥ 44px：外扩透明热区，不改变视觉尺寸 */
.lang-btn,.chip,.cat{position:relative}
.lang-btn::after{content:"";position:absolute;inset:-6px -4px}
.chip{padding:8px 13px}
.chip::after{content:"";position:absolute;inset:-4px 0}
.cat::after{content:"";position:absolute;inset:-2px 0}

/* 5. 模态：淡入 + 轻微放大进场，退场同样有过渡；关闭按钮为真按钮 */
.modal{display:flex;visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity var(--t-base) var(--ease),visibility 0s linear var(--t-base)}
.modal.open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--t-base) var(--ease)}
.modal-box{transform:translateY(10px) scale(.97);transition:transform .38s var(--ease)}
.modal.open .modal-box{transform:none}
.modal-box .x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;right:10px;top:8px;
  padding:0;border:0;border-radius:50%;background:transparent;font-family:inherit;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}
.modal-box .x:hover{background:rgba(255,255,255,.06)}
.modal-box .x::after{content:"";position:absolute;inset:-2px}
html.modal-lock{overflow:hidden}

/* 6. 滚动揭示更快更轻：去掉逐帧模糊，时长 0.6s；逐行扫入间隔收紧 */
[data-reveal]{transform:translateY(20px);filter:none;transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}
.vs.in .vs-row:nth-child(2){transition-delay:.06s}.vs.in .vs-row:nth-child(3){transition-delay:.12s}
.vs.in .vs-row:nth-child(4){transition-delay:.18s}.vs.in .vs-row:nth-child(5){transition-delay:.24s}.vs.in .vs-row:nth-child(6){transition-delay:.3s}
.vs.in .vs-row:nth-child(7){transition-delay:.36s}

/* 7. 克制：环境级无限循环每屏只留一个焦点（首屏呼吸光球 / 控制台 LIVE）
   标题高亮词不再永久流光，标题进入视口时扫一次（v2-fx.js 给 h1/h2 加 .shine）；kicker 圆点改为静态发光 */
h1 .lit,h2 .lit{animation:none}
h1.shine .lit,h2.shine .lit{animation:sheenOnce 2.2s var(--ease) .25s 1 both}
@keyframes sheenOnce{from{background-position:0 0}to{background-position:-200% 0}}
.kicker .pulse{animation:none;box-shadow:0 0 10px var(--glow)}

/* 降低动效：增强层同样全部关闭 */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .modal,.modal.open,.modal-box{transition:none!important}
  .modal-box{transform:none!important}
}