/* AIGYCagent — 品牌与交互补充样式（加载顺序在基础样式之后） */
/* 视觉规范 v2 · 取自参考界面实测取色
   底：#050A16 / #101A30　主：#2F7BE8 电光蓝、#4B4FE0 靛蓝
   成功：#12B89A 青绿　数值：#C8A24A 金　警示：#E2726E 珊瑚 */
:root {
  --agy-blue: #2F7BE8;
  --agy-indigo: #4B4FE0;
  --agy-teal: #12B89A;
  --agy-gold: #C8A24A;
  --agy-coral: #E2726E;
  --agy-ink: #050A16;
  --agy-surface: #101A30;
  --agy-purple: #2F7BE8; /* 兼容旧变量名，值已按新规范调整 */
}

body { font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif !important; font-size: 16px !important; }

/* 品牌 logo 与页脚二维码 */
.logo .image-item { width: auto !important; height: .23rem !important; max-width: none !important; }
.work-footer__brand img { width: .75rem !important; height: .75rem !important; object-fit: contain; border-radius: 10px; }

/* 创作输入框：展开 / 收起 */
.bottom-input-area--collapsed > .expanded-composer { display: none !important; }
.bottom-input-area:not(.bottom-input-area--collapsed) > .collapsed-composer { display: none !important; }
.bottom-input-area:not(.bottom-input-area--collapsed) > .expanded-composer {
  display: block !important; opacity: 1 !important; visibility: visible !important;
  transform: none !important; pointer-events: auto !important; max-height: none !important;
}
.bottom-input-area:not(.bottom-input-area--collapsed) {
  height: auto !important; max-height: none !important; overflow: visible !important;
  border-radius: 20px !important;
}
.agy-upload-preview { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 14px 0; }
.agy-upload-preview img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; border: 1px solid rgba(255,255,255,.25); }

/* 创作输入框冷色玻璃质感（基础样式用 8 位 hex 写死了暖棕渐变，需显式覆盖） */
.bottom-input-area--work-v2 {
  background: linear-gradient(110deg, rgba(24, 42, 74, .92), rgba(12, 22, 42, .95)) !important;
  border-color: rgba(47, 123, 232, .46) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .42), 0 0 26px rgba(47, 123, 232, .10) !important;
}
.bottom-input-area--work-v2 .send-btn {
  background: linear-gradient(135deg, rgba(47, 123, 232, .16), rgba(75, 79, 224, .10)) !important;
  color: rgba(226, 238, 255, .78) !important;
  border-color: rgba(47, 123, 232, .28) !important;
}
.bottom-input-area--work-v2 .send-btn.send-btn-active {
  color: #fff !important;
  border-color: rgba(47, 123, 232, .72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 6px 18px rgba(47,123,232,.25) !important;
}
.bottom-input-area--work-v2 .uploaded-preview { border-color: rgba(47, 123, 232, .42) !important; }
.bottom-input-area--work-v2 .video-option-group button.active { color: #fff !important; }
.collapsed-composer:hover .collapsed-composer__generate {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 8px 20px rgba(45,131,229,.32) !important;
}

/* 通用按钮 */
.agy-btn {
  text-shadow: none !important;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 20px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08); color: #fff; font-size: 14px; text-decoration: none;
  cursor: pointer; transition: .2s ease;
}
.agy-btn:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.4); }
.agy-btn--primary { border: 0; background: linear-gradient(115deg, #2F7BE8, #4B4FE0 55%, #12B89A); font-weight: 600; }
.agy-btn--primary:hover { filter: brightness(1.12); }

/* 登录提醒模态框 */
.agy-modal[hidden] { display: none !important; }
.agy-modal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 20px; }
.agy-modal__mask { position: absolute; inset: 0; background: rgba(4,6,12,.72); backdrop-filter: blur(6px); }
.agy-modal__panel {
  position: relative; width: min(460px, 100%); max-height: 90vh; overflow: auto;
  padding: 34px 34px 28px; border-radius: 22px; color: #f2f6ff;
  background: linear-gradient(160deg, #101C36, #08101F 72%);
  border: 1px solid rgba(79,150,232,.32); box-shadow: 0 30px 90px rgba(0,0,0,.6);
}
.agy-modal__close { position: absolute; top: 14px; right: 16px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.agy-modal__icon { font-size: 30px; margin-bottom: 12px; }
.agy-eyebrow { display: block; font-size: 11px; letter-spacing: .22em; color: #5387ee; margin-bottom: 10px; }
.agy-modal__panel h2 { margin: 0 0 12px; font-size: 26px; }
.agy-modal__panel p { margin: 0 0 14px; line-height: 1.7; color: rgba(255,255,255,.82); font-size: 14px; }
.agy-modal__note { padding: 14px 16px; border-radius: 12px; background: rgba(83,135,238,.13); border: 1px solid rgba(83,135,238,.28); font-size: 13px; line-height: 1.75; color: rgba(255,255,255,.85); margin-bottom: 18px; }
.agy-modal__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.agy-modal__foot { margin: 18px 0 0 !important; font-size: 12px !important; color: rgba(255,255,255,.5) !important; }
.agy-login-form { margin: 0 0 18px; }
.agy-login-form label { display: block; font-size: 12px; color: rgba(255,255,255,.65); margin: 0 0 6px; }
.agy-login-form input { width: 100%; box-sizing: border-box; padding: 11px 13px; border-radius: 10px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); color: #fff; font-size: 14px; margin-bottom: 12px; outline: none; }
.agy-login-form input:focus { border-color: #5387ee; }
.agy-login-form button { width: 100%; }

/* 轻提示 */
.agy-toast {
  position: fixed; right: 24px; bottom: 24px; z-index: 10000; max-width: 380px;
  padding: 14px 18px; border-radius: 14px; color: #fff; font-size: 14px; line-height: 1.6;
  background: rgba(23,30,49,.96); border: 1px solid rgba(83,135,238,.4);
  box-shadow: 0 18px 50px rgba(0,0,0,.5); opacity: 0; transform: translateY(14px);
  transition: .28s ease; pointer-events: none;
}
.agy-toast.is-on { opacity: 1; transform: none; }

/* 视觉规范 v2：首页冷色氛围 */
.work-v2-page {
  background: radial-gradient(circle at 26% 16%, rgba(47, 123, 232, .20), transparent 34%),
              radial-gradient(circle at 80% 26%, rgba(18, 184, 154, .12), transparent 32%),
              linear-gradient(180deg, #061020, #050A16 46%, #061020) !important;
}
.work-v2-page::before {
  background: radial-gradient(ellipse at center, rgba(47, 123, 232, .26) 0%, rgba(30, 80, 168, .10) 38%, transparent 72%) !important;
}
.work-v2-page::after {
  background: radial-gradient(ellipse at center, rgba(18, 184, 154, .18) 0%, rgba(20, 120, 140, .07) 40%, transparent 72%) !important;
}
.faq-page, .tutorial-page, .scene-studio, .consultant-workspace { background-color: #050A16 !important; }

/* 内页骨架 */
.agy-bg { min-height: 100vh; color: #f2f6ff; background: radial-gradient(1000px 520px at 18% -12%, rgba(47,123,232,.20), transparent 65%), radial-gradient(820px 460px at 92% 8%, rgba(18,184,154,.14), transparent 62%), #050A16; }
.agy-header {
  position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 32px;
  padding: 16px 5vw; background: rgba(5,10,22,.88); backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.agy-header__logo img { height: 30px; width: auto; display: block; }
.agy-header__nav { display: flex; gap: 26px; flex: 1; flex-wrap: wrap; }
.agy-header__nav a { color: rgba(255,255,255,.72); text-decoration: none; font-size: 14px; }
.agy-header__nav a:hover { color: #5387ee; }
.agy-header__login { padding: 9px 22px; border-radius: 999px; border: 0; background: linear-gradient(115deg, #2F7BE8, #4B4FE0 55%, #12B89A); color: #fff; font-size: 14px; cursor: pointer; }
.agy-main { max-width: 1160px; margin: 0 auto; padding: 64px 24px 110px; }
.agy-page__head { text-align: center; margin-bottom: 48px; }
.agy-page__head h1 { margin: 0 0 14px; font-size: 42px; letter-spacing: -.02em; color: #fff !important; text-shadow: none !important; }
.agy-page__head p { margin: 0; color: rgba(255,255,255,.62); font-size: 16px; }
.agy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.agy-card { padding: 28px; border-radius: 18px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); }
.agy-card:hover { border-color: rgba(83,135,238,.5); background: rgba(83,135,238,.08); }
a.agy-card { color: inherit; text-decoration: none; display: block; }
.agy-lock h3 { margin: 30px 0 16px; font-size: 18px; color: #5387ee; }
.agy-card__num { font-size: 12px; letter-spacing: .2em; color: #5387ee; }
.agy-card h2 { margin: 12px 0 10px; font-size: 19px; }
.agy-card p { margin: 0 0 20px; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.75; }
.agy-faq { max-width: 820px; margin: 0 auto; display: grid; gap: 14px; }
.agy-faq__item { padding: 20px 24px; border-radius: 16px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); }
.agy-faq__item summary { cursor: pointer; font-size: 17px; font-weight: 600; }
.agy-faq__item p { margin: 14px 0 0; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.8; }
.agy-lock { max-width: 760px; margin: 0 auto; padding: 36px; border-radius: 22px; background: rgba(83,135,238,.1); border: 1px solid rgba(83,135,238,.3); }
.agy-lock p, .agy-lock li { color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.9; }
.agy-lock ul { padding-left: 22px; }
.agy-lock__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.agy-about { max-width: 820px; margin: 0 auto; display: grid; gap: 22px; }
.agy-about section { padding: 26px 28px; border-radius: 18px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); scroll-margin-top: 100px; }
.agy-about h2 { margin: 0 0 12px; font-size: 20px; color: #5387ee; }
.agy-about p { margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.85; }
.agy-back { text-align: center; margin-top: 48px; }
.agy-back a { color: #5387ee; text-decoration: none; font-size: 14px; }

/* 工作台演示标识 */
.agy-ribbon {
  position: fixed; left: 14px; bottom: 14px; z-index: 9998;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  max-width: min(560px, calc(100vw - 28px)); padding: 7px 13px; border-radius: 10px;
  font-size: 11px; letter-spacing: .02em; color: rgba(255,255,255,.7);
  background: rgba(17,24,41,.94); border: 1px solid rgba(83,135,238,.3);
  box-shadow: 0 8px 30px rgba(0,0,0,.45); backdrop-filter: blur(8px);
}
.agy-ribbon a { color: #5387ee; text-decoration: none; }
.agy-ribbon a:hover { color: #fff; }
.agy-workbench-active { outline: 2px solid #5387ee !important; outline-offset: 2px; }

/* 分类标签选中态 */
.category-tab.active { color: #fff !important; background: linear-gradient(115deg, #2F7BE8, #4B4FE0 55%, #12B89A) !important; border-color: transparent !important; }
.faq-question .expand-icon { transition: transform .2s ease; }

@media (max-width: 720px) {
  .agy-header { gap: 14px; flex-wrap: wrap; }
  .agy-header__nav { gap: 14px; order: 3; width: 100%; }
  .agy-main { padding: 40px 18px 80px; }
  .agy-page__head h1 { font-size: 30px; }
  .agy-toast { right: 12px; left: 12px; bottom: 12px; max-width: none; }
}