/* ============================================================
   Nexal 验证平台 - 手机端专用样式
   窄屏（≤899px）专属：流畅动效 / 统一圆角 / 方形化按钮 / 登录页居中
   ============================================================ */
@media (max-width:899px) {

    /* ---------- 登录页垂直居中（不在顶部） ---------- */
    body.login-page { align-items:center; justify-content:center; padding:16px; }

    /* ---------- 统一圆角（表格/卡片/方块全部有圆角） ---------- */
    .card, .stat-block, .list-item, .banner, .info-cell, .table-wrap,
    .modal-box, .key-box, .progress, .batch-square, .empty-state {
        border-radius:12px;
    }
    .map-wrap, .login-card { border-radius:16px; }
    .stat-block { border-radius:14px; }
    .input, select.input, textarea.input { border-radius:10px; }

    /* ---------- 按钮方形化（适度圆角，不要太圆） ---------- */
    .btn { border-radius:9px; }
    .btn-sm { border-radius:7px; }
    .tab-pill { border-radius:9px; padding:8px 16px; }
    .batch-square { border-radius:10px; }
    input[type="checkbox"] { border-radius:5px; }
    .bn-item { border-radius:10px; }
    .badge { border-radius:6px; }

    /* ---------- 流畅入场动效（轻量 transform，避免卡顿） ---------- */
    .card, .stat-block, .list-item { animation:pageIn .35s ease both; }
    .stat-block:nth-child(1){animation-delay:.02s}
    .stat-block:nth-child(2){animation-delay:.05s}
    .stat-block:nth-child(3){animation-delay:.08s}
    .stat-block:nth-child(4){animation-delay:.11s}
    .stat-block:nth-child(5){animation-delay:.14s}
    .stat-block:nth-child(6){animation-delay:.17s}
    .card:nth-of-type(2){animation-delay:.05s}
    .card:nth-of-type(3){animation-delay:.10s}
    .list-item:nth-child(2){animation-delay:.03s}
    .list-item:nth-child(3){animation-delay:.06s}

    /* ---------- 统一按压反馈（丝滑） ---------- */
    .btn:active, .tab-pill:active, .batch-square:active { transform:scale(.95); filter:brightness(1.18); transition:transform .1s; }
    .list-item:active { transform:scale(.985); }
    .bn-item:active { transform:scale(.88); background:rgba(255,255,255,.14); }

    /* ---------- 性能：减弱全屏模糊，滚动更流畅 ---------- */
    .card, .modal-box, .login-card, .bottom-nav { backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
    .sidebar { backdrop-filter:none; }
    .table-wrap { -webkit-overflow-scrolling:touch; }
    .main { -webkit-overflow-scrolling:touch; }

    /* ---------- 底部任务栏图标过渡 ---------- */
    .bn-item .bn-ico { transition:transform .18s, opacity .18s; }
}