/**
* safe-area-compat.css —— iOS「添加到主屏幕」(独立/全屏) 顶部安全区适配
*
* 背景（用户反馈）：
* iPhone（含 17 Pro Max）用 Safari 把「love咪小手机」添加到主屏幕后，
* 以独立应用（standalone）方式启动。此时配合 index.html 的
*
*
* 网页内容会「沉浸式」延伸到真机状态栏 / 灵动岛背后，env(safe-area-inset-top)
* 变为约 47~62px。
*
* 问题：
* 主页面（#chat-page / #wechat-page / #phone-page / #twitter-page / #settings-page …）
* 顶部都有一个 .status-bar，已用 max(12px, env(safe-area-inset-top)) 预留安全区，
* 所以不受影响。但「铺满 #app 的全屏浮层 / 子屏」(AO3、游乐场、一起听歌、一起看书、
* 电影院、情侣空间各子页、推特详情/私信浮层、日历全屏面板等) 自身没有 .status-bar，
* 它们的顶部功能栏 / 返回按钮直接贴在 top:0，于是被真机状态栏 / 灵动岛完全盖住、无法点击。
*
* 方案：
* 仅在「独立 / 全屏」启动态（，由 index.html 头部脚本
* 依据 navigator.standalone 或 display-mode: standalone/fullscreen 判定）下，
* 给这些全屏浮层的顶部栏补上 env(safe-area-inset-top) 的顶部内边距（或 top 偏移），
* 让它们整体下移到真机状态栏之下。
*
* 安全性：
* - 普通浏览器标签页（Safari / Via / Chrome / Edge / 搜狗 / 雨见 / 夸克 等）不带
* lovemi-standalone 类，本文件所有规则都不命中，零副作用；
* - 仅作用于「确实贴在屏幕最顶部、且无 .status-bar 兜底」的全屏浮层顶栏，
* 不动主页面、居中弹窗、底部上拉面板、好友手机内部页（它们各自已被 .status-bar
* 或父壳的 env() 安全区覆盖），避免把不在顶部的元素错误下移；
* - 适配机型/内核：iPhone(Safari/Chrome/Edge) standalone、以及 Android（华为/小米/
* OPPO/魅族/vivo/三星）以独立应用安装时的 display-mode: standalone。
*
* 加载顺序：本文件在所有模块样式之后；规则统一带 !important，即使个别浮层样式
* 是按需(懒)加载、晚于本文件注入，也能稳定覆盖其顶栏内边距。
*/
/* ------------------------------------------------------------------ */
/* 通用：仅独立/全屏启动态生效 */
/* ------------------------------------------------------------------ */
/* AO3 专区（.ao3-root 铺满 #app，无 status-bar） */
html.lovemi-standalone .ao3-root .ao3-root__header {
padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
}
/* 一起听歌（.lt-overlay 铺满 #app） */
html.lovemi-standalone .lt-overlay .lt-topbar {
padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
}
/* 一起看书（#rt-overlay-root 铺满 #app） */
html.lovemi-standalone #rt-overlay-root .rt-topbar {
padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
}
/* 游乐场（#sub-screen-game-hub）右上角关闭按钮：绝对定位 top，需整体下移 */
html.lovemi-standalone #sub-screen-game-hub .sub-screen-game-hub__close {
top: calc(12px + env(safe-area-inset-top, 0px)) !important;
}
/* love咪放映厅（.lmc-cinema 铺满 #app） */
html.lovemi-standalone .lmc-cinema-topbar {
padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
}
/* 购物·商品详情全屏面板（盖住 #shopping-page 的 status-bar） */
html.lovemi-standalone #shopping-page .shopping-product-detail-panel .shopping-detail-toolbar {
padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
}
/* ------------------------------------------------------------------ */
/* 推特（#twitter-page 内的全屏浮层；列表态头栏在 .status-bar 之下，无需处理） */
/* ------------------------------------------------------------------ */
/* 推文详情页（.twitter-detail-page: position:absolute; inset:0; 盖住状态栏） */
html.lovemi-standalone #twitter-page .twitter-detail-page .twitter-detail-header {
padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
}
/* 私信会话浮层（.twitter-dm-root: position:absolute; inset:0 铺满 #twitter-page）。
会话头 .twitter-dm-chat-header / 多选顶栏 .twitter-dm-multiselect-topbar 二者
择一可见，都贴在浮层物理顶部，需补安全区。
⚠ 上一版只挂 [data-dm-chat-overlay="on"] 单一 hook：该属性由 setChatOverlayActive()
设置，但 renderChatView() 重入（切到别的 Tab 再切回消息）时不会恢复，导致属性可能
为 off / 缺失而规则不命中。改用 [data-dm-page="chat"] 作主 hook（openConversation 设置后
一直保留、只在回列表时清除，最稳定），并叠加页面 class 与原 overlay 属性作三重保险。
（已同步在 twitter-dm.js 的 renderChatView 开头补 setChatOverlayActive(true) 兜底。） */
html.lovemi-standalone .twitter-dm-root[data-dm-page="chat"] .twitter-dm-chat-header,
html.lovemi-standalone .twitter-dm-root[data-dm-page="chat"] .twitter-dm-multiselect-topbar,
html.lovemi-standalone .twitter-dm-root[data-dm-chat-overlay="on"] .twitter-dm-chat-header,
html.lovemi-standalone .twitter-dm-root[data-dm-chat-overlay="on"] .twitter-dm-multiselect-topbar,
html.lovemi-standalone #twitter-page.twitter-page--dm-chat-overlay .twitter-dm-chat-header,
html.lovemi-standalone #twitter-page.twitter-page--dm-chat-overlay .twitter-dm-multiselect-topbar {
padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
}
/* ------------------------------------------------------------------ */
/* 情侣空间（各子浮层均铺满 #app，无 status-bar） */
/* ------------------------------------------------------------------ */
/* 情侣空间主页（排除已自带安全区的 --private 私密态头栏） */
html.lovemi-standalone .couple-space-overlay .couple-space-header:not(.couple-space-header--private) {
padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
}
/* 情侣空间·票务须知浮层 */
html.lovemi-standalone .couple-ticketing-notice-overlay .couple-ticketing-notice-header {
padding-top: calc(22px + env(safe-area-inset-top, 0px)) !important;
}
/* 情侣空间·纪念日 */
html.lovemi-standalone .cs-anniv-overlay .cs-anniv-header {
padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
}
/* 情侣空间·恋爱日记（普通头栏 + 封面上悬浮头栏） */
html.lovemi-standalone .cs-lj-overlay .cs-lj-header {
padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
}
html.lovemi-standalone .cs-lj-overlay .cs-lj-header--over-cover {
padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
}
/* 情侣空间·经期记录 */
html.lovemi-standalone .couple-period-overlay .couple-period-topbar {
padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
}
/* 情侣空间·甜蜜日记（封面态绝对顶栏 + 内页头栏） */
html.lovemi-standalone .cs-sd-overlay .cs-sd-topbar {
padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important;
}
html.lovemi-standalone .cs-sd-overlay .cs-sd-page-topbar {
padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
}
/* ------------------------------------------------------------------ */
/* 子屏日历：仅「全屏型」面板（闹钟编辑 / 来电）；普通底部上拉面板不处理 */
/* ------------------------------------------------------------------ */
html.lovemi-standalone .ssc-overlay.ssc-overlay--full .ssc-sheet-header {
padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important;
}
/* ------------------------------------------------------------------ */
/* IF 线板块（#love-mi-if-line-root.if-line-root 铺满 #app，无 status-bar） */
/* */
/* .if-line-topbar 由 sub-screen-if-line.js 通过