/* 资源采集器 —— 只负责发布页顶部那一条采集栏。
   颜色一律取站点自己的变量，换主题跟着走；变量不存在时用兜底值。 */

.x6gc-bar {
  margin: 0 0 18px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid var(--ls-border-color, rgba(0, 0, 0, 0.08));
  background: var(--ls-bg-soft, rgba(90, 120, 255, 0.06));
  color: var(--ls-text-color, inherit);
}

.x6gc-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.x6gc-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 15px;
}

.x6gc-title .remix-icon {
  font-size: 17px;
  opacity: 0.85;
}

.x6gc-hint {
  font-size: 12.5px;
  line-height: 1.5;
  opacity: 0.65;
}

.x6gc-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.x6gc-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid var(--ls-border-color, rgba(0, 0, 0, 0.14));
  background: var(--ls-bg-color, #fff);
  color: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.x6gc-input:focus {
  border-color: var(--ls-primary-color, #3b82f6);
  box-shadow: 0 0 0 3px var(--ls-primary-color-soft, rgba(59, 130, 246, 0.14));
}

.x6gc-input[readonly] {
  opacity: 0.7;
}

.x6gc-btn {
  flex: 0 0 auto;
  height: 40px;
  padding: 0 22px;
  border: none;
  border-radius: 10px;
  background: var(--ls-primary-color, #3b82f6);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.x6gc-btn:hover:not(:disabled) { opacity: 0.92; }
.x6gc-btn:active:not(:disabled) { transform: translateY(1px); }
.x6gc-btn:disabled { opacity: 0.6; cursor: not-allowed; }

.x6gc-status {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.55;
  word-break: break-word;
}

.x6gc-status .remix-icon {
  flex: 0 0 auto;
  margin-top: 2px;
  font-size: 15px;
}

.x6gc-status.is-busy { opacity: 0.85; }
.x6gc-status.is-ok { color: var(--ls-success-color, #16a34a); }
.x6gc-status.is-error { color: var(--ls-danger-color, #dc2626); }

.x6gc-spin {
  display: inline-block;
  animation: x6gc-rotate 0.9s linear infinite;
}

@keyframes x6gc-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
  .x6gc-row { flex-direction: column; }
  .x6gc-btn { width: 100%; }
}