/* --- hero 布局提前生效（与首页正文内的同名规则一致，避免 CSS 迟到造成的大幅重排） --- */
/* 注意：这里**不能**带 background。
   首页正文里那段 <style> 虽然写了 `html, body { background:#000 !important }`，
   但 wpautop 会往 <style> 里插一个 <p>（渲染出来是 `<style>\n<p>html, body {`），
   首条规则因选择器非法而被整条丢弃 —— 实测动手前的快照 body 底色就是白的
   （Storefront 的 `body{background-color:#fff}`）。
   早期 CSS 是绕过 wpautop 直接输出的，一旦把这条黑底搬进来，它就会**真的生效**，
   桌面端随即出现四边黑框（ta-perf v1.3 就踩了这个坑）。故此处只保留布局声明。 */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}
.wp-site-content, .main-page-wrapper, .container, .wd-content-area,
.entry-content, article.page, .site-content,
.content-layout-wrapper, .wd-content-layout {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}
.ai-home-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 首图：站点设计为「首页白底」，首图隐藏、不展示。
   正文自带此规则（display:block）只是原始模板残留，实际由 Homepage white 样式块
   的 display:none !important 覆盖；这里显式写成 none，一是如实反映最终效果，
   二是防止将来加载顺序/规则变动导致首图意外露出（用户明确要求不展示）。
   注：display:none 不会阻止 <img> 下载，故本插件不对它做任何 preload。 */
.ai-home-wrap img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
    display: none !important;
}
.ai-home-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
.ai-home-wrap .content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 60px 20px;
    text-align: center;
}
.ai-home-wrap h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 12px;
    letter-spacing: 1px;
    text-shadow: 0 4px 16px rgba(0,0,0,0.5);
}
.ai-home-wrap p.lead {
    color: #fff;
    font-size: 17px;
    line-height: 1.6;
    margin: 0 0 30px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.ai-home-wrap .mwai-chatbot-container {
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}
/* --- 桌面端常驻滚动条：消除"内容变高→滚动条出现→居中容器横向抖动" --- */
@media (min-width: 769px) {
  html { overflow-y: scroll; }
  /* 内容区初始即占满一屏：wp_footer 的各模块是逐个插入的，插入前页面很短、页脚会落在首屏内，
     随后被推到视口外，实测这一项单独贡献 CLS 0.27。撑满一屏可让页脚从一开始就在视口下方。 */
  body.home #content { min-height: 100vh; }
}
/* --- 移动 App 模式 --- */
@media (max-width: 768px) {
  body.ta-mapapp #page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
  /* planner 外壳在 App 模式下不参与布局：其可见子层全是 position:fixed 的浮层，
     被摘掉高度后抽屉构建时不会再引起容器上下来回位移。
     fixed 子元素不受祖先 overflow 裁剪，地图与浮层照常工作。 */
  body.ta-mapapp .tmp-host { height: 0 !important; overflow: hidden !important; }

  /* 首图不参与移动端首屏：站点设计是「首页白底」，首图隐藏、不展示。
     v1.2~1.3 曾把它在移动端恢复成整屏层来抢 LCP（当时 LCP 由 6s 提前到 ~2s），
     但那改变了既定视觉，已按要求整体回退：
       * 不再对 .ai-home-wrap img.bg 做任何 display 覆盖（html 早期 CSS 里即为 none）；
       * 同时撤掉 #tmpMap 的 transparent 覆盖，恢复 Leaflet 默认 #ddd 底色，
         加载期外观与改动前一致（也避免地图加载时下方 hero 文案/对话框透出来）；
       * 撤掉配套的 hero 图 preload（图片既不展示，预加载纯属浪费带宽）。
     移动端 LCP 因此仍是地图瓦片，属已知未达标项，另见报告。 */

  body.ta-mapapp #colophon,
  body.ta-mapapp #ta-footer { visibility: hidden !important; }
  body.ta-mapapp .tmp-host .tmp-row,
  body.ta-mapapp .tmp-host .tmp-actions,
  body.ta-mapapp .tmp-host .tmp-loading,
  body.ta-mapapp .tmp-host .tmp-err,
  body.ta-mapapp .tmp-host .tmp-ok,
  body.ta-mapapp .tmp-host .tmp-result { display: none !important; }
}