/* ============================================================
   YCYW AI Platform — Guidance 页面 iframe 容器样式
   Used by Views/Guidance/Index.cshtml (route: /guidance.html) only.

   本文件只负责 <main data-frame="guid"> 里那个承载 guid.html 的 iframe：
   其最终高度 = 内嵌页内容实际高度，由 guidance-frame.js 实测后写入 iframe
   的内联 height（并随内容变化实时更新），使内嵌页永远不需要滚动、只由外层
   页面原生滚动。下面的 calc(100vh/dvh − Header 实际高度) 仅作为脚本写入前
   （首屏、解包过程中）的兜底初始高度，其中 --guid-header-h 仍由脚本实测写入。
   其余页面样式仍在 guidance.css / site.css，本文件不覆盖它们的任何既有规则。
   ============================================================ */

/* .layout 在 guidance.css 中是 flex + 24px gap + 40/80 内边距，
   这里改为块级并清空内边距/gap，让 iframe 完全撑满内容区。
   （视图上已有内联 padding:0，此处再显式声明一次以保证独立生效。） */
main.guid-frame {
  display: block;
  gap: 0;
  padding: 0;
  width: 100%;
}

.guid-frame__iframe {
  display: block;
  width: 100%;
  border: 0;
  /* 兜底初始高度 = 视口高度 − Header 实际高度（--guid-header-h 由脚本写入，兜底 66px）；
     脚本测量出内嵌页内容高度后会写入内联 height 覆盖此处 */
  height: calc(100vh - var(--guid-header-h, 66px));
  /* 移动端地址栏收放时 dvh 更准确；不支持 dvh 的浏览器忽略该行，退回上一行 vh */
  height: calc(100dvh - var(--guid-header-h, 66px));
  /* guid.html 首屏底色，避免其解包过程中露出白色底 */
  background-color: #031293;
}