/* 小红书 AI 算价后台 · 项目局部样式（侧栏品牌与外账 2.0 蓝色系一致） */
.system-xhs .sidebar-brand-text {
  color: #1890ff !important;
}
.system-xhs .sidebar-brand .rounded-full {
  background-color: #1890ff !important;
}
.xhs-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  background: #eef4ff;
  color: #1890ff;
  border: 1px solid #d6e8ff;
}
.xhs-catalog-note {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f6f8fb;
  color: #595959;
  font-size: 13px;
  line-height: 1.55;
}
.xhs-catalog-note a {
  color: #1890ff;
}
.xhs-drawer-block {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.xhs-spec-hint {
  margin: 0 0 10px;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.5;
}
.xhs-spec-hint--block {
  margin: 0 0 12px;
}
.xhs-spec-group-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.xhs-spec-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 0 2px;
}
.xhs-spec-group__title {
  font-size: 13px;
  font-weight: 600;
  color: #1f2733;
}
.xhs-spec-group__svc {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.xhs-spec-groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.xhs-spec-group {
  --xhs-spec-cols: repeat(4, minmax(0, 1fr));
  padding: 12px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: #fafbfc;
}
.xhs-spec-level-labels {
  display: grid;
  grid-template-columns: var(--xhs-spec-cols);
  gap: 8px;
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #8c8c8c;
}
.xhs-spec-group__row {
  display: grid;
  grid-template-columns: var(--xhs-spec-cols);
  gap: 8px;
  align-items: center;
}
.xhs-spec-group__row .d-input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.xhs-spec-del {
  padding: 6px 8px;
  min-width: 36px;
}
.xhs-cover-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  background: #fafafa;
  overflow: hidden;
  vertical-align: middle;
}
.xhs-cover-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xhs-cover-thumb--empty {
  font-size: 12px;
  color: #bfbfbf;
}
.d-table .xhs-cover-thumb {
  margin: 2px 0;
}
.xhs-cover-field .d-control {
  width: 100%;
}
.cps-drawer-form .xhs-upright-field--row {
  display: flex;
  align-items: center;
  gap: var(--ui-form-field-gap, 12px);
  flex-wrap: nowrap;
}
.cps-drawer-form .xhs-upright-field--row .xhs-upright-field__label {
  flex: 0 0 var(--ui-form-label-width, 128px);
  width: var(--ui-form-label-width, 128px);
  text-align: right;
  line-height: 20px;
  padding-top: 0;
  color: #667282;
  font-weight: 500;
  font-size: 13px;
}
.cps-drawer-form .xhs-upright-field--row .xhs-form-check-card {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.cps-drawer-form .xhs-form-check-card {
  margin: 0;
  cursor: pointer;
}
.cps-drawer-form .xhs-form-check-card .xhs-svc-opt__label {
  min-width: 0;
  color: #434343;
}
.xhs-form-check-cards {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}
.xhs-vehicle-cards .xhs-form-check-card {
  flex: 1 1 0;
  min-width: 108px;
}
.xhs-cover-upload {
  position: relative;
  max-width: 100%;
}
.xhs-cover-upload__file {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.xhs-cover-upload__card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.xhs-cover-upload__preview {
  width: 72px;
  height: 72px;
  border-radius: 6px;
  border: 1px dashed #d9d9d9;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  margin: 0;
  transition: border-color 0.15s;
}
.xhs-cover-upload__preview:hover {
  border-color: #1890ff;
}
.xhs-cover-upload__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.xhs-cover-upload__mask {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.15s;
}
.xhs-cover-upload__preview:hover .xhs-cover-upload__mask {
  opacity: 1;
}
.xhs-cover-upload__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 11px;
  color: #8c8c8c;
  text-align: center;
  padding: 8px;
  pointer-events: none;
}
.xhs-cover-upload__placeholder svg {
  color: #bfbfbf;
}
.xhs-cover-upload__meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 2px;
}
.cps-drawer-form .xhs-cover-field .xhs-cover-upload__hint {
  font-size: 11px;
  line-height: 1.45;
}
.xhs-cover-upload__hint {
  margin: 0;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.55;
}
.xhs-svc-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}
.xhs-svc-block__label {
  font-size: 13px;
  font-weight: 600;
  color: #1f2733;
  line-height: 1.4;
}
.xhs-svc-list--row {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: var(--xhs-spec-cols);
  gap: 8px;
  align-items: stretch;
}
.xhs-svc-list--row .xhs-svc-opt.d-checkbox-card {
  width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.xhs-svc-list--row[data-svc-type='pack'] .xhs-svc-opt.d-checkbox-card {
  grid-column: span 2;
}
.xhs-svc-opt.d-checkbox-card {
  margin: 0;
}
/* 默认可选（不打包/不拆装）：保持选中高亮，避免 disabled 时看起来像未勾选 */
.xhs-svc-opt.d-checkbox-card:has(input[type="checkbox"]:checked:disabled),
.xhs-svc-opt.d-checkbox-card:has(input[data-svc-fixed="1"]:checked) {
  border-color: var(--ui-checkbox-checked-border);
  background: var(--blue-soft);
}
.xhs-svc-opt--fixed {
  cursor: default;
}
.xhs-svc-opt--fixed .xhs-svc-opt__fee .d-input[readonly] {
  color: #8c8c8c;
  background: #fafafa;
  cursor: default;
}
.xhs-svc-opt__label {
  min-width: 4.5em;
  color: #434343;
}
.xhs-svc-opt__fee {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8c8c8c;
  font-size: 12px;
}
.xhs-svc-opt__fee .d-input {
  width: 72px;
  height: 32px;
  padding: 4px 8px;
}
.live-drawer .live-body.cps-drawer-body {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.live-drawer .live-body.cps-drawer-body:has(.xhs-drawer-split) {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
.xhs-drawer-split {
  display: flex;
  flex: 1;
  min-height: 0;
  height: 100%;
  align-items: stretch;
}
.xhs-drawer-tree {
  width: 240px;
  flex-shrink: 0;
  border-right: 1px solid #f0f0f0;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  padding: 8px 12px;
  box-sizing: border-box;
  overflow-y: auto;
}
.xhs-drawer-tree .menu-item.menu-depth-1 {
  padding-left: 28px;
}
.xhs-drawer-tree .menu-item.menu-depth-2 {
  padding-left: 44px;
}
.xhs-drawer-tree .xhs-tree-new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  background: #fff;
  font-size: 13px;
  color: #1890ff;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  box-sizing: border-box;
}
.xhs-drawer-tree .xhs-tree-new:hover {
  border-color: #91caff;
  background: #f0f7ff;
}
.xhs-drawer-tree .xhs-tree-new.is-active {
  border-color: #1890ff;
  background: #e6f4ff;
  color: #1890ff;
  font-weight: 600;
}
.xhs-drawer-tree .menu-item-left .xhs-tree-count {
  margin-left: 6px;
  font-size: 12px;
  color: #9ca3af;
  font-weight: 400;
}
.xhs-drawer-tree .menu-item.active .xhs-tree-count,
.xhs-drawer-tree .menu-item.parent-expanded .xhs-tree-count {
  color: #1890ff;
}
.xhs-drawer-tree .menu-item.is-disabled {
  color: #bfbfbf;
  cursor: default;
}
.xhs-drawer-tree .menu-item.is-disabled:hover {
  background: transparent;
}
.xhs-drawer-tree .xhs-tree-empty-item {
  color: #bfbfbf;
  cursor: default;
  pointer-events: none;
}
.xhs-drawer-tree .xhs-tree-empty-item:hover {
  background: transparent;
}
.xhs-drawer-editor {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 16px 20px 20px;
  box-sizing: border-box;
}