/* ============================================================
   Serein 公共 UI —— 系统默认光标 / 点阵背景 / 苹果风按钮
   与首页 (index.html) 同一套视觉，抽成公共资产。
   引用（务必绝对路径，任意深度页面可用）：
     <link rel="stylesheet" href="/assets/css/serein-ui.css?v=YYYYMMDDx">
     <script src="/assets/js/serein-ui.js?v=YYYYMMDDx" defer></script>
   （加 ?v= 是为了绕开 Cloudflare 边缘缓存，改完资产记得同步改版本号）
   类名统一 srn- 前缀，避免与页面已有 .cur / #grid-bg 冲突。
   ============================================================ */

/* ---------- 1. 系统默认光标（不再使用自定义光标） ---------- */
/* 隐藏历史遗留的自定义光标元素（首页 .cur/.cur-r 及旧组件 .srn-*） */
.cur,.cur-r,.srn-dot,.srn-ring{display:none !important;}
/* 恢复浏览器默认指针；仅在链接/按钮上恢复手型 */
html,body{cursor:auto !important;}
body *{cursor:auto !important;}
a,button,summary,label,input[type="submit"],[role="button"]{cursor:pointer !important;}
input,textarea,[contenteditable]{cursor:text !important;}

/* ---------- 2. 点阵背景画布 ---------- */
#srn-grid{position:fixed;inset:0;z-index:0;pointer-events:none;}

/* ---------- 3. 苹果风按钮（pill，与首页一致） ---------- */
.hbtn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono,Consolas,monospace);
  font-size:14px;letter-spacing:.1em;line-height:1;
  padding:18px 38px;text-decoration:none;border-radius:999px;
  border:none;font-weight:400;background:transparent;
  transition:background .35s cubic-bezier(.4,0,.2,1),
             color .35s cubic-bezier(.4,0,.2,1),
             transform .35s cubic-bezier(.4,0,.2,1),
             box-shadow .35s cubic-bezier(.4,0,.2,1),
             border-color .35s cubic-bezier(.4,0,.2,1);
}
.hbtn-dark{background:var(--text,#1a1a1a);color:#fff;}
.hbtn-dark:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.hbtn-out{border:1px solid var(--line-2,rgba(0,0,0,.08));color:var(--text,#1a1a1a);}
.hbtn-out:hover{background:var(--text,#1a1a1a);color:#fff;border-color:var(--text,#1a1a1a);transform:translateY(-2px);}
.hcta{display:flex;gap:16px;flex-wrap:wrap;}
@media(max-width:720px){.hbtn{padding:15px 28px;font-size:13px;}}

/* ---------- 5. 卡片悬浮（苹果风：轻微上浮 + 柔和阴影） ---------- */
.entry,.an-card,.card,.feat,.patch,.ver{
  transition:transform .28s cubic-bezier(.4,0,.2,1),
             box-shadow .28s cubic-bezier(.4,0,.2,1),
             border-color .28s cubic-bezier(.4,0,.2,1);
}
.entry:hover,.an-card:hover,.card:hover,.feat:hover{
  transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08);
}

/* ---------- 6. reveal 容器 ---------- */
.rv{overflow:hidden;}
.rv>*{display:block;will-change:transform;}