/* 首页首屏：输入框当“出图入口”用，保留源码的胶囊/展开样式 */

#homeZone { cursor: default; }
#ask { cursor: text; }

/* 首页展开的生成框更紧凑：去掉顶部空带，缩小加号和输入区 */
.hero #app .gen-box { padding-top: 4px; }
.hero #app .imgbox-top .gen-prompt { min-height: 84px; }
.hero #app .img-plus { width: 84px; height: 84px; border-radius: 14px; }
.hero #app .img-plus .ico { width: 24px; height: 24px; }
/* 展开生成框后，模型/比例下拉要盖住下方四张入口卡。
   .hero-in 和 .cards-row 原本都是 z-index:1，后绘制的卡片会压住菜单。 */
.hero-in { z-index: 2; }
.hero #app .vg-dropdown { z-index: 80; background: #141416; }
/* 空着的时候只保留占位语末尾的方块光标，不要原生光标叠在左边 */
#homeZone:not(.has) #ask { caret-color: transparent; }
#ask::selection { background: transparent; }
/* 占位语只是提示，不要被鼠标/键盘选中（避免出现蓝色高亮和双光标） */
.hero .zone .ph { pointer-events: none; user-select: none; -webkit-user-select: none; }
.hero .zone .ph::selection, .hero .zone .ph *::selection { background: transparent; }

/* 4 条图片提示词，固定 2×2，行高一致 */
.hero .starters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(820px, 100%);
  margin-left: auto;
  margin-right: auto;
}
.hero .starter {
  height: auto;
  min-height: 32px;
  padding: 7px 13px;
  border-radius: 14px;
  justify-content: flex-start;
  text-align: left;
  line-height: 1.45;
  white-space: normal;
}
@media (max-width: 700px) {
  .hero .starters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 手机上占位语太长：单行省略，不要把胶囊顶破 */
@media (max-width: 560px) {
  .ph { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; right: 2px; }
  .ph b { display: none; }
}

.home-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  z-index: 9999;
  transform: translate(-50%, 12px);
  opacity: 0;
  pointer-events: none;
  max-width: min(92vw, 560px);
  padding: 11px 18px;
  border-radius: 12px;
  background: rgba(16, 22, 26, .95);
  border: 1px solid rgba(79, 211, 209, .32);
  color: #e6fbfa;
  font-size: 13.5px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .45);
  transition: opacity .24s ease, transform .24s ease;
}
.home-toast.on { opacity: 1; transform: translate(-50%, 0); }
.home-toast.bad { border-color: rgba(244, 114, 114, .4); color: #ffe8e8; }