/* ============================================================
   提货卡密页 kami.html 专属样式（曦金 v3 口径）
   ============================================================ */
.kami-wrap { max-width: 1200px; }
.kami-card-box {
  background: #fff;
  border: 1px solid var(--mh-border, #E5E0D5);
  border-radius: 8px;
  padding: 28px 30px 30px;
  box-shadow: 0 4px 16px rgba(27, 30, 36, 0.05);
}
.kami-head { margin-bottom: 14px; }
.kami-tip { color: #8A8F99; font-size: 13px; margin-top: 8px; line-height: 1.7; }
.kami-login-tip {
  background: #FBF7EE;
  border: 1px dashed #E0C98F;
  border-radius: 6px;
  padding: 18px;
  text-align: center;
  color: #6B5B3E;
}
.kami-login-tip a { color: #C99B3F; font-weight: 600; }
.kami-table-wrap { overflow-x: auto; }
.kami-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.kami-table th {
  background: #F7F4EC;
  color: #3D4149;
  text-align: left;
  padding: 12px 14px;
  font-weight: 600;
  white-space: nowrap;
}
.kami-table td {
  padding: 14px;
  border-bottom: 1px solid #F0EDE5;
  color: #2A2E36;
  word-break: break-all;
}
.kami-table .kami-key { font-family: Consolas, Monaco, monospace; letter-spacing: 0.5px; }
.kami-table .kami-status-0 { color: #C99B3F; font-weight: 600; }
.kami-table .kami-status-1 { color: #8A8F99; }
.kami-copy {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: #C99B3F;
  cursor: pointer;
  user-select: none;
}
.kami-copy:hover { text-decoration: underline; }
.kami-btn {
  display: inline-block;
  padding: 7px 18px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid #C99B3F;
  color: #C99B3F;
  background: #fff;
  transition: all .2s;
  white-space: nowrap;
}
.kami-btn:hover { background: #C99B3F; color: #fff; }
.kami-btn[disabled] { border-color: #D8D8D8; color: #B8B8B8; cursor: not-allowed; background: #FAFAFA; }
.kami-btn-primary { background: #1B1E24; border-color: #1B1E24; color: #fff; }
.kami-btn-primary:hover { background: #C99B3F; border-color: #C99B3F; }
.kami-loading, .kami-empty { text-align: center; color: #8A8F99; padding: 30px 0 !important; }
.kami-form .kami-row { display: flex; gap: 16px; }
.kami-form .kami-row .kami-group { flex: 1; }
.kami-group { margin-bottom: 16px; }
.kami-group label { display: block; font-size: 14px; color: #3D4149; margin-bottom: 8px; font-weight: 600; }
.kami-group .req { color: #D9502E; }
.kami-group input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E0DCD2;
  border-radius: 4px;
  padding: 11px 14px;
  font-size: 14px;
  color: #2A2E36;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.kami-group input:focus {
  border-color: #C99B3F;
  box-shadow: 0 0 0 3px rgba(201, 155, 63, 0.14);
}
.kami-submit {
  display: inline-block;
  padding: 12px 40px;
  background: #1B1E24;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s;
}
.kami-submit:hover { background: #C99B3F; }
.kami-submit[disabled] { background: #B8B8B8; cursor: not-allowed; }
.kami-result { margin-top: 14px; font-size: 14px; display: none; }
.kami-result.ok { display: block; color: #3E8E5A; }
.kami-result.err { display: block; color: #D9502E; }
.kami-banner-badge {
  display: inline-block;
  background: rgba(201, 155, 63, 0.16);
  color: #E8C57C;
  border: 1px solid rgba(201, 155, 63, 0.4);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  margin-bottom: 12px;
  letter-spacing: 2px;
}
.mt-30 { margin-top: 30px; }
@media (max-width: 768px) {
  .kami-form .kami-row { flex-direction: column; gap: 0; }
  .kami-card-box { padding: 20px 16px; }
}