/* 票点云文印 H5 SPA - PC + 移动端响应式 */
.wx-layout{display:flex;min-height:100vh;font-family:'Microsoft YaHei',sans-serif;background:#f5f6f8;color:#1d2129;}
.wx-nav{width:200px;background:#fff;border-right:1px solid #e5e6eb;flex-shrink:0;overflow-y:auto;}
.wx-nav-item{padding:10px 16px;font-size:13px;cursor:pointer;color:#4e5969;display:flex;align-items:center;gap:8px;transition:all .15s;border-left:3px solid transparent;}
.wx-nav-item:hover{background:#f0f5ff;color:#165dff;}
.wx-nav-item.active{background:#e8f0fe;color:#165dff;border-left-color:#165dff;font-weight:600;}
.wx-nav-icon{font-size:16px;width:22px;text-align:center;}
.wx-main{flex:1;overflow-y:auto;padding:24px;}
.wx-page{max-width:1000px;margin:0 auto;}
.wx-title{font-size:20px;font-weight:700;margin-bottom:16px;color:#1d2129;}
.wx-card{background:#fff;border-radius:8px;border:1px solid #f0f0f0;}
.wx-input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #e5e6eb;border-radius:6px;font-size:13px;outline:none;}
.wx-input:focus{border-color:#165dff;}

/* 按钮 */
.wx-btn{padding:7px 14px;border-radius:6px;border:1px solid #e5e6eb;background:#fff;font-size:13px;cursor:pointer;color:#4e5969;transition:all .15s;display:inline-block;line-height:1.4;}
.wx-btn:hover{background:#f0f5ff;color:#165dff;border-color:#165dff;}
.wx-btn.pri{background:#165dff;color:#fff;border:none;}
.wx-btn.pri:hover{background:#0e42d2;}
.wx-btn.warn{background:#f53f3f;color:#fff;border:none;}
.wx-btn.warn:hover{background:#d43030;}
.wx-btn.sep{background:#fff;color:#4e5969;border:1px dashed #e5e6eb;}
.wx-btn.sm{padding:4px 10px;font-size:12px;}

/* 统计卡片 */
.wx-stat-card{cursor:pointer;transition:transform .15s;}
.wx-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);}

/* ═══ PC 表格 ═══ */
.wx-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0;}
.wx-table th{background:#f7f8fa;padding:10px 12px;font-size:12px;font-weight:600;color:#86909c;text-align:left;border-bottom:1px solid #e5e6eb;}
.wx-table td{padding:10px 12px;font-size:13px;color:#1d2129;border-bottom:1px solid #f5f6f8;}
.wx-table tr:last-child td{border-bottom:none;}
.wx-table tr:hover td{background:#f8faff;}
.wx-status{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap;}

/* ═══ PC 表单 ═══ */
.wx-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:700px;}
.wx-form .wf-full{grid-column:1/-1;}
.wx-form label{font-size:13px;color:#4e5969;display:block;margin-bottom:4px;font-weight:500;}
.wx-card-item{background:#fafbfc;border-radius:8px;padding:16px;margin-bottom:12px;border:1px solid #f0f0f0;}
.wx-card-item-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;align-items:end;}

/* ═══ 移动端底部导航 ═══ */
.wx-mobile-bar{display:none;}
.wx-mb-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 12px;color:#86909c;font-size:12px;}
.wx-mb-item.active{color:#165dff;font-weight:600;}

/* ═══ 移动端卡片列表 ═══ */
.wx-card-list .wx-card-item{cursor:pointer;padding:14px;margin-bottom:8px;transition:all .15s;}
.wx-card-list .wx-card-item:active{background:#f0f5ff;}
.wx-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.wx-card-row .wx-card-title{font-weight:700;font-size:14px;}
.wx-card-row .wx-card-meta{font-size:12px;color:#86909c;margin-top:2px;}

/* ═══ PC端(>=768px) ═══ */
@media(min-width:768px){
  .wx-main{padding:28px 32px;}
  .wx-title{font-size:22px;margin-bottom:20px;}
  .wx-mobile-bar{display:none !important;}
  .wx-card-list-card{display:none;} /* PC端隐藏卡片，用表格 */
  .wx-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .wx-card-item-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;}
}

/* ═══ 移动端(<768px) ═══ */
@media(max-width:767px){
  .wx-nav{display:none;}
  .wx-main{padding:12px 12px 70px;}
  .wx-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;padding:6px 0;z-index:100;}
  .wx-page{max-width:100%;}
  .wx-form{display:flex;flex-direction:column;gap:12px;}
  .wx-card-item-grid{display:flex;flex-direction:column;gap:8px;}
  .wx-pc-only{display:none !important;}
  .wx-table{display:none;}
}