:root {
  /* 全站统一：冷灰底 + 蓝紫主色（与智核「应用创建」卡片一致） */
  --app-bg: #f4faf8;
  --app-bg-soft: #ecf5f3;
  --panel: #ffffff;
  --text: #0f1720;
  --muted: #5c6f78;
  --line: #d8ebe7;
  --line-strong: #c5e8e0;
  --primary: #8b5cf6;
  --primary-2: #a78bfa;
  --primary-deep: #6d28d9;
  --primary-soft: #f8fafc;
  --accent-teal: #7c3aed;
  --danger: #e11d48;
  --success: #7c3aed;
  /* 多层柔和阴影（悬浮感） */
  --shadow-sm: 0 4px 16px rgba(91, 33, 182, 0.06), 0 1px 3px rgba(91, 33, 182, 0.04);
  --shadow-md: 0 12px 40px rgba(91, 33, 182, 0.08), 0 4px 12px rgba(91, 33, 182, 0.05);
  --shadow-lg: 0 24px 64px rgba(91, 33, 182, 0.1), 0 8px 20px rgba(91, 33, 182, 0.06);
  --shadow-glow: 0 14px 44px rgba(139, 92, 246, 0.22), 0 4px 14px rgba(139, 92, 246, 0.12);
  --shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --radius-panel: 22px;
  --radius-control: 14px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

* {
  scrollbar-color: #c4b5fd #f0f7f5;
}

html {
  background-color: var(--app-bg) !important;
  background-image:
    radial-gradient(1100px 560px at 6% -8%, rgba(148, 163, 184, 0.08), transparent 55%),
    radial-gradient(820px 480px at 98% 0%, rgba(100, 116, 139, 0.06), transparent 50%),
    radial-gradient(720px 420px at 50% 105%, rgba(148, 163, 184, 0.05), transparent 45%),
    linear-gradient(180deg, #fcfffe 0%, var(--app-bg) 32%, var(--app-bg-soft) 100%) !important;
  background-attachment: fixed !important;
  color: var(--text) !important;
}

body {
  background: transparent !important;
  color: var(--text) !important;
  font-family: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  letter-spacing: 0.012em;
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
}

/* 主内容区呼吸感（各页常见 .container / main） */
main .container,
main > .container,
.container.content,
.main-wrap {
  padding-top: 8px !important;
  padding-bottom: 36px !important;
}

main .container > section:first-of-type,
main > .container > .hero:first-child {
  margin-top: 2px !important;
}

/* Global layout */
.layout {
  background: transparent !important;
}

.sidebar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 253, 255, 0.96) 100%) !important;
  border-right: 1px solid rgba(232, 236, 244, 0.95) !important;
  box-shadow: 8px 0 40px rgba(37, 44, 97, 0.06) !important;
}

.main {
  background: transparent !important;
}

.brand {
  color: var(--text) !important;
  font-weight: 700 !important;
}

.nav,
header,
.topbar {
  background: rgba(255, 255, 255, 0.78) !important;
  border-bottom: 1px solid rgba(232, 236, 244, 0.9) !important;
  box-shadow: 0 8px 32px rgba(37, 44, 97, 0.06), var(--shadow-inset-top) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}

.menu,
.top-nav {
  color: var(--muted) !important;
}

.menu button,
.site-tab,
.imgtext-tab,
.case-center-tab {
  border-radius: var(--radius-control) !important;
  border: 1px solid transparent !important;
  transition: background 0.22s var(--ease-out), border-color 0.22s var(--ease-out), color 0.22s var(--ease-out),
    box-shadow 0.22s var(--ease-out), transform 0.22s var(--ease-out) !important;
}

.site-tab,
.imgtext-tab,
.case-center-tab {
  background: rgba(247, 249, 252, 0.95) !important;
  border-color: var(--line) !important;
  color: #5a6288 !important;
}

.menu button.active,
.menu button:hover,
.site-tab.active,
.imgtext-tab.active,
.case-center-tab.active {
  background: linear-gradient(135deg, var(--primary-soft) 0%, #e8e6ff 100%) !important;
  border-color: rgba(124, 58, 237, 0.28) !important;
  color: var(--primary-deep) !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.12) !important;
}

.menu button:not(.active):hover,
.site-tab:not(.active):hover,
.imgtext-tab:not(.active):hover,
.case-center-tab:not(.active):hover {
  border-color: var(--line-strong) !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Panels and cards */
.card,
.blk,
.kpi,
.mini-card,
.users-modal,
.users-modal-overlay .users-modal,
.panel,
.poster-tool-box,
.poster-card,
.poster-asset-card,
.vh-modal,
.site-panel,
.hero-panel,
.kpi-grid .kpi,
.admin-table-wrap,
.qr-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  color: var(--text) !important;
  border-radius: var(--radius-panel) !important;
  box-shadow: var(--shadow-md), var(--shadow-inset-top) !important;
  transition: box-shadow 0.28s var(--ease-out), border-color 0.28s var(--ease-out), transform 0.28s var(--ease-out) !important;
}

.card:hover,
.blk:hover,
.kpi:hover,
.mini-card:hover,
.panel:hover,
.poster-tool-box:hover,
.poster-card:hover,
.poster-asset-card:hover,
.site-panel:hover,
.hero-panel:hover,
.kpi-grid .kpi:hover,
.admin-table-wrap:hover,
.qr-wrap:hover {
  border-color: rgba(124, 58, 237, 0.18) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top) !important;
  transform: translateY(-3px);
}

/* 资产管理卡片内文：压过页内浅色字，保证白卡上标题与说明可读 */
.poster-asset-card .poster-asset-title {
  color: #0f172a !important;
}
.poster-asset-card .poster-asset-prompt {
  color: #374151 !important;
}
.poster-asset-card .poster-asset-cover-fallback {
  color: #4b5563 !important;
}
.poster-asset-card .poster-asset-cover-fallback--generating {
  color: #374151 !important;
}

.poster-asset-top {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-right: 108px;
}
.poster-asset-del {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  font-family: inherit !important;
}
.poster-asset-del svg {
  display: block;
  pointer-events: none;
}
.poster-asset-del:hover {
  border-color: #fecaca !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.tool-card:hover {
  transform: translateY(-3px) !important;
}

/* KPI / 数据小卡：顶部微渐变条（接近参考图的精致模块感） */
.kpi,
.mini-card,
.hero-panel,
.blk {
  position: relative !important;
  overflow: hidden !important;
}

.kpi::before,
.mini-card::before,
.hero-panel::before,
.blk::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary) 0%, var(--primary-2) 45%, var(--accent-teal) 100%);
  opacity: 0.88;
  pointer-events: none;
  z-index: 1;
  border-radius: var(--radius-panel) var(--radius-panel) 0 0;
}

/* 智能页（project-pages-common：IP诊断 / 每日任务等）布局与内边距 */
.hero-panel {
  padding: 26px 28px 30px !important;
}

.hero-panel p {
  color: #5d6488 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  max-width: 72ch !important;
}

.kpi-grid .kpi {
  padding: 18px 20px 22px !important;
}

.blk {
  padding: 22px 26px 26px !important;
}

.mini-card {
  padding: 18px 20px 22px !important;
  min-height: 118px !important;
}

.section-grid {
  gap: 20px !important;
  align-items: stretch !important;
}

.section-grid > .stack,
aside.stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-height: 100% !important;
}

aside.stack > .blk:first-child {
  flex: 1 1 auto !important;
}

.card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.blk .card-grid {
  margin-top: 2px !important;
}

.blk-next .smart-next-actions {
  margin-top: 18px !important;
  display: flex !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.blk .list li {
  color: #5d6488 !important;
}

.mini-card p,
.blk > p {
  color: #6d7699 !important;
}

@media (max-width: 1100px) {
  .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .card-grid {
    grid-template-columns: 1fr !important;
  }
}

.head h3,
.block-title,
h1,
h2,
h3,
h4 {
  color: var(--text) !important;
}

.page-title,
.hero h1,
main h1:first-of-type {
  letter-spacing: -0.02em !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}

.hero,
.step-bar + .page-title {
  position: relative;
}

p,
label,
.hint,
.muted,
.k,
.hero-meta {
  color: var(--muted) !important;
}

/* Buttons and links */
.btn,
button.btn,
a.btn {
  border-radius: var(--radius-control) !important;
  border: 1px solid var(--line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%) !important;
  color: var(--primary-deep) !important;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top) !important;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out), border-color 0.2s var(--ease-out),
    filter 0.2s var(--ease-out), background 0.2s var(--ease-out) !important;
}

.btn:hover,
button.btn:hover,
a.btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md) !important;
}

.btn.pri,
.btn.btn-primary,
button.pri,
.video-submit,
.submit-btn {
  background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
  box-shadow: var(--shadow-glow) !important;
}

.btn.pri:hover,
.btn.btn-primary:hover,
button.pri:hover,
.video-submit:hover,
.submit-btn:hover {
  filter: brightness(1.05);
  box-shadow: 0 18px 48px rgba(124, 58, 237, 0.32), 0 6px 16px rgba(124, 58, 237, 0.15) !important;
}

.btn.ghost {
  background: #fff !important;
  color: #6d28d9 !important;
  border-color: #d8dcf2 !important;
}

.btn.danger {
  background: #fff5f7 !important;
  color: #cf3650 !important;
  border-color: #ffd3da !important;
}

.user-link,
.logout-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border-radius: var(--radius-control) !important;
  border: 1px solid var(--line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%) !important;
  color: var(--primary-deep) !important;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top) !important;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out), border-color 0.2s var(--ease-out) !important;
}

.user-link:hover,
.logout-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md) !important;
  border-color: #ddd6fe !important;
}

/* Inputs */
.input,
input.input,
textarea.input,
select.input,
.textarea,
input[type="search"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"],
textarea,
select {
  background: #fff !important;
  border: 1px solid #e4e8f2 !important;
  color: var(--text) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: 0 1px 2px rgba(23, 27, 55, 0.03) inset !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(124, 58, 237, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
  outline: none !important;
}

/* Tables */
table {
  background: #fff !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  border-radius: var(--radius-panel) !important;
  overflow: hidden;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top) !important;
}

th,
td {
  border-bottom: 1px solid #f0f2fb !important;
  color: var(--text) !important;
}

th {
  background: linear-gradient(180deg, #fafbff 0%, #f4f6fd 100%) !important;
  color: #6f7698 !important;
  font-weight: 600 !important;
}

tbody tr {
  transition: background 0.15s ease;
}

tbody tr:hover {
  background: rgba(139, 92, 246, 0.04) !important;
}

/* Tag/chip containers (override admin dark tag-picker bar) */
.tag-picker-wrap {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
}

.tag-pick-item {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: #4b5177 !important;
}

.tag-picker-wrap label.tag-pick-item {
  color: #4b5177 !important;
}

.tag-pick-item input[type="checkbox"] {
  accent-color: var(--primary);
}

/* AI tools page (maintenance) explicit light dashboard overrides */
.tools-side,
.tools-main,
.coming-card,
.tool-card,
.tool-modal,
.tool-chat-head,
.tool-chat-body,
.tool-chat-input-wrap,
.tool-chat-input-box {
  background: #ffffff !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

.tools-main h1,
.store-head h3,
.tool-card .t {
  color: var(--text) !important;
}

.tools-main .desc,
.tool-card .s,
.tool-modal-intro {
  color: #7b83a8 !important;
}

.tools-side button {
  color: #5d6488 !important;
  border-color: transparent !important;
  background: transparent !important;
}

.tools-side button:hover,
.tools-side button.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

.tool-card {
  box-shadow: var(--shadow-md), var(--shadow-inset-top) !important;
  border-radius: var(--radius-panel) !important;
}

.tool-card .meta,
.tool-card .c {
  color: #8a93b7 !important;
}

.tool-card .p {
  color: #2f35a8 !important;
}

.tool-card-action {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: none !important;
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%) !important;
  background-clip: padding-box !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.3) !important;
  overflow: hidden !important;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out), filter 0.2s var(--ease-out) !important;
}

.tool-card-action:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.36) !important;
}

.tool-card-action.no {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  background: linear-gradient(180deg, #fafbff 0%, #f4f6fd 100%) !important;
  color: #9aa3c7 !important;
  box-shadow: var(--shadow-sm) !important;
  font-weight: 600 !important;
}

.tool-card-action.no:hover {
  filter: none !important;
  border-color: var(--line-strong) !important;
  color: #7d87ad !important;
}

.store-search-input,
.tools-search-input {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--text) !important;
  padding: 14px 22px !important;
  min-height: 48px !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.tools-bar-search .store-search-input,
.tools-bar-search .tools-search-input {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.tool-chat-input {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--text) !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
}

.tool-msg.user {
  background: rgba(139, 92, 246, 0.08) !important;
  border-color: rgba(139, 92, 246, 0.28) !important;
}

.tool-msg.ai {
  background: #f8f9ff !important;
  border-color: #e4e8f5 !important;
}

.tool-chat-dialog {
  background: #ffffff !important;
  box-shadow: var(--shadow-sm) !important;
  border-color: var(--line) !important;
}

.tool-chat-mask {
  background: transparent !important;
}

.tool-chat-title,
.tool-msg-text,
.tool-chat-asset-name {
  color: var(--text) !important;
}

/* 智能体对话（浅色）：按钮、占位符、建议语与气泡对比度 + 关闭按钮 */
.tool-chat-head {
  border-bottom: 1px solid #e4e8f2 !important;
}

.tool-chat-close {
  background: #f0f2fa !important;
  color: #1a1f36 !important;
  border: 1px solid #d5daf0 !important;
}

.tool-chat-close:hover {
  background: #e8ebf8 !important;
  border-color: #c5cce4 !important;
}

.tool-chat-list {
  background: #fafbff !important;
}

.tool-msg.ai {
  background: #ffffff !important;
  border: 1px solid #d0d7ea !important;
  box-shadow: 0 1px 3px rgba(23, 27, 55, 0.06) !important;
}

.tool-msg.ai .tool-msg-text {
  color: #1a1f36 !important;
  font-weight: 500 !important;
}

.tool-msg.ai .ai-rich-text,
.tool-msg.ai .ai-rich-p,
.tool-msg.ai .ai-rich-list,
.tool-msg.ai .ai-rich-kv span {
  color: #1a1f36 !important;
}

.tool-msg.ai .ai-rich-heading {
  color: #1e293b !important;
  border-left-color: #8b5cf6 !important;
  font-weight: 800 !important;
}

.tool-msg.ai .ai-rich-subheading {
  color: #334155 !important;
  font-weight: 700 !important;
}

.tool-msg.ai .ai-rich-kv strong {
  color: #475569 !important;
  font-weight: 700 !important;
}

.tool-msg.ai .ai-rich-empty {
  color: #64748b !important;
}

.tool-msg.user {
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
  color: #1a1f36 !important;
}

.tool-msg-copy {
  background: #ffffff !important;
  color: #6d28d9 !important;
  border: 1px solid #ddd6fe !important;
  font-weight: 600 !important;
}

.tool-msg-copy:hover {
  background: var(--primary-soft) !important;
}

.tool-chat-suggest button {
  background: #f0f2fa !important;
  color: #242845 !important;
  border: 1px solid #c8cfe8 !important;
  font-weight: 500 !important;
}

.tool-chat-suggest button:hover {
  background: #e6e9f7 !important;
  border-color: #b4bddf !important;
}

.tool-chat-input-wrap {
  border-top-color: #e8ecf4 !important;
  background: #ffffff !important;
}

.tool-chat-input-box {
  background: #fafbff !important;
  border-color: #d0d7ea !important;
}

.tool-chat-input::placeholder {
  color: #6b7194 !important;
  opacity: 1 !important;
}

.tool-chat-attach {
  background: #eef0fb !important;
  color: #252849 !important;
  border: 1px solid #c5cce4 !important;
  font-weight: 600 !important;
}

.tool-chat-attach:hover {
  background: #e4e8f5 !important;
  border-color: #a8b2d4 !important;
}

.tool-chat-send {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%) !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28) !important;
}

.tool-chat-send:hover {
  filter: brightness(1.05);
}

.tool-chat-asset-line {
  color: #5d6488 !important;
}

.tool-modal-row {
  color: #6f7698 !important;
}

.tool-modal-row strong {
  color: #2f35a8 !important;
}

/* AI智能体 /maintenance/?ai=1：整体 90% 宽 + 主区层次 */
body[data-page-subtitle="AI智能体"] .topbar .container,
body[data-page-subtitle="AI智能体"] #aiToolsWrap.container,
body[data-page-subtitle="AI智能体"] footer .container {
  width: 90% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body[data-page-subtitle="AI智能体"] .topbar .container,
  body[data-page-subtitle="AI智能体"] #aiToolsWrap.container,
  body[data-page-subtitle="AI智能体"] footer .container {
    width: calc(100% - 32px) !important;
  }
}

body[data-page-subtitle="AI智能体"] main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-page-subtitle="AI智能体"] .tools-wrap {
  gap: 22px !important;
  padding: 22px 0 48px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  grid-template-rows: 1fr !important;
  align-items: stretch !important;
}

@media (max-width: 980px) {
  body[data-page-subtitle="AI智能体"] .tools-wrap {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
  }
}

body[data-page-subtitle="AI智能体"] .tools-side {
  border-radius: 20px !important;
  padding: 14px 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%) !important;
  box-shadow: var(--shadow-md), var(--shadow-inset-top) !important;
}

body[data-page-subtitle="AI智能体"] .tools-side button {
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="AI智能体"] .tools-main {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  padding: 26px 26px 34px !important;
  min-height: 480px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcff 52%, #fafbff 100%) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top) !important;
}

body[data-page-subtitle="AI智能体"] .tools-main.tool-chat-open {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
}

body[data-page-subtitle="AI智能体"] .tools-main.tool-chat-open .tool-chat-mask.show {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body[data-page-subtitle="AI智能体"] .tools-main::before {
  display: none !important;
  content: none !important;
}

body[data-page-subtitle="AI智能体"] .tools-main h1 {
  font-size: clamp(22px, 2.2vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #1a1f36 !important;
  margin: 0 0 20px !important;
}

body[data-page-subtitle="AI智能体"] .tools-main-head {
  margin-bottom: 4px !important;
}

body[data-page-subtitle="AI智能体"] .tools-bar-search {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
}

body[data-page-subtitle="AI智能体"] .tools-bar-search .store-search-input,
body[data-page-subtitle="AI智能体"] .tools-bar-search .tools-search-input,
body[data-page-subtitle="AI智能体"] #mineSearchInput,
body[data-page-subtitle="AI智能体"] #storeSearchInput,
body[data-page-subtitle="AI智能体"] #docsSearchInput {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 14px 24px 14px 24px !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 3px rgba(23, 27, 55, 0.05) inset !important;
}

body[data-page-subtitle="AI智能体"] .tools-bar-search .btn.ghost {
  border-radius: var(--radius-pill) !important;
  padding: 12px 22px !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="AI智能体"] .store-head h3 {
  color: #1a1f36 !important;
}

/* ai-image-text page: lighten large gray blocks */
.main-card,
.poster-box,
.poster-tool-box,
.case-center-box,
#vhPanelCreate,
#vhPanelAssets {
  background: #ffffff !important;
  border-color: var(--line) !important;
  box-shadow: 0 8px 24px rgba(28, 33, 77, 0.06) !important;
}

.imgtext-tab {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #5d6488 !important;
}

.imgtext-tab.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

.poster-toolbar,
.poster-top {
  border-color: #e8ecf9 !important;
}

.poster-pill,
.poster-select,
.poster-param-trigger,
.poster-qty-btn,
.poster-lang-btn,
.poster-scene-trigger {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #586083 !important;
  box-shadow: var(--shadow-sm) !important;
}

.poster-param-trigger:hover,
.poster-param-trigger.open,
.poster-qty-btn.open,
.poster-lang-btn.open,
.poster-scene-trigger.open {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.12) !important;
}

.poster-model-quick-label {
  color: #5d6488 !important;
  font-weight: 600 !important;
}

.poster-model-select-quick,
body[data-page-subtitle="超级IP孵化"] .flow-main .poster-model-select-quick {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 148px !important;
  max-width: 240px !important;
  height: 34px !important;
  padding: 0 28px 0 10px !important;
  background-color: #f7f8ff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23586083' d='M3 4.5L6 7.5 9 4.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  border-color: var(--line) !important;
  color: #586083 !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.poster-model-select-quick:hover,
.poster-model-select-quick:focus,
body[data-page-subtitle="超级IP孵化"] .flow-main .poster-model-select-quick:hover,
body[data-page-subtitle="超级IP孵化"] .flow-main .poster-model-select-quick:focus {
  background-color: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

.poster-input,
.poster-asset-search,
.vh-asset-search {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--text) !important;
}

.poster-demo {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #5d6488 !important;
}

.poster-demo:hover {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
  box-shadow: none !important;
}

.case-center-tab {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #5d6488 !important;
}

.case-center-tab.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

/* ai-image-text detail modal: switch from dark to light panel */
.poster-modal-overlay {
  background: rgba(244, 246, 253, 0.78) !important;
  backdrop-filter: blur(4px) !important;
}

.poster-modal {
  background: #ffffff !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 20px 50px rgba(30, 35, 70, 0.12) !important;
}

.poster-modal-body,
.poster-modal-split,
.poster-modal-col {
  background: #ffffff !important;
}

.poster-modal-header {
  border-bottom-color: #e7ebf8 !important;
}

.poster-modal-header .h,
.poster-modal-section-title {
  color: var(--text) !important;
}

.poster-modal-close {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #55608a !important;
}

.poster-modal-prompt,
.poster-modal-settings {
  color: #2f3858 !important;
}

.poster-modal-prompt {
  border: 1px solid #e6eaf7 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  background: #fafbff !important;
}

.poster-modal-settings {
  border: 1px solid #e6eaf7 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  background: #fafbff !important;
}

.poster-modal-img-item {
  background: #f8f9ff !important;
  border-color: #e5e9f6 !important;
}

.poster-modal-img-item img {
  background: #ffffff !important;
}

.poster-modal-img-failed {
  background: #f4f6fd !important;
  border-color: #dce2f3 !important;
  color: #7d87ad !important;
}

.poster-modal-downloads a {
  background: #ffffff !important;
  border-color: #d8def2 !important;
  color: #4a50b6 !important;
}

.poster-modal-downloads a:hover {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
}

/* Empty-state bars/cards contrast fix */
.poster-assets-empty,
.empty-tab,
.poster-example-empty {
  background: #f8fafc !important;
  border: 1px dashed #d8def1 !important;
  color: #6d7699 !important;
}

/* ========== AI图文工具页：仪表盘级质感（紫系主色 + 大圆角 + 分层阴影） ========== */
body[data-page-subtitle="AI图文工具"] {
  color: var(--text) !important;
}

body[data-page-subtitle="AI图文工具"] main.container {
  padding-top: 12px !important;
  padding-bottom: 40px !important;
}

body[data-page-subtitle="AI图文工具"] .imgtext-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 22px;
  padding-bottom: 4px;
}

body[data-page-subtitle="AI图文工具"] .imgtext-page-title {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #1a1f36 !important;
  line-height: 1.2;
}

body[data-page-subtitle="AI图文工具"] .imgtext-page-lead {
  margin: 6px 0 0;
  font-size: 14px;
  color: var(--muted) !important;
  font-weight: 500;
  max-width: 520px;
  line-height: 1.55;
}

body[data-page-subtitle="AI图文工具"] .main-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  padding: 28px 28px 32px !important;
  margin: 20px auto 32px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcff 55%, #fafbff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.98) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top) !important;
}

body[data-page-subtitle="AI图文工具"] .main-card::before {
  display: none !important;
  content: none !important;
}

body[data-page-subtitle="AI图文工具"] .imgtext-tabs {
  gap: 12px !important;
  margin-bottom: 20px !important;
}

body[data-page-subtitle="AI图文工具"] .poster-box {
  border-radius: 20px !important;
  padding: 22px 22px 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f9f9ff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-add {
  border: 1px dashed rgba(124, 58, 237, 0.35) !important;
  background: linear-gradient(145deg, #f5f4ff 0%, #eef0ff 100%) !important;
  color: #5b5f8a !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.08) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-add:hover {
  border-color: rgba(124, 58, 237, 0.5) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-top {
  gap: 12px !important;
  align-items: start !important;
}

body[data-page-subtitle="AI图文工具"] .poster-top .poster-demo {
  align-self: center;
  margin-top: 8px;
}

body[data-page-subtitle="AI图文工具"] .poster-generate {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: none !important;
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-radius: var(--radius-pill) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 48%, #7c3aed 100%) !important;
  background-clip: padding-box !important;
  color: #ffffff !important;
  height: 40px !important;
  padding: 0 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.35), 0 2px 8px rgba(124, 58, 237, 0.2) !important;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out) !important;
  overflow: hidden !important;
}

body[data-page-subtitle="AI图文工具"] .poster-generate:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(124, 58, 237, 0.42), 0 4px 12px rgba(124, 58, 237, 0.22) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-right .power {
  color: var(--muted) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-param-popover,
body[data-page-subtitle="AI图文工具"] .poster-scene-popover,
body[data-page-subtitle="AI图文工具"] .poster-qty-menu,
body[data-page-subtitle="AI图文工具"] .poster-lang-menu {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow-lg) !important;
  color: var(--text) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-param-section-title,
body[data-page-subtitle="AI图文工具"] .poster-scene-section-title {
  color: var(--muted) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-model-btn,
body[data-page-subtitle="AI图文工具"] .poster-scene-choice,
body[data-page-subtitle="AI图文工具"] .poster-ratio-cell {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #4b5177 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-model-btn:hover,
body[data-page-subtitle="AI图文工具"] .poster-scene-choice:hover,
body[data-page-subtitle="AI图文工具"] .poster-ratio-cell:hover {
  border-color: rgba(124, 58, 237, 0.35) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-model-btn.active,
body[data-page-subtitle="AI图文工具"] .poster-scene-choice.active,
body[data-page-subtitle="AI图文工具"] .poster-ratio-cell.active {
  background: var(--primary-soft) !important;
  border-color: rgba(124, 58, 237, 0.42) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-ratio-smart {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #3d4566 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-ratio-smart.active {
  background: var(--primary-soft) !important;
  border-color: rgba(124, 58, 237, 0.45) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-scene-platform-grid {
  background: #f4f6fd !important;
  border-color: var(--line) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-scene-platform-cell {
  background: #ffffff !important;
  border-color: var(--line) !important;
  color: #4b5177 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-scene-platform-cell:hover {
  border-color: rgba(124, 58, 237, 0.28) !important;
  background: #fafbff !important;
}

body[data-page-subtitle="AI图文工具"] .poster-scene-platform-cell.active {
  background: var(--primary-soft) !important;
  border-color: rgba(124, 58, 237, 0.4) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-qty-option {
  color: #4b5177 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-qty-option:hover {
  background: rgba(124, 58, 237, 0.08) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-qty-option.active {
  background: var(--primary-soft) !important;
  color: var(--primary-deep) !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-lang-option {
  color: #4b5177 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-lang-option:hover {
  background: rgba(124, 58, 237, 0.08) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-lang-option.active {
  background: var(--primary-soft) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-qty-menu .poster-qty-option,
body[data-page-subtitle="AI图文工具"] .poster-lang-menu .poster-lang-option {
  box-shadow: none !important;
  border-bottom: none !important;
}

body[data-page-subtitle="AI图文工具"] .poster-qty-menu .poster-qty-option:not(:last-child),
body[data-page-subtitle="AI图文工具"] .poster-lang-menu .poster-lang-option:not(:last-child) {
  border-bottom: 1px solid rgba(232, 236, 244, 0.9) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-param-tooltip,
body[data-page-subtitle="AI图文工具"] .poster-qty-tooltip,
body[data-page-subtitle="AI图文工具"] .poster-scene-tooltip,
body[data-page-subtitle="AI图文工具"] .poster-lang-tooltip {
  background: #2f3858 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #eef1ff !important;
  box-shadow: 0 12px 28px rgba(28, 33, 77, 0.18) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-box-title {
  color: #1a1f36 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  margin: 0 0 14px !important;
}

body[data-page-subtitle="AI图文工具"] .poster-file-item {
  background: #fafbff !important;
  border-color: var(--line) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-file-item .name {
  color: #5d6488 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-file-remove {
  background: #ffffff !important;
  border-color: #ffd4dc !important;
  color: #c53149 !important;
}

body[data-page-subtitle="AI图文工具"] .case-card {
  border-radius: 18px !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  background: #ffffff !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="AI图文工具"] .case-tag {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(232, 236, 244, 0.95) !important;
  color: #2f3858 !important;
  backdrop-filter: blur(10px) !important;
}

body[data-page-subtitle="AI图文工具"] .case-hover {
  background: rgba(26, 31, 54, 0.72) !important;
  color: #f4f6fd !important;
}

body[data-page-subtitle="AI图文工具"] .case-empty {
  color: var(--muted) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-card {
  border-radius: 18px !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  background: #ffffff !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-card::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(26, 31, 54, 0.55)) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-card:hover {
  border-color: rgba(124, 58, 237, 0.28) !important;
  box-shadow: var(--shadow-md) !important;
  filter: none !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-more {
  background: linear-gradient(145deg, #f5f4ff 0%, #eef0ff 100%) !important;
  color: var(--primary-deep) !important;
  border: 1px dashed rgba(124, 58, 237, 0.35) !important;
  border-radius: 18px !important;
}

body[data-page-subtitle="AI图文工具"] .poster-ref-thumb {
  border-color: var(--line) !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-asset-card .poster-asset-title {
  color: #0f172a !important;
}

body[data-page-subtitle="AI图文工具"] .poster-asset-badge {
  background: #eef2f7 !important;
  border-color: var(--line) !important;
  color: #374151 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-asset-card .poster-asset-prompt {
  color: #374151 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-asset-card:hover {
  border-color: rgba(124, 58, 237, 0.32) !important;
  box-shadow: var(--shadow-md) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-asset-card .poster-asset-cover-fallback {
  background: #f8fafc !important;
  border-color: #d8def1 !important;
  color: #4b5563 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-asset-card .poster-asset-cover-fallback--generating {
  border-style: solid !important;
  border-color: #e0e6f5 !important;
  color: #374151 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-modal-overlay,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal-overlay {
  background: rgba(244, 246, 253, 0.82) !important;
  backdrop-filter: blur(8px) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
}

/* 必须高于上一段 display:flex !important，否则 .hidden 无法关闭弹层 */
body[data-page-subtitle="AI图文工具"] .poster-example-modal-overlay.hidden,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal-overlay.hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-modal-overlay > .poster-tool-modal,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal-overlay > .poster-tool-form {
  flex: 0 1 auto !important;
  align-self: center !important;
  margin: auto !important;
  max-width: 100% !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-modal-overlay > .poster-example-modal {
  flex: 0 1 auto !important;
  align-self: center !important;
  margin: auto !important;
  max-width: 100% !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-modal,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-lg) !important;
  color: var(--text) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-header,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal .poster-example-header {
  border-bottom-color: #e8ecf4 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-header .h,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal .poster-example-header .h {
  color: #1a1f36 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-close,
body[data-page-subtitle="AI图文工具"] .poster-tool-modal .poster-example-close {
  background: #f7f8ff !important;
  border: 1px solid var(--line) !important;
  color: #55608a !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-body {
  background: #fafbff !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-item-title {
  color: #1a1f36 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-item-desc {
  color: #5d6488 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-example-images img {
  border-color: var(--line) !important;
  background: #ffffff !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-form {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-lg) !important;
  overflow: hidden !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-form-title {
  color: #1a1f36 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-form-sub,
body[data-page-subtitle="AI图文工具"] .poster-tool-label {
  color: var(--muted) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-upload {
  background: linear-gradient(180deg, #fafbff 0%, #f4f6fd 100%) !important;
  border: 1px dashed rgba(124, 58, 237, 0.28) !important;
  border-radius: 18px !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-upload-icon {
  color: var(--primary) !important;
  background: rgba(124, 58, 237, 0.1) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-upload-title {
  color: #1a1f36 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-upload-sub {
  color: var(--muted) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-upload-btn {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-input,
body[data-page-subtitle="AI图文工具"] .poster-tool-select {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--text) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-btn.cancel {
  background: #f7f8ff !important;
  border-color: var(--line) !important;
  color: #5d6488 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-tool-btn.submit {
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(124, 58, 237, 0.3) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-toast {
  background: #1a1f36 !important;
  color: #f4f6fd !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: var(--shadow-lg) !important;
  border-radius: 14px !important;
}

body[data-page-subtitle="AI图文工具"] footer .foot-wrap {
  color: var(--muted) !important;
}

/* Messages */
.msg.ok {
  background: #effff6 !important;
  border-color: #c5f0da !important;
  color: #1f8c57 !important;
}

.msg.err {
  background: #fff1f4 !important;
  border-color: #ffd4dc !important;
  color: #c53149 !important;
}

.overview .card,
#overview .card {
  min-height: 90px;
}

.kpi .v,
.card .num,
#overview .num {
  color: #2d3150 !important;
  font-weight: 700 !important;
}

/* Login page explicit restyle */
body:has(.login-brand),
.login-page body {
  background: linear-gradient(180deg, #f7f8ff 0%, #eff2fe 100%) !important;
}

.wrap {
  background: transparent !important;
}

.wrap .card {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 18px 46px rgba(35, 40, 85, 0.08) !important;
}

.title-mecha .site-title-text {
  background: linear-gradient(135deg, #6c63ff, #8f87ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: none !important;
}

.tab {
  background: #f8f9ff !important;
  border: 1px solid var(--line) !important;
  color: #66709a !important;
}

.tab.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

.options-row,
.tips,
.register-hint,
.sub {
  color: var(--muted) !important;
}

.captcha-img,
.qr-wrap {
  border-color: var(--line) !important;
  background: #fff !important;
}

/* Responsive dashboard spacing */
@media (max-width: 980px) {
  .layout {
    grid-template-columns: 72px 1fr !important;
  }

  .sidebar {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .sidebar .brand {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .main {
    padding: 14px !important;
  }
}

@media (max-width: 680px) {
  .layout {
    grid-template-columns: 56px 1fr !important;
  }

  .main {
    padding: 10px !important;
  }

  .card,
  .panel,
  .site-panel,
  .users-modal {
    border-radius: 12px !important;
  }

  .btn,
  button.btn,
  a.btn {
    border-radius: 9px !important;
  }
}


/* Top menu dropdown (override per-page dark submenu) */
.menu-toggle,
.menu-item.open .menu-toggle,
.menu-toggle:hover {
  background: transparent !important;
  color: var(--text) !important;
  border-color: transparent !important;
}

.topbar .menu-toggle:hover,
.topbar .menu-item.open .menu-toggle {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

/* Top bar text contrast boost */
.topbar .brand,
.topbar [data-site-brand-name] {
  color: #2f3858 !important;
}

.topbar .menu,
.topbar .menu a,
.topbar .menu-toggle,
.topbar .caret {
  color: #5b648f !important;
}

.topbar .user-link,
.topbar .logout-btn {
  color: #4e5786 !important;
}

.submenu {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 18px 40px rgba(28, 33, 77, 0.12) !important;
}

.submenu a {
  color: #4b5177 !important;
}

.submenu a:hover {
  background: rgba(139, 92, 246, 0.12) !important;
  color: var(--primary-deep) !important;
}

/* Industry page: 仪表盘级浅色质感（勿用 var(--bg)：会被页内联深色 :root 污染） */
body[data-page-subtitle="行业选择"] {
  background: transparent !important;
  color: var(--text) !important;
}

body[data-page-subtitle="行业选择"] main {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body[data-page-subtitle="行业选择"] .container.content {
  position: relative !important;
  overflow: visible !important;
  border-radius: 0 !important;
  padding: 28px 28px 36px !important;
  margin-top: 8px !important;
  margin-bottom: 28px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-page-subtitle="行业选择"] .container.content::before {
  content: none !important;
}

body[data-page-subtitle="行业选择"] .topbar {
  background: rgba(255, 255, 255, 0.78) !important;
  border-bottom: 1px solid rgba(232, 236, 244, 0.9) !important;
  box-shadow: 0 8px 32px rgba(37, 44, 97, 0.06), var(--shadow-inset-top) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}

body[data-page-subtitle="行业选择"] footer {
  border-top: 1px solid var(--line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, #ffffff 40%, #fafbff 100%) !important;
  box-shadow: 0 -8px 32px rgba(32, 37, 76, 0.04) !important;
}

body[data-page-subtitle="行业选择"] .foot-wrap {
  color: var(--muted) !important;
}

body[data-page-subtitle="行业选择"] .step-bar {
  margin-bottom: 20px !important;
}

body[data-page-subtitle="行业选择"] .step-bar,
body[data-page-subtitle="行业选择"] .step-crumb,
body[data-page-subtitle="行业选择"] .page-desc,
body[data-page-subtitle="行业选择"] .hint,
body[data-page-subtitle="行业选择"] .save-tip,
body[data-page-subtitle="行业选择"] .selected small {
  color: #6f7aa8 !important;
}

body[data-page-subtitle="行业选择"] .page-desc strong {
  color: #6d28d9 !important;
}

body[data-page-subtitle="行业选择"] .step-badge {
  background: var(--primary-soft) !important;
  border: 1px solid #ddd6fe !important;
  color: #6d28d9 !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.12) !important;
}

body[data-page-subtitle="行业选择"] .page-title {
  color: #1a1f36 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  margin-bottom: 14px !important;
}

body[data-page-subtitle="行业选择"] .selected,
body[data-page-subtitle="行业选择"] .selected-label,
body[data-page-subtitle="行业选择"] .selected b,
body[data-page-subtitle="行业选择"] .item .name {
  color: #2f3858 !important;
}

body[data-page-subtitle="行业选择"] .search-wrap {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body[data-page-subtitle="行业选择"] .search {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  padding: 8px 10px 8px 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="行业选择"] .search input,
body[data-page-subtitle="行业选择"] #searchInput {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  color: #2f3858 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  padding: 14px 24px 14px 18px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-page-subtitle="行业选择"] .search input::placeholder,
body[data-page-subtitle="行业选择"] #searchInput::placeholder {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="行业选择"] .selected {
  margin-top: 18px !important;
}

body[data-page-subtitle="行业选择"] .item {
  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  border-radius: 16px !important;
  min-height: 96px !important;
  box-shadow: var(--shadow-sm) !important;
  transition: box-shadow 0.22s var(--ease-out), border-color 0.22s var(--ease-out), transform 0.22s var(--ease-out) !important;
}

body[data-page-subtitle="行业选择"] .item:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(124, 58, 237, 0.28) !important;
  box-shadow: var(--shadow-md) !important;
}

body[data-page-subtitle="行业选择"] .chip {
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
  color: #5c6795 !important;
  border-radius: var(--radius-pill) !important;
  padding: 8px 14px !important;
}

body[data-page-subtitle="行业选择"] .chip.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.12) !important;
}

body[data-page-subtitle="行业选择"] .empty {
  background: #f8fafc !important;
  border: 1px dashed #d8def1 !important;
  color: #6d7699 !important;
  border-radius: 18px !important;
}

body[data-page-subtitle="行业选择"] .grid {
  margin-top: 22px !important;
  gap: 14px !important;
}

/* Super-IP container + embedded flow pages (high-specificity override) */
body[data-page-subtitle="超级IP孵化"] {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-page-subtitle="超级IP孵化"] {
  background: #eef1fa !important;
  color: #2f3858 !important;
}

body[data-page-subtitle="超级IP孵化"] .left-panel,
body[data-page-subtitle="超级IP孵化"] .right-panel,
body[data-page-subtitle="超级IP孵化"] .content-host {
  background: #ffffff !important;
  border: 1px solid #e6eaf7 !important;
}

body[data-page-subtitle="超级IP孵化"] .left-title,
body[data-page-subtitle="超级IP孵化"] .right-head,
body[data-page-subtitle="超级IP孵化"] #flowTitle {
  color: #141826 !important;
}

body[data-page-subtitle="超级IP孵化"] .topbar,
body[data-page-subtitle="超级IP孵化"] footer {
  background: #ffffff !important;
  border-color: #e6eaf7 !important;
}

body[data-page-subtitle="超级IP孵化"] .foot-wrap {
  color: #7f89b2 !important;
}

html:has(body[data-page-subtitle="超级IP孵化"]),
body[data-page-subtitle="超级IP孵化"] {
  background-image: none !important;
}

body[data-page-subtitle="超级IP孵化"] .container,
body[data-page-subtitle="超级IP孵化"] .main-wrap,
body[data-page-subtitle="超级IP孵化"] .content-wrap,
body[data-page-subtitle="超级IP孵化"] .flow-main {
  background: transparent !important;
}

body[data-page-subtitle="超级IP孵化"] .right-panel {
  /* 降低重阴影，减少滚动时重绘负担 */
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="超级IP孵化"] .content-host {
  padding: 16px !important;
}

body[data-page-subtitle="超级IP孵化"] .content-host:has(.ipp-page) {
  background: linear-gradient(165deg, #f2faf8 0%, #eef5f9 50%, #e8f1f5 100%) !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .empty,
body[data-page-subtitle="超级IP孵化"] .flow-main .poster-assets-empty,
body[data-page-subtitle="超级IP孵化"] .flow-main .empty-tab,
body[data-page-subtitle="超级IP孵化"] .flow-main .poster-example-empty {
  background: #f8fafc !important;
  border: 1px dashed #d8def1 !important;
  color: #6d7699 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-btn {
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
  color: #2f3858 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-btn:hover,
body[data-page-subtitle="超级IP孵化"] .flow-btn.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-btn .flow-btn-line1 {
  color: #141826 !important;
  font-weight: 700 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-btn .flow-btn-hint {
  color: #5d6488 !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .step-bar,
body[data-page-subtitle="超级IP孵化"] .flow-main .step-crumb,
body[data-page-subtitle="超级IP孵化"] .flow-main .page-desc,
body[data-page-subtitle="超级IP孵化"] .flow-main .hint,
body[data-page-subtitle="超级IP孵化"] .flow-main .save-tip,
body[data-page-subtitle="超级IP孵化"] .flow-main .selected small {
  color: #6f7aa8 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .step-badge {
  background: var(--primary-soft) !important;
  border: 1px solid #ddd6fe !important;
  color: #6d28d9 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .page-title,
body[data-page-subtitle="超级IP孵化"] .flow-main .selected,
body[data-page-subtitle="超级IP孵化"] .flow-main .selected-label,
body[data-page-subtitle="超级IP孵化"] .flow-main .selected b,
body[data-page-subtitle="超级IP孵化"] .flow-main .item .name {
  color: #2f3858 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .search-wrap,
body[data-page-subtitle="超级IP孵化"] .flow-main .selected,
body[data-page-subtitle="超级IP孵化"] .flow-main .item {
  background: #ffffff !important;
  border: 1px solid #e6eaf7 !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .search {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 999px !important;
  padding: 8px 10px 8px 16px !important;
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .search input {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  color: #2f3858 !important;
  padding: 14px 22px 14px 16px !important;
  min-height: 48px !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .search input::placeholder {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .chip {
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
  color: #5c6795 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .chip.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .btn-save-industry {
  background: linear-gradient(135deg, #6c63ff 0%, #8a7dff 100%) !important;
  border: 1px solid #7269ff !important;
  color: #ffffff !important;
}

/* Super-IP embedded peer-analysis form: dark panel -> light panel */
body[data-page-subtitle="超级IP孵化"] .flow-main .form-card {
  background: #ffffff !important;
  border: 1px solid #e6eaf7 !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .label,
body[data-page-subtitle="超级IP孵化"] .flow-main .peer-loading-text {
  color: #141826 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .peer-profile-msg {
  color: #5d6488 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .peer-profile-msg.ok {
  color: #6d28d9 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .peer-profile-msg.err {
  color: #c2410c !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .hint-inline {
  color: #5d6488 !important;
  font-weight: 500 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .label {
  font-weight: 600 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .input,
body[data-page-subtitle="超级IP孵化"] .flow-main .textarea {
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
  color: #2f3858 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .input::placeholder,
body[data-page-subtitle="超级IP孵化"] .flow-main .textarea::placeholder {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .platforms {
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .plat-btn {
  background: #ffffff !important;
  border: 1px solid #dbe1f3 !important;
  color: #5c6795 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .plat-btn.active {
  background: var(--primary-soft) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}

/* ========== 同行分析 /peer-analysis/：浅色高对比（标题/说明/表单/报告区） ========== */
body[data-page-subtitle="同行分析"] {
  background: transparent !important;
  color: var(--text) !important;
}

body[data-page-subtitle="同行分析"] main .container.content {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 28px 28px 36px !important;
  margin-top: 12px !important;
  margin-bottom: 28px !important;
  box-shadow: none !important;
}

body[data-page-subtitle="同行分析"] .step-bar {
  color: #5d6488 !important;
}

body[data-page-subtitle="同行分析"] .step-badge {
  background: #ffffff !important;
  border: 1px solid #ddd6fe !important;
  color: #6d28d9 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  padding: 8px 16px !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.12) !important;
}

body[data-page-subtitle="同行分析"] .step-crumb {
  color: #5d6488 !important;
}

body[data-page-subtitle="同行分析"] .page-title {
  color: #141826 !important;
}

body[data-page-subtitle="同行分析"] .page-desc {
  color: #3d4558 !important;
}

body[data-page-subtitle="同行分析"] .page-desc strong {
  color: #6d28d9 !important;
  font-weight: 700 !important;
}

body[data-page-subtitle="同行分析"] .form-card {
  background: #ffffff !important;
  border: 1px solid rgba(139, 92, 246, 0.16) !important;
  border-radius: 16px !important;
  padding: 24px 26px 24px !important;
  box-shadow: 0 10px 32px rgba(91, 33, 182, 0.08) !important;
}

body[data-page-subtitle="同行分析"] .label {
  color: #141826 !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="同行分析"] .hint-inline {
  color: #5d6488 !important;
  font-weight: 500 !important;
}

body[data-page-subtitle="同行分析"] .input,
body[data-page-subtitle="同行分析"] .textarea {
  background: #fafdfd !important;
  border: 1px solid rgba(91, 33, 182, 0.12) !important;
  color: #141826 !important;
}

body[data-page-subtitle="同行分析"] .input::placeholder,
body[data-page-subtitle="同行分析"] .textarea::placeholder {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="同行分析"] .platforms {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

body[data-page-subtitle="同行分析"] .plat-btn {
  background: #ffffff !important;
  border: 1px solid rgba(91, 33, 182, 0.12) !important;
  color: #3d525a !important;
  border-radius: 999px !important;
}

body[data-page-subtitle="同行分析"] .plat-btn:hover {
  color: #6d28d9 !important;
  border-color: rgba(139, 92, 246, 0.45) !important;
}

body[data-page-subtitle="同行分析"] .plat-btn.active {
  background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 92%) !important;
  border-color: transparent !important;
  color: #042f2e !important;
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.28) !important;
}

body[data-page-subtitle="同行分析"] .btn-analyze {
  width: 100% !important;
  max-width: none !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 55%, #7c3aed 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(45, 180, 165, 0.22) !important;
  font-family: inherit !important;
}

body[data-page-subtitle="同行分析"] .btn-secondary-lite {
  border: 1px solid rgba(91, 33, 182, 0.12) !important;
  background: #ffffff !important;
  color: #6d28d9 !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="同行分析"] #industryGateModal.modal-overlay {
  background: rgba(91, 33, 182, 0.18) !important;
}

body[data-page-subtitle="同行分析"] .peer-loading-overlay {
  background: rgba(255, 255, 255, 0.9) !important;
}

body[data-page-subtitle="同行分析"] .peer-loading-spinner {
  border-color: rgba(139, 92, 246, 0.22) !important;
  border-top-color: #8b5cf6 !important;
}

body[data-page-subtitle="同行分析"] .peer-loading-text {
  color: #6d28d9 !important;
  font-family: inherit !important;
  letter-spacing: 0.06em !important;
  text-shadow: none !important;
}

body[data-page-subtitle="同行分析"] .peer-profile-sync-hint {
  color: #6d7699 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-regen {
  border: 1px solid rgba(139, 92, 246, 0.42) !important;
  background: #ffffff !important;
  color: #6d28d9 !important;
  font-family: inherit !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="同行分析"] .peer-profile-msg {
  color: #5d6488 !important;
}

body[data-page-subtitle="同行分析"] .peer-profile-msg.ok {
  color: #6d28d9 !important;
}

body[data-page-subtitle="同行分析"] .peer-profile-msg.err {
  color: #c2410c !important;
}

body[data-page-subtitle="同行分析"] .modal-box {
  background: #ffffff !important;
  border: 1px solid #e6eaf7 !important;
  box-shadow: var(--shadow-lg) !important;
}

body[data-page-subtitle="同行分析"] .modal-box h3 {
  color: #141826 !important;
}

body[data-page-subtitle="同行分析"] .modal-box p {
  color: #3d4558 !important;
}

body[data-page-subtitle="同行分析"] .peer-report-wrap {
  background: #ffffff !important;
  border: 1px solid #e6eaf7 !important;
  border-radius: 18px !important;
  padding: 22px 20px 28px !important;
  margin-top: 22px !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="同行分析"] .peer-r-head {
  border-bottom-color: #e6eaf7 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-title,
body[data-page-subtitle="同行分析"] .peer-r-h3,
body[data-page-subtitle="同行分析"] .peer-r-h4,
body[data-page-subtitle="同行分析"] .peer-r-subh,
body[data-page-subtitle="同行分析"] .peer-r-source-title,
body[data-page-subtitle="同行分析"] .peer-r-cs-head {
  color: #141826 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-body,
body[data-page-subtitle="同行分析"] .peer-r-bullets,
body[data-page-subtitle="同行分析"] .peer-r-opt,
body[data-page-subtitle="同行分析"] .peer-r-ca-line,
body[data-page-subtitle="同行分析"] .peer-r-muted {
  color: #3d4558 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-portrait-label,
body[data-page-subtitle="同行分析"] .peer-r-metric-k,
body[data-page-subtitle="同行分析"] .peer-r-te-k {
  color: #6d7699 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-portrait-val,
body[data-page-subtitle="同行分析"] .peer-r-metric-v,
body[data-page-subtitle="同行分析"] .peer-r-te-v {
  color: #2f3858 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-box-cyan {
  border: 1px solid #c5e8f0 !important;
  background: #f0fbfd !important;
}

body[data-page-subtitle="同行分析"] .peer-r-box-gold {
  border: 1px solid #f0e0b8 !important;
  background: #fffbf0 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-num {
  color: #a16207 !important;
}

body[data-page-subtitle="同行分析"] .peer-r-learn-card,
body[data-page-subtitle="同行分析"] .peer-r-source-card,
body[data-page-subtitle="同行分析"] .peer-r-high-item {
  border-color: #e6eaf7 !important;
  background: #f8f9ff !important;
}

body[data-page-subtitle="同行分析"] .peer-r-learn-head strong {
  color: #141826 !important;
}

/* ========== 人设定制 /persona-customization/：与内联卡片叠层 ========== */
body[data-page-subtitle="人设定制方案"] {
  background: transparent !important;
  color: var(--text) !important;
}

body[data-page-subtitle="人设定制方案"] main .container.content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 8px !important;
  padding-bottom: 32px !important;
}

/* ========== 账号包装 / 执行计划：外层无边框（对齐人设定制） ========== */
body[data-page-subtitle="账号包装方案"] > main.container,
body[data-page-subtitle="执行计划"] > main.container {
  background: transparent !important;
}

body[data-page-subtitle="账号包装方案"] .panel:has(.pkg-page),
body[data-page-subtitle="执行计划"] .panel:has(.exec-page) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-page-subtitle="人设定制方案"] .pc-doc-wrap h1,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap h2,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap h3,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap h4 {
  color: #17152f;
}

body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-lead,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-h1,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-h2,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-h3,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-h4,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-script-title,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-quote-type,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-view-h,
body[data-page-subtitle="人设定制方案"] .pc-doc-wrap .pc-doc-plan-table th {
  color: #17152f !important;
  font-weight: 800 !important;
}

/* Methodology page: 仪表盘级质感（与全站 light dashboard 一致） */
body[data-page-subtitle="方法论"] {
  background: transparent !important;
  color: var(--text) !important;
}

body[data-page-subtitle="方法论"] main.container {
  width: 90% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding-top: 12px !important;
  padding-bottom: 48px !important;
  box-sizing: border-box;
}

body[data-page-subtitle="方法论"] .topbar .container {
  width: 90% !important;
  max-width: none !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body[data-page-subtitle="方法论"] main.container,
  body[data-page-subtitle="方法论"] .topbar .container {
    width: calc(100% - 32px) !important;
  }
}

body[data-page-subtitle="方法论"] .hero {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcff 55%, #fafbff 100%) !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top) !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 28px 30px 30px !important;
  margin-bottom: 22px !important;
}

body[data-page-subtitle="方法论"] .hero::before {
  display: none !important;
  content: none !important;
}

body[data-page-subtitle="方法论"] .hero::after {
  opacity: 0.55 !important;
}

body[data-page-subtitle="方法论"] .hero h1 {
  font-size: clamp(24px, 2.6vw, 32px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin: 0 0 14px !important;
}

body[data-page-subtitle="方法论"] .hero h1,
body[data-page-subtitle="方法论"] .card h3 {
  color: #1a1f36 !important;
}

body[data-page-subtitle="方法论"] .hero p {
  color: #5d6488 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  max-width: 62ch !important;
  margin: 0 !important;
}

body[data-page-subtitle="方法论"] .chips {
  gap: 10px !important;
  margin: 18px 0 16px !important;
}

body[data-page-subtitle="方法论"] .chip {
  padding: 10px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: var(--radius-pill) !important;
  background: #f8f9ff !important;
  border: 1px solid #dbe1f3 !important;
  color: #5c6795 !important;
  box-shadow: var(--shadow-sm) !important;
  transition: background 0.2s var(--ease-out), border-color 0.2s var(--ease-out), color 0.2s var(--ease-out),
    box-shadow 0.2s var(--ease-out) !important;
}

body[data-page-subtitle="方法论"] .chip:hover {
  border-color: var(--line-strong) !important;
  background: #ffffff !important;
}

body[data-page-subtitle="方法论"] .chip.active {
  background: var(--primary-soft) !important;
  border-color: rgba(124, 58, 237, 0.32) !important;
  color: var(--primary-deep) !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.14) !important;
}

body[data-page-subtitle="方法论"] .meta {
  color: #7d87ad !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}

body[data-page-subtitle="方法论"] .grid {
  gap: 20px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}

body[data-page-subtitle="方法论"] .card {
  background: linear-gradient(180deg, #ffffff 0%, #fcfcff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.98) !important;
  border-radius: var(--radius-panel) !important;
  padding: 22px 24px 24px !important;
  height: auto !important;
  align-self: start !important;
  gap: 12px !important;
  box-shadow: var(--shadow-md), var(--shadow-inset-top) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow 0.28s var(--ease-out), border-color 0.28s var(--ease-out), transform 0.28s var(--ease-out) !important;
}

body[data-page-subtitle="方法论"] .card::before {
  display: none !important;
  content: none !important;
}

body[data-page-subtitle="方法论"] .card:hover {
  border-color: rgba(124, 58, 237, 0.22) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top) !important;
  transform: translateY(-4px) !important;
}

body[data-page-subtitle="方法论"] .card h3 {
  font-size: 18px !important;
  line-height: 1.35 !important;
}

body[data-page-subtitle="方法论"] .sub {
  color: #6d7699 !important;
  font-size: 14px !important;
}

body[data-page-subtitle="方法论"] .summary {
  color: #5d6488 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body[data-page-subtitle="方法论"] .more {
  color: var(--primary-deep) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="方法论"] .formula span {
  background: #eef2ff !important;
  border: 1px solid #d5dcfa !important;
  color: #4b5180 !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="方法论"] .empty {
  grid-column: 1 / -1 !important;
  background: #f8fafc !important;
  border: 1px dashed #d8def1 !important;
  border-radius: 20px !important;
  color: #6d7699 !important;
  padding: 36px 24px !important;
  font-size: 15px !important;
}

body[data-page-subtitle="方法论"] .method-modal-mask {
  background: rgba(244, 246, 253, 0.82) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  /* 弹窗高于视口时，在遮罩上滚动，避免底部生成结果被裁切 */
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 24px 16px 40px !important;
}

body[data-page-subtitle="方法论"] .method-modal {
  background: #ffffff !important;
  border: 1px solid rgba(232, 236, 244, 0.98) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 22px 24px 24px !important;
  position: relative !important;
  flex: 0 1 auto !important;
  width: min(560px, 100%) !important;
  max-width: 100% !important;
  max-height: min(90vh, 920px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body[data-page-subtitle="方法论"] .method-modal::before {
  display: none !important;
  content: none !important;
}

body[data-page-subtitle="方法论"] .method-modal-head {
  margin-bottom: 18px !important;
  padding-top: 0 !important;
}

body[data-page-subtitle="方法论"] .method-modal-head h3 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1a1f36 !important;
}

body[data-page-subtitle="方法论"] .method-label {
  color: #6d7699 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

body[data-page-subtitle="方法论"] .modal-close {
  border: 1px solid var(--line) !important;
  background: #f7f8ff !important;
  color: #55608a !important;
  border-radius: 12px !important;
  width: 36px !important;
  height: 36px !important;
}

body[data-page-subtitle="方法论"] .method-form {
  gap: 16px !important;
}

body[data-page-subtitle="方法论"] .method-input,
body[data-page-subtitle="方法论"] .method-textarea {
  background: #ffffff !important;
  border: 1px solid var(--line-strong) !important;
  color: #2f3858 !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  box-shadow: 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
}

body[data-page-subtitle="方法论"] .method-input:focus,
body[data-page-subtitle="方法论"] .method-textarea:focus {
  border-color: rgba(124, 58, 237, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12), 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap .method-select {
  background-color: #ffffff !important;
  border: 1px solid var(--line-strong) !important;
  color: #2f3858 !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  box-shadow: 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c3aed' d='M2.5 4.2 6 7.7 9.5 4.2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 12px !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap .method-select:hover {
  border-color: #c4b5fd !important;
  background-color: #faf8ff !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap .method-select:focus {
  border-color: rgba(124, 58, 237, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14), 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
  background-color: #ffffff !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap .method-select:invalid {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="方法论"] .method-field--industry {
  padding: 14px 14px 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(124, 58, 237, 0.14) !important;
  background: linear-gradient(145deg, #faf8ff 0%, #f5f3ff 48%, #ffffff 100%) !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.06) !important;
}

body[data-page-subtitle="方法论"] .method-field--industry .method-label {
  color: #5b4b8a !important;
  margin-bottom: 8px !important;
}

body[data-page-subtitle="方法论"] .method-row--selects {
  gap: 14px !important;
}

body[data-page-subtitle="方法论"] .method-field--select .method-label {
  color: #5b4b8a !important;
  margin-bottom: 8px !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap--pill .method-select--pill {
  min-height: 46px !important;
  padding: 11px 44px 11px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(124, 58, 237, 0.2) !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1e1b4b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap--pill .method-select--pill:hover {
  border-color: rgba(124, 58, 237, 0.38) !important;
  background-color: #faf8ff !important;
}

body[data-page-subtitle="方法论"] .method-select-wrap--pill .method-select--pill:focus,
body[data-page-subtitle="方法论"] .method-select-wrap--pill .method-select--pill:focus-visible {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14), 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
  background-color: #ffffff !important;
  outline: none !important;
}

body[data-page-subtitle="方法论"] .method-custom-select-option.is-active {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  color: #ffffff !important;
}

body[data-page-subtitle="方法论"] .method-custom-select-panel {
  z-index: 10050 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(124, 58, 237, 0.2) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(124, 58, 237, 0.16), 0 6px 18px rgba(23, 27, 55, 0.08) !important;
}

body[data-page-subtitle="方法论"] .method-input--industry {
  min-height: 50px !important;
  padding: 12px 14px 12px 52px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-color: rgba(124, 58, 237, 0.22) !important;
  color: #1e1b4b !important;
}

body[data-page-subtitle="方法论"] .method-input--industry::placeholder {
  color: #9aa3c7 !important;
  font-weight: 500 !important;
}

body[data-page-subtitle="方法论"] .method-textarea {
  min-height: 88px !important;
  line-height: 1.55 !important;
}

body[data-page-subtitle="方法论"] .method-input::placeholder,
body[data-page-subtitle="方法论"] .method-textarea::placeholder {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="方法论"] .method-submit {
  border: none !important;
  border-radius: var(--radius-pill) !important;
  min-height: 48px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 52%, #7c3aed 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.32), 0 2px 8px rgba(124, 58, 237, 0.18) !important;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out) !important;
}

body[data-page-subtitle="方法论"] .method-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(124, 58, 237, 0.38), 0 4px 12px rgba(124, 58, 237, 0.2) !important;
}

body[data-page-subtitle="方法论"] .method-submit:disabled {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

body[data-page-subtitle="方法论"] .method-toolbar {
  margin: 0 0 18px !important;
}

body[data-page-subtitle="方法论"] .method-toolbar-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 4px !important;
}

body[data-page-subtitle="方法论"] .method-search-wrap {
  position: relative !important;
  flex: 1 1 260px !important;
  min-width: 200px !important;
  max-width: 420px !important;
}

body[data-page-subtitle="方法论"] .method-search-ico {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
}

body[data-page-subtitle="方法论"] .method-search {
  width: 100% !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius-pill) !important;
  background: #ffffff !important;
  color: #2f3858 !important;
  padding: 11px 14px 11px 40px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  box-shadow: 0 1px 2px rgba(23, 27, 55, 0.04) inset !important;
}

body[data-page-subtitle="方法论"] .method-search::placeholder {
  color: #9aa3c7 !important;
}

body[data-page-subtitle="方法论"] .method-search:focus {
  outline: none !important;
  border-color: rgba(124, 58, 237, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
}

body[data-page-subtitle="方法论"] .method-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-page-subtitle="方法论"] .method-card-head-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body[data-page-subtitle="方法论"] .method-card-head-left h3 {
  margin: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body[data-page-subtitle="方法论"] .method-card-num {
  flex: 0 0 auto !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--primary-deep) !important;
  background: var(--primary-soft) !important;
  border: 1px solid rgba(124, 58, 237, 0.28) !important;
}

body[data-page-subtitle="方法论"] .method-card.is-fav .method-card-num {
  background: #fffbeb !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
  color: #b45309 !important;
}

body[data-page-subtitle="方法论"] .method-card-actions {
  display: inline-flex !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

body[data-page-subtitle="方法论"] .method-ico-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  border: 1px solid var(--line) !important;
  background: #f7f8ff !important;
  color: #55608a !important;
  cursor: pointer !important;
  font-size: 15px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s var(--ease-out), border-color 0.2s var(--ease-out) !important;
}

body[data-page-subtitle="方法论"] .method-ico-btn:hover {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
}

body[data-page-subtitle="方法论"] .method-ico-btn.is-on {
  background: #fffbeb !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
  color: #b45309 !important;
}

body[data-page-subtitle="方法论"] .method-corebox {
  border-radius: 14px !important;
  padding: 12px 14px 14px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border: 1px solid rgba(124, 58, 237, 0.14) !important;
}

body[data-page-subtitle="方法论"] .method-core-h {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #6d28d9 !important;
  margin-bottom: 6px !important;
}

body[data-page-subtitle="方法论"] .method-core-body {
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #4b567d !important;
}

body[data-page-subtitle="方法论"] .method-formula-flow {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
  margin-top: 10px !important;
}

body[data-page-subtitle="方法论"] .method-flow-step {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 10px !important;
  border-radius: var(--radius-pill) !important;
  background: #ffffff !important;
  border: 1px solid #d5dcfa !important;
  color: #4b5180 !important;
}

body[data-page-subtitle="方法论"] .method-flow-arrow {
  font-size: 12px !important;
  color: #9aa3c7 !important;
  font-weight: 700 !important;
}

body[data-page-subtitle="方法论"] .method-card-foot {
  margin-top: 10px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 !important;
  border: 0 !important;
  border-top: 1px dashed rgba(219, 225, 243, 0.95) !important;
  background: transparent !important;
  cursor: pointer !important;
  font: inherit !important;
  text-align: left !important;
  color: var(--primary-deep) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="方法论"] .method-card-foot:hover {
  color: #7c3aed !important;
}

body[data-page-subtitle="方法论"] .method-foot-left {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body[data-page-subtitle="方法论"] .method-chev {
  font-size: 11px !important;
  color: #9aa3c7 !important;
  transition: transform 0.22s var(--ease-out) !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: -2px !important;
}

body[data-page-subtitle="方法论"] .method-card.is-expanded .method-chev {
  transform: rotate(180deg) !important;
}

body[data-page-subtitle="方法论"] .method-card-expand {
  margin-top: 10px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  background: #fafbff !important;
  border: 1px solid #e8ecf7 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #5d6488 !important;
}

body[data-page-subtitle="方法论"] .method-formula-banner {
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: linear-gradient(135deg, #f1f5f9 0%, #e0f2fe 100%) !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
  color: #134e4a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

body[data-page-subtitle="方法论"] .method-formula-banner .method-banner-k {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  color: #6d28d9 !important;
  margin-bottom: 6px !important;
}

body[data-page-subtitle="方法论"] .method-result-panel {
  border-radius: 14px !important;
  border: 1px solid var(--line-strong) !important;
  background: #fafbff !important;
  padding: 12px !important;
}

body[data-page-subtitle="方法论"] .method-var-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

body[data-page-subtitle="方法论"] .method-var-tab {
  border: 1px solid var(--line) !important;
  background: #ffffff !important;
  color: #55608a !important;
  border-radius: var(--radius-pill) !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

body[data-page-subtitle="方法论"] .method-var-tab.active {
  border-color: rgba(124, 58, 237, 0.38) !important;
  background: var(--primary-soft) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="方法论"] .method-var-pane {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #2f3858 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  min-height: 72px !important;
  max-height: 220px !important;
  overflow: auto !important;
}

body[data-page-subtitle="方法论"] .method-result-copy {
  border: 1px solid var(--line-strong) !important;
  background: #ffffff !important;
  color: #55608a !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

body[data-page-subtitle="方法论"] .method-result-copy:hover {
  border-color: rgba(124, 58, 237, 0.35) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="方法论"] textarea.method-result {
  min-height: 180px !important;
  max-height: min(42vh, 380px) !important;
  overflow-y: auto !important;
  resize: vertical !important;
}

@media (max-width: 720px) {
  body[data-page-subtitle="方法论"] .grid {
    grid-template-columns: 1fr !important;
  }
}

/* ========== AI视讯中枢 /video-hub/：仪表盘级质感 ========== */
body[data-page-subtitle="AI视讯中枢"] {
  background: transparent !important;
  color: var(--text) !important;
}

body[data-page-subtitle="AI视讯中枢"] main.container {
  padding-top: 12px !important;
  padding-bottom: 44px !important;
}

body[data-page-subtitle="AI视讯中枢"] .main-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  padding: 26px 26px 32px !important;
  margin: 20px auto 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcff 55%, #fafbff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.98) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top) !important;
}

body[data-page-subtitle="AI视讯中枢"] .main-card::before {
  display: none !important;
  content: none !important;
}

body[data-page-subtitle="AI视讯中枢"] .imgtext-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 22px;
  padding-bottom: 4px;
}

body[data-page-subtitle="AI视讯中枢"] .imgtext-page-title {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #1a1f36 !important;
  line-height: 1.2;
}

body[data-page-subtitle="AI视讯中枢"] .imgtext-page-lead {
  margin: 6px 0 0;
  font-size: 14px;
  color: var(--muted) !important;
  font-weight: 500;
  max-width: 520px;
  line-height: 1.55;
}

body[data-page-subtitle="AI视讯中枢"] .vh-main-tabs {
  margin-bottom: 20px !important;
}

body[data-page-subtitle="AI视讯中枢"] #composer.poster-box {
  border-radius: 20px !important;
  padding: 22px 22px 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f9f9ff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  margin-bottom: 18px !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-top {
  grid-template-columns: 56px 1fr !important;
  align-items: center !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-add {
  width: 56px !important;
  height: 56px !important;
  border: 1px dashed rgba(124, 58, 237, 0.35) !important;
  background: linear-gradient(145deg, #f5f4ff 0%, #eef0ff 100%) !important;
  color: #5b5f8a !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.08) !important;
}

body[data-page-subtitle="AI图文工具"] .poster-top .poster-input,
body[data-page-subtitle="AI视讯中枢"] .poster-top .poster-input {
  height: 56px !important;
  min-height: 56px !important;
  max-height: none !important;
  border-radius: 999px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 56px !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  resize: none !important;
  border: 1px solid var(--line-strong) !important;
  background: #ffffff !important;
  color: #2f3858 !important;
  box-shadow: 0 1px 3px rgba(23, 27, 55, 0.04) inset !important;
}

body[data-page-subtitle="AI图文工具"] .poster-top .poster-input::placeholder,
body[data-page-subtitle="AI视讯中枢"] .poster-top .poster-input::placeholder {
  color: #9aa3c7 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

body[data-page-subtitle="AI图文工具"] .poster-top .poster-input:focus,
body[data-page-subtitle="AI视讯中枢"] .poster-top .poster-input:focus {
  border-color: rgba(124, 58, 237, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
  outline: none !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-file-item {
  background: #fafbff !important;
  border-color: var(--line) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-file-item .name {
  color: #5d6488 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-ref-hint-inner {
  background: linear-gradient(145deg, #eef0ff 0%, #e8ecff 100%) !important;
  color: #5d6488 !important;
}

body[data-page-subtitle="AI视讯中枢"] .clear-btn {
  border: 1px solid var(--line) !important;
  background: #f7f8ff !important;
  color: #5d6488 !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="AI视讯中枢"] .clear-btn:hover {
  color: var(--primary-deep) !important;
  border-color: #ddd6fe !important;
  background: var(--primary-soft) !important;
}

body[data-page-subtitle="AI视讯中枢"] .price-hint {
  color: #7d87ad !important;
  font-weight: 500 !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-generate {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: none !important;
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-radius: var(--radius-pill) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 48%, #7c3aed 100%) !important;
  background-clip: padding-box !important;
  color: #ffffff !important;
  height: 40px !important;
  padding: 0 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.35), 0 2px 8px rgba(124, 58, 237, 0.2) !important;
  overflow: hidden !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-generate:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(124, 58, 237, 0.42), 0 4px 12px rgba(124, 58, 237, 0.22) !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-select {
  background: #ffffff !important;
  border: 1px solid var(--line-strong) !important;
  color: #2f3858 !important;
  border-radius: 12px !important;
  height: 34px !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-generating-bar {
  border: 1px solid rgba(255, 200, 140, 0.5) !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff4eb 100%) !important;
  color: #6b4f38 !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  box-shadow: var(--shadow-md) !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-gen-text {
  color: #5a4030 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-gen-hint {
  color: #8a7562 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-gen-spinner {
  border-color: rgba(124, 58, 237, 0.22) !important;
  border-top-color: #8b5cf6 !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-tool-box {
  border-radius: 20px !important;
  padding: 20px 20px 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  margin-top: 8px !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-tool-box-title {
  color: #1a1f36 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-thumb {
  height: 108px !important;
  background: linear-gradient(145deg, #e8ecff 0%, #dfe7ff 55%, #d4dcf8 100%) !important;
  overflow: hidden !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-thumb-cover,
body[data-page-subtitle="AI视讯中枢"] .vh-thumb-video {
  object-fit: cover !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-thumb-play {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  color: #5b21b6 !important;
}

body[data-page-subtitle="AI视讯中枢"] .case-card {
  background: #ffffff !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="AI视讯中枢"] .case-card:hover {
  border-color: rgba(124, 58, 237, 0.25) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-3px) !important;
}

body[data-page-subtitle="AI视讯中枢"] .case-tag {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(232, 236, 244, 0.95) !important;
  color: #2f3858 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-card-meta {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f6f7fc 100%) !important;
  color: #5d6488 !important;
  font-weight: 500 !important;
  padding: 10px 12px !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-modal-overlay {
  background: rgba(244, 246, 253, 0.82) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-modal {
  background: #ffffff !important;
  border: 1px solid rgba(232, 236, 244, 0.98) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-lg) !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-modal-meta {
  color: #5d6488 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-modal-actions a {
  background: #f7f8ff !important;
  border: 1px solid var(--line) !important;
  color: var(--primary-deep) !important;
  border-radius: 12px !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-param-panel {
  background: #ffffff !important;
  border: 1px solid rgba(232, 236, 244, 0.98) !important;
  box-shadow: var(--shadow-lg) !important;
  color: #2f3858 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-param-panel-title {
  color: #1f2740 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-param-row select {
  background: #f7f8ff !important;
  border: 1px solid var(--line) !important;
  color: #2f3858 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-param-hint {
  color: #5d6488 !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-param-actions button {
  background: #f7f8ff !important;
  border: 1px solid var(--line) !important;
  color: var(--primary-deep) !important;
}

body[data-page-subtitle="AI视讯中枢"] .vh-param-actions button.primary {
  border-color: rgba(56, 109, 255, 0.45) !important;
  background: linear-gradient(120deg, #386dff, #5c87ff) !important;
  color: #fff !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-asset-card .poster-asset-title {
  color: #0f172a !important;
}

body[data-page-subtitle="AI视讯中枢"] .poster-asset-card .poster-asset-prompt {
  color: #374151 !important;
}

/* ========== 全站视觉增强（页内正文链接、页脚、流程布局） ========== */
/* 正文链接下划线：排除按钮式链接，避免 bottom 边框被置透明导致四边不闭合 */
main a:not(.btn):not(.brand):not(.user-link):not(.logout-btn):not(.menu-toggle):not(.tl-detail-gen-copy):not([class*="flow-jump-link"]):not([class*="-btn-"]):not([class*="btn-"]):not(.tool-card-action):not(.submenu-card):not(.landing-gate) {
  color: #5a52d4 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

main a:not(.btn):not(.brand):not(.user-link):not(.logout-btn):not(.menu-toggle):not(.tl-detail-gen-copy):not([class*="flow-jump-link"]):not([class*="-btn-"]):not([class*="btn-"]):not(.tool-card-action):not(.submenu-card):not(.landing-gate):hover {
  color: #4338ca !important;
  border-bottom-color: rgba(90, 82, 212, 0.35) !important;
}

/* 按钮式链接/控件：保持四边闭合边框 */
main a[class*="flow-jump-link"],
main a[class*="-btn-"],
main a[class*="btn-"]:not(.auth-check),
main a.tool-card-action,
main a.submenu-card,
main a.landing-gate,
main .btn,
main button:not(.menu-toggle):not(.logout-btn):not(.poster-generate):not(.acw-gen-btn):not(.method-submit):not(.poster-tool-btn):not(.tl-gen-main):not(.pc-btn-primary):not(.tool-card-action):not(.poster-qty-option):not(.poster-lang-option),
main input[type="submit"],
main input[type="button"],
main input[type="reset"],
main [class*="-btn-primary"],
main [class*="-btn-secondary"],
main [class*="btn-analyze"],
main [class*="btn-secondary-lite"],
main [class*="page-btn"],
main [class*="submit-btn"] {
  border-bottom-style: solid !important;
  text-decoration: none !important;
}

footer {
  border-top: 1px solid var(--line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, #ffffff 40%, #fafbff 100%) !important;
  box-shadow: 0 -8px 32px rgba(32, 37, 76, 0.04) !important;
}

.foot-wrap {
  color: var(--muted) !important;
}

body[data-page-subtitle="超级IP孵化"] .main-wrap {
  display: block !important;
  gap: 0 !important;
}

body[data-page-subtitle="超级IP孵化"] .left-panel,
body[data-page-subtitle="超级IP孵化"] .right-head {
  display: none !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .panel,
body[data-page-subtitle="超级IP孵化"] .flow-main .panel:has(.ipp-page) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-page {
  --ipp-ink: #0f172a;
  --ipp-sub: #334155;
  --ipp-line: rgba(91, 33, 182, 0.22);
  --ipp-mint: #0d5c54;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-title,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-step-title {
  color: #0f172a !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-banner-label,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-meta {
  color: #1e293b !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-meta strong,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-pct {
  color: #0d5c54 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-banner[data-state="empty"] .ipp-progress-banner-label,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-banner[data-state="empty"] .ipp-progress-meta strong,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-banner[data-state="empty"] .ipp-progress-hint {
  color: #b45309 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-banner[data-state="busy"] .ipp-progress-banner-label,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-progress-banner[data-state="busy"] .ipp-progress-hint {
  color: #6d28d9 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-step-summary,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-step-detail,
body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-foot-hint {
  color: #334155 !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-step-summary strong {
  color: #0f172a !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-muted {
  color: #64748b !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-step {
  background: transparent !important;
  border-color: rgba(91, 33, 182, 0.2) !important;
  box-shadow: none !important;
}

body[data-page-subtitle="超级IP孵化"] .flow-main .ipp-step-toggle {
  color: #0d5c54 !important;
}

body[data-page-subtitle="超级IP孵化"] .left-panel,
body[data-page-subtitle="超级IP孵化"] .right-panel {
  border-radius: var(--radius-panel) !important;
}

/* 大弹窗/全屏层：悬停时不位移，避免视觉跳动 */
.poster-modal:hover,
.method-modal:hover,
.users-modal:hover,
.vh-modal:hover {
  transform: none !important;
}

/* ========== 登录页：与仪表盘统一（修正全局 .btn !important 把登录主按钮洗成白底的问题） ========== */
body[data-page-subtitle="登录"] .wrap {
  padding-top: 56px !important;
}

body[data-page-subtitle="登录"] .auth-home-link {
  border: 1px solid #e4e8f5 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #5b648f !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 20px rgba(32, 37, 76, 0.08) !important;
}

body[data-page-subtitle="登录"] .auth-home-link:hover {
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
  background: #fff !important;
}

body[data-page-subtitle="登录"] #mainCard.card {
  border-radius: var(--radius-panel) !important;
  box-shadow: var(--shadow-lg) !important;
  border: 1px solid var(--line) !important;
  padding: 28px 26px !important;
}

body[data-page-subtitle="登录"] .tabs {
  gap: 10px !important;
  margin-bottom: 22px !important;
}

body[data-page-subtitle="登录"] .tab {
  border: 1px solid #e4e8f5 !important;
  background: #f7f8ff !important;
  color: #5d6488 !important;
  border-radius: 12px !important;
}

body[data-page-subtitle="登录"] .tab.active {
  border-color: #ddd6fe !important;
  background: var(--primary-soft) !important;
  color: #6d28d9 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

body[data-page-subtitle="登录"] #mainCard #loginModeBlock .panel {
  padding: 22px 18px 18px !important;
  box-sizing: border-box !important;
}

body[data-page-subtitle="登录"] #mainCard label {
  color: #5c6788 !important;
  font-weight: 600 !important;
}

body[data-page-subtitle="登录"] .sub {
  color: #6f7aa8 !important;
  margin-bottom: 22px !important;
}

body[data-page-subtitle="登录"] #mainCard input:not([type="checkbox"]) {
  min-height: 48px !important;
  padding: 13px 18px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  background: #f5f7fc !important;
  border: 1px solid #c5cedd !important;
  color: #2f3858 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    inset 0 2px 4px rgba(255, 255, 255, 0.45),
    0 1px 2px rgba(23, 27, 55, 0.05) !important;
}

body[data-page-subtitle="登录"] #mainCard input::placeholder {
  color: #8b95b0 !important;
  letter-spacing: 0.02em;
}

body[data-page-subtitle="登录"] #mainCard input:focus {
  background: #ffffff !important;
  border-color: rgba(124, 58, 237, 0.5) !important;
  box-shadow:
    0 0 0 3px rgba(124, 58, 237, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.9),
    inset 0 1px 3px rgba(23, 27, 55, 0.04) !important;
}

body[data-page-subtitle="登录"] #mainCard .captcha-line {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body[data-page-subtitle="登录"] #mainCard .captcha-line .captcha-input-slot {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-self: center !important;
}

body[data-page-subtitle="登录"] #mainCard .captcha-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

body[data-page-subtitle="登录"] #mainCard button.btn {
  margin-top: 22px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important;
  border: 1px solid rgba(124, 58, 237, 0.55) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

body[data-page-subtitle="登录"] #mainCard button.btn:hover {
  filter: brightness(1.04) !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  transform: translateY(-1px) !important;
}

body[data-page-subtitle="登录"] #mainCard .btn-code {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  background: #f5f7fc !important;
  border: 1px solid #c5cedd !important;
  color: var(--primary-deep) !important;
  font-weight: 600 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    inset 0 2px 4px rgba(255, 255, 255, 0.4),
    0 1px 2px rgba(23, 27, 55, 0.05) !important;
}

body[data-page-subtitle="登录"] #mainCard .captcha-img {
  height: 48px !important;
  min-width: 136px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5f7fc !important;
  border: 1px solid #c5cedd !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    inset 0 2px 4px rgba(255, 255, 255, 0.4),
    0 1px 2px rgba(23, 27, 55, 0.05) !important;
}

body[data-page-subtitle="登录"] #mainCard .captcha-img svg {
  display: block !important;
  height: 48px !important;
  width: auto !important;
  max-width: 100% !important;
}

body[data-page-subtitle="登录"] #mainCard .field.row {
  align-items: end !important;
}

body[data-page-subtitle="登录"] #mainCard .field.row .btn-code {
  margin-bottom: 0 !important;
}

@media (max-width: 420px) {
  body[data-page-subtitle="登录"] #mainCard .captcha-line {
    flex-wrap: wrap !important;
  }

  body[data-page-subtitle="登录"] #mainCard .captcha-right {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

body[data-page-subtitle="登录"] #mainCard .link-refresh,
body[data-page-subtitle="登录"] #mainCard .link-forgot {
  color: #8b5cf6 !important;
}

body[data-page-subtitle="登录"] .title-mecha .site-title-text {
  background: linear-gradient(135deg, #3d3480 0%, #6c63ff 55%, #5b9bd5 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: none !important;
  letter-spacing: 0.08em !important;
}

body[data-page-subtitle="登录"] .options-row {
  color: #6f7aa8 !important;
}

body[data-page-subtitle="登录"] .register-hint {
  color: #6f7aa8 !important;
}

body[data-page-subtitle="登录"] .link-inline {
  color: #6c63ff !important;
}

body[data-page-subtitle="登录"] .qr-wrap {
  background: #f8f9ff !important;
  border: 1px dashed #d8def1 !important;
}

body[data-page-subtitle="登录"] footer.foot a {
  color: #6c63ff !important;
}

body[data-page-subtitle="登录"] .foot-copy {
  border-top-color: #e4e8f5 !important;
  color: #8b93b5 !important;
}

body[data-page-subtitle="登录"] .foot-copy > div,
body[data-page-subtitle="登录"] .foot-copy > div + div {
  color: inherit !important;
}

body[data-page-subtitle="登录"] .msg.ok {
  border: 1px solid #b8e9d2 !important;
  color: #166534 !important;
  background: #f8fafc !important;
}

body[data-page-subtitle="登录"] .msg.err {
  border: 1px solid #fecaca !important;
  color: #b91c1c !important;
  background: #fef2f2 !important;
}

body[data-page-subtitle="登录"] .modal-overlay {
  background: rgba(28, 33, 77, 0.38) !important;
}

body[data-page-subtitle="登录"] .modal-box {
  background: #fff !important;
  border: 1px solid #e6eaf7 !important;
  box-shadow: var(--shadow-lg) !important;
}

body[data-page-subtitle="登录"] .modal-head {
  color: #2f3858 !important;
  border-bottom-color: #e7ebf8 !important;
}

body[data-page-subtitle="登录"] .modal-body {
  color: #5d6488 !important;
}

body[data-page-subtitle="登录"] .modal-close {
  color: #8b93b5 !important;
}

body[data-page-subtitle="登录"] .link-back {
  color: #8b93b5 !important;
}

body[data-page-subtitle="登录"] .field {
  margin-top: 16px !important;
}

body[data-page-subtitle="登录"] .field:first-of-type {
  margin-top: 0 !important;
}

body[data-page-subtitle="登录"] #mainCard h2.title {
  color: #2f3858 !important;
}

body[data-page-subtitle="登录"] footer.foot .sep {
  color: #c8cee8 !important;
}

/* ========== 首页 · 顺流流程六宫格（WORKFLOW）：浅色高级质感，覆盖 index 内联深色 ========== */
body[data-page-subtitle="首页"] #workflow .sec-head h2.en {
  color: rgba(124, 58, 237, 0.42) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

body[data-page-subtitle="首页"] #workflow .sec-head p {
  color: #6f7aa8 !important;
  font-weight: 500 !important;
}

body[data-page-subtitle="首页"] #workflow .steps {
  gap: 14px !important;
}

body[data-page-subtitle="首页"] #workflow .step {
  background: linear-gradient(165deg, #ffffff 0%, #f6f8fc 48%, #eef2f9 100%) !important;
  border: 1px solid rgba(226, 232, 242, 0.98) !important;
  border-radius: 18px !important;
  padding: 24px 16px 20px !important;
  box-shadow:
    0 12px 36px rgba(37, 44, 97, 0.07),
    0 4px 12px rgba(37, 44, 97, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  transition: transform 0.28s var(--ease-out), box-shadow 0.28s var(--ease-out), border-color 0.28s var(--ease-out) !important;
}

body[data-page-subtitle="首页"] #workflow .step:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(124, 58, 237, 0.28) !important;
  box-shadow:
    0 22px 52px rgba(37, 44, 97, 0.1),
    0 10px 28px rgba(124, 58, 237, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

body[data-page-subtitle="首页"] #workflow .step .no {
  color: transparent !important;
  background: linear-gradient(125deg, #5b52d9 0%, #7c6bff 40%, #22b8cf 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: drop-shadow(0 2px 10px rgba(91, 82, 217, 0.22));
  font-weight: 800 !important;
  font-size: 22px !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.06em !important;
}

body[data-page-subtitle="首页"] #workflow .step b {
  color: #171b2e !important;
  font-weight: 700 !important;
}

body[data-page-subtitle="首页"] #workflow .step span {
  color: #7b849d !important;
}

/* ========== 首页 Hero · 系统在线胶囊徽章（sys-badge）========== */
body[data-page-subtitle="首页"] .hero .sys-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 15px 32px 15px 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #3d4754 0%, #2f363e 38%, #252b32 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -3px 8px rgba(0, 0, 0, 0.38),
    0 12px 32px rgba(23, 27, 55, 0.12),
    0 2px 10px rgba(0, 0, 0, 0.12) !important;
  color: #a8e8f5 !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  margin-bottom: 26px !important;
}

body[data-page-subtitle="首页"] .hero .sys-badge .en {
  color: #d2f7ff !important;
  font-weight: 600 !important;
  text-shadow: 0 0 20px rgba(120, 230, 255, 0.25);
}

body[data-page-subtitle="首页"] .hero .sys-badge .dot {
  width: 9px !important;
  height: 9px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 32% 28%, #f0ffff 0%, #22d3ee 45%, #0e7490 100%) !important;
  box-shadow:
    0 0 0 2px rgba(34, 211, 238, 0.35),
    0 0 18px rgba(34, 211, 238, 0.9),
    0 0 36px rgba(34, 211, 238, 0.38) !important;
}

/* ========== 首页 · 功能分区标题（市场洞察 / 变现设计 / 内容创作 等）========== */
body[data-page-subtitle="首页"] .group-title {
  color: #1a1f36 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

body[data-page-subtitle="首页"] .group-title .dot-icon {
  color: #6d28d9 !important;
  filter: none !important;
}

body[data-page-subtitle="首页"] .group-title .dot-icon svg {
  stroke: currentColor !important;
}

/* Seedance 演示间主题行（如「视频延长」「无缝连贯叙事」）：浅色页须用深色字，勿沿用深色稿上的浅字 */
body[data-page-subtitle="首页"] .seedance-mm-theme .mm-line {
  color: #141826 !important;
  letter-spacing: -0.02em !important;
}

body[data-page-subtitle="首页"] .seedance-mm-theme .mm-sub {
  color: #5d6488 !important;
  font-weight: 600 !important;
}

/* ========== 爆款选题：强制浅色薄荷绿（压全局 .panel / 原生 button 外观） ========== */
body[data-page-subtitle="爆款选题"] .panel:has(.tl-page),
body[data-page-subtitle="爆款选题"] section.panel {
  background: linear-gradient(180deg, #ffffff 0%, #fafefd 100%) !important;
  border: 1px solid rgba(46, 170, 155, 0.16) !important;
  color: #0f1720 !important;
}

body[data-page-subtitle="爆款选题"] .tl-page {
  color: #0f1720 !important;
}

body[data-page-subtitle="爆款选题"] .tl-upload-card {
  background: linear-gradient(180deg, #fafefd 0%, #f4fbf9 100%) !important;
  border: 1px dashed rgba(91, 33, 182, 0.22) !important;
  color: #0f1720 !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="爆款选题"] .tl-upload-card strong {
  color: #0f1720 !important;
}

body[data-page-subtitle="爆款选题"] .tl-upload-card p {
  color: #64748b !important;
}

body[data-page-subtitle="爆款选题"] .tl-upload-pill {
  background: #f8fafc !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] button.tl-cat-card {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: linear-gradient(180deg, #fafefd 0%, #f4fbf9 100%) !important;
  border: 1px solid rgba(91, 33, 182, 0.12) !important;
  color: #0f1720 !important;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top) !important;
}

body[data-page-subtitle="爆款选题"] button.tl-cat-card:hover {
  border-color: rgba(139, 92, 246, 0.45) !important;
  filter: none !important;
}

body[data-page-subtitle="爆款选题"] button.tl-cat-card.active {
  background: linear-gradient(135deg, #f8fafc 0%, #ecfdf5 100%) !important;
  border-color: rgba(139, 92, 246, 0.55) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
  color: #0f1720 !important;
}

body[data-page-subtitle="爆款选题"] .tl-cat-title {
  color: #1e293b !important;
}

body[data-page-subtitle="爆款选题"] .tl-cat-desc {
  color: #64748b !important;
}

body[data-page-subtitle="爆款选题"] .tl-cat-count {
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] .tl-search-wrap {
  background: #f7fbfa !important;
  border: 1px solid rgba(91, 33, 182, 0.12) !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="爆款选题"] .tl-search-input {
  background: transparent !important;
  color: #0f1720 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-page-subtitle="爆款选题"] .tl-search-input::placeholder {
  color: #94a3b8 !important;
}

body[data-page-subtitle="爆款选题"] .tl-list-head {
  color: #1e293b !important;
}

body[data-page-subtitle="爆款选题"] .tl-muted {
  color: #64748b !important;
}

body[data-page-subtitle="爆款选题"] .tl-muted strong {
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] .tl-list {
  background: #fff !important;
  border: 1px solid rgba(91, 33, 182, 0.12) !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-page-subtitle="爆款选题"] .tl-row-wrap {
  border-bottom: 1px solid rgba(91, 33, 182, 0.08) !important;
}
body[data-page-subtitle="爆款选题"] .tl-row-wrap.expanded {
  background: rgba(248, 250, 252, 0.92) !important;
}
body[data-page-subtitle="爆款选题"] .tl-row {
  background: transparent !important;
  border-bottom: 0 !important;
}

body[data-page-subtitle="爆款选题"] .tl-row-title {
  color: #0f1720 !important;
}

body[data-page-subtitle="爆款选题"] .tl-row-meta {
  color: #64748b !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn {
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 1px 3px rgba(91, 33, 182, 0.1) !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn-copy {
  background: #ede9fe !important;
  border: 1px solid rgba(124, 58, 237, 0.45) !important;
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn-fav {
  background: #fff !important;
  border: 1px solid rgba(100, 116, 139, 0.35) !important;
  color: #94a3b8 !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn-fav.on {
  background: #fef9c3 !important;
  border-color: rgba(234, 179, 8, 0.5) !important;
  color: #ca8a04 !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn-copy:hover {
  border-color: rgba(139, 92, 246, 0.55) !important;
  color: #5b21b6 !important;
  background: #ddd6fe !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn-fav:hover {
  color: #ca8a04 !important;
  background: #fef9c3 !important;
  border-color: rgba(234, 179, 8, 0.45) !important;
}

body[data-page-subtitle="爆款选题"] .tl-ico-btn .tl-ico-svg {
  stroke: currentColor !important;
}

body[data-page-subtitle="爆款选题"] button.tl-gen-main {
  -webkit-appearance: none !important;
  appearance: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 55%, #7c3aed 100%) !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.26) !important;
}

body[data-page-subtitle="爆款选题"] a.tl-detail-gen-copy,
body[data-page-subtitle="爆款选题"] a.tl-detail-gen-copy:hover,
body[data-page-subtitle="爆款选题"] a.tl-detail-gen-copy:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

body[data-page-subtitle="爆款选题"] .tl-foot-hint {
  color: #94a3b8 !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-panel-inner {
  background: linear-gradient(180deg, #ffffff 0%, #faf8ff 100%) !important;
  color: #0f1720 !important;
  border: 1px solid rgba(139, 92, 246, 0.14) !important;
  box-shadow: 0 8px 28px rgba(91, 33, 182, 0.07) !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-tag {
  background: rgba(139, 92, 246, 0.08) !important;
  border: 1px solid rgba(139, 92, 246, 0.14) !important;
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-sec h4 {
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-sec p,
body[data-page-subtitle="爆款选题"] .tl-detail-dl dd,
body[data-page-subtitle="爆款选题"] .tl-detail-comment p {
  color: #334155 !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-shoot {
  background: #f8fafc !important;
  border: 1px solid rgba(91, 33, 182, 0.1) !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-dl dt {
  color: #64748b !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-comment {
  background: #f8fafc !important;
  border: 1px solid rgba(91, 33, 182, 0.08) !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-comment-user {
  color: #6d28d9 !important;
}

body[data-page-subtitle="爆款选题"] .tl-detail-foot {
  border-top-color: rgba(139, 92, 246, 0.1) !important;
}

body[data-page-subtitle="爆款选题"] .tl-row-wrap.expanded {
  background: linear-gradient(180deg, rgba(250, 248, 255, 0.95) 0%, rgba(248, 250, 252, 0.88) 100%) !important;
}

/* ========== AI智能文案生成 /ai-copywriting/：与流程页统一的 Hero ========== */
body[data-page-subtitle="AI智能文案生成"] {
  background: transparent !important;
  color: #17152f !important;
}

body[data-page-subtitle="AI智能文案生成"] .topbar .container,
body[data-page-subtitle="AI智能文案生成"] main.container.acw-page {
  width: 90% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

body[data-page-subtitle="AI智能文案生成"] .topbar .container {
  width: 90% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body[data-page-subtitle="AI智能文案生成"] main.container.acw-page,
  body[data-page-subtitle="AI智能文案生成"] .topbar .container {
    width: calc(100% - 32px) !important;
  }
}

body[data-page-subtitle="AI智能文案生成"] main.container.acw-page {
  padding-top: 12px;
  padding-bottom: 40px;
}

body[data-page-subtitle="AI智能文案生成"] .acw-back {
  color: #6f6b86 !important;
  font-weight: 600;
}

body[data-page-subtitle="AI智能文案生成"] .acw-back:hover {
  color: #6d28d9 !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-step-bar {
  margin-bottom: 18px !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-step-tag {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.22) !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-step-crumb {
  color: #272246 !important;
  font-weight: 800 !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-title {
  margin: 0 !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  color: #1a1f36 !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-title-ico {
  font-size: clamp(20px, 2.2vw, 26px) !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-desc {
  margin: 6px 0 0 !important;
  max-width: 860px !important;
  color: #6f6b86 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}

body[data-page-subtitle="AI智能文案生成"] .pkg-desc strong {
  color: #6d28d9 !important;
  font-weight: 700 !important;
}

body[data-page-subtitle="AI智能文案生成"] .acw-gen-btn,
body[data-page-subtitle="AI智能文案生成"] .acw-gen-btn:hover,
body[data-page-subtitle="AI智能文案生成"] .acw-gen-btn:disabled {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: none !important;
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  background-clip: padding-box !important;
  overflow: hidden !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* 深度对话页样式见 /deep-dialogue/deep-dialogue.css */