/**
 * DK Smart Guidance Bar — 顶部智能引导消息条 V1 展示层
 *
 * 挂载标记 #dkShell.dk-smart-on：adapter 未启动时本文件零生效（准则 6）。
 * 消息条节点本身也由 JS 创建 —— flag 关闭时顶部就是"返回键 + 品牌"原样。
 *
 * 视觉冻结（冻结方案 §1）：
 *   浅色背景 + 细边框 + 无阴影 + 单行文案 + 左侧小型紫色智能图标。
 *   不要酷炫 / 闪烁 / 渐变动画 / 跑马灯。
 *
 * 布局契约（不可违反）：
 *   Header 高度恒为 --dk-header-h (56px)。#dkCanvasClick 的 top 与
 *   DK.features.stageFit 都依赖该变量 —— 消息条只在 56px 内做单行截断，
 *   任何会撑高 header 的规则（height/padding/line-height/wrap）都禁止出现。
 *   返回键与品牌保持固定宽度，只有消息内容做 opacity 淡入淡出。
 */

@media (max-width: 768px) {

  /* 品牌与返回键固定，剩余空间全部交给消息条（只在 adapter 启动后生效） */
  .dk-smart-on .dk-header-title {
    flex: 0 0 auto;
    max-width: 42vw;
  }

  /* ── 消息容器 ── */
  .dk-smart-on .dk-sb {
    /* 布局：单行，横向自适应剩余宽度，绝不影响 header 高度 */
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
    height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    box-sizing: border-box;

    /* 视觉：浅色 + 细边框 + 无阴影 */
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--dk-border);
    border-radius: 15px;
    box-shadow: none;

    font-family: inherit;
    text-align: left;
    cursor: default;
    -webkit-appearance: none;
    appearance: none;

    /* 默认隐藏：不占命中、不显形；显隐一律 opacity + visibility，禁 display:none */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease-in-out;
  }

  /* 可见态（DK.state.smartBar.visible → dk-sb-show） */
  .dk-smart-on .dk-sb.dk-sb-show {
    opacity: 1;
    visibility: visible;
  }

  /* 文案切换：淡出 → 换字 → 淡入（高度不变，无位移） */
  .dk-smart-on .dk-sb.dk-sb-swap {
    opacity: 0;
  }

  /* 纯提示：不可点，不接命中（准则 4：视觉与命中同时关闭） */
  .dk-smart-on .dk-sb.dk-sb-static {
    pointer-events: none;
    cursor: default;
  }

  /* 行动提示：整条可点 */
  .dk-smart-on .dk-sb.dk-sb-cta {
    pointer-events: auto;
    cursor: pointer;
    border-color: rgba(92, 86, 245, 0.35);
    background: rgba(255, 255, 255, 0.92);
  }
  .dk-smart-on .dk-sb.dk-sb-cta:active {
    background: var(--dk-primary-soft);
    transform: scale(0.985);
  }

  /* ── 左侧智能图标（小型、紫色、静止） ── */
  .dk-smart-on .dk-sb-icon {
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 1;
    color: var(--dk-primary);
  }

  /* ── 单行文案：长文截断，绝不换行 ── */
  .dk-smart-on .dk-sb-text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: -0.1px;
    line-height: 1;
    color: var(--dk-text-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ── 尾部箭头：仅行动提示显示 ── */
  .dk-smart-on .dk-sb-arrow {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1;
    color: var(--dk-primary);
    display: none;
  }
  .dk-smart-on .dk-sb.dk-sb-cta .dk-sb-arrow {
    display: block;
  }

  /* 极窄屏（≤360px）：进一步压缩品牌宽度，保证消息仍有可读区间 */
  @media (max-width: 360px) {
    .dk-smart-on .dk-header-title { max-width: 32vw; }
    .dk-smart-on .dk-sb { margin-left: 6px; padding: 0 8px; }
    .dk-smart-on .dk-sb-text { font-size: 11px; }
  }

} /* end @media (max-width: 768px) */