/* ==========================================================================
   赵阿龙智能体 · Module Studio v4
   一级模块总览 / 工具索引 / 二级功能页统一信息层级
   仅做覆盖式视觉增强，不改变业务表单与接口
   ========================================================================== */

:root{
  --ms-bg:#0A0A0C;
  --ms-surface:#121214;
  --ms-surface-2:#17171A;
  --ms-line:rgba(255,255,255,.075);
  --ms-gold:#D8B763;
  --ms-gold-soft:#F0DB9E;
  --ms-muted:#8E8A80;
  --ms-faint:#615E57;
  --ms-shadow:0 24px 70px rgba(0,0,0,.46);
}

/* --------------------------------------------------------------------------
   左侧导航：从“一排导航按钮”改成有层级的工作台导航
   -------------------------------------------------------------------------- */
nav.tabs.sidebar{
  width:252px !important; min-width:252px !important;
  padding:16px 14px 16px !important;
  background:
    radial-gradient(360px 260px at 10% 0%, rgba(214,178,86,.075), transparent 68%),
    linear-gradient(180deg, rgba(15,15,17,.985), rgba(9,9,11,.99)) !important;
  border-right:1px solid rgba(214,178,86,.11) !important;
}
nav.tabs.sidebar .sb-scroll{ gap:7px !important; padding:0 3px 8px 0 !important; }
.sb-section-title{
  display:flex; align-items:center; gap:8px; min-height:24px;
  padding:2px 10px 5px; color:#66635C; font-size:10.5px; font-weight:800;
  letter-spacing:1.35px; text-transform:uppercase;
}
.sb-section-title::after{ content:""; height:1px; flex:1; background:linear-gradient(90deg,rgba(214,178,86,.16),transparent); }
nav.tabs.sidebar .p-nav-home{
  min-height:48px; padding:10px 12px !important; border-radius:15px !important;
  color:#D4CDBD !important; margin-bottom:2px;
}
nav.tabs.sidebar .p-nav-home .tb-ico{
  width:36px !important; height:36px !important; padding:9px; border-radius:11px;
  color:#C6A653 !important; background:rgba(214,178,86,.075);
  border:1px solid rgba(214,178,86,.12);
}
nav.tabs.sidebar .p-nav-home.active{
  color:#F7EAC6 !important;
  background:linear-gradient(105deg,rgba(214,178,86,.16),rgba(214,178,86,.045)) !important;
  border-color:rgba(214,178,86,.26) !important;
  box-shadow:inset 3px 0 0 #D6B256, 0 10px 28px rgba(0,0,0,.22) !important;
}
nav.tabs.sidebar .p-nav-home.active .tb-ico{ color:#2A2008 !important; background:linear-gradient(135deg,#F5E4B0,#CBA84F); border-color:rgba(255,245,215,.5); }

nav.tabs.sidebar .p-nav-mods{ gap:5px !important; margin-top:0 !important; }
nav.tabs.sidebar .p-nav-mod{
  position:relative; min-height:56px; gap:10px !important;
  padding:9px 10px !important; border-radius:15px !important;
  color:#C7C0B0 !important; overflow:hidden;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}
nav.tabs.sidebar .p-nav-mod::before{
  content:""; position:absolute; left:0; top:13px; bottom:13px; width:3px;
  border-radius:0 4px 4px 0; background:linear-gradient(180deg,#F0D994,#B58B28);
  opacity:0; transform:scaleY(.35); transition:opacity .2s, transform .2s;
}
nav.tabs.sidebar .p-nav-mod:hover{
  color:#F3E8C8 !important; background:rgba(214,178,86,.055) !important;
  border-color:rgba(214,178,86,.10) !important; transform:translateX(1px);
}
nav.tabs.sidebar .p-nav-mod.active{
  color:#F7E9C2 !important;
  background:linear-gradient(102deg,rgba(214,178,86,.15),rgba(214,178,86,.035) 82%) !important;
  border-color:rgba(214,178,86,.25) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
nav.tabs.sidebar .p-nav-mod.active::before{ opacity:1; transform:scaleY(1); }
nav.tabs.sidebar .p-nav-mod .tb-ico{
  width:36px !important; height:36px !important; padding:9px; border-radius:11px;
  color:#C7A64F !important; background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.065); transition:all .2s ease;
}
nav.tabs.sidebar .p-nav-mod.active .tb-ico{
  color:#2A2008 !important; background:linear-gradient(135deg,#F4E2AA,#C9A444);
  border-color:rgba(255,242,204,.46); box-shadow:0 6px 18px rgba(214,178,86,.16);
}
nav.tabs.sidebar .p-nav-mod .pn-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
nav.tabs.sidebar .p-nav-mod .pn-copy b{ font-size:14px; line-height:1.2; color:inherit; font-weight:800; letter-spacing:.1px; }
nav.tabs.sidebar .p-nav-mod .pn-copy small{ font-size:10.5px; line-height:1.2; color:#716D64; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
nav.tabs.sidebar .p-nav-mod.active .pn-copy small{ color:#A99358; }
nav.tabs.sidebar .p-nav-mod .pn-count{
  flex:0 0 auto !important; min-width:24px; height:22px; padding:0 7px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; color:#A39A80; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06); font-size:10.5px; font-weight:800;
}
nav.tabs.sidebar .p-nav-mod.active .pn-count{ color:#EBD89E; background:rgba(214,178,86,.11); border-color:rgba(214,178,86,.22); }
nav.tabs.sidebar .p-nav-mod .pn-chevron{
  flex:0 0 auto !important; color:#56534D; font-size:18px; line-height:1;
  transform:translateX(-2px); transition:color .2s, transform .2s;
}
nav.tabs.sidebar .p-nav-mod:hover .pn-chevron,
nav.tabs.sidebar .p-nav-mod.active .pn-chevron{ color:#D3B767; transform:translateX(0); }

nav.tabs.sidebar .p-nav-extra{
  margin-top:auto !important; padding:12px 2px 0 !important;
  border-top:1px solid rgba(214,178,86,.11) !important;
}
nav.tabs.sidebar .p-nav-mini{
  min-height:40px; padding:8px 11px !important; border-radius:12px !important;
  font-size:13px !important; color:#999487 !important;
}
nav.tabs.sidebar .p-nav-mini .tb-ico{ width:20px !important; height:20px !important; }
nav.tabs.sidebar .p-nav-mini:hover{ color:#EDE3C5 !important; background:rgba(214,178,86,.055) !important; }
nav.tabs.sidebar .p-nav-mini.active{ color:#F5E7BF !important; background:rgba(214,178,86,.12) !important; border-color:rgba(214,178,86,.18) !important; }
.p-state-card{ padding:11px 12px; background:rgba(255,255,255,.025); border-color:rgba(255,255,255,.06); }

main{ margin-left:252px !important; padding:22px 28px 48px !important; }
#keyBanner,#remoteBanner{ margin-left:252px !important; }
main > .panel{ width:100%; max-width:1600px; margin:0 auto; }

/* --------------------------------------------------------------------------
   模块总览：Hero + 推荐位 + 工作流 + 工具 Bento
   -------------------------------------------------------------------------- */
.module-view{ display:flex; flex-direction:column; gap:16px; animation:msRise .44s cubic-bezier(.2,.82,.25,1) both; }
@keyframes msRise{ from{ opacity:0; transform:translateY(10px) } to{ opacity:1; transform:none } }

.ms-breadcrumb{
  display:flex; align-items:center; gap:8px; padding:0 3px;
  color:#6E6A62; font-size:11.5px; font-weight:700;
}
.ms-breadcrumb i{ color:#4A4742; font-style:normal; }
.ms-breadcrumb b{ color:#B7AB87; }
.module-head{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid !important; grid-template-columns:minmax(0,1fr) 330px;
  align-items:center !important; gap:30px !important;
  min-height:214px; padding:30px 34px !important;
  border-radius:24px !important; border:1px solid rgba(214,178,86,.16) !important;
  background:
    radial-gradient(560px 300px at 85% 36%, rgba(214,178,86,.14), transparent 65%),
    linear-gradient(145deg,#171719 0%,#0E0E10 78%) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.module-head::before{
  content:""; position:absolute; inset:0; z-index:-1; opacity:.32; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 44%,#000);
  mask-image:linear-gradient(90deg,transparent,#000 44%,#000);
}
.module-head::after{
  content:""; position:absolute; z-index:-1; width:360px; height:360px; right:-120px; top:-140px;
  border-radius:50%; border:1px solid rgba(214,178,86,.13);
  box-shadow:0 0 0 38px rgba(214,178,86,.025), 0 0 0 76px rgba(214,178,86,.018);
}
.module-head-txt{ position:relative; z-index:2; }
.module-kicker{
  display:inline-flex; align-items:center; gap:7px; margin-bottom:14px;
  color:#B89B50; font-size:10.5px; font-weight:900; letter-spacing:1.45px; text-transform:uppercase;
}
.module-kicker svg{ width:14px; height:14px; }
.module-head h2{
  margin:0 !important; padding:0 !important; font-size:clamp(30px,3vw,42px) !important;
  line-height:1.08 !important; font-weight:900 !important; letter-spacing:.3px;
  background:linear-gradient(180deg,#FFF7DF 4%,#E8CD84 54%,#B68C2D 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.module-head .hint{
  max-width:720px; margin:13px 0 0 !important;
  color:#A7A196 !important; font-size:13.5px !important; line-height:1.72 !important;
}
.module-head-actions{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:20px; }
.ms-primary{
  display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 17px;
  color:#261C08; background:linear-gradient(135deg,#F6E6B5,#D4B15A 58%,#BE9639);
  border:1px solid rgba(255,246,218,.58); border-radius:12px;
  font-size:13px; font-weight:900; cursor:pointer;
  box-shadow:0 10px 28px rgba(190,151,57,.22), inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .2s, box-shadow .2s, filter .2s;
}
.ms-primary:hover{ transform:translateY(-2px); filter:brightness(1.045); box-shadow:0 15px 34px rgba(190,151,57,.30), inset 0 1px 0 rgba(255,255,255,.5); }
.ms-primary svg{ width:15px; height:15px; }
.ms-head-note{ display:inline-flex; align-items:center; gap:7px; color:#77736B; font-size:11.5px; font-weight:700; }
.ms-head-note::before{ content:""; width:6px; height:6px; border-radius:50%; background:#55C98A; box-shadow:0 0 10px rgba(85,201,138,.65); }

.module-head-visual{ position:relative; min-height:150px; display:flex; align-items:center; justify-content:center; }
.ms-orbit{
  position:relative; width:148px; height:148px; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 42%,rgba(244,222,158,.12),rgba(214,178,86,.025) 55%,transparent 72%);
  border:1px solid rgba(214,178,86,.20);
  box-shadow:inset 0 0 42px rgba(214,178,86,.05),0 0 54px rgba(214,178,86,.06);
}
.ms-orbit::before,.ms-orbit::after{ content:""; position:absolute; border-radius:50%; border:1px solid rgba(214,178,86,.10); }
.ms-orbit::before{ inset:-17px; border-style:dashed; animation:msSpin 24s linear infinite; }
.ms-orbit::after{ inset:17px; border-color:rgba(255,255,255,.045); }
@keyframes msSpin{ to{ transform:rotate(360deg) } }
.ms-orbit strong{ color:#F1DFA8; font-size:36px; line-height:1; font-weight:900; letter-spacing:-1px; }
.ms-orbit span{ margin-top:7px; color:#7F796E; font-size:10.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }
.ms-orbit i{
  position:absolute; width:8px; height:8px; border-radius:50%; background:#E1C46E;
  right:14px; top:37px; box-shadow:0 0 0 5px rgba(214,178,86,.07),0 0 16px rgba(214,178,86,.45);
}
.ms-orbit em{
  position:absolute; left:10px; bottom:26px; width:5px; height:5px; border-radius:50%;
  background:#7C724E; box-shadow:0 0 0 5px rgba(214,178,86,.035);
}

.module-level-row{ display:grid; grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr); gap:14px; }
.module-level-card{
  position:relative; overflow:hidden; min-height:168px; padding:21px 22px; box-sizing:border-box;
  border:1px solid var(--ms-line); border-radius:20px;
  background:linear-gradient(145deg,rgba(25,25,28,.96),rgba(15,15,17,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.module-level-card::after{
  content:""; position:absolute; width:180px; height:180px; right:-80px; bottom:-110px;
  border-radius:50%; background:rgba(214,178,86,.055); filter:blur(2px);
}
.ms-card-label{ display:flex; align-items:center; gap:8px; color:#827C6E; font-size:10.5px; font-weight:900; letter-spacing:1.25px; text-transform:uppercase; }
.ms-card-label svg{ width:14px; height:14px; color:#C4A753; }
.module-spotlight .ms-spot-main{ display:flex; align-items:center; gap:16px; margin-top:15px; }
.module-spotlight .ms-spot-icon{
  width:50px; height:50px; border-radius:15px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  color:#2A2008; background:linear-gradient(140deg,#F4E1A7,#C9A544); box-shadow:0 10px 26px rgba(214,178,86,.16);
}
.module-spotlight .ms-spot-icon svg{ width:22px; height:22px; }
.module-spotlight h3{ margin:0; color:#F3EAD5; font-size:18px; line-height:1.25; }
.module-spotlight p{ margin:6px 0 0; color:#8E8A81; font-size:12.5px; line-height:1.65; }
.module-spotlight .ms-spot-link{
  position:relative; z-index:1; display:inline-flex; align-items:center; gap:7px; margin-top:15px;
  color:#D7B963; font-size:12px; font-weight:800; cursor:pointer;
}
.module-spotlight .ms-spot-link:hover{ color:#F4E2A9; }
.module-spotlight .ms-spot-link svg{ width:15px !important; height:15px !important; flex:0 0 15px; }
.module-flow{ display:flex; flex-direction:column; }
.ms-flow-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:15px; }
.ms-flow-step{ position:relative; padding:11px 10px 10px; border-radius:13px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.055); }
.ms-flow-step b{ display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:7px; color:#2A2008; background:#D8B763; font-size:10.5px; }
.ms-flow-step strong{ display:block; margin-top:9px; color:#DED6C2; font-size:11.5px; line-height:1.3; }
.ms-flow-step small{ display:block; margin-top:4px; color:#6E6A62; font-size:9.5px; line-height:1.4; }

.module-tools{
  margin-top:2px; padding:20px; border:1px solid var(--ms-line); border-radius:22px;
  background:linear-gradient(155deg,rgba(17,17,19,.96),rgba(12,12,14,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.module-tools-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:15px; }
.module-tools-head h3{ margin:0; color:#EDE5D1; font-size:17px; font-weight:900; letter-spacing:.15px; }
.module-tools-head p{ margin:5px 0 0; color:#747068; font-size:11.5px; }
.ms-tool-legend{ display:flex; align-items:center; gap:8px; color:#706B61; font-size:10.5px; font-weight:700; }
.ms-tool-legend i{ width:6px; height:6px; border-radius:50%; background:#D5B45D; box-shadow:0 0 10px rgba(214,178,86,.4); }
.module-grid{ display:grid !important; grid-template-columns:repeat(12,minmax(0,1fr)) !important; gap:12px !important; }
.module-card{
  position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box;
  grid-column:span 4; display:flex !important; flex-direction:column !important; align-items:stretch !important;
  min-height:154px; padding:17px !important; gap:0 !important; cursor:pointer;
  border:1px solid rgba(255,255,255,.07) !important; border-radius:17px !important;
  background:linear-gradient(150deg,#18181B 0%,#111113 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}
.module-card::after{
  content:""; position:absolute; z-index:-1; width:170px; height:170px; right:-95px; top:-105px; border-radius:50%;
  background:rgba(214,178,86,.06); opacity:.35; transition:opacity .22s, transform .22s;
}
.module-card.is-featured{ grid-column:span 6; min-height:170px; padding:19px !important; }
.module-card:hover{
  transform:translateY(-4px) !important; border-color:rgba(214,178,86,.28) !important;
  background:linear-gradient(150deg,#1C1B18 0%,#121214 100%) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.44),0 0 30px rgba(214,178,86,.07) !important;
}
.module-card:hover::after{ opacity:.72; transform:scale(1.08); }
.module-card .mc-index{
  position:absolute; right:12px; top:8px; color:rgba(255,255,255,.025);
  font-size:42px; line-height:1; font-weight:900; letter-spacing:-2px; pointer-events:none;
}
.module-card .mc-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; position:relative; z-index:1; }
.module-card .mc-ico{
  width:42px !important; height:42px !important; flex:0 0 42px !important; border-radius:12px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  color:#DFC57C !important; background:linear-gradient(145deg,rgba(214,178,86,.14),rgba(214,178,86,.035)) !important;
  border:1px solid rgba(214,178,86,.18) !important;
}
.module-card.is-featured .mc-ico{ width:48px !important; height:48px !important; flex-basis:48px !important; color:#2A2008 !important; background:linear-gradient(145deg,#F2DFA3,#C7A140) !important; border-color:rgba(255,242,200,.36) !important; }
.module-card .mc-ico svg{ width:19px !important; height:19px !important; }
.module-card.is-featured .mc-ico svg{ width:21px !important; height:21px !important; }
.module-card .feat-badge{ margin-left:auto; }
.module-card .mc-body{ position:relative; z-index:1; margin-top:15px; }
.module-card.is-featured .mc-body{ margin-top:17px; }
.module-card .mc-body h3{
  display:flex; align-items:center; gap:7px; margin:0 !important; color:#F0E9D8 !important;
  font-size:14px !important; line-height:1.35 !important; font-weight:900 !important;
}
.module-card.is-featured .mc-body h3{ font-size:17px !important; }
.module-card .mc-body p{ margin:7px 0 0 !important; color:#7C786F !important; font-size:11.5px !important; line-height:1.58 !important; }
.module-card.is-featured .mc-body p{ max-width:94%; font-size:12px !important; }
.module-card .mc-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:14px; position:relative; z-index:1; }
.module-card .mc-tags{ display:flex; gap:6px; min-width:0; overflow:hidden; }
.module-card .mc-tag{ padding:3px 7px; border-radius:6px; color:#7B7568; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.05); font-size:9.5px; white-space:nowrap; }
.module-card .mc-enter{ display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; color:#9B8A54; font-size:10.5px; font-weight:800; transition:color .2s, transform .2s; }
.module-card .mc-enter svg{ width:12px; height:12px; }
.module-card:hover .mc-enter{ color:#E5CB82; transform:translateX(2px); }

.module-footer-grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:12px; }
.ms-info-card{
  min-height:116px; padding:17px 18px; border:1px solid var(--ms-line); border-radius:17px;
  background:linear-gradient(150deg,rgba(18,18,20,.96),rgba(13,13,15,.98));
}
.ms-info-card h4{ display:flex; align-items:center; gap:8px; margin:0; color:#DDD4BE; font-size:13px; font-weight:850; }
.ms-info-card h4 svg{ width:15px; height:15px; color:#C8A955; }
.ms-info-card p{ margin:9px 0 0; color:#77736B; font-size:11.5px; line-height:1.7; }
.ms-scene-chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.ms-scene-chip{ padding:5px 9px; border-radius:999px; color:#A69B7C; background:rgba(214,178,86,.055); border:1px solid rgba(214,178,86,.11); font-size:10.5px; }

/* --------------------------------------------------------------------------
   二级功能页：统一标题、说明与返回路径
   -------------------------------------------------------------------------- */
.page-studio-head{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:16px;
  margin:0 0 16px !important; padding:18px 20px !important; box-sizing:border-box;
  border:1px solid rgba(214,178,86,.13) !important; border-radius:20px;
  background:radial-gradient(520px 200px at 88% 36%,rgba(214,178,86,.10),transparent 68%),linear-gradient(145deg,#161618,#0F0F11) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.page-studio-head::after{ content:""; position:absolute; right:-45px; top:-75px; width:180px; height:180px; border-radius:50%; border:1px solid rgba(214,178,86,.10); }
.ps-icon{
  width:46px; height:46px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:14px; color:#2A2008; background:linear-gradient(140deg,#F0DDA1,#C8A441);
  border:1px solid rgba(255,245,216,.45); box-shadow:0 10px 24px rgba(214,178,86,.13);
}
.ps-icon svg{ width:21px; height:21px; }
.ps-copy{ min-width:0; flex:1; position:relative; z-index:1; }
.ps-kicker{ display:flex; align-items:center; gap:7px; margin-bottom:5px; color:#8B805F; font-size:10px; font-weight:900; letter-spacing:1.2px; }
.ps-kicker i{ width:5px; height:5px; border-radius:50%; background:#D6B256; }
.ps-copy h1{ margin:0; color:#F3EBD8; font-size:19px; line-height:1.3; font-weight:900; }
.ps-copy p{ margin:5px 0 0; color:#807C73; font-size:11.5px; line-height:1.55; }
.ps-back{
  position:relative; z-index:1; flex:0 0 auto; min-height:36px; padding:0 12px; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px; color:#AAA28D; font-size:11.5px; font-weight:800;
  border-radius:10px; border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.025);
}
.ps-back:hover{ color:#E8D596; border-color:rgba(214,178,86,.23); background:rgba(214,178,86,.06); }
.ps-back svg{ width:13px; height:13px; }
.page-studio-head + .card > h2:first-child{ display:none !important; }
.page-studio-head + .card{ margin-top:0 !important; }
.panel > .card{ border-color:rgba(255,255,255,.065) !important; box-shadow:0 20px 58px rgba(0,0,0,.24) !important; }
.panel .field-label{ color:#C9B06C !important; }
.panel .placeholder{ color:#706C64 !important; }

@media (max-width:1280px){
  nav.tabs.sidebar{ width:236px !important; min-width:236px !important; }
  main{ margin-left:236px !important; padding-left:22px !important; padding-right:22px !important; }
  #keyBanner,#remoteBanner{ margin-left:236px !important; }
  .module-head{ grid-template-columns:minmax(0,1fr) 270px !important; }
  .module-level-row{ grid-template-columns:1fr !important; }
  .module-card{ grid-column:span 6 !important; }
}
@media (max-width:920px){
  nav.tabs.sidebar{ width:218px !important; min-width:218px !important; padding-left:10px !important; padding-right:10px !important; }
  main{ margin-left:218px !important; padding:16px !important; }
  #keyBanner,#remoteBanner{ margin-left:218px !important; }
  .module-head{ grid-template-columns:1fr !important; min-height:auto; padding:24px !important; }
  .module-head-visual{ display:none; }
  .module-level-row,.module-footer-grid{ grid-template-columns:1fr !important; }
  .module-card,.module-card.is-featured{ grid-column:span 12 !important; }
  .page-studio-head{ align-items:flex-start; }
  .ps-back{ display:none !important; }
}
@media (max-width:720px){
  nav.tabs.sidebar{ display:none !important; }
  main,#keyBanner,#remoteBanner{ margin-left:0 !important; }
}



/* ==========================================================================
   Full interface audit refinements · 2026-09-24
   二级页流程提示、表单卡片、上传区与预览区的统一精致化
   ========================================================================== */
.page-studio-head{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:17px 19px !important;
}
.ps-flow{
  position:relative; z-index:1; display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:13px;
  background:rgba(255,255,255,.022); border:1px solid rgba(255,255,255,.055);
}
.ps-flow span{ display:flex; align-items:center; gap:6px; color:#6F6B63; white-space:nowrap; }
.ps-flow span b{
  width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:7px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07);
  color:#8B867B; font-size:10px; font-weight:900;
}
.ps-flow span small{ font-size:10.5px; font-weight:750; }
.ps-flow span.active{ color:#D6BD73; }
.ps-flow span.active b{ color:#241B08; background:linear-gradient(135deg,#F1DEA1,#CAA746); border-color:rgba(255,244,213,.38); }
.ps-flow i{ width:18px; height:1px; background:linear-gradient(90deg,rgba(214,178,86,.30),rgba(255,255,255,.06)); }

.page-studio-head + .card{
  position:relative; overflow:hidden;
  border-radius:21px !important; border:1px solid rgba(255,255,255,.068) !important;
  background:
    radial-gradient(760px 340px at 88% -8%,rgba(214,178,86,.055),transparent 68%),
    linear-gradient(150deg,rgba(24,24,27,.98),rgba(14,14,16,.99)) !important;
  box-shadow:0 24px 68px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025) !important;
  padding:20px !important;
}
.page-studio-head + .card::after{
  content:""; position:absolute; right:-90px; bottom:-130px; width:260px; height:260px; pointer-events:none;
  border-radius:50%; background:rgba(214,178,86,.035); filter:blur(2px);
}
.page-studio-head + .card .grid-2{ position:relative; z-index:1; gap:18px !important; }
.page-studio-head + .card .col{ min-width:0; }
.page-studio-head + .card > h2:first-child{ display:none !important; }

.panel .dropzone{
  position:relative; overflow:hidden;
  border:1px solid rgba(214,178,86,.17) !important; border-radius:18px !important;
  background:
    radial-gradient(340px 220px at 50% 16%,rgba(214,178,86,.065),transparent 68%),
    linear-gradient(150deg,rgba(255,255,255,.026),rgba(255,255,255,.012)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease !important;
}
.panel .dropzone::before{
  content:""; position:absolute; inset:9px; pointer-events:none;
  border:1px dashed rgba(214,178,86,.19); border-radius:12px;
  transition:border-color .22s ease;
}
.panel .dropzone:hover,.panel .dropzone.drag{
  transform:translateY(-2px) !important;
  border-color:rgba(214,178,86,.40) !important;
  background:
    radial-gradient(340px 220px at 50% 16%,rgba(214,178,86,.12),transparent 68%),
    linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.015)) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.21),inset 0 0 0 1px rgba(214,178,86,.04) !important;
}
.panel .dropzone:hover::before,.panel .dropzone.drag::before{ border-color:rgba(229,200,119,.38); }
.panel .dropzone .dz-icon{
  position:relative; z-index:1; width:54px !important; height:54px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:16px !important; color:#E4C976 !important;
  background:linear-gradient(145deg,rgba(214,178,86,.16),rgba(214,178,86,.045)) !important;
  border:1px solid rgba(214,178,86,.19) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.panel .dropzone .dz-icon .ic,.panel .dropzone .dz-icon svg{ width:22px !important; height:22px !important; }
.panel .dropzone .dz-inner{ position:relative; z-index:1; }
.panel .dropzone p{ color:#E5DDC8 !important; font-size:14px !important; font-weight:750 !important; }
.panel .dropzone .dz-hint{ color:#777269 !important; font-size:11.5px !important; line-height:1.6 !important; }

.panel .result-box{
  position:relative; overflow:hidden; border-radius:18px !important;
  border:1px solid rgba(255,255,255,.068) !important;
  background:
    radial-gradient(420px 260px at 50% 30%,rgba(214,178,86,.045),transparent 70%),
    rgba(255,255,255,.014) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.panel .result-box .placeholder{
  position:relative; overflow:hidden; box-sizing:border-box;
  color:#777269 !important; background:rgba(255,255,255,.018) !important;
  border:1px dashed rgba(214,178,86,.16) !important; border-radius:14px !important;
  min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.panel .result-box .placeholder::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.50;
  background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(circle at center,#000,transparent 76%);
  mask-image:radial-gradient(circle at center,#000,transparent 76%);
}

@media (max-width:1380px){
  .ps-flow{ gap:5px; padding-left:8px; padding-right:8px; }
  .ps-flow span small{ font-size:9.5px; }
  .ps-flow i{ width:10px; }
}
@media (max-width:1200px){
  .page-studio-head{ grid-template-columns:46px minmax(0,1fr) auto !important; }
  .ps-flow{ display:none !important; }
}


/* ==========================================================================
   Homepage Studio v5 · 首页信息重构 + Remotion 主视觉
   ========================================================================== */
#panel-home .home-view{
  display:flex !important; flex-direction:column !important; gap:16px !important;
}
#panel-home .hv-hero{
  grid-template-columns:minmax(0,1fr) minmax(330px,420px) !important;
  min-height:360px; padding:34px 38px !important;
  border-radius:24px !important;
  background:
    radial-gradient(720px 390px at 82% 48%,rgba(214,178,86,.15),transparent 67%),
    radial-gradient(440px 260px at 2% 110%,rgba(214,178,86,.07),transparent 70%),
    linear-gradient(145deg,#181819 0%,#0D0D0F 76%) !important;
}
#panel-home .hv-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
#panel-home .hv-hero-copy{ position:relative; z-index:2; max-width:690px; }
#panel-home .hv-eyebrow{
  display:inline-flex; align-items:center; gap:8px; margin-bottom:14px;
  color:#A88D49; font-size:10.5px; font-weight:900; letter-spacing:1.8px;
}
#panel-home .hv-eyebrow span{
  width:28px; height:1px; background:linear-gradient(90deg,#D7B45D,transparent);
}
#panel-home .hv-title{
  margin:0 !important; color:#F4EDDE !important; font-size:clamp(38px,4vw,60px) !important;
  line-height:1.12 !important; font-weight:950 !important; letter-spacing:-1.4px !important;
}
#panel-home .hv-title em{
  color:transparent; font-style:normal;
  background:linear-gradient(180deg,#FFF5D8 5%,#E7C978 58%,#B58A2A 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
#panel-home .hv-sub{
  max-width:610px; margin:15px 0 0 !important; color:#918C83 !important;
  font-size:15px !important; line-height:1.75 !important;
}
#panel-home .hv-hero-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:21px; }
#panel-home .hv-hero-primary{
  display:inline-flex; align-items:center; gap:9px; min-height:42px; padding:0 17px;
  border:1px solid rgba(255,245,215,.46); border-radius:12px; cursor:pointer;
  color:#251B08; background:linear-gradient(135deg,#F7E8B9,#D2AF57 55%,#BD9536);
  font-size:13px; font-weight:900; box-shadow:0 11px 28px rgba(181,138,42,.20),inset 0 1px 0 rgba(255,255,255,.48);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
#panel-home .hv-hero-primary:hover{ transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 16px 36px rgba(181,138,42,.28),inset 0 1px 0 rgba(255,255,255,.48); }
#panel-home .hv-hero-primary svg{ width:15px; height:15px; }
#panel-home .hv-hero-status{ display:inline-flex; align-items:center; gap:7px; color:#746F65; font-size:11.5px; font-weight:700; }
#panel-home .hv-hero-status i{ width:6px; height:6px; border-radius:50%; background:#54CA8B; box-shadow:0 0 10px rgba(84,202,139,.65); }
#panel-home .hv-feats{
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important; max-width:640px; margin-top:26px !important;
}
#panel-home .hv-feat{
  min-height:66px !important; padding:11px 13px !important; gap:10px !important;
  background:rgba(255,255,255,.026) !important; border:1px solid rgba(255,255,255,.062) !important;
  border-radius:13px !important;
}
#panel-home .hv-feat .hvf-ico{
  width:34px !important; height:34px !important; border-radius:10px !important;
  color:#D8BA67 !important; background:rgba(214,178,86,.07) !important; border:1px solid rgba(214,178,86,.12);
}
#panel-home .hv-feat .hvf-ico svg{ width:15px !important; height:15px !important; }
#panel-home .hv-feat b{ color:#DCD4C3 !important; font-size:12px !important; }
#panel-home .hv-feat small{ color:#706C64 !important; font-size:10px !important; }
#panel-home .hv-hero-art{ min-height:290px; justify-content:center; }
#panel-home .hv-hero-robot{
  width:100% !important; max-width:440px !important; height:auto; display:block;
  mix-blend-mode:normal; filter:drop-shadow(0 22px 46px rgba(214,178,86,.22)) contrast(1.03) saturate(1.03);
  animation:heroFloat 5.5s ease-in-out infinite;
}
#panel-home .hv-note{
  top:6px; right:4px; color:#6E6654 !important; font-size:9.5px !important;
  letter-spacing:1.8px !important; text-align:right; line-height:1.55;
}
#panel-home .hv-note::before{ display:none; }

#panel-home .home-launcher{
  position:relative; overflow:hidden; padding:18px 20px 15px;
  border-radius:20px; border:1px solid rgba(214,178,86,.12);
  background:
    radial-gradient(560px 220px at 92% 0%,rgba(214,178,86,.07),transparent 70%),
    linear-gradient(145deg,rgba(22,22,25,.98),rgba(14,14,16,.99));
  box-shadow:0 18px 48px rgba(0,0,0,.25);
}
#panel-home .home-launcher-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
#panel-home .home-launcher-head b{ display:block; color:#E9E0CA; font-size:14px; font-weight:850; }
#panel-home .home-launcher-head small{ display:block; margin-top:4px; color:#747069; font-size:10.5px; }
#panel-home .hl-kicker{ color:#766A44; font-size:9.5px; font-weight:900; letter-spacing:1.5px; }
#panel-home .hv-inputbar{
  margin:0 !important; min-height:58px; border-radius:15px !important;
  background:rgba(255,255,255,.025) !important; border-color:rgba(255,255,255,.075) !important;
}
#panel-home .hv-inputbar:focus-within{ border-color:rgba(214,178,86,.30) !important; box-shadow:0 0 0 3px rgba(214,178,86,.055); }
#panel-home .hv-inputbar input{ font-size:13.5px !important; }
#panel-home .hv-inputbar .hv-go{ min-height:38px; border-radius:10px !important; }
#panel-home .hv-chips{ display:flex !important; align-items:center !important; gap:7px !important; margin-top:11px !important; }
#panel-home .hv-chip-label{ margin-right:3px; color:#666159; font-size:10px; font-weight:800; letter-spacing:.8px; }
#panel-home .hv-chip{
  min-height:29px !important; padding:0 10px !important; border-radius:9px !important;
  color:#9C9688 !important; background:rgba(255,255,255,.024) !important;
  border-color:rgba(255,255,255,.06) !important; font-size:10.5px !important;
}
#panel-home .hv-chip:hover{ color:#ECDCA9 !important; background:rgba(214,178,86,.07) !important; border-color:rgba(214,178,86,.18) !important; }

#panel-home .home-dashboard{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:14px; align-items:start; }
#panel-home .home-dashboard-main{ display:flex; flex-direction:column; gap:14px; min-width:0; }
#panel-home .home-dashboard-side{ display:flex; flex-direction:column; gap:11px; min-width:0; }
#panel-home .hv-sec{
  margin:0 !important; padding:19px !important; border-radius:20px !important;
  background:linear-gradient(145deg,rgba(20,20,23,.98),rgba(13,13,15,.99)) !important;
  border:1px solid rgba(255,255,255,.062) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
}
#panel-home .hv-sec-head{ align-items:flex-start !important; margin-bottom:13px !important; }
#panel-home .hv-sec-head h3{ font-size:14.5px !important; }
#panel-home .hv-sec-head p{ margin:4px 0 0; color:#6C6860; font-size:10.5px; }
#panel-home .hv-hot{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
#panel-home .hv-hot-card{ min-height:76px !important; padding:12px 13px !important; border-radius:14px !important; }
#panel-home .hv-cats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
#panel-home .hv-cat{ min-height:82px !important; padding:13px !important; border-radius:14px !important; }
#panel-home .hv-cat:last-child{ grid-column:1/-1; }
#panel-home .home-dashboard-side .hv-side-head{ display:flex; justify-content:space-between; align-items:center; padding:0 3px 2px; }
#panel-home .home-dashboard-side .hv-side-head span{ color:#DBD1BA; font-size:12px; font-weight:850; }
#panel-home .home-dashboard-side .hv-side-head small{ color:#5D594F; font-size:9px; letter-spacing:1.4px; }
#panel-home .hv-stat-card,
#panel-home .hv-recent-card,
#panel-home .hv-side-tip{
  min-height:auto !important; padding:16px !important; border-radius:17px !important;
  background:linear-gradient(145deg,rgba(20,20,23,.98),rgba(13,13,15,.99)) !important;
  border:1px solid rgba(255,255,255,.062) !important;
}
#panel-home .hv-stat-row{ margin-top:14px !important; }
#panel-home .hv-st b{ color:#E9D597 !important; font-size:24px !important; }
#panel-home .hv-recent-card{ min-height:170px !important; }
#panel-home .hv-recent-list{ margin-top:10px !important; }
#panel-home .hv-side-tip{ display:flex; gap:11px; align-items:flex-start; }
#panel-home .hst-ico{
  width:36px; height:36px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:11px; color:#D7B963; background:rgba(214,178,86,.075); border:1px solid rgba(214,178,86,.13);
}
#panel-home .hst-ico svg{ width:16px; height:16px; }
#panel-home .hv-side-tip b{ display:block; color:#D5CCB7; font-size:12px; }
#panel-home .hv-side-tip small{ display:block; margin-top:5px; color:#747069; font-size:10.5px; line-height:1.6; }

#panel-home.active .hv-hero-copy > *,
#panel-home.active .home-launcher,
#panel-home.active .home-dashboard > *{
  animation:homeEnter .56s cubic-bezier(.2,.82,.25,1) both;
}
#panel-home.active .hv-eyebrow{ animation-delay:.03s; }
#panel-home.active .hv-title{ animation-delay:.08s; }
#panel-home.active .hv-sub{ animation-delay:.13s; }
#panel-home.active .hv-hero-actions{ animation-delay:.18s; }
#panel-home.active .hv-feats{ animation-delay:.23s; }
#panel-home.active .home-launcher{ animation-delay:.25s; }
#panel-home.active .home-dashboard-main{ animation-delay:.30s; }
#panel-home.active .home-dashboard-side{ animation-delay:.36s; }
@keyframes homeEnter{ from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }

@media (max-width:1380px){
  #panel-home .home-dashboard{ grid-template-columns:minmax(0,1fr) 296px; }
  #panel-home .hv-hero{ grid-template-columns:minmax(0,1fr) 340px !important; padding:30px !important; }
  #panel-home .hv-hero-robot{ max-width:360px !important; }
}
@media (max-width:1120px){
  #panel-home .home-dashboard{ grid-template-columns:1fr; }
  #panel-home .home-dashboard-side{ display:grid; grid-template-columns:1fr 1fr; }
  #panel-home .hv-side-head,#panel-home .hv-side-tip{ grid-column:1/-1; }
}
@media (max-width:900px){
  #panel-home .hv-hero{ grid-template-columns:1fr !important; }
  #panel-home .hv-hero-art{ display:none; }
  #panel-home .hv-feats{ grid-template-columns:1fr 1fr !important; }
  #panel-home .hv-hot,#panel-home .hv-cats{ grid-template-columns:1fr !important; }
  #panel-home .hv-cat:last-child{ grid-column:auto; }
}

/* Interface micro-motion · restrained, content-first */
#panel-module.active .module-card{
  animation:cardReveal .46s cubic-bezier(.2,.82,.25,1) both;
}
#panel-module.active .module-card:nth-child(1){animation-delay:.03s}
#panel-module.active .module-card:nth-child(2){animation-delay:.06s}
#panel-module.active .module-card:nth-child(3){animation-delay:.09s}
#panel-module.active .module-card:nth-child(4){animation-delay:.12s}
#panel-module.active .module-card:nth-child(5){animation-delay:.15s}
#panel-module.active .module-card:nth-child(6){animation-delay:.18s}
#panel-module.active .module-card:nth-child(n+7){animation-delay:.22s}
#panel-module.active .ms-flow-step{animation:cardReveal .42s cubic-bezier(.2,.82,.25,1) both}
#panel-module.active .ms-flow-step:nth-child(2){animation-delay:.08s}
#panel-module.active .ms-flow-step:nth-child(3){animation-delay:.16s}
.page-studio-head + .card{animation:contentReveal .5s cubic-bezier(.2,.82,.25,1) .08s both}
@keyframes cardReveal{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@keyframes contentReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  #panel-module.active .module-card,#panel-module.active .ms-flow-step,.page-studio-head + .card,
  #panel-home.active .hv-hero-copy > *,#panel-home.active .home-launcher,#panel-home.active .home-dashboard > *{animation:none!important}
}

/* 视频文案任务清单：一键清空 */
body#focused-ui-preview .panel .fu-clear-all{
  margin-left:auto; min-height:34px; padding:7px 12px; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid rgba(234,154,139,.25); border-radius:9px;
  color:#DAA798; background:rgba(160,67,48,.10);
  font-size:12px; font-weight:750; transition:background .18s,border-color .18s,color .18s,transform .18s;
}
body#focused-ui-preview .panel .fu-clear-all svg{ width:14px; height:14px; }
body#focused-ui-preview .panel .fu-clear-all:hover{ color:#F2D6CD; background:rgba(190,73,52,.17); border-color:rgba(234,154,139,.48); transform:translateY(-1px); }
body#focused-ui-preview .panel .fu-clear-all:active{ transform:translateY(0); }
body#focused-ui-preview #panel-video-text .fu-list-heading .fu-density{ margin-left:0; }
@media(max-width:720px){
  body#focused-ui-preview .panel .fu-clear-all{ margin-left:0; }
}

/* ==========================================================================
   AI Chat + ChatCut Agent v6
   ========================================================================== */
#panel-ai-chat .ai-chat{
  height:calc(100vh - 166px) !important; min-height:620px !important;
  border-radius:22px !important; overflow:hidden !important;
  background:
    radial-gradient(700px 400px at 16% -10%,rgba(214,178,86,.065),transparent 68%),
    linear-gradient(145deg,rgba(20,20,23,.99),rgba(11,11,13,.995)) !important;
  border:1px solid rgba(255,255,255,.067) !important;
  box-shadow:0 26px 74px rgba(0,0,0,.34) !important;
}
#panel-ai-chat .ai-chat-head{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:16px !important; padding:15px 18px !important; min-height:74px;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  background:rgba(16,16,18,.88) !important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
#panel-ai-chat .ai-chat-heading{ min-width:0; }
#panel-ai-chat .ai-chat-heading h2{ margin:0 !important; color:#F0E8D5 !important; font-size:17px !important; }
#panel-ai-chat .ai-chat-heading p{ margin:5px 0 0 !important; color:#716D65 !important; font-size:10.5px !important; }
#panel-ai-chat .ai-chat-meta{ display:flex !important; align-items:center !important; gap:7px !important; flex-wrap:wrap !important; justify-content:flex-end; }
#panel-ai-chat .cc-inline-login{ min-height:31px !important; padding:0 10px !important; border-radius:9px !important; font-size:10.5px !important; }
/* Match the dark text on gold used by the other action buttons, never disabled-looking. */
#panel-ai-chat .ai-new-chat{ color:#241D10 !important; font-weight:700 !important; opacity:1 !important; }
#panel-ai-chat .ai-new-chat[data-pending="true"]{ border-color:#B89443 !important; }
#panel-ai-chat .cc-inline-login:focus-visible{ outline:2px solid #F1D78B; outline-offset:3px; }
#panel-ai-chat .cc-inline-login:disabled{ cursor:wait; }
#panel-ai-chat .ai-toolbar-feedback{ flex:0 0 auto; margin:10px 18px 0; padding:9px 12px; border:1px solid rgba(218,180,89,.28); border-radius:9px; background:#202018; color:#EDDDB4; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#panel-ai-chat .ai-toolbar-feedback[hidden]{ display:none !important; }
#panel-ai-chat .ai-toolbar-feedback[data-tone="error"]{ background:#2D2020; border-color:#775151; color:#FFD5D5; }
#panel-ai-chat .ai-toolbar-feedback[data-tone="success"]{ background:#1C2920; border-color:#406348; color:#D6EADB; }
#panel-ai-chat .ai-chat-body{
  position:relative; flex:1 1 auto !important; padding:22px !important; gap:14px !important;
  background:
    radial-gradient(520px 300px at 82% 12%,rgba(214,178,86,.035),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 30%);
}
#panel-ai-chat .ai-msg{ max-width:min(86%,820px) !important; }
#panel-ai-chat .ai-msg-user{ align-self:flex-end !important; }
#panel-ai-chat .ai-msg-bot{ align-self:flex-start !important; }
#panel-ai-chat .ai-bubble{
  padding:13px 15px !important; border-radius:16px !important; line-height:1.72 !important;
  font-size:12.5px !important; border:1px solid rgba(255,255,255,.056) !important;
  background:rgba(255,255,255,.028) !important; box-shadow:0 10px 28px rgba(0,0,0,.14);
}
#panel-ai-chat .ai-msg-user .ai-bubble{
  color:#2A2009 !important; background:linear-gradient(135deg,#F0DEA7,#CFAB54) !important;
  border-color:rgba(255,247,220,.42) !important; box-shadow:0 10px 28px rgba(180,137,42,.13);
}
#panel-ai-chat .ai-run{ width:100% !important; background:rgba(255,255,255,.024) !important; }
#panel-ai-chat .ai-run-title{ color:#D8C68D !important; font-size:12px !important; }
#panel-ai-chat .ai-run-steps{ gap:5px !important; }
#panel-ai-chat .ai-run-line{ font-size:11.5px !important; }
#panel-ai-chat .ai-chat-suggestions{
  flex:0 0 auto; display:flex; gap:7px; flex-wrap:wrap; padding:10px 18px 0;
  border-top:1px solid rgba(255,255,255,.045);
}
#panel-ai-chat .ai-chat-suggestions button{
  min-height:30px; padding:0 10px; cursor:pointer; border-radius:9px;
  color:#A39B87; background:rgba(255,255,255,.024); border:1px solid rgba(255,255,255,.06);
  font-size:10.5px; transition:all .18s;
}
#panel-ai-chat .ai-chat-suggestions button:hover{ color:#EDD996; background:rgba(214,178,86,.07); border-color:rgba(214,178,86,.20); }
#panel-ai-chat .ai-chat-attach{ display:flex !important; flex-direction:column !important; gap:9px !important; padding:11px 18px 0 !important; }
#panel-ai-chat .ai-attach-toolbar{ display:flex; align-items:center; gap:9px; min-width:0; }
#panel-ai-chat .ai-attach-toolbar>button:first-child{
  min-height:36px !important; padding:0 12px !important; border-radius:10px !important;
  color:#D9C482 !important; background:rgba(214,178,86,.075) !important; border:1px solid rgba(214,178,86,.17) !important;
}
#panel-ai-chat .ai-chat-attachment-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:150px; overflow-y:auto; }
#panel-ai-chat .ai-chat-attachment-list:empty{ display:none; }
#panel-ai-chat .ai-attachment{
  min-width:0; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px;
  padding:8px 9px; border-radius:11px; background:rgba(255,255,255,.022); border:1px solid rgba(255,255,255,.055);
}
#panel-ai-chat .ai-attachment.is-failed{ border-color:rgba(231,131,112,.27); background:rgba(140,57,44,.06); }
#panel-ai-chat .ai-attachment.is-uploading{ border-color:rgba(214,178,86,.18); }
#panel-ai-chat .ai-attach-icon{
  width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  color:#D8BA67; background:rgba(214,178,86,.065); border:1px solid rgba(214,178,86,.12);
}
#panel-ai-chat .ai-attach-icon svg{ width:14px; height:14px; }
#panel-ai-chat .ai-attach-copy{ min-width:0; }
#panel-ai-chat .ai-attach-copy b{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#D9D1BE; font-size:10.5px; }
#panel-ai-chat .ai-attach-copy small{ display:block; margin-top:3px; color:#6D6961; font-size:9px; }
#panel-ai-chat .ai-attach-progress{ height:3px; margin-top:5px; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.055); }
#panel-ai-chat .ai-attach-progress i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#D6B256,#F1DEA0); transition:width .18s; }
#panel-ai-chat .ai-attach-action, #panel-ai-chat .ai-attach-remove{
  width:26px; height:26px; border-radius:8px; cursor:pointer; color:#817B6F;
  display:inline-flex; align-items:center; justify-content:center; background:transparent; border:1px solid transparent;
}
#panel-ai-chat .ai-attach-action:hover{ color:#E8D18B; background:rgba(214,178,86,.08); border-color:rgba(214,178,86,.16); }
#panel-ai-chat .ai-attach-remove:hover{ color:#E5A091; background:rgba(190,73,52,.10); border-color:rgba(231,131,112,.22); }
#panel-ai-chat #aiChatRetryAll{
  padding:4px 10px; border-radius:999px; color:#E0BC72; border:1px solid rgba(214,178,86,.34);
  background:rgba(214,178,86,.08); font-size:10.5px; cursor:pointer;
}
#panel-ai-chat #aiChatRetryAll:hover{ color:#FFF0C4; background:rgba(214,178,86,.16); }
#panel-ai-chat .ai-chat-meta .cc-inline-status.warn{ color:#E0BC72; }
#panel-ai-chat .ai-chat-input{ padding:12px 18px 16px !important; gap:10px !important; border-top:1px solid rgba(255,255,255,.05); }
#panel-ai-chat .ai-chat-input-main{ flex:1; min-width:0; }
#panel-ai-chat .ai-chat-input textarea{ min-height:44px !important; padding:11px 13px !important; border-radius:12px !important; font-size:12.5px !important; }
#panel-ai-chat .ai-chat-input-hint{ display:block; margin:5px 2px 0; color:#605C54; font-size:9.5px; }
#panel-ai-chat .ai-chat-input button{ min-width:82px; min-height:44px; border-radius:12px !important; }
#panel-ai-chat .ai-chat-input button.is-stop{ background:linear-gradient(135deg,#E08C78,#B94D3E) !important; color:#fff !important; }
#panel-ai-chat .ai-chat-chip{
  max-width:none !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:#A99C78 !important; background:rgba(214,178,86,.05) !important; border:1px solid rgba(214,178,86,.10) !important;
}
#panel-ai-chat .ai-chat-chip-clear{ color:#B9897D !important; white-space:nowrap; }
#panel-ai-chat .ai-drop .ai-chat-body{ box-shadow:inset 0 0 0 2px rgba(214,178,86,.38); }
@media(max-width:1200px){
  #panel-ai-chat .ai-chat-head{ align-items:flex-start !important; flex-direction:column !important; }
  #panel-ai-chat .ai-chat-meta{ justify-content:flex-start; }
  #panel-ai-chat .ai-chat-attachment-list{ grid-template-columns:1fr; }
}
@media(max-width:760px){
  #panel-ai-chat .ai-chat{ height:calc(100vh - 120px) !important; min-height:540px !important; }
  #panel-ai-chat .ai-chat-heading p,#panel-ai-chat .ai-chat-input-hint{ display:none; }
  #panel-ai-chat .ai-chat-body{ padding:14px !important; }
  #panel-ai-chat .ai-chat-attach,#panel-ai-chat .ai-chat-input{ padding-left:12px !important; padding-right:12px !important; }
}

/* ChatCut 打开时，保证左侧对话控件不被抽屉覆盖 */
body.cc-open #panel-ai-chat{
  width:calc(100vw - var(--p-nav-w) - var(--cc-w) - 42px) !important;
  max-width:calc(100vw - var(--p-nav-w) - var(--cc-w) - 42px) !important;
  min-width:360px; margin-left:0 !important; margin-right:auto !important;
}
body.cc-open #panel-ai-chat .ai-chat-head{
  flex-direction:column !important; align-items:flex-start !important;
}
body.cc-open #panel-ai-chat .ai-chat-meta{ justify-content:flex-start !important; }
body.cc-open #panel-ai-chat .ai-chat-attachment-list{ grid-template-columns:1fr !important; }
body.cc-open #panel-ai-chat .ai-chat-suggestions{ overflow-x:auto; flex-wrap:nowrap; }
body.cc-open #panel-ai-chat .ai-chat-suggestions button{ flex:0 0 auto; }
@media(max-width:1280px){
  body.cc-open #panel-ai-chat{ max-width:calc(100vw - 236px - var(--cc-w) - 36px) !important; }
}