/* ========================================
   保修查询工具（电脑 / 笔记本 / 打印机 三页共用）
   ======================================== */

/* 步骤/准备卡片 */
.wa-prep {
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 18px;
}
.wa-prep h3 { font-size: 16px; color: #1f2937; margin: 0 0 12px; display:flex; align-items:center; gap:8px; }
.wa-prep h3 i { color: #2563eb; }
.wa-prep ol { margin: 0; padding-left: 20px; color: #4b5563; font-size: 14px; line-height: 2; }
.wa-prep ol b { color: #1f2937; }

/* 品牌官方查询链接网格 */
.wa-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.wa-brand {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s, transform .1s;
}
.wa-brand:hover { border-color: #2563eb; box-shadow: 0 4px 14px rgba(37,99,235,0.12); transform: translateY(-1px); }
.wa-brand-name { font-size: 15px; font-weight: 700; color: #1f2937; flex-shrink: 0; min-width: 84px; }
.wa-brand-go { font-size: 13px; color: #2563eb; margin-left: auto; display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; }
.wa-brand-note { font-size: 12px; color: #94a3b8; }

/* 保修知识表 */
.wa-know { width: 100%; border-collapse: collapse; font-size: 14px; }
.wa-know th, .wa-know td { border: 1px solid #e5e7eb; padding: 10px 12px; text-align: left; vertical-align: top; }
.wa-know th { background: #f8fafc; color: #374151; font-weight: 600; white-space: nowrap; }
.wa-know td { color: #4b5563; line-height: 1.7; }

/* 提示条 */
.wa-tip {
  display: flex; gap: 10px; align-items: flex-start;
  background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px;
  padding: 12px 16px; font-size: 13.5px; color: #1e40af; line-height: 1.7; margin-bottom: 16px;
}
.wa-tip i { margin-top: 3px; flex-shrink: 0; }
/* 绿色：法定权益/三包 */
.wa-tip-green { background:#f0fdf4 !important; border-color:#bbf7d0 !important; color:#166534 !important; }
.wa-tip-green b { color:#14532d; }

@media (max-width: 640px) {
  .wa-grid { grid-template-columns: 1fr; gap: 10px; }
  .wa-prep { padding: 14px 15px; }
  .wa-brand { padding: 12px 14px; }
  .wa-brand-name { min-width: 72px; font-size: 14px; }
  .wa-know { font-size: 13px; }
  .wa-know th, .wa-know td { padding: 8px 9px; }
}