/* ============================================================
   MRATM88 · BIGWIN HISTORY  ·  白紫黄版 (+TOP BIG WINNERS)
   ============================================================ */
.mrg-bw-wrap{
  --mrg-green-deep:#2e0b7a;   /* 深紫 */
  --mrg-green:#410eb3;        /* 主紫 */
  --mrg-green-mid:#6d28d9;    /* 亮紫 */
  --mrg-green-line:#4c1d95;   /* 紫线 */
  --mrg-gold-1:#fff7d6;
  --mrg-gold-2:#fce07a;
  --mrg-gold-3:#f4b731;
  --mrg-gold-4:#e89a1c;
  --mrg-gold-bright:#ffd95e;
  --mrg-gold-amt-1:#ffdf6b;
  --mrg-gold-amt-2:#e8a924;
  --mrg-ivory:#ffffff;
  --mrg-ivory-2:#f5f2fc;
  --mrg-ink:#2a2240;
  font-family:'Poppins',sans-serif;
  padding:0 0 150px;
  box-sizing:border-box;
}
.mrg-bw-wrap *{box-sizing:border-box;}

/* ---------- Banner ---------- */
.mrg-banner{
  width:100%;
  border-radius:0 0 18px 18px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(65,14,179,.28);
  position:relative;
}
.mrg-banner img{width:100%;display:block;}
.mrg-banner::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--mrg-gold-2),var(--mrg-gold-3),var(--mrg-gold-2),transparent);
}

/* ---------- Title ---------- */
.mrg-head{
  text-align:center;
  padding:18px 16px 10px;
}
.mrg-title{
  margin:4px 0 0;
  font-family:'Montserrat',sans-serif;
  line-height:.96;
  display:flex;flex-direction:column;align-items:center;gap:1px;
  text-transform:uppercase;
}
.mrg-title .mrg-t-big{
  font-weight:900;
  font-size:38px;
  letter-spacing:1px;
  background:linear-gradient(180deg,#fff35a 0%,#ffd500 45%,#fcb400 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:
    drop-shadow(-2px 0 0 #3a0f8f) drop-shadow(2px 0 0 #3a0f8f)
    drop-shadow(0 -2px 0 #3a0f8f) drop-shadow(0 2px 0 #3a0f8f)
    drop-shadow(0 5px 0 #28085c) drop-shadow(0 7px 6px rgba(0,0,0,.4));
}
.mrg-title .mrg-t-sub{
  font-weight:800;
  font-size:16px;
  letter-spacing:7px;
  text-indent:7px;
  color:var(--mrg-green);
  margin-top:8px;
}
.mrg-sub{
  margin:12px auto 0;
  max-width:330px;
  font-size:11.5px;
  font-weight:500;
  line-height:1.55;
  color:#6b6480;
}
.mrg-sub .mrg-dia{display:inline-block;width:5px;height:5px;background:var(--mrg-gold-3);transform:rotate(45deg);vertical-align:middle;margin:0 6px;}
.mrg-tag{
  margin:7px 0 0;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#d99a14;
  text-shadow:0 1px 1px rgba(255,255,255,.6);
}

/* ============================================================
   TOP BIG WINNERS
   ============================================================ */
.mrg-top-wrap{
  width:100%;
  padding:14px 12px 0;
}
.mrg-top-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  padding:0 4px 10px;
}
.mrg-top-title{
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:16px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--mrg-green);
}
.mrg-top-note{
  font-size:9.5px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#b9a14a;
}
.mrg-top-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.mrg-top-card{
  position:relative;
  border-radius:14px;
  padding:14px 14px 12px;
  background:var(--mrg-ivory);
  border:1px solid rgba(65,14,179,.16);
  box-shadow:0 8px 20px rgba(65,14,179,.10);
  min-height:118px;
  display:flex;
  flex-direction:column;
}
/* #1 突出金底 */
.mrg-top-card.mrg-top-1{
  background:linear-gradient(160deg,#ffe9a3 0%,#ffd95e 55%,#f6c945 100%);
  border:1px solid var(--mrg-gold-4);
  box-shadow:0 10px 26px rgba(244,183,49,.40);
}
.mrg-top-badge{
  display:inline-block;
  align-self:flex-start;
  font-size:9px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--mrg-gold-1);
  background:linear-gradient(180deg,var(--mrg-green-mid),var(--mrg-green-deep));
  border:1px solid var(--mrg-gold-3);
  padding:3px 9px;
  border-radius:20px;
  margin-bottom:8px;
}
.mrg-top-card.mrg-top-1 .mrg-top-badge{
  color:#5a3a00;
  background:linear-gradient(180deg,#fff4c4,#ffd95e);
  border:1px solid #c98a16;
}
.mrg-top-amt{
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:21px;
  line-height:1.05;
  letter-spacing:.2px;
  color:#c97e0a;
  -webkit-text-fill-color:#c97e0a;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.mrg-top-card.mrg-top-1 .mrg-top-amt{
  font-size:26px;
  color:#7a4a00;
  -webkit-text-fill-color:#7a4a00;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.mrg-top-game{
  margin-top:5px;
  font-size:11px;
  font-weight:600;
  line-height:1.3;
  color:var(--mrg-ink);
}
.mrg-top-card.mrg-top-1 .mrg-top-game{color:#4a2f00;}
.mrg-top-foot{
  margin-top:auto;
  padding-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.mrg-top-player{
  font-size:11px;
  font-weight:600;
  color:#7a7390;
  letter-spacing:.3px;
}
.mrg-top-card.mrg-top-1 .mrg-top-player{color:#6a4a10;}
.mrg-top-eye{flex:0 0 auto;}

/* ---------- Table ---------- */
.mrg-table-wrap{
  width:100%;
  padding:18px 12px 0;
}
.mrg-table-card{
  width:100%;
  border-radius:16px;
  overflow:hidden;
  background:var(--mrg-ivory);
  border:1px solid rgba(65,14,179,.14);
  box-shadow:
    0 14px 32px rgba(65,14,179,.16),
    0 2px 0 rgba(255,255,255,.7) inset;
}
.mrg-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:auto;
  font-size:12px;
  color:var(--mrg-ink);
}
.mrg-table thead{
  background:linear-gradient(180deg,var(--mrg-green-mid) 0%,var(--mrg-green) 55%,var(--mrg-green-deep) 100%);
  position:relative;
}
.mrg-table thead th{
  color:#ffffff;
  font-weight:800;
  font-size:11px;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:13px 4px;
  text-align:center;
  border-bottom:2px solid var(--mrg-gold-3);
  word-break:break-word;
  overflow-wrap:break-word;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  white-space:nowrap;
}
.mrg-col-date,.mrg-col-time,.mrg-col-player,.mrg-col-amount,.mrg-col-eye{width:1%;white-space:nowrap;}
.mrg-col-game{width:100%;}
.mrg-table th.mrg-sp,.mrg-table td.mrg-sp{padding:0;}
.mrg-table th.mrg-sp-l,.mrg-table td.mrg-sp-l{width:6px;min-width:6px;}
.mrg-table th.mrg-sp-r,.mrg-table td.mrg-sp-r{width:14px;min-width:14px;}

.mrg-table tbody td{
  padding:11px 4px;
  text-align:center;
  border-bottom:1px solid rgba(65,14,179,.10);
  word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;
  vertical-align:middle;
  line-height:1.4;
}
.mrg-table tbody tr:nth-child(even){background:var(--mrg-ivory-2);}
.mrg-table tbody tr:last-child td{border-bottom:none;}

.mrg-col-date,.mrg-col-time{color:#6b6480;font-weight:500;}
.mrg-col-player{font-weight:600;color:#2a2240;letter-spacing:.2px;}
.mrg-col-game{font-weight:500;color:#3a3550;text-align:center;}

/* gold amount */
.mrg-amount{
  font-weight:800;
  font-size:13.5px;
  white-space:nowrap;
  color:#c97e0a;
  -webkit-text-fill-color:#c97e0a;
  text-shadow:0 1px 0 rgba(255,255,255,.7),0 0 1px rgba(201,126,10,.3);
  letter-spacing:.2px;
}

/* eye button */
.mrg-eye{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;padding:0;border:none;
  border-radius:50%;
  background:linear-gradient(160deg,var(--mrg-green-mid),var(--mrg-green-deep));
  color:var(--mrg-gold-1);
  font-size:12px;cursor:pointer;
  box-shadow:0 2px 5px rgba(65,14,179,.30),0 0 0 1px var(--mrg-gold-3) inset;
  transition:transform .15s ease,box-shadow .15s ease;
}
.mrg-eye:hover{transform:translateY(-1px) scale(1.06);box-shadow:0 5px 12px rgba(65,14,179,.45),0 0 0 1px var(--mrg-gold-2) inset;}
.mrg-eye:active{transform:scale(.93);}

/* show more */
.mrg-more-wrap{text-align:center;margin-top:16px;}
.mrg-more-btn{
  display:inline-flex;align-items:center;gap:7px;
  background:linear-gradient(180deg,var(--mrg-green-mid),var(--mrg-green-deep));
  color:var(--mrg-gold-1);
  padding:9px 26px;
  border-radius:30px;
  font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:1px;
  border:1px solid var(--mrg-gold-3);
  font-family:'Poppins',sans-serif;cursor:pointer;
  box-shadow:0 4px 12px rgba(65,14,179,.28);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.mrg-more-btn i{font-size:9px;}
.mrg-more-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(65,14,179,.40);}
.mrg-more-btn:active{transform:translateY(0);}

/* overlay */
.mrg-overlay{
  position:fixed;inset:0;
  background:rgba(30,11,60,.88);
  display:flex;align-items:center;justify-content:center;
  z-index:99999;padding:18px;box-sizing:border-box;
  cursor:zoom-out;
  animation:mrgFade .2s ease-out;
}
.mrg-overlay-img{
  max-width:92vw;max-height:90vh;border-radius:10px;
  border:2px solid var(--mrg-gold-3);
  box-shadow:0 12px 40px rgba(0,0,0,.6);
  animation:mrgPop .25s ease-out;
}
.mrg-overlay-close{
  position:absolute;top:16px;right:18px;
  color:var(--mrg-gold-1);font-size:26px;line-height:1;
  cursor:pointer;text-shadow:0 2px 6px rgba(0,0,0,.6);
  transition:transform .15s ease,color .15s ease;
}
.mrg-overlay-close:hover{transform:scale(1.15);color:#fff;}
@keyframes mrgFade{from{opacity:0;}to{opacity:1;}}
@keyframes mrgPop{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}

/* responsive */
@media only screen and (max-width:600px){
  .mrg-title{font-size:25px;}
  .mrg-sub{font-size:11px;}
  .mrg-table{font-size:10.5px;}
  .mrg-table thead th{font-size:9.5px;padding:11px 2px;letter-spacing:.3px;}
  .mrg-table tbody td{padding:9px 2px;}
  .mrg-amount{font-size:11px;}
  .mrg-eye{width:25px;height:25px;font-size:10px;}
  .mrg-table-wrap{padding:16px 10px 0;}

  /* TOP cards 手机改纵向叠放 + 缩小 */
  .mrg-top-wrap{padding:10px 12px 0;}
  .mrg-top-head{padding:0 2px 7px;}
  .mrg-top-title{font-size:13px;}
  .mrg-top-note{font-size:8px;letter-spacing:.5px;}
  .mrg-top-grid{grid-template-columns:1fr;gap:8px;}
  .mrg-top-card{min-height:0;padding:9px 12px;border-radius:11px;}
  .mrg-top-badge{font-size:8px;padding:2px 7px;margin-bottom:5px;}
  .mrg-top-amt{font-size:16px;}
  .mrg-top-card.mrg-top-1 .mrg-top-amt{font-size:18px;}
  .mrg-top-game{font-size:10px;margin-top:3px;}
  .mrg-top-foot{padding-top:6px;}
  .mrg-top-player{font-size:10px;}
  .mrg-top-eye{width:26px;height:26px;font-size:10px;}
}
@media only screen and (max-width:360px){
  .mrg-title{font-size:22px;}
  .mrg-table thead th{font-size:8.5px;}
  .mrg-table{font-size:9.5px;}
}

/* ============================================================
   ★ NEW · OVERLAY SHARE BAR (Share Link / Share Image / Download)
   MRATM88 紫金配色 · 一排过 · 三格等宽 · 永不换行
   注意：overlay 是 append 到 body 的，拿不到 .mrg-bw-wrap 的变量，
   所以这一段全部用实色 hex。
   ============================================================ */
.mrg-overlay.mrg-has-share .mrg-overlay-img{
  max-height:70vh;
}

.mrg-share-bar{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  align-items:stretch;
  justify-content:center;
  flex-wrap:nowrap;
  gap:8px;
  padding:10px;
  width:calc(100vw - 24px);
  max-width:540px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(63,20,155,.96) 0%,rgba(30,8,72,.98) 100%);
  border:1px solid rgba(244,183,49,.45);
  box-shadow:0 12px 32px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.08) inset;
  cursor:default;
  z-index:2;
  animation:mrgSbUp .28s ease-out;
}

.mrg-sb-btn{
  flex:1 1 0;
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:11px 8px;
  border-radius:24px;
  border:1px solid #f4b731;
  background:linear-gradient(180deg,#6d28d9 0%,#2e0b7a 100%);
  color:#fff7d6;
  font-family:'Poppins',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06) inset;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.mrg-sb-btn svg{flex:none;display:block;width:15px;height:15px;}
.mrg-sb-btn span{display:inline-block;}
.mrg-sb-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.5);filter:brightness(1.1);}
.mrg-sb-btn:active{transform:translateY(0) scale(.96);}

.mrg-sb-btn.mrg-sb-gold{
  background:linear-gradient(180deg,#fce07a 0%,#f4b731 45%,#e89a1c 100%);
  border-color:#fff4c4;
  color:#2e0b7a;
  box-shadow:0 4px 14px rgba(244,183,49,.45),0 0 0 1px rgba(255,255,255,.35) inset;
}
.mrg-sb-btn.mrg-sb-gold:hover{box-shadow:0 8px 20px rgba(244,183,49,.58);}

.mrg-sb-toast{
  position:absolute;
  left:50%;
  bottom:88px;
  transform:translateX(-50%);
  padding:8px 16px;
  border-radius:20px;
  background:rgba(30,8,72,.96);
  border:1px solid rgba(244,183,49,.5);
  color:#fce07a;
  font-family:'Poppins',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.45);
  z-index:3;
  pointer-events:none;
  animation:mrgSbUp .25s ease-out;
}

@keyframes mrgSbUp{from{opacity:0;transform:translateX(-50%) translateY(12px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}

@media only screen and (max-width:600px){
  .mrg-overlay.mrg-has-share .mrg-overlay-img{max-height:66vh;}
  .mrg-share-bar{bottom:16px;gap:6px;padding:8px;width:calc(100vw - 20px);border-radius:16px;}
  .mrg-sb-btn{padding:10px 4px;font-size:11px;gap:5px;letter-spacing:0;}
  .mrg-sb-btn svg{width:14px;height:14px;}
  .mrg-sb-toast{bottom:76px;font-size:10.5px;}
}
@media only screen and (max-width:390px){
  .mrg-share-bar{gap:5px;padding:7px;}
  .mrg-sb-btn{padding:9px 3px;font-size:10px;gap:4px;}
  .mrg-sb-btn svg{width:13px;height:13px;}
}
@media only screen and (max-width:340px){
  .mrg-sb-btn{font-size:9px;gap:3px;padding:9px 2px;}
  .mrg-sb-btn svg{width:12px;height:12px;}
}
/* ============================================================
   ★ TOP 3 颁奖台 · JK8 格子 + 沿框跑光 + 奖章 VIP 光环
   三张卡「所有尺寸都并排」，手机也不叠 —— 跟 JK8 一样一眼看完
   第一名金光 · 第二名银光 · 第三名铜光
   全新 mrgw_ 命名，不碰上面任何旧规则。
   ============================================================ */
.mrg-top-grid.mrgw_podium{
  display:grid;
  grid-template-columns:1fr 1.14fr 1fr;
  align-items:end;
  justify-items:center;
  gap:10px;
  padding:10px 0 18px;
}

.mrgw_place{
  box-sizing:border-box;
  position:relative;
  width:100%;
  max-width:215px;
  display:flex;
  flex-direction:column;
}
.mrgw_place *{box-sizing:border-box;}

/* 每个名次的颜色：跑光 + 光环 */
.mrgw_rank-1{
  --lite-core:#fffbe8;
  --lite-mid:rgba(255,214,94,1);
  --lite-edge:rgba(245,179,0,.55);
  --glow:rgba(255,193,20,.75);
  --mshadow:rgba(186,118,0,.34);
  --line:#f0b21a;
  --halo-in:rgba(255,238,158,.90);
  --halo-mid:rgba(255,193,35,.38);
  --ray:rgba(255,232,155,.50);
}
.mrgw_rank-2{
  --lite-core:#ffffff;
  --lite-mid:rgba(232,247,255,1);
  --lite-edge:rgba(160,197,224,.55);
  --glow:rgba(175,212,238,.75);
  --mshadow:rgba(108,140,166,.34);
  --line:#b9c6cd;
  --halo-in:rgba(240,250,255,.90);
  --halo-mid:rgba(172,205,228,.38);
  --ray:rgba(232,246,255,.50);
}
.mrgw_rank-3{
  --lite-core:#fff3e4;
  --lite-mid:rgba(255,190,130,1);
  --lite-edge:rgba(212,138,72,.55);
  --glow:rgba(230,150,85,.75);
  --mshadow:rgba(158,94,44,.34);
  --line:#c98a52;
  --halo-in:rgba(255,224,186,.90);
  --halo-mid:rgba(224,146,82,.38);
  --ray:rgba(255,218,178,.50);
}

/* TOP1 抬高 */
.mrgw_rank-1{bottom:-12px;}

/* ============================================================
   奖章 + VIP 光环
   ============================================================ */
.mrgw_medal{
  position:relative;
  z-index:4;
  text-align:center;
  margin-bottom:0;
  pointer-events:none;
  line-height:0;
}
.mrgw_rank-1 .mrgw_medal{margin-bottom:-2px;}

/* 旋转光芒（圆形裁切，mask 让边缘柔化；不支援 mask 也仍然是圆形）*/
.mrgw_medal::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:132px;
  height:132px;
  margin-top:-66px;
  margin-left:-66px;
  border-radius:50%;
  background:repeating-conic-gradient(
    rgba(255,255,255,0) 0deg,
    var(--ray) 2.2deg,
    rgba(255,255,255,0) 4.4deg,
    rgba(255,255,255,0) 20deg
  );
  opacity:.34;
  -webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 12%,rgba(0,0,0,.65) 40%,rgba(0,0,0,0) 70%);
  mask-image:radial-gradient(circle,rgba(0,0,0,1) 12%,rgba(0,0,0,.65) 40%,rgba(0,0,0,0) 70%);
  animation:mrgwRays 15s linear infinite;
  z-index:0;
}
.mrgw_rank-1 .mrgw_medal::before{
  width:172px;height:172px;margin-top:-86px;margin-left:-86px;
  opacity:.46;
}

/* 柔光晕 */
.mrgw_medal::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:112px;
  height:112px;
  margin-top:-56px;
  margin-left:-56px;
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.80) 14%,
    var(--halo-in) 30%,
    var(--halo-mid) 48%,
    rgba(255,255,255,0) 72%);
  animation:mrgwHalo 3s ease-in-out infinite;
  z-index:1;
}
.mrgw_rank-1 .mrgw_medal::after{
  width:148px;height:148px;margin-top:-74px;margin-left:-74px;
}

.mrgw_medal img{
  position:relative;
  z-index:2;
  display:inline-block;
  width:84px;
  height:auto;
  filter:drop-shadow(0 3px 7px var(--mshadow));
  animation:mrgwFloat 3s ease-in-out infinite;
}
.mrgw_rank-1 .mrgw_medal img{width:112px;}

/* ============================================================
   外框：跑光就在这一层
   ============================================================ */
.mrgw_frame{
  position:relative;
  z-index:1;
  padding:2.5px;
  border-radius:12px;
  overflow:hidden;
  background:var(--line);
  box-shadow:0 7px 18px rgba(0,0,0,.12);
  animation:mrgwFrameGlow 3s ease-in-out infinite;
}
.mrgw_rank-1 .mrgw_frame{
  padding:3px;
  border-radius:13px;
}

/* 旋转的 conic 光弧，中间被 inner 盖住，只露出边线 → 光沿着框跑 */
.mrgw_frame::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:300%;
  height:300%;
  margin-top:-150%;
  margin-left:-150%;
  background:conic-gradient(
    rgba(255,255,255,0) 0deg,
    rgba(255,255,255,0) 226deg,
    var(--lite-edge) 262deg,
    var(--lite-mid) 306deg,
    var(--lite-core) 330deg,
    #ffffff 344deg,
    var(--lite-core) 351deg,
    var(--lite-mid) 356deg,
    rgba(255,255,255,0) 360deg
  );
  animation:mrgwRun 3s linear infinite;
  z-index:0;
  pointer-events:none;
}

.mrgw_inner{
  position:relative;
  z-index:1;
  border-radius:10px;
  overflow:hidden;
  background:#ffffff;
  display:flex;
  flex-direction:column;
}
.mrgw_rank-1 .mrgw_inner{border-radius:10px;}

/* ============================================================
   卡片内容
   ============================================================ */
.mrgw_card{
  padding:11px 8px 10px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:3px;
  background:#ffffff;
}
.mrgw_rank-1 .mrgw_card{
  padding:13px 9px 12px;
  gap:4px;
  background:linear-gradient(180deg,#ffffff 0%,#fffcf0 100%);
}

.mrgw_label{
  font-size:9px;
  font-weight:700;
  letter-spacing:.1px;
  line-height:1.25;
  color:#c9922a;
}
.mrgw_rank-1 .mrgw_label{font-size:9.5px;}

.mrgw_amount{
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:15px;
  line-height:1.15;
  letter-spacing:-.2px;
  color:#c97e0a;
  -webkit-text-fill-color:#c97e0a;
  word-break:break-word;
}
.mrgw_rank-1 .mrgw_amount{
  font-size:17px;
  color:#a35f00;
  -webkit-text-fill-color:#a35f00;
}

/* Date / Time / Player */
.mrgw_info{
  display:grid;
  grid-template-columns:auto 8px 1fr;
  gap:2px 3px;
  width:100%;
  margin:5px auto 0;
  font-size:8.5px;
  line-height:1.45;
  text-align:left;
}
.mrgw_k{font-weight:700;color:#7a7390;white-space:nowrap;}
.mrgw_c{color:#a99fc6;text-align:center;}
.mrgw_v{
  font-weight:700;
  color:#2a2240;
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mrgw_game-label{
  margin-top:5px;
  font-size:8.5px;
  font-weight:700;
  line-height:1.3;
  color:#7a7390;
}
.mrgw_game{
  font-size:9px;
  font-weight:700;
  line-height:1.28;
  color:#2a2240;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
  min-height:23px;
}

/* ---------- View Proof（覆盖圆形 .mrg-eye）---------- */
.mrgw_card .mrgw_proof{
  width:auto;
  height:auto;
  margin:7px auto 0;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:inherit;
  font-family:'Poppins',sans-serif;
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.mrgw_proof-text{
  font-size:9px;
  font-weight:700;
  letter-spacing:.1px;
  color:#2e0b7a;
  text-decoration:underline;
  text-underline-offset:2px;
}
.mrgw_proof-eye{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  flex:none;
  border-radius:50%;
  background:linear-gradient(160deg,#6d28d9,#2e0b7a);
  box-shadow:0 2px 4px rgba(65,14,179,.35),0 0 0 1px #ffce4d inset;
}
.mrgw_eye-ic{width:9px;height:9px;display:block;fill:#fff7d6;}
.mrgw_card .mrgw_proof:hover{transform:translateY(-1px);filter:brightness(1.08);}
.mrgw_card .mrgw_proof:active{transform:scale(.95);}
.mrgw_rank-1 .mrgw_proof-eye{
  background:linear-gradient(160deg,#ffe18a,#f5b300);
  box-shadow:0 2px 4px rgba(245,179,0,.45),0 0 0 1px #fff4c4 inset;
}
.mrgw_rank-1 .mrgw_eye-ic{fill:#2e0b7a;}

/* ---------- 名次带 ---------- */
.mrgw_ribbon{
  margin-top:auto;
  padding:7px 4px;
  text-align:center;
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:10.5px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  white-space:nowrap;
}
.mrgw_rank-2 .mrgw_ribbon{
  background:linear-gradient(180deg,#dfe7ec 0%,#b3c1c9 50%,#94a5ae 100%);
  color:#ffffff;
  text-shadow:0 1px 2px rgba(60,80,92,.45);
}
.mrgw_rank-3 .mrgw_ribbon{
  background:linear-gradient(180deg,#e3ab78 0%,#c98a52 50%,#a96c36 100%);
  color:#ffffff;
  text-shadow:0 1px 2px rgba(90,50,20,.45);
}
.mrgw_rank-1 .mrgw_ribbon{
  padding:9px 4px;
  font-size:12px;
  background:linear-gradient(180deg,#ffdd7a 0%,#f5b300 50%,#e09b00 100%);
  color:#ffffff;
  text-shadow:0 1px 2px rgba(120,75,0,.5);
}

/* ============================================================
   动画
   ============================================================ */
@keyframes mrgwFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-5px);}
}
@keyframes mrgwRun{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@keyframes mrgwRays{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@keyframes mrgwFrameGlow{
  0%,100%{box-shadow:0 7px 18px rgba(0,0,0,.12),0 0 10px var(--lite-edge);}
  50%{box-shadow:0 7px 18px rgba(0,0,0,.12),0 0 22px 2px var(--glow);}
}
@keyframes mrgwHalo{
  0%,100%{transform:scale(1);opacity:.72;}
  50%{transform:scale(1.09);opacity:1;}
}

/* ============================================================
   响应式 —— 永远保持三张并排，只缩小尺寸
   ============================================================ */
@media only screen and (max-width:900px){
  .mrg-top-grid.mrgw_podium{gap:8px;padding:8px 0 16px;}
  .mrgw_medal img{width:74px;}
  .mrgw_rank-1 .mrgw_medal img{width:98px;}
  .mrgw_medal::before{width:116px;height:116px;margin-top:-58px;margin-left:-58px;}
  .mrgw_rank-1 .mrgw_medal::before{width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
  .mrgw_medal::after{width:98px;height:98px;margin-top:-49px;margin-left:-49px;}
  .mrgw_rank-1 .mrgw_medal::after{width:130px;height:130px;margin-top:-65px;margin-left:-65px;}
  .mrgw_card{padding:10px 6px 9px;}
  .mrgw_rank-1 .mrgw_card{padding:12px 7px 11px;}
  .mrgw_amount{font-size:13.5px;}
  .mrgw_rank-1 .mrgw_amount{font-size:15.5px;}
  .mrgw_label{font-size:8.5px;}
  .mrgw_rank-1 .mrgw_label{font-size:9px;}
  .mrgw_info{font-size:8px;grid-template-columns:auto 7px 1fr;}
  .mrgw_game-label{font-size:8px;}
  .mrgw_game{font-size:8.5px;min-height:22px;}
  .mrgw_ribbon{font-size:10px;letter-spacing:1.4px;}
  .mrgw_rank-1 .mrgw_ribbon{font-size:11px;}
}

@media only screen and (max-width:640px){
  .mrg-top-grid.mrgw_podium{gap:6px;padding:6px 0 14px;}
  .mrgw_rank-1{bottom:-9px;}
  .mrgw_medal img{width:64px;}
  .mrgw_rank-1 .mrgw_medal img{width:86px;}
  .mrgw_medal::before{width:100px;height:100px;margin-top:-50px;margin-left:-50px;}
  .mrgw_rank-1 .mrgw_medal::before{width:132px;height:132px;margin-top:-66px;margin-left:-66px;}
  .mrgw_medal::after{width:84px;height:84px;margin-top:-42px;margin-left:-42px;}
  .mrgw_rank-1 .mrgw_medal::after{width:112px;height:112px;margin-top:-56px;margin-left:-56px;}
  .mrgw_frame{border-radius:11px;}
  .mrgw_inner{border-radius:9px;}
  .mrgw_card{padding:9px 5px 8px;gap:2px;}
  .mrgw_rank-1 .mrgw_card{padding:10px 5px 9px;gap:3px;}
  .mrgw_label{font-size:7.5px;}
  .mrgw_rank-1 .mrgw_label{font-size:8px;}
  .mrgw_amount{font-size:12px;letter-spacing:-.3px;}
  .mrgw_rank-1 .mrgw_amount{font-size:13.5px;}
  .mrgw_info{font-size:7.2px;grid-template-columns:auto 5px 1fr;gap:1px 2px;margin-top:4px;}
  .mrgw_game-label{font-size:7.2px;margin-top:4px;}
  .mrgw_game{font-size:7.8px;min-height:20px;}
  .mrgw_card .mrgw_proof{margin-top:6px;gap:4px;}
  .mrgw_proof-text{font-size:7.8px;}
  .mrgw_proof-eye{width:15px;height:15px;}
  .mrgw_eye-ic{width:8px;height:8px;}
  .mrgw_ribbon{font-size:9px;letter-spacing:1.1px;padding:6px 2px;}
  .mrgw_rank-1 .mrgw_ribbon{font-size:10px;padding:7px 2px;}
}

@media only screen and (max-width:400px){
  .mrg-top-grid.mrgw_podium{gap:5px;}
  .mrgw_medal img{width:58px;}
  .mrgw_rank-1 .mrgw_medal img{width:78px;}
  .mrgw_medal::before{width:90px;height:90px;margin-top:-45px;margin-left:-45px;}
  .mrgw_rank-1 .mrgw_medal::before{width:120px;height:120px;margin-top:-60px;margin-left:-60px;}
  .mrgw_medal::after{width:76px;height:76px;margin-top:-38px;margin-left:-38px;}
  .mrgw_rank-1 .mrgw_medal::after{width:102px;height:102px;margin-top:-51px;margin-left:-51px;}
  .mrgw_card{padding:8px 4px 7px;}
  .mrgw_rank-1 .mrgw_card{padding:9px 4px 8px;}
  .mrgw_label{font-size:7px;}
  .mrgw_rank-1 .mrgw_label{font-size:7.4px;}
  .mrgw_amount{font-size:11px;}
  .mrgw_rank-1 .mrgw_amount{font-size:12.4px;}
  .mrgw_info{font-size:6.8px;grid-template-columns:auto 4px 1fr;}
  .mrgw_game-label{font-size:6.8px;}
  .mrgw_game{font-size:7.3px;min-height:19px;}
  .mrgw_proof-text{font-size:7.3px;}
  .mrgw_proof-eye{width:14px;height:14px;}
  .mrgw_eye-ic{width:7.5px;height:7.5px;}
  .mrgw_ribbon{font-size:8.4px;letter-spacing:.9px;}
  .mrgw_rank-1 .mrgw_ribbon{font-size:9.4px;}
}

@media only screen and (max-width:340px){
  .mrgw_medal img{width:50px;}
  .mrgw_rank-1 .mrgw_medal img{width:68px;}
  .mrgw_amount{font-size:10px;}
  .mrgw_rank-1 .mrgw_amount{font-size:11.4px;}
  .mrgw_info{font-size:6.4px;}
  .mrgw_game{font-size:6.9px;}
}

/* ============================================================
   ★ PAGE POLISH · 全页美化 + 优化
   这一层放在最尾，用同名或更高权重覆盖上面的规则。
   上面所有旧规则原封保留，随时可以整段删掉回到原样。
   ============================================================ */

/* ---------- 全局字体渲染 ---------- */
.mrg-bw-wrap{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  padding-bottom:120px;
}

/* ============================================================
   1 · BANNER
   ============================================================ */
.mrg-banner{
  border-radius:0 0 20px 20px;
  box-shadow:0 14px 34px rgba(65,14,179,.26);
}
.mrg-banner::after{
  height:4px;
  background:linear-gradient(90deg,
    rgba(255,206,77,0) 0%,
    #ffe18a 18%,
    #ffffff 32%,
    #ffce4d 50%,
    #ffffff 68%,
    #ffe18a 82%,
    rgba(255,206,77,0) 100%);
  background-size:220% 100%;
  animation:mrgBannerLine 4.5s ease-in-out infinite;
}
@keyframes mrgBannerLine{
  0%{background-position:100% 0;}
  50%{background-position:-40% 0;}
  100%{background-position:100% 0;}
}

/* ============================================================
   2 · 主标题 BIGWIN / REKOD
   ============================================================ */
.mrg-head{padding:22px 16px 6px;}

.mrg-title .mrg-t-big{
  background:linear-gradient(168deg,
    #fff35a 0%,
    #ffe14a 16%,
    #fffbe0 27%,
    #ffffff 32%,
    #fffbe0 37%,
    #ffd500 52%,
    #fcb400 100%);
  background-size:100% 320%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:mrgTitleSheen 5s ease-in-out infinite;
}
@keyframes mrgTitleSheen{
  0%{background-position:0 0;}
  50%{background-position:0 100%;}
  100%{background-position:0 0;}
}

.mrg-sub{
  max-width:360px;
  font-size:12px;
  color:#6b6480;
}
.mrg-sub .mrg-dia{
  width:6px;height:6px;
  background:linear-gradient(135deg,#ffe18a,#f5b300);
  box-shadow:0 0 6px rgba(245,179,0,.7);
}
.mrg-tag{
  display:inline-block;
  margin-top:11px;
  padding:5px 16px;
  border-radius:20px;
  font-size:10px;
  letter-spacing:1.6px;
  color:#a06f00;
  background:linear-gradient(180deg,rgba(255,225,138,.28),rgba(245,179,0,.16));
  border:1px solid rgba(245,179,0,.42);
  text-shadow:none;
}

/* ============================================================
   3 · 区块标头（TOP BIG WINNERS / LATEST WINNERS）
   ============================================================ */
.mrg-top-wrap{padding:20px 12px 0;}

.mrg-top-head{
  align-items:flex-end;
  padding:0 2px 14px;
}
.mrg-top-title{
  position:relative;
  display:inline-block;
  padding-bottom:9px;
  font-size:17px;
  color:#2e0b7a;
}
.mrg-top-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:46px;
  height:4px;
  border-radius:3px;
  background:linear-gradient(90deg,#f5b300,#ffe18a);
  box-shadow:0 2px 6px rgba(245,179,0,.45);
}
.mrg-top-note{
  padding:5px 11px;
  border-radius:20px;
  font-size:8.5px;
  letter-spacing:.9px;
  color:#a06f00;
  background:rgba(255,206,77,.15);
  border:1px solid rgba(245,179,0,.38);
  white-space:nowrap;
}

/* LATEST WINNERS + LIVE */
.mrg-latest-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 13px;
}
.mrg-latest-title{
  position:relative;
  display:inline-block;
  padding-bottom:9px;
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:17px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#2e0b7a;
}
.mrg-latest-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:46px;
  height:4px;
  border-radius:3px;
  background:linear-gradient(90deg,#f5b300,#ffe18a);
  box-shadow:0 2px 6px rgba(245,179,0,.45);
}
.mrg-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 13px;
  border-radius:20px;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:1.4px;
  color:#ffffff;
  background:linear-gradient(180deg,#6d28d9,#2e0b7a);
  border:1px solid rgba(255,206,77,.55);
  box-shadow:0 3px 10px rgba(65,14,179,.28);
  white-space:nowrap;
}
.mrg-live-dot{
  display:block;
  width:7px;height:7px;
  flex:none;
  border-radius:50%;
  background:#ffce4d;
  box-shadow:0 0 0 0 rgba(255,206,77,.75);
  animation:mrgLive 1.8s ease-out infinite;
}
@keyframes mrgLive{
  0%{box-shadow:0 0 0 0 rgba(255,206,77,.75);}
  70%{box-shadow:0 0 0 7px rgba(255,206,77,0);}
  100%{box-shadow:0 0 0 0 rgba(255,206,77,0);}
}

/* 颁奖台淡入 */
.mrgw_in{animation:mrgFadeUp .5s ease-out;}
@keyframes mrgFadeUp{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:translateY(0);}
}

/* ============================================================
   4 · 表格
   ============================================================ */
.mrg-table-wrap{padding:22px 12px 0;}

.mrg-table-card{
  border-radius:18px;
  border:1px solid rgba(65,14,179,.18);
  box-shadow:
    0 16px 38px rgba(65,14,179,.15),
    0 2px 0 rgba(255,255,255,.8) inset;
}

.mrg-table thead th{
  padding:14px 4px;
  border-bottom:2px solid transparent;
  background-image:linear-gradient(90deg,#f5b300,#ffe18a,#ffce4d,#ffe18a,#f5b300);
  background-position:0 100%;
  background-size:100% 2px;
  background-repeat:no-repeat;
}

/* 行淡入 */
.mrg-table tbody tr{animation:mrgRowIn .38s ease-out both;}
@keyframes mrgRowIn{
  from{opacity:0;transform:translateY(7px);}
  to{opacity:1;transform:translateY(0);}
}

.mrg-table tbody tr:not(.mrg-skel-row){transition:background .18s ease,box-shadow .18s ease;}
.mrg-table tbody tr:not(.mrg-skel-row):hover{
  background:linear-gradient(90deg,rgba(255,206,77,.12),rgba(31,168,80,.10));
  box-shadow:inset 3px 0 0 #f5b300;
}

/* 金额 */
.mrg-amount{
  font-size:13.5px;
  letter-spacing:.1px;
  color:#b8700a;
  -webkit-text-fill-color:#b8700a;
  text-shadow:0 1px 0 rgba(255,255,255,.85);
}

/* 眼睛按钮：hover 金圈 */
.mrg-eye{
  transition:transform .16s ease,box-shadow .16s ease;
}
.mrg-table tbody .mrg-eye:hover{
  box-shadow:0 5px 14px rgba(65,14,179,.42),0 0 0 3px rgba(255,206,77,.35);
}

/* ---------- 加载骨架 ---------- */
.mrg-skel-row td{border-bottom:1px solid rgba(65,14,179,.08);}
.mrg-skel{
  display:block;
  height:10px;
  margin:0 auto;
  border-radius:6px;
  background:linear-gradient(90deg,#eef2ee 0%,#f8faf8 40%,#eef2ee 80%);
  background-size:250% 100%;
  animation:mrgSkel 1.25s linear infinite;
}
.mrg-skel-c1{width:70%;}
.mrg-skel-c2{width:58%;}
.mrg-skel-c3{width:82%;}
.mrg-skel-c4{width:88%;}
.mrg-skel-c5{width:74%;}
.mrg-skel-c6{width:26px;height:26px;border-radius:50%;}
@keyframes mrgSkel{
  0%{background-position:120% 0;}
  100%{background-position:-60% 0;}
}

/* ---------- 空状态 ---------- */
.mrg-empty{
  padding:36px 12px !important;
  text-align:center;
  font-size:12px;
  font-weight:600;
  letter-spacing:.5px;
  color:#8d84a8;
}

/* ============================================================
   5 · Show More 按钮
   ============================================================ */
.mrg-more-wrap{margin-top:20px;}
.mrg-more-btn{
  position:relative;
  overflow:hidden;
  padding:11px 32px;
  font-size:11.5px;
  box-shadow:0 6px 16px rgba(65,14,179,.30);
}
.mrg-more-btn::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-70%;
  width:36%;
  height:230%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,236,160,.65),rgba(255,255,255,0));
  transform:skewX(-18deg);
  animation:mrgBtnShine 3.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mrgBtnShine{
  0%{transform:skewX(-18deg) translateX(0);opacity:0;}
  8%{opacity:1;}
  50%{transform:skewX(-18deg) translateX(460%);opacity:1;}
  58%{transform:skewX(-18deg) translateX(460%);opacity:0;}
  100%{transform:skewX(-18deg) translateX(460%);opacity:0;}
}
.mrg-more-btn .mrg-chev{animation:mrgChev 1.8s ease-in-out infinite;}
@keyframes mrgChev{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(3px);}
}
.mrg-more-btn:disabled{opacity:.55;cursor:default;}
.mrg-more-btn:disabled::after{display:none;}

/* ============================================================
   6 · 效能优化：conic 光弧缩小面积（原本 300% 太吃 GPU）
   ============================================================ */
.mrgw_frame::before{
  width:240%;
  height:240%;
  margin-top:-120%;
  margin-left:-120%;
}

/* ============================================================
   7 · 响应式微调
   ============================================================ */
@media only screen and (max-width:600px){
  .mrg-bw-wrap{padding-bottom:110px;}
  .mrg-head{padding:18px 14px 4px;}
  .mrg-sub{font-size:11.5px;}
  .mrg-tag{font-size:9.5px;padding:5px 13px;letter-spacing:1.2px;}

  .mrg-top-wrap{padding:16px 12px 0;}
  .mrg-top-head{padding:0 2px 11px;}
  .mrg-top-title,.mrg-latest-title{font-size:14px;padding-bottom:7px;}
  .mrg-top-title::after,.mrg-latest-title::after{width:36px;height:3px;}
  .mrg-top-note{font-size:7.5px;padding:4px 9px;letter-spacing:.6px;}

  .mrg-table-wrap{padding:18px 10px 0;}
  .mrg-latest-head{padding:0 2px 10px;}
  .mrg-live{font-size:8.5px;padding:4px 10px;gap:5px;letter-spacing:1px;}
  .mrg-live-dot{width:6px;height:6px;}

  .mrg-table-card{border-radius:15px;}
  .mrg-amount{font-size:11px;}
  .mrg-skel{height:9px;}
  .mrg-skel-c6{width:22px;height:22px;}
  .mrg-empty{padding:28px 10px !important;font-size:11px;}
  .mrg-more-btn{padding:10px 26px;font-size:10.5px;}
}

@media only screen and (max-width:400px){
  .mrg-top-note{display:none;}
  .mrg-top-title,.mrg-latest-title{font-size:13px;}
}

/* ============================================================
   8 · 无障碍：系统开启「减少动态效果」时全部静止
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .mrg-bw-wrap *,
  .mrg-overlay *,
  .mrgw_frame::before,
  .mrgw_medal::before,
  .mrgw_medal::after,
  .mrg-more-btn::after{
    animation:none !important;
    transition:none !important;
  }
}

/* ============================================================
   ★ 副标题一行过（不换行）
   句子固定 61 字，按屏宽逐级缩字号，保证永远单行且不溢出。
   ============================================================ */
.mrg-sub{
  max-width:none;
  width:100%;
  margin:13px 0 0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  font-size:12px;
  line-height:1.5;
}
.mrg-sub .mrg-dia{margin:0 7px;}

@media only screen and (max-width:600px){
  .mrg-head{padding:18px 10px 4px;}
  .mrg-sub{font-size:11px;margin-top:11px;}
  .mrg-sub .mrg-dia{margin:0 5px;width:5px;height:5px;}
}
@media only screen and (max-width:430px){
  .mrg-head{padding:18px 8px 4px;}
  .mrg-sub{font-size:9.6px;}
  .mrg-sub .mrg-dia{margin:0 4px;width:4.5px;height:4.5px;}
}
@media only screen and (max-width:390px){
  .mrg-sub{font-size:8.9px;}
}
@media only screen and (max-width:360px){
  .mrg-head{padding:16px 6px 4px;}
  .mrg-sub{font-size:8.4px;}
  .mrg-sub .mrg-dia{margin:0 3px;width:4px;height:4px;}
}
@media only screen and (max-width:340px){
  .mrg-sub{font-size:7.8px;}
}

/* ============================================================
   ★★★★★ ATM1 · 深紫丝绒卡 + 梯形金属铭牌
   卡片改深紫丝绒底金字（MRATM88 紫金），铭牌搬到卡外做成梯形基座。
   HTML 已配合修改（ribbon 在 frame 外，内含 .mrgw_ribbon-t）。
   奖章、外框跑光维持不变。
   ============================================================ */

/* ---------- 名次色：铭牌 ---------- */
.mrgw_rank-1{--p1:#fff8dc;--p2:#ffd95e;--p3:#e8a200;--p4:#c98400;--ptx:#5c3800;}
.mrgw_rank-2{--p1:#ffffff;--p2:#dde7ed;--p3:#a9b8c1;--p4:#8a9aa4;--ptx:#2c3a42;}
.mrgw_rank-3{--p1:#ffeedd;--p2:#e5b183;--p3:#bd7c42;--p4:#9c6231;--ptx:#48280e;}

/* ---------- 1. 三张卡聚拢 ---------- */
.mrg-top-wrap .mrg-top-grid.mrgw_podium{
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  gap:15px;
  padding:12px 0 24px;
}
.mrgw_place{max-width:none;}
.mrgw_rank-1{bottom:-13px;}

/* ---------- 2. 奖章 ---------- */
.mrgw_medal{margin-bottom:-6px;}
.mrgw_rank-1 .mrgw_medal{margin-bottom:-6px;}
.mrgw_medal img{
  width:90px;
  filter:drop-shadow(0 3px 7px rgba(80,40,150,.34));
}
.mrgw_rank-1 .mrgw_medal img{width:120px;}
.mrgw_rank-2 .mrgw_medal::before,
.mrgw_rank-3 .mrgw_medal::before{display:none;}
.mrgw_rank-1 .mrgw_medal::before{opacity:.30;}
.mrgw_medal::after{
  width:112px;height:112px;margin-top:-56px;margin-left:-56px;
  background:radial-gradient(circle,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 34%,
    rgba(255,255,255,.55) 41%,
    var(--halo-in) 46%,
    var(--halo-mid) 53%,
    rgba(255,255,255,0) 64%);
}
.mrgw_rank-1 .mrgw_medal::after{
  width:150px;height:150px;margin-top:-75px;margin-left:-75px;
}

/* ---------- 3. 外框：四角都圆（铭牌搬出去了）---------- */
.mrgw_frame{
  border-radius:13px;
  box-shadow:0 7px 18px rgba(0,0,0,.14);
}
.mrgw_rank-1 .mrgw_frame{border-radius:14px;}
.mrgw_inner{border-radius:11px;}
.mrgw_rank-1 .mrgw_inner{border-radius:11.5px;}

/* ---------- 4. 深绿丝绒卡 ---------- */
.mrgw_inner{
  background:linear-gradient(168deg,#4a1d9e 0%,#2c1063 52%,#170733 100%);
}
.mrgw_rank-1 .mrgw_inner{
  background:linear-gradient(168deg,#5b2ac0 0%,#361479 52%,#1d0940 100%);
}
.mrgw_card{
  position:relative;
  padding:30px 11px 14px;
  gap:4px;
  background:none;
}
.mrgw_rank-1 .mrgw_card{padding:38px 12px 16px;gap:5px;background:none;}
.mrgw_card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,rgba(255,206,77,0),rgba(255,206,77,.5),rgba(255,206,77,0));
}

.mrgw_label{
  font-size:8.5px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#ffd95e;
}
.mrgw_rank-1 .mrgw_label{font-size:9px;color:#ffd95e;}

.mrgw_amount{
  font-size:17px;
  color:#fff2c8;
  -webkit-text-fill-color:#fff2c8;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.mrgw_rank-1 .mrgw_amount{
  font-size:20px;
  color:#fffbe8;
  -webkit-text-fill-color:#fffbe8;
}

.mrgw_info{
  max-width:152px;
  grid-template-columns:auto 9px 1fr;
  gap:3px 4px;
  margin:8px auto 0;
  padding-top:8px;
  border-top:1px solid rgba(255,206,77,.24);
  font-size:8.5px;
}
.mrgw_k{color:#bda6ee;}
.mrgw_c{color:#8a75c0;}
.mrgw_v{color:#ffffff;text-align:right;}

.mrgw_game-label{
  margin-top:7px;
  font-size:8.5px;
  color:#bda6ee;
}
.mrgw_game{
  font-size:9.5px;
  color:#ffe9a3;
  min-height:24px;
}

/* TOP1 的圆眼保持金底绿字（覆盖 podium6 的 rank-1 规则）*/
.mrgw_rank-1 .mrgw_proof-eye{
  background:linear-gradient(160deg,#ffe18a,#f5b300);
  box-shadow:0 0 0 1px rgba(255,255,255,.4) inset;
}

/* View Proof：金边药丸 */
.mrgw_card .mrgw_proof{
  margin:10px auto 2px;
  padding:6px 8px 6px 14px;
  gap:7px;
  border:1px solid rgba(255,206,77,.6);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,206,77,.16),rgba(255,206,77,.04));
  box-shadow:none;
}
.mrgw_card .mrgw_proof:hover{
  border-color:rgba(255,206,77,.95);
  background:linear-gradient(180deg,rgba(255,206,77,.28),rgba(255,206,77,.09));
  transform:translateY(-1px);
}
.mrgw_proof-text{
  font-size:9px;
  font-weight:700;
  letter-spacing:.4px;
  color:#ffe9a3;
  text-decoration:none;
}
.mrgw_proof-eye{
  width:18px;height:18px;
  background:linear-gradient(160deg,#ffe18a,#f5b300);
  box-shadow:0 0 0 1px rgba(255,255,255,.4) inset;
}
.mrgw_eye-ic{width:9px;height:9px;fill:#2c1063;}
.mrgw_rank-1 .mrgw_eye-ic{fill:#2c1063;}

/* ---------- 5. 梯形金属铭牌 ---------- */
.mrgw_ribbon{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:calc(100% + 22px);
  margin:-13px -11px 0;
  padding:11px 8px 12px;
  background:linear-gradient(180deg,
    var(--p1) 0%,var(--p2) 26%,var(--p3) 56%,var(--p2) 76%,var(--p4) 100%);
  -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,15px 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,15px 100%);
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.28));
  letter-spacing:0;
  text-shadow:none;
  color:var(--ptx);
}
.mrgw_rank-2 .mrgw_ribbon,
.mrgw_rank-3 .mrgw_ribbon{
  background:linear-gradient(180deg,
    var(--p1) 0%,var(--p2) 26%,var(--p3) 56%,var(--p2) 76%,var(--p4) 100%);
  color:var(--ptx);
  text-shadow:none;
}
.mrgw_rank-1 .mrgw_ribbon{
  background:linear-gradient(180deg,
    var(--p1) 0%,var(--p2) 26%,var(--p3) 56%,var(--p2) 76%,var(--p4) 100%);
  color:var(--ptx);
  text-shadow:none;
  width:calc(100% + 28px);
  margin:-15px -14px 0;
  padding:13px 8px 14px;
  -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,18px 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,18px 100%);
  filter:drop-shadow(0 7px 12px rgba(201,132,0,.42));
}
.mrgw_ribbon::before,
.mrgw_ribbon::after{
  content:"";
  position:static;
  width:5px;height:5px;
  flex:none;
  background:rgba(0,0,0,.30);
  transform:rotate(45deg);
  box-shadow:0 1px 0 rgba(255,255,255,.55);
  border-radius:1px;
}
.mrgw_ribbon-t{
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:12.5px;
  letter-spacing:2.6px;
  text-transform:uppercase;
  line-height:1;
  color:var(--ptx);
  text-shadow:0 1px 0 rgba(255,255,255,.62),0 -1px 0 rgba(0,0,0,.20);
}
.mrgw_rank-1 .mrgw_ribbon-t{font-size:14.5px;letter-spacing:3.2px;}

/* ============================================================
   响应式
   ============================================================ */
@media only screen and (max-width:900px){
  .mrg-top-wrap .mrg-top-grid.mrgw_podium{gap:10px;}
  .mrgw_medal img{width:76px;}
  .mrgw_rank-1 .mrgw_medal img{width:100px;}
  .mrgw_medal::after{width:94px;height:94px;margin-top:-47px;margin-left:-47px;}
  .mrgw_rank-1 .mrgw_medal::after{width:124px;height:124px;margin-top:-62px;margin-left:-62px;}
  .mrgw_card{padding:25px 7px 12px;}
  .mrgw_rank-1 .mrgw_card{padding:31px 8px 13px;background:none;}
  .mrgw_amount{font-size:14px;}
  .mrgw_rank-1 .mrgw_amount{font-size:16px;}
  .mrgw_info{max-width:none;grid-template-columns:auto 7px 1fr;font-size:8px;}
  .mrgw_game{font-size:8.5px;}
  .mrgw_card .mrgw_proof{margin-top:8px;padding:5px 6px 5px 11px;gap:6px;}
  .mrgw_ribbon{width:calc(100% + 16px);margin:-11px -8px 0;padding:9px 6px 10px;gap:7px;}
  .mrgw_rank-1 .mrgw_ribbon{width:calc(100% + 20px);margin:-12px -10px 0;padding:11px 6px 12px;}
  .mrgw_ribbon-t{font-size:10.5px;letter-spacing:1.9px;}
  .mrgw_rank-1 .mrgw_ribbon-t{font-size:12px;letter-spacing:2.3px;}
  .mrgw_ribbon::before,.mrgw_ribbon::after{width:4px;height:4px;}
}

@media only screen and (max-width:640px){
  .mrg-top-wrap .mrg-top-grid.mrgw_podium{gap:6px;padding:8px 0 20px;}
  .mrgw_medal img{width:66px;}
  .mrgw_rank-1 .mrgw_medal img{width:88px;}
  .mrgw_medal::after{width:84px;height:84px;margin-top:-42px;margin-left:-42px;}
  .mrgw_rank-1 .mrgw_medal::after{width:112px;height:112px;margin-top:-56px;margin-left:-56px;}
  .mrgw_card{padding:22px 5px 11px;gap:3px;}
  .mrgw_rank-1 .mrgw_card{padding:27px 6px 12px;gap:4px;background:none;}
  .mrgw_label{font-size:7.2px;letter-spacing:.7px;}
  .mrgw_rank-1 .mrgw_label{font-size:7.6px;}
  .mrgw_amount{font-size:12.5px;}
  .mrgw_rank-1 .mrgw_amount{font-size:14px;}
  .mrgw_info{font-size:7.2px;grid-template-columns:auto 5px 1fr;gap:2px 3px;margin-top:6px;padding-top:6px;}
  .mrgw_game-label{font-size:7.2px;margin-top:5px;}
  .mrgw_game{font-size:8px;min-height:21px;}
  .mrgw_card .mrgw_proof{margin-top:7px;padding:4px 5px 4px 9px;gap:5px;border-radius:18px;}
  .mrgw_proof-text{font-size:7.8px;letter-spacing:.2px;}
  .mrgw_proof-eye{width:15px;height:15px;}
  .mrgw_eye-ic{width:8px;height:8px;}
  .mrgw_ribbon{
    width:calc(100% + 10px);margin:-9px -5px 0;padding:7px 4px 8px;gap:5px;
    -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,9px 100%);
    clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,9px 100%);
  }
  .mrgw_rank-1 .mrgw_ribbon{
    width:calc(100% + 13px);margin:-10px -6.5px 0;padding:9px 4px 10px;
    -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,11px 100%);
    clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,11px 100%);
  }
  .mrgw_ribbon-t{font-size:9px;letter-spacing:1.2px;}
  .mrgw_rank-1 .mrgw_ribbon-t{font-size:10.2px;letter-spacing:1.5px;}
  .mrgw_ribbon::before,.mrgw_ribbon::after{width:3.5px;height:3.5px;}
}

@media only screen and (max-width:400px){
  .mrgw_medal img{width:58px;}
  .mrgw_rank-1 .mrgw_medal img{width:78px;}
  .mrgw_medal::after{width:74px;height:74px;margin-top:-37px;margin-left:-37px;}
  .mrgw_rank-1 .mrgw_medal::after{width:100px;height:100px;margin-top:-50px;margin-left:-50px;}
  .mrgw_card{padding:19px 4px 10px;}
  .mrgw_rank-1 .mrgw_card{padding:23px 4px 11px;background:none;}
  .mrgw_amount{font-size:11.5px;}
  .mrgw_rank-1 .mrgw_amount{font-size:12.8px;}
  .mrgw_info{font-size:6.8px;grid-template-columns:auto 4px 1fr;}
  .mrgw_game{font-size:7.4px;min-height:19px;}
  .mrgw_proof-text{font-size:7.3px;}
  .mrgw_proof-eye{width:14px;height:14px;}
  .mrgw_ribbon-t{font-size:8.3px;letter-spacing:.9px;}
  .mrgw_rank-1 .mrgw_ribbon-t{font-size:9.4px;letter-spacing:1.1px;}
  .mrgw_ribbon::before,.mrgw_ribbon::after{display:none;}
}

/* ============================================================
   ★ 外框线加亮 —— 深绿卡上原本的银/铜偏暗，整体提亮
   ============================================================ */

/* 线条本身改成金属渐层，不再是单一暗色 */
.mrgw_rank-1{
  --ln-1:#fff0b0;--ln-2:#ffc932;--ln-3:#e09400;
  --glow:rgba(255,201,50,.95);
  --lite-edge:rgba(255,201,50,.75);
}
.mrgw_rank-2{
  --ln-1:#ffffff;--ln-2:#e6f1f7;--ln-3:#9fb6c4;
  --glow:rgba(206,234,252,.95);
  --lite-edge:rgba(190,222,244,.78);
}
.mrgw_rank-3{
  --ln-1:#ffdcb4;--ln-2:#f5a55c;--ln-3:#b86a2c;
  --glow:rgba(255,167,90,.92);
  --lite-edge:rgba(240,150,80,.75);
}

.mrgw_frame{
  padding:3px;
  background:linear-gradient(160deg,
    var(--ln-1) 0%,
    var(--ln-2) 38%,
    var(--ln-3) 62%,
    var(--ln-2) 82%,
    var(--ln-1) 100%);
}
.mrgw_rank-1 .mrgw_frame{padding:3.5px;}

/* 外光晕加大加亮，跟跑光同频 */
@keyframes mrgwFrameGlow{
  0%,100%{box-shadow:0 7px 18px rgba(0,0,0,.16),0 0 14px var(--lite-edge);}
  50%{box-shadow:0 7px 18px rgba(0,0,0,.16),0 0 30px 4px var(--glow);}
}
.mrgw_rank-1 .mrgw_frame{
  animation:mrgwFrameGlow 2.6s ease-in-out infinite;
}

@media only screen and (max-width:640px){
  .mrgw_frame{padding:2.5px;}
  .mrgw_rank-1 .mrgw_frame{padding:3px;}
  @keyframes mrgwFrameGlow{
    0%,100%{box-shadow:0 5px 14px rgba(0,0,0,.16),0 0 10px var(--lite-edge);}
    50%{box-shadow:0 5px 14px rgba(0,0,0,.16),0 0 22px 3px var(--glow);}
  }
}

/* ============================================================
   ★ 标题流光调柔（最亮点不用纯白，避免过曝）
   ============================================================ */
.mrg-title .mrg-t-big{
  background:linear-gradient(168deg,
    #ffe94e 0%,
    #ffdc32 15%,
    #fff0a4 26%,
    #fff8cc 32%,
    #fff0a4 38%,
    #ffcf00 55%,
    #f2a600 100%);
  background-size:100% 260%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:mrgTitleSheen 6s ease-in-out infinite;
}