/* ============================================================
   Kory AI · 产品页布局微调  v5
   1) 去掉「我的任务」「分享推广」，只保留「联系客服」并固定右下角
   2) 大屏下收回右侧为悬浮按钮预留的空档
   3) 右侧说明栏统一为编号扁平样式
   纯 CSS 覆盖，不修改任何 JS / HTML / 文字 / 图标 / 图片
   ============================================================ */

/* ---------- 1. 只保留「联系客服」 ---------- */
.kory-product-tools .float-btn--orders,
.kory-product-tools .float-btn--promo {
  display: none !important;
}

.kory-product-tools .float-panel-inner {
  gap: 0 !important;
}

/* ---------- 2. 联系客服固定右下角 ---------- */
.kory-product-tools.float-panel {
  right: 20px !important;
  bottom: max(20px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  top: auto !important;
  animation: none !important;
  transform: none !important;
}

.kory-product-tools .float-btn.float-btn {
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 56px !important;
  min-height: 62px !important;
  padding: 7px 3px !important;
  border-radius: 16px !important;
}

/* ---------- 3. 回收右侧为悬浮按钮预留的空档 ---------- */
@media (min-width: 1101px) {
  .sidebar-page.kory-product-page,
  .page-shell.kory-product-page {
    padding-right: 24px !important;
  }
  .form-page-grid__guide {
    padding-right: 0 !important;
  }
}

/* ---------- 4. 右侧说明栏：统一为编号扁平样式 ---------- */
/* 去掉每个步骤的卡片盒子 */
.task-guide .task-guide__step {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 编号恢复显示 */
.task-guide .task-guide__step-num {
  display: block !important;
}

/* 标题与说明文字的字号、颜色对齐 */
.task-guide .task-guide__step-head {
  margin-bottom: 6px !important;
}

.task-guide .task-guide__step-text {
  font-size: 14px !important;
  color: var(--text-hint) !important;
  line-height: 1.6 !important;
}