@layer home-cosmic {
/*
 * 星空观测台 · 首页专属主题
 * ------------------------------------------------------------------
 * 开关：<html data-theme="dark" data-home-skin="cosmic">
 * 仅在首页（body.page-home）生效，默认关闭；原夜间主题不受影响。
 * 后续可把这套样式提升为完整站点主题。
 */

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home {
  --night-ground: #04050b !important;
  --night-surface: #0e1424 !important;
  --night-raised: #141c34 !important;
  --night-inset: #050913 !important;
  --night-hover: #1a2440 !important;
  --night-line: rgba(136, 158, 255, .16) !important;
  --night-control-line: rgba(150, 175, 255, .30) !important;
  --night-ink: #edf1ff !important;
  --night-soft: #c2cbe7 !important;
  --night-muted: #8893b4 !important;
  --night-accent: #6fe3f5 !important;
  --night-accent-hover: #a9f4ff !important;
  --night-on-accent: #04060f !important;
  --night-accent-soft: rgba(111, 227, 245, .13) !important;
  --main-bg: #04050b !important;
  --main-surface: #0e1424 !important;
  --main-surface-soft: #141c34 !important;
  --text: #edf1ff !important;
  --text-main: #edf1ff !important;
  --text-soft: #c2cbe7 !important;
  --text-muted: #8893b4 !important;
  --ink: #edf1ff !important;
  --soft: #c2cbe7 !important;
  --muted: #8893b4 !important;
  --line: rgba(136, 158, 255, .16) !important;
  --line-strong: rgba(150, 175, 255, .30) !important;
  --primary: #6fe3f5 !important;
  --primary-dark: #9a8cff !important;
  --primary-light: #a9f4ff !important;
  --primary-hover: #a9f4ff !important;
  --primary-soft: rgba(111, 227, 245, .13) !important;
  --primary-glow: rgba(111, 227, 245, .22) !important;
  --shadow-card: 0 20px 50px -30px rgba(0, 0, 0, .9), 0 0 32px -14px rgba(100, 130, 255, .22) !important;
  --shadow: 0 26px 60px -32px rgba(0, 0, 0, .92) !important;
  --shadow-lg: 0 40px 90px -40px rgba(0, 0, 0, .95) !important;
  --sidebar-bg: #070a16 !important;
  --sidebar-surface: #0e1424 !important;
  --sidebar-border: rgba(136, 158, 255, .16) !important;
  --sidebar-text: #8893b4 !important;
  --sidebar-text-hover: #edf1ff !important;
  --sidebar-text-active: #a9f4ff !important;
  --sidebar-accent: #6fe3f5 !important;
  --sidebar-accent-glow: rgba(111, 227, 245, .12) !important;
  --cxai-ink: #edf1ff !important;
  --cxai-line: rgba(136, 158, 255, .16) !important;
  --cxai-surface: #0e1424 !important;
  --cxai-accent: #6fe3f5 !important;
  background: #04050b !important;
}

/* ── 原生外壳：把橙色点缀换成星青色 ────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-brand {
  border-color: rgba(136, 158, 255, .22) !important;
  background: linear-gradient(180deg, rgba(18, 26, 48, .94), rgba(8, 12, 24, .96)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .4), 0 1px 0 rgba(190, 210, 255, .08) inset !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-brand::after {
  background: linear-gradient(90deg, transparent, #6fe3f5 40%, #9a8cff 76%, transparent) !important;
  box-shadow: 0 0 8px rgba(111, 227, 245, .55), 0 2px 12px rgba(154, 140, 255, .3) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-brand-name {
  color: #edf1ff !important;
  text-shadow: 0 2px 8px rgba(111, 227, 245, .22) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-mark {
  border-color: rgba(150, 175, 255, .24) !important;
  background: linear-gradient(180deg, #111a33, #070c1a) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 1px 0 rgba(190, 210, 255, .1) inset !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-chevron {
  border: 1px solid rgba(111, 227, 245, .42) !important;
  background: #0e1424 !important;
  color: #a9f4ff !important;
  box-shadow: 0 0 12px rgba(111, 227, 245, .25) !important;
  animation: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-mark::after {
  border-color: rgba(111, 227, 245, .42) !important;
  background: #0e1424 !important;
  box-shadow: 0 0 12px rgba(111, 227, 245, .22) !important;
  animation: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-panel {
  border-color: rgba(136, 158, 255, .22) !important;
  background: linear-gradient(160deg, rgba(18, 25, 46, .95), rgba(7, 11, 22, .97)) !important;
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .95), 0 0 40px -18px rgba(100, 135, 255, .28) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-group {
  border-bottom-color: rgba(136, 158, 255, .12) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-group:nth-child(odd) {
  border-right-color: rgba(136, 158, 255, .12) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item:hover {
  border-color: rgba(111, 227, 245, .32) !important;
  background: rgba(111, 227, 245, .1) !important;
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item:hover > svg {
  color: #a9f4ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item:focus-visible {
  border-color: rgba(111, 227, 245, .45) !important;
  background: rgba(111, 227, 245, .1) !important;
  box-shadow: 0 0 0 2px rgba(111, 227, 245, .35) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item.is-active,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item[aria-current="page"] {
  border-color: rgba(111, 227, 245, .35) !important;
  background: rgba(111, 227, 245, .12) !important;
  color: #edf1ff !important;
  box-shadow: inset 2px 0 0 #6fe3f5 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item.is-active > svg,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-item[aria-current="page"] > svg {
  color: #a9f4ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-theme-group {
  border-color: rgba(111, 227, 245, .18) !important;
  background: rgba(111, 227, 245, .05) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-theme-group.is-open {
  border-color: rgba(111, 227, 245, .3) !important;
  background: rgba(111, 227, 245, .08) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-theme-current {
  background: rgba(111, 227, 245, .16) !important;
  color: #a9f4ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-user-zone {
  border-color: rgba(136, 158, 255, .16) !important;
  background: rgba(255, 255, 255, .028) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-user-avatar {
  border-color: rgba(111, 227, 245, .4) !important;
  background: rgba(111, 227, 245, .14) !important;
  color: #bff4ff !important;
  box-shadow: 0 0 0 3px rgba(111, 227, 245, .08) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-user-profile:focus-visible {
  box-shadow: 0 0 0 2px rgba(111, 227, 245, .5) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-user-actions a:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-user-actions a:focus-visible {
  color: #a9f4ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-toggle:hover .home-logo-nav-brand,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-toggle[aria-expanded="true"] .home-logo-nav-brand {
  border-color: rgba(111, 227, 245, .45) !important;
  background: linear-gradient(180deg, rgba(22, 32, 58, .96), rgba(9, 14, 28, .96)) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-toggle:hover .home-logo-nav-mark,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-logo-nav-toggle[aria-expanded="true"] .home-logo-nav-mark {
  border-color: rgba(111, 227, 245, .45) !important;
  background: linear-gradient(180deg, #14203d, #080d1c) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .task-notification-bell {
  border-color: rgba(136, 158, 255, .18) !important;
  background: rgba(12, 18, 34, .7) !important;
  color: #c2cbe7 !important;
  box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .9) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .task-notification-bell:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .task-notification-bell.has-unread {
  border-color: rgba(111, 227, 245, .4) !important;
  color: #eaf8ff !important;
  box-shadow: 0 0 22px -6px rgba(111, 227, 245, .45) !important;
}

/* ── 深空背景 ─────────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere {
  background:
    radial-gradient(1200px 700px at 16% -12%, rgba(38, 72, 190, .22), transparent 62%),
    radial-gradient(900px 640px at 88% -6%, rgba(104, 48, 168, .18), transparent 64%),
    radial-gradient(1000px 600px at 50% 118%, rgba(28, 104, 132, .14), transparent 68%),
    linear-gradient(180deg, #04050b 0%, #070a16 46%, #04050b 100%) !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere::before {
  opacity: .06 !important;
  filter: blur(18px) saturate(.4) hue-rotate(195deg) !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere-ambient {
  background:
    radial-gradient(ellipse at 24% 18%, rgba(58, 96, 224, .30), transparent 46%),
    radial-gradient(ellipse at 78% 54%, rgba(130, 62, 208, .22), transparent 48%),
    radial-gradient(ellipse at 48% 96%, rgba(36, 142, 178, .16), transparent 52%) !important;
  animation: home-cosmic-nebula 56s ease-in-out infinite alternate !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/assets/cosmos-stars-1.png");
  background-repeat: repeat;
  background-size: 1400px 1400px;
  opacity: .85;
  animation: home-cosmic-stars 140s linear infinite;
  pointer-events: none;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere-ambient::after {
  content: "";
  position: absolute;
  inset: -6%;
  background-image: url("/assets/cosmos-stars-2.png");
  background-repeat: repeat;
  background-size: 1400px 1400px;
  opacity: .45;
  animation: home-cosmic-twinkle 7s ease-in-out infinite alternate;
  pointer-events: none;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere-spotlight {
  background: radial-gradient(circle, rgba(140, 200, 255, .07) 0%, rgba(120, 170, 255, .035) 26%, rgba(120, 170, 255, .01) 52%, transparent 70%) !important;
}

@keyframes home-cosmic-nebula {
  from { transform: translate3d(-1%, -1%, 0) scale(1); opacity: .55; }
  to { transform: translate3d(2%, 2%, 0) scale(1.05); opacity: .9; }
}
@keyframes home-cosmic-stars {
  from { background-position: 0 0; }
  to { background-position: 1400px 700px; }
}
@keyframes home-cosmic-twinkle {
  from { opacity: .24; }
  to { opacity: .62; }
}

/* ── 页面骨架 ─────────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-dashboard {
  width: min(100%, 1180px) !important;
  gap: 18px !important;
  padding-top: 8px !important;
}

/* ── 精选轮播 ─────────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-hero-grid {
  position: relative;
  isolation: isolate;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit::before,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-7deg);
  border: 1px solid rgba(132, 162, 255, .18);
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit::before {
  width: 92%;
  height: 268px;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit::after {
  width: 74%;
  height: 214px;
  transform: translate(-50%, -50%) rotate(9deg);
  border-color: rgba(111, 227, 245, .10);
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-card {
  border: 1px solid rgba(160, 190, 255, .26) !important;
  border-radius: 18px !important;
  background: #080d1a !important;
  box-shadow: 0 30px 60px -34px rgba(0, 0, 0, .9), 0 0 40px -14px rgba(90, 120, 255, .24) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(150, 180, 255, .13), rgba(0, 0, 0, 0) 34%);
  box-shadow: inset 0 0 0 1px rgba(210, 225, 255, .16);
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-card[data-orbit-position="0"] {
  border-color: rgba(170, 205, 255, .46) !important;
  box-shadow: 0 46px 88px -36px rgba(0, 0, 0, .95), 0 0 64px -10px rgba(110, 145, 255, .5) !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-arrow {
  width: 38px !important;
  height: 46px !important;
  border: 1px solid rgba(136, 158, 255, .26) !important;
  border-radius: 13px !important;
  background: rgba(10, 15, 30, .74) !important;
  color: #c2cbe7 !important;
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .9) !important;
  backdrop-filter: blur(12px) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-arrow:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-arrow:focus-visible {
  border-color: rgba(111, 227, 245, .46) !important;
  color: #eaf8ff !important;
  box-shadow: 0 0 26px -8px rgba(111, 227, 245, .55) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-progress button {
  background: rgba(150, 170, 220, .28) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-progress button.is-active {
  background: linear-gradient(90deg, #6fe3f5, #9a8cff) !important;
  box-shadow: 0 0 14px rgba(120, 160, 255, .55) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-featured-orbit-progress button:focus-visible {
  outline: 2px solid #6fe3f5 !important;
}

/* 移动端的两个入口卡 */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-feature-card {
  border: 1px solid rgba(136, 158, 255, .18) !important;
  border-radius: 18px !important;
  background: linear-gradient(160deg, rgba(18, 25, 46, .62), rgba(7, 11, 22, .68)) !important;
  box-shadow: 0 20px 50px -30px rgba(0, 0, 0, .9) !important;
  backdrop-filter: blur(16px) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-feature-card:hover {
  border-color: rgba(140, 180, 255, .36) !important;
  box-shadow: 0 24px 54px -28px rgba(0, 0, 0, .9), 0 0 32px -14px rgba(100, 135, 255, .3) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-feature-card strong {
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-feature-card small,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-feature-kicker {
  color: #8893b4 !important;
}

/* ── AI 创作台 ────────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console {
  width: min(100%, 900px) !important;
  border: 1px solid rgba(136, 158, 255, .22) !important;
  border-radius: 26px !important;
  background: linear-gradient(160deg, rgba(22, 30, 56, .78), rgba(8, 12, 26, .86)) !important;
  box-shadow: 0 36px 80px -46px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(190, 210, 255, .07) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console::before {
  content: "";
  position: absolute;
  left: 32px;
  right: 32px;
  top: -1px;
  z-index: 2;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(111, 227, 245, 0), rgba(111, 227, 245, .5), rgba(154, 140, 255, .45), rgba(154, 140, 255, 0));
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-head {
  padding: 18px 22px 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-head h3 {
  color: #edf1ff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-head .sub {
  margin-top: 5px !important;
  color: #8893b4 !important;
  letter-spacing: .04em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-body {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-body::before,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-body::after {
  content: none !important;
  background: none !important;
  animation: none !important;
}

/* 模式切换 */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-mode-tabs {
  gap: 3px !important;
  padding: 4px !important;
  border: 1px solid rgba(136, 158, 255, .18) !important;
  border-radius: 999px !important;
  background: rgba(6, 10, 20, .72) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-mode-tabs button {
  min-height: 30px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #8893b4 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-mode-tabs button:hover {
  color: #edf1ff !important;
  background: rgba(20, 28, 50, .6) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-mode-tabs button.active {
  background: linear-gradient(120deg, rgba(111, 227, 245, .32), rgba(154, 140, 255, .34)) !important;
  color: #f6faff !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(170, 210, 255, .52), 0 0 24px -8px rgba(111, 227, 245, .7) !important;
}

/* 提示词输入区 */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-shell {
  border: 1px solid rgba(130, 155, 255, .14) !important;
  border-radius: 18px !important;
  background: rgba(4, 7, 15, .78) !important;
  box-shadow: inset 0 1px 0 rgba(190, 210, 255, .04) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-shell:focus-within {
  border-color: rgba(111, 227, 245, .4) !important;
  background: rgba(5, 9, 18, .9) !important;
  box-shadow: 0 0 0 4px rgba(111, 227, 245, .07), 0 0 34px -14px rgba(111, 227, 245, .4) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homePrompt {
  color: #edf1ff !important;
  caret-color: #6fe3f5 !important;
  background: transparent !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homePrompt::placeholder {
  color: #6f7b9c !important;
  opacity: 1 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-expand,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-polish {
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-expand:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-polish:hover {
  border-color: rgba(136, 158, 255, .18) !important;
  background: rgba(20, 28, 50, .7) !important;
  color: #eaf6ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console #homeGenerateButton.home-prompt-send {
  border: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(120deg, #6fe3f5 0%, #8fb8ff 46%, #9a8cff 100%) !important;
  color: #04060f !important;
  box-shadow: 0 12px 26px -10px rgba(110, 150, 255, .75), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console #homeGenerateButton.home-prompt-send:not(:disabled):hover {
  background: linear-gradient(120deg, #7feaff 0%, #9cc2ff 46%, #a99cff 100%) !important;
  box-shadow: 0 16px 30px -10px rgba(110, 150, 255, .85) !important;
  transform: translateY(-1px) scale(1.02) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console #homeGenerateButton.home-prompt-send:disabled {
  border: 1px solid rgba(136, 158, 255, .16) !important;
  background: rgba(20, 28, 50, .8) !important;
  color: #5e698a !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console #homeGenerateButton::before,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console #homeGenerateButton::after {
  content: none !important;
}

/* 工具栏 */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-file-tool {
  min-height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(111, 227, 245, .32) !important;
  border-radius: 999px !important;
  background: rgba(111, 227, 245, .10) !important;
  color: #9defff !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-file-tool:hover {
  background: rgba(111, 227, 245, .16) !important;
  border-color: rgba(111, 227, 245, .5) !important;
  box-shadow: 0 0 20px -6px rgba(111, 227, 245, .4) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-compact-tool-button,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homePromptPresetBtn,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homePolishBtn {
  min-height: 32px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(136, 158, 255, .18) !important;
  border-radius: 999px !important;
  background: rgba(13, 19, 36, .62) !important;
  color: #c2cbe7 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-compact-tool-button:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homePromptPresetBtn:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homePolishBtn:hover {
  border-color: rgba(150, 175, 255, .34) !important;
  background: rgba(20, 28, 50, .85) !important;
  color: #eaf6ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-tool-model-icon {
  background: linear-gradient(135deg, #6fe3f5, #9a8cff) !important;
  box-shadow: 0 0 12px -2px rgba(111, 227, 245, .55) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-cost-hint {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #8893b4 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-cost-hint strong,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-cost-hint b {
  color: #9defff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeInlineStatus.hint,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-prompt-resize-handle {
  color: #8893b4 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home :is(.home-tool-popover, .home-model-menu-option, .home-capability-group, .home-mode-picker-menu, .home-reference-bank) {
  border-color: rgba(136, 158, 255, .2) !important;
  background: #0c1220 !important;
  color: #edf1ff !important;
}

/* ── 创作工具 ────────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-strip {
  width: min(100%, 900px) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-section-title span {
  color: #7c89ac !important;
  letter-spacing: .3em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-section-title span::before {
  content: "✦";
  margin-right: 8px;
  color: #8fe8f6;
  letter-spacing: 0;
  text-shadow: 0 0 8px rgba(111, 227, 245, .7);
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-section-title strong {
  color: #edf1ff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card {
  min-height: 62px !important;
  border: 1px solid rgba(136, 158, 255, .18) !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, rgba(18, 25, 46, .62), rgba(7, 11, 22, .68)) !important;
  box-shadow: 0 16px 40px -28px rgba(0, 0, 0, .9) !important;
  backdrop-filter: blur(16px) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card:hover {
  border-color: rgba(140, 175, 255, .36) !important;
  background: linear-gradient(160deg, rgba(24, 33, 60, .8), rgba(9, 13, 25, .8)) !important;
  box-shadow: 0 22px 50px -26px rgba(0, 0, 0, .9), 0 0 30px -14px rgba(100, 135, 255, .32) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-copy {
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #edf1ff !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card:hover .home-workflow-copy {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-copy::before {
  content: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-copy > strong {
  color: #edf1ff !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-copy > span {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-copy::after {
  border: 1px solid rgba(150, 175, 255, .22) !important;
  border-radius: 9px !important;
  background: rgba(111, 227, 245, .10) !important;
  color: #8fe8f6 !important;
  box-shadow: inset 0 0 12px rgba(111, 227, 245, .08) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--agent .home-workflow-copy {
  background: transparent !important;
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--agent .home-workflow-copy > span {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--agent .home-workflow-copy::after {
  color: #8fe8f6 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--canvas .home-workflow-copy {
  background: transparent !important;
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--canvas .home-workflow-copy > span {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--canvas .home-workflow-copy::after {
  border-color: rgba(154, 140, 255, .28) !important;
  background: rgba(154, 140, 255, .12) !important;
  color: #b6acff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--gallery .home-workflow-copy {
  background: transparent !important;
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--gallery .home-workflow-copy > span {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--gallery .home-workflow-copy::after {
  border-color: rgba(143, 169, 255, .28) !important;
  background: rgba(143, 169, 255, .12) !important;
  color: #b7ccff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--records .home-workflow-copy {
  background: transparent !important;
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--records .home-workflow-copy > span {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-workflow-card--records .home-workflow-copy::after {
  border-color: rgba(212, 226, 255, .22) !important;
  background: rgba(212, 226, 255, .09) !important;
  color: #d3e2ff !important;
}

/* ── 精选广场 ────────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-main {
  border: 1px solid rgba(136, 158, 255, .2) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(16, 23, 46, .74), rgba(7, 10, 20, .86)) !important;
  box-shadow: 0 36px 80px -46px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(190, 210, 255, .07) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-main::before {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  top: -1px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(136, 158, 255, 0), rgba(140, 180, 255, .32), rgba(136, 158, 255, 0));
  pointer-events: none;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .card-v3-head {
  border-bottom: 1px solid rgba(136, 158, 255, .12) !important;
  background: transparent !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace h3 {
  color: #edf1ff !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .sub {
  margin-top: 6px !important;
  color: #8893b4 !important;
  letter-spacing: .04em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-search-inline {
  width: min(360px, 42vw) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-search-inline input {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(136, 158, 255, .18) !important;
  border-radius: 999px !important;
  background: rgba(4, 7, 15, .7) !important;
  color: #edf1ff !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-search-inline input::placeholder {
  color: #6f7b9c !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-search-inline input:focus {
  border-color: rgba(111, 227, 245, .4) !important;
  background: rgba(5, 9, 18, .9) !important;
  box-shadow: 0 0 0 4px rgba(111, 227, 245, .06) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-head-actions .btn {
  min-height: 34px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(150, 175, 255, .28) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #c2cbe7 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-showcase-head-actions .btn:hover {
  border-color: rgba(111, 227, 245, .4) !important;
  background: rgba(111, 227, 245, .1) !important;
  color: #9defff !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-type-nav {
  gap: 6px !important;
  margin-bottom: 10px !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-type-nav button,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-gallery-tag-nav button {
  min-height: 32px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(136, 158, 255, .16) !important;
  border-radius: 999px !important;
  background: rgba(11, 16, 32, .5) !important;
  color: #c2cbe7 !important;
  font-size: 11.5px !important;
  letter-spacing: .03em !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-type-nav button:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-gallery-tag-nav button:hover {
  border-color: rgba(150, 175, 255, .32) !important;
  color: #edf1ff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-type-nav button.active {
  border-color: rgba(150, 190, 255, .52) !important;
  background: rgba(120, 150, 255, .22) !important;
  color: #eef4ff !important;
  box-shadow: 0 0 22px -8px rgba(120, 150, 255, .65) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-gallery-tag-nav button.active {
  border-color: rgba(111, 227, 245, .38) !important;
  background: rgba(111, 227, 245, .12) !important;
  color: #9defff !important;
  box-shadow: 0 0 18px -7px rgba(111, 227, 245, .45) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-gallery-tag-nav {
  gap: 6px !important;
  border-bottom: 1px solid rgba(136, 158, 255, .12) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-masonry {
  column-gap: 16px !important;
}

html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-card {
  border: 1px solid rgba(136, 158, 255, .18) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(18, 25, 48, .7), rgba(6, 10, 20, .82)) !important;
  box-shadow: 0 14px 30px -22px rgba(0, 0, 0, .9) !important;
  overflow: hidden !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-card:hover,
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-card:focus-visible {
  border-color: rgba(140, 180, 255, .36) !important;
  box-shadow: 0 24px 54px -26px rgba(0, 0, 0, .9), 0 0 34px -14px rgba(100, 135, 255, .35) !important;
  outline: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-media {
  background: #080c18 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-body {
  border-top: 1px solid rgba(150, 180, 255, .16) !important;
  background: linear-gradient(180deg, rgba(7, 11, 24, .72), rgba(5, 8, 16, .94)) !important;
  backdrop-filter: blur(14px) saturate(120%) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-prompt {
  color: #edf1ff !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-tags span {
  border: 1px solid rgba(111, 227, 245, .14) !important;
  background: rgba(111, 227, 245, .08) !important;
  color: #8dddeb !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-meta {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-likes {
  color: #7f8fb3 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-card-actions {
  border-top: 1px solid rgba(150, 180, 255, .14) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-card-actions > strong {
  color: #9defff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-card-actions .btn {
  border: 1px solid rgba(150, 175, 255, .26) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #c2cbe7 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-marketplace-card-actions .btn:hover {
  border-color: rgba(111, 227, 245, .42) !important;
  background: rgba(111, 227, 245, .12) !important;
  color: #9defff !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home #homeFeaturedMarketplace .home-public-gallery-state {
  color: #8893b4 !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-gallery-refreshing {
  background: rgba(4, 7, 15, .7) !important;
}
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-gallery-refreshing span {
  border: 1px solid rgba(136, 158, 255, .2) !important;
  background: #0c1220 !important;
  color: #c2cbe7 !important;
}

/* ── 焦点与滚动 ──────────────────────────────────── */
html[data-theme="dark"][data-home-skin="cosmic"] body.page-home :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid #6fe3f5 !important;
  outline-offset: 3px !important;
}

/* 移动端保留原有结构，只换色 */
@media (max-width: 720px) {
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console {
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-console-body,
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-create-form {
    background: transparent !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-mode-tabs {
    padding: 3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere::after,
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere-ambient,
  html[data-theme="dark"][data-home-skin="cosmic"] body.page-home .home-atmosphere-ambient::after {
    animation: none !important;
  }
}
}