/* H5 与小程序运行环境的差异补齐（必须最后加载：这里的规则要压过 mp-*.css / pages.css）。
   来源：app-config.json 的 window 配置 + 各页原版 wxss。 */

/* ---------------- 原生导航栏（navigationStyle=default 的页面） ----------------
   小程序里除「首页」外都是微信原生导航栏：底色 #606ff8、白字居中、状态栏 20 + 导航 44。
   H5 没有微信壳，就自己画一条；下面再按各页原版 wxss 把 fixed 顶栏顺移到 64px 之下。 */
.mp-nav{
  position:sticky;top:0;z-index:1000;height:64px;background:#606ff8;
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;
  margin:0;
}
.mp-nav-title{color:#fff;font-size:17px;font-weight:600;line-height:22px}

/* ---------------- 二级页导航（H5 里的 .navbar 就是小程序的原生栏） ----------------
   原版除「首页」外都是微信原生导航栏：蓝底 #606ff8 + 白字 + 左侧返回箭头。
   H5 的 .navbar 原来是白底 46px，这里按小程序画成 64px 蓝底（状态栏 20 + 导航 44）。 */
.navbar{
  background:#606ff8;border-bottom:none;color:#fff;padding:0 12px;
  height:64px;align-items:flex-end;padding-bottom:12px;
}
.navbar .nav-title{color:#fff;font-size:17px;font-weight:600;padding:0 6px}
.navbar .nav-back{color:#fff}
.navbar .nav-back svg{stroke:#fff;fill:none}
.navbar .nav-back svg path{stroke:#fff}

/* ---------------- 模板（pages/ku/ku） ---------------- */
#view-ku{background:#fff}
#view-ku .mpage-ku{background:#fff}
/* 原版 .top-bg / .tag-info 都是 position:fixed，微信 webview 起点在原生导航栏之下；
   H5 里要自己把 64px 让出来，改成吸顶才不会盖住第一条模板。 */
#view-ku .mpage-ku .top-bg{position:sticky;top:64px;height:53px}
#view-ku .mpage-ku .tag-info{position:sticky;top:117px;margin-top:0;background:#fff}
#view-ku .mpage-ku .content{margin-top:0}

/* ---------------- 圈子（pages/lt/index） ---------------- */
#view-lt{background:#f5f5f5}
#view-lt .top-bg{position:sticky;top:64px;height:auto;min-height:68px;background:#fff}
#view-lt .waterfall-container{padding-top:12px;background:#f5f5f5}
/* 原版这里是 <input>，微信不给默认边框，浏览器会给，去掉。 */
#view-lt .top-search-item-text{
  border:none;background:transparent;outline:none;flex:1;min-width:0;height:22px;
}
#view-lt .top-search-item{align-items:center;padding-right:8px}
#view-lt .ai-bot{margin-left:12px;text-align:center}

/* ---------------- 我的（pages/my/my） ---------------- */
#view-my{background:#f5f5f5}
#view-my .top-content{padding-top:15px}

/* ---------------- 生成器（pages/hb/canvas） ----------------
   原版工具栏是 position:fixed;top:0，微信里 webview 起点在原生导航栏之下。 */
#view-canvas .top-toolbar{top:64px}

/* ---------------- 首页（pages/index/index） ----------------
   首页 navigationStyle=custom：标题栏和 AI 输入卡都是页面自己画的固定层。
   原版 setNavSize() 里 status=statusBarHeight+2、navHeight=54(iOS)，两块拼起来
   76px；top-content 的 top 就落在 76px，AI 卡自身还有 12px 外边距。
   之前两块的 top 都是 0，紫边卡把标题盖住了，热门主题跑马灯也被顶到屏幕外。 */
#view-index > .content{background:transparent;border-radius:0;margin:0;padding:0}
#view-index .top-title{
  height:76px;padding:27px 0 0;box-sizing:border-box;
  left:0;right:0;top:0;z-index:999;
}
#view-index .title-info{font-size:22px;line-height:31px;padding-left:12px}
#view-index .title-desc{font-size:13px;padding:3px 0 0 12px}
#view-index .top-content{top:76px}
/* 固定层不再占据文档流，正文让出「标题 76 + AI 卡 194」的高度。 */
#view-index .index-body{padding-top:270px}
/* 原版 onPageScroll 滚过 50px 把 AI 卡收掉，正文跟着上移。 */
#view-index.index-ai-hidden .index-body{padding-top:76px}
/* 金刚区图标是后台配的图片，别再拿圆形白底裁它。 */
#view-index .menu-img{background:transparent}
#view-index .menu-img-css{display:block;height:44px;width:44px}
#view-index .menu-tip{line-height:16px;margin-left:32px;margin-top:-4px;padding:0 6px}
/* 首页活动位：原版是一条横幅图（约 3.7:1），按图自身比例撑高，别裁掉文字。 */
#view-index .activity-content{height:auto}
#view-index .activity-img{display:block;height:auto;object-fit:contain;width:100%}
/* 原版 components/tip 是贴在右上角（指向微信胶囊），不是底部通栏。 */
#view-index .tip-content{
  background:#fff;border-radius:10px;bottom:auto;left:auto;right:10px;top:52px;
  padding:0 6px 0 0;position:fixed;z-index:10000;
}
/* 热门主题跑马灯：生成层照抄原版 wxss 的 width:100%，微信里 page 的默认盒模型
   不会横向溢出；H5 叠加左右各 12px 外边距后整页多出 12px 横向滚动，这里扣掉。 */
#view-index .auto-scroll-wrap{width:calc(100% - 24px)}

/* ---------------- 我的（补充） ----------------
   原版「签到」胶囊在资料行右上角；H5 里绝对定位缺参照物，会跑到导航栏底下。 */
#view-my .top-content{position:relative}

/* ---------------- 积分中心（pages/my/rw/index） ----------------
   原版这页的导航栏不是全局蓝色，而是 #f5b298（app-config.json 的
   navigationBarBackgroundColor）；页面正文则从同色渐变到浅灰。 */
#view-rw{background:linear-gradient(180deg,#f5b298 0,#f5f5f5 50%,#f5f5f5)}
#view-rw > .navbar{background:#f5b298}
/* 原版 fixed 坐标以原生导航栏下沿为原点；H5 里要补 64px，避免弹层和“规则”压住导航。 */
#view-rw .rw-tip{top:74px}
#view-rw .over-content{height:calc(100% - 64px);top:64px}

/* ---------------- 其余二级页的固定头 ----------------
   这些页面的顶栏/内容在原版里是 position:fixed;top:0，坐标原点是原生导航栏下沿。
   H5 现在自己画了 64px 的原生栏，固定层要顺移 64px，否则会盖住标题。 */
#view-search .mpage-search .top-bg{top:64px}
#view-pg .mpage-pg .flex-content{top:224px}
#view-aidown .mpage-aidown .f-css{top:184px}
#view-ltdetail .mpage-ltdetail .top-bg{top:64px}
#view-pgjg .mpage-pgjg .fled-content{top:64px}
/* AI 大纲页滚动区原来按「无导航栏」算高度，这里补上 64px。 */
#view-ai .ai-scroll{height:calc(100vh - 142px) !important}