/* 基础样式：设置页面整体布局 */
html,
body {
  height: 100%;
  /* 让页面高度占满整个浏览器窗口，避免出现垂直滚动空白 */
  margin: 0;
  /* 清除浏览器默认的外边距，消除页面边缘的空白间隙 */
}

#app {
  min-width: 880px;
  min-height: 600px;
  width: 99%;
  height: 99vh;
  /* 必须设高度，否则SDK渲染为空 */
  margin: 0 auto;
  border: 1px solid #eee;
}


/* 自定义Web SDK iframe的样式（类名与JS中ui.className保持一致） */
.coze-app-sdk {
  box-sizing: border-box;
  /* 盒模型规则：iframe的宽高会包含内容、内边距和边框，避免添加样式后整体尺寸变大 */
  padding: 0px;
  /* 为iframe内部内容添加4px内边距，避免内容紧贴边缘 */
}