/* =====================================================
   妞妞测试 · USDT OTC — 全站统一设计令牌与交互标准
   引入顺序：必须在本页 <style> 之前，页面样式可覆盖本文件
   断点体系：≤380 / 381-768 / 769-1024 / ≥1025
   ===================================================== */
:root{
  /* 颜色体系 */
  --bg:#f4f5f7;
  --panel:#ffffff;
  --line:#e7e9ee;
  --line-strong:#d4d9e2;
  --text:#0f172a;
  --text-soft:#475569;
  --muted:#8a93a6;
  --muted-2:#94a3b8;
  --accent:#2563eb;
  --accent-hover:#1d4ed8;
  --accent-soft:#eef4ff;
  --danger:#dc2626;
  --danger-soft:#fef2f2;
  --ok:#059669;
  --ok-soft:#f0fdf4;
  --warn:#d97706;
  --warn-soft:#fffbeb;

  /* 圆角体系 */
  --r-xs:6px;
  --r-sm:8px;
  --r-md:10px;
  --r-base:12px;
  --r-lg:14px;
  --r-xl:16px;
  --r-2xl:20px;
  --r-pill:999px;

  /* 阴影体系（简洁单层） */
  --shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --shadow-s:0 2px 6px rgba(15,23,42,.05);
  --shadow-m:0 2px 10px rgba(15,23,42,.06);
  --shadow-l:0 4px 14px rgba(15,23,42,.08);
  --shadow-xl:0 6px 20px rgba(15,23,42,.10);

  /* 间距体系 */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;

  /* 旧变量兼容 */
  --radius:var(--r-xl);

  /* 刘海/底部手势区安全区 */
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
}

/* ===================== 基础触感 ===================== */
*{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}

/* ===== 按键四态标准 =====
   hover         : 页面各自定义上浮/高亮（阴影加深）
   active        : 全局按压下沉 scale(.97)，90ms 内回弹
   disabled      : 全局降透明 + 禁点（页面规则可覆盖）
   focus-visible : 键盘导航焦点环
*/
:where(button):not(:disabled){transition:transform 90ms ease,background-color 120ms ease,color 120ms ease,border-color 120ms ease,box-shadow 120ms ease,opacity 120ms ease}
:where(button):not(:disabled):active{transform:scale(.97)}
:where(button):disabled{opacity:.55;cursor:not-allowed}
:where(button,a,[tabindex],.clickable):focus-visible{
  outline:3px solid rgba(37,99,235,.35);
  outline-offset:2px;
}

/* 降级动效：跟随系统减少动态偏好（手术/眩晕用户友好） */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ===== 数字排版：全站数字等宽（金额/余额/订单号更整齐） ===== */
body{font-variant-numeric:tabular-nums}
.tnum{font-variant-numeric:tabular-nums}

/* ===== 骨架屏工具类（加载占位流光条） ===== */
.skel{
  display:inline-block;height:13px;border-radius:6px;vertical-align:middle;
  background-color:#e7e9ee;
  background-image:linear-gradient(100deg,#e7e9ee 20%,#f4f6fa 45%,#e7e9ee 70%);
  background-size:200% 100%;
  animation:skel-shine 1.4s linear infinite;
}
@keyframes skel-shine{from{background-position:180% 0}to{background-position:-40% 0}}