/* Korean Mall My Page Premium Colors V2
   Loaded LAST in <head> to override the existing scoped Vue/theme styles.
   Visual-only; no wallet, API, payment, claim, or navigation logic changed. */

html body .mine[data-v-ecfa0006] .mine_top[data-v-ecfa0006]{
  background:linear-gradient(135deg,#00a995 0%,#00bda7 48%,#00a99c 100%)!important;
  border-radius:0 0 34px 34px!important;overflow:hidden!important;
  box-shadow:0 14px 30px rgba(0,137,123,.18)!important;position:relative!important;
}
html body .mine[data-v-ecfa0006] .mine_top .mine_info[data-v-ecfa0006]{
  background:transparent!important;
}
html body .mine[data-v-ecfa0006] .mine_top .mine_info[data-v-ecfa0006]:before{
  background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.15),transparent 32%),
  linear-gradient(115deg,transparent 25%,rgba(255,255,255,.05) 50%,transparent 70%)!important;
}
html body .mine[data-v-ecfa0006] .mine_info_top[data-v-ecfa0006]{padding-top:16px!important}
html body .mine[data-v-ecfa0006] .info_left img[data-v-ecfa0006]{
  border:3px solid rgba(255,255,255,.95)!important;
  box-shadow:0 0 0 3px rgba(255,221,102,.35),0 7px 18px rgba(0,0,0,.16)!important;
}
html body .mine[data-v-ecfa0006] .info_left ul[data-v-ecfa0006],
html body .mine[data-v-ecfa0006] .info_left ul li[data-v-ecfa0006]{
  color:#fff!important;font-weight:800!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items[data-v-ecfa0006]{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;padding:14px 14px 20px!important;align-items:stretch!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]{
  min-width:0!important;min-height:142px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:8px!important;padding:15px 8px 12px!important;
  border-radius:25px!important;border:1px solid rgba(255,255,255,.3)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px rgba(0,92,82,.08)!important;
  text-align:center!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>div,
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>span{
  color:#fff!important;font-weight:900!important;max-width:100%!important;
  overflow-wrap:anywhere!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>button.one_btn{
  width:100%!important;max-width:150px!important;min-height:44px!important;
  margin:auto 0 0!important;padding:0 7px!important;border:0!important;
  border-radius:18px!important;font-size:14px!important;font-weight:900!important;
  line-height:1.15!important;white-space:normal!important;
  box-shadow:0 7px 15px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
/* Recharge = dark blue */
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]:nth-child(1)>button.one_btn{
  background:linear-gradient(135deg,#1745c5 0%,#0754e8 55%,#062f98 100%)!important;
  color:#fff!important;box-shadow:0 7px 18px rgba(4,63,190,.34),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
/* Commission = hero gold */
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]:nth-child(2)>button.one_btn{
  background:linear-gradient(135deg,#fff0b3 0%,#e8b94e 48%,#bd7e16 100%)!important;
  color:#4a3000!important;box-shadow:0 7px 18px rgba(193,135,25,.3),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
/* Interest = premium red */
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]:nth-child(3)>button.one_btn{
  background:linear-gradient(135deg,#ff3d5d 0%,#e40042 52%,#a90035 100%)!important;
  color:#fff!important;box-shadow:0 7px 18px rgba(207,0,60,.32),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>button.one_btn:active{
  transform:scale(.97)!important;filter:brightness(1.04)!important;
}
html body .mine[data-v-ecfa0006] .mine_nav[data-v-ecfa0006]{
  padding:14px 14px 18px!important;background:linear-gradient(180deg,#f3fffc 0%,#f8fbff 100%)!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul[data-v-ecfa0006]{
  display:flex!important;flex-direction:column!important;gap:14px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li[data-v-ecfa0006]{
  min-height:82px!important;padding:0!important;border-radius:27px!important;
  background:rgba(255,255,255,.98)!important;border:1px solid #f4e7ee!important;
  box-shadow:0 8px 25px rgba(28,72,68,.065),inset 0 1px 0 #fff!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol[data-v-ecfa0006]{
  min-width:0!important;padding:16px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol img[data-v-ecfa0006]{
  width:48px!important;height:48px!important;object-fit:contain!important;
  padding:8px!important;margin-right:14px!important;border-radius:17px!important;
  background:linear-gradient(145deg,#fff0f7,#ffe3ef)!important;box-sizing:border-box!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol span[data-v-ecfa0006]{
  color:#20283a!important;font-size:16px!important;font-weight:850!important;
}
html body .mine[data-v-ecfa0006] .mine_nav .van-icon[data-v-ecfa0006]{
  color:#d51d78!important;font-size:23px!important;font-weight:900!important;
}
@media(max-width:380px){
 html body .mine[data-v-ecfa0006] .mine_top_items[data-v-ecfa0006]{gap:7px!important;padding-left:10px!important;padding-right:10px!important}
 html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]{padding:12px 5px 10px!important;min-height:135px!important;border-radius:21px!important}
 html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>button.one_btn{font-size:12px!important;min-height:41px!important;border-radius:15px!important}
 html body .mine[data-v-ecfa0006] .mine_nav[data-v-ecfa0006]{padding-left:10px!important;padding-right:10px!important}
}
@media(prefers-reduced-motion:reduce){
 html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>button.one_btn{transition:none!important}
}


/* Korean Mall My Page Compact V3
   Reduce excess vertical space while preserving existing colours and functionality. */
html body .mine[data-v-ecfa0006] .mine_top[data-v-ecfa0006]{
  padding-bottom:0!important;
  border-radius:0 0 27px 27px!important;
}
html body .mine[data-v-ecfa0006] .mine_info_top[data-v-ecfa0006]{
  padding-top:9px!important;
  padding-bottom:3px!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items[data-v-ecfa0006]{
  gap:7px!important;
  padding:8px 12px 13px!important;
  margin-top:0!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]{
  min-height:118px!important;
  padding:10px 7px 9px!important;
  gap:5px!important;
  border-radius:21px!important;
}
html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>button.one_btn{
  min-height:39px!important;
  margin-top:auto!important;
  font-size:13px!important;
  border-radius:15px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav[data-v-ecfa0006]{
  padding:8px 12px 12px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul[data-v-ecfa0006]{
  gap:9px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li[data-v-ecfa0006]{
  min-height:68px!important;
  border-radius:23px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol[data-v-ecfa0006]{
  display:flex!important;
  align-items:center!important;
  min-height:68px!important;
  padding:10px 13px!important;
  box-sizing:border-box!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol img[data-v-ecfa0006]{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  margin-right:11px!important;
  padding:7px!important;
  border-radius:15px!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol span[data-v-ecfa0006]{
  display:inline-block!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  margin:0!important;
}
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol .van-icon,
html body .mine[data-v-ecfa0006] .mine_nav>ul>li>ol i{
  margin-left:auto!important;
  flex-shrink:0!important;
}
@media(max-width:380px){
  html body .mine[data-v-ecfa0006] .mine_top_items[data-v-ecfa0006]{
    gap:6px!important;padding:7px 9px 11px!important;
  }
  html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]{
    min-height:112px!important;padding:9px 5px 8px!important;
  }
  html body .mine[data-v-ecfa0006] .mine_top_items .top_item[data-v-ecfa0006]>button.one_btn{
    min-height:36px!important;font-size:12px!important;
  }
  html body .mine[data-v-ecfa0006] .mine_nav[data-v-ecfa0006]{
    padding:7px 9px 10px!important;
  }
  html body .mine[data-v-ecfa0006] .mine_nav>ul[data-v-ecfa0006]{
    gap:8px!important;
  }
}