/* =========================================================
   POKEJI V45.7.14 · 虚拟手机内部统一白底黑字灰线
   虚拟手机就是这个项目本身，属于「内部」，所以和其他页面同一套色系。
   桌面 #home 不受影响。

   要打赢 html[data-pokeji-theme] 那一层：它的规则全部带 !important，
   所以这里凡是被它强制过的属性也必须补 !important。

   统一规则
   底  #ffffff       面 #f6f7f8       线 #e4e6e8
   正文 #141518      次级 #6f7278     弱 #9a9da2
   强调 只用黑底白字，不引入任何彩色
   ========================================================= */

#modal.phone-fullscreen{
 --ph-bg:#ffffff;
 --ph-face:#f6f7f8;
 --ph-face-2:#eef0f1;
 --ph-line:#e4e6e8;
 --ph-line-2:#eceef0;
 --ph-ink:#141518;
 --ph-ink-2:#4a4d52;
 --ph-ink-3:#6f7278;
 --ph-ink-4:#9a9da2;
 background:var(--ph-bg)!important;
}

/* ---------- 手机外壳与页面底 ---------- */
#modal.phone-fullscreen .vphone,
#modal.phone-fullscreen .v455-phone-shell,
#modal.phone-fullscreen .vphone-app{
 background:var(--ph-bg)!important;color:var(--ph-ink)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#modal.phone-fullscreen .vphone-app-body,
#modal.phone-fullscreen .v455-phone-body,
#modal.phone-fullscreen .v452-app-body{
 background:var(--ph-bg)!important;color:var(--ph-ink)!important}

/* ---------- 顶部栏 ---------- */
#modal.phone-fullscreen .vphone-app-head,
#modal.phone-fullscreen .v455-phone-head{
 background:var(--ph-bg)!important;color:var(--ph-ink)!important;
 border:0!important;border-bottom:1px solid var(--ph-line)!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#modal.phone-fullscreen .vphone-app-head h2,
#modal.phone-fullscreen .v455-phone-head h2{color:var(--ph-ink)!important;font-weight:600}
#modal.phone-fullscreen .vphone-app-head button,
#modal.phone-fullscreen .v455-phone-head button{
 color:var(--ph-ink-2)!important;background:none!important;border:0!important;box-shadow:none!important}

/* ---------- 文字四级 ---------- */
#modal.phone-fullscreen b,
#modal.phone-fullscreen strong{color:var(--ph-ink)!important}
#modal.phone-fullscreen p,
#modal.phone-fullscreen span,
#modal.phone-fullscreen label,
#modal.phone-fullscreen li,
#modal.phone-fullscreen div{color:var(--ph-ink-2)}
#modal.phone-fullscreen small,
#modal.phone-fullscreen em,
#modal.phone-fullscreen time{color:var(--ph-ink-4)!important}
#modal.phone-fullscreen h1,
#modal.phone-fullscreen h2,
#modal.phone-fullscreen h3{color:var(--ph-ink)!important}

/* ---------- 列表行与卡片：浅灰面 + 灰线 ---------- */
#modal.phone-fullscreen .v455-phone-row,
#modal.phone-fullscreen .v455-phone-card,
#modal.phone-fullscreen .v455-thread-row,
#modal.phone-fullscreen .v455-management-grid button,
#modal.phone-fullscreen .v455-sheet-list button,
#modal.phone-fullscreen .v455-settings-list button,
#modal.phone-fullscreen .v452-card,
#modal.phone-fullscreen .v452-row{
 background:var(--ph-face)!important;color:var(--ph-ink)!important;
 border:0!important;border-bottom:1px solid var(--ph-line-2)!important;
 box-shadow:none!important}

/* ---------- 会话气泡：对方浅灰，我方黑底白字 ---------- */
#modal.phone-fullscreen .v455-thread-bubble,
#modal.phone-fullscreen .v454-thread-bubble{
 background:var(--ph-face)!important;color:var(--ph-ink)!important;
 border:1px solid var(--ph-line)!important;box-shadow:none!important}
#modal.phone-fullscreen .v455-thread-msg.out .v455-thread-bubble,
#modal.phone-fullscreen .v454-thread-msg.out .v454-thread-bubble{
 background:#1c1e22!important;color:#ffffff!important;border:0!important}
#modal.phone-fullscreen .v455-thread-msg.out .v455-thread-bubble *,
#modal.phone-fullscreen .v454-thread-msg.out .v454-thread-bubble *{color:#ffffff!important}

/* ---------- 头像 ---------- */
#modal.phone-fullscreen .v455-phone-avatar,
#modal.phone-fullscreen .v454-phone-avatar,
#modal.phone-fullscreen .v45710-group-cell{
 background:var(--ph-face-2)!important;color:var(--ph-ink-2)!important;
 border:1px solid var(--ph-line)!important;box-shadow:none!important}

/* ---------- 输入与按钮 ---------- */
#modal.phone-fullscreen input,
#modal.phone-fullscreen textarea,
#modal.phone-fullscreen select,
#modal.phone-fullscreen .v455-phone-safe-input,
#modal.phone-fullscreen .v455-sheet-field input,
#modal.phone-fullscreen .v455-phone-search input{
 background:var(--ph-bg)!important;color:var(--ph-ink)!important;
 border:1px solid var(--ph-line)!important;box-shadow:none!important}
#modal.phone-fullscreen input::placeholder,
#modal.phone-fullscreen textarea::placeholder{color:var(--ph-ink-4)!important}
#modal.phone-fullscreen button{
 background:var(--ph-bg);color:var(--ph-ink-2);
 border:1px solid var(--ph-line);box-shadow:none}
#modal.phone-fullscreen button.primary,
#modal.phone-fullscreen .v455-phone-send{
 background:#1c1e22!important;color:#ffffff!important;border:0!important}
#modal.phone-fullscreen button.danger{
 background:var(--ph-bg)!important;color:#a03a32!important;border:1px solid var(--ph-line)!important}

/* ---------- 弹层与工具条 ---------- */
#modal.phone-fullscreen .v455-phone-overlay{background:rgba(20,21,24,.28)!important}
#modal.phone-fullscreen .v455-phone-sheet{
 background:var(--ph-bg)!important;color:var(--ph-ink)!important;
 border:0!important;box-shadow:0 -2px 18px rgba(20,21,24,.12)!important}
#modal.phone-fullscreen .v455-phone-toolbar,
#modal.phone-fullscreen .v455-phone-search{
 background:var(--ph-face)!important;color:var(--ph-ink-2)!important;
 border:0!important;border-bottom:1px solid var(--ph-line)!important;box-shadow:none!important}
#modal.phone-fullscreen .v455-phone-empty{color:var(--ph-ink-4)!important;background:none!important}
#modal.phone-fullscreen .v455-phone-warning,
#modal.phone-fullscreen .v455-phone-failed{
 background:var(--ph-face)!important;color:var(--ph-ink-3)!important;border:1px solid var(--ph-line)!important}
#modal.phone-fullscreen .v455-phone-typing{color:var(--ph-ink-4)!important;background:none!important}

/* ---------- 手机桌面：图标与顶栏保持原样，只把底色统一 ----------
   用户强调过手机桌面、顶部栏、图标布局与配色必须原样保留，
   所以这里只改页面底色，不动 .v452-phone-app / 图标本身。 */
#modal.phone-fullscreen .vphone-home,
#modal.phone-fullscreen .v455-phone-desktop{background:var(--ph-bg)!important}

/* ---------- 手机内的应用：广场与语伴曾被主题层强制深色 ---------- */
#modal.phone-fullscreen .v452-app-square,
#modal.phone-fullscreen .v452-app-learning{
 background:var(--ph-bg)!important;color:var(--ph-ink)!important}

/* ---------- 明确移除手机内的特效 ---------- */
#modal.phone-fullscreen .vphone,
#modal.phone-fullscreen .v455-phone-shell,
#modal.phone-fullscreen .vphone-app-head,
#modal.phone-fullscreen .v455-phone-head,
#modal.phone-fullscreen .v455-thread-bubble,
#modal.phone-fullscreen .v455-phone-sheet{
 text-shadow:none!important}
