/* =====================================================================
   agent-fx.css  智能体工作台 · 参考站 1:1 视觉体系
   主题色由容器内联变量 --aw-rgb（R,G,B）驱动，每个智能体独立配色
   ===================================================================== */
#agentWorkspace{position:relative;isolation:isolate;}
#agentWorkspace>*:not(.ag-bgfx){position:relative;z-index:1;}

/* ---------- 氛围背景：网格 / 轨道弧线 / 闪烁星点 ---------- */
.ag-bgfx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit;}
.ag-bgfx .ag-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(var(--aw-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--aw-rgb),.05) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%);}
.ag-bgfx .ag-orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--aw-rgb),.14);}
.ag-bgfx .ag-orbit-a{width:150%;height:90%;left:-25%;top:6%;
  border-color:rgba(var(--aw-rgb),.16) transparent transparent transparent;border-top-width:2px;
  transform:rotate(-13deg);animation:agOrbitDrift 26s ease-in-out infinite alternate;}
.ag-bgfx .ag-orbit-b{width:120%;height:70%;right:-30%;top:20%;
  border-color:transparent rgba(var(--aw-rgb),.12) transparent transparent;border-right-width:2px;
  transform:rotate(8deg);animation:agOrbitDrift 32s ease-in-out infinite alternate-reverse;}
@keyframes agOrbitDrift{from{transform:rotate(-13deg) translateY(0);}to{transform:rotate(-10deg) translateY(18px);}}
.ag-bgfx .ag-stars i{position:absolute;border-radius:50%;background:rgb(var(--aw-rgb));
  box-shadow:0 0 6px rgb(var(--aw-rgb)),0 0 12px rgba(var(--aw-rgb),.6);opacity:.7;animation:agTwinkle ease-in-out infinite;}
@keyframes agTwinkle{0%,100%{opacity:.12;transform:scale(.7);}50%{opacity:.95;transform:scale(1.25);}}
@media (prefers-reduced-motion:reduce){.ag-bgfx .ag-orbit,.ag-bgfx .ag-stars i{animation:none;}}

/* ---------- 英雄区 ---------- */
#agentWorkspace .ag-hero{padding:18px 0 6px;}
#agentWorkspace .ag-hero-ico{
  width:64px;height:64px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;font-size:30px;
  background:linear-gradient(150deg,rgba(var(--aw-rgb),.34),rgba(var(--aw-rgb),.10));
  border:1px solid rgba(var(--aw-rgb),.5);
  box-shadow:0 0 0 1px rgba(var(--aw-rgb),.12),0 0 26px rgba(var(--aw-rgb),.5),inset 0 1px 0 rgba(255,255,255,.18);
  animation:agIcoFloat 5s ease-in-out infinite;}
#agentWorkspace .ag-hero-ico::before{content:"";position:absolute;inset:-6px;border-radius:22px;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 75%,rgb(var(--aw-rgb)) 88%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:agIcoSpin 7s linear infinite;opacity:.8;}
@keyframes agIcoSpin{to{transform:rotate(360deg);}}
@keyframes agIcoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
#agentWorkspace .ag-hero-title{gap:12px;}
#agentWorkspace .ag-hero-title h2{
  font-size:36px;font-weight:900;letter-spacing:1px;line-height:1.1;
  background:linear-gradient(92deg,#ffffff 20%,rgb(var(--aw-rgb)) 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(var(--aw-rgb),.35);}
#agentWorkspace .ag-s-badge{
  font-size:13px;font-weight:900;letter-spacing:.5px;color:#fff;align-self:center;padding:3px 9px;border-radius:8px;
  background:linear-gradient(135deg,rgb(var(--aw-rgb)),rgba(var(--aw-rgb),.65));
  box-shadow:0 4px 14px rgba(var(--aw-rgb),.5);}
#agentWorkspace .ag-slogan{margin-top:10px;color:rgb(var(--aw-rgb));font-size:13px;font-weight:600;letter-spacing:1px;
  display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;}
#agentWorkspace .ag-slogan .dot{color:rgba(var(--aw-rgb),.6);}
#agentWorkspace .ag-sub{margin-top:8px;color:#9aa3b5;font-size:12.5px;letter-spacing:.5px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
#agentWorkspace .ag-sub .dot{color:#5a6172;}
.ag-typing::after{content:"▌";margin-left:1px;color:rgb(var(--aw-rgb));animation:agCaret 1s steps(1) infinite;}
@keyframes agCaret{50%{opacity:0;}}

/* ---------- 模式胶囊 ---------- */
#agentWorkspace .aw-modes{display:flex;gap:10px;justify-content:center;margin:14px 0 4px;flex-wrap:wrap;}
#agentWorkspace .aw-mode{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:12.5px;color:#b9c0d0;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.18s;}
#agentWorkspace .aw-mode .awm-dot{width:6px;height:6px;border-radius:50%;background:#6b7280;}
#agentWorkspace .aw-mode.on{color:rgb(var(--aw-rgb));border-color:rgba(var(--aw-rgb),.55);background:rgba(var(--aw-rgb),.1);box-shadow:0 0 14px rgba(var(--aw-rgb),.25);}
#agentWorkspace .aw-mode.on .awm-dot{background:rgb(var(--aw-rgb));box-shadow:0 0 8px rgb(var(--aw-rgb));}

/* ---------- 团队 ---------- */
#agentWorkspace .ag-team{max-width:880px;margin:18px auto 6px;text-align:center;}
#agentWorkspace .ag-team-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;
  padding-bottom:14px;position:relative;}
#agentWorkspace .ag-team-head::before,#agentWorkspace .ag-team-head::after{content:"";height:1px;width:120px;
  background:linear-gradient(90deg,transparent,rgba(var(--aw-rgb),.4));}
#agentWorkspace .ag-team-head::after{background:linear-gradient(90deg,rgba(var(--aw-rgb),.4),transparent);}
#agentWorkspace .t-title{color:rgb(var(--aw-rgb));font-weight:700;font-size:13.5px;letter-spacing:1px;}
#agentWorkspace .t-online{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#6ee7a8;
  background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.28);padding:2px 9px;border-radius:999px;}
#agentWorkspace .t-online-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:agPulse 1.8s infinite;}
@keyframes agPulse{0%,100%{opacity:1;}50%{opacity:.35;}}
#agentWorkspace .m-ava{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;margin:0 auto 6px;
  background:linear-gradient(150deg,rgba(var(--aw-rgb),.30),rgba(var(--aw-rgb),.08));
  border:2px solid rgba(var(--aw-rgb),.5);box-shadow:0 0 14px rgba(var(--aw-rgb),.3);}
#agentWorkspace .ag-member.lead .m-ava,#agentWorkspace .ag-expert-lead .m-ava{width:58px;height:58px;
  border-color:rgb(var(--aw-rgb));box-shadow:0 0 20px rgba(var(--aw-rgb),.55);}
#agentWorkspace .m-online{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#34d399;
  border:2px solid #0b0d14;box-shadow:0 0 8px #34d399;}
#agentWorkspace .m-name{color:#e6e8f0;font-weight:600;font-size:12.5px;gap:5px;}
#agentWorkspace .m-host-tag{background:linear-gradient(135deg,rgb(var(--aw-rgb)),rgba(var(--aw-rgb),.7))!important;color:#fff!important;
  font-size:10px;padding:1px 6px;border-radius:5px;font-weight:700;}
#agentWorkspace .m-duty{color:#8b93a5;font-size:11px;line-height:1.55;max-width:150px;margin:3px auto 0;}
#agentWorkspace .ag-experts{display:flex;align-items:flex-start;justify-content:center;gap:26px;flex-wrap:wrap;}
#agentWorkspace .ag-expert-lead{display:flex;gap:12px;align-items:center;text-align:left;max-width:280px;}
#agentWorkspace .ag-expert-lead .ag-el-info{min-width:0;}
#agentWorkspace .ag-expert-grid{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}
#agentWorkspace .ag-expert{text-align:center;}

/* ---------- 表单玻璃卡 ---------- */
#agentWorkspace .ag-form-card{max-width:820px;margin:16px auto 24px;padding:20px 22px;border-radius:20px;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid rgba(var(--aw-rgb),.22);
  box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06),0 0 30px rgba(var(--aw-rgb),.08);
  backdrop-filter:blur(8px);}
#agentWorkspace .ag-form-head{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
#agentWorkspace .ag-form-head .fh-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;
  background:rgba(var(--aw-rgb),.16);border:1px solid rgba(var(--aw-rgb),.4);box-shadow:0 0 12px rgba(var(--aw-rgb),.25);}
#agentWorkspace .ag-form-head strong{font-size:15px;color:#f1f3fa;font-weight:800;}
#agentWorkspace .ag-form-head small{display:block;color:#8b93a5;font-size:11.5px;margin-top:2px;}
#agentWorkspace .ag-field{padding:11px 0;border-top:1px dashed rgba(255,255,255,.07);}
#agentWorkspace .ag-field-label{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;color:#d6dae6;font-weight:700;}
#agentWorkspace .ag-field-label .fl-ico{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:13px;
  background:rgba(var(--aw-rgb),.14);border:1px solid rgba(var(--aw-rgb),.32);}
#agentWorkspace .ag-field-label .fl-num{display:none;}
#agentWorkspace .ag-field-label .fl-hint{font-weight:400;font-size:11px;color:#7a8194;margin-left:auto;}
#agentWorkspace .ag-opt-row{display:flex;flex-wrap:wrap;gap:8px;}
#agentWorkspace .ag-opt{position:relative;padding:6px 14px;border-radius:999px;font-size:12.5px;color:#c3c9d8;cursor:pointer;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14);transition:.16s;}
#agentWorkspace .ag-opt:hover{border-color:rgba(var(--aw-rgb),.55);color:#fff;transform:translateY(-1px);}
#agentWorkspace .ag-opt.sel,#agentWorkspace .ag-opt.is-sel{color:#fff;border-color:rgb(var(--aw-rgb));
  background:linear-gradient(135deg,rgba(var(--aw-rgb),.32),rgba(var(--aw-rgb),.14));
  box-shadow:0 0 14px rgba(var(--aw-rgb),.3);font-weight:600;}
#agentWorkspace .ag-opt .ag-opt-ck,#agentWorkspace .ag-opt .ag-plus{margin-right:4px;color:rgb(var(--aw-rgb));font-weight:800;}
#agentWorkspace .ag-input,#agentWorkspace .ag-textarea{width:100%;margin-top:8px;padding:9px 13px;border-radius:11px;font-size:12.5px;color:#e6e9f2;
  background:rgba(0,0,0,.25);border:1px dashed rgba(255,255,255,.16);outline:none;transition:.18s;box-sizing:border-box;}
#agentWorkspace .ag-input::placeholder,#agentWorkspace .ag-textarea::placeholder{color:#6b7280;}
#agentWorkspace .ag-input:focus,#agentWorkspace .ag-textarea:focus{border-style:solid;border-color:rgb(var(--aw-rgb));
  box-shadow:0 0 0 3px rgba(var(--aw-rgb),.14);background:rgba(0,0,0,.35);}
#agentWorkspace .ag-disclaimer{display:flex;gap:8px;align-items:center;margin-top:14px;padding:9px 12px;border-radius:10px;font-size:11.5px;color:#8b93a5;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);}

/* ---------- 教程按钮 ---------- */
#agentWorkspace .ag-tutorial{margin:6px auto 0;width:max-content;display:flex;align-items:center;gap:8px;padding:9px 22px;border-radius:999px;
  color:rgb(var(--aw-rgb));font-weight:700;font-size:13px;cursor:pointer;
  border:1px solid rgba(var(--aw-rgb),.5);background:rgba(var(--aw-rgb),.1);box-shadow:0 0 18px rgba(var(--aw-rgb),.25);transition:.18s;}
#agentWorkspace .ag-tutorial:hover{transform:translateY(-1px);box-shadow:0 0 26px rgba(var(--aw-rgb),.45);}

/* ---------- 介绍轮播 / 部署页 主题色统一 ---------- */
#agentWorkspace .cv-card,#agentWorkspace .dp-hero-card{border-color:rgba(var(--aw-rgb),.3)!important;
  box-shadow:0 0 40px rgba(var(--aw-rgb),.12)!important;}
#agentWorkspace .cv-num,#agentWorkspace .dp-num{background:rgba(var(--aw-rgb),.18)!important;color:rgb(var(--aw-rgb))!important;}
#agentWorkspace .cv-tab.active,#agentWorkspace .cv-item.active{border-color:rgb(var(--aw-rgb))!important;color:rgb(var(--aw-rgb))!important;}
#agentWorkspace .cv-progress i.on{background:rgb(var(--aw-rgb))!important;box-shadow:0 0 10px rgb(var(--aw-rgb));}
#agentWorkspace .dp-go,#agentWorkspace .cv-go{background:linear-gradient(135deg,rgb(var(--aw-rgb)),rgba(var(--aw-rgb),.7))!important;
  box-shadow:0 8px 24px rgba(var(--aw-rgb),.4)!important;}

/* ---------- 浅色模式 ---------- */
html[data-theme="light"] #agentWorkspace .ag-bgfx .ag-grid{background-image:linear-gradient(rgba(var(--aw-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--aw-rgb),.07) 1px,transparent 1px);}
html[data-theme="light"] #agentWorkspace .ag-hero-title h2{background:linear-gradient(92deg,#1a2233 20%,rgb(var(--aw-rgb)) 80%);-webkit-background-clip:text;background-clip:text;}
html[data-theme="light"] #agentWorkspace .ag-sub{color:#5b6577;}
html[data-theme="light"] #agentWorkspace .ag-form-card{background:linear-gradient(165deg,#ffffff,#f6f8fd);border-color:rgba(var(--aw-rgb),.3);box-shadow:0 16px 44px rgba(40,70,130,.12);}
html[data-theme="light"] #agentWorkspace .ag-form-head strong{color:#1f2738;}
html[data-theme="light"] #agentWorkspace .ag-field-label{color:#2b3445;}
html[data-theme="light"] #agentWorkspace .ag-opt{background:#fff;border-color:#dde3ee;color:#44506a;}
html[data-theme="light"] #agentWorkspace .ag-opt.sel{color:#fff;}
html[data-theme="light"] #agentWorkspace .ag-input,html[data-theme="light"] #agentWorkspace .ag-textarea{background:#f4f6fb;border-color:#d7deea;color:#1f2738;}
html[data-theme="light"] #agentWorkspace .m-name{color:#2b3445;}
html[data-theme="light"] #agentWorkspace .m-duty{color:#7a8499;}
html[data-theme="light"] #agentWorkspace .m-online{border-color:#fff;}

/* ===== 全局氛围层：铺满整个工作主区（不止内容框） ===== */
.ws-v2 .ws-main{position:relative;}
.ws-main > .ag-bgfx-global{position:absolute !important;inset:0;z-index:0;border-radius:0;}
.ws-main > .ag-bgfx-global .ag-grid{background-size:52px 52px;mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 35%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 35%,transparent 85%);}
.ws-main > .ag-bgfx-global .ag-orbit-a{width:130%;height:120%;left:-15%;top:-10%;}
.ws-main > .ag-bgfx-global .ag-orbit-b{width:110%;height:100%;right:-25%;top:8%;}
.ws-v2 .ws-main > .ws-topbar,
.ws-v2 .ws-main > .ws-chat,
.ws-v2 .ws-main > .ws-composer,
.ws-v2 .ws-main > .sb-expand-btn{position:relative;z-index:1;}
/* 顶栏在智能体氛围下保持可读 */
.ws-main.ag-fx-on > .ws-topbar{background:linear-gradient(180deg,rgba(10,10,12,.72),transparent);}
/* 成员差异化头像字符 */
#agentWorkspace .m-ava{overflow:hidden;}
#agentWorkspace .m-ava-ch{position:relative;z-index:1;font-size:14px;font-weight:800;color:#fff;letter-spacing:.5px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.4);}
#agentWorkspace .m-ava::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 55%);pointer-events:none;}
html[data-theme="light"] .ws-main.ag-fx-on > .ws-topbar{background:linear-gradient(180deg,rgba(245,247,252,.72),transparent);}

/* ===== 部署型：下载完成态 / API密钥弹窗 ===== */
#agentWorkspace .dp-dl-btn.dl-done{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 8px 24px rgba(34,197,94,.4)!important;}
.skm-mask{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:rgba(6,8,14,.62);backdrop-filter:blur(6px);animation:fxPop .18s ease;}
.skm-box{position:relative;width:min(520px,92vw);padding:22px 22px 20px;border-radius:18px;
  background:linear-gradient(165deg,#141a28,#0e1320);border:1px solid rgba(var(--aw-rgb,34,211,238),.35);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(var(--aw-rgb,34,211,238),.16);color:#e7ebf5;}
.skm-x{position:absolute;right:14px;top:12px;width:30px;height:30px;border-radius:9px;border:0;background:rgba(255,255,255,.06);color:#c6ccdb;font-size:16px;cursor:pointer;}
.skm-x:hover{background:rgba(255,255,255,.14);color:#fff;}
.skm-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.skm-head .skm-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:rgba(var(--aw-rgb,34,211,238),.16);border:1px solid rgba(var(--aw-rgb,34,211,238),.4);}
.skm-head strong{font-size:15.5px;font-weight:800;}
.skm-lbl{display:block;font-size:12px;color:#9aa3b8;margin:12px 0 6px;font-weight:600;}
.skm-row{display:flex;gap:8px;}
.skm-row input{flex:1;min-width:0;padding:9px 11px;border-radius:10px;font-size:12.5px;color:#dfe5f2;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.14);outline:none;}
.skm-row input:focus{border-color:rgb(var(--aw-rgb,34,211,238));}
.skm-copy{padding:0 14px;border-radius:10px;border:0;cursor:pointer;color:#fff;font-weight:700;font-size:12.5px;background:linear-gradient(135deg,rgb(var(--aw-rgb,34,211,238)),rgba(var(--aw-rgb,34,211,238),.7));}
.skm-tip{margin:14px 0 0;font-size:12px;line-height:1.7;color:#93a0b8;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px 11px;}
.skm-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;}
.skm-manage{font-size:12.5px;color:rgb(var(--aw-rgb,34,211,238));text-decoration:none;}
.skm-close-btn{padding:9px 20px;border-radius:10px;border:0;cursor:pointer;color:#0b1020;font-weight:800;background:linear-gradient(135deg,#fff,#cfd8ee);}
.skm-loading{padding:26px 10px;text-align:center;color:#aeb7c9;font-size:13.5px;}
html[data-theme="light"] .skm-box{background:linear-gradient(165deg,#ffffff,#f3f6fd);color:#1f2738;border-color:rgba(var(--aw-rgb),.4);}
html[data-theme="light"] .skm-row input{background:#f4f6fb;border-color:#d7deea;color:#1f2738;}
html[data-theme="light"] .skm-tip{background:#f6f8fd;border-color:#e3e9f5;color:#5d6a82;}
html[data-theme="light"] .skm-lbl{color:#5d6a82;}

/* ===== 入场动画防卡死（动态切换智能体重渲染时，sp-17fix/agent-ws-s2 的 both 填充
   可能停在 0% 导致整块“空框/没字”。默认一律可见，仅在 #agentWorkspace.aw-fx 时播一次，
   由 agent-workspace.js 渲染后强制 reflow 再加 .aw-fx 可靠重播，1.3s 后兜底移除。 ===== */
#agentWorkspace .ag-hero,
#agentWorkspace .ag-team,
#agentWorkspace .ag-tutorial,
#agentWorkspace .ag-form-card,
#agentWorkspace .ag-expert-lead,
#agentWorkspace .ag-expert{animation:none;}
#agentWorkspace.aw-fx .ag-hero,
#agentWorkspace.aw-fx .ag-team,
#agentWorkspace.aw-fx .ag-tutorial,
#agentWorkspace.aw-fx .ag-form-card{animation:agFadeUp .45s cubic-bezier(.16,1,.3,1) both;}
#agentWorkspace.aw-fx .ag-team{animation-delay:.07s;}
#agentWorkspace.aw-fx .ag-tutorial{animation-delay:.13s;}
#agentWorkspace.aw-fx .ag-form-card{animation-delay:.18s;}
#agentWorkspace.aw-fx .ag-expert-lead{animation:awLeadIn .5s ease both;}
#agentWorkspace.aw-fx .ag-expert{animation:awMemIn .45s ease both;}
/* 视频教程弹层 */
.ag-tut-overlay{position:fixed;inset:0;z-index:10003;background:rgba(8,10,14,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:agTutFade .2s ease;}
@keyframes agTutFade{from{opacity:0}to{opacity:1}}
.ag-tut-box{width:min(880px,94vw);background:#15171c;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.6);}
.ag-tut-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:15px;font-weight:600;color:#e8ecf3;border-bottom:1px solid rgba(255,255,255,.06);}
.ag-tut-x{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.08);color:#cfd6e2;font-size:14px;cursor:pointer;transition:.15s;}
.ag-tut-x:hover{background:rgba(255,80,80,.25);color:#fff;}
.ag-tut-video{display:block;width:100%;max-height:72vh;background:#000;}
.ag-tut-empty{padding:64px;text-align:center;color:#9aa4b2;}
@media (prefers-reduced-motion:reduce){#agentWorkspace.aw-fx *{animation:none!important;}}

/* ===== ag-fx-full-cosmos：星空铺满整个主区（含输入区），1:1 参考站 ===== */
.ws-v2 .ws-main.ag-fx-on{
  background:
    radial-gradient(1200px 780px at 88% -2%, rgba(0,202,224,.12), transparent 55%),
    radial-gradient(1100px 720px at 6% 98%, rgba(0,229,160,.10), transparent 58%),
    radial-gradient(1000px 760px at 102% 102%, rgba(0,202,224,.13), transparent 60%),
    radial-gradient(900px 700px at 30% 108%, rgba(120,80,255,.10), transparent 60%),
    linear-gradient(180deg,rgb(6,8,12) 0%,rgb(12,15,22) 52%,rgb(9,12,19) 100%) !important;
}
.ws-v2 .ws-main.ag-fx-on > .s2-studio-body,
.ws-v2 .ws-main.ag-fx-on > #wsComposer,
.ws-v2 .ws-main.ag-fx-on > .ws-composer{ background:transparent !important; }
.ws-main > .ag-bgfx-global .ag-grid{
  mask-image:radial-gradient(ellipse 132% 138% at 50% 0%, #000 55%, rgba(0,0,0,.30) 86%, transparent 100%) !important;
  -webkit-mask-image:radial-gradient(ellipse 132% 138% at 50% 0%, #000 55%, rgba(0,0,0,.30) 86%, transparent 100%) !important;
}

/* ===== ag-fx-full-cosmos-v2：均匀星空辉光，底部不发黑 ===== */
.ws-v2 .ws-main.ag-fx-on{
  background:
    radial-gradient(1400px 920px at 85% -10%, rgba(0,202,224,.16), transparent 60%),
    radial-gradient(1320px 1020px at 6% 88%, rgba(99,102,241,.18), transparent 62%),
    radial-gradient(1150px 920px at 99% 92%, rgba(0,202,224,.15), transparent 60%),
    radial-gradient(950px 720px at 45% 114%, rgba(0,229,160,.10), transparent 60%),
    linear-gradient(180deg,#0a1222 0%,#0b1324 46%,#0c1426 100%) !important;
}

/* ===== topbar-cosmos-fix-v2：加高居中、圆钮保正圆 ===== */
.ws-v2 .ws-main.ag-fx-on > .ws-topbar,
.ws-v2 .ws-main.re-cosmos-dock > .ws-topbar{
  height:62px;
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.ws-v2 .ws-topbar .tb-topright{ height:62px; display:flex; align-items:center; }
/* @V55-TOPBTN 42px 圆形，居中留边，修复贴顶被遮/变形 */
.ws-v2 .ws-topbar .tb-topright > button{
  width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; max-height:42px !important;
  align-self:center; margin:0 !important;
}
.ws-v2 .ws-topbar .tb-topright > button .action-menu-halo{
  top:50% !important; left:50% !important; bottom:auto !important; right:auto !important;
  transform:translate(-50%,-50%) !important;
}
.ws-v2 .ws-topbar .tb-topright > button .trigger-icon-wrap{ margin:0 !important; }

/* ===== ag-fx-accent-cosmos：辉光跟随智能体主题色 ===== */
.ws-v2 .ws-main{--aw-rgb:34,211,238;}
.ws-v2 .ws-main.ag-fx-on{
  background:
    radial-gradient(1400px 920px at 85% -10%, rgba(var(--aw-rgb),.18), transparent 60%),
    radial-gradient(1320px 1020px at 5% 90%, rgba(var(--aw-rgb),.15), transparent 62%),
    radial-gradient(1150px 920px at 100% 95%, rgba(var(--aw-rgb),.13), transparent 62%),
    radial-gradient(900px 720px at 50% 116%, rgba(99,102,241,.09), transparent 60%),
    linear-gradient(180deg,#0a0f1a 0%,#0a0e18 46%,#0b0f1c 100%) !important;
}

/* ===== ag-fx-accent-layer：辉光在自带主题色的全屏层 ===== */
.ws-v2 .ws-main.ag-fx-on{background:#0a0e18 !important;}
.ws-v2 .ws-main.ag-fx-on > #agGlobalFx.ag-bgfx-global{
  position:absolute !important; inset:0 !important; height:auto !important; z-index:0; pointer-events:none;
  background:
    radial-gradient(1400px 920px at 85% -10%, rgba(var(--aw-rgb),.18), transparent 60%),
    radial-gradient(1320px 1020px at 5% 90%, rgba(var(--aw-rgb),.15), transparent 62%),
    radial-gradient(1150px 920px at 100% 95%, rgba(var(--aw-rgb),.13), transparent 62%),
    radial-gradient(900px 720px at 50% 116%, rgba(99,102,241,.09), transparent 60%),
    linear-gradient(180deg,#0a0f1a 0%,#0a0e18 46%,#0b0f1c 100%) !important;
}

/* re-mm-mask-v2：弹窗全屏通透遮罩 */
.re-mm-mask{background:rgba(6,10,20,.58) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;}

/* @STAR-BAND-V12 */
.ws-main:has(#agentWorkspace.s2-full) > #agGlobalFx.ag-bgfx-global::before{
 content:"";position:absolute;inset:-20%;pointer-events:none;
 background:
  linear-gradient(118deg,transparent 40%,rgba(var(--aw-rgb,34,211,238),.05) 45%,rgba(var(--aw-rgb,34,211,238),.13) 50%,rgba(var(--aw-rgb,34,211,238),.05) 55%,transparent 60%),
  linear-gradient(118deg,transparent 66%,rgba(168,85,247,.06) 70%,rgba(168,85,247,.02) 73%,transparent 78%);
 animation:agBandDrift 22s ease-in-out infinite alternate;
}
.ws-main:has(#agentWorkspace.s2-full) > #agGlobalFx.ag-bgfx-global::after{
 content:"";position:absolute;inset:-20%;pointer-events:none;
 background:linear-gradient(62deg,transparent 55%,rgba(var(--aw-rgb,34,211,238),.045) 58%,transparent 63%);
 animation:agBandDrift2 28s ease-in-out infinite alternate;
}
@keyframes agBandDrift{0%{transform:translateX(-2.5%) translateY(0);}100%{transform:translateX(2.5%) translateY(1.5%);}}
@keyframes agBandDrift2{0%{transform:translateX(2%) translateY(1%);}100%{transform:translateX(-2%) translateY(-1%);}}
@media (prefers-reduced-motion:reduce){.ws-main:has(#agentWorkspace.s2-full) > #agGlobalFx.ag-bgfx-global::before,.ws-main:has(#agentWorkspace.s2-full) > #agGlobalFx.ag-bgfx-global::after{animation:none;}}