/* =========================================================
   YOLK AI Workspace Skin v2
   Clean black-gold professional workspace override
   ========================================================= */

:root {
  --yolk-black: #080807;
  --yolk-black-2: #10100d;
  --yolk-panel: rgba(18, 17, 14, 0.94);
  --yolk-panel-2: rgba(24, 23, 19, 0.92);
  --yolk-line: rgba(212, 175, 55, 0.16);
  --yolk-line-strong: rgba(212, 175, 55, 0.32);
  --yolk-gold: #d4af37;
  --yolk-gold-soft: #f1d774;
  --yolk-text: #f8f3df;
  --yolk-text-2: rgba(248, 243, 223, 0.72);
  --yolk-text-3: rgba(248, 243, 223, 0.5);
  --yolk-blue: #72aaff;
  --yolk-red: #ff7d7d;
}

/* 全局背景：克制黑金，不要大面积亮黄 */
html,
body,
#app {
  background:
    radial-gradient(circle at 18% 8%, rgba(212, 175, 55, 0.08), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(140, 110, 30, 0.08), transparent 34%),
    linear-gradient(135deg, #070706 0%, #10100d 48%, #070706 100%) !important;
  color: var(--yolk-text) !important;
}

/* 去掉原系统大面积白底 */
#app .n-layout,
#app .n-layout-scroll-container,
#app .n-layout-content,
#app .n-layout-header,
#app .n-layout-footer,
#app .n-spin-container {
  background: transparent !important;
  color: var(--yolk-text) !important;
}

/* 左侧主侧栏：深黑玻璃感 */
#app aside,
#app .n-layout-sider,
#app [class*="sider"],
#app [class*="sidebar"] {
  background:
    linear-gradient(180deg, rgba(16, 16, 13, 0.98), rgba(8, 8, 7, 0.98)) !important;
  border-right: 1px solid var(--yolk-line) !important;
  box-shadow: 18px 0 48px rgba(0, 0, 0, 0.28) !important;
  color: var(--yolk-text) !important;
}

/* 左上 Logo 区域：黑底金标，不再大面积黄色 */
#app aside > div:first-child,
#app aside [class*="logo"],
#app aside [class*="brand"],
#app aside [class*="Logo"],
#app aside [class*="Brand"] {
  background: linear-gradient(135deg, rgba(18, 17, 14, 0.98), rgba(28, 24, 15, 0.94)) !important;
  color: var(--yolk-gold-soft) !important;
  border-bottom: 1px solid var(--yolk-line) !important;
}

/* 顶部栏 */
#app header,
#app .n-layout-header,
#app [class*="header"],
#app [class*="topbar"],
#app [class*="navbar"] {
  background: rgba(13, 13, 11, 0.9) !important;
  color: var(--yolk-text) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.12) !important;
  backdrop-filter: blur(18px) !important;
}

/* 统一白色/浅灰背景类，变成暗色卡片 */
#app [class*="bg-white"],
#app [class*="bg-gray-50"],
#app [class*="bg-gray-100"],
#app [class*="bg-slate-50"],
#app [class*="bg-neutral-50"],
#app [class*="bg-zinc-50"] {
  background: var(--yolk-panel) !important;
  color: var(--yolk-text) !important;
  border-color: var(--yolk-line) !important;
}

/* 卡片、面板、抽屉、弹窗基础质感 */
#app .n-card,
#app .n-drawer,
#app .n-drawer-content,
#app .n-modal,
#app .n-modal .n-card,
#app .n-dialog,
#app .n-popover,
#app .n-dropdown-menu {
  background: linear-gradient(145deg, rgba(23, 22, 18, 0.96), rgba(12, 12, 10, 0.96)) !important;
  color: var(--yolk-text) !important;
  border: 1px solid var(--yolk-line) !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.36) !important;
}

/* 中间参数区：模块化，但不强行改变布局 */
#app [class*="draw"],
#app [class*="Draw"],
#app [class*="painting"],
#app [class*="Painting"] {
  color: var(--yolk-text) !important;
}

/* Tab：文生图 / 混图 / 换脸 */
#app [role="tab"],
#app [class*="tab"],
#app [class*="Tab"] {
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--yolk-text-2) !important;
  border-color: rgba(212, 175, 55, 0.14) !important;
}

#app [role="tab"][aria-selected="true"],
#app [class*="tab"][class*="active"],
#app [class*="Tab"][class*="active"],
#app [class*="tab"][class*="selected"],
#app [class*="Tab"][class*="selected"] {
  background: rgba(212, 175, 55, 0.14) !important;
  color: var(--yolk-gold-soft) !important;
  border-color: var(--yolk-line-strong) !important;
}

/* 模型卡片 / 选项卡片 */
#app [class*="card"],
#app [class*="Card"],
#app [class*="item"],
#app [class*="Item"] {
  border-color: rgba(212, 175, 55, 0.13) !important;
}

/* 避免所有黄色块太刺眼 */
#app [class*="bg-yellow"],
#app [class*="bg-amber"],
#app [class*="bg-[#d4"],
#app [class*="bg-[#D4"],
#app [class*="bg-[#f3"],
#app [class*="bg-[#F3"] {
  background: rgba(212, 175, 55, 0.14) !important;
  color: var(--yolk-gold-soft) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
}

/* 左侧菜单 */
#app aside a,
#app aside button,
#app aside .n-button,
#app aside [role="button"] {
  background: transparent !important;
  color: var(--yolk-text) !important;
  border-color: rgba(212, 175, 55, 0.12) !important;
}

#app aside button:hover,
#app aside a:hover,
#app aside [role="button"]:hover {
  background: rgba(212, 175, 55, 0.09) !important;
  color: var(--yolk-gold-soft) !important;
}

#app aside [class*="active"],
#app aside [class*="selected"],
#app aside .n-menu-item-content--selected {
  background: rgba(212, 175, 55, 0.11) !important;
  color: var(--yolk-gold-soft) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  box-shadow: none !important;
}

/* 主按钮：只保留少量金色，不要满屏黄 */
#app .n-button--primary,
#app button[type="submit"],
#app button[class*="primary"],
#app button[class*="submit"],
#app button[class*="generate"] {
  background: linear-gradient(135deg, #d4af37, #f1d774) !important;
  color: #11100a !important;
  border-color: rgba(212, 175, 55, 0.86) !important;
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.18) !important;
  font-weight: 800 !important;
}

#app button,
#app .n-button {
  border-radius: 14px !important;
}

/* 输入框 / Prompt bar */
#app input,
#app textarea,
#app .n-input,
#app .n-input-wrapper,
#app .n-input__input-el,
#app .n-input__textarea-el,
#app .n-base-selection {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--yolk-text) !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
  caret-color: var(--yolk-gold-soft) !important;
}

#app input::placeholder,
#app textarea::placeholder,
#app .n-input__placeholder {
  color: rgba(248, 243, 223, 0.48) !important;
}

/* 文本颜色 */
#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
#app h6 {
  color: var(--yolk-text) !important;
}

#app [class*="text-black"],
#app [class*="text-gray-900"],
#app [class*="text-gray-800"],
#app [class*="text-slate-900"],
#app [class*="text-zinc-900"] {
  color: var(--yolk-text) !important;
}

#app [class*="text-gray-500"],
#app [class*="text-gray-400"],
#app [class*="text-slate-500"],
#app [class*="text-zinc-500"] {
  color: var(--yolk-text-2) !important;
}

#app [class*="text-blue"] {
  color: var(--yolk-blue) !important;
}

#app [class*="text-red"] {
  color: var(--yolk-red) !important;
}

/* 聊天 / 任务记录区域 */
#app [class*="chat"],
#app [class*="Chat"],
#app [class*="message"],
#app [class*="Message"] {
  color: var(--yolk-text) !important;
}

/* 失败提示框：保留警示，但降廉价感 */
#app [class*="error"],
#app [class*="danger"],
#app [class*="red"] {
  border-radius: 12px !important;
}

/* 表格 */
#app table,
#app .n-data-table,
#app .n-data-table-wrapper {
  background: rgba(18, 17, 14, 0.9) !important;
  color: var(--yolk-text) !important;
  border-color: var(--yolk-line) !important;
}

#app th,
#app .n-data-table-th {
  background: rgba(212, 175, 55, 0.09) !important;
  color: var(--yolk-gold-soft) !important;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  background: #080807;
}

::-webkit-scrollbar-thumb {
  background: rgba(212, 175, 55, 0.32);
  border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 175, 55, 0.5);
}

/* 右上角头像/图标按钮 */
#app header button,
#app [class*="header"] button,
#app [class*="top"] button {
  background: rgba(14, 14, 12, 0.86) !important;
  color: var(--yolk-text) !important;
  border: 1px solid rgba(212, 175, 55, 0.14) !important;
}

/* 会员套餐弹窗暂时不作为购买主入口，购买统一跳 pricing.html */
#app .n-modal-mask {
  background: rgba(0, 0, 0, 0.62) !important;
}


/* =========================================================
   YOLK AI Workspace Skin v2 - Sidebar Refinement
   目标：左侧栏从灰绿后台感，调整为高级黑金工具栏
   ========================================================= */

/* 1. 左侧栏主体：强制改为深黑，不要灰绿 */
#app aside,
#app .n-layout-sider,
#app [class*="sider"],
#app [class*="sidebar"],
#app [class*="SideBar"],
#app [class*="layout-sider"],
#app [class*="left"] {
  background:
    radial-gradient(circle at 20% 0%, rgba(212, 175, 55, 0.08), transparent 28%),
    linear-gradient(180deg, #11100d 0%, #0b0b09 52%, #070706 100%) !important;
  color: #f8f3df !important;
  border-right: 1px solid rgba(212, 175, 55, 0.18) !important;
  box-shadow: 18px 0 52px rgba(0, 0, 0, 0.36) !important;
}

/* 2. 兼容左侧栏内部被浅色/灰绿背景覆盖的块 */
#app aside *,
#app .n-layout-sider *,
#app [class*="sider"] *,
#app [class*="sidebar"] * {
  border-color: rgba(212, 175, 55, 0.14);
}

/* 3. Logo 区：黑底金线，不要整块黄 */
#app aside > div:first-child,
#app .n-layout-sider > div:first-child,
#app [class*="sidebar"] > div:first-child,
#app [class*="sider"] > div:first-child,
#app aside [class*="logo"],
#app aside [class*="brand"],
#app aside [class*="Logo"],
#app aside [class*="Brand"] {
  background:
    linear-gradient(135deg, rgba(14, 14, 12, 0.98), rgba(26, 22, 13, 0.96)) !important;
  color: #f3d76d !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.24) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.035) !important;
}

/* 4. 开启新对话 / 搜索区：黑底胶囊，降低亮黄 */
#app aside button,
#app aside .n-button,
#app aside a,
#app aside [role="button"],
#app .n-layout-sider button,
#app .n-layout-sider .n-button,
#app .n-layout-sider a,
#app .n-layout-sider [role="button"] {
  background: rgba(16, 15, 12, 0.86) !important;
  color: #f8f3df !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  box-shadow: none !important;
  border-radius: 18px !important;
}

#app aside button:hover,
#app aside .n-button:hover,
#app aside a:hover,
#app aside [role="button"]:hover,
#app .n-layout-sider button:hover,
#app .n-layout-sider .n-button:hover,
#app .n-layout-sider a:hover,
#app .n-layout-sider [role="button"]:hover {
  background: rgba(212, 175, 55, 0.11) !important;
  color: #f3d76d !important;
  border-color: rgba(212, 175, 55, 0.36) !important;
}

/* 5. 左侧菜单普通项：干净、深色、不要大块背景 */
#app aside [class*="menu"],
#app aside [class*="Menu"],
#app .n-layout-sider [class*="menu"],
#app .n-layout-sider [class*="Menu"] {
  background: transparent !important;
  color: #f8f3df !important;
}

#app aside [class*="menu"] div,
#app aside [class*="menu"] span,
#app aside [class*="Menu"] div,
#app aside [class*="Menu"] span {
  color: inherit !important;
}

/* 6. 当前选中菜单：暗金描边，不要蓝块/灰块 */
#app aside [class*="active"],
#app aside [class*="selected"],
#app aside .n-menu-item-content--selected,
#app .n-layout-sider [class*="active"],
#app .n-layout-sider [class*="selected"],
#app .n-layout-sider .n-menu-item-content--selected {
  background: rgba(212, 175, 55, 0.12) !important;
  color: #f3d76d !important;
  border: 1px solid rgba(212, 175, 55, 0.30) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

/* 7. 去掉左侧出现的灰绿/灰黄块 */
#app aside [class*="bg-gray"],
#app aside [class*="bg-slate"],
#app aside [class*="bg-neutral"],
#app aside [class*="bg-zinc"],
#app aside [class*="bg-yellow"],
#app aside [class*="bg-amber"],
#app aside [class*="bg-[#"],
#app .n-layout-sider [class*="bg-gray"],
#app .n-layout-sider [class*="bg-slate"],
#app .n-layout-sider [class*="bg-neutral"],
#app .n-layout-sider [class*="bg-zinc"],
#app .n-layout-sider [class*="bg-yellow"],
#app .n-layout-sider [class*="bg-amber"],
#app .n-layout-sider [class*="bg-[#"] {
  background: rgba(15, 14, 11, 0.84) !important;
  color: #f8f3df !important;
  border-color: rgba(212, 175, 55, 0.16) !important;
}

/* 8. 左侧底部按钮：黑金胶囊，不能一大片黄 */
#app aside button[class*="yellow"],
#app aside button[class*="amber"],
#app aside [class*="yellow"],
#app aside [class*="amber"],
#app .n-layout-sider button[class*="yellow"],
#app .n-layout-sider button[class*="amber"],
#app .n-layout-sider [class*="yellow"],
#app .n-layout-sider [class*="amber"] {
  background: rgba(17, 16, 13, 0.9) !important;
  color: #f3d76d !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
}

/* 9. 左侧输入/搜索框 */
#app aside input,
#app aside .n-input,
#app aside .n-input-wrapper,
#app .n-layout-sider input,
#app .n-layout-sider .n-input,
#app .n-layout-sider .n-input-wrapper {
  background: rgba(255, 255, 255, 0.045) !important;
  color: #f8f3df !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
}

/* 10. 左侧图标与弱文字 */
#app aside svg,
#app aside i,
#app .n-layout-sider svg,
#app .n-layout-sider i {
  color: inherit !important;
}

#app aside [class*="text-gray"],
#app aside [class*="text-slate"],
#app aside [class*="text-neutral"],
#app .n-layout-sider [class*="text-gray"],
#app .n-layout-sider [class*="text-slate"],
#app .n-layout-sider [class*="text-neutral"] {
  color: rgba(248, 243, 223, 0.72) !important;
}


/* =========================================================
   YOLK AI Workspace Skin v2 - Params Panel Refinement
   目标：中间参数区从原系统配置面板，调整为高级创作控制台
   ========================================================= */

/* 1. 修复左侧菜单选中项仍然偏蓝的问题 */
#app aside [class*="text-blue"],
#app .n-layout-sider [class*="text-blue"],
#app aside [style*="color: rgb(59"],
#app aside [style*="color:#3"],
#app aside [style*="color: #3"] {
  color: #f3d76d !important;
}

/* 2. 参数区整体：降低灰块感，改为暗金玻璃底 */
#app main > div,
#app section > div,
#app [class*="content"] > div,
#app [class*="draw"] > div,
#app [class*="Draw"] > div,
#app [class*="painting"] > div,
#app [class*="Painting"] > div {
  border-color: rgba(212, 175, 55, 0.12) !important;
}

/* 3. 中间区内常见灰色背景统一压暗 */
#app [class*="bg-gray-100"],
#app [class*="bg-gray-200"],
#app [class*="bg-neutral-100"],
#app [class*="bg-neutral-200"],
#app [class*="bg-slate-100"],
#app [class*="bg-zinc-100"] {
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f8f3df !important;
  border-color: rgba(212, 175, 55, 0.16) !important;
}

/* 4. 文生图 / 混图 / 换脸 tab：黑金胶囊 */
#app [role="tab"],
#app [class*="tab"],
#app [class*="Tab"] {
  background: rgba(255, 255, 255, 0.045) !important;
  color: rgba(248, 243, 223, 0.76) !important;
  border: 1px solid rgba(212, 175, 55, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

#app [role="tab"]:hover,
#app [class*="tab"]:hover,
#app [class*="Tab"]:hover {
  background: rgba(212, 175, 55, 0.09) !important;
  color: #f3d76d !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
}

#app [role="tab"][aria-selected="true"],
#app [class*="tab"][class*="active"],
#app [class*="Tab"][class*="active"],
#app [class*="tab"][class*="selected"],
#app [class*="Tab"][class*="selected"] {
  background: rgba(245, 240, 226, 0.92) !important;
  color: #11100a !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* 5. 模型选择卡片：保留图片，但降低廉价边框 */
#app [class*="model"],
#app [class*="Model"],
#app [class*="mj"],
#app [class*="MJ"] {
  border-color: rgba(212, 175, 55, 0.16) !important;
}

/* 6. 图片卡片、模型卡片统一圆角和暗边框 */
#app img {
  border-radius: 10px;
}

#app [class*="card"],
#app [class*="Card"],
#app [class*="item"],
#app [class*="Item"] {
  border-color: rgba(212, 175, 55, 0.14) !important;
  box-shadow: none !important;
}

/* 7. 选项按钮：比例、版本、品质等 */
#app button,
#app .n-button,
#app [role="button"] {
  border-radius: 13px !important;
}

/* 普通选项按钮 */
#app button:not(.n-button--primary),
#app .n-button:not(.n-button--primary),
#app [role="button"] {
  border-color: rgba(212, 175, 55, 0.14) !important;
}

/* 选中态：暗金或米白，不要蓝色 */
#app [class*="checked"],
#app [class*="selected"],
#app [class*="active"],
#app [aria-checked="true"],
#app [aria-selected="true"] {
  border-color: rgba(212, 175, 55, 0.36) !important;
}

/* 8. 参数标题：金色但克制 */
#app label,
#app [class*="label"],
#app [class*="Label"] {
  color: rgba(248, 243, 223, 0.9) !important;
}

/* 让参数区标题更有层级 */
#app [class*="title"],
#app [class*="Title"] {
  color: #f3d76d !important;
}

/* 9. 滑块：蓝色减少，改成暗金/冷蓝少量点缀 */
#app .n-slider,
#app [class*="slider"],
#app [class*="Slider"] {
  --n-fill-color: #d4af37 !important;
  --n-fill-color-hover: #f3d76d !important;
  --n-handle-color: #f8f3df !important;
  --n-handle-color-hover: #f3d76d !important;
  --n-rail-color: rgba(255, 255, 255, 0.18) !important;
}

/* 10. 输入框、数字框、Seed 栏 */
#app input,
#app textarea,
#app .n-input,
#app .n-input-wrapper,
#app .n-input__input-el,
#app .n-input__textarea-el,
#app .n-input-number,
#app .n-base-selection {
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff8df !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
  box-shadow: none !important;
}

#app input:focus,
#app textarea:focus,
#app .n-input:focus-within,
#app .n-input-wrapper:focus-within,
#app .n-base-selection:focus-within {
  border-color: rgba(212, 175, 55, 0.42) !important;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.08) !important;
}

/* 11. Switch 开关：暗色，不要亮白突兀 */
#app .n-switch,
#app [class*="switch"],
#app [class*="Switch"] {
  --n-rail-color: rgba(255, 255, 255, 0.16) !important;
  --n-rail-color-active: rgba(212, 175, 55, 0.72) !important;
  --n-button-color: #f8f3df !important;
}

/* 12. 上传参考图区域 */
#app [class*="upload"],
#app [class*="Upload"],
#app .n-upload,
#app .n-upload-dragger {
  background: rgba(255, 255, 255, 0.035) !important;
  color: rgba(248, 243, 223, 0.76) !important;
  border: 1px dashed rgba(212, 175, 55, 0.22) !important;
  border-radius: 16px !important;
}

#app [class*="upload"]:hover,
#app [class*="Upload"]:hover,
#app .n-upload:hover,
#app .n-upload-dragger:hover {
  background: rgba(212, 175, 55, 0.065) !important;
  border-color: rgba(212, 175, 55, 0.42) !important;
}

/* 13. 中间参数区底部积分栏：压低亮黄，改成小型状态栏 */
#app [class*="score"],
#app [class*="Score"],
#app [class*="balance"],
#app [class*="Balance"],
#app [class*="point"],
#app [class*="Point"] {
  color: #f3d76d !important;
}

/* 14. 去掉参数区过强的灰色横条 */
#app [class*="divide"],
#app [class*="border-t"],
#app [class*="border-b"] {
  border-color: rgba(212, 175, 55, 0.12) !important;
}

/* 15. 中间参数区滚动条细化 */
#app [class*="scroll"]::-webkit-scrollbar,
#app [class*="overflow"]::-webkit-scrollbar {
  width: 7px;
}

#app [class*="scroll"]::-webkit-scrollbar-thumb,
#app [class*="overflow"]::-webkit-scrollbar-thumb {
  background: rgba(212, 175, 55, 0.28);
  border-radius: 999px;
}


/* =========================================================
   YOLK AI Workspace Skin v2 - Declutter Pass
   目标：降低文字密度，减少后台感，保留核心功能
   ========================================================= */

/* 1. 全局降低次级文字压迫感 */
#app .text-xs,
#app .text-sm,
#app [class*="text-xs"],
#app [class*="text-sm"],
#app [class*="desc"],
#app [class*="Desc"],
#app [class*="tip"],
#app [class*="Tip"],
#app [class*="hint"],
#app [class*="Hint"] {
  color: rgba(248, 243, 223, 0.52) !important;
  font-weight: 400 !important;
}

/* 2. 左侧栏：让菜单更轻，不像后台列表 */
#app aside,
#app .n-layout-sider {
  font-size: 15px !important;
}

#app aside [class*="menu"] span,
#app aside [class*="Menu"] span,
#app .n-layout-sider [class*="menu"] span,
#app .n-layout-sider [class*="Menu"] span {
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* 3. 左侧底部操作区降低存在感 */
#app aside button,
#app aside .n-button,
#app .n-layout-sider button,
#app .n-layout-sider .n-button {
  min-height: 36px !important;
  font-size: 14px !important;
}

/* 4. 中间参数区：模块标题保留，说明文字弱化 */
#app [class*="draw"] p,
#app [class*="Draw"] p,
#app [class*="painting"] p,
#app [class*="Painting"] p {
  color: rgba(248, 243, 223, 0.58) !important;
}

/* 5. 模型卡片中的副标题弱化，避免一张卡片两三行字都抢眼 */
#app [class*="model"] span,
#app [class*="Model"] span,
#app [class*="model"] p,
#app [class*="Model"] p {
  line-height: 1.15 !important;
}

/* 6. 即将上线、说明类文字降低视觉重量 */
#app * {
  text-rendering: optimizeLegibility;
}

#app span,
#app p,
#app div {
  text-shadow: none !important;
}

/* 7. 右侧生成记录：限制超长提示词显示行数 */
#app [class*="message"] p,
#app [class*="Message"] p,
#app [class*="chat"] p,
#app [class*="Chat"] p {
  line-height: 1.65 !important;
}

/* 针对长 Prompt 文本做两到三行折叠视觉 */
#app [class*="message"] div,
#app [class*="Message"] div,
#app [class*="chat"] div,
#app [class*="Chat"] div {
  overflow-wrap: break-word !important;
}

/* 8. 右侧记录中的时间、标签、机器人信息弱化 */
#app [class*="time"],
#app [class*="Time"],
#app [class*="date"],
#app [class*="Date"],
#app [class*="tag"],
#app [class*="Tag"],
#app [class*="badge"],
#app [class*="Badge"] {
  font-size: 12px !important;
  color: rgba(248, 243, 223, 0.48) !important;
}

/* AI机器人标签不要太抢 */
#app [class*="robot"],
#app [class*="Robot"],
#app [class*="bot"],
#app [class*="Bot"] {
  color: rgba(248, 243, 223, 0.72) !important;
}

/* 9. 失败原因压成轻量警示卡，不再像大段系统报错 */
#app [class*="error"],
#app [class*="Error"],
#app [class*="fail"],
#app [class*="Fail"],
#app [class*="danger"],
#app [class*="Danger"] {
  background: rgba(255, 126, 78, 0.08) !important;
  border: 1px solid rgba(255, 151, 92, 0.22) !important;
  color: #ffb28f !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* 10. 右侧每条生成记录更像作品卡片 */
#app [class*="message"],
#app [class*="Message"],
#app [class*="chat-item"],
#app [class*="ChatItem"] {
  border-color: rgba(212, 175, 55, 0.10) !important;
}

/* 11. 图片作为视觉重点，提示词不要比图更抢 */
#app img {
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

/* 12. 顶部小工具按钮弱化 */
#app header button,
#app [class*="header"] button,
#app [class*="top"] button {
  min-width: 40px !important;
  min-height: 40px !important;
  opacity: 0.88 !important;
}

/* 13. 中间参数按钮文字不要过重 */
#app button,
#app .n-button,
#app [role="button"] {
  font-weight: 650 !important;
}

/* 14. 底部 Prompt Bar 保持主视觉，其他区域让位 */
#app [class*="fixed"],
#app [class*="sticky"] {
  backdrop-filter: blur(18px) !important;
}

/* 15. 回到底部按钮不抢主按钮 */
#app [class*="back"],
#app [class*="Back"] {
  opacity: 0.78 !important;
}