/* AYCHO brand layer —— 品牌素材接线层 | 素材：assets/*.png（官方仓库本地化，禁止外链 CDN）
   职责边界（重要）：本层只提供「品牌素材基元」，不再定义应用壳与组件样式。
   应用壳 / 顶栏 / 按钮 / 卡片 / 消息 等一律由 base.css、shell.css、chat.css、
   panel-right.css、settings.css、overlay.css 负责，避免与设计系统重复定义造成覆盖冲突。
   规范：半透明描边 + 分层阴影；只动 transform/opacity/filter；尊重 prefers-reduced-motion。 */

/* ---------- 冷启动开屏（预留实现：当前主链路为 A 的 .ax-boot + boot.js，此类名供替换实现使用） ---------- */
.ax-splash {
  position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center;
  background: var(--ax-bg, #212121);
  transition: opacity 260ms var(--ax-ease-out, cubic-bezier(.22, 1, .36, 1));
}
.ax-splash.ax-out { opacity: 0; pointer-events: none; }
.ax-splash-stack {
  display: flex; flex-direction: column; align-items: center;
  gap: clamp(16px, 4vw, 26px);
}
.ax-splash-icon {
  width: clamp(96px, 26vw, 132px); height: auto; display: block;
  opacity: 0; transform: scale(.92);
  animation: ax-icon-in 380ms var(--ax-ease-out, cubic-bezier(.22, 1, .36, 1)) forwards;
}
.ax-splash-word {
  width: clamp(150px, 40vw, 208px); height: auto; display: block;
  opacity: 0; transform: translateY(8px);
  animation: ax-word-in 320ms var(--ax-ease-out, cubic-bezier(.22, 1, .36, 1)) 120ms forwards;
}
@keyframes ax-icon-in { to { opacity: 1; transform: scale(1); } }
@keyframes ax-word-in { to { opacity: 1; transform: translateY(0); } }
.ax-splash-hint {
  margin-top: 4px; font-size: 12px; letter-spacing: .08em;
  color: var(--ax-text-3, #8e8e8e); opacity: 0;
  animation: ax-word-in 320ms var(--ax-ease-out, cubic-bezier(.22, 1, .36, 1)) 220ms forwards;
}

/* ---------- 品牌素材基元（纯装饰，零布局副作用） ---------- */
/* 应用图标：mipmap-xxxhdpi/ic_launcher_foreground.png */
.ax-brand-icon {
  flex: none; border-radius: 8px;
  background-color: var(--ax-surface, #0e1117);
  background-image: url(../assets/ic_launcher_foreground.png);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid var(--ax-border-soft, rgba(255, 255, 255, .06));
}
/* 字标：drawable/splash_wordmark.png（纯白图形，须置于深底） */
.ax-brand-word {
  flex: none;
  background-image: url(../assets/splash_wordmark.png);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}

@media (prefers-reduced-motion: reduce) {
  .ax-splash-icon, .ax-splash-word, .ax-splash-hint { animation: none; opacity: 1; transform: none; }
  .ax-splash { transition: none; }
}