/* care objects tail */
.object-list { padding: 8px 12px 0; }
.object-card {
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 1px 5px rgba(0,0,0,0.04);
  border: 0.5px solid rgba(255,255,255,0.75);
}

.object-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.object-name { display: block; font-size: 15px; font-weight: 700; color: #1D1D1F; }
.object-meta { display: block; margin-top: 4px; font-size: 11.5px; color: #86868B; }

.object-status {
  flex-shrink: 0;
  padding: 4px 8px;
  border-radius: 499.5px;
  font-size: 10.5px;
  font-weight: 700;
}

.object-status.ok { background: rgba(52,199,89,0.12); color: #34C759; }
.object-status.warn { background: rgba(255,149,0,0.14); color: #FF9500; }

.object-bind-status {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 8px;
  border-radius: 499.5px;
  font-size: 10.5px;
  font-weight: 700;
}

.object-bind-status.ok { background: rgba(52,199,89,0.12); color: #34C759; }
.object-bind-status.warn { background: rgba(255,149,0,0.14); color: #FF9500; }

.object-contact {
  display: block;
  margin-top: 6px;
  font-size: 11.5px;
  color: #6B7280;
  line-height: 1.6;
  word-break: break-all;
}

.object-notes {
  display: block;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.6;
  color: #5F6B7A;
}

.object-summary {
  margin-top: 7px;
  font-size: 11px;
  color: #9AA0A6;
}

.object-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.btn-action {
  padding: 5px 11px;
  border-radius: 6px;
  font-size: 11.5px;
  transition: transform .18s ease, opacity .18s ease;
}
.btn-action:active { transform: scale(.96); opacity: .86; }

.btn-action.primary { background: rgba(74,144,217,0.1); color: #4A90D9; }
.btn-action.info { background: rgba(52,199,89,0.1); color: #34C759; }
.btn-action.share {
  background: rgba(255,182,77,0.16);
  color: #D97706;
  border: none;
  line-height: normal;
}
.btn-action.copy { background: rgba(90,103,216,0.08); color: #5A67D8; }
.btn-action.edit { background: rgba(90,103,216,0.08); color: #5A67D8; }
.btn-action.del { background: rgba(255,59,48,0.08); color: #FF3B30; }

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 20px 40px;
}

.empty-icon { font-size: 48px; opacity: 0.42; display: block; }
.empty-title { display: block; margin-top: 9px; font-size: 15px; font-weight: 700; color: #1D1D1F; }
.empty-desc { display: block; margin-top: 5px; font-size: 12px; line-height: 1.6; color: #8A94A6; text-align: center; }

.add-area { padding: 0 12px 14px; }
.btn-add {
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
  background: linear-gradient(135deg, #FFB64D, #FF8A3D);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
}
.btn-add:active { transform: scale(.985); }

.btn-add::after { border: none; }

.modal-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 998; }
.modal-body {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: #FFFFFF;
  border-radius: 16px 16px 0 0;
  max-height: 85vh;
  transform: translateY(100%);
  transition: .35s ease;
}

.modal-body.show { transform: translateY(0); }
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #F2F4F7;
}

.modal-title { font-size: 17px; font-weight: 700; color: #1D1D1F; }
.modal-close { font-size: 20px; color: #C4C8D0; padding: 0 4px; }

.form-area { padding: 14px 16px; max-height: 56vh; overflow-y: auto; }
.form-group { margin-bottom: 14px; }
.form-label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 500; color: #6B7280; }
.form-input,
.form-picker,
.form-textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E5E7EB;
  border-radius: 9px;
  background: #F7F8FA;
  font-size: 14px;
  color: #1D1D1F;
}

.form-input,
.form-picker {
  height: 42px;
  line-height: 42px;
  padding: 0 12px;
}

.form-textarea {
  min-height: 90px;
  padding: 10px 12px;
  line-height: 1.6;
}

.wxid-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.wxid-row .form-input { flex: 1; }

.scan-btn {
  width: 75px;
  height: 42px;
  line-height: 42px;
  border-radius: 9px;
  background: linear-gradient(135deg, #4A90D9, #5BA3F0);
  color: #FFFFFF !important;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}

.scan-btn::after { border: none; }

.openid-hint {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  margin-top: 6px;
  padding: 7px 8px;
  background: rgba(255,149,0,0.06);
  border-radius: 6px;
}

.hint-icon {
  font-size: 12px;
  flex-shrink: 0;
  line-height: 1.6;
}

.hint-text {
  font-size: 11px;
  color: #9AA0A6;
  line-height: 1.6;
}

.modal-footer {
  display: flex;
  gap: 8px;
  padding: 10px 16px 24px;
  border-top: 1px solid #F2F4F7;
}

.modal-cancel,
.modal-confirm {
  flex: 1;
  height: 41px;
  line-height: 41px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
}

.modal-cancel::after,
.modal-confirm::after { border: none; }
.modal-cancel { background: transparent; border: 1px solid #E5E7EB; color: #6B7280; }
.modal-confirm { background: #4A90D9; color: #FFFFFF; }
.header-title{color:#172033;font-weight:900}
.summary-card,.object-card{border-radius:15px;border:0.5px solid #E7EDF4;box-shadow:0 6px 15px rgba(15,23,42,.06)}
.object-status,.object-bind-status{min-height:22px;padding:4px 9px;border-radius:499.5px;font-size:11px;font-weight:900;line-height:1.2}
.object-status.ok,.object-bind-status.ok{background:#EAF8EF;color:#24A26B}
.object-status.warn,.object-bind-status.warn{background:#FFF4DC;color:#B86B00}
.btn-action{min-height:26px;line-height:26px;padding:0 11px;border-radius:499.5px;font-weight:800;box-sizing:border-box}
.btn-action.primary,.btn-action.info{background:#EAF8EF;color:#24A26B}
.btn-action.share{background:#FFF4DC;color:#B86B00}
.empty-state{padding:48px 20px 36px}
.empty-icon{color:#A6AFBA;opacity:.72}
.empty-title{color:#172033;font-weight:900}
.empty-desc{color:#667386}
.modal-cancel{background:#F1F6FA!important;color:#172033!important;border:0!important;border-radius:499.5px}
.header,.summary-card,.object-card,.modal-body,.empty-state{
  background:rgba(255,255,255,.9);
  border-color:#F0DDD2;
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}
.header-title,.summary-title,.object-name,.empty-title,.modal-title{color:#3B2A25}
.header-sub,.summary-desc,.object-meta,.object-contact,.object-notes,.empty-desc,.form-label{color:#8A746B}
.object-status.ok,.object-bind-status.ok,.btn-action.primary,.btn-action.info{background:#FFF1EA!important;color:#C97854!important}
.object-status.warn,.object-bind-status.warn,.btn-action.share{background:#FFF5DF!important;color:#B87825!important}
.btn-action.copy,.btn-action.edit,.modal-cancel{background:#FFF4EA!important;color:#5A3B31!important}