/* ============================================================
   拼客魔方 · AionClaw 换肤层（设计文档 docs/aionclaw-pinke-ui-design.html 落地）
   色值来源：aionclaw.cn 官方编译 CSS 提取
     主橙 #ff6339 / 渐变 #ff7a38→#ff5733 52%→#ff3b5c
     底色 #121212 / 面板 #1b1d22 / 深底 #14171a
     文字 #f7f2ef / #c0afa9 / #80716b / 浅橙 #ffb19c / 金 #edaa92
   本文件在 console.css / home.css 之后加载，只做覆盖，不动结构。
   ============================================================ */

/* ---------- ① 工作台（控制台） ---------- */
:root {
  --pk-dark: #121212;
  --pk-dark-2: #1b1d22;
  --pk-dark-3: #14171a;
  --pk-teal: #b3492f;
  --pk-teal-bright: #ffb19c;
  --pk-coral: #ff6339;
  --pk-text: #f7f2ef;
  --pk-text-2: #c0afa9;
  --pk-text-3: #80716b;
  --pk-grad: linear-gradient(90deg, #ff7a38, #ff5733 52%, #ff3b5c);
}

body.agent-page { background: #0d0d0d; }

/* 主按钮 → AionClaw 招牌渐变胶囊 */
.agent-page .btn-primary {
  background: var(--pk-grad);
  border: none;
  border-radius: 999px;
  color: #fff;
}
.agent-page .btn-primary:hover { filter: brightness(1.08); }
.agent-page .btn-quiet { border-radius: 999px; }

/* 侧栏选中态 → 橙字 + 橙 12% 底 */
.workspace-nav .nav-item.is-active,
.workspace-nav .nav-item.active {
  color: #ff6339;
  background: rgba(255, 99, 57, .12);
  border-color: rgba(255, 99, 57, .3);
  box-shadow: inset 3px 0 0 #ff6339;
}
.workspace-nav .nav-item.is-active small,
.workspace-nav .nav-item.active small { color: #ffb19c; }

/* 面板/卡片 → 16px 大圆角玻璃拟态 */
.agent-page .module-panel,
.agent-page .side-panel,
.agent-page .command-panel,
.agent-page .studio-card,
.agent-page .image-prompt-card,
.agent-page .image-result-card {
  border-radius: 16px;
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

/* 青色眉标/序号 → 品牌橙 */
.agent-page .section-title span,
.agent-page .module-head span,
.agent-page .studio-index,
.agent-page .command-eyebrow { color: #ad9f9a; }

/* ============================================================
   三轮配色降噪 2026-09-30：橙只留给主按钮/选中态，其余灰化
   ============================================================ */

/* 金黄并入品牌橙（签到数字、行业点、星级） */
:root { --pk-gold: #ff6339; }

/* 面板小标题（AI Expert Team / Workflow / Status）灰化 */
.agent-page .command-panel-head > div > span { color: #ad9f9a; }
.agent-page .copy-library-heading span { color: #ad9f9a; }

/* 欢迎公告条：中性底白字，只有「查看」保持橙 */
.agent-page .command-top-notice {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .04);
}
.agent-page .command-top-notice strong { color: var(--pk-text); }
.agent-page .command-top-notice span { color: var(--pk-text-3); }

/* 行业插件条：中性底，橙点保留 */
.agent-page .pk-script-plug {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .1);
}

/* 站点头像中性化，站头只留签到一个橙点 */
.agent-page .profile-avatar {
  background: linear-gradient(135deg, #33363d, #212429);
  color: #fff;
}

/* 功能入口卡悬浮 → 橙描边 */
.agent-page .studio-card:hover,
.agent-page .command-tool-grid button:hover {
  border-color: rgba(255, 99, 57, .45) !important;
}

/* 金色福利/提示条（官网限时福利同款） */
.agent-page .command-office-cta,
.agent-page .notice-ticker-label span {
  background: linear-gradient(90deg, rgba(255, 99, 57, .18), rgba(255, 53, 92, .10));
  border-color: rgba(255, 99, 57, .35);
  color: #edaa92;
}
.agent-page .command-office-cta span { color: #f7f2ef; }
.agent-page .command-office-cta small { color: #edaa92; }

/* 分页/输入聚焦 → 橙 */
.agent-page .record-pager .btn:hover { border-color: rgba(255, 99, 57, .5); color: #ffb19c; }
.agent-page input:focus, .agent-page textarea:focus, .agent-page select:focus {
  border-color: rgba(255, 99, 57, .5) !important;
}

/* ---------- ② 落地页（pk-landing 白底 + AionClaw 橙） ---------- */
.pk-landing {
  --accent: #ff6339;
  --accent-ink: #cc4f2e;
  --accent-soft: #ffefe9;
  --dark: #121212;
  --dark-2: #1b1d22;
  --cube-cyan: #ff6339;
  --cube-cyan-soft: #ffefe9;
}

/* 按钮 → 全胶囊，主按钮渐变 */
.pk-landing .pk-btn { border-radius: 999px; }
.pk-landing .pk-btn-accent { background: linear-gradient(90deg, #ff7a38, #ff5733 52%, #ff3b5c); color: #fff; }
.pk-landing .pk-btn-accent:hover { filter: brightness(1.08); }
.pk-landing .pk-btn-dark { background: #121212; }
.pk-landing .pk-btn-dark:hover { background: #1b1d22; }

/* 首屏 hero → AionClaw 橙光暗底 */
.pk-landing .pk-hero {
  background:
    radial-gradient(120% 75% at 50% -8%, rgba(255, 99, 57, .24), transparent 58%),
    radial-gradient(90% 55% at 82% 112%, rgba(255, 53, 92, .14), transparent 60%),
    linear-gradient(180deg, #16100e, #0d0d0d);
}
.pk-landing .pk-hero::before {
  background-image:
    linear-gradient(rgba(255, 99, 57, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 99, 57, .05) 1px, transparent 1px);
}

/* 顶部导航 CTA 深色钮 */
.pk-landing .site-head .pk-btn-dark { background: #121212; }

/* 聚焦一律走主题橙色光圈，禁用浏览器默认蓝框 */
.agent-page input:focus-visible,
.agent-page select:focus-visible,
.agent-page textarea:focus-visible,
.agent-page button:focus-visible { outline: none; }
.agent-page input:focus,
.agent-page select:focus,
.agent-page textarea:focus {
  outline: none;
  border-color: rgba(255, 99, 57, .55);
  box-shadow: 0 0 0 3px rgba(255, 99, 57, .14);
}

/* ============================================================
   四轮 2026-09-30 晚：外容器深色统一 + 顶部功能容器统一（对表设计文档）
   ============================================================ */

/* 画布外容器：中性深底（设计文档卡面层级 #0f0f10），去棕调，16px 圆角与卡片语言一致 */
.agent-page .workspace-canvas {
  background: #0f0f10;
  border-color: rgba(255, 255, 255, .08);
  border-radius: 16px;
}

/* 顶部功能容器统一：所有模块页顶部标题条 = 同宽内嵌圆角卡，
   与工作台 pk-dash-topbar / 账号设置 pk-acct-topbar 同宽同样式 */
.agent-page .module-head {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
  padding: 16px 22px;
  margin-bottom: 16px;
}
.agent-page .module-head h1 { font-size: 19px; }
.agent-page .module-head p { font-size: 12.5px; }