/* 我的页面样式 */
.v13-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 4px;
    background: #ff3529;
    color: #fff;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
    margin-top: 2px;
}

.v13-tool-grid {
    grid-template-columns: repeat(4, 1fr);
    font-size: 12px;
    padding: 11px;
    margin: 0 15px 10px;
}

.v13-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 11px;
    margin: 0 15px 10px;
}

.v13-service-mini {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: left;
    min-height: 46px;
    cursor: pointer;
}

.v13-service-mini-title {
    font-size: 13px;
    font-weight: 900;
}

.v13-member {
    display: grid;
    grid-template-columns: 1.1fr 1.7fr;
    gap: 9px;
    padding: 11px;
    margin: 0 15px 10px;
    background: linear-gradient(135deg, rgba(255, 244, 219, 0.94), rgba(255, 255, 255, 0.82));
}

.v13-member-title {
    font-size: 17px;
    font-weight: 900;
    color: #8a5b15;
}

.v13-bar {
    height: 5px;
    background: #e8d5b5;
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
}

.v13-bar-inner {
    height: 100%;
    background: #1a73ff;
    border-radius: 5px;
    transition: width 0.3s;
}

.v13-member-right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    text-align: center;
    font-size: 10.5px;
    color: #5a4022;
}

.v13-mini-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.35fr;
    gap: 9px;
    margin: 0 15px 10px;
}

.v13-mini-card {
    min-height: 94px;
    padding: 10px;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
}

.v13-water-card {
    background: linear-gradient(135deg, #168cff, #79d4ff);
    color: #fff;
    box-shadow: 0 9px 21px rgba(20, 104, 255, 0.25);
}
/* JH_H5_MINE_REAL_PROFILE_V1 */
.jh-mine-hero{margin:32px 15px 10px;padding:12px 12px 11px;border-radius:15px;overflow:hidden;position:relative;background:radial-gradient(circle at 82% 10%,rgba(95,193,255,.45) 0,rgba(95,193,255,.18) 18%,transparent 38%),linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(232,247,255,.92) 42%,rgba(255,255,255,.86) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.96),0 9px 25px rgba(43,121,207,.18)}
.jh-mine-hero::before{content:"";position:absolute;left:-15px;right:-15px;bottom:58px;height:75px;background:linear-gradient(100deg,rgba(14,135,255,.06),rgba(70,190,255,.20),rgba(255,255,255,.08));transform:skewY(-8deg);pointer-events:none}.jh-mine-hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;opacity:.96}.jh-mine-waterdrop{position:absolute;right:46px;top:10px;width:63px;height:63px;border-radius:64% 36% 65% 35% / 58% 42% 58% 42%;transform:rotate(45deg);background:radial-gradient(circle at 32% 30%,#fff 0,rgba(255,255,255,.75) 18%,rgba(61,179,255,.48) 54%,rgba(23,118,255,.12) 100%);opacity:.78;box-shadow:inset 0 0 10px rgba(255,255,255,.9),0 7px 17px rgba(25,125,255,.12)}
.jh-mine-user-row{position:relative;z-index:2;display:flex;align-items:center;min-height:64px}.jh-mine-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 7px 15px rgba(31,114,255,.17);border:2.5px solid rgba(255,255,255,.94);flex-shrink:0}.jh-mine-user-main{flex:1;min-width:0;margin-left:9px}.jh-mine-name-row{display:flex;align-items:center;min-width:0}.jh-mine-hi{max-width:158px;font-size:14px;line-height:18px;font-weight:950;color:#182235;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jh-mine-edit{margin-left:4px;font-size:12px;color:#8a98aa;font-weight:900}.jh-mine-meta-row{display:flex;align-items:center;gap:5px;margin-top:4px;min-height:17px}.jh-mine-level{height:16px;padding:0 7px;border-radius:9px;background:linear-gradient(135deg,#168cff,#0662ff);color:#fff;font-size:9.5px;font-weight:900;line-height:16px;box-shadow:0 4px 9px rgba(20,104,255,.18)}.jh-mine-phone{height:16px;line-height:16px;padding:0 6px;border-radius:9px;background:rgba(255,255,255,.72);color:#567087;font-size:9.5px;font-weight:800}.jh-mine-sub{margin-top:4px;color:#667085;font-size:10.5px;font-weight:700}.jh-mine-home{align-self:flex-start;height:21px;padding:0 8px;border-radius:12px;background:rgba(255,255,255,.82);color:#1672ff;font-size:10px;font-weight:900;line-height:21px;box-shadow:0 4px 9px rgba(31,114,255,.10);position:relative;z-index:3;cursor:pointer}.jh-mine-order-icon-wrap{width:33px;height:33px;margin:0 auto 4px;position:relative}.jh-mine-badge{position:absolute;right:-4px;top:-4px;margin:0}

/* JH_H5_MINE_HEADER_COMMERCIAL_FIX_V2_START */
#mine-page .jh-mine-hero{
  margin:14px 15px 10px !important;
  padding:14px 13px 13px !important;
  min-height:96px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  position:relative !important;
  background:
    radial-gradient(circle at 88% 8%,rgba(67,181,255,.20) 0,rgba(67,181,255,.08) 30%,transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(235,248,255,.95) 48%,rgba(255,255,255,.91) 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.98),
    0 10px 28px rgba(45,126,220,.16) !important;
}

#mine-page .jh-mine-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.88) 43%,
      rgba(255,255,255,.54) 72%,
      rgba(255,255,255,.76) 100%);
}

#mine-page .jh-mine-hero::before{
  z-index:1 !important;
  bottom:36px !important;
  height:58px !important;
  opacity:.52 !important;
}

#mine-page .jh-mine-hero-bg{
  display:block;
  left:auto !important;
  right:-10px !important;
  top:-8px !important;
  bottom:auto !important;
  width:64% !important;
  height:calc(100% + 16px) !important;
  object-fit:cover !important;
  object-position:center right !important;
  opacity:.34 !important;
  z-index:0 !important;
  filter:saturate(1.08) contrast(.96) brightness(1.06) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,#000 48%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,#000 48%,#000 100%);
}

#mine-page .jh-mine-waterdrop{
  z-index:2 !important;
  right:23px !important;
  top:20px !important;
  width:48px !important;
  height:48px !important;
  opacity:.42 !important;
}

#mine-page .jh-mine-user-row{
  position:relative !important;
  z-index:4 !important;
  min-height:70px !important;
}

#mine-page .jh-mine-avatar{
  width:62px !important;
  height:62px !important;
  border:3px solid rgba(255,255,255,.96) !important;
  box-shadow:
    0 8px 18px rgba(30,104,210,.20),
    0 0 0 1px rgba(22,120,255,.06) !important;
}

#mine-page .jh-mine-user-main{
  margin-left:10px !important;
}

#mine-page .jh-mine-name-row,
#mine-page .jh-mine-meta-row,
#mine-page .jh-mine-sub,
#mine-page .jh-mine-home{
  position:relative !important;
  z-index:5 !important;
}

#mine-page .jh-mine-hi{
  max-width:136px !important;
  font-size:15px !important;
  line-height:20px !important;
  font-weight:950 !important;
  color:#17243a !important;
  text-shadow:0 1px 0 rgba(255,255,255,.72) !important;
}

#mine-page .jh-mine-phone{
  background:rgba(255,255,255,.76) !important;
  color:#4d657c !important;
  border:1px solid rgba(255,255,255,.72) !important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

#mine-page .jh-mine-level{
  background:linear-gradient(135deg,#1997ff,#0765ff) !important;
  box-shadow:0 5px 11px rgba(20,104,255,.20) !important;
}

#mine-page .jh-mine-sub{
  color:#5f7082 !important;
}

#mine-page .jh-mine-home{
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(22,120,255,.12) !important;
  color:#126fff !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

@media (max-width:360px){
  #mine-page .jh-mine-hi{max-width:112px !important;font-size:14px !important;}
  #mine-page .jh-mine-home{padding:0 6px !important;font-size:9.5px !important;}
}
/* JH_H5_MINE_HEADER_COMMERCIAL_FIX_V2_END */