/* ============================================================
   codex-gpt-store.css — 专家·技能·连接器
   对标：Codex 26.1007.2314「自定义 → 插件」页（左栏 275px + 主区 960px）
   命名：.cdx-gpt-*；几何按 Tailwind v4（--spacing .25rem = 4px）
   行 token（app-shared 坐实）：--height-token-row 36px / --padding-row-x 8px /
     --padding-row-y 6px / --radius-token-row 10px
   字号：Codex 24/18/16/14/12px → 本 DEMO text-ui 档（display-sm / xl / lg / base / sm）
   ============================================================ */

:root{
  /* 14px 基线保持 Codex 比例，字号 alias 统一定义于 tokens.css。 */
  --gpt-shadow-card: 0 4px 16px 0 color-mix(in oklab, var(--color-foreground) 5%, transparent);
  --gpt-surface-elevated: color-mix(in oklab, var(--color-foreground) 2%, transparent);
  --gpt-surface-elevated-dark: color-mix(in oklab, var(--color-foreground) 3%, transparent);
  --gpt-ghost-hover: color-mix(in oklab, var(--color-foreground) 8%, transparent);
  --gpt-ghost-hover-50: color-mix(in oklab, var(--color-foreground) 4%, transparent);
  --gpt-border-subtle: color-mix(in oklab, var(--color-foreground) 5%, transparent);
  --gpt-border-light: color-mix(in oklab, var(--color-foreground) 8%, transparent);
  --gpt-border-strong: color-mix(in oklab, var(--color-foreground) 12%, transparent);
  --gpt-text-tertiary: color-mix(in oklab, var(--color-foreground) 50%, transparent);
  --gpt-text-secondary: color-mix(in oklab, var(--color-foreground) 65%, transparent);
  /* Codex --color-codex-description = text 70% */
  --gpt-codex-description: color-mix(in oklab, var(--color-foreground) 70%, transparent);
  /* Codex surface-secondary：浅 gray-50 #f9f9f9 / 深 #181818 */
  --gpt-surface-secondary: #f9f9f9;
  /* Codex primary-ghost-hover：浅 #0000000d / 深 #ffffff1a */
  --gpt-primary-ghost-hover: rgba(0, 0, 0, .05);
  /* Codex 行 / 分区几何 token */
  --gpt-row-height: 36px;
  --gpt-row-pad-x: 8px;
  --gpt-row-pad-y: 6px;
  --gpt-row-radius: 10px;
  --gpt-btn-h: 32px;
  --gpt-content-max: var(--page-wide-max);
  --gpt-content-pad: var(--page-directory-pad);
  --gpt-aside-w: 275px;
  --gpt-chart-blue: #0b7fff;
  --gpt-warning: #d97706;
  --gpt-warning-bg: color-mix(in oklab, #d97706 12%, transparent);
}
.dark, .theme-zai-dark{
  --gpt-surface-secondary: #181818;
  --gpt-primary-ghost-hover: rgba(255, 255, 255, .1);
}

/* 「个人」目录的 underline 子 tab（Codex SegmentedControl variant:"underline"） */
.cdx-gpt-utabs{
  display:flex;align-items:center;gap:24px;
  border-bottom:1px solid var(--gpt-border-light);
  margin-bottom:16px;
}
.cdx-gpt-utab{
  position:relative;padding:6px 2px 10px;border:0;background:transparent;
  color:var(--gpt-text-secondary);font-size:var(--gpt-fs-base);font-weight:500;
  line-height:20px;cursor:pointer;transition:color .12s ease;
}
.cdx-gpt-utab:hover{color:var(--color-foreground)}
.cdx-gpt-utab.is-active{color:var(--color-foreground)}
.cdx-gpt-utab.is-active::after{
  content:'';position:absolute;inset-inline:0;bottom:-1px;height:2px;
  background:var(--color-foreground);border-radius:1px;
}

/* 「受限」warning pill + 原因行（Codex restrictedBadge / text-warning） */
.cdx-gpt-pill{
  display:inline-flex;align-items:center;flex-shrink:0;
  height:18px;padding:0 6px;border-radius:var(--radius-full);
  font-size:var(--gpt-fs-xs);font-weight:500;line-height:1;white-space:nowrap;
}
.cdx-gpt-pill--warning{background:var(--gpt-warning-bg);color:var(--gpt-warning)}
.cdx-gpt-pill--outline{
  border:1px solid var(--gpt-border-strong);background:transparent;
  color:var(--gpt-text-secondary);
}
.cdx-gpt-row-reason{
  font-size:var(--gpt-fs-xs);line-height:16px;color:var(--gpt-warning);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-row.is-restricted .cdx-gpt-row-name{opacity:.75}

/* ---------- 添加弹窗（对标 Codex AddMarketplaceDialog） ---------- */
.cdx-gpt-add-dialog{max-width:480px}
.cdx-gpt-add-dialog-body{padding:24px 24px 8px}
.cdx-gpt-add-dialog-title{
  font-size:var(--gpt-fs-lg);font-weight:600;line-height:24px;
  color:var(--color-foreground);
}
.cdx-gpt-add-dialog-desc{
  margin:6px 0 20px;font-size:var(--gpt-fs-base);line-height:22px;
  color:var(--gpt-text-secondary);
}
.cdx-gpt-add-dialog-label{
  display:block;margin-bottom:6px;font-size:var(--gpt-fs-sm);font-weight:500;
  color:var(--color-foreground);
}
.cdx-gpt-add-dialog-input{
  width:100%;height:36px;box-sizing:border-box;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-md);
  background:transparent;padding:0 10px;
  font:inherit;font-size:var(--gpt-fs-base);color:var(--color-foreground);
  outline:none;transition:border-color .12s ease;
}
.cdx-gpt-add-dialog-input:focus{border-color:color-mix(in oklab, var(--color-foreground) 40%, transparent)}
.cdx-gpt-add-dialog-input::placeholder{color:color-mix(in oklab, var(--color-foreground) 45%, transparent)}
.cdx-gpt-add-dialog-footer{
  display:flex;justify-content:flex-end;gap:8px;
  padding:20px 24px 24px;
}

/* ---------- 设置页「插件」分区（对标 Codex /settings/plugins-settings） ---------- */
.cdx-gpt-set-head{margin-bottom:12px}
.cdx-gpt-set-title{margin:0;font-size:var(--text-ui-2xl);font-weight:600;line-height:28px;color:var(--color-foreground)}
.cdx-gpt-set-sub{margin:4px 0 0;font-size:var(--gpt-fs-base);line-height:20px;color:var(--gpt-text-secondary)}
.cdx-gpt-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.cdx-gpt-set-list{display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-lg)}
.cdx-gpt-set-item{display:flex;align-items:center;gap:12px;padding:12px 20px;min-height:64px}
.cdx-gpt-set-item + .cdx-gpt-set-item{border-top:1px solid var(--gpt-border-subtle)}
.cdx-gpt-set-item-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.cdx-gpt-set-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.cdx-gpt-set-item-name{font-size:var(--gpt-fs-base);font-weight:500;color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdx-gpt-set-item-desc{font-size:var(--gpt-fs-sm);line-height:18px;color:var(--gpt-text-secondary);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- 页面壳（左栏 + 主区） ---------- */
.cdx-gpt-root{
  position:relative;height:100%;min-height:0;
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--color-panel);color:var(--color-foreground);
}
.cdx-gpt-shell{display:flex;flex:1;min-height:0;min-width:0}

/* ---------- 左栏 275px（Codex --spacing-token-sidebar = clamp(240, 偏好值, min(520, 100vw-320))） ---------- */
.cdx-gpt-aside{
  position:relative;
  width:clamp(240px, var(--gpt-aside-w, 275px), min(520px, calc(100vw - 320px)));
  flex:none;
  display:flex;flex-direction:column;gap:16px;
  padding:16px 12px;overflow-y:auto;
  border-inline-end:1px solid var(--gpt-border-subtle);
}
/* 拖拽调宽把手（Codex sidebar 可拖——DEMO 补的交互） */
.cdx-gpt-aside-resize{
  position:absolute;top:0;bottom:0;inset-inline-end:-3px;width:6px;
  cursor:col-resize;z-index:5;background:transparent;
  transition:background .12s ease;
}
.cdx-gpt-aside-resize:hover,
body.is-col-resizing .cdx-gpt-aside-resize{background:color-mix(in oklab, var(--color-foreground) 10%, transparent)}
body.is-col-resizing{cursor:col-resize;user-select:none}
.cdx-gpt-aside-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-inline:8px 4px;
}
.cdx-gpt-aside-title{
  margin:0;font-size:var(--gpt-fs-heading-sm);font-weight:600;line-height:24px;
  color:var(--color-foreground);
}

/* 左栏 nav 行：h-36 / gap-8 / px-8 py-6 / radius-10 / 选中·hover = text 5% */
.cdx-gpt-nav{display:flex;flex-direction:column;gap:2px}
.cdx-gpt-nav-row{
  display:flex;align-items:center;gap:8px;
  min-height:var(--gpt-row-height);
  padding:var(--gpt-row-pad-y) var(--gpt-row-pad-x);
  border:0;border-radius:var(--gpt-row-radius);
  background:transparent;color:color-mix(in oklab, var(--color-foreground) 80%, transparent);
  font-size:var(--gpt-fs-base);font-weight:500;line-height:20px;
  text-align:left;cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.cdx-gpt-nav-row:hover{background:var(--gpt-primary-ghost-hover);color:var(--color-foreground)}
.cdx-gpt-nav-row.is-active{background:var(--gpt-primary-ghost-hover);color:var(--color-foreground)}
.cdx-gpt-nav-ico{display:inline-flex;flex-shrink:0;color:var(--gpt-text-secondary);line-height:0}
.cdx-gpt-nav-row.is-active .cdx-gpt-nav-ico,
.cdx-gpt-nav-row:hover .cdx-gpt-nav-ico{color:var(--color-foreground)}
.cdx-gpt-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 已安装分区（标题 16px/500 tertiary，h-36 / ps-8 pe-6） */
.cdx-gpt-installed{display:flex;flex-direction:column;gap:2px}
.cdx-gpt-installed-title{
  display:flex;align-items:center;min-height:var(--gpt-row-height);
  padding-inline:8px 6px;
  font-size:var(--gpt-fs-base);font-weight:500;line-height:20px;
  color:var(--gpt-text-tertiary);
}
.cdx-gpt-installed-list{display:flex;flex-direction:column;gap:2px}
.cdx-gpt-installed-row{
  position:relative;display:flex;align-items:center;gap:4px;
  min-height:var(--gpt-row-height);
  padding:var(--gpt-row-pad-y) var(--gpt-row-pad-x);
  border-radius:var(--gpt-row-radius);
  transition:background .12s ease;
}
.cdx-gpt-installed-row:hover,
.cdx-gpt-installed-row.is-open{background:var(--gpt-primary-ghost-hover)}
.cdx-gpt-installed-main{
  display:flex;align-items:center;gap:8px;flex:1;min-width:0;
  padding:0;border:0;background:transparent;color:inherit;
  text-align:left;cursor:pointer;
}
.cdx-gpt-installed-ico{
  display:flex;align-items:center;justify-content:center;
  width:16px;height:16px;flex-shrink:0;border-radius:4px;overflow:hidden;
}
.cdx-gpt-installed-ico img{width:100%;height:100%;object-fit:contain}
.cdx-gpt-installed-ico .cdx-gpt-tile-letter{font-size:8px;line-height:1}
.cdx-gpt-installed-name{
  flex:1;min-width:0;font-size:var(--gpt-fs-base);line-height:20px;
  color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-installed-more{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;flex-shrink:0;
  border:0;border-radius:6px;background:transparent;
  color:var(--gpt-text-secondary);cursor:pointer;
  opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease;
}
.cdx-gpt-installed-row:hover .cdx-gpt-installed-more,
.cdx-gpt-installed-row.is-open .cdx-gpt-installed-more,
.cdx-gpt-installed-more:focus-visible{opacity:1}
.cdx-gpt-installed-more:hover{background:var(--gpt-ghost-hover);color:var(--color-foreground)}
.cdx-gpt-installed-empty{
  padding:var(--gpt-row-pad-y) var(--gpt-row-pad-x);
  font-size:var(--gpt-fs-sm);line-height:18px;
  color:var(--gpt-text-tertiary);
}

/* ---------- 主区 ---------- */
.cdx-gpt-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}

/* 页头 + 目录 Tab：与正文同处滚动流内，sticky 吸顶（Codex PageShell `_shell_bomwa_` + `_navigation_`） */
.cdx-gpt-sticky{
  position:sticky;top:0;z-index:20;
  background:var(--color-panel);
  border-bottom:1px solid transparent;
  transition:border-color .15s ease;
}
.cdx-gpt-sticky.is-stuck{border-bottom-color:var(--gpt-border-subtle)}
.cdx-gpt-head{width:100%;max-width:var(--gpt-content-max);margin:0 auto;padding:var(--sp-5) var(--gpt-content-pad) var(--sp-2)}
.cdx-gpt-head-inner{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  max-width:var(--gpt-content-max);margin:0 auto;
}
.cdx-gpt-titleblock{display:flex;flex-direction:column;gap:2px;min-width:0}
/* h1 = flex min-h-9 items-center + heading-lg(24px/600) */
.cdx-gpt-h1{
  margin:0;display:flex;align-items:center;min-height:36px;
  font-size:var(--text-ui-2xl);font-weight:600;line-height:1.4;
  letter-spacing:0;color:var(--color-foreground);
}
/* 副标题 = text-base leading-6 text-secondary */
.cdx-gpt-sub{
  margin:0;max-width:46ch;
  font-size:var(--gpt-fs-base);line-height:24px;
  color:var(--gpt-text-secondary);
}
.cdx-gpt-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-top:0}
.cdx-gpt-toolbar-group{display:flex;align-items:center;gap:8px}

/* 公开 / 个人 胶囊 Tabs（整行） */
.cdx-gpt-viewrow{width:100%;max-width:var(--gpt-content-max);margin:0 auto;padding:var(--sp-2) var(--gpt-content-pad) var(--sp-2-5)}
.cdx-gpt-viewrow-inner{max-width:var(--gpt-content-max);margin:0 auto}
.cdx-gpt-tabs{display:inline-flex;align-items:center;gap:4px}
.cdx-gpt-tab-count{margin-inline-start:6px;font-size:var(--gpt-fs-sm);color:var(--gpt-text-tertiary)}
.cdx-gpt-tab{
  display:inline-flex;align-items:center;
  height:36px;padding:0 16px;border:0;border-radius:var(--radius-full);
  background:transparent;color:var(--gpt-text-secondary);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:1;cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.cdx-gpt-tab:hover{background:var(--gpt-ghost-hover-50);color:var(--color-foreground)}
.cdx-gpt-tab.is-active{background:var(--gpt-primary-ghost-hover);color:var(--color-foreground)}

/* ---------- 滚动体（内容列 960 / 左右 48） ---------- */
.cdx-gpt-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 48px}
.cdx-gpt-page{
  width:100%;max-width:var(--gpt-content-max);
  margin:0 auto;padding:16px var(--gpt-content-pad) 0;
  container-type:inline-size;
}
.cdx-gpt-body{display:flex;flex-direction:column;gap:32px}

/* ---------- 搜索框（Codex _search_：固定 240px，胶囊 h-32） ---------- */
.cdx-gpt-search{
  position:relative;flex:none;
  width:240px;min-width:160px;max-width:240px;
  display:flex;align-items:center;height:var(--gpt-btn-h);gap:8px;
  border:1px solid var(--gpt-border-strong);
  border-radius:var(--radius-full);
  background:transparent;padding:0 12px;color:var(--color-foreground);
  transition:border-color .15s ease;
}
.cdx-gpt-search:hover{border-color:var(--gpt-border-strong)}
.cdx-gpt-search:focus-within{border-color:color-mix(in oklab, var(--color-foreground) 40%, transparent)}
.cdx-gpt-search-ico{display:inline-flex;color:var(--gpt-text-tertiary);line-height:0;flex-shrink:0}
.cdx-gpt-search-input{
  min-width:0;flex:1;border:0;outline:none;background:transparent;
  font:inherit;font-size:var(--gpt-fs-sm);line-height:20px;
  color:var(--color-foreground);
}
.cdx-gpt-search-input::placeholder{color:color-mix(in oklab, var(--color-foreground) 45%, transparent)}

/* ---------- 按钮 ---------- */
.cdx-gpt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:var(--gpt-btn-h);padding:0 14px;border:1px solid transparent;
  border-radius:var(--radius-lg);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:1;cursor:pointer;
  transition:background .12s ease,color .12s ease,border-color .12s ease;
  white-space:nowrap;
}
.cdx-gpt-btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdx-gpt-btn--primary{
  background:var(--color-foreground);color:var(--color-foreground-inverse);
  border-radius:var(--radius-full);
}
.cdx-gpt-btn--primary:hover{opacity:.88}
.cdx-gpt-btn--secondary{background:var(--gpt-surface-elevated);color:var(--color-foreground);border-color:var(--gpt-border-strong)}
.cdx-gpt-btn--secondary:hover{background:var(--gpt-ghost-hover)}
.cdx-gpt-btn--ghost{background:transparent;color:var(--gpt-text-secondary)}
.cdx-gpt-btn--ghost:hover{background:var(--gpt-ghost-hover);color:var(--color-foreground)}
.cdx-gpt-btn .cdx-gpt-chev{display:inline-flex;color:currentColor;opacity:.7}
.cdx-gpt-btn:disabled,.cdx-gpt-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.cdx-gpt-btn svg{flex-shrink:0}

/* 图标钮（刷新 / 管理 / 行动作）：32px ghost */
.cdx-gpt-iconbtn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex-shrink:0;
  border:1px solid transparent;border-radius:var(--radius-lg);
  background:transparent;color:var(--gpt-text-secondary);cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.cdx-gpt-iconbtn:hover{background:var(--gpt-ghost-hover);color:var(--color-foreground)}
.cdx-gpt-iconbtn--32{width:32px;height:32px}
.cdx-gpt-iconbtn--add{color:var(--color-foreground);opacity:.85}
.cdx-gpt-iconbtn--add:hover{opacity:1;background:var(--gpt-ghost-hover)}

/* ---------- 分区（标题 18px/500 + chevron） ---------- */
.cdx-gpt-section{display:flex;flex-direction:column}
.cdx-gpt-sec-head{
  display:inline-flex;align-items:center;gap:4px;
  width:auto;padding:0 2px 8px 8px;border:0;background:transparent;
  color:inherit;text-align:left;cursor:default;
  align-self:flex-start;
}
.cdx-gpt-sec-head--link{cursor:pointer}
.cdx-gpt-sec-title{
  font-size:var(--gpt-fs-lg);font-weight:500;line-height:24px;
  color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-sec-chev{display:inline-flex;flex-shrink:0;color:var(--gpt-text-tertiary);transition:transform .12s ease}
.cdx-gpt-sec-head--link:hover .cdx-gpt-sec-chev{transform:translateX(2px)}
.cdx-gpt-sec-head--link:hover .cdx-gpt-sec-title{color:var(--color-foreground)}

/* ---------- 网格（Codex Grid gap="catalog"：列 24 / 行 8；1 列 → ≥581px 2 列） ---------- */
.cdx-gpt-grid{
  display:grid;grid-template-columns:minmax(0,1fr);
  column-gap:24px;row-gap:8px;
}
@container (min-width:581px){
  .cdx-gpt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 行（CardTile card 变体：p-2 / rounded-2xl / hover bg-text 5%） ---------- */
.cdx-gpt-row{
  position:relative;display:flex;flex-direction:column;gap:10px;
  padding:8px;border-radius:var(--radius-xl);
  background:transparent;cursor:pointer;
  transition:background .12s ease;
}
.cdx-gpt-row:hover{background:var(--gpt-primary-ghost-hover)}
.cdx-gpt-row:active{background:var(--gpt-ghost-hover)}
.cdx-gpt-row:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px var(--color-panel),0 0 0 4px color-mix(in oklab, var(--color-foreground) 35%, transparent);
}
.cdx-gpt-row.is-disabled .cdx-gpt-row-inner{opacity:.55}
.cdx-gpt-row.is-restricted .cdx-gpt-row-inner{opacity:.6}
.cdx-gpt-row-inner{display:flex;align-items:center;gap:12px;min-width:0}

/* 36px 描边瓦（专家/技能/连接器统一） */
.cdx-gpt-row-icon{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;flex-shrink:0;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-lg);
  background:var(--color-panel);overflow:hidden;
}
.cdx-gpt-row-icon img{width:100%;height:100%;object-fit:cover}
.cdx-gpt-tile-letter{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
  font-size:var(--gpt-fs-xs);font-weight:600;line-height:1;color:#fff;
}
.cdx-gpt-tile-ico{display:flex;align-items:center;justify-content:center;color:var(--gpt-text-secondary)}

/* 文案列（标题 14/500 + 描述 12 单行截断） */
.cdx-gpt-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.cdx-gpt-row-namerow{display:flex;align-items:center;gap:8px;min-width:0}
.cdx-gpt-row-name{
  font-size:var(--gpt-fs-base);font-weight:500;line-height:20px;  color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-row-desc{
  font-size:var(--gpt-fs-sm);line-height:18px;
  color:var(--gpt-codex-description);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-row-actions{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0}

/* 安装中：进度环占位（保持 32px 槽宽，布局不跳） */
.cdx-gpt-spin-slot{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}
.cdx-gpt-ring{
  width:16px;height:16px;border-radius:50%;
  border:2px solid var(--gpt-ghost-hover);border-top-color:var(--color-foreground);
  animation:cdx-gpt-spin .6s linear infinite;
}

/* ---------- 「查看更多」 ---------- */
.cdx-gpt-loadmore{display:flex;justify-content:center;margin-top:12px}
.cdx-gpt-loadmore-btn{
  display:inline-flex;align-items:center;gap:6px;
  height:var(--gpt-btn-h);padding:0 16px;
  border:1px solid var(--gpt-border-strong);border-radius:var(--radius-full);
  background:transparent;color:var(--color-foreground);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:1;cursor:pointer;
  transition:background .12s ease;
}
.cdx-gpt-loadmore-btn:hover{background:var(--gpt-ghost-hover)}

/* ---------- 分类筛选条（返回全部） ---------- */
.cdx-gpt-filterview{display:flex;flex-direction:column;gap:12px}
.cdx-gpt-filterbar{display:flex;align-items:center;gap:8px}
.cdx-gpt-backall{
  display:inline-flex;align-items:center;gap:4px;
  height:var(--gpt-btn-h);padding:0 12px;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-full);
  background:transparent;color:var(--color-foreground);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:1;cursor:pointer;
  transition:background .12s ease;
}
.cdx-gpt-backall:hover{background:var(--gpt-ghost-hover)}

/* ---------- 「最近使用」（搜索框聚焦且无词） ---------- */
.cdx-gpt-recent-head{
  padding:8px 12px;font-size:var(--gpt-fs-sm);line-height:20px;
  color:var(--gpt-text-secondary);
}

/* ---------- 菜单（popover） ---------- */
.cdx-gpt-menu-wrap{position:relative;display:inline-flex}
.cdx-gpt-add{position:relative;display:inline-flex}
.cdx-gpt-popover{
  position:absolute;top:calc(100% + 4px);left:0;z-index:50;
  min-width:180px;max-width:320px;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-lg);
  background:var(--color-background);
  box-shadow:var(--gpt-shadow-card),0 0 0 1px var(--gpt-border-subtle);
  padding:4px;
  animation:cdx-gpt-pop .12s ease;
}
@keyframes cdx-gpt-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.cdx-gpt-row-menu{right:0;left:auto}
/* 添加 ▾ 菜单 = 4 项（Codex：创建插件/创建技能/添加市场/创建自定义 MCP 服务器）
   宽 220px、圆角 12、shadow-menu、项高 32px */
.cdx-gpt-add-menu{
  right:0;left:auto;width:220px;min-width:220px;max-width:none;
  border-radius:var(--radius-lg);box-shadow:var(--shadow-menu);
}
.cdx-gpt-add-menu .cdx-gpt-popover-item{min-height:var(--gpt-btn-h);padding-block:0}
.cdx-gpt-aside-menu{left:0;right:auto}
.cdx-gpt-popover-item{
  display:flex;align-items:center;gap:8px;
  padding:6px 8px;border-radius:var(--radius-md);
  cursor:pointer;transition:background .12s ease;
}
.cdx-gpt-popover-item:hover{background:var(--gpt-ghost-hover)}
.cdx-gpt-popover-item svg{flex-shrink:0;color:var(--gpt-text-secondary)}
.cdx-gpt-popover-item-label{
  flex:1;min-width:0;font-size:var(--gpt-fs-sm);color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-popover-sep{height:1px;background:var(--gpt-border-subtle);margin:4px 0}
.cdx-gpt-popover-item--danger .cdx-gpt-popover-item-label,
.cdx-gpt-popover-item--danger svg{color:var(--color-destructive)}

/* ---------- 骨架（6 行两列脉冲） ---------- */
.cdx-gpt-skeleton-grid{
  display:grid;grid-template-columns:minmax(0,1fr);
  column-gap:24px;row-gap:8px;
}
@container (min-width:581px){
  .cdx-gpt-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.cdx-gpt-skel-row{display:flex;align-items:center;gap:12px;padding:8px}
.cdx-gpt-skel-icon{
  width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-lg);
  background:color-mix(in oklab, var(--color-foreground) 10%, transparent);
  animation:cdx-gpt-pulse 1.5s ease-in-out infinite;
}
.cdx-gpt-skel-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cdx-gpt-skel-line{
  height:12px;border-radius:var(--radius-sm);
  background:color-mix(in oklab, var(--color-foreground) 10%, transparent);
  animation:cdx-gpt-pulse 1.5s ease-in-out infinite;
}
.cdx-gpt-skel-line.w-20{width:80px}
.cdx-gpt-skel-line.w-24{width:96px}
.cdx-gpt-skel-line.w-3-5{width:60%}
.cdx-gpt-skel-line.w-2-3{width:66%}
.cdx-gpt-skel-line.w-2-5{width:40%}
.cdx-gpt-skel-action{
  width:56px;height:32px;flex-shrink:0;border-radius:var(--radius-full);
  background:color-mix(in oklab, var(--color-foreground) 10%, transparent);
  animation:cdx-gpt-pulse 1.5s ease-in-out infinite;
}
@keyframes cdx-gpt-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes cdx-gpt-spin{to{transform:rotate(360deg)}}
.cdx-gpt-loading-text{font-size:var(--gpt-fs-sm);color:var(--gpt-text-tertiary)}

/* ---------- Codex EmptyState（layout:"page" / illustrationSize:"icon"） ---------- */
.cdx-gpt-empty{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  width:100%;min-height:420px;flex:1;padding:24px 12px;
}
.cdx-gpt-empty-inner{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  width:100%;max-width:36rem;gap:12px;
}
.cdx-gpt-empty-icon{
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;color:var(--gpt-text-secondary);
}
.cdx-gpt-empty-icon svg{width:32px;height:32px}
/* 「个人」目录内联空态（不占满整屏，位于 Tab 之下） */
.cdx-gpt-empty--inline{min-height:220px;padding-top:40px}
.cdx-gpt-empty-title{
  font-size:var(--gpt-fs-lg);line-height:24px;font-weight:500;
  color:var(--color-foreground);
}
.cdx-gpt-empty-desc{font-size:var(--gpt-fs-sm);line-height:20px;color:var(--gpt-text-secondary)}
.cdx-gpt-empty-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%}

/* ---------- 弹层基座（技能弹窗 / 添加弹窗 / 连接器 beacon） ---------- */
.cdx-gpt-dialog-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.4);
  animation:cdx-gpt-fade .12s ease;
}
@keyframes cdx-gpt-fade{from{opacity:0}to{opacity:1}}
.cdx-gpt-dialog{
  position:relative;width:100%;max-width:480px;max-height:85vh;
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:var(--radius-xl);background:var(--color-background);
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  animation:cdx-gpt-dialog .15s ease;
}
@keyframes cdx-gpt-dialog{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.cdx-gpt-dialog-close{
  position:absolute;top:16px;right:16px;z-index:1;
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:0;border-radius:var(--radius-lg);
  background:transparent;color:var(--gpt-text-secondary);cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.cdx-gpt-dialog-close:hover{background:var(--gpt-ghost-hover);color:var(--color-foreground)}
/* 圆形 ghost 图标钮（详情页 ··· / 技能弹窗 ··· 与 ×） */
.cdx-gpt-iconbtn--round{border-radius:var(--radius-full)}

/* ============================================================
   详情页（Codex PluginDetailPage · 占用主区整页，非弹窗）
   面包屑 → 头部（64px 瓦 + 名称 + byline + 动作）→ 对话开场白卡
   → 描述 → 应用/技能 → 已连接的账户 → 信息
   ============================================================ */
.cdx-gpt-head--detail{padding-bottom:8px}
.cdx-gpt-crumbs{
  display:flex;align-items:center;gap:6px;
  max-width:var(--gpt-content-max);margin:0 auto;min-height:32px;
}
.cdx-gpt-crumb{
  display:inline-flex;align-items:center;gap:4px;max-width:60ch;
  padding:0;border:0;background:transparent;
  font-size:var(--gpt-fs-base);line-height:20px;color:var(--gpt-text-secondary);
  cursor:pointer;transition:color .12s ease;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-crumb:hover{color:var(--color-foreground)}
.cdx-gpt-crumb--current{color:var(--color-foreground);cursor:default}
.cdx-gpt-crumb-sep{display:inline-flex;flex-shrink:0;color:var(--gpt-text-tertiary)}

.cdx-gpt-detail{display:flex;flex-direction:column;gap:32px;padding-bottom:8px}
.cdx-gpt-detail-head{display:flex;flex-direction:column;gap:16px}
/* 名称行与动作钮同一行（Codex：logo 在上，名称 + [···][主按钮] 并排） */
.cdx-gpt-detail-titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.cdx-gpt-detail-titleblock{display:flex;flex-direction:column;gap:6px;min-width:0}
.cdx-gpt-detail-logo{
  display:flex;align-items:center;justify-content:center;
  width:64px;height:64px;flex-shrink:0;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-xl);
  background:var(--color-panel);overflow:hidden;
}
.cdx-gpt-detail-logo img{width:100%;height:100%;object-fit:contain}
.cdx-gpt-detail-logo .fallback{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:24px;font-weight:600;color:#fff;
}
.cdx-gpt-detail-name{
  display:flex;align-items:center;gap:8px;margin:0;
  font-size:var(--text-ui-2xl);font-weight:600;line-height:32px;
  letter-spacing:0;color:var(--color-foreground);overflow-wrap:anywhere;
}
.cdx-gpt-detail-byline{
  margin:0;max-width:64ch;
  font-size:var(--gpt-fs-base);line-height:22px;color:var(--gpt-text-secondary);
}
.cdx-gpt-detail-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:16px}

/* 对话开场白卡（浅紫→浅蓝渐变；深色主题换暗紫） */
.cdx-gpt-starter-card{
  border-radius:var(--radius-xl);padding:24px;
  background:linear-gradient(135deg,#eae5ff 0%,#dfe8ff 52%,#e8f1ff 100%);
}
.dark .cdx-gpt-starter-card,.theme-zai-dark .cdx-gpt-starter-card{
  background:linear-gradient(135deg,#251d3f 0%,#1b2440 100%);
}
.cdx-gpt-starter-list{display:flex;flex-direction:column;gap:8px}
.cdx-gpt-starter-pill{
  display:flex;align-items:center;gap:12px;width:100%;min-height:44px;
  padding:6px 6px 6px 14px;border:0;border-radius:var(--radius-full);
  background:rgba(255,255,255,.95);color:var(--color-foreground);
  font-size:var(--gpt-fs-base);line-height:20px;text-align:left;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:background .12s ease;
}
.cdx-gpt-starter-pill:hover{background:#fff}
.dark .cdx-gpt-starter-pill,.theme-zai-dark .cdx-gpt-starter-pill{
  background:color-mix(in oklab, var(--color-foreground) 10%, transparent);box-shadow:none;
}
.dark .cdx-gpt-starter-pill:hover,.theme-zai-dark .cdx-gpt-starter-pill:hover{
  background:color-mix(in oklab, var(--color-foreground) 16%, transparent);
}
.cdx-gpt-starter-ico{display:inline-flex;flex-shrink:0;color:var(--gpt-text-secondary)}
.cdx-gpt-starter-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdx-gpt-starter-go{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);
  background:color-mix(in oklab, var(--color-foreground) 6%, transparent);
  color:var(--color-foreground);
  transition:background .12s ease,transform .12s ease;
}
.cdx-gpt-starter-pill:hover .cdx-gpt-starter-go{
  background:color-mix(in oklab, var(--color-foreground) 12%, transparent);
  transform:translateX(1px);
}

.cdx-gpt-detail-desc{
  margin:0;max-width:76ch;
  font-size:var(--gpt-fs-base);line-height:24px;
  color:var(--gpt-codex-description);text-wrap:pretty;
}

/* 「应用 N」/「技能 N」/「已连接的账户」/「信息」段 */
.cdx-gpt-detail-sec{display:flex;flex-direction:column;gap:8px}
.cdx-gpt-detail-sec-title{
  display:flex;align-items:center;gap:6px;margin:0;
  font-size:var(--gpt-fs-base);font-weight:500;line-height:20px;
  color:var(--color-foreground);
}
.cdx-gpt-detail-sec-count{font-size:var(--gpt-fs-sm);font-weight:400;color:var(--gpt-text-tertiary)}
.cdx-gpt-detail-list{display:flex;flex-direction:column}
.cdx-gpt-detail-item{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 0}
.cdx-gpt-detail-item + .cdx-gpt-detail-item{border-top:1px solid var(--gpt-border-subtle)}
.cdx-gpt-detail-item-logo{
  display:flex;align-items:center;justify-content:center;
  width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;
}
.cdx-gpt-detail-item-logo img{width:100%;height:100%;object-fit:contain}
.cdx-gpt-detail-item-logo .fallback{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:10px;font-weight:600;color:#fff;
}
.cdx-gpt-detail-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.cdx-gpt-detail-item-name{
  font-size:var(--gpt-fs-base);font-weight:500;line-height:20px;color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-detail-item-desc{
  font-size:var(--gpt-fs-sm);line-height:18px;color:var(--gpt-text-secondary);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* 已连接的账户（Codex plugins.detail.accounts.title） */
.cdx-gpt-account-card{
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-xl);
  padding:2px 16px;
}
.cdx-gpt-account-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0}
.cdx-gpt-account-avatar{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);
  border:1px solid var(--gpt-border-light);background:var(--color-panel);overflow:hidden;
}
.cdx-gpt-account-avatar img{width:100%;height:100%;object-fit:cover}
.cdx-gpt-account-avatar .fallback{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:13px;font-weight:600;color:#fff;
}
.cdx-gpt-account-avatar .cdx-gpt-tile-ico{color:var(--gpt-text-secondary)}
.cdx-gpt-account-name{
  font-size:var(--gpt-fs-base);line-height:20px;color:var(--color-foreground);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cdx-gpt-account-tag{flex-shrink:0;font-size:var(--gpt-fs-sm);line-height:18px;color:var(--gpt-text-secondary)}
.cdx-gpt-account-row .cdx-gpt-menu-wrap{margin-inline-start:auto}
.cdx-gpt-account-add{
  display:flex;align-items:center;gap:8px;width:100%;padding:12px 0;
  border:0;border-top:1px solid var(--gpt-border-subtle);background:transparent;
  color:var(--gpt-text-secondary);font-size:var(--gpt-fs-base);line-height:20px;
  text-align:left;cursor:pointer;transition:color .12s ease;
}
.cdx-gpt-account-add:hover{color:var(--color-foreground)}

/* 信息（Codex plugins.detail.information.*） */
.cdx-gpt-info{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.cdx-gpt-info-row{display:flex;align-items:flex-start;gap:16px}
.cdx-gpt-info-key{flex:0 0 120px;font-size:var(--gpt-fs-sm);line-height:20px;color:var(--gpt-text-secondary)}
.cdx-gpt-info-val{flex:1;min-width:0;font-size:var(--gpt-fs-base);line-height:20px;color:var(--color-foreground)}
.cdx-gpt-info-link{
  display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;
  color:var(--color-foreground);font-size:var(--gpt-fs-base);line-height:20px;font-family:inherit;
  cursor:pointer;text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:var(--gpt-border-strong);
}
.cdx-gpt-info-link:hover{text-decoration-color:currentColor}
.cdx-gpt-info-link svg{flex-shrink:0;color:var(--gpt-text-secondary)}
.cdx-gpt-detail-menu{right:0;left:auto;min-width:200px}
.cdx-gpt-ring--on-primary{
  border-color:color-mix(in oklab, var(--color-foreground-inverse) 30%, transparent);
  border-top-color:var(--color-foreground-inverse);
}

/* ============================================================
   技能详情弹窗（Codex skills.card：toggle + ··· + SKILL.md 预览）
   ============================================================ */
.cdx-gpt-skill{max-width:560px;max-height:78vh}
.cdx-gpt-skill-head{display:flex;align-items:center;gap:12px;padding:20px 20px 0}
.cdx-gpt-skill-logo{
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;flex-shrink:0;
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-lg);
  background:var(--color-panel);overflow:hidden;
}
.cdx-gpt-skill-logo img{width:100%;height:100%;object-fit:contain}
.cdx-gpt-skill-logo .fallback{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:18px;font-weight:600;color:#fff;
}
.cdx-gpt-skill-head-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.cdx-gpt-toggle-wrap{display:flex;align-items:center;gap:8px}
.cdx-gpt-toggle-label{font-size:var(--gpt-fs-sm);line-height:18px;color:var(--gpt-text-secondary)}
.cdx-gpt-toggle{
  position:relative;width:32px;height:20px;flex-shrink:0;padding:0;
  border:1px solid var(--gpt-border-strong);border-radius:var(--radius-full);
  background:transparent;cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.cdx-gpt-toggle-knob{
  position:absolute;top:2px;inset-inline-start:2px;
  width:14px;height:14px;border-radius:var(--radius-full);
  background:color-mix(in oklab, var(--color-foreground) 45%, transparent);
  transition:transform .15s ease,background .15s ease;
}
.cdx-gpt-toggle.is-on{background:var(--gpt-chart-blue);border-color:var(--gpt-chart-blue)}
.cdx-gpt-toggle.is-on .cdx-gpt-toggle-knob{transform:translateX(12px);background:#fff}
.cdx-gpt-skill-body{padding:16px 20px 8px;overflow-y:auto}
.cdx-gpt-skill-body::-webkit-scrollbar{width:6px}
.cdx-gpt-skill-body::-webkit-scrollbar-thumb{background:var(--gpt-border-light);border-radius:3px}
.cdx-gpt-skill-title{
  margin:0;font-size:var(--text-ui-2xl);font-weight:600;line-height:32px;
  letter-spacing:0;color:var(--color-foreground);
}
.cdx-gpt-skill-sub{
  margin:4px 0 16px;font-size:var(--gpt-fs-base);line-height:22px;
  color:var(--gpt-text-secondary);
}
.cdx-gpt-skill-md{
  border-radius:var(--radius-lg);
  background:color-mix(in oklab, var(--color-foreground) 5%, transparent);
  padding:16px;font-size:var(--gpt-fs-sm);line-height:22px;
  color:var(--gpt-codex-description);
}
.cdx-gpt-skill-md h3{
  margin:0 0 8px;font-size:var(--gpt-fs-lg);font-weight:600;line-height:24px;
  color:var(--color-foreground);
}
.cdx-gpt-skill-md h4{
  margin:16px 0 6px;font-size:var(--gpt-fs-base);font-weight:600;line-height:20px;
  color:var(--color-foreground);
}
.cdx-gpt-skill-md p{margin:0 0 8px}
.cdx-gpt-skill-md ul{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:4px}
.cdx-gpt-skill-md li{list-style:disc}
.cdx-gpt-skill-md code{
  font-family:var(--font-mono);font-size:var(--code-font-size,13px);font-weight:var(--code-font-weight);
  padding:1px 5px;border-radius:var(--radius-sm);
  background:color-mix(in oklab, var(--color-foreground) 8%, transparent);
  color:var(--color-foreground);
}
.cdx-gpt-skill-footer{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 20px 20px;
}
.cdx-gpt-skill-uninstall{
  height:var(--gpt-btn-h);padding:0 14px;border:0;border-radius:var(--radius-full);
  background:color-mix(in oklab, var(--color-destructive) 12%, transparent);
  color:var(--color-destructive);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:1;cursor:pointer;
  transition:background .12s ease;
}
.cdx-gpt-skill-uninstall:hover{background:color-mix(in oklab, var(--color-destructive) 20%, transparent)}
.cdx-gpt-skill-menu{right:0;left:auto;min-width:200px}

/* ---------- 连接器连接弹窗（beacon） ---------- */
.cdx-gpt-beacon{width:100%;max-width:400px}
.cdx-gpt-beacon-body{padding:24px 24px 16px;text-align:center}
.cdx-gpt-beacon-logos{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin-bottom:16px;user-select:none;
}
.cdx-gpt-beacon-logo-tile{
  display:flex;align-items:center;justify-content:center;
  width:72px;height:72px;border:1px solid var(--gpt-border-light);
  border-radius:var(--radius-2xl);background:var(--color-panel);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  overflow:hidden;
}
.cdx-gpt-beacon-logo-tile .ico{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}
.cdx-gpt-beacon-logo-tile img{width:100%;height:100%;object-fit:cover}
.cdx-gpt-beacon-logo-tile .fallback{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:28px;font-weight:600;color:#fff;
}
.cdx-gpt-beacon-dots{display:flex;gap:6px}
.cdx-gpt-beacon-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in oklab, var(--color-foreground) 30%, transparent)}
.cdx-gpt-beacon-title{font-size:var(--text-ui-2xl);font-weight:600;line-height:24px;color:var(--color-foreground)}
.cdx-gpt-beacon-desc{
  display:flex;flex-direction:column;gap:8px;margin-top:8px;
  font-size:var(--gpt-fs-lg);line-height:1.625;color:var(--gpt-text-secondary);
}
.cdx-gpt-beacon-card{
  border:1px solid var(--gpt-border-light);border-radius:var(--radius-2xl);
  padding:8px 16px;text-align:left;margin-top:16px;
}
.cdx-gpt-beacon-card-section{
  display:flex;flex-direction:column;gap:8px;
  padding:12px 0;border-bottom:1px solid var(--gpt-border-light);
}
.cdx-gpt-beacon-card-section:last-child{border-bottom:none}
.cdx-gpt-beacon-card-section-title{font-size:var(--gpt-fs-base);font-weight:500;color:var(--color-foreground)}
.cdx-gpt-beacon-card-pills{display:flex;flex-wrap:wrap;gap:8px}
.cdx-gpt-beacon-card-pill{
  display:inline-flex;align-items:center;height:24px;padding:0 10px;
  border:1px solid var(--gpt-border-strong);border-radius:var(--radius-full);
  font-size:var(--gpt-fs-sm);color:var(--gpt-text-secondary);
}
.cdx-gpt-beacon-footer{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px;align-items:center}
/* beacon 主按钮（w-full primary size:beaconAction） */
.cdx-gpt-dialog-footer-main{
  width:100%;display:inline-flex;align-items:center;justify-content:center;
  height:48px;padding:0 16px;border:0;border-radius:var(--radius-lg);
  background:var(--color-foreground);color:var(--color-foreground-inverse);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:1;cursor:pointer;
  transition:opacity .12s ease;
}
.cdx-gpt-dialog-footer-main:hover{opacity:.88}
.cdx-gpt-beacon-disclaimer{font-size:var(--gpt-fs-xs);text-align:center;line-height:16px;color:var(--gpt-text-secondary)}

/* ---------- 无障碍：仅读屏可见 ---------- */
.cdx-gpt-sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- Toast ---------- */
.cdx-gpt-toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:var(--radius-lg);
  background:var(--color-foreground);color:var(--color-foreground-inverse);
  font-size:var(--gpt-fs-sm);font-weight:500;line-height:20px;
  box-shadow:0 8px 16px -4px rgba(0,0,0,.12);
  animation:cdx-gpt-toast .2s ease;
}
@keyframes cdx-gpt-toast{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* Directory header actions match the Library primary pill. */
.cdx-gpt-toolbar .cdx-gpt-btn--primary{height:36px;padding-inline:16px;font-size:var(--text-ui-base)}

/* Match the workspace header centerline. */
.cdx-gpt-aside{padding-top:0}
.cdx-gpt-aside-head{min-height:var(--page-header-height);flex-shrink:0}
.cdx-gpt-head{padding-top:var(--page-header-inset)}
.cdx-gpt-toolbar{padding-top:var(--sp-0-5)}

/* Capability directory: top tabs, shared content column, installed strip. */
.cdx-gpt-shell{flex-direction:column}
#cdxGptAside{flex-shrink:0}
.cdx-gpt-directory-bar{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);min-height:var(--page-header-height);padding:var(--sp-2) var(--sp-4);position:relative}
.cdx-gpt-directory-tabs{display:flex;align-items:center;gap:var(--sp-1);margin-inline:auto}
.cdx-gpt-directory-tabs .cdx-gpt-nav-row{width:auto;height:var(--control-h-9);padding:0 var(--sp-4);border-radius:var(--radius-full);font-size:var(--text-ui-base);white-space:nowrap}
.cdx-gpt-directory-bar>.cdx-gpt-toolbar-group{position:absolute;right:var(--sp-4)}
.cdx-gpt-sticky{position:static;border:0}
.cdx-gpt-head{padding-top:var(--sp-6)}
.cdx-gpt-head-inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-4)}
.cdx-gpt-toolbar{width:100%;padding:0}
.cdx-gpt-search{flex:1;width:auto;min-width:0;max-width:none;height:var(--control-h-10);background:var(--color-card)}
.cdx-gpt-sub{font-size:var(--text-ui-base);line-height:1.5}
.cdx-gpt-installed-strip{margin-top:var(--sp-6);margin-bottom:var(--sp-4)}
.cdx-gpt-installed-heading{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0;border:0;background:transparent;font:inherit;font-size:var(--text-ui-lg);font-weight:500;color:var(--color-foreground);cursor:pointer}
.cdx-gpt-installed-strip .cdx-gpt-installed-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sp-2);padding-top:var(--sp-3)}
.cdx-gpt-installed-strip .cdx-gpt-installed-row{min-height:0;padding:0;gap:0}
.cdx-gpt-installed-strip .cdx-gpt-installed-main{padding:var(--sp-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-sm)}
.cdx-gpt-installed-strip .cdx-gpt-installed-main:hover{background:var(--color-surface-hover)}
.cdx-gpt-installed-strip .cdx-gpt-installed-ico{width:var(--size-6);height:var(--size-6)}
.cdx-gpt-installed-strip .cdx-gpt-installed-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cdx-gpt-installed-strip .cdx-gpt-installed-row>.cdx-gpt-menu-wrap{display:none}
.cdx-gpt-installed-strip .cdx-gpt-installed-empty{padding:0;font-size:var(--text-ui-sm)}
.cdx-gpt-viewrow{margin-top:var(--sp-2)}
@media(max-width:800px){
 .cdx-gpt-directory-bar{flex-wrap:wrap;justify-content:space-between}
 .cdx-gpt-directory-tabs{margin:0}
 .cdx-gpt-directory-bar>.cdx-gpt-toolbar-group{position:static;margin-left:auto}
 .cdx-gpt-directory-tabs .cdx-gpt-nav-row{padding-inline:var(--sp-3)}
 .cdx-gpt-head,.cdx-gpt-viewrow,.cdx-gpt-page{padding-inline:var(--sp-4)}
}
.cdx-gpt-workflow {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  font-size: var(--text-ui-sm);
  color: var(--color-foreground);
}