/* ============================================================
   移动端 / 微信端适配（配合 header.php 使用）
   - 微信防截断引导层样式
   - 移动端触控尺寸、输入框放大防 iOS 缩放
   - 小屏布局优化
   ============================================================ */

/* ---------- 微信引导层 ---------- */
.wx-guide{position:fixed;inset:0;z-index:9999}
.wx-guide-mask{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.wx-guide-box{
  position:absolute;top:16px;right:16px;left:16px;
  background:#fff;border-radius:16px;padding:24px 20px;text-align:center;
  box-shadow:0 12px 40px rgba(0,0,0,.3);animation:wxpop .28s ease
}
@keyframes wxpop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.wx-guide-close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:18px;color:#aaa;cursor:pointer}
.wx-guide-ic{font-size:44px;margin-bottom:8px}
.wx-guide-arrow{font-size:34px;color:#1aad19;margin:2px 0}
.wx-guide-btn{background:var(--primary,#2a5298);color:#fff;border:0;padding:11px 30px;border-radius:24px;font-size:15px;cursor:pointer;margin-top:8px}

/* ---------- 触控友好尺寸 ---------- */
@media (pointer:coarse){
  .btn,.btn-ghost,.btn-primary,.btn-danger,.form-control,select,input[type=file]{
    min-height:42px;font-size:16px
  }
}

/* ---------- 小屏适配 ---------- */
@media (max-width:640px){
  .container{width:100%;padding-left:12px;padding-right:12px}
  .hero h1{font-size:22px}
  .hero-card{flex:1 1 100%;min-width:0}
  .form-row{grid-template-columns:1fr}
  .card{padding:16px 12px}
  /* 防 iOS 输入自动缩放 */
  input,select,textarea{font-size:16px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pager a{min-width:32px;min-height:32px;line-height:32px;padding:0}
  /* 微信内长内容可横向滚动查看 */
  .cert-print-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}