/* =========================================================
   V917 · Mine 最终位置校准
   只处理：
   1. 头像/文字上移
   2. 账号完整显示
   3. 草地/房子下移
   4. 三张卡整体往下并靠近
========================================================= */


/* =========================================================
   顶部给足真实空间
========================================================= */

.page[data-page="mine"] .profile-head.v907-profile{
  position:relative !important;

  height:248px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}


/* =========================================================
   头像：直接定到上半区
========================================================= */

.page[data-page="mine"] .v907-avatar{
  position:absolute !important;

  left:10px !important;
  top:8px !important;

  width:78px !important;
  height:78px !important;

  transform:none !important;

  z-index:30 !important;
}

.page[data-page="mine"] .v907-avatar img{
  width:72px !important;
  height:72px !important;
}


/* =========================================================
   小明 / 副标题 / 账号
========================================================= */

.page[data-page="mine"] .v907-profile-info{
  position:absolute !important;

  left:105px !important;
  top:9px !important;

  width:calc(100% - 105px - 78px) !important;

  transform:none !important;

  z-index:31 !important;

  overflow:visible !important;
}


.page[data-page="mine"] .v907-name-row{
  height:35px !important;

  display:flex !important;
  align-items:center !important;
}


.page[data-page="mine"] .v907-name{
  margin:0 !important;

  font-size:28px !important;
  line-height:1 !important;

  font-weight:900 !important;

  color:#29231c !important;
}


.page[data-page="mine"] .v907-subtitle{
  margin:9px 0 0 !important;

  font-size:12px !important;
  line-height:1.25 !important;

  color:#7e7768 !important;

  white-space:nowrap !important;
}


/* 账号必须完整出现 */
.page[data-page="mine"] .v907-account-row{
  position:relative !important;

  display:flex !important;
  align-items:center !important;

  gap:7px !important;

  margin-top:10px !important;

  height:31px !important;

  overflow:visible !important;

  opacity:1 !important;

  visibility:visible !important;

  z-index:40 !important;
}


.page[data-page="mine"] .v907-account{
  display:block !important;

  max-width:145px !important;

  padding:6px 11px !important;

  border-radius:999px !important;

  color:#4b7d4d !important;

  background:rgba(132,189,101,.17) !important;

  font-size:10.5px !important;
  font-weight:800 !important;

  white-space:nowrap !important;
}


.page[data-page="mine"] .v907-logout{
  display:block !important;

  padding:6px 11px !important;

  border-radius:999px !important;

  background:rgba(255,255,255,.78) !important;

  color:#74766b !important;

  font-size:10.5px !important;
}


/* 旧登录插件生成的重复节点继续隐藏 */
.page[data-page="mine"]
.v907-profile
.v903-account-line{
  display:none !important;
}


/* =========================================================
   齿轮上移
========================================================= */

.page[data-page="mine"] .v907-settings{
  position:absolute !important;

  right:10px !important;
  top:5px !important;

  width:53px !important;
  height:53px !important;

  z-index:35 !important;
}


/* =========================================================
   草坡：只留在顶部最下面
========================================================= */

.page[data-page="mine"]
.v907-profile-bg::before{
  position:absolute !important;

  left:-40px !important;
  right:-40px !important;

  top:auto !important;
  bottom:-2px !important;

  height:70px !important;

  opacity:.88 !important;

  background:
    radial-gradient(
      ellipse at 5% 110%,
      rgba(207,234,169,.72) 0 39%,
      transparent 40%
    ),
    radial-gradient(
      ellipse at 37% 115%,
      rgba(222,240,188,.82) 0 46%,
      transparent 47%
    ),
    radial-gradient(
      ellipse at 73% 115%,
      rgba(182,220,140,.69) 0 45%,
      transparent 46%
    ),
    radial-gradient(
      ellipse at 103% 110%,
      rgba(148,201,109,.52) 0 42%,
      transparent 43%
    ) !important;
}


/* =========================================================
   小屋：真正坐到底部草地
========================================================= */

.page[data-page="mine"] .v907-garden{
  position:absolute !important;

  right:-2px !important;

  top:auto !important;
  bottom:-5px !important;

  width:184px !important;
  height:98px !important;

  z-index:8 !important;

  opacity:.94 !important;
}


/* 爱心一起放到房子附近 */
.page[data-page="mine"] .v907-heart.h1{
  right:183px !important;
  bottom:65px !important;
}

.page[data-page="mine"] .v907-heart.h2{
  right:170px !important;
  bottom:78px !important;
}


/* =========================================================
   核心：三张卡统一从这里开始
========================================================= */

/* 第一张 */
.page[data-page="mine"]
.profile-head.v907-profile
+ .pets-panel{
  position:relative !important;

  top:auto !important;

  transform:none !important;

  margin-top:8px !important;

  z-index:50 !important;
}


/* 第二张 */
.page[data-page="mine"] .stats-panel{
  position:relative !important;

  top:auto !important;

  transform:none !important;

  margin-top:8px !important;
}


/* 第三张 */
.page[data-page="mine"] .service-panel{
  position:relative !important;

  top:auto !important;

  transform:none !important;

  margin-top:8px !important;
}


/* 第一张旧伪影彻底清掉 */
.page[data-page="mine"]
.profile-head.v907-profile
+ .pets-panel::before{
  display:none !important;
}


/* 三张卡高度保持 */
.page[data-page="mine"] .pets-panel{
  height:132px !important;
}

.page[data-page="mine"] .stats-panel{
  height:144px !important;
}


/* =========================================================
   覆盖所有以前针对 pets-panel 的 top 值
========================================================= */

.page[data-page="mine"] .pets-panel,
.page[data-page="mine"]
.profile-head.v907-profile
+ .pets-panel{
  top:auto !important;

  translate:none !important;

  transform:none !important;
}


/* =========================================================
   小屏
========================================================= */

@media(max-height:760px){

  .page[data-page="mine"] .profile-head.v907-profile{
    height:205px !important;
  }

  .page[data-page="mine"] .v907-avatar{
    top:5px !important;

    width:66px !important;
    height:66px !important;
  }

  .page[data-page="mine"] .v907-avatar img{
    width:61px !important;
    height:61px !important;
  }

  .page[data-page="mine"] .v907-profile-info{
    left:90px !important;
    top:6px !important;

    width:calc(100% - 90px - 65px) !important;
  }

  .page[data-page="mine"] .v907-name{
    font-size:24px !important;
  }

  .page[data-page="mine"] .v907-garden{
    width:153px !important;
    height:82px !important;
  }

}
