.fee-rule {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 4px;
}

.fee-rule strong { color: #315fdc; }
.fee-rule span { color: var(--muted); font-size: 12px; }

.channel-results-panel {
  padding-bottom: 16px;
  margin-bottom: 18px;
}

.result-panel { margin-bottom: 18px; }

.shipping-match-note {
  margin: 14px 18px 12px;
  padding: 11px 13px;
  border-radius: 8px;
  background: #eef3ff;
  color: #4d5d7b;
  font-size: 12px;
}

.shipping-match-note b,
.shipping-match-note span { display: block; }
.shipping-match-note b { color: #22375f; margin-bottom: 3px; }

.channel-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0 18px;
}

.channel-card {
  position: relative;
  min-width: 0;
  min-height: 166px;
  padding: 14px 12px;
  border: 1px solid #cbd7f3;
  border-radius: 10px;
  background: #f1f6ff;
  text-align: left;
  cursor: pointer;
  color: #263650;
}

.channel-card:nth-child(2) { background: #f7f1ff; border-color: #dcccf6; }
.channel-card:nth-child(3) { background: #fff2f7; border-color: #f1c9da; }
.channel-card:hover,
.channel-card.active { border-color: #3267f5; box-shadow: 0 0 0 2px #3267f526; }
.channel-card.active::after {
  content: "当前选择";
  position: absolute;
  right: 6px;
  top: -9px;
  padding: 3px 7px;
  border-radius: 9px;
  background: #ef536a;
  color: #fff;
  font-size: 10px;
}

.channel-card b,
.channel-card span,
.channel-card strong,
.channel-card small,
.channel-card em { display: block; }
.channel-card b { color: #1e5af0; font-size: 15px; }
.channel-card span { margin-top: 5px; color: #65728a; font-size: 12px; }
.channel-card strong { margin: 18px 0 5px; color: #ef3d20; font-size: 20px; }
.channel-card small { color: #68748a; font-size: 11px; }
.channel-card em { margin-top: 8px; color: #2c8053; font-size: 11px; font-style: normal; }
.channel-card.unavailable,
.channel-card.placeholder { opacity: .65; cursor: not-allowed; }
.channel-card.unavailable strong { font-size: 15px; color: #8c96a8; }

@media (max-width: 650px) {
  .channel-cards { grid-template-columns: 1fr; }
  .channel-card { min-height: 130px; }
  .channel-card strong { margin-top: 10px; }
}